/************************************************************************/
/*                                                                      */
/* Thème : "Dyna-Theme" Par Fred Alias Canasson - 2009 - clicimpact.fr  */
/*                                                                      */
/*                                                                      */
/* 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%;}
body { /*Aspect Général: Fond, Textes, Marges, etc...*/
        background-color: #000;
        color: BLACK;
        font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
        font-size: .75em;
        font-weight: normal;
		margin: 0;
        text-align: center; 
        padding: 0;
}
hr {/*---Règle horizontale servant de séparation---*/
        color: #c64934;
		background-color: #c64934;
        border: 0;
        height: 1px;
}
td {
        font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
		color: #333333;
        font-size: 1em;
}
/************************************************************************/
/*                   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: #f0f0f0;
        text-decoration: none;
}
.lignb {
        background-color: #cccccc;
        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: 2px 0px 2px 2px;
  width: 98%;
}

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

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: 200px;
  margin-top: 5px ; /* set top margin same as form input - textarea etc. elements */
  padding: 0; /* Intervient dans le user : la date */
  text-align: right;
}

input, select, radio, checkbox, textarea { /* Champs de Données */
  border: #427fbc 1px solid;
  color: #000000;
  background-color: #FFFFCC;
  margin: 5px 0 0 5px ; /* set top margin same as form input - textarea etc. elements */
  padding: 0;
}
textarea { /* Champs de Données */
  width: 350px;
}

form label span {color: red;} /* Utilisé dans user ! */

form br {clear:left;}

