* {margin:0;padding:0}

body{
font-size:12px; 
color:#000000;
font-family:verdana;
background-color:#FFFFFF;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
}

#main{
width:980px;
padding-top:0px;
margin-left: auto;
margin-right: auto;
background-color:#000000;
text-align: left;
}

/* ------------------------------ */
/* HEADER : LOGO, MENUS 1, CHEMIN */
/* ------------------------------ */

/* logo */
/* ---- */

#logo{
margin-top:0px;
margin-left:0px;
width:219px;
height:139px;
float: left;
}

/* menus1 et chemin */
/* ---------------- */
#mainhaut{
 width:750px;
 height:139px;
 margin-top:0px;
 margin-left:0px;
 background-color:#000000;
 float: left;}

/* menus1 */
#menu1-conseil-titre{
background-color:#000000;
height:77px;
width:115px;
margin-top:12px;
margin-left:0px;
font-family:Verdana;
font-size:12pt;
font-weight:bold;
text-align:center;
color:#AFE008;
float: left;
}

#menu1-conseil-bloc{
margin-top:10px;
margin-left:0px;
background-color:#AFE008;
height: 23px;
width: 115px;
float: left;
}

#menu1-formation-titre{
background-color:#000000;
height: 77px;
width: 120px;
margin-top:12px;
margin-left:5px;
font-family:Verdana;
font-size:12pt;
font-weight:bold;
text-align:center;
color:#73BD1E;
float: left;
}

#menu1-formation-bloc{
margin-top:10px;
margin-left:5px;
background-color:#73BD1E;
height: 23px;
width: 115px;
float: left;
}

#menu1-web-titre{
background-color:#000000;
height: 83px;
width: 120px;
margin-top:0px;
margin-left:5px;
font-family:Verdana;
font-size:12pt;
font-weight:bold;
text-align:center;
color:#519387;
float: left;
}

#menu1-web-bloc{
margin-top:4px;
margin-left:5px;
background-color:#519387;
height: 23px;
width: 115px;
float: left;
}

#menu1-portage-titre{
background-color:#000000;
height: 83px;
width: 120px;
margin-top:0px;
margin-left:5px;
font-family:Verdana;
font-size:12pt;
font-weight:bold;
text-align:center;
color:#01A0C7;
float: left;
}

#menu1-portage-bloc{
margin-top:4px;
margin-left:5px;
background-color:#01A0C7;
height: 23px;
width: 115px;
float: left;
}


#menu1-acces-titre{
background-color:#000000;
height: 83px;
width: 220px;
margin-top:0px;
margin-left:20px;
font-family:Verdana;
font-size:12pt;
font-weight:bold;
color:#8BDBFF;
float: left;
}


#menu1-acces-form{
background-color:#000000;
width: 220px;
margin-top:0px;
margin-left:0px;
font-family:Verdana;
font-size:10pt;
font-weight:normal;
color:#8BDBFF;
float: left;
}

#menu1-acces-bloc{
margin-top:0px;
margin-left:0px;
background-color:#8BDBFF;
height: 2px;
width: 220px;
float: left;
}


#chemin{
margin-top:0px;
margin-left:0px;
background-color:#FFFFFF;
font-family:Verdana;
font-size:x-small;
color:#000000;
height: 50px;
width: 750px;
float: left;
}

* html #chemin{
margin-top:-9px;
height: 50px;
}

/* PARTIE CENTRALE : GAUCHE = ICONES ET MENUS 2 ET 3 ; MILIEU = CONTENU */
/* -------------------------------------------------------------------- */

#maincentre{
  position:relative;
  width:980px;
  height:auto;
  background-color:#000000;
}


/* PARTIE GAUCHE : ICONES, MENUS 2 ET 3 */
#maincentregauche{
 width:174px;
 height:auto;
 float:left;
 background-color:#000000;
}
/* icônes */
#icone{
 width:174px;
 height:auto;
 float:left;
 text-align:center;
 background-color:#000000;
}

#menu2{
 margin-left:20px;
 margin-top:50px;
}

.menu2-conseil{
 color:#AFE008;
}

/* contenu de la page */
#maincentremilieu{
 width:775px;
 height:auto;
 float:left;
 padding-left:20px;
 background-color:#FFFFFF;
 color:#000000;
}

* html #maincentremilieu{
 width:795px;
}

#fondcadregauche{
 width:795px;
 height:auto;
 float:left;
 background-color:#FFFFFF;
 color:#000000;
}

/* FOOTER */

#mainbas{
  clear:both;
  width:980px;
  height:63px;
  padding-top:0px;
  background:url(../img/footer.jpg);
  background-repeat:no-repeat;
  text-align:right;
  color:#FFFFFF;
}


.liste{
 background-color:#000000;
 color:#FFFFFF;
}

#contenupage{
  position:relative;
  float:left;
  width:762px;
  border: solid 1px;
}

#titrePage{
position:absolute;
top:100px;
left:320px;
width:150px;

}

#edito{
position:relative;
width:762px;
height:250px;
}

#editoHaut{
position:relative;
width:762px;
height:64px;
background:url(img/css/css6/editohaut.png);
}

#editoHautTxt{
position:relative;
  padding-top:20px;
  padding-left:40px;
  font-family:verdana;
  font-size:22px;
}

#editoMilieu{
 position:relative;
 width:762px;
 height:157px;
 background:url(img/css/css6/editomilieu.png);
 color:#000000;
 text-align:center;
}

#editoMilieuTxt{
position:relative;
  padding-left:10px;
  padding-right:10px;
  float:left;
}

#editoBas{
position:relative;
width:762px;
height:19px;
background:url(img/css/css6/editobas.png);
background-repeat:no-repeat;
}

#editoMilieuAscenseur{
    position:relative;
  height:150px;
  width:12px;
  background-color:#CCCCCC;
  float:left;
}
#editoMilieuAscenseur{
  background-color:#CCCCCC;
}
#editoMilieuAscenseurFleche{
  position:relative;
  height:10px;
}
#editoMilieuAscenseurMilieu{
  position:relative;
  height:130px;
}


#img100pc{
 width:100%;
 height:100%; 
}

#info{
position:relative;
width:762px;
height:66px;
background:url(img/css/css6/menugauchecentre.png);
}

#infoTitre{
width:762px;
height:71px;
margin-left:15px;
padding-top:10px;
padding-left:20px;
padding-right:10px;
background:url(img/css/css6/infotitre.png);
background-repeat:no-repeat;
}

.lienInfo{
 color:#000000;
 text-decoration:none;
}

/*#######################################
     STYLES POUR LE BLOC INFO
########################################*/
#blocinfo{
  position:relative;
  width:200px;
  height:270px;
}

#blocinfoHaut{
position:relative;
width:200px;
height:67px;
background:url(../../img/css/css6/blocinfohaut.png);
background-repeat:no-repeat;
font-family:verdana;
font-size:22px;

}
#blocinfoHautTxt{
position:relative;
padding-top:30px;
padding-left:15px;
}
#blocinfoMilieuGauche{
 position:relative;
 width:8px;
 height:170px;
 background:url(../../img/css/css6/fondbloc.png);
 float:left;
}
#blocinfoMilieu{
position:relative;
width:172px;
height:170px;
vertical-align:top;
color:#000000;
background:url(../../img/css/css6/fondbloc.png);
float:left;
}
/*#blocinfoContenuAscenseur{
 position:relative;
 width:8px;
 height:170px;
 float:left;
}*/

/*
#blocinfoContenu{
height:100%;
 width:200px;
 background:url(../../img/css/css6/fondbloc.png);
}*/
#blocinfoMilieuAscenseur{
  position:relative;
  height:170px;
  width:12px;
  background-color:#CCCCCC;
  float:left;
}

#blocinfoMilieuDroite{
 position:relative;
 width:8px;
 height:170px;
 background:url(../../img/css/css6/blocinfomilieudroite.png);
 background-repeat:repeat-y;
 float:right;
}
#blocinfoBas{
position:relative;
width:200px;
height:20px;
background:url(../../img/css/css6/blocinfobas.png);
clear:both;
}
#blocinfoBasTxt{
  text-align:right;
  padding-right:5px;
}

