/*###########################################################################
#					WEBRAPIDE-2006. Tous droits réservés.					#
#							www.webrapide.com								#
###########################################################################*/
*{margin:0; padding:0;}
html{font-size:62.5%;}
body,table{font:1.1em Verdana, Arial, Helvetica, sans-serif; color:#ccc; /*line-height:1.8em;*/}
select,input,textarea{font:1.0em Verdana, Arial, Helvetica, sans-serif; color:#333; line-height:1.8em;}
body{background:url(img/bg.gif) repeat-x #000; text-align:center;}
ul,ol{margin:10px 30px;}
H1,H2,H3{margin:15px 0 5px 0;}
p{margin:5px 0;}
ol{list-style-position:inside;}
ul{list-style:none;}
ul li{background:url(editorimg/puce.gif) no-repeat; background-position:0% 6px; padding:0 0 0 10px;}
H1{font-size:1.6em; padding:10px; font-weight:normal; background:url(editorimg/bgtitre.gif) bottom repeat-x; color:#c80303;}
H2{font-size:1.5em; font-style:italic; font-weight:normal; padding:5px 0 5px 10px;; border-bottom:1px solid #999; color:#c80303;}
H3{font-size:1.2em; padding:10px 0 0 10px; font-weight:normal; color:#c80303;}
#content img{border:1px solid #999; padding:5px;}

/* Liens */
a:link,a:visited{text-decoration:none; color:#c82406;}
a:hover{text-decoration:underline;}
a:active{text-decoration:none;}
a.grisclair{color:#999;}
a img{border:0;}

/* Structure generale*/
#conteneur{margin:0 auto; background:url(img/bgpage.gif) repeat-y; text-align:left; width:767px;}
#page{float:right; width:542px; padding-right:2px; voice-family:"\"}\""; voice-family:inherit; width:544px;}
html>body #page{width:544px;}
#logo{text-align:center; margin:10px 10px 30px 10px; padding-bottom:20px; border-bottom:1px solid #999;}
#imgcaption{background:url(img/bgcaption.gif) repeat-x; margin-top:3px; padding-right:5px; text-align:right;}
#content{padding:10px;}
#copyright{text-align:center; margin-top:20px; padding-top:10px; border-top:1px dashed #999; font-size:0.9em; line-height:1.4em;}
#btsubmit{margin:20px 0; text-align:center;}

/* mise en forme */
.txterreur{color:#900;}
.clearspace{clear:both;}
.fixIEborder{line-height:0.1em;}

/* MEP */
#demicolg{float:left; width:256px;}
#demicold{float:right; width:256px;}
#tiercolg{float:left; width:164px;}
#tiercold{float:right; width:164px;}
#tiercolc{margin:0 174px; width:164px; voice-family:"\"}\""; voice-family:inherit; margin:0 177px;}
html>body #tiercolc{margin:0 180px;}
/* Hides from IE-mac \*/
#tiercolcIEfix{float:left;}
/* End hide from IE-mac */

/* Menu */
#menu{float:left; width:215px;}
#menu ul{list-style:none; margin:20px 10px; padding:0;}
#menu li{display:inline; line-height:1.8em; font-size:1.3em; background:none; padding:0;}
#menu a{display:block; border-bottom:1px dotted #999; text-align:center; color:#fff;}
#menu a:hover,#menu #current a{background:url(img/bgmenuactif.gif) repeat-x top #c80303; text-decoration:none;}


/* MEF */
.cadre{padding:10px; background:#c80303; border:1px solid #999; color:#fff;}
.citation{text-indent:15px; padding:10px; border:1px solid #999; background:url(editorimg/quote.gif) no-repeat #c80303; font-style:italic; color:#fff;}
.cadre a,.citation a{color:#000;}
.floatleft{float:left; margin:10px 10px 10px 0;}
.floatright{float:right; margin:10px 0 10px 10px;}

/* Clearfix */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* style ajoutes pour la newsletter */
H4{font-size:0.9em; padding:0; margin:10px 0 2px 0; color:#fff;}
#newsletter{margin:30px 5px; text-align:center;}
#chpsnl{width:200px;}
#newsletter input{font-size:0.9em;}
#feedbacknl{font-size:0.9em; color:#900;}