/************************************************************************/
/* NPDS Sable Evolution : Net Portal Dynamic System .                   */
/* ===========================                                          */
/*                                                                      */
/* Thème : "Dyna-Theme" Par Fred Alias Canasson - 2008 - clicimpact.fr  */
/*                                                                      */
/* This version name NPDS Copyright (c) 2001-2006 by Philippe Brunier   */
/*                                                                      */
/* This program is free software. You can redistribute it and/or modify */
/* it under the terms of the GNU General Public License as published by */
/* the Free Software Foundation; either version 2 of the License.       */
/************************************************************************/

html {font-size: 100%;}/*Parce qu'on utilise "em" en taille de font*/
body { /*Aspect Général: Font, Textes, Marges, etc...*/
    background: url(../images/bgblue.jpg);
    color: BLACK;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    font-weight: normal;
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger un bug de centrage IE */
    padding: 0;
}
hr {/*---Règle horizontale servant de séparation---*/
    color: #c64934;
     background-color: #c64934;
    border: 0;
    height: 1px;
}
td {/* Aspect du Texte de votre Site lorsqu'il n'est pas redéfinit ailleurs*/
/*----------       Visible dans la Partie Admin par exemple      ----------*/
   font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
     color: #333333;
    font-size: .75em;
}
/************************************************************************/
/*                   les Différents LIENS Standard                      */
/************************************************************************/
a, a:visited, a:link {
     color: #c64934;
     text-decoration: none;
}
a:hover {
     color:#666666;
     text-decoration: underline;
}
a:active, a.box, a.box:active, a.box:visited {
     color: #717171;
     text-decoration: none;
}
a.noir, a.noir:visited, a.noir:active {
     color: #666666;
     font-weight: bold;
     text-decoration: none;
}
a.noir:hover, a.box:hover, a.heada:hover {
     color: #323232;
     font-weight: bold;
     text-decoration: underline;
}
.rouge, a.rouge, a.rouge:visited, a.rouge:active {/* Annulation, suppression, avertissement...*/
     color: #FF0000;
     font-weight: bold;
     text-decoration: none;
}
a.rouge:hover {
     color: #FF0000;
     font-weight: bold;
     text-decoration: underline;
}
a.aideans, a.aideans:visited, a.aideans:active {/* Aide en Ligne */
     background: none transparent;
     cursor: help;
     font-weight: bold;
     text-decoration: none;
}
a.heada, a.heada:visited, a.heada:active {/* Admin (haut et bas) - Download - Annuaire */
     color: #323232;
     font-weight: bold;
     text-decoration: none;
}
/************************************************************************/
/*                 Liens Tooltip ==> Info Bulles                        */
/*               Initialement prévu pour Download                       */
/*             Mais fonctionnel ou vous le souhaitez                    */
/************************************************************************/
a.tooltip {
    /*color: gray;*/
    border-bottom: 1px dotted gray;
}
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    margin:0;
    padding: 0;
    border: 0;
}
/************************************************************************/
/*        Alternance des couleurs de ligne Fonction tablos()            */
/************************************************************************/
.ligna, a.ongl, a.ongl:visited, a.ongl:active {
     background-color: #efece3;
     text-decoration: none;
}
.lignb {
     background-color: #f1f2ea;
     text-decoration: none;
}
/************************************************************************/
/*               Champs de Formulaires - Champs de Saisie               */
/************************************************************************/
.inputa {/* champ de saisie, Lnl Box, Moteur de recherche, Bloc Login notamment */
     background-color: #FFFFFF;
     border: #427fbc 1px solid;
     color: #000000;
     height: 21px;
     vertical-align: middle;
     width: 80px;
}
.textbox { /* Champs Formulaire - Message à un membre - forum - Notamment */
     background-color: #FFFFFF;
     border: #000000 1px solid;
     color: #45445B;
     width: 90%;
}
.textbox_standard {/* Champs Formulaire - Contact - forum (sauter à) - Notamment */
     background-color: #FFFFFF;
     border: #000000 1px solid;
     color: #45445B;
}
.bouton_standard {/* Boutons : Prévisualiser - Valider - Annuler ....*/
     background-color: #CCCCCC;
     border: #000000 1px solid;
     color: #c64934;
     font-weight: bold;
     text-decoration: none;
}
/*------------------------------------------------>
      CSS Complémentaire pour vos  Formulaires
              ICI en Version Light
-------------------------------------------------->*/
form {  /* Délimitation de votre Formulaire*/
  margin: 0;
  padding: 10px 0 0 0;
  width: 98%; /* Je dois vérifier quelquechose !! */
}