form p { text-align:center; }
/************************************************************************/
/*            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 */
        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  {
		background:  url('../images/bg_h3.jpg') left no-repeat;
        color: #0E489E;
        font-size: 1.25em;
        font-weight: bold;
        height: 45px;
		line-height: 45px;
        padding: 5px 5px 5px 35px;
		margin: 0 25px 0 35px;  
}
h3 {
        color: #0A3987;
		font-family: "Times New Roman", Times, "Nimbus Roman No9 L", serif;
        font-weight: bold;
        text-align: left;
        font-size: 1.15em;
        margin: 0.25em 0;
}
h4 {
        color: #0773A3;
        font-weight: bold;
        font-size: 1.15em;
}
.texte_vert {font-size: 1.15em; font-weight: bold; color: #A4C921; margin:0.5em 0;}
.texte_indigo {font-size: 1.15em; font-weight: bold; color: #6600cc; margin:0.5em 0;}
.texte_bleu {font-size: 1.15em; font-weight: bold; color: #1985D2; margin:0.5em 0;}
.texte_rouge {font-size: 1.15em; font-weight: bold; color: #E66A0A; margin:0.5em 0;}
.texte_noir {font-weight: bold; color: #000; margin:0.5em 0;}
.texte_gris {background-color: #E6E5E5; margin: 0; padding: 5px;}
/************************************************************************/
/*         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:965px;
}
/*--------------------------------------------------->
    Affichage du Haut "header.html" de votre Site
<---------------------------------------------------*/
#contain_header {
        background: #FFFFFF url(../images/bg_header.jpg) repeat-y 0 0;
        border: 0 ;
		position: relative;
		height: 205px;
        /*text-align: center;*/
		width:965px;
} 
#header_sub{ /* Ici - Le Header Complet avec Image de Fond */
        float: left;
        background: #000 ;
        height: 20px;
        width: 965px;
}
/* -----  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: #ffffff;
}
#header_top { /* Ici - Le Header Complet avec Image de Fond */
        float: left;
        background: #fff url(../images/bg_headtop.jpg) 0 0 no-repeat;
        height: 25px;
        width: 965px;
}
#header_logo { /* Ici - Le Header Complet avec Image de Fond */
        float: left;
        height: 160px;
		padding-left: 22px; 	  
        width: 222px;
}
#header_nav{ /* Ici - Le Header Complet avec Image de Fond */
        float: left;
        background: #fff url(../images/bg_navtop.jpg) 0 0 no-repeat;
        height: 49px;
        width: 965px;
}
#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_logo a {
	position: relative;
	display: block;
	width: 200px;
	height: 160px;
	margin: 0 auto 0 auto;
	text-decoration: none;
	background: url(../images/image_bg3.jpg) no-repeat 0 0;
	cursor: pointer;
}
#header_logo a span, #header_menu a span { visibility: hidden; }
#header_menu {/* Le Bloc Menu au pied du Header */
		float: left;
		background:  url(../images/slog2.jpg) 92% 52% no-repeat;
		width: 721px;
		height:160px;
}
#header_menu a {
	position: relative;
	/*top: 11px;*/
	display: block;
	width: 265px;
	height: 95px;
	margin: 0 auto 0 0;
	text-decoration: none;
	background: url(../images/logo_bg.jpg) 0 0 no-repeat;
	cursor: pointer;
}
/* -----  Menu-Haut--Les Boutons -----*/
#header_menu ul{
	width:700px;	 
	margin:0; 
	padding:0; 
	height:29px;
	list-style-type:none;
	position:absolute;
	top:176px;
}
#header_menu ul li{
	float:left;
	margin:0 1px 0 0;
}
#header_menu ul li a{
	background:url(../images/nav_bg.gif) 0 0 no-repeat;
	width:102px;
	height:29px;
	display:block;
	float:left;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
}
#header_menu ul li a:hover{
	background:url(../images/nav_hover.gif) 0 0 no-repeat;
	width:102px;
	height:29px;
	color:#4C4C4C;
	background-color:inherit;
}
/*--------------------------------------------------->
         La Partie CENTRALE de votre Site     
<---------------------------------------------------*/   
#contain_center {/*Container Englobant toutes les colonnes*/ 
		background: url(../images/bg_contain.jpg) 0 0 repeat-y;
		float: left;
        width:965px; 
}
#colcen {/* La Partie Centrale avec Pdst = -1 */
        float: left; 
        width: 965px;	
}
#colcen1 {/* La Partie Centrale avec Pdst = 1 - 3 et 4 */
		float: left;   
        width: 460px;
}
#colcen0 {/* La Partie Centrale avec Pdst = 0 ou Pdst=2 */
        float: left; 
        width: 700px;		
}
.colcenews {/* Partie Centrale Gauche */
        float: left; 
        width: 400px;  
}  
.newstitle  {
		background: #ffffff url('../images/bg_titleright.jpg') no-repeat 0 0;
        color: #fff;	
		float: left; 
		width: 185px;	  
        font-size: 1.25em;
        font-weight: bold;
        height: 26px;
		line-height: 26px;
        text-indent:25px; 
		margin: 0 0 0 25px;
} 
.colceninfos {/* Partie Centrale Droite */
        float: left; 
        width: 200px;	
}
#colcen2 {/* La Partie Centrale Pdst=2 */
        float: left; 
		/*width: 627px !important;   */
        width: 627px;	
		padding-left: 20px; 
}
/*--------------------------------------------------->
      Edito se rapporte donc à "editorial.html"   
<---------------------------------------------------*/ 
/*.ident {
    background-color: #fff;
	font-size: 1.25em;
	text-align:center;
	padding:  3px;
	text-decoration: none;
	width: 95%;
}*/
#editorial {
		width: 965px ;
		padding-left: 25px;
}
.edito_lefttbox {
	width: 625px;
	float: left;
	background:  url('../images/bg_tabsb.jpg') left no-repeat;
	height: 250px;
}
.pageup {
		width: 95% ; 
		color: #29292B;
		/*margin: 0 20px 0 10px;*/
		padding: 0 5px 0 10px;	 
} 
.page ul {
        /*list-style-type: none; ==> Suppression car indiqué plus bas*/
        margin: 0 0 0 5px; /* ==> Diminution de la Marge */
        padding: 0 0 0 5px;
} 
.page  li {/* ==> Une Autre Possibilité pour positionner une Image comme puce */
        list-style-type: none;
        background-image: url(../images/puce.gif);
        background-repeat: no-repeat;
        background-position: 0% 65%;
        padding-left: 15px;
}	
#contain_pixi {
        border: 0 ;
		position: relative;
		height: 200px;
		width:600px;
} 
#img_pageup {
        float: left;
        height: 200px;	  
        width: 200px;
}
#img_pageup a {
	position: relative;
	/*top: 11px;*/
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto 0 auto;
	text-decoration: none;
	background: url(../images/pixi_logo.jpg) no-repeat 0 0;
	cursor: pointer;
}
#img_pageup a span { visibility: hidden; }
#pixi_pageup {
        float: left;
        height: 200px;
		/*padding-left: 22px; */	  
        width: 400px;
}
#entete {
		width: 600px ; 	
		/*float: left; 	 */
		height: 90px;	
		background: none;
		margin:  0 ;
		padding:  0;	 
} 
#entete p {position: relative;  width:450px; padding-left:140px; text-align:justify;} 
#entete img {position: absolute; left:0;}
#entete span {font-size: 1.1em; font-family: Georgia, "Times New Roman", serif; font-weight: bold; color: #0E489E; text-align:left;}
#entetebig {
		width: 600px ; 	
		/*float: left; 	 */
		height: 120px;	
		background: none;
		margin:  0 ;
		padding:  0;	 
} 
#entetebig p {position: relative;  width:450px; padding-left:140px; text-align:justify;} 
#entetebig img {position: absolute; left:0;}
#entetebig span {font-size: 1.1em; font-family: Georgia, "Times New Roman", serif; font-weight: bold; color: #0E489E; text-align:left;}
blockquote {	
        background : transparent url('../images/quote.gif') no-repeat scroll 10px 10% ;
        margin: 0; 
        padding: 0 0 0 3em;
} 
#domaine {
 width: 600px;
 height: 180px;
 background: url('../images/menu.jpg');
 margin: 0; padding: 0;
 float: left; 
 position: relative;
}
#domaine li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#domaine a {display: block;}

