
body { font-family:arial,helvetica; font-size:13px; text-align:center; margin:0; padding:0; background-image:url('../images/degrade_fond.png'); background-repeat:repeat-x; }
form { margin:0; padding:0; }
img { border:0; }
textarea { overflow:auto; font-family:arial,helvetica;}


/* CSS Générique */
.gras { font-weight:bold; }
.italic { font-style:italic; }
.souligne { text-decoration:underline; }
.texte_centre { text-align:center; }
.texte_gauche { text-align:left; }
.texte_droite { text-align:right; }
.texte_justif { text-align:justify; }
.separateur_pointille { border-top:1px dashed #ccc; }
.clear { clear:both; }
.lettrine:first-letter {font-size:150%;}
.nogras { font-weight:normal; }

.texta10 { font-family:arial,helvetica; font-size:10px; }
.texta11 { font-family:arial,helvetica; font-size:11px; }
.texta12 { font-family:arial,helvetica; font-size:12px; }
.texta13 { font-family:arial,helvetica; font-size:13px; }
.texta14 { font-family:arial,helvetica; font-size:14px; }
.texta16 { font-family:arial,helvetica; font-size:16px; }
.texta18 { font-family:arial,helvetica; font-size:18px; }
.texta20 { font-family:arial,helvetica; font-size:20px; }
.texta22 { font-family:arial,helvetica; font-size:22px; }
.texta24 { font-family:arial,helvetica; font-size:24px; }

.blanc { color:#fff; }
.gris1 { color:#333; }
.gris2 { color:#666; }
.gris3 { color:#998675; }
.rose { color:#de0044; }
.bleu { color:#006699; }
.bleu2 { color:#0071BC; }
.orange { color:#F06400; }
.vert { color:#3c8247; }
.noir { color:#000; }

.champ12 { font-family:arial,helvetica; font-size:12px; }
.champ13 { font-family:arial,helvetica; font-size:13px; }

.lien0 { text-decoration:none; }
.lien0:hover { text-decoration:none; }
.lien1 { text-decoration:none; }
.lien1:hover { text-decoration:underline; }
.lien2 { color:#666; text-decoration:none; }
.lien2:hover { color:#de0044; text-decoration:underline; }


/* Header */
#haut { position:relative; width:1020px; height:180px; background-image:url('../images/header.png'); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:left; }
#lienLogo { position:absolute; top:12px; left:0; width:476px; height:146px; }
#lienLogo img { width:474px; height:148px; }

#logout a{
    background-image: url("../images/110projets-v3/btn_deconnexion.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    height: 37px;
    margin: 40px 15px 0 0;
    padding: 10px 0 0 12px;
    text-decoration: none;
    width: 114px;
}
#logout a:hover{
    background-image:       url(../images/110projets-v3/btn_deconnexion_rollover.png);
}
#ongletAccueilSelect { position:absolute; top:63px; right:278px; width:196px; height:67px; background-image:url(../images/btn_accueil.png); }
#ongletAccueilSelect div { margin:18px; text-align:center; }
#ongletAccueilNonSelect { position:absolute; top:61px; right:278px; width:199px; height:55px; background-image:url(../images/btn_accueilnonselectionne.png); }
#ongletAccueilNonSelect img { width:199px; height:55px; }
#ongletTemoignagesNonSelect { position:absolute; top:62px; right:32px; width:220px; height:52px; background-image:url(../images/btn_temoignage.png); }
#ongletTemoignagesNonSelect img { width:220px; height:52px; }
#ongletTemoignagesSelect { position:absolute; top:62px; right:32px; width:220px; height:52px; }
#ongletTemoignagesSelectHaut { width:215px; height:12px; background-position:left top; background-image:url(../images/menu_temoignages_haut.png); }
#ongletTemoignagesSelectContenu { width:215px; background-image:url(../images/menu_temoignages_fond.png); }
#ongletTemoignagesSelectBas { width:215px; height:12px; background-position:left bottom; background-image:url(../images/menu_temoignages_bas.png); }


/* Footer */
#bas { position:relative; height:94px; background-color:#008e36; }


/* Page */
#page { width:1020px; margin:0 auto 0 auto; padding-bottom:100px; text-align:left; background-image:url('../images/degrade_page.png'); min-height:350px; }
#page-formulaire {
    background-image: url("../images/degrade_page.png");
    margin: 0 auto;
    min-height: 350px;
    padding:0 80px 100px 120px;
    text-align: left;
    width: 820px;
}
#page_contenu_gauche { margin-left:89px; float:left; width:650px; }
#page_contenu_droit { margin-right:15px; float:right; width:260px; height:1000px; text-align:left; background-image:url('../images/degrade_carre.jpg'); background-repeat:repeat-x; background-position:left bottom; }
#mailInfo { width:190px; }
#mailInfoErreur { display:none; font-size:11px; font-weight:bold; color:red; }
#btnInfoMailValider { width:72px; height:26px; border:0; color:#fff; font-weight:bold; background:transparent url(../images/btn_orange.png) no-repeat scroll 0 0; cursor:pointer; }
.bulle_orange { width:273px; height:50px; background-image:url(../images/bulle.png); }
.separateur_temoignage { border-bottom:3px solid #000; }


/* INDEX */
#blocTemoignagesHome { border-top:3px solid #000; border-bottom:3px solid #000; padding-top:15px; }
#hautTemoignageHome { border-top:3px solid #000; padding-top:15px; }
#noTemoignageHome { margin:65px 0 80px 0; font-weight:bold; text-align:center; }
#homeLienTemoignages { margin:10px 0 20px 0; font-size:14px; font-weight:bold; text-align:right; }
#homeBlocBilan { margin:20px 0 0 20px; }
#homeTitreBilan { padding-top:10px; font-size:16px; font-weight:bold; text-align:center; }
#homeBlocBilan ul { padding-left:15px; width:450px; }
#homeBlocBilan li { margin-top:10px; }
#blocHomeDroite { font-size:12px; margin-left:20px;/* width:217px;*/ }
#blocHomeDroiteContenu { margin:0 10px 0 10px; }
#homeQuizzFB { margin:20px 0 0 25px; }


/* LISTE TEMOIGNAGES */
#listeTemoignagesVide { margin-top:100px; font-weight:bold; text-align:center; }


/* TEMOIGNAGE */
.bloc_photo_createur { float:left; width:120px; min-height:100px; }
.bloc_photo_createur img { width:100px; }
.bloc_temoignage_createur { float:left; width:120px; height:100px; }
.bloc_video_temoignage { float:right; width:310px; margin:0 0 8px 8px; }
.bloc_photos_temoignage { clear:both; margin-top:10px; }
.cadre_photo_temoignage { float:left; border:1px solid #ccc; padding:2px 2px 0 2px; margin-left:2px; }
.cadre_photo_temoignage img { width:208px; }
#commentaireTemoigneTitre { margin:40px 0 20px 20px; }
#commentaireTemoigneTitre div { padding-top:10px; }
#separateurCommentaireTemoignage { border-bottom:3px solid #000; margin:15px 0 10px 0; }
#NoTemoignage { margin-top:100px; font-weight:bold; text-align:center; }


/* MENU TEMOIGNAGE */
div.lien_menu_tem_titre { font-size:22px; font-weight:bold; padding:0 0 18px 25px; background:none; }
div.lien_menu_tem_titre:hover { font-size:22px; font-weight:bold; padding:0 0 18px 25px; background:transparent url(../images/fleche_noir.jpg) no-repeat scroll 10px 6px; }
div.lien_menu_tem_titre_select { font-size:22px; font-weight:bold; padding:0 0 18px 25px; background:transparent url(../images/fleche_noir.jpg) no-repeat scroll 10px 6px; }
div.lien_menu_tem_titre a { color:#666; text-decoration:none; }
div.lien_menu_tem_titre:hover a { color:#000; text-decoration:none; }
div.lien_menu_tem { font-size:14px; padding:0 28px 10px 28px; background:none; }
div.lien_menu_tem:hover { font-size:14px; padding:0 28px 10px 28px; background:transparent url(../images/fleche_noir.jpg) no-repeat scroll 10px 0; }
div.lien_menu_tem_select { font-size:14px; padding:0 28px 10px 28px; background:transparent url(../images/fleche_noir.jpg) no-repeat scroll 10px 0; }
div.lien_menu_tem a { color:#f26600; text-decoration:none; }
div.lien_menu_tem:hover a { color:#000; text-decoration:none; }


/* MODULE ADDTHIS */
.addthis_toolbox .custom_hover { position:relative; }
.addthis_toolbox .custom_hover .custom_button { font-weight:bold; padding:4px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; }
/*.addthis_toolbox .custom_hover .custom_button.active { background-color:#eee; }*/
.addthis_toolbox .custom_hover .tower { -webkit-border-radius:0 5px 0 0; -moz-border-radius-topleft:0; }
.addthis_toolbox .hover_menu { display:none; position:absolute; top:1px; left:278px; background:#fff;width:75px; padding:3px 0 3px 8px; border:3px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:25;}
.addthis_toolbox .hover_menu a { width:25px; height:16px; float:left; display:block; text-decoration:none; color:blue; }
.addthis_toolbox .hover_menu a:hover { text-decoration:none; }
.addthis_toolbox .hover_menu .more { border-top:solid 1px #eee; padding:10px 0 0 0; margin:10px 10px 0 10px; text-align:center; }
.addthis_toolbox .hover_menu .more a { padding:4px 0; margin:0; }
.addthis_toolbox .hover_menu .more span { display:none; }


/* PAGINATION LISTE DES TEMOIGNAGES */
.ui-tabs-hide { display:none; }
.ui-tabs-nav { display:none; }
.ui-tabs-panel { width:100%; }
.liste_temoignages_pagination { float:right; /*height:62px; margin:-64px 20px 0 0;*/ }
.conteneur_page_actu { cursor:pointer; float:left; font-size:13px; margin-right:4px; color:#000; padding:2px; font-weight:bold; }
.conteneur_num_page { cursor:pointer; float:left; font-size:13px; margin-right:4px; color:#999; padding:2px; font-weight:bold; }


/* OLD CSS (pour les dossiers) */
#erreur { background-color:#fcc; padding:3px 0 3px 0; font-weight:bold; color:red; border:1px solid red; }
#valide { background-color:#cfc; padding:3px 0 3px 0; font-weight:bold; color:green; border:1px solid green; }
#jeune_dossier { position:relative; height:650px; display:block; }
#entrepreneur_dossier { position:relative; height:650px; display:none; }
.etoile_dossier { float:left; width:10px; }
.libelle_dossier { float:left; width:135px; }
.champ_dossier { float:left; width:290px; }
.champ_largeur { width:280px; }
.erreur_dossier { float:left; width:175px; font-size:11px; color:red; background-color:#ffecce; background-image:url(../images/triangle.gif); background-repeat:no-repeat; padding:3px; padding-left:17px; text-align:left; }
.tips_dossier { float:left; width:175px; font-size:11px; color:black; background-color:#ffecce; background-image:url(../images/triangle.gif); background-repeat:no-repeat; padding:3px; padding-left:17px; text-align:left; }
input.ajouter { width:115px; height:36px; border:0; background-image:url(../images/valider.png); cursor:pointer; }


/* Gestion de la transparence des PNG (IE6) */
* html img.png_trans,
* html .png {
	behavior: expression(
	(this.runtimeStyle.behavior="none") && (this.pngSet ? this.pngSet = true : (
	this.nodeName == "IMG" ? (
	this.src.toLowerCase().indexOf('.png') > -1 ? (
	this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "images/trans.gif"
	) : 0
	) : (
	this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	(this.currentStyle.backgroundRepeat != 'no-repeat') ? (
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')"
	) : 0,
	this.runtimeStyle.backgroundImage = "none"
	),this.pngSet=true
	)
	)
	);
}




/* Formulaire et action liées Home */





#homeDescription ul {
    margin: 15px 30px 10px 30px;
    padding-left: 0;
    list-style: none;
}

#homeDescription ul li {
    padding-left: 30px;
    background-image: url(../images/110projets-v3/dossier.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    height: 25px;
    padding-left: 30px;
    padding-top: 5px;
}

#homeDescription .accroche {
    margin-left:60px;
}







#blocFormulaire, #blocLogin {
    color:#534741;
    text-shadow : 0 1px 0 #FFF;
    font-size: 15px;
}

#blocLogin {
    width:387px;
    margin:25px auto 0 auto;
}

#blocLogin form{
    width:387px;
}

#blocFormulaire #modeForm {
    height:29px;
}

#blocFormulaire #modeForm a{
    color:#534741;
    font-size:15px;
    padding:10px 20px 11px 40px;
    font-weight:bold;
    background-color:#ECE9E3;
    text-decoration:none;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
    border-top:1px solid #C7B299;
    border-left:1px solid #C7B299;
    border-right:1px solid #C7B299;
    position:relative;

}

#blocFormulaire #modeForm a:hover{
    background-color:#E1DCD2;
}

#blocFormulaire #modeForm a#formChoixModeJeune{
    background-image: url(../images/110projets-v3/case.png);
    background-repeat: no-repeat;
    background-position: 12px 10px;
}

#blocFormulaire #modeForm a#formChoixModeJeune:hover{
    background-image: url(../images/110projets-v3/case_select.png);
    background-repeat: no-repeat;
    background-position: 6px 5px;
}


#blocFormulaire #modeForm a#formChoixModeEntreprise{
    margin-left:15px;
    background-image: url(../images/110projets-v3/case.png);
    background-repeat: no-repeat;
    background-position: 12px 10px;
}

#blocFormulaire #modeForm a#formChoixModeEntreprise:hover{
    background-image: url(../images/110projets-v3/case_select.png);
    background-repeat: no-repeat;
    background-position: 6px 5px;
}

#blocFormulaire #modeForm a#formChoixModeEntreprise-selected {
    background-color:#E1DCD2;
    top:1px;
    background-image: url(../images/110projets-v3/case_select.png);
    background-repeat: no-repeat;
    background-position: 5px 15px;
    padding-top:20px;
    margin-left:15px;
}

#blocFormulaire #modeForm a#formChoixModeJeune-selected {
    background-color:#E1DCD2;
    top:1px;
    background-image: url(../images/110projets-v3/case_select.png);
    background-repeat: no-repeat;
    background-position: 5px 15px;
    padding-top:20px;
}


#blocFormulaire #formDepot {
    width:570px;
    float:left;
    background-color:#E1DCD2;
    padding:25px 40px;
    -moz-border-radius:0 10px 10px 10px;
    -webkit-border-radius:0 10px 10px 10px;
    border-radius:0 10px 10px 10px;
    border:1px solid #C7B299;
}

#blocFormulaire a#lienDepotJeune {
    text-decoration:none;
    float:left;
    background-color:#E1DCD2;
    padding:15px 30px 15px 50px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:1px solid #C7B299;
    font-weight:bold;
    margin-left:25px;
    color:#534741;
    background-image: url(../images/110projets-v3/case.png);
    background-repeat: no-repeat;
    background-position: 20px 15px;
}


#blocFormulaire a#lienDepotEntreprise {
    text-decoration:none;
    float:left;
    background-color:#E1DCD2;
    padding:15px 30px 15px 50px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:1px solid #C7B299;
    font-weight:bold;
    margin-left:30px;
    color:#534741;
    background-image: url(../images/110projets-v3/case.png);
    background-repeat: no-repeat;
    background-position: 20px 15px;
}
#blocFormulaire a#lienDepotJeune:hover {
    color:#F06400;
    background-image: url(../images/110projets-v3/case_select.png);
    background-repeat: no-repeat;
    background-position: 12px 9px;
}

#blocFormulaire a#lienDepotEntreprise:hover {
    color:#F06400;
    background-image: url(../images/110projets-v3/case_select.png);
    background-repeat: no-repeat;
    background-position: 12px 9px;
}

#blocFormulaire .infoChampsObligatoires {
    color: #534741;
    font-size: 12px;
    padding:0 0 25px 0;
    border-bottom:1px solid #C7B299;
}

#blocFormulaire .infoChampsObligatoires #infoInit{
    background-image: url(../images/110projets-v3/crayon_info.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 25px;
    padding-bottom: 10px;
}

#blocFormulaire .infoChampsObligatoires #infoErreur{
    display:none;
    color:#D4145A;
    background-image: url(../images/110projets-v3/crayon_erreur.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 25px;
    padding-bottom: 10px;
}


#blocLogin .blocInput,
#blocFormulaire .blocInput {
    float:left;
    margin-top:25px;
    padding:0;
}

#blocFormulaire #blocInputPrenom , #blocFormulaire #blocInputNom {
    width:270px;
}

#blocFormulaire #blocInputPrenom {
    margin-right:30px;
}

