/***********************************************/ 

body{
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 1.15em;
	font-weight:normal;
	
	/*letter-spacing:0.055em;*/
	margin: 0px;
	padding: 0px;
	background-color: #008FC1;
	background-image: url(images/fond_body.jpg);
	background-repeat:repeat-x;
}

/*pour l'impression uniquement*/
#image_print{display:none;}


a{
	color: #FFBB84;
	text-decoration: none;
}

a:visited{
	color: #FFBB84;
	text-decoration: none;
}

a:focus {color: #FFBB84;
	text-decoration: none;}
a:hover{
	color: #FFBB84;
	text-decoration: underline;
}

p{
	padding:0.5em 0 0.5em 0;
	margin:0 0 0 0;
	text-align:justify;	}


p.fd {
font-family: Eurostile, Arial, Helvetica, sans-serif;
letter-spacing:0.02em;
 font-size: 80%;
 color: #FFFFFF;
 margin: 0px;
 padding: 1em 0 0 0;
}

p.fd a{color:#D7B884}


h1{
font-family: Eurostile, Arial, Helvetica, sans-serif;
letter-spacing:0.02em;
 font-size: 120%;
 color: #F4B376;
 margin: 0px;
 padding: 1em 0 0 0;
}

h3{
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 background-image: none;
}

h2, h3{
font-family: Eurostile, Arial, Helvetica, sans-serif;
letter-spacing:0.02em;
 font-size: 114%;
 color: #FEA56F;
 margin: 0px;
 padding: 0.6em 0 0em 0;
}

.splash {
 display: none;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
 margin:0 0 0 0;
 padding:0.3em 0 0.8em 1.3em;
}


ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}



table.mon_tableau{	font-size:85%;
		margin:1em 0 1em 0;
		border-top:1px solid #fff;
		background-color: #0095C6;

		border-right:1px solid #59AACB;
		}
table.mon_tableau p{padding:0.2em 0 0.2em 0;line-height:1.1em;}
table.mon_tableau .lignes_tableau{padding:0.2em 0 0.2em 0;line-height:1.1em;}


.mon_tableau td {padding:0.5em 0.5em 0.5em 0.5em;
	border-bottom:1px solid #fff;
	border-left:1px solid #59AACB;
	}/**/
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#page{	position: absolute;
		background-image: url(images/header.jpg);
		background-repeat: no-repeat;width:95%;
		left:3%;
		/*top:0;*/
		}

#raccord_cercle{
	left:0;
	width:3%;
	position:absolute;
	top: 209px;
	background-color:#0185B1;
	height: 625px;
}


#contenu{
	background-image: url(images/cercle.gif);
	background-repeat: no-repeat;
}

#gauche{
	padding-left: 20px;
	padding-right: 0%;
	border-right:0px solid #81CBE6;
	color: #FFFFFF;
}

#droite{
	margin: 0px;
	padding: 10px 0px 40px 2%;
	color: #FFFFFF;
}

#liens_header{
	position: absolute;
	top: 10px;
	left: 500px;
	z-index: 99;
	width: 330px;
	display:none;
	/* cache - ce qui suit n'est pas lu par IE MAC\*/
	display:block;
	/* Fin */
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{/*width:80%;*/
	
}

#globalNav a{
	text-transform: uppercase;
	font-size: 12px; 
	padding:0 1em 0.2em 1em;
}
#globalNav li a{color: #FFFFFF;padding: 0 0em 0 0em;} 

#niv_1, #niv_2, #niv_3, #niv_4, #niv_5, #niv_6, #niv_7{position:absolute;top:187px;}
#niv_1{left:20px;}
#niv_2{left:88px;}
#niv_3{left:197px;}
#niv_4{left:261px;}
#niv_5{left:330px;}
#niv_6{left:432px;}
#niv_7{left:545px;}
#globalNav ul ul{padding-left:0em;padding-bottom:0em;} 
#globalNav ul li { display:inline;list-style-type:none;width:15em;}
#globalNav ul li ul{ display:none;}
#globalNav ul li.selection {width:30em;}
#globalNav li.selection a{color:#A0C5FF;}

#globalNav ul li.selection ul{ display:inline; position:absolute;width:100%;left:63px;top:20px;height:2.5em;}
#globalNav .selection li a{color:#FF9966;padding-right:1.5em;padding-left:0;margin-left:0;margin-right:0;} 

.selection {padding-bottom:1.5em;background-image:url(images/fleche.gif); background-repeat:no-repeat; background-position:22px 26px;}
.selection2 {padding-bottom:1.5em;background-image:url(images/fleche2.gif); background-repeat:no-repeat; background-position:22px 23px;}

#globalNav ul li.selection ul li ul{ display:none;}
#globalNav ul li.selection ul li.selection2 ul{ display:inline;position:absolute;top:20px;width:33em}
#globalNav ul li.selection ul li.selection2 ul#ssm2 {left:180px;}
#globalNav ul li.selection ul li.selection2 ul a{color:#8DD7F7;}
/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	display:none;
	font-size: 75%;
	padding: 0.2em 0px 0 0;
}
#breadCrumb a{color:#60BDE3;padding: 0 0.5em 0 0.5em;}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	height:45px;
	border-top: 1px solid #cccccc;
	font-size: 80%;
	color: #00719B;
	background-color:#fff;
	padding:0 0 0 0;
	
	
	
}
#siteInfo a{color: #FF6600;}

.v_align{display:block;margin-top:15px;}



/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	border-top:1px solid #81CBE6;
	padding: 20px 0px 10px 0;
	font-size:95%;
	width:220px;
}
#advert h1, #advert h2{color:#fff;}
#advert img{
	display: block;
}
#advert ul h2{padding-bottom:0.5em;

}
#advert ul{
margin-top:0.5em;
padding-top:0.8em;
padding-bottom:0.5em;
background-color: #00719A;
}
#advert li{
list-style-image:url(images/fleche.gif);
list-style-position:inside;
padding-bottom:0.3em;
padding-left:0.2em;
}


/************** #headlines styles **************/

#droite{
	font-size: 90%;
}

#droite p{
	padding: 5px 0px 5px 0px;
}

.lignes_tableau {
	background-color: #348BB1;
}

.lignetab{
	background-image: url(images/ligne_verticale_IE.gif);
	background-repeat: repeat-y;
	background-position:center;
}