@charset "utf-8";

/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #DDD; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }

.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }

/*FORUM nécéssite le plugin http://www.spip-contrib.net/Comments-2-0-pour-SPIP-2-0*/
#blocMessage{width:310px;border:none;}
#titreCommentaire{font-weight:bold;color:#96FF00;}
#formulaire_forum  textarea{width:310px !important;height:130px !important;}
#blocLogin {padding-bottom:6px;width:316px;margin-top:4px;border:none;}
#blocLogin input{width:180px;}
#blocLogin label{display:block;margin-bottom:8px;}
.moderation_info{display:none;}
.saisie_texte label,p.explication{display:none;}

/*on définit des margin et padding à 0 pour éviter les différences entre les navigateurs*/

body,form,#main,#header,#contenu,#footer,ul,li{margin:0;padding:0;}
html{margin:0;padding:0;background:#252525 url(../images/bg_repeat_y.png) repeat-x top center;}
body{margin:0;padding:0;font-family:Verdana, Helvetica, sans-serif;font-size:12px;color:#AFAFAF;}

#main{width:950px;margin:0 auto;position:relative;}



/*=====================================================

H E A D E R

=====================================================*/
#header{height:263px;background:url(../images/bg_header.jpg) no-repeat top center;position:relative;}
#menu{position:relative;margin:0;padding:0;height:43px;border-top:1px solid #464646;/*background:url(../images/bg_menu.png) no-repeat top center;*/}

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

--->   M E N U       &&    S O U S    M E N U S

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
#menu {   padding: 0;   margin: 0;   list-style: none; }
#menu li {   float: left;   position: relative;   width:130px;font-weight:bold;   text-align:center;   padding-top:15px;   height:28px;/**/background:url(../images/separateur_menu.jpg) no-repeat top right !important;     }
#menu li a{ color:#ffffff; text-decoration:none; font-size:14px; font-weight:bold; display:block;  } 
#menu li a:hover{ color:#96FF00;background:none; }
#menu li ul {   border:1px solid #464646;border-top:none;display: none;   list-style-type:none;   list-style-position:inside;   margin:0;   padding:0;   position: absolute;   top: 42px;   left: 5;   background-color:#292929;   filter:alpha(opacity=80);   opacity: 0.8;   -moz-opacity:0.8;   }
#menu li > ul { 	top: 42px; 	left: 5; 	}
#menu li ul li{ background:none !important; border:0; width:250px; text-align:left; margin:0 0 0 5px; padding:0; padding-top:8px;padding-bottom:3px; height:22px;}
#menu li ul li a{ padding-left:19px;color:#ffffff; text-decoration:none; font-size:14px; }
#menu li ul li a:hover{ color:#96FF00;}
#menu li:hover ul, #menu li.over ul{ display: block;z-index:1000; }

/* changement BG au survol du li*/
#menu li:hover, #menu li.over, #menu li.on{background:url(../images/bg_menu_survol.jpg)repeat-x !important;}
#menu li:hover ul li, #menu li.over  ul li, #menu li.on  ul li{ background:none; }
#menu li#bt_accueil{ height:33px;/*35px - 15px de padding*/ background: url(../images/bt-accueil.jpg) no-repeat top left; border:0; }
#menu li#bt_recherche{ background:url(../images/bt-recherche.jpg) top left repeat-x; width:270px; }

#menu li#bt_contact a{color:ffffff;}
#menu li#bt_1{background:url(../images/bt-1.jpg) no-repeat top left;}
#menu li#bt_2{background:url(../images/bt-2.jpg) no-repeat top left;}
#menu li#bt_3{background:url(../images/bt-3.jpg) no-repeat top left;}
#menu li#bt_4:hover{background:url(../images/bg_menu_survol_annuaire.jpg) repeat-x top left !important;color:#000!important;}
#menu li#bt_4  a:hover{color:#000 !important;}
#menu li#bt_4  li:hover{color:#000 !important;}
#menu li#bt_5{background:url(../images/bt-5.jpg) no-repeat top left;}



/*=====================================================

C O N T E N U

=====================================================*/
#contenu{font-size:12px;padding:0;margin:0;position:relative;overflow:auto;padding-bottom:73px;}


/*CONTENU GAUCHE*/
#contenu_gauche{float:left;width:564px;margin-right:28px;min-height:800px;height:auto !important;height:800px;padding-top:26px;}
#contenu_gauche h1{font-size:16px;font-weight:bold;color:#939393;}
.bloc_gauche{margin-bottom:24px;padding:20px;min-height:186px;height:auto !important;height:186px;}
.bg_gauche{background:#0c0c0c url(../images/bg_bloc_gauche.png) no-repeat top center;border:1px solid #292828;}
.no_padding{padding:0 important;}

/***********A R T I C L E **************/
#article h1{color:#96ff00;font-size:20px;}
#article {color:#AFAFAF;}
#article  #portfolio img{/*margin-right:8px;margin-bottom:8px;border:1px solid #808080;*/}
.liens_vert a{text-decoration:underline;}
.liens_vert a:hover{text-decoration:underline;color:#96ff00 !important;}
/***********RUBRIQUES **************/
.ligne_article_rubrique{overflow:auto;border-bottom:1px solid #808080;margin-top:15px;padding:10px;min-height:100px;height:auto !important;height:100px;}
.ligne_article_rubrique h2 a,.ligne_article_rubrique h2{margin:0;padding:0;margin-bottom:8px;font-size:14px;color:#96FF00;}
.ligne_article_rubrique img{float:left;margin-right:15px;margin-bottom:15px;border:1px solid #808080;}

/*CONTENU DROITE*/
#contenu_droite{float:left;width:300px;margin-right:28px;min-height:303px;height:auto !important;height:800px;padding-top:26px;}
#contenu_droite h1{font-size:16px;font-weight:bold;color:#939393;padding-left:25px;padding-top:20px;}
.bloc_droite{margin-bottom:24px;}
.bg_droite{background:#0d0d0d url(../images/bg_bloc_droite.png) no-repeat top center;min-height:286px;height:auto !important;height:286px;border:1px solid #292828;}


/*ACTUS*/
#actus{}
.ligne_actus{margin-top:70px;}
.ligne_actus h1 a{color:#96ff00;font-size:20px;}




/*******A N N U A I R E *****/
#menu_categorie_annuaire{height:35px;margin-bottom:35px;}
#menu_categorie_annuaire h2{font-size:12px;font-weight:bold;display:inline;padding:10px 15px;background:#302f2f;margin-top:15px;}
#menu_categorie_annuaire h2:hover{background:#000;}
#menu_categorie_annuaire h2:a{margin-top:6px;}
#menu_categorie_annuaire a{color:#82d509;}
#menu_categorie_annuaire a:hover{text-decoration:none;}
#menu_categorie_annuaire h2.on{background:#82d509;color:#000;}
#menu_categorie_annuaire h2.on a{color:#000;}

#alphabet_annuaire{height:35px;margin-bottom:16px;}
#alphabet_annuaire a{padding:5px;background:#302f2f;margin:3px;margin-left:2px;font-size:10px;}
#alphabet_annuaire a{color:#FFF;}
#alphabet_annuaire a:hover{background:#000;color:#82d509;text-decoration:none;}
#alphabet_annuaire a.on{background:#82d509;color:#000;}


.ligne_annuaire{min-height:113px;height:auto !important;height:113px;background:#262626 url(../images/bg_bloc_annuaire.png) repeat-x top left;border:1px solid #3d3c3c;margin-bottom:18px;}
.logo_ligne_annuaire{width:124px;height:92px;margin-left:15px;margin-top:12px;float:left;}
.texte_ligne_annuaire{margin-left:15px;width:400px;margin-top:12px;float:left;}

.en_savoir_plus{background:url(../images/bg_en_savoir_plus.png) repeat-x;padding-top:5px;height:18px;width:172px;text-align:center;margin-top:18px;margin-bottom:8px;}
.en_savoir_plus a{color:#000;font-weight:bold;}
.en_savoir_plus a:hover{text-decoration:none;}

/*=====================================================

F O O T E R

=====================================================*/
#footer{height:263px;background:url(../images/bg_footer.png) repeat-x top center;margin-top:0;position:relative;}
#footer_contenu{width:950px;margin:0;margin-right:auto;margin-left:auto;}
#footer_contenu h1{color:#404040;font-weight:bold;font-size:16px;}
#footer_contenu ul li {height:19px;border-bottom:1px solid #404040;width:154px;padding-left:14px;padding-top:6px;background:url(../images/puce.png) no-repeat center left;}
#footer_contenu ul li  a{color:#404040;}
.bloc_footer_contenu{float:left;width:220px;padding-top:31px;color:#404040;}
.bloc_footer_contenu a{color:#404040;}

/*DIVERS*/
a{color:#AFAFAF;}
a img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus{outline:0;}

input{text-align:center;}

p{text-align:left;}
p a{color:#AFAFAF !important;}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}

ul{list-style-type:none;}

#hierarchie a {text-decoration:none;}


/*CONTACT*/
#formulaire_contact{margin-bottom:50px;width:366px;}
#formulaire_contact label{width:111px;float:left;font-size:15px;font-weight:bold;}
#formulaire_contact .form_ligne{overflow:auto;margin-top:5px;}
#formulaire_contact input{border:none;border-bottom:1px solid #cacaca;border-right:1px solid #cacaca;width:253px;background:url(../images/bg_input_form.jpg) no-repeat top left;}
#formulaire_contact textarea{border:none;border-bottom:1px solid #cacaca;border-right:1px solid #cacaca;width:253px;background:url(../images/bg_textarea_form.jpg) no-repeat top left;}


/*PORTFOLIO*/
.portfolio img{margin:3px;border:1px solid #808080;}




/* IEPNG FIX pour les png transparent sous ie*/
img, div, a, input ,li,.png{behavior: url(../iepngfix.htc)}




/*PLAN DU SITE*/
ul.plansite, ul.plansite ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
  font-size: 12px; }
ul.plansite li {
  border-left: 1px solid black;
  color: black;
  margin: 0;
  padding: 0; }
ul.plansite li a {
  padding-left: 0.5em;
  text-decoration: none;
  color: black;
  border-bottom: 1px solid black; }
ul.plansite li strong {
  font-size: 105%; }
  
.plansite h1 a{font-size:18px;color:blue !important;margin:0;padding:0;display:inline;}
.plansite h2 a{font-size:12px;margin:0;padding:0;display:inline;color:orange!important;}
.plansite a:hover{color:orange;}