@charset "iso-8859-1";
/*----- Général ----- */
BODY {
    /*background: url(../images_res/template/fond_1.jpg)  ; /**/

    background: url(../images_res/template/wrapper_1_gimp_1390px.jpg)  ; /**/

    background-repeat: repeat-y;  /**/
    /*background-attachment:fixed;  /* le fond reste immobile même en scrolling */
    background-position: 50%  0px ;  /* horizontale verticale */
    background-color: #391C0E;/**/
    color: #ffffff; /**/
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
    margin: 0px;/**/
    padding : 0px;
}
/* ----- BASIC ELEMENTS ----- -- */

a {
}

a:hover {
}

a:visited {
}

h1 {
  color : #ffffff;
  font-size : 16px;
  margin : 0px;
  padding : 0px;
}


/*----- FORM ----- */
input   {
  border-top: 1pt solid #cccccc;
  border-bottom: 1pt solid #cccccc;
  border-right: 1pt solid #cccccc;
  border-left: 1pt solid #cccccc;
  font: normal 10px Verdana;
  width:70px;
  color: #707070;
  /*margin:5px 10px 5px 25px; /**/
}

input.login {
  /*margin-top:10px !important;
  margin-top:-5px;  */
margin : 0px;
padding : 0px;
}

form {
margin : 0px;
padding : 0px;
}

#login {
  font-size : 13px;
  font-weight : bold;
  color : #283976;
}

/*----- Gestion transparence PNG pour IE < 7 ----- */
/*img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }/**/
/* mettre iepngfix.htc et blank.gif dans le répertoire css */

/*----- template ----- */

#fond {
  background: url(../images_res/template/cadre_haut_8.jpg)  ; /**/
  background-repeat: no-repeat;
  /*background-attachment:fixed;  /* le fond reste immobile même en scrolling */
  background-position:  -134px  0px ;  /* horizontale verticale */
  background-color: #391C0E;/**/
  width: 100%;
  height : 51px;
  /*border : 1px solid red; /*  */
}

#haut {
  background: url(../images_res/template/cadre_haut_8.jpg)  ; /**/
  background-repeat: no-repeat;
  background-attachment:fixed;  /* le fond reste immobile même en scrolling */
  background-position:  50%  0px ;  /* horizontale verticale */
  background-color: #391C0E;/**/
  width: 100%;
  height : 51px;
  /*border : 1px solid red; /*  */
}
#main {
  background: url(../images_res/template/fond_3.jpg)  ; /**/
  background-repeat: repeat-y;
  /*background-attachment:fixed;  /* le fond reste immobile même en scrolling */
  background-position: 50%  0px ;  /* horizontale verticale */
  background-color: #391C0E;/**/
  width: 100%;
  height : 100px;
  /*border : 1px solid red; /*  */
}
#menu_baspage {
  background-color : #3B1D12;
  text-align : center;
}
#bas {
  width: 100%;
  height : 51px;
  border : 1px solid red; /*  */
}

#cadre_haut {
  background: url(../images_res/template/cadre_haut_2_gimp_1390px.jpg)  ; /*  cadre_haut_6.jpg  cadre_haut_9.jpg*/
  background-repeat: no-repeat;
  /*background-attachment:fixed;  /* le fond reste immobile même en scrolling */
  background-position: 50%  0px ;  /* horizontale verticale */
  position : relative;
  top : 0px;
  left : 0px;
  width: 990px;
  height : 38px;
  overflow : hidden;
  padding : 0px;
  margin : 0px;
  /*border : 1px solid red; /*  */
}

#cadre_haut2 {
  position : relative;
  top : 10px;
  left : 0px;
  width: 990px;
  height : 38px;
  margin-left: auto;
  margin-right: auto;
  background: url(../images_res/template/cadre_haut_4_gimp_1390px.jpg)  ; /*  cadre_haut_6.jpg  cadre_haut_9.jpg*/
  /*background: url(../images_res/template/general_1_gimp_1390px.jpg)  ; /**/
  background-repeat: no-repeat;
  /*background-attachment:fixed;  /* le fond reste immobile même en scrolling */
  background-position: 50%  0px ;  /* horizontale verticale */
}

#facebooktwitter {
  width : 80px;
  height : 40px;
  position : absolute;
  left : 50%;
  margin-left : 185px;
  top : 20px;
}
#facebookfage {
  float : left;
  border : none;
  position : relative;
  top : -6px;
  z-index : 3000;
}
#twitterfage {
  float : left;
  border : none;
  position : relative;
  top : -6px;
  z-index : 3000;
}


#zonerecherche {
  width: 260px;
  height : 25px;
  overflow : hidden;
  position :relative;
  top : 10px;
  left : 700px;
  text-align : right ;
}

#q {
  position : relative;
  top : 0px;
  border : 1px solid #000000;
  width:150px;
}