#domaine1 {left: 0px; top: 0px; width: 120px; height: 90px;}
#domaine2 {left: 240px; top: 0px; width: 120px; height: 90px;}
#domaine3 {left: 480px; top: 0px; width: 120px; height: 90px;}
#domaine4 {left: 120px; top: 90px; width: 120px; height: 90px;}
#domaine5 {left: 360px; top: 90px; width: 120px; height: 90px;}
#domaine1 a {height: 90px;}
#domaine2 a {height: 90px;}
#domaine3 a {height: 90px;}
#domaine4 a {height: 90px;}
#domaine5 a {height: 90px;}

#domaine1 a:hover {background: url('../images/menu.jpg') 0px -180px no-repeat;}
#domaine2 a:hover {background: url('../images/menu.jpg') -240px -180px no-repeat;}
#domaine3 a:hover {background: url('../images/menu.jpg') -480px -180px no-repeat;}
#domaine4 a:hover {background: url('../images/menu.jpg') -120px -450px no-repeat;}
#domaine5 a:hover {background: url('../images/menu.jpg') -360px -450px no-repeat;}
.pageup ul li {
        list-style-type: none; /* On Supprime les bullets*/
} 
.partenup {
        float: left;
		width: 95% ; 
		color: #29292B;
		/*margin: 0 20px 0 10px;*/
		padding: 0 5px 0 10px;	 
} 
.partenup_logo { /* Mise en forme pour le sujet*/
		border : 0;
		float: right; 
        margin: 3px 3px 0px 5px;  /* placement dans le conteneur */
}
.partenup_texte{
        text-align:justify;
        padding: 1px 0px 2px 3px;
}
/*.partenup p {position: relative;  width:450px; padding-left:140px; text-align:justify;} 
.partenup img {position: absolute; left:0;}
.logo {float: left; width:150px; left:0;}
.partenup span {font-size: 1.1em; font-family: Georgia, "Times New Roman", serif; font-weight: bold; color: #0E489E; text-align:left;}*/
/*--------------------------------------------------->
  Affichage des Articles en page Index et Detail-news   
<---------------------------------------------------*/ 
.article_bloc {/*Le contenant*/
		/*margin: 2px 2px 5px 10px;	*/
	    padding:0; 
	    float: left;
	    width: 400px;	
		width: 380px !important;	  
}
.article_sujet { /* Mise en forme pour le sujet*/
		border : 0;
		float: left; 
        margin: 3px 3px 0px 5px;  /* placement dans le conteneur */
}
.article_title  {
        color: #000;
		font-family: "Times New Roman", Times, "Nimbus Roman No9 L", serif;	
		text-decoration: underline;
		font-size: 1.15em;
        font-weight: bold;
}
.article_texte{
        text-align:justify;
        padding: 3px 0px 2px 3px;
}
.article_pied {
   font-size: 1em;
   text-align: right;
   top: 0em;
   padding: .5em;
   text-decoration: none;
   width: 85%;
}
.article_all {/*Le contenant*/
		background: url('../images/bg_tabsb.jpg') no-repeat 0% 10%;
	    padding-left: 15px; 
	    float: left;
	    width: 600px;	
		width: 580px !important;	  
}
.texte_all{/*Mise en forme pour le Texte*/
        text-align:justify;
        padding: 5px 8px 0 3px ;
}
.title_all  {/* Titre : Map - Forum - Articles (index et détail) */
        background-image: url(../images/folder.gif);
        background-repeat: no-repeat;
        background-position: 0% 65%;
        padding-left: 25px;
        color: #E66A0A;
		font-family: "Times New Roman", Times, "Nimbus Roman No9 L", serif;	
		font-size: 1.25em;
        font-weight: bold;
}
.note { /* Mise en forme si Note */
        border: 1px solid #dddddd;
		width:60%;
		text-align:center;
		font-style: italic;
        font-size: .9em;
        padding: 3px;
}
.article_plus {
   /*background-color: #fff;*/
   font-size: 1em;
   /*color: #646464;*/
   text-align: center;
   top: 0em;
   padding: 1em;
   /*float: right;*/
   text-decoration: none;
   width: 85%;
   /*position: relative; */
}
.article_pied a, .article_pied a:visited, .article_p a:link, .article_plus a, .article_plus a:visited, .article_plus a:link { color: #FD6401; text-decoration: none }
.article_pied a:hover, .article_plus a:hover { text-decoration: none; color: #999999 }
/*--------------------------------------------------->
    "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: 150px;
        float: left;
        margin:0px 2px 0px 2px;
        padding:0;
        text-align: left;
}
.bloc_title1 {
		border-bottom: 1px solid #020fc2;
        height: 30px;
		width: 150px;
        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
<----------------------------------------------------*/
.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 {
        border:#FF6600 solid 1px;
	    background: #FF660e url('../images/colgauche_bg.gif') 0 0 repeat-x ;
        width: 185px;
        float: left;
        position: relative;
}
.leftbloc {/* Un Bloc Gauche Global */
		text-align: left;
		margin:0;
        padding: 5px 0px 5px 2px;
        width: 185px;
}

.leftbloc ul {
        list-style-type: none;
        margin: 0 0 0 5px; 
        padding: 0 0 0 5px;
} 
#colone_drte { /* Là où se trouvent vos Blocs droits*/
        width: 285px;
        float: left;   
        position: relative;	   
}
.rightbloc  {/* Un Bloc Droit Global */
		text-align: left;
		margin:0;
        padding: 5px 5px 5px 3px;
        width: 265px;
}
.rightbloc ul {/* Bloc Droit */
		list-style-type: none;
		margin: 0 10px 0 0px; 
        padding: 0px 5px 0px 0px;
}
/*--------------------------------------------------->
       CSS sur un Bloc en Particulier
	   Ici le Bloc ID 2 donc Menu
<----------------------------------------------------*/ 
#RB_9, #RB_1 {/* Un Bloc Droit Global */
		text-align: left;
		margin:0;
        padding: 5px 5px 5px 3px;
        width: 285px;
}
#RB_9 .RB_title {
        background: #fff url('../images/bg_h3b.jpg')  no-repeat 0 50%;
		/*padding-left: 50px;*/
		font-family: Georgia, "DejaVu Serif", Norasi, serif;
        color: #6600cc;
        font-size: 1.82em;
        font-style: italic;
		/*letter-spacing: -1px;*/
        height: 45px;
		/*width: 250px;	  */ 
        text-align: center;
        line-height: 45px;
}

