/***************************** 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;
	color:#000000;
	/*background:url("img/bg_html.jpg") repeat 50% 0 #efefef;*/
	background:#efefef;
	margin:0;
	padding:0;
}
body {}

img {border:none;}
a {color:#FFAC20; text-decoration:none;}
a:hover {color:#FFAC20; text-decoration:underline;}
p {padding:5px 3px;}
h1, h2, h3, h4, h5, h6 {text-align:center;}
h1 {font-size:17px;color:#990000;}
h2 {font-size:17px;color:#990000;}
h3 {font-size:16px;color:#4169e1;}
h4 {font-size:15px;color:#6b8e23; font-weight:bold;}
h5 {font-size:14px;color:#991100; 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{width:100%;display:none;}
#body_contenu{width:100%;}
#body_footer{width:100%;display:none;}

#container_gauche{
	margin:auto;
	padding-left:15px;
	min-width:796px;_width:796px;
	max-width:880px;_width:880px;
	background:url("img/ombre_gauche.gif") repeat-y 0 0;
}
#container_droite{
	margin:auto;
	padding-right:15px;
	background:url("img/ombre_droite.gif") repeat-y 100% 0;
}

#container{
	min-width:776px;_width:776px;
	max-width:860px;_width:860px;
	margin:auto;
	text-align:center;
	background:url("img/bg_header.jpg") no-repeat 0 0 #669900;
}

/***************************** HEADER **************************/
#header{position:relative;width:100%;text-align:center;}
#header_block{}
#header_gauche{float:left;width:20%;height:106px;}
#header_contenu{position:relative;float:right;width:79%;height:106px;text-align:right;}
#header_droite{}
.bc_header_top{}
.bc_header_middle{}
.bc_header_bottom{}

/***************************** COTE GAUCHE NAVIGATION**************************/
#cote_gauche{position:relative;width:22%;float:left;text-align:center;}
#cote_gauche_block{}
#cote_gauche_haut{}
#cote_gauche_milieu{}
#cote_gauche_bas{}
.bc_cote_gauche_top{}
.bc_cote_gauche_middle{}
.bc_cote_gauche_bottom{}

/***************************** MILIEU - CONTENUS**************************/
#milieu{position:relative;width:78%;float:left;text-align:justify;background:#ffffff;}
#milieu_block{padding:10px;background:url("img/bg_contenu_footer.gif") no-repeat 50% 100%;}
#content-wrab{}
#content-header{width:100%;}
#content-content{width:100%;min-height:600px;_height:600px;}
#content-footer{width:100%;clear:both;margin-bottom:10px;}
.bc_milieu_top{}
.bc_milieu_middle{}
.bc_milieu_bottom{}

/***************************** COTE DROITE MEMBRES**************************/
#cote_droite{position:relative;float:right;}
#cote_droite_block{}
#cote_droite_haut{}
#cote_droite_milieu{}
#cote_droite_bas{}
.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%;background:#669900;}
#footer_block{}
#footer_content{color:#ffffff;font-size:11px;}
#footer_content {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;padding:5px;}
#footer a {color:#ffffff;}
#footer a:hover {color:#FFAC20;}
#footer a:hover {color:#FFAC20;}
#footer a.menu_active_top2 {color:#FFAC20;}

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

/* Menu haut 2 */
.menu_top2 {border-top:2px solid #ffffff;}
.menu_top2 ul {text-align:center;list-style-type:none;list-style-image:none;color:#ffffff;background:url("img/bg_titre_menu.gif") repeat-x 50% 50% #669900;}
.menu_top2 li {display:inline;}
.menu_top2 a {font-size:11px;text-decoration:none;color:#ffffff;line-height:25px;}
.menu_top2 a:hover {color:#FFAC20;}
.menu_active_top2 {color:#FFAC20;}

/* Menu principal cote gauche */
.menu_gauche{background:#669900;}
.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 #999999;}
.menu_gauche ul li:first-child {border:none;}
.menu_gauche ul li a {display:block;width:100%;text-indent:10px;font-size:11px;color:#ffffff;line-height:20px;}
.menu_gauche ul li a:hover {text-decoration:none;background:#990000;}
.menu_gauche ul li a.menu_active {background:#990000;}
.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:20px;text-align:left;}

/* Menu membre cote droite */
.menu_membre{background:#669900;}
.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 #999999;}
.menu_membre ul li:first-child {border:none;}
.menu_membre ul li a {display:block;width:100%;text-indent:5px;font-size:11px;color:#ffffff;line-height:20px;}
.menu_membre ul li a:hover {text-decoration:none;background:#990000;}
.menu_membre ul li a.menu_active {background:#990000;}
.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:20px;text-align:left;}

.menu-text, .menu-text-membre{
	position:relative;
	width:85%;
	margin: 5px auto 5px auto;
	line-height:18px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	border:1px solid #669933;
	background:url("img/bg_titre_menu.gif") repeat-x 50% 0 #669900;
}

/* 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:#9C9E89;}
.affiche_page a:hover{text-decoration:none;color:#D0D4AE;}
.affiche_page span a {color:#D0D4AE;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:50px;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 #000000;}
.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  {border:solid 1px #ffffff;}

.text {text-align:justify;}
.text-center {text-align:center;}
.text-contact {text-align:justify;}
.text-contact ul {border:1px solid #696969;background-color:#f0f0ff;}

.commentaire {margin:1px 20px;padding:5px;background-color:#eeeeee;border:1px solid #ccc;}

.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:#990000;}

.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;}
.box-txt-droite{width:80%;height:100px;margin:5px auto;padding:5px;text-align:center;border:1px solid #ddd;color:#fff;background:#990000;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.box-txt-top{width:80%;line-height:20px;margin:auto;text-align:center;}

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

.mini-titre {padding:2px 5px;font-size:11px;padding:0px 5px;background:#dedede;}
.mini-titre a {color:#3333FF;}

.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:#ffcccc;}
.bc_r  {background-color:#ffcccc;}

.logo_left_1{width:41px;height:75px;margin:auto;background:url("img/logo.gif") no-repeat 50% 50%;}
.logo_left_2{width:75px;height:50px;margin:auto;background:url("img/logo_at.gif") no-repeat 50% 50%;}

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

/**********************************Les BOUTTON***********/
.btn_retour{
	padding:2px;
	cursor:pointer;
	font-size:10px;
	color:#9C9E89;
}
.btn_top{
	width:16px;
	height:16px;
	display:block;
	padding:2px;
	cursor:pointer;
	background:url('img/top.gif') no-repeat 50% 50%;
}
.mini-btn, .btn {
	padding:1px 2px;
	cursor:pointer;
	font-size:10px;
	color:#ffffff;
	background:url('img/btn_mini.jpg') repeat-x 50% 50% #990000;
	border:2px solid #ffffff;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
a:hover.btn_retour {text-decoration:none;color:#FF6600;}
a:hover.mini-btn  {text-decoration:none;color:#FF6600;}
a:hover.btn {text-decoration:none;color:#FF6600;}

/***************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;}
input{background:#ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
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****************************************/
.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****************************************/