@CHARSET "UTF-8";

/***************************/
/****** Styles par défaut ******/
/***************************/

/* Couleur de texte par défaut => gris (#4b4b4c)*/
/* Couleur des liens par défaut => bleu (#006699)*/

body { font-family:Arial, Helvetica, sans-serif; color:#4b4b4c; margin:0; padding:0; background:#f4ccac url('fond.gif') top repeat-x; font-size:12px; height: 100%; }

* {margin:0; padding:0;}

a:active, a:focus { outline:none; }
a { color:#006699; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }

a img { margin:0; padding:0; border:0 }
	
.clear { clear:both; display:block }
.content-normal { position:relative; width:984px; margin:0 auto }
.content-nopos { width:984px; margin:0 auto }

p{ text-align:justify; }


/****************************************/
/********** Statistique désactivée *********/
/****************************************/

#image_stat{ position:absolute; width:244px; left:370px; top:0; z-index:10;  }
#temp_stat{ position:absolute; width:300px; left:337px; top:40px; z-index:9; border:1px solid red; background-color:#f4ccac; padding:8px; text-align:center; font-weight:bold; }

/***************************/
/********** Bandeau *********/
/***************************/

#bandeau { width:100%; height:83px; }

	#bandeau_left { width:200px; height:83px; margin:0; padding:0; position:absolute; top:0; left:0; }
	#bandeau_left a { display:block; width:200px; height:83px; text-indent:-2000px; background:url('bandeau_logo_saser.jpg') no-repeat; }

	#bandeau_title { display:block; width:584px; height:83px; margin:0; padding:0; position:absolute; top:0; left:200px; text-indent:-2000px; background:url('bandeau_centre.jpg') no-repeat; }

	#bandeau_right { width:200px; height:83px; margin:0; padding:0; position:absolute; top:0; left:784px; }
	#bandeau_right a { display:block; width:200px; height:83px; text-indent:-2000px; background:url('bandeau_logo_procas.jpg') no-repeat; }
	
	

	
/***************************/
/********** Menu *********/
/***************************/	

#menu { width:100%; height:33px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;  }

ul#nav {list-style:none; width:100%; border-left:1px solid #0e3043; height:33px; display:block; background:#045882 url('menu_fond.gif') repeat-x; line-height:33px; font-weight:none; }
ul#nav span {border-bottom:1px solid #fff; width:168px; font-weight:bold; color:#4b4b4c; background:#f1f4f8 url(menu_fond_rubrique.gif); display:block; text-align:center; font-size:11px; border-bottom:1px solid #fff; border-top:1px solid #fff;}
ul#nav li a {display: block; color:#FFFFFF; text-decoration:none; text-align:center; font-size:11px; padding-left:15px; padding-right:16px;}


ul#nav li a:hover, ul#nav li:hover {background:#d3d3d3 url(menu_fond_invers.gif);}
ul#nav li {float: left; border-left:1px solid #157aae; border-right:1px solid #0e3043; }
ul#nav li ul { position: absolute; left: -999em; background: transparent url("menu_fond_bleu.png") repeat left top;	width: 168px; list-style:none; z-index:20; border:1px solid #fff;}
ul#nav li li { width: 157px; float:left; line-height:25px; border-right:none;  border-left:none; }
ul#nav li li a {border-bottom:0px solid #fff; width:160px; color:#FFF; text-decoration:none; text-align:left; padding-left:8px; padding-right:0px; display:block; }

ul#nav li li a:hover {color:#FFF; background: transparent url("menu_fond_bleu.png") repeat left top; text-decoration: underline ;}
ul#nav li:hover ul {left: auto; }
ul#nav li:hover ul, #nav li.sfhover ul {left: auto; }




/*

#menu { width:100%; height:33px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;  }

ul#nav {list-style:none; width:100%; border-left:1px solid #0e3043; height:33px; display:block; background:#045882 url('menu_fond.gif') repeat-x; line-height:33px; font-weight:none; }
ul#nav span {border-bottom:1px solid #fff; width:157px; font-weight:bold; color:#045075; background:#cccccc url(pasdimage.gif); display:block; text-align:left; padding-left:8px; font-size:14px;}
ul#nav li a {display: block; color:#FFFFFF; text-decoration:none; text-align:center; font-size:12px; padding-left:15px; padding-right:16px;}


ul#nav li a:hover, ul#nav li:hover {background:#d3d3d3 url(menu_fond_invers.gif);}
ul#nav li {float: left; border-left:1px solid #157aae; border-right:1px solid #0e3043; }
ul#nav li ul { position: absolute; left: -999em; background: transparent url("fond_menu.png") repeat left top;	width: 165px; list-style:none; z-index:5; }
ul#nav li li { width: 157px; float:left; line-height:30px; border-right:none;  border-left:none; }
ul#nav li li a {border-bottom:1px solid #fff; width:157px; color:#4b4b4c; text-decoration:none; text-align:left; padding-left:8px; padding-right:0px; display:block; }

ul#nav li li a:hover {color:#045075; background:#0176b1 url(pasdimage.gif); }
ul#nav li:hover ul {left: auto; }
ul#nav li:hover ul, #nav li.sfhover ul {left: auto; }

*/


/***************************/
/********** Corps *********/
/***************************/

#corps { width:100%; }


	/***************************/
	/**********   page   *********/
	/***************************/
	#page{  width:730px; margin:0 0 6px 0; padding:0; float:left;  }
	
		#page_bandeau_image{ margin:6px; padding: 0px; float:left; display:block;  clear:both;}
		#page_bandeau_image_gauche{ margin:0px; padding: 0px; width:230px; display:block; float:left; }
		#page_bandeau_image_centre{ margin:0px; padding: 0px; width:230px; display:block; float:left; margin-left:10px; }
		#page_bandeau_image_droite{ margin:0px; padding: 0px; width:230px; display:block; float:right; }
		
		/* pour les vidéos */
		#page_bandeau_long_video { margin:6px; padding: 0px; float:left; display:block;  clear:both; border:1px solid #104f6f; width:320px; height:240px; }
		#page_bandeau_deux_video { margin:6px 6px 6px 17px; padding:0; float:left; display:block;  clear:both; border:1px solid #104f6f; width:320px; height:240px; }
		#page_bandeau_trois_video { margin:6px; padding: 0px; float:left; display:block;  clear:both; border:1px solid #104f6f; width:220px; height:165px; }
		
		#page_bandeau_texte{ padding:5px 8px 8px 8px; }
	
		#bouton_enSavoirPlus { width:75px; height:22px; margin:0px 7px 4px 0; padding:0; float:right; }
		#bouton_enSavoirPlus a { display:block; width:75px; height:22px; text-indent:-2000px; background:url('bouton_enSavoirPlus.gif') no-repeat; }
	
	
		/*********************************/
		/**********   bandeau long   *********/
		/*********************************/
		#page_bandeau_long_conteneur{ width:732px; height:auto; padding:11px 0 0 0; margin:0;  display:block; clear:both; }
		
		#page_bandeau_long{ width:730px; margin:0; padding:0; border:1px solid #FFF; background:#f1f4f8 url('page_bandeau_long_fond.gif') top repeat-x; display:block;}
		
		#page_bandeau_long_titre{ width:730px; height:31px; padding:5px 0 0 0; color:#FFF; font-weight:bold; font-size:16px; text-align:center; }
		
		
		/*********************************/
		/**********   bandeau 2   *********/
		/*********************************/
		#page_bandeau_deux_conteneur{ width:732px; height:auto; padding:6px 0 0 0; margin:0; display:block; clear:both; }
		
		#page_bandeau_deux{ width:360px; margin:0; padding:0; border:1px solid #FFF; background:#f1f4f8 url('page_bandeau_court_fond.gif') top repeat-x; display:block; height:100%; }
		
		#page_bandeau_deux_titre{ width:329px; height:26px; padding:5px 0 0 31px; margin:0; color:#FFF; font-weight:bold; font-size:12px; text-align:left; background-image:url('page_bandeau_court_titre.gif'); background-repeat:no-repeat; background-position:top left; }
		#page_bandeau_deux_texte{ padding:5px 8px 8px 8px; margin:0 }
		
		/*********************************/
		/**********   bandeau 3   *********/
		/*********************************/
		#page_bandeau_trois_conteneur{ width:732px; height:auto; padding:6px 0 0 0; margin:0; display:block; clear:both;}
		
		#page_bandeau_trois{ width:235px; margin:0; padding:0; border:1px solid #FFF; background:#f1f4f8 url('page_bandeau_court_fond.gif') top repeat-x; display:block;}
		
		#page_bandeau_trois_titre{ width:204px; height:26px; padding:5px 0 0 31px; color:#FFF; font-weight:bold; font-size:12px; text-align:left; background-image:url('page_bandeau_court_titre.gif'); background-repeat:no-repeat; background-position:top left; }
		
		
		/*****************************************/
		/**********   Formulaire de contact   *********/
		/*****************************************/
		
		#contact_label{display: block; float: left; margin-bottom:5px; text-align: right; width:60px;	padding-right: 8px; font-weight:bold;}
		#contact_nom, #contact_prenom, #contact_email{display: block; width: 270px; float: left; margin-bottom: 5px; color:#104f6f; font-weight:bold;}
		#contact_message{display: block; width: 270px; height:200px; float: left; margin-bottom: 5px; color:#104f6f; font-weight:bold;}
		#contact_bouton{display: block; float: left; margin-bottom: 5px; margin-left:67px; color:#104f6f; font-weight:bold; font-size:11px; margin-right:18px;}
		#contact_obligatoire{font-weight:bold; font-style:italic; font-size:10px;}
		#contact_nouveau{margin-bottom:20px; color:#104f6f; font-weight:bold; font-size:11px; margin-left:120px;}
		
		
	
	/***************************/
	/**********   droit   *********/
	/***************************/
	#droit{ width:244px; margin:11px 0 0 0; padding:0;  display:block;  float:right;  }
		
		
		/***************************/
		/**********   Actu   *********/
		/***************************/
	
		#droit_actu{ width:242px; margin:0 0 6px 0; padding:0; border:1px solid #FFF; background:#f1f4f8 url('page_bandeau_court_fond.gif') top repeat-x; }
			#droit_titre_actu{ height:24px; padding:5px 0 0 14px; color:#FFF; font-weight:bold; font-size:13px; text-align:left; }
			
			#droit_actu ul { list-style-image: url(droit_actu_puce.gif); list-style-position: inside; font-size:11px; margin:5px; padding:0; }
			#droit_actu ul li{ margin:2px; padding:0px; text-align:justify; }
			#droit_actu ul li a{ color:#4b4b4c; font-weight:normal; }
			#droit_actu ul li a #date{ color:#104f6f; font-weight:bold; }
			#droit_actu ul li a #titre{ font-weight:bold; }
			
			#bouton_actu{ width:75px; height:22px; margin:0 0 3px 160px; padding:0; }
			#bouton_actu a{ display:block; width:75px; height:22px; text-indent:-2000px; background:url('bouton_actu.gif') no-repeat; }
		
		
		/***************************/
		/**********   Quizz   *********/
		/***************************/
		
		#droit_ImageLien{ width:244px; height:59px; margin:0 0 6px 0; padding:0; }
			#droit_ImageLien a{ display:block; width:244px; height:59px; text-indent:-2000px; }
			
		
		
		/***************************/
		/**********   video   *********/
		/***************************/
			
		#droit_video{ width:242px; height:216px; margin:0 0 6px 0; padding:0; border:1px solid #FFF; background:#f1f4f8 url('page_bandeau_court_fond.gif') top repeat-x; }
			#droit_video_titre{ height:24px; padding:5px 0 0 14px; color:#FFF; font-weight:bold; font-size:13px; text-align:left; }
			
			#droit_video_video{ height:180px; border:1px solid #FFF; margin:0px; padding: 0px; }
			
		/***************************/
		/********   partenaire   *******/
		/***************************/
	
		#droit_lesLogos{ width:242px; margin:0 0 6px 0; padding:0; border:1px solid #FFF; background:#f1f4f8 url('page_bandeau_court_fond.gif') top repeat-x; }
			#droit_lesLogos_titre{ height:24px; padding:5px 0 0 14px; color:#FFF; font-weight:bold; font-size:13px; text-align:left; }
			
			
			#droit_lesLogos_conteneur{ width:242px; height:120px; vertical-align:middle; margin-top:8px;}
			
			#droit_lesLogos_image{ margin:3px; padding: 0px; }
			
			.droit_lesLogos_gauche { width: 110px; height: 105px; padding:0; margin:0; overflow: hidden; float:left; }
			.droit_lesLogos_gauche img { width: 110px; height: 105px; padding:0px; top:0; left:0; }
			
			.droit_lesLogos_droit { width: 110px; height: 105px; padding:0; margin:0; overflow: hidden; float:right; }
			.droit_lesLogos_droit img { width: 110px; height: 105px; padding:0px; top:0; left:0; }
			
			
		/***************************/
		/********   photos   *******/
		/***************************/
	
		/*#droit_photos{ width:242px; height:145px; margin:0 0 6px 0; padding:0; background:#f1f4f8 url('page_bandeau_court_fond.gif') top repeat-x; border:1px solid #FFF;   }
			#droit_photos_titre{ width:242px; height:24px; padding:5px 0 0 14px; color:#FFF; font-weight:bold; font-size:13px; text-align:left; }
			
			
			#droit_photos_conteneur{ width:242px; height:119px; margin:8px 2px 2px 2px;}
			
			.mesPhotos { width: 242px; height: 115px; padding:0; margin:0; overflow: hidden; }
			.mesPhotos img { width: 238px; height: 105px; padding:8px 2px 2px 2px; top:0; left:0; }*/
			
			#droit_photos{ width:242px; height:220px; margin:0 0 6px 0; padding:0; background:#f1f4f8 url('page_bandeau_court_fond.gif') top repeat-x; border:1px solid #FFF;   }
			#droit_photos_titre{ height:24px; padding:5px 0 0 14px; color:#FFF; font-weight:bold; font-size:13px; text-align:left; }*/
			
			
			#droit_photos_conteneur{ width:242px; height:149px; margin:8px 2px 10px 2px;}
			
			.mesPhotos { width: 242px; height: 189px; padding:0; margin-bottom:6px; overflow: hidden;  }
			.mesPhotos img { width: 238px; height: 179px; padding:8px 2px 2px 2px; top:0; left:0; }
			
			
			/*.pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
			.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
			.pics img {	-moz-border-radius: 10px; -webkit-border-radius: 10px;}*/
		
		/***************************/
		/********   Info Legal   *******/
		/***************************/
		
		/*#droit_legal_conteneur{ width:242px; height:auto; padding:0;  margin:0 0 6px 0;  }*/

		#droit_legal{ width:242px; height:24px; margin:22px 0 6px 0;  padding:0; border:1px solid #FFF; background:#f1f4f8 url('page_bandeau_court_fond.gif') top repeat-x; border:1px solid #FFF; }

		#droit_legal_titre{ width:242px; height:24px; padding:5px 0 0 0; color:#FFF; font-weight:bold; font-size:12px; text-align:center; }
		
		#droit_legal_lien{ color:#FFF; font-weight:bold; font-size:12px; }

		
		
		
		
/***************************/
/********** copywrite *******/
/***************************/

#pied_page_conteneur{ width:732px; height:auto; padding:11px 0 0 0; margin:0;  display:block; clear:both; }

#pied_page{ width:730px; height:24px; margin:0; padding:0; border:1px solid #FFF; background:#f1f4f8 url('page_bandeau_court_fond.gif') top repeat-x; display:block;}

#pied_page_titre{ width:730px; height:24px; padding:5px 0 0 0; color:#FFF; font-weight:bold; font-size:12px; text-align:center; }



/***************************/
/**********      Quizz      *******/
/***************************/


/*#quizz_label{display: block; float: left; margin-bottom:5px; text-align: right; width:85px;	padding-right: 8px; font-weight:bold;}
#quizz_nom, #quizz_prenom, #quizz_rue, #quizz_ville, #quizz_cp, #quizz_tel, #quizz_email {display: block; width: 270px; float: left; margin-bottom: 5px; color:#104f6f; font-weight:bold;}
#quizz_valider{display: block; float: left; margin-bottom: 5px; margin-left:260px; color:#104f6f; font-weight:bold; font-size:11px; margin-right:18px;}
#quizz_valider_identifiant{display: block; float: left; margin-bottom: 8px; margin-top:6px; margin-left:93px; color:#104f6f; font-weight:bold; font-size:11px; margin-right:18px;}
#quizz_bouton_nouveauQuizz{display: block; float: left; margin-bottom: 5px; margin-left:310px; color:#104f6f; font-weight:bold; font-size:11px; margin-right:18px;}
#quizz_obligatoire{font-weight:bold; font-style:italic; font-size:10px;}
#quizz_newsletter{margin:6px 5px 8px 92px;}

#quizz_question_conteneur{ width:732px; height:auto; padding:6px 0 0 0; margin:0;  display:block; clear:both; }
#quizz_question{ width:730px; margin:0; padding: 0 0 5px 0; border:1px solid #FFF; background:#f1f4f8 url('page_bandeau_court_fond.gif') top repeat-x; display:block;  height:100%; }
#quizz_question_titre{ width:730px; height:15px; padding:5px 0 0 15px; color:#FFF; font-weight:bold; font-size:13px; text-align:left; }

#quizz_question_intitule { margin-bottom:8px; margin-left:8px; font-weight:bold; }
.quizz_reponse_input { margin:0px 5px 5px 13px; }
#quizz_reponse {font-weight:bold; font-size:11px; }

#quizz_note{ text-align:center; font-size:22px; margin-bottom:8px; }
#quizz_merci{ text-align:center; margin-bottom:12px; }
#quizz_erreur{ color:red; margin-top:2px; margin-left:250px; font-weight:bold; }*/




#quizz{ width:932px; height:564px; margin:8px 0 6px 0; padding:0; background:#f1f4f8 url('quizz_titre_fond.gif') top repeat-x; border:1px solid #FFF;  }
#quizz_titre{ height:38px; margin:5px 0 0 14px; padding-top:3px; color:#FFF; font-weight:normal; font-size:24px; text-align:center; background-image:url('quizz_saser_titre_droit.gif'); background-position:right; background-repeat:no-repeat; }

#quizz_numero_question{ font-size:24px; color:#064667; margin:16px 0 0 15px; padding:0; }
#quizz_photo{ border:2px solid #064667; margin:0px 0 0 15px; padding:0; }

#quizz_gauche{ display:block;  float:left; }
#quizz_droit{ width:380px; display:block;  float:right; margin:45px 8px 0 8px; }
#quizz_question{ font-size:18px; color:#064667; }
#quizz_explication{ display:block;  float:left; margin:16px; font-size:14px; }

#quizz_reponse{ margin:7px; font-weight:bold;}
.quizz_reponse_input{ margin:7px; }

#quizz_label{display: block; float: left; margin-bottom:5px; text-align: right; width:80px;	padding-right: 8px; font-weight:bold;}
#quizz_identifiant{display: block; float: left; margin-bottom:5px; text-align: right; width:110px;	padding-right: 8px; font-weight:bold; margin-top:5px;}
#quizz_identifiant_erreur{ display: block; float: left; margin-bottom:12px; margin-left:30px; margin-right:4px; margin-top:5px; color:red; }
#quizz_texte{display: block; float: left; margin-bottom:20px; text-align: left; width:300px;	padding-left: 12px; font-weight:bold; margin-top:5px; font-size:18px; }
#quizz_nom, #quizz_prenom, #quizz_email, #quizz_cp, #quizz_rue, #quizz_ville, #quizz_tel{display: block; width: 250px; float: left; margin-bottom: 5px; color:#104f6f; font-weight:bold;}
#quizz_note{ color:#104f6f; font-size:60px; margin:30px 0 50px 50px; }
#quizz_newsletter_box{ display: block; float: left; margin-bottom:12px; margin-left:100px; margin-right:4px; }
#quizz_newsletter{ display: block; width: 190px; float: left; margin-bottom: 12px; font-weight:bold; }