/*________Couleurs utilisées________

   vert flashy = #ACE51D 
   vert bandeau haut = #009900
   vert bandeau gauche = #69BB49
   jaune = #FFCC00
   orange = #F99209 
   rouge orange logo = #E9510F
   rouge = #CC3300 
   gris très clair (fond encart central) = #EEEEEE
   gris clair = #DAD9D9
   gris foncé = #59626A
   violet = #6D84C5;
   bleu marine = #000080;
   */
   
/*___________dimensions images vous et nous___________
80px x 102px*/

/*______on importe les autres feuilles de style______*/
@import url(commande.css);
@import url(extranet.css);
@import url(pages.css);
@import url(nouveaux_styles.css);

/*_________éléments de base de la structure_________*/

body {
  margin: 0;
  padding: 0;
  background-color: #DAD9D9; /* gris clair */
  color: #59626A;  /* gris foncé */
  font-size: 12px;
  font-family: arial, Verdana, Times, sans-serif;
  /*text-align: center;  on centre le layout dans ie5 et 5.5 */
}

#header {      /* en-tête */
  position :relative;
  height: 146px;
  background-image: url(../images/haut.jpg);
  background-repeat: no-repeat;
  /*border-style: dotted;*/
}

#conteneur {   /* zone du site */
  position: absolute;
  width: 970px;
  left: 50%;
  margin-left: -485px;
  margin-top: 15px;
  background-color: #EEEEEE;
  background-image: url(../images/fond.jpg) ;
  /*background-position: right;*/
  background-repeat: repeat-y;
}

#gauche {    /* colonne de gauche avec le menu */
  position: relative;
  /*left:0;*/
  float: left;
  width: 212px;
  /*height: 620px;*/
  background-image: url(../images/gauche.jpg) ;
  background-position: left;
  background-repeat: repeat-y;
 /*border-style: dotted;*/
  background-color: #69BB49;
}

#centre {    /* zone d'affichage */
  /*position :relative;
  background-color:#EEEEEE;
  margin-left: 212px;*/
  background-image: url(../images/droite.jpg) ;
  background-position: right;
  background-repeat: repeat-y;
  color: #59626A;  /* gris foncé */
  font-size: 12px;
  font-family: arial, Verdana, Times, sans-serif;
  
  /* contexte de formatage du div pour que les éléments flottants ne descendent pas en dessous du menu */
  overflow: hidden;
  height:1%;
}

#pied {    /* pied de page */
  clear: both;
  height: 52px;
  background-image: url(../images/bas.jpg);
  background-repeat: no-repeat;
}



/*________HAUT________*/

#anim_flash {
  position: absolute;
  width: 168px;
  top: 13px;  /*margin-top: 13px;*/
  left: 30px;  /*margin-left: 15px;*/
  /*border: #59626A 2px solid;*/
  float :left;
}

#bienvenue{
  position: absolute;
  top: 25px;  /*margin-top: 32px;*/
  left: 230px;  /*margin-left: 30px;*/
  width: 400px;
  color: #FFFFFF;
  /*border: #59626A 2px solid;*/
  float :left;
  font-family: arial, Verdana, Times, sans-serif;
  font-weight :bold;
  font-size :14px;
  letter-spacing: 1px;
}

.titre_bienvenue{
  font-size: 24px;
}

.bonjour{
  color :#ACE51D;
}

#header img{
  position: absolute;
  top: 50px;  /*margin-top: 22px;*/
  left: 810px;  /*margin-left: 205px;*/
  border :0;
  float :left;
  /*border: #59626A 2px solid;*/

}



/*________GAUCHE________*/

/* menu de gauche */
#menu {
  margin-top: 40px;
  margin-left: 33px;
  width: 165px;
  /*border-style:dashed;*/
  color: #FFFFFF;
  font-size :11px;
  border-bottom: 1px solid #ACE51D;
  font-family: arial, Verdana, Times, sans-serif;
  letter-spacing:0.2ex;
}

#menu dl, dt, ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu dd {  /*  sous-menus  */
  margin :0;
  padding-right :8px;
  margin-bottom :5px;
  list-style-type :none;
  /*border-style:dashed;*/
}

#menu dt {
  cursor: pointer;
  margin-bottom: 4px;
  padding: 6px 6px 0px 0px;
  height: 30px;
  line-height: 15px;
  text-align: right;
  font-weight: bold;
  color: #FFFFFF;
  border-top: 1px solid #ACE51D;
/*background: #ccc;*/
}

#menu li {
  text-align: right;
/*background: #fff;*/
}

#menu li a, #menu dt a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  border: 0 none;
  height: 100%;
}

#menu li a:hover, #menu dt a:hover {
  color: #ACE51D;
}


/* Newsletter*/
a.newsletter{
  display:block;
  margin-top: 50px;
  margin-left: 30px;
  /*padding-bottom: 45px;*/
  width: 170px;
  height :120px;
  background :url(../images/newsletter.gif) no-repeat 0 0;
  border-bottom: 1px solid #ACE51D;
  /*border-style:dashed;*/
}

/*#newsletter a{
  border: 0;
  background-image:url(../images/newsletter.gif)
}

#newsletter a:hover{
  border: 0;
  background-image:url(../images/newsletter-over.gif)
}*/

