*{
margin: 0px;
padding: 0px;}

body{
background-color: #FC8;
font-family: Georgia;}

.bold{
display: block;
width: 150px;
float: left;
font-weight: bold;}

.bold2{
font-weight: bold;
font-size: 20px;
color: #333;
margin-bottom: 10px;}


#logo{
padding: 1%;}

#header{
padding: 1%;
background-image: url("fond.jpg");
border-top: solid 1px #000;
border-bottom: solid 1px #000;
font-family: Verdana, "Times New Roman";}

#header a{
margin-right: 1%;
font-weight: bold;
font-size: 12px;
color: #000;
text-decoration: none;}

#header a:hover{
color: #F02;}

#connexion{
right:0px;
top:0px;
position:absolute;
background-image: url("haut_menu.png");
background-repeat: no-repeat;
width: 350px;
height: 95px;
font-family: Verdana, "Times New Roman";
font-size: 12px;
padding-top: 5px;
padding-left: 35px;}

#connexion label{
display: block;
float: left;
width: 135px;}

#connexion span{
display: block;
padding-bottom: 1%;}

#corps{
width: 600px;
margin: auto;
background-image: url("milieu.png");
background-repeat: repeat-y;
padding-left: 50px;
padding-right: 50px;
}

#corps img.cadrage{
margin-left: -50px;
margin-bottom: -5px;}

#corps img{
border: none;}

#corps p{
margin-top: 15px;}

#corps a{
color: #666;
text-decoration: underline;}
#corps a:hover{
color: #999;}

#corps h2
	{
		padding-top: 20px;
		padding-bottom: 10px;
	}
#corps h3{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
color: #333;}

#corps h4
	{
		padding-top: 10px;
		padding-bottom: 5px;
		border-bottom:thin solid black;
	}

#corps li
	{
		list-style-type: square;
		margin-left: 40px;
	}
#corps ol
	{
		border: solid 1px #000;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 5px;
		background-color: #FFF;
		margin-left: 50px;
	}

#corps label
	{
		display: block;
		padding: 5px;
		width: 300px;
		float: left;
	}
#corps label:hover{
background-image: url("inscription_fleche.png");
background-position: right;}

#corps label.normal
	{
		display: inline;
		padding: 0px;
		width: auto;
		float: none;
	}
	
#corps label.normal:hover
	{
		background: none;
	}


#corps input, #corps select{
margin: 4px;}

#corps input, textarea{
width: 200px;}

#corps select{
width: 60px;}

#corps input.radio{
width: 20px;
margin: 0;}

.text, #corps input, #corps select, textarea{
border: dashed 1px #000;
padding: 1px;}
.text:active, #corps input:active, #corps select:active{
background-color: #CCC;}

.submit, #corps input.submit{
border: solid 1px #000;}
.submit:hover{
background-color: #FC8;}

.reset, #corps input.reset{
border: solid 1px #000;}
.reset:hover{
background-color: #FC8;}

#corps table{
width: 100%;
border-collapse: collapse;}

#corps table tr.ligne_0{
background-color: #FFF;}
#corps table tr.ligne_0 td{
font-weight: bold;}
#corps table tr.ligne_1, .l_1{
background-color: #E9E9E9;}
#corps table tr.ligne_2, .l_2{
background-color: #CCC;}

.l_1 td, .l_2 td{
padding: 2px;
border: 1px solid #000;}

#corps table td{
padding: 2px;
border: solid 1px #000;}

#corps select.inscrit{
width: 210px;}

#corps div.validation{
border: solid 1px #000;
background-color: #6F6;
padding: 5px;}

#corps div.errone{
border: solid 1px #000;
background-color: #F66;
padding: 5px;}

#corps textarea.texte{
margin-top: 20px;
display: block;
width: 90%;
height: 100px;}

#cadre_reponse{
border: solid 1px #000;
margin-top: 10px;
padding: 5px;
background-image: url("papier.png");}

#cadre_reponse h4{
font-size: 18px;
font-weight: bold;
margin: 10px;
margin-top: 15px;}

#cadre_reponse .votre_reponse{
border: solid 1px #000;
background-color: #6F6;
padding: 5px;
margin-bottom: 15px;}

#cadre_reponse .sa_reponse{
border: dashed 1px #000;
background-color: #EDEEEE;
padding: 5px;}

#cadre_reponse label{
display: inline;
width: auto;
float: none;}


#cadre_reponse label:hover{
background: none;}