/* CSS Document */
/* colors: gold - #BEA339 ; gray - #444 */
body{ margin:auto; font-size:11px; color:#000; font-family:Arial; background:#FEEBDA}

#container {width:850px; margin:50px; background:url(images/bg.jpg) repeat-y center; margin:auto; text-align:left}

#left_border{width:50px; height:700px; background: url(images/B_left.jpg) repeat-y right; float:left}

#right_border{width:50px; height:700px; background: url(images/bg_right.jpg) repeat-y left; float:left}

#left{width:165px; background: url(images/bg_menu.jpg) repeat; padding-top:0px; float:left}
#left div.title{width:200px; color:#fff; height:40px; background:url(images/lefttitlesh.gif) no-repeat left bottom #BEA339; letter-spacing:1px; vertical-align:middle; line-height:25px; text-align:center; font-weight:bold;}
#menup a{color: #4E130C; display:block; margin-bottom:8px; text-decoration:none; font-size:12px; font-weight:bold; font-family:Arial;;}
#menup a:hover{color: #990000; margin-left:0px; text-decoration:none; }


#articl{padding-top:7px; font-size:12px; text-align:justify; padding-bottom:10px; padding-right:10px; padding-left:10px; border:1px dashed #dddddd; margin-bottom:5px}
#articl a{ color:#000000; text-decoration: underline}

#article{padding-top:7px; font-size:12px; text-align:justify; padding-bottom:10px; padding-right:10px; padding-left:10px; border:1px dashed #dddddd; margin-bottom:5px}
#article a{ color:#000000; text-decoration: underline}
#article_p{padding-top:7px; text-align:justify; border:1px dotted #CCCCCC; width:380px; min-height:130px; margin-bottom:10px; padding-right:10px; padding-left:10px;}

#article_p img{margin-right:10px; margin-bottom:10px;}

#article img{margin-right:10px; margin-bottom:10px;}
#entete_a{width:155px; height:15px; padding:5px 5px; background: url(images/bg_r1.jpg) repeat; font-size:12px; font-weight:bold; font-family:Arial; text-align:center; margin-top:0px; color:#4E130C}

#entete_d{width:155px; height:15px; padding:5px 5px; border-top:1px dotted; border-bottom:1px dotted; font-size:12px; background-color:#FFF5E5; font-weight:bold; font-family:Arial; text-align:left; margin-top:0px; color:#4E130C}

#entete_b{width:155px; height:13px; padding:5px 5px; background: url(images/bg_r2.jpg) repeat; font-size:12px; font-weight:bold; font-family:Arial; text-align:left; margin-top:0px; color:#fff}
#entete_c{width:390px; height:13px; padding:5px 5px; background: url(images/bg_menu.jpg) repeat; font-size:12px; font-weight:bold; font-family:Arial; text-align:left; margin-top:0px; color: #660000}

#search{width:160px; padding-left:3px; padding-right:2px; height:50px; background: url(images/bg_search.jpg) center top repeat-x; padding-top:0px;}

#menub{width:165px; height:45px; background: url(images/bg_menu_bottom.jpg) center top no-repeat;}

#right{float:right; width:165px; padding-bottom:20px; min-height:600px; margin-top:2px; background:url(images/bg_menu.jpg) repeat; border:0px #ddd; }

#picture{padding:5px 5px 5px 5px; min-height:100px; border:1px dotted #ddd ;}
#middle_h{float:left; width:400px; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:5px; min-height:500px;}
#middle_m{float:left; width:400px; margin-left:9px; margin-right:9px; margin-top:5px; margin-bottom:5px;}

#middle a{ color:#666666; text-decoration:none;}
#middle{float:left; width:400px; margin-left:9px; margin-right:9px; margin-top:5px; margin-bottom:0px; height:40px}

#content0{ width:750px; height:auto; min-height:500px}
#header{ width:750px; height:155px; background: url(images/header_en.jpg) no-repeat center;}
#header div.logo{float:left}
#header div.motto{vertical-align:middle; display:block; float:left; border-left:1px dotted #444; padding-left:20px; margin-left:20px; margin-top:10px;}

#lang{ width:60px; height:23px; padding-top:2px; display:block; text-align:center; padding-left:10px;}

#menu{width:150px; padding-left:600px; color:#fff; height:22px; padding-top:3px; background: url(images/bg_lang.jpg) center ; vertical-align:middle; font-weight:bold; text-align:center}

#menu_1{width:140px; padding-left:2px; padding-bottom:5px; font-size:10px; color: #666;}
#menu_1 a{font-size:10px; color: #006699;}
#menu_1 a:hover{font-size:10px; color: #006699;}
#menu_0{width:140px; padding-left:0px; padding-bottom:5px; font-size:10px; color: #666;}
#menu_0 a{ padding-left:0px;font-size:10px; color: #006699;}
#menu_0 a:hover{ padding-left:0px;font-size:10px; color: #006699;}

#menu_2{width:140px; padding-left:0px; padding-bottom:5px; font-size:10px; color: #666;}
#menu_2 a{ padding-left:0px;font-size:10px; color: #006699;}
#menu_2 a:hover{ padding-left:0px;font-size:10px; color: #006699;}

#menu_3{width:140px; padding-left:0px; padding-bottom:5px; font-size:10px; color: #006699;}
#menu_3 a{ padding-left:0px;font-size:10px; color: #006699;}
#menu_3 a:hover{ padding-left:0px;font-size:10px; color: #006699;}

#menu a{color:#fff; text-decoration:none;}

#menup {width:155px; padding-left:10px; padding-bottom:30px; font-size:10px; color:#4E130C; min-height:300px; background:url(images/bg_menu.jpg) repeat;}

#body{padding:0 0 5px 15px;background:url(images/spbg.gif) repeat-y;text-align:center;	height: auto !important;height: 400px;min-height: 400px; text-align:left}
#body p.subh {text-align:justify; padding-left:20px}
#body ul{list-style:none}
#body ul li{padding-left:20px; background:url(images/arrow.gif) left center no-repeat;text-align:left;margin-bottom:5px;}
#body a{color:#BEA339; text-decoration:none; border-bottom:1px dotted #BEA339}
#body a:visited {color:#8A7425; border-bottom:1px dotted #BEA339}
#body a:hover {color:#444; border-bottom:1px dotted #444}
#body a:active {background:#BEA339; color:#fff}
#body .first img{float:right;margin:auto 10px;}
#body .sec {margin:5px 0px 5px -15px;background:url(images/spbgm.gif) repeat-y;border-top:1px solid #c3aa47; border-bottom:1px solid #c3aa47; padding-top:10px;padding-bottom:10px;padding-left:15px;}
#body .sec img{float:left; margin-right:5px;}
#body .art img{float:right;margin-right:5px;}
#body .hom img{margin-right:5px;}
#body .cont img{float:right;margin-right:1px;}
#body .cont,#body .demande,#body .edit, #body .login{text-align:left}
#body .hom img{float:right;}
#body h1{margin-top:0px;}
#body h2{margin-top:0px;}
fieldset{border:none; border-top:1px solid #BEA339; padding-top:10px}
label{width:200px; vertical-align:top; display:block}
legend{color:#444; font-weight:bold; font-size:120%; padding:0px 10px; border-left:3px solid #BEA339}


#footer{border-top:1px dotted #aaa; clear:both; height:15px; padding-bottom:5px; padding-right:5px; text-align:left; padding-top:5px; background:url(images/bg_bottom.jpg) repeat; padding-left:5px; color:#FFF; font:Arial; font-weight:bold;}
#footer a, #footer a:visited{color:#fff}
/* basic */
img{border:0}
h1{font-size:14px; background:url(images/arrow.jpg) left no-repeat; font-weight:bold;text-align:left;padding-left:12px;padding-top:0px;margin-bottom:10px;}
h2{font-size:13px; font-weight:bold;text-align:left; padding-top:0px;margin-bottom:5px; margin-top:0px}
/* misc */
p.paragraph{padding-left:15px;  margin-left:30px}
p.paragraph2{padding-left:15px; border-left:3px solid #BEA339; margin-left:30px}
p.new{padding-left:10px; padding-right:10px;}
.half{float:left; width:200px; padding:0 15px}
.clear{clear:both}
div.msg{padding:10px 20px; font-weight:bold; color:#BEA339; background:#444; margin:10px 30px}
span#green{color:#009900;}
.holder{clear:both;}
.edit{padding-right:0px;}

.apparent
{
   /* attributs obligatoires */
   visibility: visible;
   display: block;

   /* d'autres attributs de votre choix... */
   width: 140px;
   padding: 4px 10px;
   margin-bottom: 3px;
}

.cache
{
   /* uniques attributs de cette classe */
   visibility: hidden;
   display: none;
}