/*#newsletter img{
  border: 0;
}*/

a.newsletter:hover{
  background-image:url(../images/newsletter-over.gif)
}


a.newsletter span{
  position :absolute;
  left :-5000px;
  top :-5000px;
  text-indent:-5000px;
}

/* Formulaire */
#gauche form {
  /*height: 24px;*/
  padding-top: 40px;
  margin-left: 33px;
  /*border-style:dashed;*/
}

#gauche form .recherche{
margin-left :-5px;
}

#gauche form .fleche{
  vertical-align:middle;
}

#gauche form h4{
  color :white;
  font-size :12px;
  
}

#gauche form a{
  margin-top :1px;
  margin-left :5px;
  font-size :10px;
  
  text-decoration: none;
  color: #59626A;
}

#gauche form a:hover{
  text-decoration: underline;
}


/*________CENTRE________*/




/*________BAS________*/

/* deconnexion */
a.deconnexion{
  float :left;
  width: 212px;
  padding-left: 10px;
  list-style-type: none;
  font-family: arial, Verdana, Times, sans-serif;
  letter-spacing:0.2ex;
  color: #FFF;
  font-size: 11px;
  font-weight :bold;
  text-align: center;
  text-decoration :none;
  /*border-style:dashed;*/
}

a.deconnexion:hover{
  color: #ACE51D;
  text-decoration :none;
  /*border-style:dashed;*/
}
a.deconnexion img{
  vertical-align:middle;
  margin-right :5px;
  border :0;
}

/* menu du bas */
#menubas{
  margin-top: 9px;
  margin-left: 212px;
  list-style-type: none;
  text-align: center;
  /*border: #ACE51D 2px solid;*/
}

#menubas li{
  color: #009900;
  font-size: 11px;
  display: inline;
}

#menubas a{
  color: #009900;
  font-size: 11px;
  text-decoration: none;
}

#menubas a:hover{
  text-decoration: underline;
}

/*.copyright {
	float: right;
	margin: 5px 35px 0 212px;
	color: #009900;
    font-size: 10px;
}*/

.hautdepage{
 height :30px;
 float :right;
 margin-top :-23px;
 margin-right :25px;
 background-image: url(../images/haut.gif) ;
 background-repeat: no-repeat;
 background-position :top left;
 padding-left :18px;
 color :#009900;
}

.hautdepage2{
 height :30px;
 float :right;
 margin-right :30px;
 background-image: url(../images/haut.gif) ;
 background-repeat: no-repeat;
 background-position :top left;
 padding-left :18px;
 color :#009900;
 font-size: 12px;
}

.hautdepage a, .hautdepage2 a{
 color :#009900;
 text-decoration :underline;
}

/*_________________COMMUN AUX PAGES_____________________*/


.gras {
 font-weight :bold;
}

.petit{
 font-size: 16px;
}

.vert{
 font-size: 12px;
 font-family: arial, Verdana, Times, sans-serif;
 color :#009900;
}

.vert2{
 font-size: 12px;
 font-family: arial, Verdana, Times, sans-serif;
 color :#009900;
}

/*h1{
  text-align :left;
  font-size :22px;
  margin :0 5px 30px 20px;
  padding-left:85px;
  height:34px;
  color :#009900;
  background-image:url(../images/puce_fleche_3.gif);
  background-position:top left;
  background-repeat:no-repeat;
  border :#009900 2px solid;
}*/

h3{
 color:#E9510F;
 font-size:16px;
}

h6{
 color:#59626A;
 font-size:16px;
}

/*h5{
 text-align :left;
 font-size :18px;
 margin :0 5px 30px 20px;
 padding-left :100px;
 height :34px;
 color :#009900;
}*/


.rouge{
 color :#E9510F;
 font-size :15px;
 /*font-weight :bold;*/
}

.rouge2{
 color :#CC3300;
 font-size :16px;
 font-weight :bold;
}

.rouge3{
 color :#CC3300;
 font-size :14px;
}

.rouge a{
 color :#E9510F;
 font-size :15px;
}

.gris{
color :#59626A;
}

.introduction{
  margin :10px 0 10px 10px;
  padding :10px;
  width :680px;
}

.introduction2{
  padding :20px;
  width :450px;
  height:450px;
  background-color:#EEE;
}

.introduction3{
  margin :10px 0 10px 10px;
  padding :10px;
  width :630px;
}

.introduction4{
  margin :10px 0 30px 10px;
  padding :10px;
  width :680px;
}

.introduction img, .introduction2 img, , .introduction3 img{
  float :left;
  margin-right :5px;
}

a.lien{
  color: #009900;
  font-size: 12px;
  text-decoration: underline;
}

a.lien:hover{
  text-decoration: none;
}

.champ{
  background-color: #FFF;
  font-size: 10px;
  color: #59626A;
  border: #ACE51D 2px solid;
  vertical-align:middle;
  height: 18px;
  width: 115px;
}

.italique{
  font-style: italic;
}


/* Scroller Box */
#scroller_container {
 position: relative;
 width: 480px;
 height: 60px;
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
 line-height: 60px;
 font-size: 15px;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */