/* accueil */

body#index, body#menu, body#nousjoindre, body#carteGoogle, body#inscription, body#courriel,
body#lien, body#abonnement, body#plan, body#envoi, body#intranet{
  margin:0 auto 0 auto;
  padding:0;
  width:980px;
  background: #ffffff;
  font-size:12px;
  line-height: 160%;
  font-family:Verdana,Arial,Helvetica;
  color:#444644;
}


div#entete{
  background: #ffffff url(images/logo_digicom.gif) 0 0 no-repeat;
  height: 72px;
  margin: 20px 0 20px 20px;
}

div#menu_rapide{
  background: #ffffff url(images/background_menurapide.jpg) 0 0 no-repeat;
  margin-left: 230px;
  height: 60px;
  color: #ffffff;
}

ul#menu_rap li{
  float: left;
  font-size: 98%;
  color:#ffffff;
  list-style: none;
  padding-top: 15px;
  /*border: 1px solid #000;*/
}

ul#menu_rap li#joindre{
  width: 160px;
  height: 30px;
  text-align: center;
}
ul#menu_rap li#lien{
  width: 160px;
  height: 30px;
  text-align: center;
}

ul#menu_rap li#abonnement{
  width: 200px;
  height: 30px;
  text-align: center;
}

ul#menu_rap li#plan{
  width: 160px;
  height: 30px;
  text-align: center;
}

ul#menu_rap li a{
  color:#ffffff;
}

ul#menu_rap li img{
  margin: 0 5px 2px 0;
}

ul#menu_rap li#li_liens{
  margin-right: 55px;
}

div#gauche{
  float: left;
  width: 243px;
} 

ul#menu{
  list-style: none;
  font-size: 110%;
  margin: 0; 
  padding: 0;
}

ul#menu ul{
  margin: 0 0 0 10px; 
  padding: 0;
  list-style: none;
  
}

ul#menu li{
  margin: 10px 0px 0 15px;
  border-bottom: 1px solid #00b0d9;
  padding: 0 25px 10px 5px;
  width: 170px;
  text-align: left;
  background: url(images/bt_menu.jpg) 180px 0 no-repeat;
  
  
}

ul#menu ul li.sous_menu{
  font-size: 80%;
  border-bottom: 0px;
  background: url(images/spacer.gif) 140px 0 no-repeat;
  margin: 0; 
  padding: 4px 0 4px 10px;
  width: 170px;
  line-height: 120%;
}

ul#menu li a{
  color: #00001E;
}

ul#menu ul li.sous_menu a:hover{
  text-decoration: underline;
}



div#compte{
  background: #ffffff url(images/top_compte.jpg) 0 0 no-repeat;
  height: 239px;
  width: 215px;
  margin: 235px 0 0 15px;
  padding: 18px 5px 0 15px;
}

div#compte a{
  text-decoration: underline;
}

div#compte input[type="text"],
div#compte input[type="password"]{
  width: 160px;
  font-size: 12px;
  margin: 5px 0px 10px 0;
}

div#compte h1, div#babillard h1{
  color: #049cbe;
  font-size: 120%;
}

div#infolettre{
  background: #ffffff url(images/background_infolettre.jpg) 0 0 no-repeat;
  height: 240px;
  width: 216px;
  margin: 10px 0 0 15px;
  padding: 18px 5px 0 15px;
}

div#infolettre input[type=text]{
  width: 160px;
  font-size: 12px;
  margin: 5px 0px 10px 0;
}

div#infolettre h1, div#promotions h1{
  color: #444644;
  font-size: 120%;
}

.txtPromotion{
  overflow: auto;
  padding-top: 10px;
}

div#image_center{
  background: #ffffff url(images/img_center.jpg) 0 0 no-repeat;
  min-height: 353px;
  margin-left: 255px;
}



div#bienvenue{
  margin-left: 265px;
  overflow: auto;
}

div#bienvenue h3{
  font-weight: normal;
  font-size: 80%;
  
}

div#bienvenue h2{
  margin: 0;
  
}

div#promotions{
  background: #ffffff url(images/top_promo.jpg) 0 0 no-repeat;
  width: 415px;
  margin: 20px 0px 0 0px;
  padding: 10px 0px 5px 25px;
  float: left;	
}

div#promotions img{
  /*border: 1px solid #444644;*/
  float: right;
  margin-right: 25px;
  margin-left: 5px;
  margin-top: 5px;
}

div#promotions h3{
  font-size: 80%;
  font-weight: normal;
}

h2{
  margin: 10px 0 8px 0px;
}

div#promotions p{
  padding-right: 10px;
}

div#end_boxpromo{
  background: #ffffff url(images/end_promo.jpg) 0 0 no-repeat;
  min-height: 67px;
}

div#babillard{
  background: #ffffff url(images/top_babillard.jpg) 0 0 no-repeat;
  width: 281px;
  margin: 20px 0px 0 676px;
  padding: 18px 0px 0 10px;

}

div#babillard p, div#babillard div, div#babillard h2{
  margin: 10px 20px 0 20px;
}

div#babillard h3{
  font-size: 80%;
  font-weight: normal;
  margin: 0px 20px 0 20px;
}

