/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes pour LP  */
/*  ----------------------------------------------------------- */



body {
	background-image: url(images/bg.jpg);
	background-repeat:no-repeat;
	background-color:#441A02;
	margin: 1.5em;
	text-align: center;
	font-size: 1em;
	color: #333;
}

img {
	border-width : none;
	border : none;
	border-style: none;
}


/*  ------------------------------------------
/*  Couleurs&effets des liens
/*  ------------------------------------------ */
a{ text-decoration: none; color:#340D2B; decoration:none}
a:link{color: #002200; text-decoration: none; }
a:visited{color: #002200; text-decoration: none;}
a:hover{color: #1D6520; text-decoration:none; }
.accroche a, .accroche a:link,.accroche a:visited,.accroche a:hover{ font-weight:bold; }
/*  ------------------------------------------
/* Styles H
/*  ------------------------------------------ */
h1{font-family: Verdana,Arial,sans-serif; font-size: 80%;  margin: 0px; padding-left: 10px; padding-bottom:2px;}
h2{ font-family: Arial,sans-serif; font-size: 120%; margin: 0px; padding: 0px; color: #006633;}
h3{font-family: Arial,sans-serif; font-size: 100%; margin: 0px; padding: 0px;}
h4{font-family: Verdana,Arial,sans-serif; font-size: 120%; margin:0px; color: #006633; padding-left:10px;}
h5{font-family: Verdana,Arial,sans-serif; font-size: 120%; margin:0px; padding-left: 10px;}
h6{font-family: Arial,sans-serif; font-size: 180%; margin:0px; padding: 0px; margin-bottom:0px; color: #006633;}

/*  ------------------------------------------
/*  Blocs
/*  ------------------------------------------ */
#page {width:909px; text-align: left; float:left; margin:0px; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:10px;background-color:#FFF; }
#page2 {width:949px;  padding:0px; margin-left: auto; margin-right: auto;}
#conteneur { float: left; width:909px; }


#navigation {float: left; width: 200px; padding: 0px;}
#navBar{float: left; margin-top:10px; margin-right:60px;}
#entete {width: 100%; padding:0px; margin:0px;}
#titre-site {width: 650px;float:left; margin-right:30px; font-size:36px; font-weight:bold;}
#haut{  height:22px; width:100%; background-image:url(images/haut.gif); background-repeat:no-repeat;}
#pied { width: 50%; padding:0px; margin-top:0px; clear:both; text-align:center;  height:12px;}
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }
#flash { margin:0px; width:100%; height: 620px;}
.galerie{ padding:0px; margin-bottom:20px; }
#news {width:100%; height: 450px;}
#recherche { font-weight:bold;}
.news {padding-bottom:20px; margin:0px;}
#blog{height:104px; width:200px; background-image:url(images/shop.jpg); background-position:left; background-repeat:no-repeat; text-align:center;}
#color{ padding:10px; margin:0px; float:left; width:600px;}
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
.invisible { position: absolute; top: -3000em; height: 1%; }
#archives { float:left; width:100%; border: 1px solid #CCC; padding:0px; margin-bottom:10px; overflow:hidden;}
#archives2 { float:left; width:100%; padding:0px; border: 1px solid #CCC; margin-bottom:10px; overflow:hidden;}
.accroche{ float:right; width:340px;  padding-right:20px; margin-bottom:10px; overflow:hidden;}
.accroche2{ float:left; padding-left:10px; margin-bottom:10px; width:600px; overflow:hidden; text-align:left;}
.accroche3{ float:right; padding:10px; margin-bottom:10px; overflow:hidden;}
/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

.breves, .divers, .forums, .rubriques2, .mots2  {font-size: 0.77em;}
.menu-titre { padding-bottom:5px; padding-left:10px; border-bottom: 1px solid #CCC; text-align: left; font-weight: bold; margin-bottom:5px; margin-top:0px;}
.menu-titre2 { padding-bottom:5px; padding-left:10px; border-bottom: 0px solid #CCC; text-align: left; font-weight: bold; margin-bottom:5px; margin-top:5px;}
.menu-titre3 { padding:10px; float:right;}
.retour {text-align: left;  margin-bottom:5px; height:30px;}
#mots {width:100%; padding-left:10px;}
#navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigation ul, .encart ul { margin: 0; padding: 0.2em 0; text-align: left; list-style: none; }
#navigation li, .encart li { margin: 0; padding: 0 0.7em; }

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques {margin:0px; padding-left:0px; padding-bottom:5px; padding-right:0px; padding-top:0px;border-bottom: 1px solid #CCC;}
.rubriques2 {margin-top:0px; margin-bottom:11px; padding-left:0px; align:right; font-weight:bold;font-size: 0.67em; width: 210px;}
.rubriques3 {margin-top:0px; margin-bottom:11px; padding-left:0px; align:right; font-weight:bold;font-size: 0.64em; }
.mots {margin-top:0px; padding-bottom:5px; padding-left:0px;border-bottom: 1px solid #CCC;}
.mots2 {margin-top:0px; margin-bottom:10px; padding-left:0px;}
.breves { margin-top:0px; margin-bottom:10px; }
.syndic {margin-top:0px; margin-bottom:10px; }
.forums {margin-top:0px; margin-bottom:10px; }
.divers {margin-top:0px; margin-bottom:10px; font-size:12px;}
.date {margin-left: 10px;}
.themes { text-align:left;}
/*  Typographie generale.commentaires {margin-top: 10px;} du site
 ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {font-family: Verdana, Tahoma, Arial, sans-serif; }
/* Typo pour le contenu */
#contenu {font-family: "Trebuchet MS", Helvetica, sans-serif; }
/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {font-family: Georgia, Times, serif; }

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 10px; }
.cartouche .titre {font-size: 1.27em; font-weight: bold; color: #000; }
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }
.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {color: #000; font-size: 0.96em; border: 1px dotted #CCC; padding:20px;}
.lien {background: #EEE; margin: 1em; margin-bottom: 1.5em; padding: 0.82em; border: 1px solid #CCC; font-size: 0.82em; font-weight: bold;}

.ps, .notes {margin-top: 1.4em; padding-top: 2px; border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }
/* Listes d'articles et extraits introductifs
----------------------------------------------- */

.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }
.liste-articles li .titre {font-size: 1.10em; font-weight: bold; }
.liste-articles li .spip_logos {margin-left: 16px; margin-bottom: 16px; margin-top:16px;}
.liste-articles li p { margin: 0; padding: 0; }
.liste-articles li .enclosures {float: right; text-align: right; max-width: 60%;margin: 0; }
.liste-articles li small {display: block; font-size: 0.71em; }
.liste-articles li .texte {margin-top: 5px; margin-bottom: 2em; padding: 0.9em; font-size: 0.82em; line-height: 1.4em; }
.pagination { font-size: 0.90em; }
/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */
#message {float:left; width:600px;}
.forum-repondre, .forum-decompte {clear: both; margin:0px; padding: 5px; border-top: 1px solid #CCC; font-size: 0.88em; font-weight: bold; }
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 0px; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { background-color:#FFEBFC; background-image:url(images/com.jpg); background-position:bottom; padding-top:10px; padding-left:15px; padding-bottom:10px;
padding-right:15px; font-size:14px; margin-top:20px; width:520px; clear:both; color:#470E2E; margin-left:20px;}
.forum-texte .forum-lien { font-weight:bold;}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

#pointe {background-image:url(images/pointe.jpg); background-position: top right; background-repeat: no-repeat; padding-right:16px; padding-top:2px; margin-bottom:20px; float:left;}
#commentaire{width:550px; margin:20px; text-align:center; float:left;}
/************** #EXTRA **************/
.logo{ padding-left:10px; padding-bottom:20px; padding-right:20px; float:left}
.logo2{ padding-left:10px; padding-bottom:5px; padding-top:5px;}
#fleche{background-image:url(images/li.gif); background-repeat:no-repeat; height:20px; margin:3px;}
/************** #EXTRA perso**************/
/************** #EXTRA **************/
#bando{background-image:url(images/bando.png); background-repeat:no-repeat;}
#menu_h{background-image:url(images/menu_horizontale.png);}
#footer{background-image:url(images/footer.png); background-repeat:no-repeat;}
#f_d{background:#fff;}
#f_g{background:#fff; }
#f_center{background-color:#FFF;}
#f_center2{background:#fff;}
#pied2 {font-size: 0.56em;;}
.texte{color: #000; font-size: 0.86em;  text-align: justify;  width: 455px; overflow: auto; padding: 04px; /* Marge intérieure de 12px */ }
.texte2{color: #000; font-size: 0.86em;  text-align: justify;  width: 655px; overflow: auto; padding: 04px; /* Marge intérieure de 12px */ }
.mot_pdt { border: 0px solid #CCC;color: #000; font-size: 0.86em;  text-align: left;  width: 210px; overflow: auto; padding: 12px; /* Marge intérieure de 12px height: 155px; */}
.case_g1 { color: #000; font-size: 0.86em;  text-align: left;  width: 185px; height: 250px; overflow: hidden; padding: 10px; /* Marge intérieure de 12px  */}
.case_g2 { color: #000; font-size: 0.86em;  text-align: left;  width: 185px; height: 250px; overflow: hidden; padding: 14px; /* Marge intérieure de 12px  */}
#contenu {float: left; width:465px; margin:0px; padding:0px;}
#contenu2 {float: left; width:665px; margin:0px; padding:0px;}
#parent .spip{
	font-size:0.9em;
	line-height:10px;
	text-align:center;
}


/*************************  FILTRE IMG  *****************************/
.spip_documents_left {margin-right: 1px; margin-bottom: 0.5em;}
.spip_documents_right {margin-left: 1px; margin-bottom: 0.5em;}

/*************************    STYLE SPIPBB  *****************************/
#corpus{background-color:#CCCC99;
padding:50px;text-align:center;}


#tabbed_box {
    margin: 0px auto 0px auto;
    width:300px;
}
.tabbed_box h4 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:23px;
    color:#ffffff;
    letter-spacing:-1px;
    margin-bottom:10px;
}
.tabbed_box h4 small {
    color:#e3e9ec;
    font-weight:normal;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    position:relative;
    top:-4px;
    left:6px;
    letter-spacing:0px;
}
.tabbed_area {
    border:1px solid #494e52;
    background-color:#636d76;
    padding:8px;
}
ul.tabs {
    margin:0px; padding:0px;
}
ul.tabs li {
    list-style:none;
    display:inline;
}
ul.tabs li a {
    background-color:#464c54;
    color:#ffebb5;
    padding:8px 14px 8px 14px;
    text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
}
ul.tabs li a:hover {
    background-color:#2f343a;
    border-color:#2f343a;
}
ul.tabs li a.active {
    background-color:#ffffff;
    color:#282e32;
    border:1px solid #464c54;
    border-bottom: 1px solid #ffffff;
}
.content {
    background-color:#ffffff;
    padding:10px;
    border:1px solid #464c54; 
}
#content_2, #content_3 { display:none; }
ul.tabs {
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;
}
.content ul {
    margin:0px;
    padding:0px 20px 0px 20px;
}
.content ul li {
    list-style:none;
    border-bottom:1px solid #d6dde0;
    padding-top:15px;
    padding-bottom:15px;
    font-size:13px;
}
.content ul li a {
    text-decoration:none;
    color:#3e4346;
}
.content ul li a small {
    color:#8b959c;
    font-size:9px;
    text-transform:uppercase;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    position:relative;
    left:4px;
    top:0px;
}
.content ul li:last-child {
    border-bottom:none;
}
ul.tabs li a {
    background-image:url(images/tab_off.jpg);
    background-repeat:repeat-x; 
    background-position:bottom;
}
ul.tabs li a.active {
    background-image:url(images/tab_on.jpg);
    background-repeat:repeat-x;
    background-position:top;
}
.content {
    background-image:url(images/content_bottom.jpg);
    background-repeat:repeat-x; 
    background-position:bottom;
}