*{
	padding: 0px;
	margin: 0px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
}


a:link { 
	color: #9C3636;
	text-decoration: none;
	}
a:visited { 
	color: #9C3636;
	text-decoration: none;
	}
a:hover { 
	color: #9C3636;
	text-decoration: underline;
	}
a:active { 
	color: #9C3636;
	text-decoration: none;
	}
	
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #9C3636;
	font-size: 14pt ;
	margin-bottom: 0em;
	}

p {
margin:12pt;
}

a.info{
	z-index:24;
	text-decoration:none;
	/*position:relative;*/
}

a.info:hover{
	z-index:25; 
	list-style-image:url('images/menu01.gif');
}

a.info span{
	display: none;
}

a.info:hover span{
	display:block;
	position:absolute;
	top:4em; left:0; width:42em;
	border-left : 1px dashed #9D3637;
	border-right : 1px dashed #9D3637;
	border-bottom : 1px dashed #9D3637; 
	color:#E2C038;
	font-weight: bold;
	font-size:small;
	text-align: center;
	text-decoration: none;
}




a.info2{
	z-index:24;
	text-decoration:none;
	/*position:relative;*/
}

a.info2:hover{
	z-index:25; 
	list-style-image:url('images/menu01.gif');
}

a.info2 span{
	display: none;
}

a.info2:hover span{
	display:block;
	position:absolute;
	top:4em; left:-13em; width:42em;
	border-left : 1px dashed #9D3637;
	border-right : 1px dashed #9D3637;
	border-bottom : 1px dashed #9D3637; 
	color:#8ABA4A;
	font-weight: bold;
	font-size:small;
	text-align: center;
	text-decoration: none;
}





a.info3{
	z-index:24;
	text-decoration:none;
	/*position:relative;*/
}

a.info3:hover{
	z-index:25; 
	list-style-image:url('images/menu01.gif');
}

a.info3 span{
	display: none;
}

a.info3:hover span{
	display:block;
	position:absolute;
	top:4em; left:-23em; width:42em;
	border-left : 1px dashed #9D3637;
	border-right : 1px dashed #9D3637;
	border-bottom : 1px dashed #9D3637; 
	color:#F2A459;
	font-weight: bold;
	font-size:small;
	text-align: center;
	text-decoration: none;
}




a.info4{
	z-index:24;
	text-decoration:none;
	/*position:relative;*/
}

a.info4:hover{
	z-index:25; 
	list-style-image:url('images/menu01.gif');
}

a.info4 span{
	display: none;
}

a.info4:hover span{
	display:block;
	position:absolute;
	top:4em; left:-37em; width:42em;
	border-left : 1px dashed #9D3637;
	border-right : 1px dashed #9D3637;
	border-bottom : 1px dashed #9D3637; 
	color:#ACB9DC;
	font-weight: bold;
	font-size:small;
	text-align: center;
	text-decoration: none;
}






img {
	border:0px;
}


body {
	margin:0px;
	padding:0px;
}

#header00{
	height:134px;
	background-image:url('images/fond_rouge.gif');
}
#header01{
	height:134px;
	background-image:url('images/fond_jaune.gif');
}

#header02{
	height:134px;
	background-image:url('images/fond_vert.gif');
}
#header03{
	height:134px;
	background-image:url('images/fond_orange.gif');
}
#header04{
	height:134px;
	background-image:url('images/fond_bleu.gif');
}
#header00 .logo{
	position:absolute;
	right:25px;
	top:37px;
}
#header01 .logo{
	position:absolute;
	right:0px;
	top:15px;
}
#header02 .logo{
	position:absolute;
	right:0px;
	top:15px;
}
#header03 .logo{
	position:absolute;
	right:0px;
	top:15px;
}
#header04 .logo{
	position:absolute;
	right:0px;
	top:15px;
}
ul#menu{
	height:53px;
	background-image:url('images/fond_degra.gif');
	margin:0px;
	padding-left:10px;
	font-size:large;
}
ul#menu li{
	position:absolute;
	display:block;
	height:51px;
	z-index:5;
	text-align:center;
}
ul#menu li.pourquoi{
	border-bottom:2px solid #E1C035;
	
	
}
ul#menu li.quand{
	margin-left:170px;
	border-bottom:2px solid #7AA246;
	
}
ul#menu li.comment{
	margin-left:308px;
	border-bottom:2px solid #DA812B;
	
}
ul#menu li.ou{
	margin-left:492px;
	border-bottom:2px solid #9DAEB7;
}
ul#menu li.plan{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	right:9px;
	color:#9D3637;
	height:15px;
	top:140px;
	padding-left:5px;
}

