/***************************** LES BALISES HTML général**************************/
* {margin:0; padding:0;}

html {font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif !important;
	font-size:small;
	text-align:center;
	background-color:#FFFACD;
	color:#f8f8ff;
	/*background: url("img/64.gif") repeat 0 0 #98042D;*/
}
body {}

img {border:none;}
a {color:#FF6633; text-decoration:none;}
a:hover {color:#CC6600; text-decoration:underline;}
p {padding:5px 3px;}
h1, h2, h3, h4, h5, h6 {text-align:center;}
h1 {font-size:17px;color:#EEF608;}
h2 {font-size:17px;color:#EEF608;}
h3 {font-size:16px;color:#4169e1;}
h4 {font-size:15px;color:#6b8e23; font-weight:bold;}
h5 {font-size:14px;color:#FA7D51; font-weight:bold;font-variant:small-caps;}
h6 {font-size:13px;color:#5566aa; font-weight:bold;font-variant:small-caps;}

ul, ol {text-align:justify;padding-left:20px;}
ul{list-style-type:none;list-style-image:url("/images/icon/carre_bleu.jpg");}
li {padding:1px 2px;}
table {width:100%;}
th, td {padding:2px 4px;vertical-align:top;}

/***************LA STRUCTURE****************************************/
#body_header{clear:none;width:100%;display:none;}
#body_contenu{width:100%;background:url("img/bg_body_contenu.gif") repeat-y 50% 0%;}
#body_footer{width:100%;height:40px;margin-top:-15px;background:url("img/bg_body_footer.gif") no-repeat 50% 0%;}

#container{width:775px;margin:0px auto 0px auto;text-align:center;}

/***************************** HEADER **************************/
#header{position:relative;width:100%;margin:auto;height:155px;clear:both;float:none;background:url("img/bg_header.jpg") no-repeat 0 0 #98042D;}
#header_block{margin:auto;}
#header_gauche{float:left;width:150px;height:108px;}
#header_contenu{position:relative;float:right;width:615px;height:108px;text-align:right;}
#header_droite{}
.bc_header_top{}
.bc_header_middle{}
.bc_header_bottom{}

/***************************** COTE GAUCHE NAVIGATION**************************/
#cote_gauche{position:relative;width:20%;float:left;margin-bottom:10px;text-align:center;}
#cote_gauche_block{}
#cote_gauche_haut{}
#cote_gauche_milieu{width:100%;margin:0;}
#cote_gauche_bas{width:92%;margin:auto;padding:5px 0 10px 0;}
.bc_cote_gauche_top{}
.bc_cote_gauche_middle{}
.bc_cote_gauche_bottom{}

/***************************** MILIEU - CONTENUS**************************/
#milieu{position:relative;width:79.8%;float:left;padding:0 0 0 0;text-align:justify;}
#milieu_block{position:relative;}
#content-wrab{position:relative;}
#content-header{position:relative;width:100%;margin:0;padding:10px 0;}
#content-content{position:relative;width:100%;min-height:600px;_height:600px;}
#content-footer{position:relative;width:100%;margin-top:5px;}
.bc_milieu_top{
	padding-top:0px;
	position: relative;
}
.bc_milieu_middle{
	position: relative;
}
.bc_milieu_bottom{
	padding-bottom:0px;
	position: relative;
}

/***************************** COTE DROITE MEMBRES**************************/
#cote_droite{position:relative;width:20%;float:right;margin:0}
#cote_droite_block{}
#cote_droite_haut{width:100%;margin:auto;}
#cote_droite_milieu{width:100%;margin:auto;}
#cote_droite_bas{width:100%;margin:5px auto;}
.bc_cote_droite_top{}
.bc_cote_droite_middle{}
.bc_cote_droite_bottom{}

/***************************** BAS DES PAGES - FOOTER**************************/
#footer{position:relative;clear:both;float:none;width:100%;margin:auto;}
#footer_block{margin:auto;}
#footer_content{color:#ffffff;font-size:11px;}
#footer_content {margin:auto;text-align:center;font-size:11px;}
#footer li {text-align:center;list-style-type:none;display:inline;}
#footer ul {line-height:18px;text-align:center;}
#footer a {color:#ffffff;}
#footer a:hover {color:#CC6600;}
#footer a.menu_active_top2 {color:#FF7200;}

/*********************************** LES MENUS **************************/
/* Menu haut 1 */
.menu_top ul {list-style-type:none;list-style-image:none;text-align:center;color:#ffffff;}
.menu_top li {display:inline;margin:0;}
.menu_top a {font-size:11px;text-align:center;padding:3px;text-decoration:none;color:#ffffff;}
.menu_top a:hover {color:#CC6600;}
.menu_top a.menu_active_top {color:#CC6600;}

/* Menu haut 2 */
.menu_top2 {clear:both;}
.menu_top2 ul {line-height:25px;text-align:center;list-style-type:none;list-style-image:none;color:#ffffff;}
.menu_top2 li {display:inline;margin:0;padding:0;}
.menu_top2 a {font-size:11px;text-decoration:none;color:#ffffff;}
.menu_top2 a:hover {color:#CC6600;}
.menu_active_top2 {color:#CC6600;}

/* Menu principal cote gauche */
.menu_gauche{margin: 0 auto 0 auto;border:1px solid #98042D;background-color:#EF9700;text-align:center;}
.menu_gauche ul {width:100%;margin:0;padding:0;list-style-type:none;list-style-image:none;}
.menu_gauche ul li {margin:0;padding:0;border-top:1px solid #98042D;}
.menu_gauche ul li:first-child {border:none;}
.menu_gauche ul li a {display:block;width:100%;text-indent:5px;line-height:20px;font-size:11px;color:#ffffff;}
.menu_gauche ul li a:hover {color:#98042D;text-decoration:none;}
.menu_gauche ul li a.menu_active {color:#98042D;}
.menu_gauche ul li ul li {border-top:none;list-style-type:none;list-style-image:none;padding:0;margin:0;}
.menu_gauche ul li ul li a {text-indent:10px;text-align:left;}
.menu-text, .menu-text-membre{
	position:relative;
	margin: auto;
	line-height:18px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	border:1px solid #98042D;
	background:url("img/bg_titre_menu.jpg") repeat-x 50% 0 #98042D;
}

/* Menu membre cote droite */
.menu_membre{margin: 0 auto 0 auto;margin-top:1px;background-color:#EF9700;text-align:center;}
.menu_membre ul {width:100%;margin:0;padding:0;list-style-type:none;list-style-image:none;}
.menu_membre ul li {margin:0;padding:0;border-top:1px solid #660000;}
.menu_membre ul li:first-child {border:none;}
.menu_membre ul li a {display:block;width:100%;text-indent:5px;line-height:20px;font-size:11px;color:#ffffff;}
.menu_membre ul li a:hover {color:#CC6600;text-decoration:none;}
.menu_membre ul li a.menu_active {color:#CC6600;}
.menu_membre ul li ul li {border-top:none;list-style-type:none;list-style-image:none;padding:0;margin:0;}
.menu_membre ul li ul li a {text-indent:10px;text-align:left;}


/* SubMenu horisontal */
.submenu-hor {text-align:center;font-size:11px;}
.submenu-hor ul {text-align:center;}
.submenu-hor li {display:inline;list-style-type:none;list-style-image:none;padding:1px;}
.submenu-hor a {color:#779988;}
.submenu-hor a:hover {color:#666699;}

/*  Affichage page par page  */
.affiche_page {text-align:center;}
.affiche_page a{padding:0px 4px;font-size:10px;color:#ffffff;background-color:#990000;}
.affiche_page a:hover{text-decoration:none;color:#ffffff;background-color:#CC6600;}
.affiche_page span a {color:#ffffff;background-color:#CC6600;font-weight:bold;}

/*********************************** LES CLASS **************************/
.titre_text{text-align:right;color:#ffffff;padding:0 5px 0 0;}
.titre_cadre_image{float:none;clear:both;display:block;height:60px;padding-right:5px;text-align:right;}
.titre_cadre_image a:hover{text-decoration:none;}
.image_opacity{opacity:0.50;filter:alpha(opacity=50);border:1px solid #ffffff;}
.image_opacity:hover{opacity:1;filter:alpha(opacity=100);}

.clear  {border:none;margin:0;padding:0;float:none;clear:both;width:0px;height:0px;line-height:0px;font-size:0px;}
.noscreen {display:none;}

.liste {list-style-image:url("/images/icon/carre_bleu.jpg");}
.liste2 {list-style-image:url("/images/icon/carre_bleu.jpg");}

.line  {border:solid 1px #000000;}
.line2  {padding:5px;margin:5px;border:solid 1px #000000;}

.text {text-align:justify;padding:5px; }
.text-center {text-align:center;padding:5px;}
.text-contact {text-align:justify;padding:5px;}
.text-contact ul {padding:5px;background-color:#ffffff;}

.commentaire {margin:1px 20px;padding:5px;}

.petit {font-size:11px;}

.center {text-align:center;}  

.right {text-align:right; padding-right:5px;}

.left {text-align:left; padding-left:5px;} 

.h120 {height:120px;}

.bold {font-weight:bold;color:#FA7D51;}

.box-droite {float:right;padding:5px;padding-left:10px;text-align:center;}
.box-gauche {float:left;padding:5px;padding-right:10px;text-align:center;}
.box-vignette{float:left;padding:5px;width:48%;display:block;}

.padding {padding:15px;text-align:center;}

.mini-titre {padding:2px 5px;font-size:11px;padding:0px 5px;background:#FFFACD;}
.mini-titre a {color:#5566aa;}

.bc_photo  {width:20%;text-align:center;}
.bc_vu_photo  {border:2px dotted #ff6666;}
.text-msg {padding:3px;margin-bottom:10px;border:1px dotted #ff6666;color:#999999;background-color:#ffcccc;}
.bc_r  {background-color:#ffcccc;}

/*************************************Les tableaux***********/
.tableau {font-size:11px;background-color:#FFFACD;color:#000000;}
.tableau th {font-size:12px;text-align:center;border:none;background-color:#990000;color:#d5d5d5;}
.tableau td {text-align:left;border:1px solid #666699;}
.tableau  th a{color:#d5d5d5;}

/**********************************FIN Les tableaux***********/
.mini-btn , .btn {
	padding:1px 2px;
	cursor:pointer;
	font-size:10px;
	line-height:12px;
	color:#ffffff;
	background:url('/images/btn/btn_mini.jpg') repeat-x 50% 50% #990000;
	border:1px solid #ffffff;
}
a:hover.mini-btn  {color:#FF6600;}
a:hover.btn {text-decoration:none;color:#ffffff;}

/***************LES FORMULAIRES****************************************/
#form_mail {}
#form_mail fieldset input {float:left;width:250px;}
form {width:95%;padding:5px;margin:auto;position:relative;}

fieldset {width:95%;padding:5px;position:relative;border:1px solid #990000;}
legend {padding:2px;line-height:18px;color:#ffffff;background-color:#990000;}
label {clear:left;display:block;float:left;width:40%;text-align:right;padding:2px;;margin:0;}
fieldset label.fieldLabel {float:none;width:20px;}
fieldset input.fieldLabel {float:none;width:20px;}
fieldset input {float:left;text-align:left;padding:1px 5px;margin:2px 0;}
select {float:left;font-size:11px;border:3px groove #708090;background-color:#ffcccc;}
textarea {width:95%;height:12em;padding:5px;margin:5px;border:1px solid #708090;}

input.login  {width:90%;margin-bottom:5px;font-size:10px;	background:url("/images/icon/login_id.gif") no-repeat 100% 50% #FFEFEF;}
input.password  {width:90%;font-size:10px;background:url("/images/icon/password_id.gif") no-repeat 100% 50% #FFEFEF;}

/***************CLASS COULEUR - AUTRE INDIVIDUEL****************************************/
.theme_a{background-color:#DFDFDF;}
.theme_a1{background-color:#ffffff;}
.theme_a2{background-color:#E3B9B9;}
.theme_a3{background-color:#A2B98B;}
.theme_a4{background-color:#8FA3FF;}

.article_vu{background-color:#ffe4c4;}
.font_vu{background-color:#ffe4c4;}
.submenu_hor_active{color:#464646; font-weight:bold;}
.menu_statu_active {border:1px solid #000000;background-color:#E0CDA9;padding:0 2px;}
.font_vignette_oui{border:1px solid #000000;background-color:#ee0000;padding:0 2px;color:#ffffff;}
.font_vignette_non{border:1px solid #000000;background-color:#E0CDA9;padding:0 2px;}

/***************FIN****************************************/