/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {width: 100%;}
body{font: 11px/1.5em Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;}

ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding:7px 0 0; line-height:14px; text-align: justify;  font: 11px   Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;}
a:link,
a:visited{color:#F44500; text-decoration: none;}
a:active,
a:hover{color:#555555;}
a:focus{outline: none;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{}
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg1.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background:url("images/bg0.gif") 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#contenu{width:653px; height:433px; float:left;}
#info{background-color:#797979; clear:both; height:26px; border-bottom:1px solid #5A5959;}
#info p{color:#ffffff; padding-left:12px;}
#info p.marquee{color:#ffffff; font-size:10px; line-height:12px; text-align: center; padding-top:2px; padding-right:4px;}
#info span{margin-right:13px;}
#info a:link,
#info a:visited{color:#C6C3C3;}
#info a:active,
#info a:hover{color:#ffffff;}


h1 span{display:none;}
h1 {height:433px;  width:41px; float:left;}

h1#accueil{background:url("../../images/charte/title-accueil.jpg") no-repeat 9px 10px;}
h1#hommes{background:url("../../images/charte/title-hommes.jpg") no-repeat 9px 10px;}
h1#femmes{background:url("../../images/charte/title-femmes.jpg") no-repeat 9px 10px;}
h1#pass{background:url("../../images/charte/title-pass.jpg") no-repeat 9px 10px;}
h1#contact{background:url("../../images/charte/title-contact.jpg") no-repeat 9px 10px;}
h1#merci{background:url("../../images/charte/title-merci.jpg") no-repeat 9px 10px;}
h1#compte{background:url("../../images/charte/title-compte.jpg") no-repeat 9px 10px;}
h1#acces{background:url("../../images/charte/title-acces.jpg") no-repeat 9px 10px;}
h1#inscrire{background: url("../../images/charte/title-inscription.jpg") no-repeat 9px 10px;}
h1#details{background: url("../../images/charte/title-details.jpg") no-repeat 9px 10px;}
h1#recherchez{background: url("../../images/charte/title-recherche.jpg") no-repeat 9px 10px;}
h1#plan{background: url("../../images/charte/title-plan.jpg") no-repeat 9px 10px;}
h1#monpanier{background: url("../../images/charte/title-panier.jpg") no-repeat 9px 10px;}
h1#quisommes{background: url("../../images/charte/title-quisommes.jpg") no-repeat 9px 10px;}h1#conditions{background: url("../../images/charte/title-conditions.jpg") no-repeat 9px 10px;}
h1#personnes{background: url("../../images/charte/title-personnes.jpg") no-repeat 9px 10px;}

h2{font-size:13px; margin-left:20px; margin-top:15px; margin-bottom:20px;}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{margin-top:6px; position: relative;}
#site-header .inner{}
#panier{position:absolute; right:5px; top:22px; width:190px; color:#535252;}
.panier-left{float:left;}
#panier p{line-height:18px; padding-left:10px; float:left}

#panier span{color:#000000}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden; height:460px; background: url(../../images/charte/bg-left.jpg) no-repeat left bottom;}
#left-inner{margin-left:18px; width:266px; float:left; display:inline;}

p.location{color:#555555; padding-top:0px;}
#inscription{margin-top:48px; height:120px;}

#inscription a.heart:link,
#inscription a.heart:visited
{color:#010101; text-decoration: underline; background: url(../../images/charte/icon-heart.jpg) no-repeat left 5px; padding-left:10px;}
#inscription a.heart:hover,
#inscription a.heart:active
{color:#F44500; text-decoration: none;}
.inputForm1{
	border:1px solid #ffffff;
	background-color:#ffffff;
	color:#494949;
  width:261px;
  font:normal 11px Verdana;
  padding-left:2px;
  margin-top:7px;
  margin-bottom:2px;
  padding-top:2px;
  padding-bottom:3px;
	}
.inputFormOver1{
  border:1px solid #ffffff;
	background-color:#ffffff;
	color:#494949;
  width:261px;
  font:normal 11px Verdana;
  padding-left:2px;
  padding-top:2px;
  padding-bottom:3px;
  margin-top:7px;
  margin-bottom:2px;
	}
.btn{float:right; padding-top:5px;}

.button{
  background:url(../../images/charte/button.png) no-repeat center bottom;
  border:none;
	width:106px;
  height:25px;
	cursor:pointer;
  color:#000000;
  font:normal 11px Verdana;
	}
  .buttonOver{
    background:url(../../images/charte/button-over.png) no-repeat center bottom;
    border:none;
  	width:106px;
    height:25px;
  	cursor:pointer;
    color:#38241C;
    font:normal 11px Verdana;
    }
.button1{
  background:url(../../images/charte/button1.jpg) no-repeat center bottom;
  border:none;
	width:106px;
  height:25px;
	cursor:pointer;
  color:#000000;
  font:normal 11px Verdana;
	}
  .buttonOver1{
    background:url(../../images/charte/button1-over.jpg) no-repeat center bottom;
    border:none;
  	width:106px;
    height:25px;
  	cursor:pointer;
    color:#38241C;
    font:normal 11px Verdana;
    }

#recherche{clear:both; padding-top:24px; float:left;}
#recherche select{width:266px; margin-top:7px; margin-bottom:2px;}





/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{ background:url(../../images/charte/bg-title.jpg) no-repeat left top;height:460px}

img {border: 0;}
.lead{padding-top:0px !important; }
.lead1{padding-top:2px !important; }
.lead2{padding-top:15px; }
.lead3{padding-top:4px; }
.couleur{color:#FC4700}
.clear{clear:both}
.image-right{float:right;margin-left:13px;}
.image-left{float:left;margin-right:13px}
.left{float:left;}
.right{float:right;}
.line{height:14px; background: url(../../images/charte/line.jpg) repeat-x left center; line-height:0; font-size:0px; padding:0; clear:both;}
.line1{height:14px; background: url(../../images/charte/line-index.jpg) no-repeat left center; line-height:0; font-size:0px; padding:0; margin-top:12px;}
.centered{text-align: center; margin:0 auto}
.indent{margin-left:20px;}
.indent1{margin-left:25px;}
ul.list{
  list-style:none;
  padding-left:40px;
  margin-top:10px;
  }
  ul.list li{
    background: url(../../images/charte/icon-list.jpg) no-repeat left 7px;
    padding-left:12px;
    line-height:17px;
    color:#202020;
    }

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {width: 100%;  height:34px;}
#footer{margin:0 auto; background: url(../../images/charte/bg-footer.jpg) repeat-x left top; height:34px;}
#footer p{color:#3D3D3D; font-size:10px;}
.footer-digital{float:left; margin-left:18px; display:inline; padding-top:11px}
.footer-links{float:left; color:#8D8D8D; margin-left:47px; display: inline; padding-top:8px;}
.footer-links a:link,
.footer-links a:visited{color:#3E3E3E; margin:0 3px; font-size:10px; text-decoration: none; text-transform: uppercase;}
.footer-links a:hover,
.footer-links a:active{color:#8D8D8D;}

.footer-links a.digital:link,
.footer-links a.digital:visited{color:#F04400; margin:0 4px; font-size:10px; text-decoration: none; text-transform: uppercase;}
.footer-links a.digital:hover,
.footer-links a.digital:active{color:#8D8D8D;}
#footer p.copyright{float:right; margin-right:18px; display: inline; padding-top:11px;}

div.ref{padding: 0px 10px 0px; clear:both; text-align:center; font-size:11px; color:#626262; line-height:13px;}

/* ===| Contact |====================================================*/
/* contact */
.contact-left{
  width:460px;
  float:left;
  padding-left:20px;
  font:normal 11px Verdana;
  margin-left:115px;
  display: inline;
  }
  .contact-right{
    width:238px;
    display:inline;
    float:left;
    margin-left:30px;
    display:inline;
    }
    .contact-right p{
      padding-left:5px;
      }
#contact-form select{border:1px solid #717171; width:206px;}

.inputForm{
	border:1px solid #717171;
	background-color:#ffffff;
	color:#7F7E7E;
  width:200px;
  font:normal 11px Verdana;
  height:15px;
  padding-left:2px}
.inputFormOver{
  border:1px solid #FA4600;
	background-color:#ffffff;
	color:#FA4600;
  width:200px;
  font:normal 11px Verdana;
  height:15px;
  padding-left:2px}


.contact-left2{
  width:300px;
  float:left;
  font:normal 11px Verdana;
  display: inline;
  padding-left:20px;

  }
  .contact-right2{
    width:280px;
    display:inline;
    float:left;
    display:inline;
    }
    .contact-right2 p{
      padding-left:5px;
      }

.inputForm2{
	border:1px solid #717171;
	background-color:#ffffff;
	color:#7F7E7E;
  width:160px;
  font:normal 11px Verdana;
  height:15px;
  padding-left:2px}
.inputFormOver2{
  border:1px solid #FA4600;
	background-color:#ffffff;
	color:#FA4600;
  width:160px;
  font:normal 11px Verdana;
  height:15px;
  padding-left:2px}
.label2{
	width:100px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#000000;
	text-align:left;
  font:normal 11px Verdana;
	}
  .label2 span, .obligatoire span{color:#FA4600;}
.field2{
	width:170px;
	float:left;
	margin-top:5px;
  font:normal 11px Verdana;
 	}

textarea{font:normal 11px Verdana;}
.label{
	width:170px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#000000;
	text-align:left;
  font:normal 11px Verdana;
	}
  .label span, .obligatoire span{color:#FA4600;}
  .wide{width:490px !important;}
  .obligatoire{margin-left:205px; font-size:10px}


.field{
	width:260px;
	float:left;
	margin-top:5px;
  font:normal 11px Verdana;
 	}

.submit-buttons{
  width:400px;
  text-align: center;
  margin:20px 0 0 135px;
  }
  .submit-buttons div{
    float:left;
    display:inline;
    width:200px;
    }
  .radiobuttons{
    float:left;
    width:18px;
    height:15px;
    border:1px solid green
    }
  .radio{float:left; padding-top:0;padding-right:15px;}
  .small{font-size: 10px;}

/* panier */
#main-content{padding-top:110px; float:left; margin-left:140px; display:inline; width:305px;}
#main-content .btns{ padding-top:10px; width:220px; float:right; padding-left:5px;}


/* File List */
.borderImage{
	border:1px solid #918680;
  background-color: #EBEBEB;
  width:93px;
  height:93px;
  margin-right: 30px;
  }
.button2,
.buttonOver2{
	width: 85px;
	height: 28px;
  border: none;
  font: bold 11px Arial;
	color: #ffffff;
  cursor: pointer;
  }
  .button2{background: url(../../images/charte/button2.jpg) no-repeat center;}
  .buttonOver2{background: url(../../images/charte/buttonOver2.jpg) no-repeat center;}
.imageInfo{
  position:absolute;
  margin-top:-105px;
  margin-left:114px;
  background-color:#fff;
  border:1px solid #918680;
  z-index:20;
  display:none;
  width:134px;
  padding-top:5px;
  padding-bottom:5px;
  }
  .imageInfo *{
    font-size:11px;
    text-align:center;
    line-height:11px;
    }
.file-process{
  width:230px;
  position:absolute;
  right:0;
  top:10px;
  z-index:20;
  padding-top:10px;
  height:200px;
  }
/* Compte */

.buttonD,
.buttonC,
.buttonA{
  border:none;
  width:117px;
  height:20px;
	cursor:pointer;
  color:#FC4702;
  font:normal 11px Arial;
  text-align: left;
  padding-left:25px;
  background-color:red
	}
  .buttonA{width:257px;}


  .buttonOverD,
  .buttonOverC,
  .buttonOverA{
    border:none;
  	width:117px;
    height:20px;
  	cursor:pointer;
    color:#000000;
    font:normal 11px Arial;
    text-align: left;
    padding-left:25px;
    }
.buttonD{background:url(../../images/charte/icon-deconnexion.png) no-repeat left 2px;}
.buttonOverD{background:url(../../images/charte/icon-deconnexion-over.png) no-repeat left 2px;}
.buttonC{background:url(../../images/charte/icon-compte.png) no-repeat left 1px;}
.buttonOverC{background:url(../../images/charte/icon-compte-over.png) no-repeat left 1px;}
.buttonA{background:url(../../images/charte/icon-acces.png) no-repeat left 4px; padding-left:22px !important}
.buttonOverA{background:url(../../images/charte/icon-acces-over.png) no-repeat left 4px; width:257px !important; padding-left:22px !important}

/* listing */
.listing-box{
  border:1px solid #000000;
  width:190px;
  /*height:80px;*/
  height:90px;
  float:left;
  padding:7px;
  margin:10px 3px 0 7px;
  display: inline;
  }
.listing-box1{
  border:1px solid #FA4600;
  width:190px;
  height:90px;
  float:left;
  padding:7px;
  margin:10px 3px 0 7px;
  display: inline;
  }

  .thumb{
    float:left;
    width:77px;
    height:77px;
    margin-right:5px;
    }
  .thumb img{
    border: 1px solid #E4E2E2;
    padding:1px;
    }
.buttonX{
  border:none;
	width:80px;
  height:20px;
	cursor:pointer;
  color:#FC4702;
  font:normal 11px Arial;
  text-align: left;
  padding-left:25px;
  background:url(../../images/charte/effacer.jpg) no-repeat center;
	}
  .buttonOverX{
    border:none;
  	width:80px;
    height:20px;
  	cursor:pointer;
    color:#000000;
    font:normal 11px Arial;
    text-align: left;
    padding-left:25px;
    background:url(../../images/charte/effacer-over.jpg) no-repeat center;
    }
.panier-table{
  background-color:#CFCFCF;
  }
  .panier-table th{
    background-color:#EDECEC;
    padding:0 4px;
    }
  .panier-table td{

    background-color:#ffffff;
    padding:1px 4px;}

.scroll-contenu{
  width: 643px; height:433px; overflow: auto;  position: relative;  padding: 0 10px 0 0;
  }

.details-box{
  width:490px;
  float:left;
  padding-left:2px;
  font:normal 11px Verdana;
  display: inline;
  border:1px solid #EDECEC;
  }
  .details-box .label{
    background-color: #F6F6F6;
    float:left;
    padding:2px 4px 3px;
    border-bottom:1px solid #EDECEC;
    }
    .details-box .field{

    float:left;
    padding:2px 2px 3px;
    border-bottom:1px solid #EDECEC;
    width:300px;
    }

.icon-pass{
  background:url(../../images/charte/bg-pass.jpg) no-repeat center;
  width:36px;
  height: 36px;
  color:#ffffff;
  }
.icon-pass p{
  text-align: center;
  line-height:10px;
  font-size:10px;
  }
  .icon-pass p strong{
    font-size:13px;
    }
.pass-table{
  border:1px solid #EDECEC;
  border:1px solid #EDECEC;
  }