/* CSS Document */

/* ISIT - Print CSS Document */

/* GENERAL */
/*body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#5e5e5e; font-size:0.9em; background-color:#f5eed4 }
img {border: 0 none;}
h1 {font-size: 2.0em;color: #cc0000; }
h2 {font-size: 1.8em;color: #cc0000;}
h3 {font-size: 1.4em;color: #cc0000; font-weight:normal }
h4 {font-size: 1.1em;color:#cc0000;}
p { font-size:0.8em}*/
/* Liens */
/*a { color:#5e5e5e; text-decoration: none; font-size:0.8em}
a:link {color: #5e5e5e;}
a:visited {color: #5e5e5e;}
a:hover, a:focus, a:active {color: #cc0000;}
a img {border: none;}*/

/*CLASSES SPECIFIQUES*/
/*.myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block}

.entree{ float:left; color:#919191;background:none repeat scroll 0 0;border:medium none;width:134px; height:14px; margin:8px 0 0 12px; font-size:0.8em }
.bouton{ float:left;color:#919191;background:none repeat scroll 0 0;border:medium none;cursor:pointer; width:20px; height:20px; margin:6px 0 0 11px; font-size:0.75em; }

.imprimer {width:80px; height:9px; padding:0 20px 0 0; margin:5px; background: url(../images/imprimer_btn.gif) center right no-repeat ;  }

.hautPage {width:111px; height:9px; padding:0 18px 0 0; margin:5px; background:url(../images/hautPage_btn.gif) center right no-repeat ;}
.txt-invisible {visibility:hidden;display:none;}*/

/*CONTENANT*/
/*#container-fond-accueil {background: none}
#container-fond-page {background: none}
#container { }*/

/*HEADER*/
/*#header {}
#logo { float:left; margin:7px 0 0 10px; padding:0; width:100%;}
#metanavigation { display:none}
#ongletLangue { display:none}
#logo-texte { float:left; width:390px; height:38px;}
#logo-texte img { margin:10px 0 0 0}
#recherche { display:none }*/

/*MENU HORIZONTAL - HEADER*/

/*#menu { display:none}*/
		
/*CONTENU PAGE TYPE*/
/*#central { margin:8px 0 0 3px}
#contenuHaut { display:none}
#contenuBas { display:none}
#contenuCentre { margin:0 }
	#contenuCentre #leftSide { width:205px; float:left; margin:0; border:0px solid navy}
		#contenuCentre #leftSide #sousNavigation dt { display:none}
		#contenuCentre #leftSide #sousNavigation dd { display:none}
		#contenuCentre #leftSide #sousNavigation ul.niveauN3 { display:none}
		
		#contenuCentre #leftSide #focus {margin:0; padding:0; width:100% }
		#contenuCentre #leftSide #focus h3 { margin:6px 0 0 0; }
		#contenuCentre #leftSide #focus p { color:#5e5e5e; margin:10px 5px 0 0; font-size:0.75em}
		#contenuCentre #leftSide #focus ul {display:none}
		#contenuCentre #leftSide #transversal { display:none}
	
	#contenuCentre #rightSide { float:left; margin:0}
		#contenuCentre #rightSide #filAriane {color:#919191;font-size:0.8em; margin:15px 0 0 0}
		#contenuCentre #rightSide h3 {margin:10px 0 0 0; }
		#contenuCentre #rightSide p.intro { font-weight:bold;}
		#contenuCentre #rightSide img.photoDroite { float:right; position:relative; margin:75px 0 0 15px;}
		#contenuCentre #rightSide h4 { border-bottom:1px solid #e4e4e4; padding:0 0 5px 0; }
		#contenuCentre #rightSide p a { text-decoration:underline; font-weight:bold; font-size:1em}
		#contenuCentre #rightSide p a:hover { text-decoration:none}
		#contenuCentre #rightSide p#telecharger {display:none}
		#contenuCentre #rightSide ul {list-style-type:none;padding:0; margin:11px 0 0 0}
		#contenuCentre #rightSide ul li {display:inline}
		#contenuCentre #rightSide ul li.imprimer { display:none}
		#contenuCentre #rightSide ul li.hautDePage { display:none}*/
		
