/* CSS Document */

/* basic elements 
*/

* {
	padding : 0;
	margin : 0;
}

html { height : 101%;}

body {
	color : black;
	background-color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;

	
	
	/*margin: 0px; */
	}
	

	/*
#wrapper {

	color: black;
	background-color: white; 
	width: 820px;
	padding: 20px;
	border: 0;
	margin: 10px;
	
	height: 720px;
	}
	*/
#wrapper {
	color: black;
	background-color: #B0B0B0;
	width: 730px;
	padding: 10px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/site/fondvideo3.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	}
	
	
	
#bandeau {
	color : black;
	background-attachement: fixed;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;

	
 
	}	
	
#bandeau p { 
/*	position: absolute; */
	font-weight: bold;
	top: 25px;
	left: 50px;
	padding : 5px 0 5px 0;
	margin-bottom : 0;	
 
	}	
#bandeau p span{ 
	color: #d90000;	
 
	}	

#fixe { 
 	position: absolute;  
	font-weight: bold;
	top: 250px;
	left: 140px;
	width: 15%;
	background-color: #f3c600; 
	padding: 10px;
	border: 1px solid black;
 
		}	
#fixe2 { margin-left:25%}
	
#bandeau img{ 

	color : black;
	background-color: white; 
	padding: 5px;
	border: 5px solid #d9d9d9;

	}
	
#titre	
	{ 
	background-color: #eee;
	width: 300px;
	padding: 20px;
	border: 1px solid #8c8c8c;
	}
	
	
#pied_de_page {
	border-top: 1px solid #8c8c8c;
	color: #000000;
	background-color: #B0B0B0;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
#pied_de_page2 {
	background-image: url(images/site/bouton_long.gif);
	background-repeat: no-repeat;

}
	
#zone_de_texte {
	width: 720px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	position: absolute;
	left: 20px;
	top: 200px;
	height: 400px;





	}
	
#zone_de_texte p{
	font-weight: bold;
	top: 25px;
	left: 50px;
	padding : 5px 0 5px 0;
	margin-bottom : 0;
	text-align: center;

	
	}	
	
#zone_de_texte li{


	font-size: 12px;
	color: #000000;

	/*
	background-color: transparent; 
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	*/
	}

	
	
#zone_de_texte2 { 

	    /* color : #f3c600; 
		background-image: url(alternate.gif); 
		background-repeat: repeat-y;
		 */
		
	
	margin-left: 40%;
/*
	background-color: transparent; 
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	*/
	}


#zone_de_navigation {
	color : black;
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-bottom: 1px solid #8c8c8c;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;



	}
	
	#zone_de_navigation_droite {
	 position: relative;
  bottom: 5px;
  left: 3em;
  background-color: #ffff00;

	color : black;
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-bottom: 1px solid #8c8c8c;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;



	}

#zone_de_navigation ul {
	margin-bottom: 0;
	left: 0px;
	margin-left: 0px;
	padding-left: 0px;
	}
	
#zone_de_navigation li { 
	display: inline;
	list-style-type: none;
	margin: 0px;
	}

#zone_de_navigation a {
	background-color: #CCCCCC;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	border : 1px solid #8c8c8c;


	}
#zone_de_texte a:hover, 

#page_accueil #navi01 a, 
#page_contact #navi03 a 
{ 


	/*text-decoration:none;
	 color: black; 
	  background-color: white;  
	padding-bottom: 5px;
	border-bottom : none; */
	}

ul li {list-style-type: square;}	

ol li {list-style-type: decimal;}	
ol ol li {list-style-type: lower-alpha;}

.boite_information
		{
	color : black;
	background-color: #8c8c8c; 
	border: 3px solid #ecf7dd;
		
		}
	
#address { 

	text-align: center; /*center*/
	font-size: 80%;
	width: auto; 
	/*font-style: italic;
	font-weight: bold;*/
	letter-spacing: 2px;
	line-height: 11.5em;
	/*background: transparent url(cr2.gif) top left no-repeat; 
	position: absolute; 
	top: 40px; 
	right: 0px; 
	width: 148px; 
	height: 110px; 
	*/
	}

h1 { font-size:100%; }
h2 { font-size: 230%;
	margin-bottom: 1em;

	 }
	 
p, ul {
	 margin-top: 0;
 	 margin-right: 0;
	 margin-bottom: 1em;
	 margin-left: 0;
	}

ul ul {
	 margin: 0;
	  }
li  {
	 margin-top: 0;
 	 margin-right: 0;
	 margin-bottom: 0;
	 margin-left: 1em;
	}

a { 
	
	text-decoration: none; 
	
	}
	
a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: Black;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: Black;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #666666;
	}

.lien_skip{
	display: none;
	}
	
/*
Le formulaire
*/ 
form {
	width: 100px;
	padding: 10px;
	border: 1px solid #8c8c8c;
	}
	
label {
display: block;
	}
	
#expediteur, textarea {
width: 300px;
padding: 20px;
border: 1px solid #8c8c8c;
	}
 
textarea {
	height: 7em;
	}

input:focus, textarea:focus
	{
	background-color: #d9d9d9;
	}

#article1 {
	background-color: #d9d9d9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
}
#article2 {
	background-color: #d9d9d9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
}
#article {
	font-size: 18px;
}
.page_contact {
	text-align: center;
}

/* articles, news */
/* les textes */
.color1 {
	font-size: 12px;

}

/* les titres */
.color2 {
	font-size: 16px;
}

/* signatures */
.color3 {
	font-size: 11px;

}
/* articles */
.color4 {
	font-size: 20px;

}