/* @group Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, li, ol, ul, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
}

a img, :link img, :visited img {
	border: 0;
}

ol, ul {
	list-style: none;
}

/* @end */ 


/*CSS du formulaire*****************************/

#form{
margin-top:20px;
}

#form ul {
	margin:20px;
	padding:0;
	list-style-type: none;
}
#form li{
font-size: 0.80em;
	margin-bottom:5px;
}
#form input{
font-size: 0.80em;
  height: 20px;

	width: 100%;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#form textarea{
font-size: 0.80em;
  height: 150px;

	width: 100%;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}



#form span{
	font-weight:bold;
}

#form .valid{
font-size: 0.80em;
	background-color:#f08f00;
        width: 100px;
color: #fff;
}



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


/*CSS de la structure*****************************/

body{
	margin:5px;
	padding:0;
	background:#cabb28;
	font-family:trebuchet MS,sans-serif;
}


#conteneur {
background:#cabb28;
margin-left:20px;

}

 
#conteneur #pied2page{
  font-size:9px;
  clear:both;
}

#conteneur #pied2page li{list-style-type:none;}




/*CSS de l'en-t�te*****************************/


#entete #logo{
  height: 120px;
  background: #cabb28;
}

#entete #logo img{
  margin-top:30px;
  margin-left:0px;
}





/*CSS du pied de page*****************************/

#pied2page{
background: transparent url(images/fili.jpg) 0px 20px repeat-x;
  height: 142px;
}
#pied2page #adresse{
text-decoration: none;
 
}
#pied2page #organisme{
text-decoration: none;
  margin-top:40px;
 
}







/*CSS de la navigation*****************************/

#bloc-central{
background: url(images/menu.jpg) 0px 4px repeat-x;
height:260px;}
#bloc-central2{
height:260px;
width:600px;
}

#plus {float:left;
background: transparent;}

#plus img {margin-left:0px;margin-top:4px;
height:251px;}

#menu{
height:251px;
float:left;
margin-top:4px;
margin-left:25px;
  }

#menu span {
visibility:hidden;
}

#menu #nav{
height: 251px;
}
 
#menu ul#nav a,
#menu ul#nav a:link,
#menu ul#nav a:visited,
#menu ul#nav a:active,
#menu ul#nav a:hover {
display: block;
height: 42px;
}

#onglet1 a,
#onglet1 a:link,
#onglet1 a:visited,
#onglet1 a:active{
width: 185px;
height: 42px;
background: transparent url(images/nav_06.jpg) 0px 0px no-repeat;
}
#onglet1 a:hover {
 background: transparent url(images/nav_06.jpg) 0px -285px no-repeat;
}
#onglet1 a.ici {
 background: transparent url(images/nav_06.jpg) 0px -285px no-repeat;
}
#onglet2 a,
#onglet2 a:link,
#onglet2 a:visited,
#onglet2 a:active{
width: 185px;
height: 42px;
background: transparent url(images/nav_06.jpg) 0px -42px no-repeat;
}
#onglet2 a:hover {
 background: transparent url(images/nav_06.jpg) 0px -327px no-repeat;
}
#onglet2 a.ici {
 background: transparent url(images/nav_06.jpg) 0px -327px no-repeat;
}
#onglet3 a,
#onglet3 a:link,
#onglet3 a:visited,
#onglet3 a:active{
width: 185px;
height: 42px;
background: transparent url(images/nav_06.jpg) 0px -84px no-repeat;
}
#onglet3 a:hover {
 background: transparent url(images/nav_06.jpg) 0px -369px no-repeat;
}
#onglet3 a.ici {
 background: transparent url(images/nav_06.jpg) 0px -369px no-repeat;
}
#onglet4 a,
#onglet4 a:link,
#onglet4 a:visited,
#onglet4 a:active{
width: 185px;
height: 42px;
background: transparent url(images/nav_06.jpg) 0px -126px no-repeat;
}
#onglet4 a:hover {
 background: transparent url(images/nav_06.jpg) 0px -411px no-repeat;
}
#onglet4 a.ici {
 background: transparent url(images/nav_06.jpg) 0px -411px no-repeat;
}
#onglet5 a,
#onglet5 a:link,
#onglet5 a:visited,
#onglet5 a:active{
width: 185px;
height: 42px;
background: transparent url(images/nav_06.jpg) 0px -168px no-repeat;
}
#onglet5 a:hover {
 background: transparent url(images/nav_06.jpg) 0px -453px no-repeat;
}
#onglet5 a.ici {
 background: transparent url(images/nav_06.jpg) 0px -453px no-repeat;
}
#onglet6 a,
#onglet6 a:link,
#onglet6 a:visited,
#onglet6 a:active{
width: 185px;
height: 42px;
background: transparent url(images/nav_06.jpg) 0px -210px no-repeat;
}
#onglet6 a:hover {
 background: transparent url(images/nav_06.jpg) 0px -495px no-repeat;
}
#onglet6 a.ici {
 background: transparent url(images/nav_06.jpg) 0px -495px no-repeat;
}




#conteneur #bloc-central #contenu1 {
	background: #089961;
	position: absolute;
	height: 100%;
	width: 300px;
	left: 610px;
	top: 0px;
	visibility: visible;
	clear:both;
}
#conteneur #bloc-central #contenu2 {
	background: #c4a71e;
	position: absolute;
	height: 100%;
	width: 400px;
	left: 610px;
	top: 0px;
	visibility: visible;
	clear:both;
}
#conteneur #bloc-central #contenu3 {
	background: #a12365;
	position: absolute;
	width: 600px;
	left: 610px;
	top: 0px;
		visibility: visible;
		clear:both;

}
#conteneur #bloc-central #contenu4 {
	background: #0096b8;
	position: absolute;
	height: 100%;
	width: 300px;
	left: 610px;
	top: 0px;
		visibility: visible;
		clear:both;

}
#conteneur #bloc-central #contenu5 {
	background: #e61e26;
	position: absolute;
	height: 100%;
	width: 300px;
	left: 610px;
	top: 0px;
		visibility: visible;
		clear:both;

}
#conteneur #bloc-central #contenu6 {
	background: #f37321;
	position: absolute;
	height: 100%;
	width: 600px;
	left: 610px;
	top: 0px;
		visibility: visible;
		clear:both;

}

#contenu1,
#contenu2,
#contenu3,
#contenu4,
#contenu5,
#contenu6 {
color:#fff;
}

h1{font-size: 1.3em;
margin: 20px 20px 0 20px}
p{font-size: 0.80em;
margin: 20px 20px 0 20px}

.bienvenue{
font-size:1.3em;
margin-top:50px;
text-align:center;
}

strong { font-weight: bold; }

ul.list001{
	list-style:disc;
	font-size:0.80em;
	margin:20px;	
	padding-left: 20px;
}
ul.list002{
	list-style:disclosure-closed;
	font-size:0.80em;
	margin:20px;	
	padding-left: 20px;
}
ul.list003 li{
	font-style: italic;
}
ol.list001{
	list-style-type: decimal;
	font-size:0.80em;
	margin:20px;	
	padding-left: 20px;
}
.image-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.image-container img {
	margin: 10px;
	height:90px;
}