fieldset { /* Regroupe les différentes zones de votre Formulaire */
  padding: 20px;        /* padding in fieldset support spotty in IE */
  /*margin: 0;*/
}

legend { /* Titre pour identifier chaque fieldset */
  font-size:1.1em;
  color: #B80B36;
  font-weight: bold;
}

label { /* Titre - Description des différents champs */
  display: block;
  float: left;
  width: 180px;
  /*padding: 0;*/
  margin-top: 10px ; /* set top margin same as form input - textarea etc. elements */
  padding: 0; /* Intervient dans le user : la date */
  text-align: right;
}

input, select { /* Champs de Données */
  margin: 5px 0 0 5px ; /* set top margin same as form input - textarea etc. elements */
  padding: 0;
}
/*textarea { overflow: auto; }*/


form label span {color: red;}/* Utilisé dans user ! */
/*form p { text-align:center; }*/
form br {/*Pas nécessaire je pense !!*/
  clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
/************************************************************************/
/*            Les Autres Eléments Définis en "Dur" dans le code         */
/*               TABLEAUX & Entêtes & Titres & Mise en Forme            */
/************************************************************************/
.ongl {/*Admin Banners - Donwload Gauche - Links - Top10...Ligne et Onglet Nominatif*/
      color: #45445B;
      font-weight: bold;
      text-decoration: none;
}
.header, a.ongl:hover, .titre {/* header : Entete de Pratiquement Tous les Tableaux également dans Forum */
      background-color: #CC9966;
	  font-weight: bold;
      color: #282828;
      text-decoration: none;
}
.box {/*Titre du Style BOX - Links Titres - Bas PollBoth (PollComments) - Memberlist...*/
      color: #545454;
      margin-left: 5px;
      margin-right: 5px;
}
.titboxc {/* Haut Admin - Download */
      color: #c64934;
      font-weight: bold;
}
.titboxcont {/* Intitulé Bloc Sondage - Bloc Admin (les chiffres)*/
      background: none transparent;
      color: #0E0E0E;
      font-weight: bold;
}
.titrea {/* Titres : Sondages (Poolboth) - Previews - notamment */
      font-weight: bold;
      text-decoration: none;
}
.titrec {/* Blocs Forums Infos -  Bloc Chat Box (IP + les Chiffres) */
      color: RED;
      text-decoration: none;
}
.separ {/* Ligne de séparation (une Image) Haut Menu Admin - Menu Membres - Haut et Bas Section */
      background: url('../style/ligne.gif') left repeat-x;
      height: 5px;
}
code {/*Utilisée pour mettre en évidence une portion de code - Forum Aussi dans AdminModuleInstall*/
      border: 1px solid #45445B;
      display: block;
      font-family: monospace;
      padding: 1px 1px 1px 5px;
      width: 90%;
}
.quote {/*------- Citation dans le Forum -------------- */
      border: 1px solid #427FBC;
      margin: 5px 5px 5px 5px;
      padding: 5px 5px 5px 5px;
      width: 90%;
}
h2  {/* Titre : Map - Forum - Articles (index et détail) */
      /*border: 1px dotted #595959;*/
	  background: url(../images/icon.gif) left no-repeat;
      color: #0E489E;
      font-size: 1.25em;
      font-weight: bold;
      height: 30px;
      line-height: 30px;
      padding: 0px 0px 0px 15px;
      margin: 0 0 0 3px;
}
h3 { /* Map - box_article - box_pool */
      color: #8B0000;
      font-weight: bold;
      text-align: center;
      font-size: 1.25em;
      margin: 0px;
}
h4 { /* Map  */
      color: #0773A3;
      font-weight: bold;
      font-size: 1.15em;
}
/* A Suivre */
.seqslidestyle{
margin-right: 15px;
}
.links {
	padding-top: 5px;
	/*margin-top: 5px;*/
	text-align: center;
	font-weight: bold;
}

.links a {
	padding-left: 15px;
	background: url(../images/img04.gif) no-repeat left center;
	border: none;
}

.links a:hover {
	border-bottom: 1px dotted #CCCCCC;
}
/************************************************************************/
/*         Mise en Page Globale & Mise en Forme de votre Thème          */
/************************************************************************/
/*--------------------------------------------------->
      Un Container Global qui Englobe Tout
<---------------------------------------------------*/
#container {
      text-align:left;
      margin-left:auto;
      margin-right:auto;
      width:1000px;
}
/*--------------------------------------------------->
    Affichage du Haut "header.html" de votre Site
<---------------------------------------------------*/
#header { /* Ici - Le Header Complet avec Image de Fond */
      float: left;
      background: #f1f2ea url(../images/header_bgb.jpg) repeat-x left;
      height: 195px;
      width: 1000px;
}
#header_sub{ /* Ici - Le Header Complet avec Image de Fond */
        float: left;
        background: none ;
        height: 20px;
        width: 1000px;
}
/* -----  Menu-Haut--Les Boutons -----*/
#header_sub ul {
      margin: 0 ;
      padding: 0 ;
      height: 20px;
      list-style: none ;
      text-align: right ;
	  color: #FF0000;
}
#header_sub li {
      display: inline ;
      margin-right: 1px ;

}
#header_sub a {
      padding: 4px 5px ;
      line-height:20px ;
      text-align: center ;
	  color: #646464;
}
#header_logo { /* Ici - Le Header Complet avec Image de Fond */
        float: left;
        height: 145px;
		padding-left: 50px;	  
        width: 222px;
}
#header_logo a {
	position: relative;
	/*top: 11px;*/
	display: block;
	width: 131px;
	height: 110px;
	margin: 0 auto 0 auto;
	text-decoration: none;
	background: url(../images/trans_110.gif) no-repeat 0 0;
	cursor: pointer;
}
#header_logo a span, #header_menu a span { visibility: hidden; }
/*#header .slogan { /*Positionnement du Slogan du Site dans le Header
     text-align: center;
     color: #8B0000;
     font-size: 1.2em;
     font-weight: bold;
     font-family: Georgia, "Times New Roman", serif;
}*/
#header .negaban { /*Positionnement du Slogan du Site dans le Header*/
        float: left;
		margin-top: 5px ;
		/*margin-left: 20px ;*/
}
#header_menu {/* Le Bloc Menu au pied du Header */
		float: left;
		width: 100%;
		text-align: center;
}
/* -----  Menu-Haut--Les Boutons -----*/
#header_menu ul {
        margin: 0 ;
	    padding: 0 ;
		height: 21px;
		width: 100%; /* précision pour Opera */
	    list-style: none ;
	    text-align: center ;
}
#header_menu li {
       display: inline ;
	   border-spacing: 2px 0;

}
#header_menu a {
       margin: 0 2px;
       padding: 1px 12px ;
	   line-height:20px ;
	   font-weight: bold;
	   border: solid 1px #993333;
	   text-decoration: none;
	   text-align: center ;
}
#header_menu a:hover {
	   background: #CC9966;
	   border: solid 1px #993333;
	   font-weight: normal;
	   color: #000000;
}
/*--------------------------------------------------->
         La Partie CENTRALE de votre Site
<---------------------------------------------------*/
#contain_center {/*Container Englobant toutes les colonnes*/
      background: #eeeedd  url(../images/bg_left.gif) repeat-y left;
      float: left;
      width:1000px;
}
#colcen {/* La Partie Centrale avec Pdst = -1 */
      float: left;
      width: 1000px;
}
#colcen1 {/* La Partie Centrale avec Pdst = 1 - 3 et 4 */
      float: left;
      width: 640px;
}
#colcen0 {/* La Partie Centrale avec Pdst = 0 ou Pdst=2 */
      float: left;
      width: 820px;
}
#colcen2 {/* La Partie Centrale avec Pdst = 0 ou Pdst=2 */
      float: left;
      width: 820px;
}
/*--------------------------------------------------->
      Edito se rapporte donc à "editorial.html"
<---------------------------------------------------*/
#editorial {
      margin: 0px;
	  padding : 0px;
}
.editorial h5  {/* Titre : Map - Forum - Articles (index et détail) */
		/*border: 1px dotted #595959;*/
		background: #F2EDF1 url(../images/bg_h2.jpg) repeat-x left;
        color: #0E489E;
        font-size: 1.15em;
        font-weight: bold;
        height: 30px;
		line-height: 30px;
        padding: 0px 0px 0px 0px;
		margin: 0px;
}
.editorial h5 span {
   background: url(../images/LB_Title.jpg) no-repeat bottom left;
   display: block;
   text-align:center;
   /*padding: 4px 0 8px 0px;*/
   height: 30px;
   line-height: 25px
}
.editorial h3 {
   /*background: #9FA716;*/
        color: #8B0000;
        font-weight: bold;
        text-align: center;
        font-size: 1.20em;
        margin: 0px;
}
.editorial h3 span {
   background: url(../images/menu_bg.png) repeat-x left;
   display: block;
   text-align:left;
   /*padding: 4px 0 8px 0px;*/
   height: 27px;
   line-height: 25px
}
#top_edito {
        /*width: 750px !important;*/
		/*border-bottom: 1px dashed #CEBE9F;*/
        width: 630px;
		height: 232px;
		background:  url(../images/bg_edito.jpg) repeat-x left top;
        float: left;
       /* position: relative;*/
}
.edito_img { /* Mise en forme pour le sujet*/
		border : 0;
		background: url(../images/edito.gif) no-repeat left bottom;
		float: left; /* alignement à droite */
		height: 200px;
		width: 200px;
        /*margin: 3px 3px 0px 5px;  /* placement dans le conteneur */
}
.profils {
   color: #646464;
   float: left;
   /*padding: 0 0 0px 200px;*/
   /*margin: 0 0 5px 0;*/
   /*height: 200px;*/
   width: 425px;
   text-align: justify;
}
#edito_marqui {
        float: left; 
        width: 190px;
		height: 232px;
		/*padding-top: 20px;*/
		background: #FFFFFF url(../images/bg_marqui.jpg) no-repeat right top;
		/*border-bottom: 1px dashed #CEBE9F;*/
		}
