@import url(typo.css);
@import url(skin.css);
@import url(menu1.css);
@import url(menu2.css);

/*===| I. LAYOUT SIZE |====================================================*/

#container, #footer, #header {width: 980px;}
#header {height:455px;}
#left-column {width: 488px;}
#right-column {width: 481px;}

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 80px;}

.push	{clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto;}


/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}

html, body {height: 100%; width: 100%;}
body {text-align: center;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}


#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
    background: url(../images/charte/bg-rp.jpg) top left repeat-x;
}
#container {
	margin:0 auto;
	text-align: left;
    min-height: 600px;
    height: auto!important;
    height: 600px;
    }

.recherche{
  background: url(../images/charte/recherche.jpg) top left no-repeat;
  position: absolute;
  top: 110px;
  right: 20px;
  z-index:999;
  width: 204px;
  height: 320px;
  color:#fff;
}
.headflash{
  background: url(../images/charte/header.jpg) top center no-repeat;
  position: relative;
  z-index: 1;
}
.reselect{
  padding:10px 0 0 23px;

}

.select{
    width: 166px;
  border: 1px solid #7e9dbb;
}
.rebtn{
  background: url(../images/charte/re-envoyer.jpg) top left no-repeat;
  width: 113px;
  height: 23px;
  border: none;
  cursor: pointer;

}

.rebtn-over{
  background: url(../images/charte/re-envoyer-over.jpg) top left no-repeat;
  width: 113px;
  height: 23px;
  border: none;
  cursor: pointer;
}
.rebutn{
  padding-top: 37px;
  padding-left: 47px;
}
.reident{
  padding-left:20px;
  padding-top:5px;
  float:left;
  color:#fff;
  cursor: pointer;
}


.renews{
  background: url(../images/charte/renews.jpg) top left no-repeat;
  position: absolute;
  top: 0;
  right:0;
  width: 193px;
  height: 22px;
}
.rnlc{
  color: #fff;
  text-decoration: none;
}
.rnlc:hover{
  color: #fff;
  text-decoration: underline;
}

#agence{
  background: url(../images/charte/agence.jpg) top left no-repeat;
  width:481px;
  height: 346px;
}


#left-column{
	float:left;
    padding-left: 5px;

}
#right-column{
	float:left;	
}

#coup-de-coeur{
  background: url(../images/charte/coups-de-coeur.jpg) top left no-repeat;
  width:100%;
  height: 192px;
}
#actualite{
  background: url(../images/charte/actualites.jpg) top left no-repeat;
  width: 291px;
  height: 154px;
  float: left;
  color:#fff;
}
.ptimb{
  background-color:#000;
  float: left;
  height: 154px;
}


#footer {
    background: url(../images/charte/footer.jpg) top center no-repeat;
	margin: 0 auto;
    padding:0;
    position: relative;
}
#footers {
    background: url(../images/charte/footers.jpg) top center no-repeat;
	margin: 0 auto;
    padding:0;
    width: 970px;
    height: 79px;
    position: relative;
}
#footers2 {
    background: url(../images/charte/footers2.jpg) top center no-repeat;
	margin: 0 auto;
    padding:0;
    width: 970px;
    height: 120px;
    position: relative;
}
.container-s{
  width:970px;
  padding-left: 5px;
  background: url(../images/charte/container-rp.jpg) top right repeat-y;
  min-height: 500px;
  height:auto!important;
  height: 500px;
  float: left;
}
.container-s2{
  width:970px;
  padding-left: 5px;
  background: url(../images/charte/foot-avion.jpg) bottom center no-repeat;
  min-height: 500px;
  float: left;
}
.liens-utiles{
  background: url(../images/charte/liens-utiles.jpg) top left no-repeat;
  width: 481px;
  height: 346px;
}