#ok_search {
  position : relative;
  top : 0px;
  border: 0px solid white;
  width: 20px;
  height : 20px;
  vertical-align : middle;
}

#languefr {
  position : relative;
  top : 3px;
}

#colonnedroite {

}

#contenu {
  width: 960px;
  position : relative;
  margin-left : 15px;  /**/
  overflow : hidden;
  color: #000000; /**/
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
}

#contenu a {
  color : #9848C4;
  text-decoration : none;
}

#contenu a:hover {
  text-decoration : underline;
  color : #A55FCB; /* #A55FCB  #8036a7 #B982D7 */
}

#contenu td {
  /*border : 1px solid red; /* */
}

#wrapper  {
  position : relative;
  top : 10px;
  left : 0px;
  width: 990px;
  margin-left: auto;
  margin-right: auto;
  /*border : 1px solid red; /*  */
  color : white;
  /*background-color: #D2B492;  /* #D2B492 */


    background: url(../images_res/template/general_1_gimp_1390px.jpg)  ; /**/

    background-repeat: repeat-y;  /**/
    /*background-attachment:fixed;  /* le fond reste immobile même en scrolling */
    background-position: 50%  -48px ;  /* horizontale verticale */



/*background: url(../images_res/template/fond_transparent.png)  ; /**/

/*
background-image:url(../images_res/template/fond_transparent.png) !important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images_res/template/fond_transparent.png');
*/

  /*background: url(../images_res/template/fond_wrapper_1.jpg)  ; /**/
  /*
  filter: alpha(opacity=70, style=0);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  -webkit-opacity: 0.7;
  */

  /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images_res/template/fond_transparent.png') /* */

}

#separation {
  position : relative;
  height : 0px;
}

#pied_page {
  position : relative;
  top : -0px;
  left : 0px;
  width: 990px;
  height : 123px;
  margin-left: auto;
  margin-right: auto;
  background: url(../images_res/template/pied_3.jpg)  ; /**/
  background-position: 50%  0px ;  /* horizontale verticale */
  /*border : 1px solid red; /* */
  font-size : 11px;
}

#pied_gauche {
  position : absolute;
  top : 70px;
  left : -20px;
  width: 20px;
  height : 144px;
  background: url(../images_res/template/pied_gauche_1.jpg)  ; /**/
  background-position: right  0px ;  /* horizontale verticale */
  background-repeat: no-repeat;  /**/
}

#pied_droit {
  position : absolute;
  top : -20px;
  right : -20px;
  width: 20px;
  height : 144px;
  background: url(../images_res/template/pied_droit_1.jpg)  ; /**/
  background-position: left  0px ;  /* horizontale verticale */
  background-repeat: no-repeat;  /**/
}


.cachediv {
  display:none;
}

.ongletstetiere {
}

#tetiere {
  position : relative;
  top : 0px;
  left : 10px;
  width: 968px;
  height : 151px;
  overflow : hidden;
  background: url(../images_res/template/tetiere_total_4.jpg)  ; /* tetiere_total_3.jpg */
  background-repeat: no-repeat; /**/
}

#tetiere a {
  color : #ffffff;
  text-decoration : none;
  font-weight : bold;
}
#tetiere a:hover {
  color : #ffffff;
  text-decoration : underline;
}

#tetieregauche {
  position : absolute;
  left : 10px;
  top : 4px;
  width : 762px;  /* 758 => 2px avant bord droit*/
  height : 142px;
  overflow : hidden;
  color : #ffffff;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  z-index : 500;
}


#tetieredroite {
  position : absolute;
  right : 6px;
  top : 4px;
  width : 194px;  /* 189 => 2px avant bord gauche */
  height : 140px;
  overflow : hidden;
  color : #ffffff;
  font-weight : bold;
  font-size: 14px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  /*
  filter: alpha(opacity=80, style=0);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -webkit-opacity: 0.8;
  */
  z-index : 1000;
}

#tetieredroite a {
  color : #ffffff;
  font-weight : bold;
  font-size: 14px;
  text-decoration : none;
}

#tetieredroite a:hover {
  text-decoration : underline;
}
/* côté gauche tétière */
.tetiereg1 {
  width : 220px;
  height : 142px;
  position : absolute;
  left : 00px;
  top : 0px;
  overflow : hidden;
  text-align : center;
  color : #ffffff;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  /*font-weight : bold;  /*  */
  z-index : 2000;
}

.tetiereg2 {
  width : 534px;  /* 542px */
  height : 142px;
  position : absolute;
  left : 220px;
  top : 0px;
  overflow : hidden;
  color : #ffffff;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  text-align : justify;
  /* background-color : #1CA0C6;  /* */
  padding : 0px;
  padding-top : 5px;
  padding-left : 5px;
  filter: alpha(opacity=75, style=0);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  -webkit-opacity: 0.75;
  font-weight : bold;
}
.tetiereg2Bis {
  width : 534px;  /* 542px */
  height : 142px;
  position : absolute;
  left : 220px;
  top : 0px;
  overflow : hidden;
  color : #ffffff;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  text-align : justify;
  /* background-color : #1CA0C6;  /* */
  padding : 0px;
  padding-top : 5px;
  padding-left : 5px;
}