/*#editorial .content {
      width: 100% ;
}*/
.minitop {
   float: left;  
   /*height: 165px;*/
   padding-top: 23px;
   /*padding-top: 5px; */
   padding-left: 40px;
   /*padding-bottom: 10px; */
   /*background: #FFFFFF;*/
   /*border-right: 1px dashed #CEBE9F;*/
   text-align: center;
}
#annu_edito {
        border-right: 1px dashed #CEBE9F;
		border-bottom: 1px dashed #CEBE9F;
        float: left;  
		width: 208px; 
		height: 280px; 
		background: #f1f2ea;
		}
#annu_edito  ul {
    /*background: #408DD1;*/
	/*float: left;*/
	/*border-bottom: solid 1px #C8C8C8;*/
	list-style: none;
	width: 212px;
	margin:0px;
	padding:0px;
	/*border-bottom:1px solid #ccc;*/
} 
#annu_edito li {
	margin:0;
	padding:0;
}
#annu_edito li a {
	/*display:block;*/
	min-height: 1.5em;
	height: auto !important;
	height: 1.5em;
	line-height: 1.5em;
	/*width: 100%;*/
	margin: 1px 0px 1px 0px;
	padding: 0px 5px 0px 5px;
	border-bottom: solid 1px #C8C8C8;
	border-left: solid 10px #993333;
	color: #000000; 
	text-decoration: none;
	font-weight: bold; 
	font-size: 11px;
}

