html {
margin : 0; 
padding : 0; 
} 

a{
color:#FFFFFF;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	background: #00356C; 
}

#container { 
	background: url(images/c_color_1.gif) no-repeat top left; 
	padding: 0px 0px 0px 0px;  
	margin: 0px; 
	}

#intro { 
	min-width: 470px;
}
#navBar {
	position: absolute;
	width: 200px;
	top: 100px;
	right: 20px;
	color: #FFFFFF;
	text-align: right;
}

	
#pageHeader { 
	margin-bottom: 0px;
	background: transparent url(c_menu_1.gif); 
	height:54px;
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: transparent url(c_menu_logo.gif) no-repeat left top; 
	margin-top: 6px; 
	margin-left: 25px;
	width: 164px; 
	height: 43px; 
	float: left;
	}
	
#pageHeader h1 span {
	display:none
	}
	
/* ENCART MENU  DROITE*/
#pageHeaderMenuR {
	margin-top: 10px;
	margin-right: 10px;
	text-align:right;
	width: 300px;
	height: 43px;
	float: right;
	color: #FFFFFF;
	}

#pageHeaderMenuR a:link{
	font: bold normal 8pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}
#pageHeaderMenuR a:visited{
	font: bold normal 8pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}


/* MENU PRINCIPAL*/


#pageHeaderMenu {
	background: transparent url(c_menu_2.gif);
	margin-top: 0px;
	height:24px;
	clear:left;
	}

#contenu { 
	margin: 0px 50px 0px 300px;
	}
#contenuSansMenu { 
	margin: 0px 50px 0px 25px;
	padding-top:20px;
	padding-bottom:200px;
	padding-right:40px;
	color:#FFFFFF;
	font-size:1.1em;
	}

#allMenu {
	margin-left: 300px;
	width:800px;
	padding-top: 4px;
	white-space: nowrap;
}
	
#allMenu span { 
	margin:0px;
	padding:0px;
	float: left;
	border-left-color:#CCD6DF;
	border-left-style:solid;
	border-left-width:2px;
	white-space: nowrap;
	display: inline;

	}
#allMenu a{
	padding-left: 10px;
	padding-right: 10px;
	display: inline;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: 0.1em;
}



#allMenu a:link{
	color: #E5EFF9;
}
#allMenu a:visited{
	color: #E5EFF9;
}

#allMenu a:hover{
	color: #B2D0ED;
	background-color:#7D8A91;
}
#allMenu a.select:link{
	color: #00629E;
	
	background-color:#8E999F;
}
#allMenu a.select:visited{
	color: #00629E;
	background-color:#8E999F;
}
#allMenu a.select:hover{
	color: #CDE0F3;
	background-color:#7D8A91;
}

/* MENU  GAUCHE*/

#left 
{
	position: absolute;
	top: 100px;
	left: 0px;
	margin:0;
	height:500px;
	width:300px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 300px;
	}
html>body #left {
	width: 300px; /* ie5win fudge ends */
	}
#menuL 
{
	padding-top: 10px; 
	padding-left: 30px; 
	padding-right: 5px; 
	padding-bottom:200px;
	clear:left;
}

#flash 
{
padding-top: 20px; 
float: left;
width: 300px;

}

#menuL ul{
	list-style:none;
	margin: 0 0 1.5em;
	padding: 0.25em 0 0.25em;
}
#menuL ul li{
	padding: 0.75em 0 0.1em 0.5em;
}

#menuL ul ul{
list-style:url(puce.gif) none;
margin: 0;
padding: 0.2em 0 0 2.5em;
}
#menuL ul ul li{
	margin: 0.5em 0 0 0;
	padding: 0;
}

#menuL ul ul li a{
font-style:normal;
font-weight:normal;
margin:0;
}


#menuL a
{
	text-decoration:none;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	letter-spacing: 0.2em;
}

#menuL a:link
{
	color:#FFFFFF;
}
#menuL a:visited
{
	color:#FFFFFF;
}

/* FIN MENU */


/* SITEMAP */
#sitemap 
{
	padding-top: 10px; 
	padding-left: 10px; 
	padding-bottom:20px;
	border:#999999 solid 1px;
	width:300px;
}

#sitemap ul{
	list-style:none;
	margin: 0 0 1.5em;
	padding: 0.3em 0 0.25em;
}
#sitemap ul li{
	padding: 1.3em 0 0.1em 0.5em;
}

#sitemap ul ul{
list-style:url(puce.gif) none;
margin: 0;
padding: 0.2em 0 0 2.5em;
}
#sitemap ul ul li{
	margin: 0.2em 0 0 0;
	padding: 0;
}

#sitemap ul ul li a{
font-style:normal;
font-weight:normal;
margin:0;
}


#sitemap a
{
	text-decoration:none;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	letter-spacing: 0.1em;
}

#sitemap a:link
{
	color:#FFFFFF;
}
#sitemap a:visited
{
	color:#FFFFFF;
}


/* EMPLACEMENT PRINCIPAL */
h1{
	color:#FFFFFF;
	font-size:1.5em;
	padding:0;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;

}

h2{
	color:#FFFFFF;
	padding:0;
	margin-bottom:5px;
	font-size:1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

p{
	
	padding-top:7px;
	margin:0;
}


#contenu{
padding-top:20px;
padding-bottom:20px;
padding-right:40px;
color:#FFFFFF;
/*font-size:1.15em;*/
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

.imageHorizontal{
margin-top:10px;
border-width:0;
}

.imageHorizontal img{
margin-bottom:10px;
margin-right:10px;
}

.imageVerticale{
padding:0;
border-width:0;
margin-top:10px;
margin-right:0px;
margin-left:0px;
display:block;
}


.imageVerticale img{
margin-bottom:10px;
margin-right:10px;
margin-left:0px;

}
/* FORMULAIRE */
#css2 {
width:500px;
padding:10px;
margin-top:30px;
background-color:#004891;
border-color:#999999;
border-width:1px;
border-style:solid;
height:700px;
}
#css2 label {clear:left;float:left;width:230px;}
#css2 input {float:left;margin-bottom:1em;font-size: 12px;}
#css2 select {float:left;margin-bottom:1em;font-size: 12px;}
#css2 textarea {float:left;margin-bottom:1em;font-size: 12px;
height:120px;}


.row{
	display:block;
	margin: 0;
	padding: 5px 0 8px 0;
	border-top: 1px dashed gray;
	height: 20px;
	clear: both;
}

#css2 H1{
	display:block;
	text-align:center;
	font-size:24px;
	color:#FFFFFF;
	background-color:#005EBB;
	padding:10px 0 10px 0;
	border: solid #aaaaaa 1px;
}

.submit{
margin-left:230px;
margin-top:20px;
clear:both;
}

.big {
width:180px;
}

.sml {
width:70px;
}

/* END FORMULAIRE */