.smap{
  background: url(../images/charte/map.jpg) top left no-repeat;
  width:462px;
  height:434px;
  float: left;
}
.v-grup{
  background: url(../images/charte/v-grup.jpg) top left no-repeat;
  width:482px;
  min-height:434px;
  float: left;
  padding-top: 40px;
}
.v-grupb{
  background: url(../images/charte/dedev.jpg) top left no-repeat;
  width:482px;
  min-height:434px;
  float: left;
  padding-top: 40px;
}
.m-grupb{
  background: url(../images/charte/toutesac.jpg) top left no-repeat;
  width:482px;
  min-height:434px;
  float: left;
  padding-top: 40px;
}
.v-part{
  background: url(../images/charte/v-par.jpg) top left no-repeat;
  width:486px;
  float: left;
}
.v-part2{
  background: url(../images/charte/fairedon.jpg) top left no-repeat;
  width:487px;
  float: left;
}
.m-part2{
  background: url(../images/charte/mdme.jpg) top left no-repeat;
  width:486px;
  float: left;
}
.ld-table{
  color: #fff;
  margin: 0 auto;
  padding: 10px 0px 0 0px;
  font-size: 11px;
}
.ld-tr{
  border-bottom:1px solid #0d7dd1;
  height: 20px;

}
.ld-td{
 padding:0 5px;

}
.ld-tda{
 padding:0 5px;
 text-transform: capitalize;

}
.ld-td1{
  font-weight: bold;
 padding:0 5px;
}



.ssuggestion{
  background: url(../images/charte/suggestion-map.jpg) top left no-repeat;
  width:506px;
  float: left;
}
.divpartenaires{
  background: url(../images/charte/nospartenaires.jpg) top left no-repeat;
  width: 481px;
  height: 346px;
}
.contact-plan{
  background: #010204 url(../images/charte/plandddiv.jpg) bottom left no-repeat;
  width: 481px;
  min-height: 555px;
  height: auto!important;
  height: 555px;
}
.contactdiv{
  background: #010204 url(../images/charte/fcontact.jpg) top left no-repeat;
  width: 486px;
  min-height: 555px;
  height: auto!important;
  height: 555px;
  margin-left: 1px;
  color: #fff;
}
.mercidiv{
  background: #010204 url(../images/charte/merci.jpg) top left no-repeat;
  width: 486px;
  min-height: 555px;
  height: auto!important;
  height: 555px;
  margin-left: 1px;
  color: #fff;
}


.copyright{
	padding: 46px 0 0;
	text-align: center;
    color:#fff;}

.copyrights{
	padding: 80px 0 0;
	text-align: center;
    color:#fff;}


.ibuttonoverok{
   background: url(../images/charte/re-envoyer.jpg) top left no-repeat;
   width: 113px;
   height: 23px;
}

.ibuttonok{
   background: url(../images/charte/re-envoyer-over.jpg) top left no-repeat;
   width: 113px;
   height: 23px;
}


.cdc{
  padding-left:9px;
  padding-top: 35px;
  width: 112px;
  font-size: 11px;
  float: left;

}
.cdc-prix{
  background: #fff;
  color: #c5013f;
  float: left;
  padding:0 2px;
  height: 13px;
  margin-right:10px;

}
.esplus{
  width: 100px;
}

.esplus a{
   color: #c5013f;
   float: left;
   font-weight: bold;
   text-decoration:none;
}
.esplus a:hover{
   color: #c5013f;
   float: left;
   font-weight: bold;
   text-decoration: underline;
}

#mdm-left{
   cursor: pointer;
   width:100px;
   height: 29px;
   float:left;
   margin-right: 1px;
}
#mdm-left:hover, #mdm-left:active{
   background: url(../images/charte/actu-left-over.jpg) top left no-repeat;
   width:100px;
   height: 29px;
   margin-right: 1px;
      cursor: pointer;
}
.mdm-left2{
   background: url(../images/charte/actu-left-over.jpg) top left no-repeat;
   width:100px;
   height: 29px;
   margin-right: 1px;
      cursor: pointer;
}

#mdm-center{
   cursor: pointer;
   width:96px;
   height: 29px;
   float:left;
   margin-right: 1px;
}
#mdm-center:hover, #mdm-center:active {
   background: url(../images/charte/actu-center-over.jpg) top left no-repeat;
   width:96px;
   height: 29px;
   float:left;
   margin-right: 1px;
      cursor: pointer;
}
.mdm-center2{
   background: url(../images/charte/actu-center-over.jpg) top left no-repeat;
   width:96px;
   height: 29px;
   float:left;
   margin-right: 1px;
      cursor: pointer;
}

#mdm-right{
    cursor: pointer;
   width:93px;
   height: 29px;
   float:left;
}
#mdm-right:hover, #mdm-right:active {
   background: url(../images/charte/actu-right-over.jpg) top left no-repeat;
   width:93px;
   height: 29px;
   float:left;
      cursor: pointer;
}
.mdm-right2{
   background: url(../images/charte/actu-right-over.jpg) top left no-repeat;
   width:93px;
   height: 29px;
   float:left;
      cursor: pointer;
}
#mdm-headers{
  width: 291px;
}


/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers,
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}