#RB_9  ul{
    margin: 0;
	padding: 10px 0 0 0;	
	width: 285px;
	list-style: none;
}

#RB_9  ul li{
	margin: 0;	
	padding: 0; 
	/*border-bottom: 1px dashed #D1D1D1;*/
} 
#RB_9  ul li a{
    font-size:1em;
	font-weight:bold;
	/*line-height:17px;	  */
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#A4C921;
	color:#FFFFFF;
	margin:0px;
	display:block;
	padding:5px 0 5px 15px;
	border-bottom:1px #000000 solid;
	text-decoration:none;
}
#RB_9  ul li a:hover{
	background-color:#E66A0A;
	color:#FFFFFF;
}
/*--------------------------------------------------->
       CSS sur un Bloc en Particulier
	   Ici le Bloc Right ID 1 Login
<----------------------------------------------------*/ 
#RB_5 .RB_title {
        background: #000 url('../images/top_login.jpg') 0 0 no-repeat;
		font-family: Georgia, "Times New Roman", serif;
        color: #7BCA0A;
        font-size: 1.25em;
        font-weight: bold;
        height: 45px;
		width: 260px;
        text-align: center;
        line-height: 45px;
}
#RB_5 .RB_contain{
        background: #131313;
		/*text-align: left;*/
		color: #fff;
		width: 260px;
        margin:  0 ;
	    padding: 0px;
}
#RB_5 .RB_footer{
        background: #000 url('../images/bottom_login.jpg') 0 0 no-repeat;
		/*text-align: left;*/
		width: 260px;
		height: 20px;
        margin:  0 ;
	    padding: 0px;
}
#RB_5 .RB_contain form, #RB_5 .RB_contain p {  /* Délimitation de votre Formulaire*/
  /*text-align: center;*/
  margin: 0;
  padding: 0;
  width: 98%; /* Je dois vérifier quelquechose !! */
}
#RB_1 .RB_title  {/* Titre : Map - Forum - Articles (index et détail) */
		background: #ffffff url('../images/bg_title.jpg') no-repeat 0 50%;
        color: #0E489E;	
		float: left; 
		/*width: 260px;	  */
        font-size: 1.25em;
        font-weight: bold;
        height: 45px;
		line-height: 45px;
        padding-left: 45px;
		/*margin: 0px;	*/
} 
#RB_1 .RB_contain{
        /*background: #131313; */
		text-align: center;
		color: #000;
		width: 260px;
        margin:  0 ;
	    padding: 0px;
}  
#LB_1 .LB_title  {/* Titre : Map - Forum - Articles (index et détail) */
		background: #ffffff url('../images/bg_titleright.jpg') no-repeat 0 0;
        color: #fff;	
		float: left; 
		width: 185px;	  
        font-size: 1.25em;
        font-weight: bold;
        height: 26px;
		line-height: 26px;
        text-indent:25px;
		/*margin: 0px;	*/
} 
#LB_1 .LB_contain{
        /*background: #131313; */
		text-align: left;
		color: #000;
		width: 185px;	
        margin:  0 ;
	    padding: 0px;	
}  
/*-------------------------------->
    La Partie Footer de votre Site 
---------------------------------->*/
#footer {
        text-align: center;	 
		background:  url(../images/bg_nav_bottom.jpg) 0 0 no-repeat;
        width: 965px;
		height: 49px;
		clear: both;
}
.footinfos {
        text-align: center;	 
		float: left; 
		width: 625px !important;   
        width: 645px;	
		padding-left: 20px; 
}
.footaout {
        text-align: center;	 
		float: left; 
		color: #fff;
        width: 965px;	
		height: 49px; 
}
.slideshow { height: 105px; width: 265px; margin: auto }
.slideshow img { padding: 90px 5px 5px 5px; /*border: 1px solid #ccc; background-color: #eee;*/ }
.edito_rightbox {
	width: 265px;
	float: left;
	background: #fff url(../images/bg_parten.jpg) no-repeat top;
	height: 250px;
	/*border: 1px solid #ddd; }*/
}  
.title_rightbox  {/* Titre : Map - Forum - Articles (index et détail) */
		background: #FFFFFF url('../images/bg_title.jpg') left no-repeat;
        color: #0E489E;	
		float: left;
        font-size: 1.25em;
        font-weight: bold;
        height: 45px;
		line-height: 45px;
        padding: 0px 0px 0px 45px;
		margin: 0px;
}
#edito_contact {/* Le Bloc Menu au pied du Header */
		float: left;
		/*border-bottom: 1px solid #c64934;*/
		/*background: #fff ;*/
		width: 200px;
		height:45px;
		/*text-align: left;*/
}
#edito_contact a {
	position: relative;
	/*top: 11px;*/
	display: block;
	width: 265px;
	height: 45px;
	margin: 0 auto 0 auto;
	text-decoration: none;
	background: url(../images/bg_tel.jpg) no-repeat 30px 0;
	cursor: pointer;
}
#edito_contact a span { visibility: hidden; }

