body {
text-align:center; /*debug IE*/
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	font-size: 90%;
	background-color: #00B2CD;
	background-image: url(images/bg_accueil.gif);
	background-position: center top;
	background-repeat: repeat-y;
	color:#CCCCCC;
}
img {
border:none;
}




#container {
	text-align:left;
	width:780px;
	margin:0 auto 0 auto;
	background-color: #000;	

	
}	


#header {
	width:100%;
	height:500px;
	background:  url(images/visuel_accueil.jpg) no-repeat;

	
}	
#edito {
	width:100%;
	background: #000;

	
}	

a, a:visited {
	text-decoration: none;
	color:#39BCED ;
}
a:hover {
	color:#fff ;
}

#bulle1 {
position:absolute;
margin: 240px auto auto 340px;
font-size: 1.6em;
color:#FFF;

}

#bulle2 {
position:absolute;
margin: 400px auto auto 400px;
font-size: 1.6em;
color:#FFF;

}

#bulle3 {
position:absolute;
margin: 270px auto auto 530px;
font-size: 1.6em;
color:#FFF;

}
#bulle4{
position:absolute;
margin: 160px auto auto 630px;
font-size: 1.6em;
color:#FFF;

}
#resultat {
	color: #990000;
	font-weight: bold;	


	}


#entete {

	width:780px;
	height:55px;
	margin:  0 0 100px 0;
}	


	

#navlist
{
	font-size: 0.8em;
text-align:center;
	padding: 20px 0 20px 0px;
	margin: 0 auto ;
	font-weight: bold;

}

#navlist ul, #navlist li
{
margin: 0 ;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
	/*float: left;*/
	line-height: 14px;
	margin: 0 8px 4px 8px;
	text-decoration: none;
	color: #fff;
	overflow: visible;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 2px solid #fff;
padding-bottom: 2px;
background: transparent;
color: #fff;
}

#navlist a:hover { color: #fff; }







.col_gauche {
float:left;
	width:50%;
	margin:0 ;
	
	/*background: #fff;*/

}	

.col_droite {
	margin-left: 50%;
	
	
	
/*background: #fff;*/
}	

.spacer {
  clear: both;
  
}



.separateur{
 clear: both;
  background: #000 url(images/separateur.jpg) no-repeat center;
  width:100%;
  height:40px;
}




p { margin: 10px 20px}



h2 a, a:visited {
	text-decoration: none;
	color:#39BCED ;
}
h2 a:hover {
	color:#fff ;
}

a.lien_ext:after {
content: "\0000a0[\2197]";
}

h1, h2, h5, h6{
	margin: 0;
	padding: 0 ;
}


h1 {
	padding : 10px 20px;
	font-size: 1.8em;
	color: #FFF;

}

h2 {
	
	width: 95%;
	padding-right: 5%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 140%;
	color: #39BCED;
	background-color: #053243;
	text-align: right;
}

h3 {

	margin: 10px 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.6em;

}

h4 {
	margin: 0 20px 10px 20px;
	padding : 3px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 120%;
	color: #000;
	background-color: #A7E1F8;
	font-style: italic;
	display: inline;
}

h5 {

	margin:  10px 0 20px 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;

}

h6 {
	margin: 0;
	width: 95%;
	padding-left: 5%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 160%;
	color: #fff;
	background-color: #053243;
	text-align: left;
}

p .img_gauche {
	float:left;
	margin: 5px 5px 5px -20px ;
	
	}
.img_gauche {
	float:left;
	margin: 5px 5px 5px 0 ;
	
	}
	
.img_droite {

	float:right;
	margin: 5px 0 5px 5px ;

	}

p .img_droite {
	float:right;
	margin: 5px -20px 5px 5px ;
	
	}	
.img_top_droite {
	float:right;
	margin: 0px 0 0 15px ;

	}

	
.img_top_gauche {
	float:left;
	margin: 0 15px 5px 0 ;
	
	}
.img_bottom_gauche {
	float:left;
	margin: 5px 15px 0 0 ;
	
}

#resume img {
	
	margin: 20px 0 0 0 ;
	
	}
	
#lieux p{ font-size: 0.9em;}	

#partenaires p{ font-size: 0.9em;}	


/*.texte_info{
font-size: 0.9em;
}*/

/******************** Le formulaire *********************/


label{
	margin-bottom:  1em;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	font-weight: bold;
}
fieldset{
	margin: 0 40px 10px 20px;
}

.boite {

width:100% ;
	background-color: #DDF2FF;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
}