/*
Design by oscim
*/

body { background: #AFB3A5; text-align: justify; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: small; text-align: justify; color: white; }
h1, h2, h3, h4, h5 { margin: 0; color:#555E4F; }

/* supp du fond sur iframe pour block wisiwing */
body.mceContentBody , iframe#wysiwygmessage{ /*background:#f0f0ee;*/ clear:both; width:460px; }
body.mceContentBody .gabarit{border: 1px solid black; background:white; margin:5px 0;}

/* Gabarit pour edition */
.central {float:left; width:100%; }
.colonne_gd{ width:330px;}
.colonne_small{  width:200px;}
.col_equal { width:270px;}
.fright{ float:right; }
.fleft{float:left;}


/* Header */

#header { width: 700px; height: 100px; margin: 0 auto; padding: 0; border: 10px solid #FFFFFF; border-bottom: none; background: black; }
#header h1{ float: left; margin: 20px 0 0 20px; font-size: 50px; letter-spacing: -3px; }
#header h1 a{color: #bd3720;}
#header h2 { float: right; margin: 40px 20px 0 0; font-size: 18px; }
a { color: #323B2E; text-decoration: none;font-weight:bold; }
a:hover { color: #555E4F; text-decoration: none; }
/* Menu */
#menu1 { float: left; width: 160px; margin: 0px auto; padding-bottom: 20px; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #323B2E;height:500px; }
#menu1 ul { margin: 0px; list-style: none; padding: 0px; }
#menu1 li { }
#menu1 a { display: block; width: 190px; padding: 15px 0px; border-top: 1px solid #323B2E; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #FFFFFF; }
#menu1 a:hover { background-color: #AFB3A5; border-top: 1px solid #555E4F; border-bottom: 1px solid #555E4F; }
/* Content */

#content { width: 700px; margin: 0 auto; border: 10px solid #FFFFFF; border-top: none; background: black; }

#colOne { float: left; width: 190px; height:100%; margin-top: 20px; padding: 0 10px 0 20px; background: transparent url("img/boule_col.png") left top no-repeat; }
#colTwo { float: right; margin-top: 20px; width: 460px; padding: 0 20px 0 0; }
#ssmenu_bas { clear:both; margin: 30px auto 0 auto; width: 380px; border-top: 1px solid #788770; }
#ssmenu_bas ul li{ display:inline;list-style:none;}
#ssmenu_bas ul li a{ font-weight:normal;color:white; padding:0 5px;}
#ssmenu_bas ul li a:hover{ text-decoration:underline}
#content h2 { margin-bottom: 20px; font-size: 18px; }
#footer { width: 700px; margin: 0 auto; padding-top: 20px; }
#footer p { text-align: center; padding: 0; font-size: 10px; }
/* Calibre retour site map */
ol#sitemap { margin: 15px 0  0 0 ; }
ol#sitemap li{ margin-left:10px; }
ol#sitemap ul li{ margin-left:25px; }
/* Retour Systeme  */
.erreur{ border:3px solid red; text-align:center; margin: 5px auto; font-weight:  bold; }
.info{ border:1px solid green; text-align:center; margin: 5px auto; }
.warning { border:1px solid red; text-align:center; margin: 5px auto; }
/* Placement generic*/
.left{	float:left; }
.right{	float:right;}
.signature{ clear:both; text-align:right; font-weight:bold; }
.capDivLeft { float:left; margin: 0 10px 10px 0; }
.caption { clear:both; margin-top:5px; position:relative; padding-left:20px; top:5px; }

#accordion h3 { border-bottom: 1px solid #bd3720; padding: 3px 10px; margin: 2px; color:white; background:transparent url(img/fleche_down.png) right top  no-repeat; }
#accordion h3.select { background:transparent url(img/fleche_up.png) right top  no-repeat; }
#accordion h3 a{color:white;}
#accordion h3 a:hover, #accordion h3:hover a{color:#bd3720;}

.titre{}
h2.titre{}
h2.titre{}

.boite_droite{ float:right; width:220px; }
.boite_gauche{ float:left; width:220px; }

.img_gauche{ float:left; margin-right:5px; }

.img_droite{ float:right; margin-left:5px; }

.marge_liste{ margin-left:15px; }
.color_orange{ color:#bd3720; }