* {
	margin: 0;
	padding: 0;
	border: none;
	font-family: sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

body {	
	background-color:#36B3D1;
}

#container {
	width : 1004px;
	/*border : 1px solid red;
	height : 605px;*/
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	margin-bottom : 0;
}

#header {
	background-color : #ffffff;
	height : 133px;
	padding-left : 4px; /* à virer kan j'aurai le footer bonne taille*/
}

#bando1 {
	position : relative;
	float : left;
}

#bando2 {
	float : left;
}

#menu_haut {
	height : 20px;	
	border-top : 1px #ffffff dashed;
}

#menu_haut ul {
	height : 100%;
	list-style-type : none;
	border-bottom : 1px #ffffff dashed;
}

#menu_haut li {
	padding-bottom : 2px;
	padding-top : 2px;
	padding-left : 13.5px;
	padding-right : 13.5px;
	font-size: 13px;
	background-color : #6DC8DD;
	border-left : 0.5px #ffffff solid;
	display : inline;
}

#menu_haut a {
	text-decoration : none;
}

#menu_haut a:hover {
	font-weight : bold;
	text-decoration : underline;
}

#menu_haut a.on {
	font-weight : bold;
	text-decoration : underline;
}

#menu_haut .typea a  { 
	color : #ffffff;
}

#menu_haut .typeb a{ 
	color : #000000;
}

#menu_haut_bande {
	margin-top : 2px;
	height : 20px;
	background-color : #01A2D6;
	border-top : 1px #ffffff dashed;
}

.content_gauche {
	padding : 10px;
	background-color: #e9f6f6;
	width : 984px;
	height: 297px;
	float: left; 
	font-size : 11px;
}

.content_gauche_gauche {
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 15px;
	padding-right : 15px;
	width : 450px;
	float: left; 
}

.content_gauche_droite {
	padding-left : 15px;
	padding-right : 15px;
	width : 450px;
	float: left; 	
}


/**********************Les projets*******************/
.content_gauche_projet {
	padding : 10px;
	padding-left : 15px;
	padding-right : 15px;
	background-color: #e9f6f6;
	width : 485px;
	height: 297px;
	float: left; 
	font-size : 11px;
}

.content_droite_projet {
	padding : 10px;
	padding-left : 15px;
	padding-right : 15px;
	margin-left : 480px;
	background-color: #e9f6f6;
	width : 494px;
	height: 297px;
	font-size : 11px;
}

.content_gauche li, .content_gauche_projet li, .content_activite li, .content_droite_projet li, .content_actualites li, .content_partenaires li, .content_faq li, .content_contact li , .content_ecologie li{
	margin-left : 20px;
	padding-left : 0px;
	list-style : url(IMG/puce.jpg);
}

.content_partenaires {
	padding : 10px;
	/*padding-left : 15px;
	padding-right : 15px;*/
	background-color: #e9f6f6;
	width : 480px;
	height: 295px;
	float: left; 
	font-size : 11px;
}
.content_actualites {
	padding : 10px;
	background-color: #e9f6f6;
	width : 628px;
	height: 295px;
	float: left; 
	font-size : 11px;
}
.content_faq {
	padding : 10px;
	/*padding-left : 15px;
	padding-right : 15px;*/
	background-color: #e9f6f6;
	width : 444px;/* +2px */
	height: 295px;
	float: left; 
	font-size : 11px;
	overflow : auto;
}
.content_activite {
	padding : 10px;
	/*padding-left : 15px;
	padding-right : 15px;*/
	background-color: #e9f6f6;
	width : 658px;/* +2px */
	height: 295px;
	float: left; 
	font-size : 11px;
}

.content_contact {
	padding : 10px;
	/*padding-left : 15px;
	padding-right : 15px;*/
	background-color: #e9f6f6;
	width : 538px;/* +2px */
	height: 295px;
	float: left; 
	font-size : 11px;
}

.content_ecologie {
	padding : 10px;
	/*padding-left : 15px;
	padding-right : 15px;*/
	background-color: #e9f6f6;
	width : 416px;/* +2px */
	height: 295px;
	float: left; 
	font-size : 11px;
}

.content_accueil {
	padding : 10px;
	/*padding-left : 15px;
	padding-right : 15px;*/
	background :  #e9f6f6 url(IMG/fond_home.jpg);
	width : 984px;/* +2px */
	height: 295px;
	float: left; 
	font-size : 11px;
}

.content_accueil_gauche {
	margin-top : 8px;
	padding : 10px;
	width : 300px;
	height: 297px;
	float: left;
	margin-left : 50px;
	font-size : 12px;
	list-style : none;
}

.content_accueil_droite {
	margin-top : 8px;
	padding : 10px;
	width : 250px;
	height: 297px;
	float: left;
	margin-left : 300px;
	font-size : 12px;
	list-style : none;
}

.titreArticle {
	font-size : small;
	color : #0088a5;
	font-weight : bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

.texteArticle {
	padding-bottom : 15px;
}

.mainPhoto{
	margin-left : 642px;
	height : 316px;
	border-top: 1px dashed #ffffff;
	background : #01A2D6 no-repeat right top;
}

.activitePhoto{
	margin-left : 642px;
	height : 316px;
	border-top: 1px dashed #ffffff;
	padding-left : 7px;
}

.actualitePhoto{
	margin-left : 642px;
	height : 316px;
	border-top: 1px dashed #ffffff;
	padding-left : 7px;
}

.partenairesPhoto{
	height : 316px;
	border-top: 1px dashed #ffffff;
	padding-left : 55px;
}

.faqPhoto{
	height : 316px;
	border-top: 1px dashed #ffffff;
	padding-left : 0px;
}

.contactPhoto{
	margin-left : 558px;
	height : 316px;
	border-top: 1px dashed #ffffff;
}

.ecologiePhoto{
	margin-left : 436px;
	height : 316px;
	border-top: 1px dashed #ffffff;
}

#footer {
	height : 117px;
	width : 1001px;
	background-color : #000000;
	padding-left : 3px;
}

#footerPartenaires {
	margin-top : -3px;
	height : 117px;
	width : 1001px;
	background-color : #000000;
	padding-left : 1px;
}

#footerFAQ {
	margin-top : -3px;
	height : 117px;
	width : 1001px;
	background-color : #000000;
	padding-left : 3px; /* +2px */
}

#contact {
	position : relative;
	float: left;
	top : -89px;
	left : 120px;
	
}

.texteContact {
	color : white;
	font-size : 10px;
}

img {
	border : none;
}

h3.spip {
	margin-top : 10px;
	padding : 5px;
	font-size : 10px;
	border : 1px solid #6DC8DD;
}

h4.spip {}

ul.spip {}

li.spip {}

strong.spip {
	/*font-size : x-small;
	/*color : #0088a5;*/
	font-weight : bold;
	}

a.spip {
	
	}


#formulaireContact{
        text-align : center;
        font-size : 10px;
}

#formulaireContact table{
        text-align : left;
        width : 100%;
		border: 1px solid #01A2D6;
}
#formulaireContact td{
        vertical-align : top;

}

#formulaireContact form *{
        margin : 3px;
}

#formulaireContact form .champ{
        width : 90%;
        
}