/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements 
	you want to float (on the thumbs, for example)
*/	.left{float: left;} .right{float: right;}
a:focus {
   outline: none;
} 
.thumb{
	display: block;
	margin:1px 5px;}
	
.thumb img{
	border-style:solid;
	border-width: 5px;
	border-color: inherit;
	padding: 5px;
	margin: 0}

.paragraph{
	clear: both;
	display: table;}

.separator{
	width: 100%;
	height: 0px;
	clear: both;
	padding:0;
	margin:15px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	line-height: 0px;}

/* ===| IV. NAVIGATION |===============================================*/
#menu2 ul li{display: inline;}
/* ---| THE END |------------------------- */

.cmenu a{
  color: #fff;
  text-decoration:none;
  border-right: 1px solid white ;
  padding-right: 5px;
}
.cmenu a:hover{
  color: #fff;
  text-decoration:underline;
}


.fiche-left{
  float:left;
  width: 250px;
  color:#fff;
  background: url(../images/charte/left-border.jpg) 240px 10px no-repeat;

}

.fiche-center{
  float:left;
  width: 500px;

   color:#fff;
}

.fiche-right{
  float:left;
  width: 218px;
  color:#fff;
  height: 534px;
  background: url(../images/charte/left-border.jpg) 2px 10px no-repeat;
}

.fiche-photo{
  background: #093454;
  width: 198px;
  height: 198px;
  margin:0 auto;
  text-align: center;
}

.left-sep{
  background: url(../images/charte/left-sep.jpg) top left no-repeat;
  width: 198px;
  height: 21px;
  margin: 0 auto;

}

.fc-tip{
  font-weight:bold;
  padding-top:10px;
  color:#8ba7c6;
  text-transform: uppercase;
  font-size: 14px;
}

.fc-title{
  text-align: center;
  color: #126ab2;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 25px;
}

.vignette-box{
  width: 200px;
  margin: 0 auto;

}
.vignette{
  background: url(../images/charte/vignet.jpg) top center no-repeat;
  float: left;
  width: 88px;
  height: 71px;
  padding:5px;

}

.fiche-pension{

  margin: 10px auto;
  color: #70bedb;
  font-weight: bold;
  text-align: center;

}
.fiche-pension-det{
  background: url(../images/charte/fiche-pens.jpg) top left no-repeat;
  margin: 10px auto;
  color: #70bedb;
  font-weight: bold;
  text-align: left;
  width: 160px;
  height: 130px;
  margin: 0 auto;
  padding-left: 10px;
  padding-top: 10px;
  line-height: 19px;

}
.mariage{
  width: 245px;
  margin: 10px auto;
  color: #70bedb;
  font-weight: bold;
  text-align: center;
}
.fiche-title{
  border: 1px solid yellow;
  text-align:center;
  font-weight: bold;
}
.fiche-activites{
  margin-left: 5px;
  margin-top: 10px;
  width: 245px;
  float: left;
  text-align: justify;

}
.fiche-heber{
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  width: 235px;
  text-align: justify;
}


.fiche-descriptif{
  margin: 5px;
  color: #d1e9f9;
  text-align: justify;
  border-bottom:1px solid #29384c;
  padding-bottom: 10px;

}


.fc-tdes{
  color: #fff;
  font-weight: bold;
  padding-left: 5px;
}
.det-prixbox{
  background: url(../images/charte/det-prixbox.jpg) top left no-repeat;
  width:162px;
  height: 130px;
  margin: 0 auto;
}


.cevaintere{
  background: url(../images/charte/cevaintere.jpg) top center no-repeat;
  width: 217px;
  height: 17px;
  margin-top:20px;

}

.code-du-voyage{
  margin-left: 30px;
  margin-top: 10px;
  padding-left: 10px;
  font-weight: bold;
  font-size: 14px;
  color: #d91545;
  border: 1px solid #146bb2;
  background: #fff;
  width: 147px;
}
.prix-a{
  margin: 0 10px;
  padding-left: 50px;
  padding-top: 18px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
}

.prix-promo{
  text-align:center;
  padding-left: 40px;
  padding-top: 30px;
  margin: 5px;
  color: #fff;
  font-weight: bold;
}

.aminput{
  width:168px;
  border:1px solid #696e75;
  background: #e3e6e9;
}

.envoyage-ami{
  text-align:left;
  padding-left: 10px;
  margin: 10px;
}

