body
{
	text-align: center; /*emplacement du corp du site*/
	font-size: 70%; /*taille de la typo*/
	margin: auto;
	font-family: Verdana, Arial, sans-serif; /*style d'écriture*/
	color: #000000; /*Couleur du texte*/
	background: #000 url() repeat-x top;
}
/*  les images  */

img{border:0;}

/* link général
************************************************************/
a:link {
         color: #000;
         }
a:visited {
         color: #000;
         }
a:hover {
         color:#000;
     
         }
a:active {
         color: #000;
         }
/* link général
************************************************************/


/* Conteneur
************************************************************/

div#conteneur {
margin-top: 10px;
width: 800px; /*largeur du corp du site*/
margin: auto;
 
min-height: 99%; /* this is where inheritance stops */ 
clear:both;
}
div#float {
	float: left;
	width: 800px; /*largeur du header*/
	background: #ffffff url(images/header.jpg) no-repeat; /*image du header*/
}

div#corp {
	float: left;
	width: 555px;
	margin-top: 200px;
	}
	
div#footer {
	width: 800px; /*largeur du footer*/
	height: 50px;
	float: left; 
	padding-top : 30px;
	margin-bottom : 10px;
	background: #ffffff url(images/espace.png) no-repeat bottom; /*image du footer*/
}

div#textefooter {
	text-align: center;
	width: 800px;
	background-color: #b22222;
	height: 126px;
}


div#containerabout {
margin-top : 20px;
margin-left: auto;
margin-right: auto;
	float: left;
	width: 420px;
	text-align:left;
}



#mail {
width: 350px;
float: left;
padding: 20px 0px 20px 0px;
}


#galerie {
margin: auto;
width: 90%;
padding-top: 10px ;
display:table-cell;
}


#afficheimage {
float : left ;
width: 300px;
padding-right: 70px;
padding-top: 30px ;
}




	
#right {
	float: right;
	margin-right: 10px;
}

/* menu du haut */
/*------------li--------------------*/


div#menu_haut {
width : 700px;
height : 50px;
padding-top : 15px;
margin-bottom : 5px;
margin : 0 auto;
background-color: black;
font-size: 1.2em;
}
div#menu_haut ul { font-size: 2.2em;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 color: #FFF;
 line-height: 30px;
 white-space: nowrap;
}
div#menu_haut li {
 list-style-type: none;
 display: inline;
}
div#menu_haut li a {
 text-decoration: none;
 padding: 7px 10px;
 color: #FFF;
font-weight : bold;
}
div#menu_haut li a:link {
 color: #FFF;
}
div#menu_haut li a:visited {
 color: #FFF;
}
div#menu_haut li a:hover {
 font-weight: bold;
 color: #FFF;
 font-size: 3em;
}
div#menu_haut li a.active:link, #menu_haut li a.active:visited, #menu_haut li a.active:active, #menu_haut li a.active:hover {
color: white;
font-size: 3em;
text-decoration: none;
} 
/* menu du haut fin */

/* menu de gauche */
/*------------li--------------------*/


div#menu_gauche {
width: 250px;

float: left;
padding: 0px 0px 0px 0px;
	background-image: url(test10.jpg);
	background-repeat: no-repeat;
}
div#menu_gauche ul {
text-align : left;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 30px;
 white-space: nowrap;
}
div#menu_gauche li {
 color: red;
 list-style-type: none;
 display: block;
}
div#menu_gauche li a {
background-image:url(logos/arrow.gif);
 background-repeat:no-repeat;
 background-position:0% 55%;
 text-decoration: none;
 padding: 7px 10px;
font-size: 0.9em;
font-weight : bold;
}
div#menu_gauche li a:link {
list-style-position: outside;
font-size: 1.2em;
}
div#menu_gauche li a:visited {
 color: #000;
}
div#menu_gauche li a:hover {
 font-weight: bold;
 color: #000;
font-size: 1.3em;
}

/* menu de gauche fin */

/* menu news */
/*------------li--------------------*/

div#menu_news {
margin-left: auto;
margin-right: auto;
	float: left;
	width: 300px;
	margin-top: 12px;
	text-align:left;

}
div#menu_news ul {
text-align : left;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 color: #000;
 line-height: 30px;
 white-space: nowrap;
}
div#menu_news li {

 list-style-type: none;
 display: block;
}
div#menu_news li a {
 text-decoration: none;
 font-size: 1.2em;
 color: #000;
font-weight : bold;
}
div#menu_news li a:link {
 font-size: 1.2em;
 color: #000;
}
div#menu_news li a:visited {
 color: #000;
}
div#menu_news li a:hover {
 font-weight: bold;
 color: #000;

}

/* menu news fin */
/* menu video_thumb */
/*------------li--------------------*/


div#menu_video_thumb {
width : 500px;
padding-top : 10px;
margin-left: auto;
margin-right: auto;
	float: left;
	margin: 5px;
	text-align:left;

}
div#menu_video_thumb ul {
text-align : left;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 color: #000;
 line-height: 30px;
 white-space: nowrap;
}
div#menu_video_thumb li {
width : 	200px;
 list-style-type: none;