#blocFormulaire #blocInputTelephoneJeune {
    margin-right:20px;
    width:177px;
}

#blocFormulaire #blocInputTelephoneEntreprise {
    margin-right:30px;
    width:177px;
}

#blocFormulaire #blocInputDate {
    width:200px;
}

#blocFormulaire #blocInputSociete {
    width:270px;
    margin-right:30px;
}

#blocFormulaire #blocInputFonction {
    width:270px;
}

#blocFormulaire .blocInput input#email {
    width:560px;
}

#blocFormulaire .blocInput input#telephone {
    width:165px;
}

#blocFormulaire .blocInput input#cp {
    width:160px;
}

#blocFormulaire .blocInput input#societe {
    width:260px;
}

#blocFormulaire .blocInput input#fonction {
    width:260px;
}

#blocFormulaire .blocInput select {
    margin-top:5px;
}

#blocFormulaire .blocInput textarea#description {
    overflow:hidden;
    width:548px;
    border:1px solid #C7B299;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:2px 5px;
    margin-top:5px;
    padding:10px;
}

#blocFormulaire .blocInput textarea.textInitTextarea {
    font-size:16px;
    color:#998675;
    font-style:italic;
}

#blocFormulaire .blocInput textarea.textSaisieTextarea {
    font-size:16px;
    color:#534741;
    font-style:normal;
}