.enami{
  background: url(../images/charte/envoyer-ami.jpg) top left no-repeat;
  width: 155px;
  height: 30px;
  border: none;

}
.enami-over{
  background: url(../images/charte/envoyer-ami-over.jpg) top left no-repeat;
  width: 155px;
  height: 30px;
  border: none;
  cursor: pointer;

}

.lien-contact{
  text-align:left;
  padding-left: 17px;
  margin: 10px;
}

.mdm-title{
  color: #fff;
  padding-top: 10px;
  text-align: center;
  cursor: pointer;
}

.mdm-photo{
  float: right;
  padding-right: 10px;
  padding-left: 10px;
}

.mdm-savoir{
  float: right;
  margin-right: 10px;
  color: #909ba5;
  font-size:10px;
  text-decoration: underline;
  cursor: pointer;

}
.mdm-savoir:hover{
  float: right;
  margin-right: 10px;
  color: #909ba5;
  font-size:10px;
  text-decoration: none;
  cursor: pointer;

}

.mdm-text{
  padding-left:7px;
  color: #a2aab1;
  font-size: 11px;
}

.mdm-textarea{
  height:100px;
  padding-top: 5px;
}

.mdm-body{
  background: url(../images/charte/bg-rp.jpg) top left repeat-x;

}
#mdm_content{
  background: url(../images/charte/mdm-head.jpg) top left no-repeat;
}

.mdm-area{
  background-color:#051827;
  width:482px;
  height:320px;
  padding:5px;
  text-align:justify;
  font-size:12px;
  font-family:Tahoma;
  overflow:auto;
  border:2px solid #000;
  color:#000;
  position:relative;
  top:220px;
  margin: 0 auto;
}

.mdm-atext{
  color: #a2aab1;
}

.voyage{
  background: url(../images/charte/voyage.jpg) top left no-repeat;
  width:462px;
  min-height:434px;
  float: left;
}
.list-doners{
  background: url(../images/charte/liste-de-dons.jpg) 4px top no-repeat;
  width: 508px;
  height:434px;
  float: left;
}


.rreservation{
  background: url(../images/charte/rreservation.jpg) top left no-repeat;
  width:462px;
  height:434px;
  float: left;
}

.merci-box{
  background: url(../images/charte/merci-box.jpg) left 113px no-repeat;
  width:315px;
  height: 117px;
  margin: 0 auto;
  padding-top: 150px;
  text-align: center;
  color: #1169b0;
}
.merci-box a{
  color: #fff;
  text-decoration:underline;
}
.merci-box a:hover{
  color: #fff;
  text-decoration:none;
}

.ns-lore{
  background:#fff;
  float:left;
  width:95px;
  color:#cf1d4d;
  padding-left:2px;
  font-weight:bold;
}




.map-zones{
  padding-top: 240px;
  width: 440px;
  padding-left: 20px;
}
.map-col{
  width: 170px;
  float: left;
}
.map-col2{
  width: 100px;
  float: left;
}

.sugda{
  background: url(../images/charte/s-green.jpg) left 3px no-repeat;
  text-transform: uppercase;
  height: 18px;
  padding: 5px 0 5px 23px;
  color: #fff;
  font-weight: bold;
}
.sugnu{
  background: url(../images/charte/s-blue.jpg) left 3px no-repeat;
  text-transform: uppercase;
  height: 18px;
  padding: 5px 0 5px 23px;
  color: #fff;
  font-weight: bold;
}
.sugcat{
  color: #0988fb;
  font-weight: bold;
}

.sugda a{
  color: #fff;
  text-decoration: none;
}
.sugda a:hover{
  text-decoration: underline;
  color: #0988fb;
}

.sugda-over a{
  text-decoration: underline;
  color: #0988fb;
}
.sugda-over{
  background: url(../images/charte/s-green.jpg) left 3px no-repeat;
  text-transform: uppercase;
  height: 18px;
  padding: 5px 0 5px 23px;
  color: #fff;
  font-weight: bold;
}

.parlien{
  float:right;
}
.parlien a{
  color:#fff;
  text-decoration: none;
}
.parlien a:hover{
  color:#fff;
  text-decoration: underline;
}

.nos-slist{
  padding-right: 10px;
  background: #0c243e;
  height: 132px;
  width: 470px;
}
.nos-slist2{
  padding-right: 10px;
  background: #071c2f;
  height: 132px;
  width: 470px;
}
.nos-slistl{
  background: #0c243e;
  height: 132px;
  width: 444px;
  padding: 5px 10px 5px 0;
}
.nos-slistl2{
  background: #071c2f;
  height: 132px;
  width: 444px;
  padding: 5px 10px 5px 0;
}