/*AIDE NAVIGATION*/

/*#aideNav {display:none}*/
			
/*FOOTER*/

/*#footer { margin:0 }
	
	#colGauche { float:left; width:450px; margin: 20px 0 0 0; }
		#colGauche ul {display:none}
		#colGauche ul.liste2 {display:none}
		#colGauche p { margin:10px 0 0 8px; font-size:0.75em}
		
	#colDroite { float:left; width:440px;margin: 20px 0 0 0; padding:0; }
		#colDroite h3 { margin:2px 0 0 0; padding:0}
		#colDroite ul {list-style-type:none;padding:0; margin:20px 0 0 0; height:65px}
		#colDroite ul li { display:inline; border-right:1px solid #cecece; padding:25px 15px 0 15px; }
		#colDroite ul li a { }
		#colDroite ul li.noborder { border:none}*/
		
/* AVENIR SANTE - CSS Document */

/********************************************************************************* GENERAL ***********************************************************************************************************/

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#D85E1D; font-size:0.9em; background-color:#d85e1d;}
body #rubrique {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#D85E1D; font-size:0.9em; background-color:#d85e1d;}
body.article {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#D85E1D; font-size:0.9em; background-color:#359ace;}
body.landing-page { margin:0; padding:0; background: #cc3d94 url(../images/fond-body-landing-actions.jpg) no-repeat scroll left top; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:0.9em;}


img {border:0 none;}
h1 {font-size:2.0em; color:#cc0000; margin:0;}
h2 {font-size:1.8em; color:#cc0000;}
h3 {font-size:1.4em; color:#cc0000; font-weight:normal;}
h4 {font-size:1.1em; color:#cc0000;}
h5 {font-size:1em; color:#cc0000; font-weight:normal;}
p {font-size:0.8em;color:black;}
/*span {display:none;}*/

/********************************************************************************* LIENS ***********************************************************************************************************/

a {font-size:0.8em; color:#5e5e5e; text-decoration:none;}
a:link {color:#5e5e5e;}
a:visited {color:#5e5e5e;}
a:hover, a:focus, a:active {color:#cc0000;}
a img {border:none;}

/**************************************************************************** CLASSES SPECIFIQUES **************************************************************************************************/

.myhr {height:0px; display:block; clear:both; visibility:hidden; overflow:hidden;}

.txt-invisible {display:none; visibility:hidden;}

/********************************************************************************* CONTENANT *******************************************************************************************************/

#container-fond-accueil {background: url(../images/fond-accueil.jpg) top center no-repeat;}
#container-fond-article {background: url(../images/fond-article.jpg) top center no-repeat;}
#container-fond-landing-actions {/*background: url(../images/fond-flash-landing-actions.jpg) top center no-repeat;*/}

#container-fond-page {background: #f5eed4 url(../images/fond-large_page.jpg) top center no-repeat;}
#container {width:998px; height:830px; margin-left:auto; margin-right:auto;}

/***************************************************************************** CONTENU ACCUEIL *****************************************************************************************************/

#container #flash-container {margin:0 auto -23px auto; padding:0; position:relative; z-index:300; border:0px dotted gray; height:553px; width:998px; background:url(../images/accueil-fond.jpg) top left no-repeat}

/************************************************************************************ HEADER *******************************************************************************************************/

#container #header {width:790px; height:auto; position:absolute; z-index:500;}
#container #header-article {width:998px; height:auto; position:relative; z-index:500;}
#container #header-article #slogan-article {width:998px; height:145px; position:relative; left:-48px; background:transparent url(../images/slogan-article.png) no-repeat scroll center top; z-index:0;}

#container #header-article #slogan-actions {width:998px; height:120px; position:relative; left:-48px; background-image: /*background:transparent url(../images/slogan-article.png) no-repeat scroll center top;*/ z-index:0;}

#container #header-article #fil-ariane {display:none;}

#container #header h2.txt-invisible {display:none; disibility:hidden;}

#container #header #logo {margin:0 0 0 35px; height:145px; padding:0; position:relative; width:271px; z-index:200;}
#container #header #logo  span{display:none;}
#container #header-article #logo {width:245px; height:171px; position:absolute; z-index:500;}
#container #header-article #logo span{display:none;}

#container #header #actu {width:309px; height:217px; margin:0; padding-top:73px; position:absolute; background: transparent url(../images/actu-fond.png) top center no-repeat; top:177px; left:657px }
#container #header #actu a img {width:93px; height:18px; margin:10px; }

#container #header #actu a.lien-rss {width:37px; height:47px; margin:0 37px 0 0; float:right; background:transparent url(../images/rss.png) no-repeat scroll 0 0;}
#container #header #actu a.lien-rss:hover {background: transparent url(../images/rss2.png) top center no-repeat; cursor:pointer;}

#container #header #actu a.lien-rss span {display:none;}

#container #header #actu a.lien-actu {width:93px; height:18px; margin:19px 47px 0 0; float:right; display:block; background: transparent url(../images/lien-actu.png) top center no-repeat; cursor:pointer;}
#container #header #actu a.lien-actu:hover {background: transparent url(../images/lien-actu2.png) top center no-repeat; cursor:pointer;}

#container #header #actu #actu-contenu {padding:36px 50px 0 45px; color:#eeebeb;}
#container #header #actu #actu-contenu h2 {margin:0; color:#eeebeb; font-size:0.8em;}
#container #header #actu #actu-contenu h3 {margin:0; color:#eeebeb; font-size:0.75em;}
#container #header #actu #actu-contenu h3 a {color:#eeebeb; text-decoration:underline;}
#container #header #actu #actu-contenu h3 a:hover {color:#87391a;}

/***************header landing actions***********************************/
#container #header-landing {width:998px; height:632px;color:#eeebeb; background:url(../images/fond-header-landing-actions.png) top left no-repeat; top:0; left:0; padding:0; position:relative; z-index:200}
#container #header-landing h1 img{ width:271px; height:145px; margin:0 0 0 35px; padding:0; position:relative; z-index:200 }
#container #header-landing h1 span{display:none;}
#container #header-landing h3 img{ width:195px; height:50px; margin:120px 0 0 48px; padding:0;}

#container #header-landing #fil-ariane-landing  {width:315px; color:#FFF; font-weight:bold; font-size:0.5em; z-index:20; margin:-25px 0 0 50px; padding:0;position:relative; z-index:200}
#container #header-landing #fil-ariane-landing  a {color:#FFF; font-weight:bold; font-size:1.2em;}
#container #header-landing #fil-ariane-landing  a:hover {text-decoration:underline; color:#0062ac}
#container #header-landing #flash-landing {left:50px; top:20px; width:921px; height:594px; z-index:100; position: absolute; }

/***************header landing accidents***********************************/
#container #header-landing-accidents {width:998px; height:300px;color:#eeebeb; background:url(../images/fond-header-landing-actions.png)  no-repeat scroll left 3px; top:0; left:0; padding:0; position:relative; z-index:200}
#container #header-landing-accidents h1 img{ width:271px; height:145px; margin:0 0 0 18px; padding:0; position:relative; z-index:200 }
#container #header-landing-accidents h1 span{display:none;}
#container #header-landing-accidents h3 img{ width:195px; height:50px; margin:120px 0 0 48px; padding:0;}
#container #header-landing-accidents #flash-lebuzz { position:absolute; left:730px; top:18px; width:175px; height:200px; z-index:210; }
#container #flash-lebuzz-page-int {display:none;}



		
/************************************************************************************* CONTENU *****************************************************************************************************/		

#container #header #actu #actu-contenu {padding:36px 50px 0 45px; color:#eeebeb;}

#container #contenu {width:998px; margin:0 0 -10px 0;}

#container #contenu #colonne-gauche {display:none;}

#container #contenu #colonne-droite {width:660px; padding:0 35px 0 35px; float:left; background:transparent url(../images/bloc-centre.png) 0 0 repeat-y;}

#container #contenu #colonne-droite spip_forms { width:660px; margin:10px 0;}
#container #contenu #colonne-droite legend { display:none}
#container #contenu #colonne-droite label {float:left; font-size:0.8em; text-align:left; margin:0.8em 0 0 0; font-weight:bold; width:200px;}
#container #contenu #colonne-droite input { margin: 0.5em 0 0.5em 0em; background-color:#FFFFFF;border:1px solid #FFFFFF; color:#5D4A2B}
#container #contenu #colonne-droite input:hover, #contenu-page #droite input:active {background-color:#f3e7d5;border:1px solid #EB6A0A; color:#5D4A2B}
#container #contenu #colonne-droite #input-4-ligne_3 { height:150px}
#container #contenu #colonne-droite .details {font-size:0.6em; white-space:nowrap}
#container #contenu #colonne-droite .obligatoire {font-size:0.6em; font-weight: lighter}
#container #contenu #colonne-droite input.btnVal { width:120px; font-weight:bold; cursor:pointer; margin:0 0 0 200px}
#container #contenu #colonne-droite .resultatSearch { margin:5px 0 0 35px; padding-bottom:20px;border-bottom:1px solid #f0e7d9;}
#container #contenu #colonne-droite .lirelasuite { float:right; margin:0; padding:0}
#container #contenu #colonne-droite #texte_1 { background-color:#FFFFFF;color:#5D4A2B; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; border:1px solid #FFFFFF;margin: 0.5em 0 0.5em 0em;}
#container #contenu #colonne-droite #texte_1:hover, #contenu-page #droite #texte_1:active {background-color:#f3e7d5;border:1px solid #EB6A0A; color:#5D4A2B}
	
#container #contenu #colonne-droite #plandusite { margin-top:0}
#container #contenu #colonne-droite #plandusite ul {list-style-type:none; padding:0; margin:5px 0 20px 0}
#container #contenu #colonne-droite #plandusite ul ul {margin:5px 0 0px 0}
#container #contenu #colonne-droite #plandusite li {list-style-type:none; background:none}
#container #contenu #colonne-droite #plandusite li.planLi h4 { list-style-type:none;padding:20px 0 30px 0;margin:0;background-image: url(../images/hr.gif);	background-repeat: no-repeat;font-size:1em;	font-weight:bold;background-position: bottom;}
#container #contenu #colonne-droite #plandusite li.planLi a { background:none; font-size:1em; list-style-type:none;}
#container #contenu #colonne-droite #plandusite h4.planTitre a { color:#003a73;}
#container #contenu #colonne-droite #plandusite h4.planTitre a:hover { color:#003a73}

#container #contenu #colonne-droite .diaporama {width:278px; height:280px; margin:52px 57px 9px 38px; position:relative; float:right; background:transparent url(../images/article-col-droite-diaporama-fond.png) 0 0 no-repeat;}
	
#container #contenu #colonne-bas {display:none;}	


/************************************************************************************* LANDING ACCIDENTS DE LA ROUTE ******************************************************************************************************/
#contenu-landing {width:998px; height:1015px; border:0 solid; position:relative}
#contenu-landing h3 { margin:0; padding:0; background:url(../images/titre-page-accidents-route.png) top left no-repeat; width:340px; height:55px}

#container #contenu-landing #fil-ariane-landing  {color:#FFF; font-weight:bold; font-size:0.5em; z-index:20; margin:0; padding:0;}
#container #contenu-landing #fil-ariane-landing  a {color:#FFF; font-weight:bold; font-size:1.2em;}
#container #contenu-landing #fil-ariane-landing  a:hover {text-decoration:underline; color:#0062ac}

/*styles communs aux blocs*/
#container #contenu-landing h4 { visibility:hidden}
#container #contenu-landing a {color:#FFFFFF; font-weight:bold; font-size:0.75em; }
#container #contenu-landing a:hover  {color:#cc6600; font-weight:bold; font-size:0.75em; }

/*style de base pour bouton découvrir*/
#container #contenu-landing .btn-decouvrir{ width:77px; height:22px; background:url(../images/btn-decouvrir.png) top left no-repeat; display:block; padding:7px 0 0 15px; margin:40px 0 0 20px}

/*bloc anti-cartons*/
#container #contenu-landing #titre-bloc-anti-cartons {position:absolute; left:37px; top:105px; width:174px; height:64px; z-index:202; background:url(../images/titre-bloc-anti-cartons.png) top left no-repeat}
#container #contenu-landing #bloc-anti-cartons {position:absolute; left:16px; top:142px; width:283px; height:300px; z-index:201; background:url(../images/bloc-anti-cartons.png) top left no-repeat}
#container #contenu-landing .conteneur-btn {position:absolute; left:17px; top:295px; width:77px; height:22px; z-index:201;background:url(../images/btn-decouvrir.png) top left no-repeat;padding:7px 0 0 15px; margin:40px 0 0 20px}
#container #contenu-landing .btn-decouvrir{display:none}
#container #contenu-landing #bloc-anti-cartons p{ width:160px; margin:30px 0 0 25px; font-size:0.75em; }


/*bloc pre-event*/
#container #contenu-landing #titre-bloc-pre-event {position:absolute; left:345px; top:77px; width:125px; height:63px; z-index:202; background:url(../images/titre-bloc-pr-event.png) top left no-repeat;}
#container #contenu-landing #bloc-pr-event {position:absolute; left:315px; top:116px; width:275px; height:280px; z-index:201; background:url(../images/bloc-pr-event.png) top left no-repeat;}
#container #contenu-landing p.txt-pre-event {width:215px; margin:125px 0 0 34px }
#container #contenu-landing .btn-pos-2 {left:435px; top:310px;}

/*bloc close-to*/
#container #contenu-landing #titre-bloc-close-to {position:absolute; left:654px; top:88px; width:142px; height:43px; z-index:202; background:url(../images/titre-bloc-close-to.png) top left no-repeat}
#container #contenu-landing #bloc-close-to {position:absolute; left:640px; top:39px; width:296px; height:279px; z-index:201; background:url(../images/bloc-close-to.png) top left no-repeat}
#container #contenu-landing #bloc-close-to p{ width:260px; margin:108px 0 0 17px; padding:0}
#container #contenu-landing .btn-pos-3 {left:659px; top:203px;}

/*bloc Actions en classe*/
#container #contenu-landing #titre-bloc-actionsenclasse {position:absolute; left:152px; top:453px; width:237px; height:87px; z-index:202; background:url(../images/titre-bloc-actions-en-classe.png) top left no-repeat; }
#container #contenu-landing #bloc-actionsenclasse {position:absolute; left:7px; top:455px; width:398px; height:256px; z-index:201; background:url(../images/bloc-actions-en-classe.png) top left no-repeat}
#container #contenu-landing #bloc-actionsenclasse p{width:290px; margin:130px 0 0 77px;}
#container #contenu-landing .btn-pos-4 {left:265px; top:616px;}

/*bloc Testing*/
#container #contenu-landing #titre-bloc-testing {position:absolute; left:441px; top:473px; width:120px; height:69px; z-index:202; background:url(../images/titre-bloc-testing.png) top left no-repeat; }
#container #contenu-landing #bloc-testing {position:absolute; left:435px; top:414px; width:257px; height:338px; z-index:201; background:url(../images/bloc-testing.png) top left no-repeat}
#container #contenu-landing #bloc-testing p {width:175px; margin:135px 0 0 17px;}
#container #contenu-landing .btn-pos-5 {left:440px; top:645px;}

/*bloc Prévention et conseils*/
#container #contenu-landing #titre-bloc-prevention {position:absolute; left:667px; top:320px; width:175px; height:90px; z-index:202; background:url(../images/titre-bloc-prevention-conseils.png) top left no-repeat; }
#container #contenu-landing #bloc-prevention {position:absolute; left:683px; top:372px; width:257px; height:338px; z-index:201; background:url(../images/bloc-prevention-conseils.png) top left no-repeat}
#container #contenu-landing #bloc-prevention p {width:175px; margin:150px 0 0 30px;}
#container #contenu-landing .btn-pos-6 {left:700px; top:610px;}

/*bloc angel de la nuech*/
#container #contenu-landing #titre-bloc-nuech {position:absolute; left:200px; top:740px; width:175px; height:90px; z-index:202; background:url(../images/titre-bloc-angels-de-la-nuech.png) top left no-repeat; }
#container #contenu-landing #bloc-nuech {position:absolute; left:18px; top:715px; width:345px; height:338px; z-index:201; background:url(../images/bloc-angels-de-la-nuech.png) top left no-repeat}
#container #contenu-landing #bloc-nuech p {width:213px; margin:118px 0 0 86px;}
#container #contenu-landing .btn-pos-7 {left:95px; top:914px;}

/*bloc autres actions*/
#container #contenu-landing #titre-bloc-autres-actions {position:absolute; left:415px; top:765px; width:215px; height:70px; z-index:202; background:url(../images/titre-bloc-autres-actions.png) top left no-repeat; }
#container #contenu-landing #bloc-autres-actions {position:absolute; left:400px; top:755px; width:446px; height:253px; z-index:201; background:url(../images/bloc-autres-actions.png) top left no-repeat}
#container #contenu-landing #bloc-autres-actions p {width:247px; margin:89px 0 0 23px;}
#container #contenu-landing .btn-pos-8 {left:421px; top:913px;}


		
/************************************************************************************** MENU *******************************************************************************************************/
#container #menu-global {display:none;}


/************************************************************************************* FOOTER ******************************************************************************************************/

#container #footer {width:994px; height:51px; padding:22px 0 0; background:transparent url(../images/footer-fond.png) top center no-repeat;}
#container #footer #navigation ul li.no-puce {background:transparent none repeat scroll 0 0;}

#container #footer #navigation ul#liens {margin:0; padding-left:95px; list-style-position:inside;}
#container #footer #navigation ul#liens li {width:50px; padding-left:8px; display:inline; background:transparent url(../images/puce-footer.gif) no-repeat scroll left 11px; }
#container #footer #navigation ul#liens li.no-puce {background:transparent none repeat scroll 0 0;}
#container #footer #navigation ul#liens li a {color:#eeebeb; font-size:0.75em; font-weight:bold;}
#container #footer #navigation ul#liens li a:hover {text-decoration:underline;}

#container #footer #navigation ul#adresse {margin:0; text-align:center; list-style-position:inside;}
#container #footer #navigation ul#adresse li {width:50px; padding-left:8px; display:inline; background:transparent url(../images/puce-footer2.gif) no-repeat scroll left 9px; }
#container #footer #navigation ul#adresse li.no-puce {background:transparent none repeat scroll 0 0;}
#container #footer #navigation ul#adresse li a {color:#eeebeb; font-size:0.75em;}
#container #footer #navigation ul#adresse li a:hover {text-decoration:underline;}