#annu_edito li a:hover {
	border-left: solid 10px #4E3525;
	background: #CC9966;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.bloc_edito1 {
    background: #f1f2ea url(../images/bg_pub.jpg) no-repeat 0 0;
    /*border-right: 1px dashed #CEBE9F;
	border-bottom: 1px dashed #CEBE9F;*/
    float: left; 
    width: 270px;
	height: 290px;
	text-align: center; 
}
.footpub {
   float: left;  
   padding-top: 8px;
   padding-left: 150px;
   /*padding-bottom: 10px; */
   text-align: center;
}
.bloc_edito1b {
    background:  #FFFFFF url(../images/bg_media.jpg) no-repeat 0 0;
    /*border-right: 1px dashed #CEBE9F;*/
	/*border-bottom: 1px dashed #CEBE9F;*/
    float: left; 
    width: 360px;
	/*padding-left: 15px;*/
	height: 290px;
	text-align: center; 
}
.bloc_edito2 {
		background: #FFFFFF url(../images/bg_h2.jpg) repeat-x top left;
		/*border-bottom: 1px dashed #CEBE9F;*/
        width: 190px;
        float: left; 
		height: 290px; 
		}
#pub_edito {
        float: left;
		/*width: 750px !important;  */
		width: 820px; 
		/*height: 100px; */
		background: #f1f2ea;
		border-bottom: 1px dashed #CEBE9F;
		/*margin: 0 2px 0 2px;*/
		/*padding:2px;*/
}
#vitri {
   float: left;  
   width: 180px;
   height: 70px;
   padding-top: 10px; 
   /*padding-bottom: 10px;*/ 
   background: #FFFFFF;
   /*border-right: 1px dashed #CEBE9F;*/
   text-align: center;
}
.media {
   float: left;  
   width: 335px;
   padding-left: 15px;
   height: 200px;
   background: none;
   /*text-align: center;*/
}
.publi {
   float: left;  
   width: 335px;
   /*height: 70px;*/
   /*padding-top: 5px;*/ 
   padding-bottom: 15px;
   text-align: center;
}
.search {
   float: left;  
   width: 345px;
   background: #f1f2ea; 
   text-align:center;
}
.webavant {
   float: left;  
   width: 402px;
   border-left: 1px dashed #CEBE9F;
   background: #f1f2ea; 
   /*margin: 10px 0;*/
   /*height: 200px;*/
}
.webavant_img { /* Mise en forme pour le sujet*/
		border : 0;
		/*background: url(../images/Entete.jpg) no-repeat left bottom;*/
		float: left; /* alignement à droite */
		/*height: 100px;*/
		/*width: 160px;*/
		margin: 5px;
		/*padding: 5px 5px 5px 5px;*/
}
.webp { /* Mise en forme pour le sujet*/
		/*margin: 3px 3px 3px 5px;*/
		/*background: url(../images/Entete.jpg) no-repeat left bottom;*/
		float: left; /* alignement à droite */
		padding-top: 3px;
		/*padding-bottom: 5px;*/
		text-align: center;
		width: 230px;
}
.webavant h3 { /* Map - box_article - box_pool */
        color: #0E489E;
        font-weight: bold;
        text-align: center;
        font-size: 1em;
        margin-top: 5px;
}
.spacer {
        width: 100%;
		clear: both;
}
#editorial .content {
		width: 100% ;
}
/* Edito menu */
#menu {	
	margin: 2px 0 4px 0;
    padding: 5px 2px;
	width: 100%;
	/*background: #f1f2ea;*/
	float: left;
	text-align: center;
}
#menu ul {
	font: bolder 12px 'Trebuchet MS', sans-serif;
	color: #993333;	
	margin: 0 ;
	padding: 0;
	list-style: none;
	text-align: center;
}
#menu li {
	margin: 0 ;
	display: inline;
}
#menu li a {
    text-decoration: none;
    padding: 1px 15px;
    margin-right:2px;
    background: #2f0e00;
    font-weight: bold;
    color: #fff;
	text-align: center;
}
#menu li a:hover {
    background: #CC9966;
	color: #000000;
	color: #FFF;
}
#menu li a#current  {
	background: #993333;
	color: #FFF;
}
}
ul#partenr {
        padding: 0;
        margin: 0;
        list-style-type: none;
}
ul#partenr  li{
        padding: 0;
}
.partenr {/* Un Bloc Droit Global */
      text-align: center;
      margin-left: 10px;
      padding: 0;/* ==> Margin et Padding gérés dans RB_Contain */
      width: 160px;
}	
.minione {
   float: left;  
   padding-top: 8px;
   padding-left: 11px;
   /*padding-bottom: 10px; */
   text-align: center;
}
ul#minione{
        padding: 0;
        margin: 0;
        list-style-type: none;
}
ul#minione  li{
        padding: 0;
}	
/*--------------------------------------------------->
  Affichage des Articles en page Index et Detail-news
<---------------------------------------------------*/
.article_bloc {/*Le contenant*/
		margin: 2px 2px 5px 2px;
		padding:0;
}
.article_bloc hr {/*---Règle horizontale servant de séparation---*/
        color: #c64934;
		background-color: #993333;
		text-align: center;
        border: 0;
		width: 50%;
        height: 1px;
}