#blocFormulaire #blocInputDescription label {
    float:left;
    width: 250px;
}

#blocLogin input,
#blocFormulaire input {
    border:1px solid #C7B299;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:5px;
    font-size:16px;
    margin-top:5px;
    color:#534741;
    height:25px;
    margin-left:0;
}


#blocFormulaire #blocInputPrenom input, #blocFormulaire #blocInputNom input{
    width:260px;
}

#blocLogin label, 
#blocFormulaire label {
    color: #534741;
    font-size: 14px;
    font-weight: bold;
}

#blocLogin label.erreur, 
#blocFormulaire label.erreur {
    font-size:14px;
    color:#D4145A;
    font-weight:bold;
}

#blocLogin #emailNonReconnuErreur,
#blocLogin #identifiantNonReconnuErreur,
#blocLogin #emailFormatErreur,
#blocLogin #identifiantTailleErreur,
#blocFormulaire #emailFormatErreur {
    display:none;
    color:#D4145A;
    margin-left:5px;
}


#blocFormulaire #btSubmit {
    clear:both;
    float:right;
    border:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:7px 20px 6px;
    font-size:14px;
    cursor:pointer;
    background-color:#F06400;
    margin-top:15px;
    text-transform:uppercase;
    color:#fff;
    height:auto;
    font-weight:bold;
}