#menu_droite{
	position:absolute;
	background-image:url('images/fond_sousmenu.gif');
	right:0px;
	width:162px;
}

#menu_droite h1{
	background-color:#9D3637;
	background-image:url('images/fond_header.gif');
	height:30px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	font-size: 11px ;
	margin:0px 7px 0px 0px;
	text-align:right;
}




#menu_droite h1 a:link { 
	color: white;
	text-decoration: none;
	}
#menu_droite h1 a:visited { 
	color: white;
	text-decoration: none;
	}
#menu_droite h1 a:hover { 
	color: white;
	text-decoration: underline;
	}
#menu_droite h1 a:active { 
	color: white;
	text-decoration: none;
	}








#menu_droite a:link { 
	color: #9D3637;
	text-decoration: none;
	}
#menu_droite a:visited { 
	color: #9D3637;
	text-decoration: none;
	}
#menu_droite a:hover { 
	color: #9D3637;
	text-decoration: none;
	}
#menu_droite a:active { 
	color: #9D3637;
	text-decoration: none;
	}




#menu_droite ul {
	margin:5px;
	padding:0px;
	font-size: 9px ;
}
#menu_droite li{
	margin:10px 5px 10px 25px;
	font-size:Large;
	list-style-image:url('images/fleche.gif');
	border-bottom:1px solid #9D3637;
}
#menu_droite h3{
	font-size:medium;
	margin:5px 5px 5px -15px;
}

#menu_droite .texte{
	font-size:small;
}
#menu_droite #footer{
	height:21px;
	background-image:url('images/bas_sousmenu.gif');
	border:0px;
}


#menu_droite a:link { 
	color: #9C3636;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt ;
	text-decoration: none;
	}
#menu_droite a:visited { 
	font-family:Arial, Helvetica, sans-serif;
	color: #9C3636;
	font-size: 8pt ;
	text-decoration: none;
	}
#menu_droite a:hover { 
	font-family:Arial, Helvetica, sans-serif;
	color: #9C3636;
	font-size: 8pt ;
	text-decoration: underline;
	}
#menu_droite a:active { 
	font-family:Arial, Helvetica, sans-serif;
	color: #9C3636;
	font-size: 8pt ;
	text-decoration: none;
	}



#contenu{
	margin-right:190px;
	padding:10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: black ;
	font-size: 10pt ;
	text-align:justify;	
}





h4 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:small;
	margin:4px;
}

.rouge {
font-family: Arial, Helvetica, sans-serif;
color: #9C3636;
font-size: 11pt ;
font-weight: bold;
}



.petit {
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 8pt ;
}





.petitblanc {
font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
color: white;
font-size: 8pt ;
}
.petitdown {
font-family:Arial, Helvetica, sans-serif;
color: #666666;
font-size: 8pt ;
}

.petitdown a:link { 
	font-family:Arial, Helvetica, sans-serif;
	color: #9C3636;
	text-decoration: none;
	font-size: 8pt ;
	}
.petitdown a:visited { 
	font-family:Arial, Helvetica, sans-serif;
	color: #9C3636;
	text-decoration: none;
	font-size: 8pt ;
	}
.petitdown a:hover { 
	font-family:Arial, Helvetica, sans-serif;
	color: #9C3636;
	text-decoration: underline;
	font-size: 8pt ;
	}
.petitdown a:active { 
	font-family:Arial, Helvetica, sans-serif;
	color: #9C3636;
	text-decoration: none;
	font-size: 8pt ;
	}
	
	
	
	
