body {
color:black;
background: green;
 font-family: 'Open Sans', sans-serif;
background-attachment:relative;
}
#toute_la_page {
width:1000px;
margin:auto;
background : #FFF;
}
#baniere p img{
	width : 200px;
	height : auto;
}
#baniere p{
	display : inline-block;
	vertical-align : top;
}
#baniere h1{
	width : 580px;
	display :inline-block;
	text-align : top;
	font-family : Stencil Std, fantasy;
	text-align : center;
	text-transform : uppercase;
	color : green;
	font-weight : bold;
}
#baniere h1 em{
	color : black;
	font-family : OCR A Std, monospace;
	font-style : italic;
}
#baniere p .image2 img{
	display : inline-block;
	vertical-align : top;
}
#baniere p .image2 img{
	width : 200px;
	height : auto;
}
#menu ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
#menu li {
 float:left; /*pour IE*/
 border-left:1px solid black;
 }
#menu ul li a {
 display:block;
 float:left;   
 width:249px;
 line-height:50px; /*hauteur de l'image de fond*/
 background:black url(images/1.png) repeat-x;
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
#menu ul li a:hover {
 background:black url(images/noir-2.jpg) repeat-x;
 color:white;
 }  
section{
	margin-top : 70px;
}
aside #presentation{
	width : 480px;
}
aside #competence{
	width : 470px;
}
aside #presentation ,aside #competence {
	display : inline-block;
	vertical-align : top;
	border : 1px dashed green;
	padding : 10px;
}
aside #presentation h3, aside #competence h3{
	text-align : center;
	font-size : 1.2em;
	font-family : Stencil Std, fantasy;
	font-weight : 900;
	color : green;
	text-transform : uppercase;
}
#presentation p, #competence p{
	font-family : Arial Narrow, sans-serif;
	text-align : justify;
	font-size : 1.3em;
}
#competence p img {
	width : 450px;
	height : auto;
}
#titre {
border : 1px dashed green;
text-align : center;
}	
#titre h2{
	color : green;
	font-size : 1.2em;
	font-family : arial,serif;
	font-weight : 900;
	margin-top : 10px;
}
#zone_image {
	margin : 10px;
	border : 1px solid green;
}
#image1{
	width : 460px;
	display : inline-block;
	vertical-align : top;
	margin : 10px;
	border : 1px dashed white;
}
#image1 h3{
	text-align : center;
	color : green;
	font-family : New Century Schoolbook, TeX Gyre Schola, serif;
	text-transform : uppercase;
	font : 1.2em;
	margin-bottom : -1px;
}
#image1 img{
	width : 450px;
	height : 300px;
	padding : 10px;
	margin-top : -2px;
}
.connectez-vous a{
	color : red;
	font-size : 0.8em;
	font-weight : bold;
	text-transform : uppercase;
	font-family : Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
	margin-left : 860px;
}
section p{
	margin-left : 20px;
	font-family : arial serif;
	font-size : 1.2em;
}
/* formulaire */
section h2{
text-align : center;
font-size : 1.3em;
color : blue;
font-family : arial serif;
margin-left : 100px;
font-style : italic;
text-transform:uppercase;
}
/* formulaire */
form {
background-color:#e5eeff;
padding:10px;

}
fieldset {
border: 1px solid #C0C0C0 ;
padding:5px;
margin:5px;
}
legend {
font-size : 1em;
font-weight:bold;
color:blue;
}
label {
width:500px;
padding :0px;
display:block;
float : left;
font-size : 1.5em;
}
label.en-ligne {
display:inline;
}
label.question{
color:#85AC1C;
font-weight:bold;
}
input { 
border:1px solid #000;
background:#FFF;
}
input:focus { 
background : #FFFDEA; 
}
input[type=radio] {
margin-right:20px;
}
input.decole-curseur {
padding-left:20px;
}
input[type=submit], input[type=reset] {
border:1px solid blue;
font-weight:bold;
cursor:pointer;
margin-left : 600px;
}
input[type=submit]:hover, input[type=reset]:hover {
background-color:blue;
color : white;
}
input[type=submit]:active, input[type=reset]:active {
background-color:#000;
color:white;
} 
option,select {
background-color:white;
font-size : 1em;
}
form .message_renseignement p{
	font-size : 1em;
	font-family : arial;
	border : 1px solid white;
	text-align : center;
}