#blocinfotitre{
 color:#EC0080;
 font-family:verdana;
 font-weight:bold;
 margin-left:5px;
 font-size:14px;
 text-decoration:none;
}
#blocinfodate{
  color:#EC0080;
  text-align:right;
  width:145px;
  font-family:verdana;
  font-size:8px;
}
#blocinfoligne{
  width:180px;
  height:2px;
    border-bottom: dotted 2px;
}
#blocinfochapeau{
  color:#9F9C9E;
  font-family:verdana;
  margin-left:5px;
  font-size:11px;
}
#blocinfoaccestitre{
  text-align:right;
  text-decoration:none;
  color:#EC0080;
  width:150px;
  height:40px;
}
#blocinfoaccesnews{
  color:#82AB2E;
  text-align:right;
  height:40px;
  font-weight:bold;
  text-decoration:none;
}
#blocinfoascenseur{
  background-color:#CCCCCC;
}
#blocinfoMilieuAscenseurFleche{
  position:relative;
  height:10px;
}
#blocinfoMilieuAscenseurMilieu{
  position:relative;
  height:140px;
}



/*###############################################
    CLASS POUR LA COULEUR DES LIENS
################################################*/

.liensurfond:link {
text-decoration:none;
color:white;
}
.liensurfond:visited {
text-decoration:none;
color:white;
}
.liensurfond:hover {
text-decoration:none;
color:white;
 text-decoration: underline overline;
}
.liensurbloc:link{
 text-decoration:none;
 color:#EC0080;
}
.liensurbloc:visited{
 text-decoration:none;
 color:#EC0080;
}
.liensurbloc:hover{
 color:#EC0080;
 text-decoration: underline overline;
}
.moduleBoutiqueLienCat:link{
  font-size:18px;
  color:#000000;
  text-decoration:none;
}
.moduleBoutiqueLienCat:visited{
  font-size:18px;
  color:#000000;
  text-decoration:none;
}
.moduleBoutiqueLienCat:hover{
  font-size:18px;
  color:#000000;
text-decoration: underline overline;
}


/*############################################
       STYLES POUR L'AFFICHAGE D'UN MODULE
##############################################*/

#bloccontenu
{
  position:relative;
  width:762px;
  height:auto;
}

#bloccontenuhaut
{
  position:relative;
  background:url(../img/css/css6/bloccontenuhaut.png);
  width:762px;
  height:71px;
}

#bloccontenumilieu{
  background:url(../img/css/css6/bloccontenufond.png);
  background-repeat:repeat-y;
    width:762px;
  height:500px;
  padding: 0 18px 0 18px;
}

#bloccontenumilieucontenu{
  width:726px;
  color:#000000;
}

html>body #bloccontenumilieu {
height: auto;
min-height: 500px;
}

#bloccontenubas{
  position:relative;
  background:url(../img/css/css6/bloccontenubas.png);
  width:762px;
  height:25px;
}

/*########################################
   STYLES POUR L'AFFICHAGE DU TITRE EN HAUT DE CHAQUE MODULE
#########################################*/

#titrebloccontenu{
  position:relative;
  padding-left:20px;
  padding-top:20px;
}

#titrebloccontenugauche{
position:relative;
  height:32px;
  width:6px;
  background:url(../img/css/css6/titrebloccontenugauche.png);
  float:left;
}

#titrebloccontenumilieu{
  position:relative;
  padding-left:10px;
  padding-right:10px;
  height:32px;
  width:auto;
  background:url(../img/css/css6/titrebloccontenumilieu.png);
  float:left;
  font-family:verdana;
font-size:22px; 
}

#titrebloccontenudroite{
  position:relative;
  height:32px;
  width:57px;
  background:url(../img/css/css6/titrebloccontenudroite.png);
  float:left;
}
/*##############################################
        STYLES POUR LE TABLEAU A TROIS COLONNES
################################################*/
div.trois_colonnes {
    margin : 0px;
    margin-left : 2px;
    margin-right : 2px;
    width : auto;
    overflow : auto;
 border:solid 1px #FFFFFF;
 text-align:center;
}

div.trois_colonnes div.bloc_produit {
margin:0 auto;
    float : left;
    overflow : auto;
    height : 170 px;
    text-align:center;
     background-color:#FFFFFF;
 border:solid 1px #EC0080;
}

#bouton{
  background-color:#EAEAEA;
  color:#000000;
}