float : left;
}
div#menu_video_thumb li a {
 text-decoration: none;
 font-size: 1.2em;
 padding: 7px 10px;
 color: #000;
font-weight : bold;
}
div#menu_video_thumb li a:link {
 font-size: 1.2em;
 color: #000;
}
div#menu_video_thumb li a:visited {
 color: #000;
}
div#menu_video_thumb li a:hover {
 font-weight: bold;
 color: #000;

}

/* menu video fin */
/* menu video */
/*------------li--------------------*/
#video {
margin-left: auto;
margin-right: auto;
	float: left;
	width: 200px;
	text-align:left;
}

#menuvideo {
	float: left;
	
	margin : 10px;
	}
div#menu_video_capsule {
width : 400px;
padding-top : 10px;
margin-left: auto;
margin-right: auto;
	float: left;
	margin: 5px;
	text-align:left;

}
div#menu_video {
width : 300px;
padding-top : 10px;
margin-left: auto;
margin-right: auto;
	float: left;
	margin: 5px;
	text-align:left;
}
div#texte_video {
width : 400px;
padding-top : 10px;
margin-left: auto;
margin-right: auto;
	float: left;
	margin: 5px;
	text-align:left;
}
div#menu_video ul {
text-align : left;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 color: #000;
 line-height: 30px;
 white-space: nowrap;
}
div#menu_video li {

 list-style-type: none;
 display: block;
}
div#menu_video li a {
 text-decoration: none;
 font-size: 1.2em;
 padding: 7px 10px;
 color: #000;
font-weight : bold;
}
div#menu_video li a:link {
 font-size: 1.2em;
 color: #000;
}
div#menu_video li a:visited {
 color: #000;
}
div#menu_video li a:hover {
 font-weight: bold;
 color: #000;

}

/* menu video fin */
/* Liens */
/*------------li--------------------*/
div#lien {
background-color : white;
float: left;
width: 400px;
text-align:left;
}

div#menu_liens {
background-color : white;
margin-left: auto;
margin-right: auto;
float: right;
width: 100%;
text-align:left;
}

div#menu_liens ul {
text-align : left;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #000;
line-height: 30px;
white-space: nowrap;
}
div#menu_liens li {
font-size: 1.2em;
list-style-type: none;
display: block;
}
div#menu_liens li a {
 text-decoration: none;
 font-size: 1.4em;
 padding: 7px 10px;
 color: #000;
font-weight : bold;
}
div#menu_liens li a:link {
 font-size: 1.2em;
 color: #000;
}
div#menu_liens li a:visited {
 color: #000;
}
div#menu_liens li a:hover {
 font-weight: bold;
 color: #000;
}

/* menu liens fin */
/* formulaire contact  */
/*------------li--------------------*/

	
div#formulaire_contact {


padding-top : 10px;
margin-left: auto;
margin-right: auto;
	float: left;
	margin: 5px;
	text-align:left;
}
div#formulaire_contact {
width : 400px;
padding-top : 10px;
margin-left: auto;
margin-right: auto;
	float: left;
	margin: 5px;
	text-align:left;
}
div#formulaire_contact ul {
text-align : left;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 color: #000;
 line-height: 30px;
 white-space: nowrap;
}
div#formulaire_contact li {

 list-style-type: none;
 display: block;
}
div#formulaire_contact li a {
 text-decoration: none;
 font-size: 1.2em;
 padding: 7px 10px;
 color: #000;
font-weight : bold;
}
div#formulaire_contact li a:link {
 font-size: 1.2em;
 color: #000;
}
div#formulaire_contact li a:visited {
 color: #000;
}
div#formulaire_contact li a:hover {
 font-weight: bold;
 color: #000;

}

/* formulaire contact fin */
/*  les images  */

img{border:0;}


div#pages {
background-color : white;
margin-left: auto;
margin-right: auto;
float: right;
width: 100%;
text-align:left;
}

/* Texte du corp
************************************************************/
h1 {
	font-weight: bold;
	text-align: center;
	color: black; /*couleur du texte*/
	font-size: 1.2em; /*taille du texte*/
	padding: 0px 15px 0px 15px;
}


h2 {
	font-weight: normal;
	text-align: justify;
	color: #000;
	font-size: 1.00em;
	padding: 0px 15px 0px 15px;
}

h2 a {
 	color: #000000;
}

h2 a:hover {
	color: #5681d4;
	}
	
h3 {
	width: 555px;
	font-family: sans-serif, arial, verdana;
	font-size: 20px;
	color: #5db034;
	text-align: center;
	text-indent: 10px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 10px 0px 10px 0px;
}

h4 {
	font-weight: normal;
	text-align: left;
	color: #000;
	font-size: 1.10em;
	padding: 0px 0px 0px 15px;
	text-decoration: underline;
	font-weight: bold;
		clear:both;
}

h5 {
	font-weight: normal;
	text-align: center;
	color: #000;
	font-size: 0.9em;
	
}a.liens:link, a.liens:visited, a.liens:active {
	color: #000;
	}