.tabbed-box {
	width: 600px;
	float: left;
	background:  none;
	/*height: 220px;*/
	/*border: 1px solid #ddd;*/ }
.tabbed-box .tabs li {
	list-style: none;
	float: left; 
	background: #fff url('../images/img04.gif') no-repeat 9% 60%;
    /*background-repeat: no-repeat;
    background-position: 0% 65%;*/
	/*padding-left: 15px*/
	}
ul.tabs  {
	margin: 15px 0 0 16px; /* ==> Diminution de la Marge */
    padding: 0;
	/*width: 100%;
	border-bottom: 1px solid #ddd ;*/
	}
.tabbed-box .tabs li a {
	display: block;
	width: 120px;
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #888;
	/*background: #fff /*url('../images/fleche-orange.png')left no-repeat*/;
	border-left: 1px solid #fff;
	/*border-bottom: 1px solid #fff;*/}
.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: #EEF0EF;
	color: #333;
	/*border-bottom: 1px solid #fff;*/ }
.tabbed-content {
	padding: 3em 3em 1em 3em;
	display: none; }
#contain_tabs {
    background: url('../images/bg_tabs.jpg') bottom no-repeat #fff;
    /*margin-top: 0px;
	margin-bottom: 0px;*/
	/*position: relative;*/
	float: left;
	height: 280px;
	/*border: 2px dotted #D4A452 ;*/
	/*text-align: center;*/
	width: 675px; 
	}
