@charset "utf-8";
/* CSS Document */


/*
bleu foncé 273340

 */

html, body
{
    font-family: ITC Avant Garde Gothic, Avant Garde, Arial, Helvetica, Serif;
    font-size:12px;
    font-weight: normal;
    color:#333;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    text-align:center;
	background-color:#fff;
	background-color:#FFF; 
	background-image:url(../../images/background.jpg); 
	background-repeat:repeat-x; 
	background-attachment:fixed; }
	
a {color:#678B36;}
a:link {outline-style:none;} /* enleve le pointillé rouge dans firefox */


.dynamictext p a, .dynamictext li a {color:#678B36; font-weight:bold; text-decoration:none;}
.dynamictext p a:hover, .dynamictext li a:hover {color:#F28205; font-weight:bold; text-decoration:none;}

.dynamictext ul li{background:url(../../images/puce_fleur.jpg) no-repeat 0em 0.8em;
padding:7px 0px 7px 22px;
margin:0;}

* {outline: none;}/*  Enlever le bug bleu de safari */

img { border: none; display: block;} /* Pour ne pas qu'il y aie un espace sous les images*/
h1, h2, h3
{
   margin: 0;
}

h1{font:20px arial,helvetica,sans-serif;color:#869a1d;text-transform:uppercase;}
h2{font-size:17px; color:#F05A28; padding-top:20px;}
h3{padding-top:15px; font-size:13,5px;}

.soustitre_droite{font-size:17px; color:#F05A28; font-weight:bold;}


h2 a{color:#F05A28; text-decoration:none;}
h2 a:hover{ color:#FF3300; text-decoration:none;}

h3 a{color:#333;}
h3 a:hover{ color:#666;}



ul {margin:0;padding:0;list-style:none;}
ul li {
color:#333;
background:url(../../images/puce.png) no-repeat 0em 0.2em;
padding:7px 0px 7px 22px;
margin:0;
} 
 
table {
 border-width:1px; 
 border-style:solid; 
 border-color:black;
 width:95%;
 border-collapse:collapse
 }
td { 
padding:5px;
 width:50%;
 }

ul.linklist li a {color:#333;font-size:13px;}
ul.linklist li a.current {color:#889B16;font-size:14px;font-weight:bold;}

/* Bon à savoir */
a.info:hover{z-index:25; background-color:#000;}
a.info span{display: none}

.explications_image{text-align:center; font-weight:bold; margin-top:30px;}

.imagecentrer {display: block; margin-right: auto; margin-left: auto;}

body{ }
/* pour centrer la div principale*/
#divcentrale {background-color:#FFFFFF;
	
	margin: 0 auto;
	width: 955px;} /* largeur du contenu */
#header { height:400px; background-image:url(../../images/banniere.jpg); background-repeat:no-repeat;}
#recherche{width:371px; height:54px; position:absolute; z-index:1; top:86px; right:0px;}
#barreorange{position:absolute; top:350px; left:-4px; background-image:url(../../images/4_carreaux.jpg); background-repeat:no-repeat; height:186px; width:961px;}
	#connaitre{position:absolute; top:70px; left:25px; width:200px; font-size:13px; color:#fff; font-weight:bold; }
		#bouton1{position:absolute; top:70px; left:22px; width:141px; height:32px;background-image:url(../../images/bouton.png); background-repeat:no-repeat;}
	#comprendre{position:absolute; top:70px; left:255px; width:200px; font-size:13px; color:#fff; font-weight:bold; }
		#bouton2{position:absolute; top:70px; left:35px; width:141px; height:32px;background-image:url(../../images/bouton.png); background-repeat:no-repeat;}
	#reussir{position:absolute; top:70px; left:495px; width:200px; font-size:13px; color:#fff; font-weight:bold; }
		#bouton3{position:absolute; top:70px; left:25px; width:141px; height:32px;background-image:url(../../images/bouton.png); background-repeat:no-repeat;}
	#accompagner{position:absolute; top:70px; left:725px; width:210px; font-size:13px; color:#fff; font-weight:bold; }
		#bouton4{position:absolute; top:70px; left:35px; width:141px; height:32px;background-image:url(../../images/bouton.png); background-repeat:no-repeat;}

#barreorange_sec{position:absolute; top:350px; left:-4px; height:59px; width:961px;}
	.connaitre_sec{background-image:url(../../images/connaitre.jpg);background-repeat:no-repeat; width:240px; height:59px;}
	.comprendre_sec{background-image:url(../../images/comprendre.jpg);background-repeat:no-repeat; width:238px; height:59px;}
	.reussir_sec{background-image:url(../../images/reussir.jpg);background-repeat:no-repeat; width:231px; height:59px;}
	.accompagner_sec{background-image:url(../../images/accompagner.jpg);background-repeat:no-repeat; width:251px; height:59px;}
	
	#menu{position:absolute; top:0px; left:0px; height:107px; width:961px; float:left;background-image:url(../../images/bande_menuHaut.jpg); background-repeat:repeat-x;	}
	
	.logo{position:absolute; top:10px; left:10px;}
	
	#encadre_vert{background-color:#f8fddb; padding:15px; border:1px solid #dae69b;}
#contenu {overflow: hidden;}/* le overflow permet à un fond de s'étirer jusqu'en bas de la DIV */
	#colonnegauche { overflow: hidden; width: 550px; float: left; margin:0; padding:0; border: none; vertical-align:text-top; padding:180px 40px 0px 70px; text-align:left;}
	#colonnegauche2 { overflow: hidden; width: 550px; float: left; margin:0; padding:0; border: none; vertical-align:text-top; padding:45px 40px 0px 70px; text-align:left;}
	#colonnegauche3 { overflow: hidden; width: 550px; float: left; margin:0; padding:0; border: none; vertical-align:text-top; padding:0px 40px 0px 70px; text-align:left;}
	
	#colonnedroite3 {float:right;width:262px;margin-top:20px;}
	    #leftmenu {background:url(../../images/case-menu-droite-bg-stretch.jpg) repeat-y;}
	        #leftmenu .topbg {background:url(../../images/case-menu-droite-bg-top.jpg) no-repeat top left;}
	        #leftmenu .bottombg {background:url(../../images/case-menu-droite-bg-bottom.jpg) no-repeat bottom left;}
	        #innerleftmenu {min-height:531px;padding:25px 18px 25px 25px;text-align:left;}
	
		#nouvelles{width:254px;background:url(../../images/slice_nouvelles.jpg) repeat-y;}
		    #nouvelles .topbg {background:url(../../images/haut_nouvelles.jpg) no-repeat top left;}
		    #nouvelles .bottombg {background:url(../../images/bas_nouvelles.jpg) no-repeat bottom left;}
		    
		#zoom{width:254px;background:url(../../images/slice_nouvelles.jpg) repeat-y;}
		    #zoom .topbg {background:url(../../images/haut_nouvelles.jpg) no-repeat top left;}
		    #zoom .bottombg {background:url(../../images/bas_nouvelles.jpg) no-repeat bottom left;} 
		    
		    #innerzoom {padding:40px 30px 20px 30px;text-align:left;}
		        #innerzoom h2 {padding:0;margin-top:20px;}
		        #innerzoom p a {font-weight:normal;}
		       
		    #innernouvelles {padding:40px 30px 20px 30px;text-align:left;}
		        #innernouvelles h2 {padding:0;margin-top:20px;}
		        #innernouvelles p a {font-weight:normal;}
		
		#inscription{width:254px; height:73px; background-image:url(../../images/inscription.png); background-repeat:no-repeat;}
		#encadre{background-color:#d8efb5; padding:15px; border:1px solid #669933;}

.retourtop{margin-top: 30px;}

		
#footer { text-align:center; font-size:12px; color:#333; }

#footer a{color:#333;}

#espacebarre{margin-right:20px; margin-left:20px;}

#copyright {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#000; text-align:left; }

/* rollover */
.rollOver
{
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
}
.rollOver:hover, .rollOver.current
{
    background-position: bottom right;
}
.rollOver span
{
    display: none;
}
.icone 
{
    width: 354px;
    height: 34px;
}

/* LinkButton */
a.linkbutton {display:block;float:left;width:99px;height:33px;text-align:center;line-height:33px;
    background:url(../../images/bouton.jpg) no-repeat -5px -4px;margin-right:3px;
    text-decoration:none;color:Black;}
a.linkbutton:hover {background-position:-5px -44px;text-decoration:none;}
a.linkbutton:active {background-position:-5px -84px;}

/* Bulletin d'inscription */
.inscription-bulletin table {border:none;width:100%;}
.inscription-bulletin th {width:150px;height:25px;}
.inscription-bulletin td {width:auto;padding:0;}

/* Menu */
#nav {position:absolute;top:0px;left:192px;} /*#nav {float:left;margin-left:192px;position:relative;z-index:999;}*/
#nav ul.lavaLamp {overflow:hidden;list-style:none;margin:0;padding:0;}
#nav ul.lavaLamp li {float:left;background:none;margin:0;padding:0;}
#nav ul.lavaLamp li.back {background:url(../../images/mnu-bg.png) no-repeat right -99px;height:99px;position:absolute;z-index:8;}
#nav ul.lavaLamp li.back .left {background:url(../../images/mnu-bg.png) no-repeat top left;height:99px;margin-right:21px;}
#nav ul.lavaLamp li a {display:block;padding:51px 18px 0 12px;height:48px;position:relative;z-index:999;}

/* Boîte de recherche */
#search {position:absolute;right:10px;top:86px;width:371px;height:54px;
    background:url(../../images/search-bg.jpg) no-repeat;}
#search input {position:absolute;z-index:2;top:6px;left:106px;width:182px;height:21px;border:0;
    padding:8px 10px 0 10px;font:12px arial;background:url(../../images/search-textbox-bg.jpg) no-repeat;}
#search a {position:absolute;z-index:1;top:6px;left:305px;width:50px;height:31px;cursor:pointer;
    text-decoration:none;background:url(../../images/search-button-bg.jpg) no-repeat;}

/* clearfix (utiles pour les bug de float) */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}