@import url(/vinclude/quiz.css);


/* CSS ADMINISTRATION 2020 SCREEN */

/* BASES */
/* *{margin:0; padding:0; font-size:100%;}*/
*{margin:0; padding:0; }
html{height:100%;}
body{font-size:12px; color:#000000; font-family:Arial, Verdana, Helvetica, sans-serif; background:#d5d600;}
img{border:none;}
a{color:#000000;}
.conteneur{margin:auto; width:975px; background:url(/imgs/site_ombres_fd.gif) repeat-y; position:relative;}
.page{background:url(/imgs/page_fond.gif) top repeat-x #FFFFFF; margin:auto; width:969px; position:relative; overflow:hidden;}

.float_left{float:left;}
.float_right{float:right;}
.clear_both{clear:both;}
.align_droite{text-align:right;}
.align_center{text-align:center;}
.align_justify{text-align:justify}
.vertical_middle{vertical-align:middle;}
.margin_auto{margin:0 auto;}
.display_block{display:block;}
ul{list-style-position:inside;}
.line_12{line-height:12px;}
.uppercase{text-transform:uppercase;}

.violet{color:#9e0f65;}
.violet2{color:#a41c6a;}
.rose{color:#e52e7e;}
.gris{color:#737373;}
.gris_foncé{color:#414141;}

.font10{font-size:10px;}
.font11{font-size:11px;}
.font14{font-size:14px;}
.font15{font-size:15px;}

.padding12_0_0_12{padding:12px 0 0 12px;}
.padding10_10_20_10{padding:10px 10px 20px 10px;}

/*PNG Fix*/
img, input{behavior: url(/vinclude/iepngfix.htc);}

/* HEADER */
.header{width:969px; height:117px; overflow:hidden;}
.header img{display:block;}

/* CONTENT */

.content .gauche{width:180px; margin:0 0 0 20px;}
.content .centre{margin:0 0 0 20px;}
.content .droite{width:205px; padding:0 0 0 20px;}

.content .centre_523{width:503px; padding:0 12px 0 0; border-right: solid 1px #b8b8b8;}
.content .centre_749{width:749px;}

.content .contenucentre {margin:0 0 0 10px;}

/* GAUCHE */

.bouton_gauche{margin:0 0 4px 0; display:block;}
.bloc_boutons{margin:30px 0 0 0; display:block;}

/* CENTRE */
.bloc_participation{position:relative; height:277px; margin:0 0 16px 0;}
.bloc_participation .marianne{position:absolute;}
.bloc_participation .pastille{position:absolute; right:0px; bottom:-10px;}
.bloc_participation form{padding:0 0 0 218px; font-size:11px; height:90px;}
.bloc_participation form input, form img{vertical-align:middle; margin:0 5px 0 0;}
.bloc_participation form .input_mail{width:115px; font-size:11px; padding:3px;}
.bloc_participation form h1{font-size:28px; color:#9f0e65; font-weight:bold; text-transform:uppercase;}
.bloc_participation form h1 b{color:#e52f7f;}
.bloc_participation form span{padding:0 0 0 5px;}


.bloc_participation .homet1{padding:0 0 0 105px; font-size:11px;}
.bloc_participation .homet1 h1{font-size:23px; color:#9f0e65; font-weight:bold; text-transform:uppercase;text-align:center;}
.bloc_participation .homet1 h1 b{color:#e52f7f;}
.bloc_participation .homet1 span{padding:0 0 0 5px;}


.home_blocs_bas{width:749px; overflow:hidden; position:relative;}
.home_blocs_bas .bloc_actu{float:left; width:417px; height:150px; background:url(/imgs/bloc_home_actu_fd.gif) no-repeat top center; margin:0 10px 0 0;}
.home_blocs_bas .bloc_actu .actu{padding:15px 20px 20px 20px;}
.home_blocs_bas .bloc_actu .actu img{margin:0 0 5px 0;}
.home_blocs_bas .bloc_actu .actu p{font-size:11px; color:#686868; padding:0 0 0 140px;}
.home_blocs_bas .bloc_actu .actu p a{color:#686868; font-weight:bold;}
.home_blocs_bas .bloc_actu .actu p b{color:#414141; font-size:12px;}
.home_blocs_bas .bloc_quiz{float:left;}

h1.titre_page{background:url(/imgs/titre_page_fd.gif) repeat-x; height:43px; position:relative; margin:0 0 20px 0;}
h1.titre_page span{position:absolute; bottom:0; left:10px; line-height:17px; font-size:24px; color:#FFFFFF; text-transform:uppercase;}
h2.sous_titre_page{font-size:14px; font-weight:bold; color:#9e0f65; text-transform:uppercase;}

.article{padding:10px 0;}

.accroche {padding:10px 0;font-weight:bold;}

/* FORMULAIRE */
.formulaire{margin:20px 0 10px 0;}
.formulaire p{margin:10px 0 0 0; padding:0;}
.formulaire p.clear_both{padding:0 0 5px 0;}
.formulaire p.clear_both strong{font-size:14px;}
.formulaire .form_colonne{float:left; width:233px; padding:0 18px 0 0;border:none;}
.formulaire .form_std{padding:0 18px 0 0;border:none;}
.formulaire fieldset{margin:0 0 15px 0;}
.formulaire label{width:122px; display:block; float:left; margin:0 0 15px 0; border:none red 1px;}
.formulaire .form_std label{width:222px; display:block; float:left; margin:0 0 15px 0;border:none red 1px;}
.formulaire .input_txt{width:110px; font-size:11px; font-weight:bold;}
.formulaire .form_std .input_txt{width:250px; font-size:11px; font-weight:bold;}
.formulaire .form_std textarea.input_txt{width:250px; height:130px; font-size:11px; font-weight:normal;}
.formulaire .mess_erreur{text-align:right; display:block; padding:0 0 5px 0; color:#FF0000; font-size:11px; font-weight:bold; font-style:oblique;}

.formulaire .stdcol {float:left;width:245px;border:none;}
.formulaire .form_stdcol {border:none;}
.formulaire .form_stdcol label{width:110px; display:block; float:left; margin:0 0 15px 0;border:none red 1px;}
.formulaire .form_stdcol label.large {width:auto;display:block; float:none;border:none red 1px;margin:0 0 0px 0;}
.formulaire .form_stdcol .input_txt {width:110px; font-size:11px; font-weight:bold;}
.formulaire .form_stdcol textarea.input_txt{width:250px; height:130px; font-size:11px; font-weight:normal;}
.formulaire .form_stdcol select.input_txt {width:110px; font-size:11px; font-weight:normal;}
.formulaire .form_stdcol select.large {width:222px; font-size:11px; font-weight:normal;margin-bottom:15px;}

#aide {position:absolute;display:none;border:solid gray 1px;padding:10px;font-weight:bold;position:absolute;top:400px;margin-right:15px}

blockquote {margin: 10px 20px 0;}

/* DROITE */
.droite p.font11{padding:0 10px 0 0; line-height:11px;}
.droite p{margin:0 0 10px 0;}

/* FOOTER */
.footer{color:#262626; font-size:10px; text-align:right; background:#d5d600;}
.footer a{color:#262626; text-decoration:none; margin:0 10px;}
.footer a:hover{text-decoration:underline;}
.footer_bottom{ display:block;}

.img_footer{
	margin-top:10px;
	margin-left:420px;
	width:80px;
	margin-right:0px;
	float:left;
}

/* QUIZZ */
.quiz{margin:0 auto; width:600px; height:468px; background:#f2f3f3; overflow:hidden;}
.quiz_header{width:600px; height:94px; overflow:hidden;}
.quiz_contenu{width:537px; margin:0 auto;}
.quiz_question{width:537px; height:160px; background:url(/imgs/quiz_fd_question.gif) top no-repeat;}
.quiz_question h1{font-size:15px; font-weight:bold;}
.quiz_reponses{padding:8px 0 0 30px;}
.quiz_reponses label{display:block; margin:7px 0;}
.quiz_resultat{margin:15px 0 0 30px;}
.quiz_resultat span{color:#e52f7f; font-size:15px; font-weight:bold;}

/* POPIN */
.popin{width:519px; height:330px; background:url(imgs/popin_fd.gif) no-repeat;}
.popin .btn_close{ text-align:right; padding:15px 20px 0 0;}
.popin_contenu{padding:20px 0 30px 0; text-align:center;}
.popin_btn{padding:0 50px;}

/* INDEX */

.titre_acceuil{
	color:#9F0E65;
	font-size:26px;
	font-weight:bold;
	text-transform:uppercase;
}

.titre1_deplier{
	margin-left:0px;
	text-align:left;
	margin-top:23px;
	margin-left:120px;
	background-color:#f2cede;
	height:100px;
	width:513px;
}

.titre1_deplier p{
	padding-top:25px;
	margin-left:-23px;
}

#homet2 {
	padding-left:117px;
	height:102px;
}

	
.titre1_deplier span{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color : #9f0e65;
	height:50px;
}

.titre1_deplier span em{
	margin-left:-5px;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
}

.identification_form{
margin-top:3px;
}


.form_home span{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:#9f0e65;
}

.form_home span a{
	color:#e52f7f;
}

.affiche_identification{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
}

.affiche_identification em{
	font-weight:bold;
	color:#9e1064;
	font-style:normal;
}

.form_ajout_info1 {	
	margin-left:70px;
	width : 435px;
	}

.form_ajout_info1 input{
	margin-bottom:5px;
}

.lable_etape1{
	padding-top:3px;
	margin-left:30px;
	height:18px;
	display:block;
	width : 110px;
	float:left;
}

.btn_etape1{
	text-align:right;
}



.div_btn{
	margin-top:20px;
	text-align:right;
}

.form_questions label{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

.form_questions .textarea_90{
	width:500px;
	height:90px;
	
}
.form_questions textarea{
	width:500px;
	height:200px;
	
}

.btn_modifier{
	float:left;
	text-align:left;
}

.phrase_bravo{
	font-weight:bold;
	color:#e85e7e;
}

.question{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

.identerreur{
	float:center;
	text-align:center;
	margin-top:8px;
	width:400px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:red;
}

.projet_impossible{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
}

.titre_projet{
	background:transparent url(/imgs/titre_page_fd.gif) repeat-x scroll 0 0;
	height:43px;
	margin:0 0 20px;
	position:relative;
/*	margin-bottom:20px;
	width:503px;
	height:40px;
	background-color:#c2c302;*/
}

.titre_projet p{
	line-height:17px;
	margin-left:5px;
	padding-top:20px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:white;
}

.titre_video {
	width:130px;
	font-size:16px;
	font-weight:bold;
	text-transform: uppercase;
	color:#9f0e65;
	padding:10px 0 0 0;
}

.video {
	width:230px;
	padding:0 0 0 15px;
}

#isel {position:absolute;left:0;top:0;width:200px;height:200px;background-color:black;filter:alpha(opacity=75);opacity : 0.75;display:none;color:white;z-index:10;}
#iselcont {position:absolute;z-index:11;padding:5px;display:none;}
#ifcontenu {width:400px;height:150px;border:0;}


/* POP IN MDP PERDU */

.bodymdp{
	background-color:#D5D600 ;
}

.form_perdu{
	margin-left:auto;
	margin-right:auto;
	width:400px;
	height:120px;
	text-align:center;
}

.lbl_perdu{
	padding-top:15px;
	display:block;
	margin-left:15px;
	margin-right:15px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#9F0E65;
}

.cont_perdu{
	margin-left:30px;
	margin-top:25px;
	height:30px;
}

.mel_perdu{
	float:left;
}

.mel_perdu input{
	margin-right:10px;
	margin-top:2px;
	width:300px;
}

.txt_email_faux{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:red;
	padding-top:5px;
	width:390px;
}

.txt_reussi_perdu{
	padding-top:25px;
	margin-left:15px;
	margin-right:15px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

.txt_reussi_perdu em{
color:#9F0E65;
font-weight:bold;
font-style:normal;
}


.popin2{width:400px; height:150px; background:url(/imgs/popin_fd.gif)}
/*
.popin .btn_close{ text-align:right; padding:15px 20px 0 0;}*/
.popin_contenu{padding:20px 0 30px 0; text-align:center;}
.popin_btn{padding:0 50px;}


.resultat_preselectionne{
	margin-left : 15px;
}

.liste{
	margin-left:10px;
}