.par-slist{
  background: #0c243e;
  height: 116px;
  width: 444px;
  position: relative;
  color: #fff;
  padding: 5px;
}
.par-slist2{
  background: #071c2f;
  height: 116px;
  width: 444px;
  position: relative;
  color: #fff;
  padding: 5px;
}

.lipstyle{
   color:#fff;
   height:65px;
   padding-top:10px;
}

.lien-lien{
  float:left;
  padding-left:45px;
  padding-top:4px;
}

.setbox{
  float:left;
  padding-right:5px;
  padding-top:5px;
  width:100px;
  height:90px;
  text-align:center;
}

.nos-sstyle{
  font-size:14px;
  text-transform: uppercase;
  color: #1767ac;
  padding-top: 5px;
}
.legales{
  color: #fff;
  text-decoration: none;
}
.legales:hover{
  color: #fff;
  text-decoration: underline;
}

.group-login{
  width:300px;
  margin: 0 auto;
  position: relative;
  top:260px;
}

.logformtext{
  width: 90px;
  float: left;
  color: #fff;
}

.formlogb{
  background: url(../images/charte/btn_login.jpg) top left no-repeat;
  width: 113px;
  height: 30px;
}
.formlogb-over{
  background: url(../images/charte/btn_login-over.jpg) top left no-repeat;
  width: 113px;
  height: 30px;
  cursor: pointer;
}

.loginput{
  border: 1px solid #285eb8;
  background: #ccc;
  width:160px;
}
.loginput:focus{
  border: 1px solid #285eb8;
  background: #fff;
}

.prix-btn{
  background: url(../images/charte/btn_blank.gif) top left no-repeat;
  width: 113px;
  height: 23px;
  cursor: pointer;
  color:#fff;
}
.prix-btn-over{
  background: url(../images/charte/btn_blank-over.gif) top left no-repeat;
  width: 113px;
  height: 23px;
  cursor: pointer;
  color:#fff;
}
.prix-btne{
  background: url(../images/charte/btn_blank2.gif) top left no-repeat;
  width: 82px;
  height: 23px;
  cursor: pointer;
  color:#fff;
}
.prix-btne-over{
  background: url(../images/charte/btn_blank2-over.gif) top left no-repeat;
  width: 82px;
  height: 23px;
  cursor: pointer;
  color:#fff;
}
.donner{
  background: url(../images/charte/btn_blank2.gif) top left no-repeat;
  width: 82px;
  height: 23px;
  cursor: pointer;
  color:#fff;
  float: left;
}
.donner-over{
  background: url(../images/charte/btn_blank2-over.gif) top left no-repeat;
  width: 82px;
  height: 23px;
  cursor: pointer;
  color:#fff;
  float: left;
}
.ldonner{
  background: url(../images/charte/btn_blank.gif) top left no-repeat;
  width: 113px;
  height: 23px;
  cursor: pointer;
  color:#fff;
  float: left;
}
.ldonner-over{
  background: url(../images/charte/btn_blank-over.gif) top left no-repeat;
  width: 113px;
  height: 23px;
  cursor: pointer;
  color:#fff;
  float: left;
}
.ldonner2{
  background: url(../images/charte/cadeau-mariage.jpg);
  width: 156px;
  height: 23px;
  cursor: pointer;
  color:#fff;

}
.ldonner2-over{
  background: url(../images/charte/cadeau-mariage-over.jpg);
  width: 156px;
  height: 23px;
  cursor: pointer;
  color:#fff;

}
.ldonner3{
  background: url(../images/charte/btn_blank.gif) top left no-repeat;
  width: 113px;
  height: 23px;
  cursor: pointer;
  color:#fff;
  float: left;
}
.ldonner3-over{
  background: url(../images/charte/btn_blank-over.gif) top left no-repeat;
  width: 113px;
  height: 23px;
  cursor: pointer;
  color:#fff;
  float: left;
}
.ldonner4{
  background: url(../images/charte/cadeau-et-cadeau.jpg) top left no-repeat;
  width: 217px;
  height: 23px;
  cursor: pointer;
  color:#fff;

}
.ldonner4-over{
  background: url(../images/charte/cadeau-et-cadeau-over.jpg) top left no-repeat;
  width: 217px;
  height: 23px;
  cursor: pointer;
  color:#fff;

}
.lienlinkp{
  background: url(../images/charte/btn_blank.gif) top left no-repeat;
  width: 113px;
  height: 23px;
  cursor:pointer;
  float: right;
}
.lienlinkp-over{
  background: url(../images/charte/btn_blank-over.gif) top left no-repeat;
  width: 113px;
  height: 23px;
  cursor:pointer;
  float: right;
}