.petitdown2 {
font-family:Arial, Helvetica, sans-serif;
color: black;
font-size: 8pt ;
}

	

	
.image {
float:left;
margin: 3px 13px 0px 0px;
}
.imaged {
float:right;
margin: 0px 0px 3px 13px;
}

h2 	{
	
	
	font-family : Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #8ABA49;
	font-size: 11px ;
	}
	
.h01 	{
	
	
	font-family : Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #D1A23A;
	font-size: 11px ;
	}
	
.h03 	{
	
	
	font-family : Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F2A459;
	font-size: 11px ;
}

.h04 	{
	
	font-family : Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ACB9DC;
	font-size: 11px ;
}
	

dl.float-right
{
text-align: center;
padding: 0 0 0 0;
float: left;
margin: 3px 13px 0px 6px;
}


.float-right dd
{
margin: 0;
padding: 0 3px 3px 3px;
font-size: 9px;
font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
color: #858585;
}


dl.float-left
{
text-align: center;
padding: 0 0 0 0;
float: left;
margin: 6px 0px 3px 13px;
}


.float-left dd
{
font-size: 9pt ;
margin: 0;
padding: 0 3px 3px 3px;
font-size: 9px;
font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
color: #858585;
}


a.lignep{
    position:relative; /*this is the key*/
    z-index:24; background-color:#500000;
    color:white;
    text-decoration:none}

a.lignep:hover{z-index:25; background-color:#8ABA49}

a.lignep span{display: none}

a.lignep:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:3em; width:20em;
    border:1px solid #9C3636;
	text-decoration:none;
    background-color:white; color:black;
    text-align: left;
}
	
	

a.lignes{
    position:relative; /*this is the key*/
    z-index:24; background-color:#B75353;
    color:white;
    text-decoration:none}

a.lignes:hover{z-index:25; background-color:#8ABA49}

a.lignes span{display: none}

a.lignes:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:3em; width:20em;
    border:1px solid #9C3636;
	text-decoration:none;
    background-color:white; color:black;
    text-align: left;
}




a.fleched{
	position:relative;
	z-index:24;
	;
	color:white;
	text-decoration:none;

}

a.fleched:hover{z-index:25; background-color:#A45653}

a.fleched span{display: none}

a.fleched:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-2em; left:-11em; width:20em;
    border:1px solid #9C3636;
	text-decoration:none;
    background-color:white; color:black;
    text-align: center;
}




a.flecheu{
    position:relative; /*this is the key*/
    z-index:24;;
    color:white;
    text-decoration:none}

a.flecheu:hover{z-index:25; background-color:#A45653}

a.flecheu span{display: none}

a.flecheu:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-2em; left:-10em; width:20em;
    border:1px solid #9C3636;
	text-decoration:none;
    background-color:white; color:black;
    text-align: center;
}



a.flechel{
	position:relative;
	z-index:24;
	;
	color:white;
	text-decoration:none;
}

a.flechel:hover{z-index:25; background-color:#A45653}

a.flechel span{display: none}

a.flechel:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-2em; left:-9em; width:20em;
    border:1px solid #9C3636;
	text-decoration:none;
    background-color:white; color:black;
    text-align: center;
}



a.plan{
    position:relative; /*this is the key*/
    z-index:24;;
    color:black;
    text-decoration:none}

a.plan:hover{z-index:25; background-color:#FFFFFF;}

a.plan span{display: none}

a.plan:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:15em; width:20em;
    border:1px solid #9C3636;
	text-decoration:none;
    background-color:white; color:black;
    text-align: center;
}









#logog_index{
	position:absolute;
	top:2em;
	left:50%;
	margin-left:-275px;
	z-index:2;	
}

#logo_index{
	position:absolute;
	bottom:0em;
	right:0em;
	z-index:1;	
}

#texte_index{
	position:absolute;
	bottom:1em;
	left:1em;
	z-index:3;
	font-size:10px;	
}

hr {
color: #9C3636;
background-color:#9C3636;
height: 2px;
border: 0;
}