div#babillard h2{
  padding-top: 10px;
}

div#end_boxbabillard{
  background: #ffffff url(images/end_babillard.jpg) 0 0 no-repeat;
  min-height: 45px;
}

div#contenu a{
  color: #00b0d7;
}

ul#m_rapide2 li{
  display: inline;
}

ul#m_rapide2 li a{
  font-size: 80%;
  margin: 5px;
  color: #000000;
}

ul#m_rapide2{
  margin-top: 5px;
}

div#menu_rapide2{
  /*font-size: 80%;*/
}

div#details{
  width: 100%;
  overflow: auto;
}

div#footer{
  height: 40px;
  width: 980px;
  padding: 15px 0px 0 0px;
  clear: both;
  text-align: center;
  border-top: 1px solid #727272;
}

/* type */
div#retour{
  margin-top: 20px;  
}

div#image_center_type{
  min-height: 251px;
  margin-left: 255px;
}


div#entete_type{
  background: #ffffff url(images/logo_digicom.gif) 0 0 no-repeat;
  height: 72px;
  margin: 20px 0 10px 20px;
}

div#menu_type{
  padding-top: 10px;
}

body#menu h1, body#nousjoindre h1, body#carteGoogle h1, body#intranet h1, 
body#lien h1, body#abonnement h1, body#plan h1, body#inscription h1, body#courriel h1, body#envoi h1 {
  font-size: 125%;
  text-transform: uppercase;
  margin-top: 15px;
  color: #6d6f71;
}

body#menu h2, body#nousjoindre h2,  body#carteGoogle h2, body#intranet h2,
body#lien h2, body#abonnement h2, body#plan h2, body#inscription h2, body#courriel h2, body#envoi h2{
  color: #6d6f71;
}

div#page_1{
  width: 715px;
  text-align: justify;
  margin: 0 0 40px 263px;
}

div#page_1 ul{
  padding-left: 20px;
  margin-left: 20px;
}

.resume{
  overflow: auto;  
}

/*div#page_1 img{
  float: left;
  border: 1px solid #6d6f71;
  margin: 15px 8px 8px 0;
}*/

div#titre_principal{
  width: 715px;
  border-bottom: 1px solid #6d6f71;
  margin-bottom: 20px;
}

/* ################### */
/* classe pour les photos télécharger */
img.vignette{
    margin: 0px 10px 0px 0px;
}

img.vignetteDetail{
  /*float: left;*/
  border: 1px solid #6d6f71;
  margin: 7px 10px 0px 0;
}

div.legendeVignette{
    margin: 0px 10px 0px 0px;
    font-size: 9px;
    color: #000000;
}
/* ################### */
/* classe pour les documents à télécharger */
div#document{
    border-top: 1px solid #000;
    height: 20px;
    padding-top: 8px;
	margin-top: 20px;
}

div#boiteDocument {
  border: 0px solid #000;
  margin: 10px 10px;
}

img#imgDocument{
  margin: 4px 5px 5px 0px;
}

/* ################### */
/* lien pour la section liens utiles ou équivalent */
div#categorieLien{
  font-size: 13px;
  margin: 10px 0px 0px 0px;  
}

div#descLien{
  margin-left: 40px;
}

div a.liens{
    font-size: 12px;
    font-weight: normal;
}

div a.liens:hover{
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

div ul.ulLiens{
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: normal;
}

img.vignetteLiens{
    margin: 5px 5px 5px 0px;
}

/*##################################*/
/* Renseignements */

div#page_1 form input[type="text"],
div#page_1 form input[type="password"],
div#big form textarea{
  border:1px solid #73996A;
  width: 200px;
}

div#page_1 form textarea{
  width: 400px;
  height: 200px;
}


div#page_1 form button{

 border:1px solid #73996A;
 background: #F8D098;
 font-size:85%;
 }

div#page_1 div#contact {
  position: relative;
  height: 60px;
}

div#page_1 div#identification {
  position: relative;
  height: 130px;
  margin: 10px 0;
}

div#page_1 div#message {
  margin: 10px 0;
}

div#page_1 div#message1 {
  padding: 10px 0 0 10px;
}

div#page_1 div#telephone_1{
  position: absolute;
  top: 30px;
  left: 10px;
}

div#page_1 div#courriel_1{
  position: absolute;
  top: 30px;
  left: 150px;
}

div#page_1 div#lesdeux{
  position: absolute;
  top: 30px;
  left: 300px;
}

div#page_1 div#msgErreur{
  color: #FF0000;
  font-weight: bold;
  padding: 10px 0px;
}

div#page_1 div#prenom{
  position: absolute;
  top: 30px;
  left: 10px;
}

div#page_1 div#nom{
  position: absolute;
  top: 30px;
  left: 250px;
}

div#page_1 div#telephone{
  position: absolute;
  top: 80px;
  left: 10px;
}

div#page_1 div#courriel{
  position: absolute;
  top: 80px;
  left: 250px;
}

div.txt_top{
  font-size: 85%;
  line-height: 120%;
}

div.txt_top img{
  float: left;
  margin: 0 4px 4px 0;
}