.list-marige-t{
  background: url(../images/charte/list-mariage.jpg) top left no-repeat;
  width: 324px;
  height: 22px;
}

.demandedere a{
  color: #0c85e8;
  text-decoration:underline;
}
.demandedere a:hover{
  color: #0c85e8;
  text-decoration: none;
}
.mfermer{
  background: url(../images/charte/btn_blank.gif) top left no-repeat;
  width: 113px;
  height: 23px;
  margin: 0 auto;
  cursor: pointer;
  color: #fff;

}

#ibox_content{
  background: url(../images/charte/bg-repeat.jpg) top left repeat;

}

.mfermer:hover{
  background: url(../images/charte/btn_blank-over.gif) top left no-repeat;
  width: 113px;
  height: 23px;
  margin: 0 auto;
  cursor: pointer;
  color: #fff;
}

.fnew{
  width: 100px;
  float: left;
  color:#fff;
}
.fnew2{
  width: 140px;
  float: left;
  color:#fff;
}
.formcreate{
  padding-top: 40px;
  padding-left: 50px;
}

.slist-text{
 height:85px;
 color:#fff;
 text-align:justify;
}
.slist-text2{
 height:75px;
 color:#fff;
 text-align:justify;
}
.ns-img{
  float:left;
  padding:5px 10px;
  width:95px;
  height:80px;
  text-align: center;
}
.ns-img-no{
  float:left;
  padding:5px 10px;
  width:95px;
  height:80px;
}
.acinput{
  border: 1px solid red;
}

.formlogb2{
  background: url(../images/charte/btn-creer.jpg) top left no-repeat;
  width: 113px;
  height: 30px;
  border: none;
}
.formlogb2-over{
  background: url(../images/charte/btn-creer-over.jpg) top left no-repeat;
  width: 113px;
  height: 30px;
  border: none;
  cursor: pointer;
}

.formlogb3{
  background: url(../images/charte/btn-env.jpg) top left no-repeat;
  width: 113px;
  height: 30px;
  border: none;
}
.formlogb3-over{
  background: url(../images/charte/btn-env-over.jpg) top left no-repeat;
  width: 113px;
  height: 30px;
  border: none;
  cursor: pointer;
}

.secon{
  background: url(../images/charte/btn_secon.gif) top left no-repeat;
  width: 113px;
  height: 30px;
  border: none;
}
.secon-over{
  background: url(../images/charte/btn_secon-over.gif) top left no-repeat;
  width: 113px;
  height: 30px;
  border: none;
  cursor:pointer;
}

.liste-bg{
 background: url(../images/charte/bg-repeat.jpg) top left repeat;
 margin:0 auto;
 width:350px;
 height: 120px;
 border: 1px solid white;
 text-align: center;
}

.lislabel{
  width:100px;
  float:left;
  color: #fff;
  text-align: left;
  padding-left: 30px;
}

.lisinput{
 width:120px;
 border: 1px solid #536573;
 float:left;
}

.nos-dei{
 width:100px;
 float:left;
 color:#fff;
 text-decoration:none;
}
.nos-dei a{
 background:#051829;
 color:#fff;
 text-decoration:none;
  padding:0 4px;
}
.nos-dei a:hover{
 background:#ff0000;
 color:#fff;
 text-decoration:none;
  padding:0 4px;
}

.nos-prix{
  color: #fff;
  float: left;
  padding: 0 0 5px 5px;
}

.lienleg{
  text-transform: uppercase;
  color: #126ab2;
  font-weight: bold;
}

.gr-btn{
  background: url(../images/charte/btn_blank.gif) top left no-repeat;
  width: 113px;
  height: 30px;
  margin: 0 auto;
}
.gr-btn:hover{
  background: url(../images/charte/btn_blank-over.gif) top left no-repeat;
  width: 113px;
  height: 30px;
  margin: 0 auto;
}
.mdm-ar{
  color: #fff;
  padding:10px;

}

.donpag{
  margin:0 auto;
  padding-bottom:5px;
  width:875px;
}

.pagination{
  color: #fff;
  text-align: center;
}
.ref{
    color: #fff;
  font-size:11px;
  left: 0;
  position: absolute;
  width: 100%;
}