/* côté droit tétière */

#tetierel0 {  /* accueil */
  vertical-align : center;
  color : #ffffff;
  font-size: 13px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  width : 189px;
  height : 19px;
  padding-left : 6px;
  border-bottom : 1px solid #75554A;
  background-color : none; /*  */
}
/*
#tetierel0 a {
  color : #ffffff;
  font-weight : bold;
  font-size: 13px;
  text-decoration : none;
}
#tetierel0 a:hover {
  text-decoration : none;
}
*/

#tetierel1 {
  vertical-align : center;
  color : #ffffff;
  font-size: 13px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  width : 189px;
  height : 19px;
  padding-left : 6px;
  border-bottom : 1px solid #75554A;
  background-color : none; /*  */
}
/*
#tetierel1 a {
  color : #ffffff;
  font-weight : bold;
  font-size: 13px;
  tex-decoration : none;
}
#tetierel1 a:hover {
  text-decoration : none;
}
*/

#tetierel2 {
  vertical-align : center;
  color : #ffffff;
  font-size: 13px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  width : 189px;
  height : 19px;
  padding-left : 6px;
  border-bottom : 1px solid #75554A;
  background-color : none; /*  */
}
/*
#tetierel2 a {
  color : #ffffff;
  font-weight : bold;
  font-size: 13px;
  text-decoration : none;
}
#tetierel2 a:hover {
  text-decoration : none;
}
*/

#tetierel3 {
  vertical-align : center;
  color : #ffffff;
  font-size: 13px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  width : 189px;
  height : 19px;
  padding-left : 6px;
  border-bottom : 1px solid #75554A;
  background-color : none; /*  */
}
/*
#tetierel3 a {
  color : #ffffff;
  font-weight : bold;
  font-size: 13px;
  text-decoration : none;
}
#tetierel3 a:hover {
  text-decoration : none;
}
*/

#tetierel4 {
  vertical-align : center;
  color : #ffffff;
  font-size: 13px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  width : 189px;
  height : 19px;
  padding-left : 6px;
  border-bottom : 1px solid #75554A;
  background-color : none; /*  */
}
/*
#tetierel4 a {
  color : #ffffff;
  font-weight : bold;
  font-size: 13px;
  text-decoration : none;
}
#tetierel4 a:hover {
  text-decoration : none;
}
*/

#tetierel5 {
  vertical-align : center;
  color : #ffffff;
  font-size: 13px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  width : 189px;
  height : 19px;
  padding-left : 6px;
  border-bottom : 1px solid #75554A;
  background-color : none; /*  */
}
/*
#tetierel5 a {
  color : #ffffff;
  font-weight : bold;
  font-size: 13px;
  text-decoration : none;
}
#tetierel5 a:hover {
  text-decoration : none;
}
*/

#tetierel6 {
  vertical-align : center;
  color : #ffffff;
  font-size: 13px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  width : 189px;
  height : 19px;
  padding-left : 6px;
  border-bottom : 1px solid #75554A;
  background-color : none; /*  */
}
/*
#tetierel6 a {
  color : #ffffff;
  font-weight : bold;
  font-size: 13px;
  text-decoration : none;
}
#tetierel6 a:hover {
  text-decoration : none;
}
*/

#titrart {
  position : absolute;
  top : -4px;
  left : 10px;
  width : 660px;
  height : 22px;
  overflow : hidden;
  z-index: 2000;
}

.TitreBleu {
   color : #ffffff; /* */
   background-color : #1D84A1;
   font-size: 18px;
   padding : 3px;
   margin : 3px;
}
.TitreRouge {
   color : #ffffff; /* */
   background-color : #B32320;
   font-size: 18px;
   padding : 3px;
   margin : 3px;
}
.TitreVert {
   color : #ffffff; /* */
   background-color : #528423;
   font-size: 18px;
   padding : 3px;
   margin : 3px;
}
.TitreOrange {
   color : #ffffff; /* */
   background-color : #C85D1A;
   font-size: 18px;
   padding : 3px;
   margin : 3px;
}
.TitreViolet {
   color : #ffffff; /* */
   background-color : #8E0B55;
   font-size: 18px;
   padding : 3px;
   margin : 3px;
}
.TitreGris {
   color : #ffffff; /* */
   background-color : #736D6A;
   font-size: 18px;
   padding : 3px;
   margin : 3px;
}
.TitreMarron {
   color : #ffffff; /* */
   background-color : #86583C;
   font-size: 18px;
   padding : 3px;
   margin : 3px;
}