/* surcharges de spip */

body{margin:0px; color:#555454}
#page {
	width: 1004px;
	background:white;
}

#conteneur { float:left; width:1004px; padding-bottom:1em;
             background:url(../IMG/generales/menu_raccord.jpg) top left repeat-y;
             } 
#conteneur #contenu {width:773px; margin-left:36px; /*margin-right:36px;*/}
#conteneur #contenuinterne { float:left; width:680px; margin-left:82px;/*margin-left:82px; margin-right:82px;*/}

ul.spip{margin-left:0; text-align:justify;}
li.spip{margin-left:8px; padding-top:4px;}
li li.spip{margin-left:0px;}



/* surcharge des styles du plan */

.page_plan .cartouche { display: block; }

.page_plan #contenu h2 {
	background: none;
	border: none;
	border-bottom:1px solid #ffb22a;;
	padding: 0.1em;
	text-align:left;
	/*margin-bottom: 1em;*/
 }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;   }
.page_plan #contenu .contre-encart li {}


/* tableaux non précisés fond vert */
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #FFF; }
table.spip tr.row_even { background: #f3fbec; }
table.spip td{color:#4e4e4e;}

/* tableaux blanc */
.tableauBlanc table.spip { border:1px solid #b2ce99; width:100%}
.tableauBlanc table.spip tr.row_even { background: #FFF; }
.tableauBlanc table.spip td { padding:36px; text-align:justify; vertical-align:top;}
.tableauBlanc table.spip th {padding:8px; text-align:center; background:#FFF;}

/* tableaux offre */
.tableauOffre table.spip { border:none; width:100%}
.tableauOffre table.spip tr.row_even { background: #FFF; }
.tableauOffre table.spip td { padding:18px; text-align:justify; vertical-align:top;}
.tableauOffre table.spip th {padding:8px; text-align:center; background:#FFF; color:#8d1224}

/* tableaux zone */
.tableauZone table.spip { border:none; width:350px;}
.tableauZone table.spip tr.row_even { background: #eef0f5; }
.tableauZone table.spip tr.row_odd { background:#f3fbec;  }
.tableauZone table.spip td { padding:18px; text-align:justify; vertical-align:top;}


/* tableau de la page clients */
.pageClients table.spip { border:1px solid #b2ce99; width:100%}
.pageClients table.spip tr.row_even {
	background: url(../IMG/generales/fond_clients.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.pageClients table.spip td { padding:36px; color:#4e4e4e; text-align:justify;}
.pageClients table.spip td strong { padding:0px 8px 2px 8px;
                                    /*background:#fff1ca;*/ border-left:1px solid #ffb22a;
                                    border-bottom:1px solid #ffb22a; }

.pageClients table.spip td blockquote{font-family:verdana,arial,helvetica,sans-serif;}

.pageRecrutement table.spip { width:100%; border:none; }
.pageRecrutement table.spip tr.row_even{
	background: url(../IMG/generales/fd_recrutement.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}


/* découpage de la page */
#etage1_a{ float:left; width:412px;height:137px;
           background:url(../IMG/generales/etage1_a.jpg);
           }
#etage1_b{ float:left; width:592px;height:137px;
           background:url(../IMG/generales/etage1_b.jpg);
           }
#etage1_c{ float:left; width:1004px;height:56px;
           background:url(../IMG/generales/etage1_c.jpg);
           }

#etage2_a{ float:left; width:239px;height:56px;
           background:url(../IMG/generales/etage2_a.jpg);
           }
#etage2_b_sommaire{ float:left; width:765px;height:56px;
                    background:url(../IMG/generales/etage2_b_sommaire.gif);
                    }
#etage2_b_titre{ float:left; width:765px;height:56px;
                 background:url(../IMG/generales/etage2_b_titre.gif);
                 }

#etage3_a{ float:left; width:159px;height:55px;
           background:url(../IMG/generales/etage3_a.jpg);}
#etage3_b_sommaire{ float:left; width:845px;height:55px;
                    background:url(../IMG/generales/etage3_b_sommaire.gif);
                    }
/* uniquement pour les pages intérieures, afin de gagner de la place en  hauteur,
   on intègre etage3_a à gauche du contenu */
#menu_int_container{float:left; width:159px;}


#menu{ float:left; width:159px; padding-top:1.5em; padding-bottom:2.5em;
/* l'image de fond du menu est transféré dans conteneur sinon on ne va pas jusqu'en bas
       /*background:url(../IMG/generales/menu.jpg) top repeat-y;*/
       font-family:Arial, Verdana,Sans-serif; font-size:0.77em;
       }
#pied{ float:left; width:1004px; height:28px;
       background-image:url(../IMG/generales/pied.jpg);
       background-position:top; background-repeat:no-repeat;
       margin:0;
       }


/* les typos surchargées */

.titre {font-size:1.27em; color:#8d1224; font-weight:bold; margin-right:80px; padding-top:8px; border-top:1px solid #7aab2b;}
h3.spip{ width:100%; color:#5e5e5e;  font-family:arial,helvetica, sans-serif;
         text-align:left;
         font-size: 1.03em; padding-bottom:4px; border-bottom:1px solid #91363b;}
.chapo{	margin-bottom: 0.1em;}
.texte{font-size:.77em; color:#4e4e4e;}
.soustitre{}








/* les liens */

#pied a{text-decoration:none; color:white;}

/* les liens du menu latéral */
a.bt_menu{ float:left; width:139px; height:16px; padding:4px;
           padding-left:10px; margin-top:1px; margin-bottom:1px;
           background: url(../IMG/generales/bt_menu_n.gif);
           background-repeat:no-repeat;
           }
a.bt_s_menu{ float:left; width:120px; height:12px;
             padding:2px; margin-left:18px; padding-left:18px;  margin-top:1px; margin-bottom:1px;
             background: url(../IMG/generales/bt_s_menu_n.gif);
             background-repeat:no-repeat;
             }
a:hover.bt_menu{ float:left; width:139px; height:16px; padding:4px;
           padding-left:10px; margin-top:1px; margin-bottom:1px;
           text-decoration:none;
           background: url(../IMG/generales/bt_menu_h.gif);
           background-repeat:no-repeat;
           }
a:hover.bt_s_menu{ float:left; width:120px; height:12px;
             padding:2px; margin-left:18px; padding-left:18px; margin-top:1px; margin-bottom:1px;
             text-decoration:none;
             background: url(../IMG/generales/bt_s_menu_h.gif);
             background-repeat:no-repeat;
             }

/* pour les memes boutons en condition de hilight permanent */

a.bt_menuON{ float:left; width:139px; height:16px; padding:4px;
           padding-left:10px; margin-top:1px; margin-bottom:1px;
           text-decoration:none;
           background: url(../IMG/generales/bt_menu_h.gif);
           background-repeat:no-repeat;
           }
a.bt_s_menuON{ float:left; width:120px; height:12px;
             padding:2px; margin-left:18px; padding-left:18px; margin-top:1px; margin-bottom:1px;
             text-decoration:none;
             background: url(../IMG/generales/bt_s_menu_h.gif);
             background-repeat:no-repeat;
             }


/* menu liste deroulante */
.menu_liste {
  float:left;
  width:153px;
	text-align: left;
  }
.s_liste {
  float:left; 
  width:159px; /*136*/
  /*margin-left:16px;*/
  text-align: left;
  font-family:Verdana,Arial,Sans-serif; font-size:0.82em; letter-spacing:-0.05em;
  }

/* colonnes du sommaire */
#colS1{float:left; width:246px; margin-right:10px; }
#colS2{float:left; width:256px; margin-right:10px; }
#colS3{float:left; width:246px;}
.teteRub_container{float:left;}
.logoRub{float:left; width:64px;height:50px;}
.ongletRub{ float:left; width:158px; height:33px; padding-left:24px; padding-top:14px;
            font-size:1.27em; line-height:1.03em; color:#951011;
            border-bottom: 3px solid #f9c44d;
            }
.ongletRub a{ color:#951011;}
.ongletRub a:hover { text-decoration:none; }
/* ajuster la taille en fonction des différents paddings */

#colS2 .teteRub_container .ongletRub{ width:168px; } /* plus large pour le dessin */

.colonne_sommaire{ font-size:0.77em; padding-top:8px; padding-left:0px; margin-bottom:8px;
                   height:230px; border-right:2px solid #f9c44d; }
.colS1.colonne_sommaire {padding-top:0px;}                 
                   
.pave_offre { margin-top:8px; font-size:0.9em; font-family : verdana, arial, sans-serif; font-size:0.9em; line-height:1em;}
.pave_offre p.spip {margin-top:4px; margin-bottom:0; font-size:0.9em;}
.pave_offre ul.spip {padding:0; padding-left:8px; padding-top:12px; margin:0;}
.pave_offre li.spip { padding:0; list-style-image:url(../IMG/generales/puce_orange.gif);
                      letter-spacing:-0.01em;  margin-right:16px; padding-top:2px;}
.pave_offre ul a { color:#555454 ;}
.pave_offre ul a:hover{ text-decoration:none;}

.page_plan li {list-style-image:url(../IMG/generales/puce_orange.gif);
               font-size:0.77em;}
.page_plan li.rub_plan {color: #8d1224; font-weight:bold;}

li.spip img {margin-right:8px;}



/* Les actu défilantes */

#zone_defilants{ 
position:absolute;
float:left;
  width:245px; height:240px;
	text-align:justify;
	font-family:Verdana,Arial,sans-serif; font-size:0.88em;
	color:#4e4e4e;
  overflow:hidden;
  /*visibility:hidden; /* sera révélé après positionnement par place()*/
}
h3.titredefilant{ font-size: 1.27em; font-weight:bold; padding:2px; padding-left:4px; margin-bottom:2px;
                  /*color:#658b27; border-bottom:1px solid #96bd56; */
                  text-align:left;
                  font-family:arial,helvetica,sans-serif;
                  color:white; background:#658b27;}
/* on prévoit 9 divs défilants pour les infos. Si +, les ajouter... */

/* TO DO : verifier que le js permet un nombre illimité */
#defile0{ position:absolute; margin:1px; text-align:justify; height:120px; width:240px;
          visibility:hidden; /*overflow:hidden;*/ }
#defile1{ position:absolute; margin:1px; text-align:justify; height:120px; width:240px;
          visibility:hidden; /*overflow:hidden;*/ }
#defile2{ position:absolute; margin:1px; text-align:justify; height:120px; width:240px; 
          visibility:hidden; /*overflow:hidden;*/ }
#defile3{ position:absolute; margin:1px; text-align:justify; height:120px; width:240px; 
          visibility:hidden; /*overflow:hidden;*/ }
#defile4{ position:absolute; margin:1px; text-align:justify; height:120px; width:240px; 
          visibility:hidden; /*overflow:hidden;*/ }
#defile5{ position:absolute; margin:1px; text-align:justify; height:120px; width:240px;
          visibility:hidden; /*overflow:hidden;*/ }
#defile6{ position:absolute; margin:1px; text-align:justify; height:120px; width:240px;
          visibility:hidden; /*overflow:hidden;*/ }
#defile7{ position:absolute; margin:1px; text-align:justify; height:120px; width:240px;
          visibility:hidden; /*overflow:hidden;*/ }
#defile8{ position:absolute; margin:1px; text-align:justify; height:120px; width:240px;
          visibility:hidden; /*overflow:hidden;*/ }
#defile9{ position:absolute; margin:1px; text-align:justify; height:120px; width:240px;
          visibility:hidden; /*overflow:hidden;*/ }