#blocLogin #btSubmit {
    float:right;
    border:none;
    color:#fff;
    background-color:#fff;
    font-weight:bold;
    cursor:pointer;
    background-image: url(../images/110projets-v3/btn_envoyer.png);
    background-repeat: no-repeat;
    height: 37px;
    width: 108px;
    font-size: 13px;
    margin-top:10px;
}
#blocLogin #btSubmit:hover {
    background-image: url(../images/110projets-v3/btn_envoyer_rollover.png);
}


.pointille-beside-left { 
    border-top:1px dashed #ccc;
    float:left;
    margin-top: 30px;
    width: 260px;
}

#titreQuiPeutParticiper {
    text-transform:uppercase;
    font-size:16px;
}


#blocFormulaire #confirmDepot {
    width:570px;
    float:left;
    background-color:#E1DCD2;
    padding:25px 0 25px 70px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:1px solid #C7B299;
    font-weight:bold;
    background-image: url(../images/110projets-v3/coche_orange.png);
    background-repeat: no-repeat;
    background-position: 25px 18px;
    
}


#blocLogin .blocInput #email, 
#blocLogin .blocInput #identifiant {
    width:375px;
    background-color:#ECE9E3;
}


#blocLogin .blocInput #identifiant {
    width:100px;
}


a.lienSavoirPLus{
    text-decoration:none;
    font-style:italic;
    background-image: url(../images/110projets-v3/icone_info.png);
    background-repeat: no-repeat;
    padding: 3px 0 2px 23px;
}

a.lienSavoirPLus:hover{
    text-decoration:underline;
    font-style:italic;
}