.article_sujet { /* Mise en forme pour le sujet*/
		border : 0;
		float: right; /* alignement à droite */
        margin: 3px 3px 2px 5px;  /* placement dans le conteneur */
}
.article_texte{/*Mise en forme pour le Texte*/
        min-height: 95px;      /* Pour éviter un      */
	    height: auto !important;/* Débordement d'image */
	    height: 95px;          /* Quand le texte est court */
		font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
        font-size: 11px;
        font-weight: normal;
        text-align:justify;
        padding: 5px 2px 3px 3px;
}
.artindex_pied { /*Mise en forme du Pied*/
        padding-bottom: 2px;
		padding-top: 2px;
        text-align: right;
}
.artindex_pied a.noir, .artindex_pied a.noir:visited, .artindex_pied a.noir:active {
	    padding-left: 15px;
	    background: url(../images/img04.gif) no-repeat left center;
		color: #c64934;
        text-decoration: none;
	    border: none;
}

.artindex_pied a.noir:hover {
        color:#666666;
        text-decoration: none;
	    border-bottom: 1px dotted #CCCCCC;
}

.article_pied { /*Mise en forme du Pied*/
        background-color: #b8b8a1;
        padding-bottom: 2px;
		padding-top: 2px;
        text-align: center;
}
/*--------------------------------------------------->
    "box_Article" corespondt au bloc Liens Relatifs
       "box_poll" lui au Bloc SONDAGE (pollBoth)
<---------------------------------------------------*/
#box_article, #box_poll {/*les 2 Blocs seront Identiques*/
      border: 1px solid #CCC;
      width: 170px;
      float: left;
      margin:0px 2px 0px 2px;
      padding:0;
      text-align: left;
}
.bloc_title1 {
      border-bottom: 1px solid #020fc2;
      height: 30px;
      width: 160px;
      line-height: 30px;
}
.bloc_content1 {
      padding: 0 5px 5px 5px;
      text-align: left;
      margin-bottom: 0px;
}
#box_poll li, #box_article  li {
      margin-left: 8px;
      list-style-type: none;
      color: #000000;
}
#box_article ul, #box_poll ul {
      margin: 0 0 0 5px;;
      padding: 0 0 0 5px;
}
#box_article .boxc {
      color: #000099;
      font-weight: bold;
      margin: 0 0 0 5px;
}
/*--------------------------------------------------->
              Stats.php - Jireck' work
<----------------------------------------------------*/
.graph {
      position: relative; /* IE is dumb */
      width: 200px;
      border: 1px solid #708090;
      padding: 2px;
    }
