/* CSS Document */

*{ margin: 0; padding: 0;}

/* balise dont le style par default est modifié */
body						{ background-color:#ECF5FB !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; color:#000000 !important;}
.Link:link				{ color:#FFFFFF !important; text-decoration:none !important;}
.Link:visited			{ color:#FFFFFF !important; text-decoration:none !important;}
.Link:hover				{ color:#FFE201 !important; text-decoration:none !important;}
a						{text-decoration: none;}
a:hover						{text-decoration: underline;}

/* Style des 4 balise constituant l'interface */
#Corps					{ z-index:1 !important; width:950px !important; margin:0 auto 0 auto !important;}
#BANDEAU				{ z-index:2 !important; width:949px !important; height:100px !important; margin:0 0 0 0 !important; background-color:#FFFFFF !important; border-left: solid 1px #C4CCD1 !important; border-right: solid 1px #C4CCD1 !important;}
#BANDEAU p				{ float: right !important; border-right: solid 5px #FF6600 !important; padding: 10px 8px 0 0 !important;}
#BANDEAU p a 			{ color: #FF6600 !important; font-weight: bold !important; text-decoration:none !important;}

/* Composant du formulaire du moteur de recherche */
#RECHERCHE				{ background-color: #00436A !important; height: 26px !important; text-align: center !important; padding-top: 4px !important; width:200px !important; float: right !important;}
#RECHERCHE #champ_mdr	{ color: #666666 !important; margin-top: 1px !important; float:left !important; margin-left: 10px !important;}
#RECHERCHE .loupe		{ float:right !important; margin-right: 5px !important;}

#IMG_FOND				{ z-index:2 !important; background-color:#ECF5FB !important; background-image:url(/images/petite_fille.png) !important; background-repeat:no-repeat !important; background-position:center top !important; width: 950px !important; height: 300px !important;}

#CADRE_SCFI 			{ z-index:3 !important; width: 320px !important; height: 145px !important; float: right !important; margin: 133px 5px 0 0 !important; padding: 15px 0 0 15px !important;  border: solid 1px #CDCDCD !important; background-image:url(/images/fond_transparent_scfi.png) !important; background-repeat:no-repeat !important; background-position:center !important;}
#defilement_presentation li 		{width: 320px; height: 145px; overflow:hidden !important;}
#defilement_presentation {position: absolute !important; top: 275px !important; list-style-type:none !important;}
#defilement_presentation li .titre_encart	{ height: 50px !important; vertical-align:top !important;  width:100% !important;}
#defilement_presentation li .titre_encart td{ vertical-align:top !important;}

ul.crossfade 			{ list-style: none; position: relative;}

#CONTENU				{clear: both !important; }
.contenu_fille			{background-color:#FFFFFF !important;}

#SOUSMENU				{ z-index:2 !important; height: auto !important; float: left !important;}
#SOUSMENU div			{ width: 164px !important; height: auto !important; float: left !important; margin-right: 30px !important;}
#SOUSMENU div p			{ width: 164px !important; height: auto !important; padding: 10px 0 0 10px !important; background-image:url(/images/bordure_ss_menus.png) !important; background-repeat:no-repeat !important; background-position: top !important;}
#SOUSMENU div p h4		{ font-size: 16px !important; display: inline !important; }
#SOUSMENU div h4		{ font-size: 15px !important;}
#SOUSMENU div p a, #SOUSMENU div a		{ display:block !important; margin: 5px 0 0 0 !important; color: #000000 !important;}
#SOUSMENU div p a:hover, #SOUSMENU div a:hover { text-decoration: underline !important; color: #3B9DD3 !important;}
#SOUSMENU div p a:first-child{ font-weight: bold !important; font-size: 16px !important;}
.ssmenu_home			{ width: 597px !important; margin: 30px 0 0 0 !important;}
.ssmenu_fille 			{ width: 175px !important; background-image:url(/images/bordure_ss_menus.png) !important; background-repeat:no-repeat !important; background-position: top !important; margin: 10px 0 0 0 !important;}
.ssmenu_fille div		{ padding: 15px 0 0 16px !important;}
.ssmenu_fille ul		{ list-style-image: url(/images/puce_ssmenu.png) !important;}

#PLAN_SITE div			{ width: 164px !important; height: auto !important; float: left !important; margin-right: 24px !important;}
#PLAN_SITE div p		{ width: 164px !important; height: auto !important; padding: 10px 0 0 10px !important;}
#PLAN_SITE div p a, #PLAN_SITE div a			{ display:block !important; text-decoration: none !important; color: #FFFFFF !important; background-color: #0080C5 !important; text-align:center !important; padding: 5px 0 10px 0 !important;}
#PLAN_SITE div p a:hover, #PLAN_SITE div a:hover { text-decoration: underline !important;}
#PLAN_SITE div p a:first-child{ font-weight: bold !important; font-size: 16px !important; background-color: #00436A !important;}
#PLAN_SITE div p .separation_map		{ text-align:center !important;; width:164px !important; display: block !important; height: 28px !important;}
#PLAN_SITE div p .niv3		{ background-color:#BABABA !important;}

#PLAN_SITE #ESP2		{ width:940px !important;}
#PLAN_SITE #ESP3		{ width:950px !important; margin: 5px 0 0 0 !important;}

#CADRE_PRESENTATION { z-index:2 !important; width:340px !important; margin: 30px 0 0 0 !important; float: right !important; border: solid 1px #E5E5E5 !important;  background-color: #FFFFFF !important; background-image:url(/images/bordure_bottom_cadre_presentation.png) !important; background-repeat:no-repeat !important; background-position:bottom !important; height: 190px !important;}
#CADRE_PRESENTATION .bordure_top {width:340px !important; height: 5px !important; background-image:url(/images/bordure_top_cadre_presentation.png) !important; background-repeat:no-repeat !important;}
#CADRE_PRESENTATION #ESP3 {width:340px !important; padding: 10px 0px 10px 0px !important; height:auto !important;}
#CADRE_PRESENTATION #ESP3 .titre_encart td{width:100% !important; text-align:center !important; height:auto !important;}
#defilement_presentation2 li 		{width: 340px; height: auto !important; }
#defilement_presentation2 {position: absolute !important; top: 470px !important; list-style-type:none !important;}
#defilement_presentation2 li .titre_encart	{ height: 35px !important; vertical-align:top !important; width:340px !important; }
#defilement_presentation2 li .titre_encart td{ vertical-align:top !important;}

#CADRE_FILLE			{ float: left !important; padding-bottom: 10px !important;}
#CADRE_FILLE #ESP3		{ width:544px !important; float: left !important; margin: 0 0 0 21px !important; padding-right: 10px !important;}
#CADRE_BROCHURES		{ background-color:#ECF5FB !important; width:200px !important; float: right !important; text-align: right !important;}

#CADRE_BROCHURES #ESP2	{ z-index:3 !important; margin-top:10px;}
#ENCART1, #ENCART2, #ENCART3	{ text-align: left !important; width: 170px !important; float: right !important}
#ENCART1 div, #ENCART2 div, #ENCART3 div	{ border-left: #cdd4da 1px solid !important; padding: 5px 0 5px 5px !important; background-color: #ffffff !important; font-weight: bold !important; border-right: #cdd4da 1px solid !important;}
#ENCART2				{ margin-top: 15px !important;}
#ENCART3				{ position: absolute !important; top: 500px; margin-left: 30px !important; display: none;}

#FOOTER					{ z-index:2 !important; width:920px !important; background-color:#00436A !important; height: 24px !important; clear:both !important; padding: 6px 15px 0 15px !important; font-weight: bold !important; background-image:url(/images/bordure_bottom_footer.png) !important; background-repeat:no-repeat !important; background-position: bottom !important; visibility:hidden;}
#FOOTER a:hover			{ text-decoration:underline !important;}

/* Style du menu et sous-menu associé */

#Menu						{ z-index:3 !important; height:22px !important; width:590px !important; background-color:#0080C5 !important; clear:both !important; background-image:url(/images/bordure_menu.png) !important; background-repeat:no-repeat !important; background-position: top !important; padding: 8px 0 0 160px !important; float:left !important;}

.BoxRubrique			{ z-index:4 !important; display: inline !important; float:left !important;}


.Rubrique				{ z-index:5 !important; display:block !important; height:auto !important; width:auto !important; color:#FFFFFF !important; font-weight:bold !important; text-decoration:none !important; margin: 0 0 0 45px !important;}
.Rubrique:link 		{ z-index:5 !important; display:block !important; height:auto !important; width:auto !important; color:#FFFFFF !important; font-weight:bold !important; text-decoration:none !important; margin: 0 0 0 45px !important;}
.Rubrique:visited		{ z-index:5 !important; display:block !important; height:auto !important; width:auto !important; color:#FFFFFF !important; font-weight:bold !important; text-decoration:none !important; margin: 0 0 0 45px !important;}
.Rubrique:hover		{ z-index:5 !important; display:block !important; height:auto !important; width:auto !important; color:#FFFFFF !important; font-weight:bold !important; text-decoration:underline !important; margin: 0 0 0 45px !important;}

.RubriqueON				{ z-index:5 !important; display:block !important; height:auto !important; width:auto !important; color:#FFFFFF !important; font-weight:bold !important; text-decoration:underline !important; margin: 0 0 0 45px !important;}
.RubriqueON:link		{ z-index:5 !important; display:block !important; height:auto !important; width:auto !important; color:#FFFFFF !important; font-weight:bold !important; text-decoration:underline !important; margin: 0 0 0 45px !important;}
.RubriqueON:visited	{ z-index:5 !important; display:block !important; height:auto !important; width:auto !important; color:#FFFFFF !important; font-weight:bold !important; text-decoration:underline !important; margin: 0 0 0 45px !important;}
.RubriqueON:hover		{ z-index:5 !important; display:block !important; height:auto !important; width:auto !important; color:#FFFFFF !important; font-weight:bold !important; text-decoration:underline !important; margin: 0 0 0 45px !important;}

.ssmenu_off			{ text-decoration: none !important; color: #000000 !important;}
.ssmenu_on			{ text-decoration: underline !important;}

/*	Titre des articles pour les pages à affichage séquentiel */
.titreActus {	line-height:25px !important; height:25px !important; font-size:15px !important; font-weight:bold !important; font-style:italic !important; color:#6AACDA !important; vertical-align:middle !important;}

/*	Champs dans les formulaire */
.labelForm					{ font-size:12px !important;}

/*defilement */
#defilement_realisation li, #defilement_certification li, #defilement_partenaire li		{position: absolute; top: 0; left: 0; width: 160px; height: 180px; visibility: hidden;}
ul.crossfade 			{ list-style: none;}