@charset "UTF-8";
/* CSS Document */

#page #contenu {
	float: left;
	margin-top: 54px;
}

#page #contenu #col_gauche {
	float: left;
	margin-right: 10px;
	width: 175px;
}

#page #contenu #col_gauche h2 {
	float: left;
	background: white;
	padding: .2em .5em;
	font-size: 11px;
	font-weight: bold;
	text-transform: lowercase;
}


#page #contenu #col_gauche .bloc { clear: left; background: white; padding: 0.5em 0 0.5em 0.75em; }
#page #contenu #col_gauche .bloc h3 { cursor: pointer; display: block; padding: 5px 0 3px 0; text-decoration: none; font-size: 11px; color: #de0e0c; }
#page #contenu #col_gauche .bloc ul { list-style-type: none; }
#page #contenu #col_gauche .bloc ul li { font-size: 11px; margin-top: 2px; margin-bottom: 5px; }
#page #contenu #col_gauche .bloc ul li a img { padding-top: 2px; padding-bottom: 3px; }
#page #contenu #col_gauche .bloc ul h4 { margin-top: 5px; font-size: 10px; }


#page #contenu #col_droite { width: 360px; margin-right: 145px; float: left; }

#page #contenu #col_droite h2 {
	float: left;
	background: white;
	padding: .2em .5em;
	font-size: 11px;
	font-weight: bold;
	text-transform: lowercase;
}

#page #contenu #col_droite .bloc {
	clear: left;
	background: white;	
	padding: 5px 10px;
}

#page #contenu #col_droite .alt_abo {
	float: right; 
	background: white; 
	font-weight: bold; 
	padding: .5em; 
	font-size: 11px;
	text-transform: lowercase;
	margin-bottom: 10px;
}

#page #contenu #col_droite .cnil {
	font-size: 10px;
	margin: 5px 0;
}

#page #contenu #col_droite .cnil a {
	color: #999999;
}


.error_box { border: solid #de0e0c 1px; padding: 5px; font-size: 11px; background-color:#FFdddd; color:#de0e0c; margin-bottom: 1.5em;  }
.notice_box { border: solid #009900 1px; padding: 5px; font-size: 11px; background-color: #ddFFdd; color: #009900; margin-bottom: 1.5em;  }

/* GLOBAL */

fieldset { border: 0; padding:0; margin: 0 0 10px 0; }
legend { font-weight: bold; margin: 0; border: 0; padding: 0; }
html legend { margin-left: -8px; }



#formbox select { font-size: 12px; }
#formbox input { font-size: 12px; padding: 1px;}
#formbox textarea {  font-family: Verdana, Helvetica, sans-serif; font-size: 12px; }



/* FORMBOX */

#formbox input, #formbox select, #formbox textarea { border: solid 1px black; }
#formbox input:focus, #formbox select:focus, #formbox textarea:focus {  }

#formbox ul { list-style-type: none; margin: 0; padding: 0; width: 310px; }
#formbox ul li { padding: 0 0 5px 0; clear: both; }
#formbox ul li.last { margin:0; padding: 0; }

#formbox label { display: block; float: left; padding-top: 2px; padding-right: 5px; padding-bottom: 5px; width: 100px; }
#formbox label.infos { display: block; float: left; width: auto; }
#formbox input { margin: 0; width: 200px; }

#formbox li.check { padding-bottom: 10px; margin: 10px 0 0 0; }
#formbox li.check img { padding-top: 5px; padding-right: 3px; float: right; }

#formbox select.civilite { width: 75px; }

span.oblige{ color: red; font-weight: bold; padding-left: 3px; }

#formbox input { float: left; }
#formbox textarea { float: left; width: 200px; margin-bottom: 5px; }


#formbox input.submit {
	margin-top: 15px;
	margin-left: 155px;
	background: black;
	color: white;
	width: auto;
	text-transform: uppercase;
	padding: 2px 10px;
}


#formbox input#infos, #formbox input#newsletter { display: block; float: right; margin: 0; padding: 0; width:auto; height: auto; border: 0; }
#formbox input#captcha { width: 100px;}
#formbox input#submit { width: auto; padding: 0 .5em .2em .5em; margin: 10px 0 0 110px; background-color: black; color: white; text-transform: lowercase; border: 1px solid black; }
#formbox input#submit:hover { }

span.captcha-note { font-size: 10px; clear: both; color: #000;}

#formbox .error { border: 1px solid #de0e0c; }


#formbox hr { display: block; height: 1px; border: 0; margin: 0; padding: 0; color: #000066; }

div.to { float: left; width: 105px; margin-top: 10px; margin-bottom: 10px; }
div.destinataire { float: left; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}


ul.news-menu { margin:0; padding: 0; list-style-type: none;  }
ul.news-menu li { margin:0; padding: 0; margin-bottom: 5px;  }
ul.news-menu li a { font-weight: bold; text-transform: lowercase; }


/* CORRECTION DIV FLOAT */
#formbox ul li:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
#formbox ul li { display: inline-block; }
* html #formbox ul li { height: 1%; }
#formbox ul li { display: block; }
/* FIN CORRECTION DIV FLOAT */