.graph .bar {
      display: block;
      position: relative;
      background: #AAC9E7;
      text-align: center;
      color: #333;
      height: 1em;
      line-height: 1em;
    }
.graph .bar span { position: absolute; left: 1em; }
/*--------------------------------------------------->
       Colonnes Gauche - Droite et Vos Blocs
<----------------------------------------------------*/
#colone_gche {
      width: 180px;
      float: left;
      position: relative;
}
.leftbloc {/* Un Bloc Gauche Global */
      text-align: left;
      margin:0;
      padding: 0;/* ==> Margin et Padding gérés dans LB_Contain */
      width: 180px;
}
.leftbloc .LB_title{
      background: url('../images/LB_Title.jpeg') left bottom no-repeat;
	  color: #8B0000;
	  font-family: Georgia, "Times New Roman", serif;
      font-size: 12px;
      font-weight: bold;
      height: 25px;
	  padding-left: 5px;
      line-height: 25px;
      text-align: center;
}
.leftbloc .LB_contain {/* ==> Bloc container pour le contenu */
      padding: 5px 3px 5px 5px;
}
.leftbloc .LB_contain ul  {
      list-style-type: none;
      margin: 0 0 0 5px; 
      padding: 0 0 0 5px;
}
.leftbloc .LB_contain li {
        list-style-image: url(../images/img04.gif);
		list-style-type: none;
		margin: 0px 0px 0px 10px;
}	
#colone_drte { /* Là où se trouvent vos Blocs droits*/
      width: 180px;
      float: left;
      position: relative;
      /*background: #f0f0f0;*/
}
.rightbloc {/* Un Bloc Droit Global */
      text-align: left;
      margin:0;
      padding: 0;/* ==> Margin et Padding gérés dans RB_Contain */
      width: 170px;
}
.rightbloc .RB_title{
      color: #993333;
	  height: 30px;
	  line-height: 30px;
      font-weight: bold;
      text-align: center;
      font-size: 1.20em;
      margin: 0px;
      padding: 0;
}
.rightbloc .RB_contain {/* ==> Ajout d'un bloc container pour le contenu */
      border: 2px dotted #D4A452;
      padding: 5px 3px 3px 5px;
}
.rightbloc .RB_contain ul {/* Bloc Droit */
      list-style-type: none;
      margin: 0 10px 0 0px;
      padding: 0px 5px 0px 0px;
}
/*-------------------------------->
    La Partie Footer de votre Site
---------------------------------->*/
#LB_31 .LB_contain {/* Un Bloc Droit Global */
		text-align: left;
		margin:0;
        padding: 5px;
        width: 325px;
}
#LB_31 .LB_title {
        /*background: url(../images/icon.gif) left no-repeat;*/
        color: #0E489E;
        font-size: 1.05em;
        font-weight: bold;
        height: 30px;
		line-height: 30px;
		width: 300px;
        /*padding: 0px 0px 0px 15px;*/
		margin: 0 0 0 3px;
}
#footer {
      text-align: center;
      width: 100%;
      clear: both;
}
#footer_pied {
		padding-top: 10px;
		padding-bottom: 5px;
        text-align: center;
        width: 100%;
}
.tabbed-box {
    width: 336px;
	float: left;
	/*background:  #CCCCCC;	*/
	height: 200px;
	/*border: 1px solid #ddd;*/ }
.tabbed-box .tabs li {
    list-style: none;
    float: left; }
ul.tabs  {
	margin: 0px 0 0 0px; /* ==> Diminution de la Marge */
    padding: 0;
	/*width: 100%;*/
	border-top: 1px solid #ddd ;
	}

.tabbed-box .tabs li a {
    display: block;
    width: 111px;
    padding: 5px 0;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #888;
    background: #fff url(tabbed-tab-bg.jpg) repeat-x bottom;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;}
.tabbed-box .tabs li:first-child a {
    border-left: none; }
.tabbed-box .tabs li a:hover {
    color: #333; }
.tabbed-box .tabs li a:focus {
    outline: none; }
.tabbed-box .tabs li a.active {
    background: #fff;
    color: #333;
    border-bottom: 1px solid #fff; }
.tabbed-box .tabs li a:hover {
    color: #333; }
.tabbed-box .tabs li a:focus {
    outline: none; }
.tabbed-box .tabs li a.active {
    background: #fff;
    color: #333;
    border-bottom: 1px solid #fff; }
.tabbed-content { 
    background: none;
	padding: 1em 0 ;
	display: none; }