#tabnav { float:left; width: 675px;}
#tabnav ul { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 2em 1em 2em; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
#tabnav ul li { /* do not change */
display: inline;
}
#tabnav ul li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}
#tabnav ul li a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}
#tabnav ul li a:focus, #tabnav ul li a.active {
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}
#lignedessous {
clear: both;
width: 100%;
height: 16px;
	background-image: url(../images/lignedessous.jpg);
	background-repeat: repeat-x;
}
/* Menu Soluce*/
#outer {background: url(../images/fond_menu.jpg) no-repeat; width:600px; text-align:center; padding-top:10px; height:485px; position:relative;margin:25px auto 100px auto;}
#iner {background: url(../images/reseau.jpg) no-repeat; width:600px; text-align:center; padding-top:20px; height:410px; position:relative;margin:10px auto 15px auto;}
/* hack for IE5.5 */
* html #outer {height:350px; he\ight:330px;}
#hex {padding:0; margin:0 auto; list-style:none; width:325px;}
#hex li {display:block; float:left; width:104px; margin-right:4px;  height:120px;}
#hex li.p1 {padding-left:54px;}
#hex li.p2 {margin-top:-26px;}
#hex li a {text-decoration:none; color:#000; cursor:pointer;}
#hex li a b {display:block; width:0; height:0; overflow:hidden; border-bottom:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;}
#hex li a span {display:block; width:104px; height:60px; line-height:59px; text-align:center; background:#ec0; font-size:11px; font-family: arial, veradana, sans-serif;}
#hex li a em {display:block; width:0; height:0; overflow:hidden; border-top:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;}
/* hack for IE5.5 */
* html #hex li a b, * html #hex li a em {width:104px; height:30px; w\idth:0; he\ight:0;}

#hex li a.inner b {border-bottom-color:#A4C921;}
#hex li a.inner span {background:#A4C921;}
#hex li a.inner em {border-top-color:#A4C921;}

#hex li a:hover {white-space:normal; color:#fff;}
#hex li a:hover b {border-bottom-color:#6600cc;}
#hex li a:hover span {background:#6600cc;}
#hex li a:hover em {border-top-color:#6600cc;}

#hex li a.inner:hover b {border-bottom-color:#a40;}
#hex li a.inner:hover span {background:#a40;}
#hex li a.inner:hover em {border-top-color:#a40;}