/*general*/
 
@import url(/css/marges.css);
 
  *{padding:0;margin:0;font-family:Verdana, Sans-serif, Helvetica}
    
  body{background-color:#FFF;text-align:center}
  
  .left{float:left}
  .right{float:right}
  .clearmasked, .clear{clear:both}
  .inline li{display:inline}
  
.visu_left{float:left;margin:0.2em 1em 0.4em 0em}
.visu_right{float:right;margin:0.2em 0em 0.4em 1em}
  
  h1,h2,h3,h4,p,ul,ol{margin-bottom:4px}
  
  a img{border:none}
  a:link, visited, active{color:#1C73C7;text-decoration:underline}
  p a:hover, li a:hover{
    text-decoration:underline;
    background:#DFEAF3;
    }
 
  p, li{color:#666;font-size:0.7em}
  
    /*layout*/
  
  #bandeau{
    width:980px;
    margin-top:0px ! important; margin-top:0px;
    margin-bottom:10px;
    padding:10px;
    }
    
    #bandeau h1{font-size:2em;font-weight:normal}
    #bandeau p{font-size:.97em}
  
  #conteneur{
    width:1000px;
  	margin-left: auto;
  	margin-right: auto;
  	margin-bottom: 10px;
  	text-align: left;
    }
    
  #contenu{width:790px;margin:0 0 16px 0}
  
  .contenuG{float:left;width:790px;margin:0 0 16px 0}
  .contenuD{float:right;width:773px!important;width:770px;margin-left:17px}
  .contenuDaccueil{float:right;width:790px!important;width:788px;margin:0 0 0 0}

  #contenuoptions{width:806px}
  
  .cadreBandeauNoir{
  width:765px;
  border: 1px solid #B2B2B2;
  margin-bottom:0.7em;
  float:left;
  background-image: url(/media/bandeau_noir.png);
  background-repeat: repeat-x;
  } 
  
  .contenuD > .cadreBandeauNoir{width:773px!important;width:770px;}

    
  .cadreBandeauNoir li{
  margin-left: 1.3em;
  margin-top: 0.25em;
  list-style-type: none;
  color: #3f3f3f;
  font-weight: bold;
  line-height: 1.5em;
  }
    
  .cadreBandeauNoir h1,.cadreBandeauNoir h2,.cadreBandeauNoir h3{margin-top:0.25em;margin-bottom:0.7em;margin-left: 11px}
  .cadreBandeauNoir p{margin:11px}
  

  /*--------début mise en forme bandeau-----------*/
  
  /*#logoaccueil{
  width:250px;
  height:150px;
  text-align:center
  }
  
  #logoaccueil img{
  margin-top:50px;
  }*/
  
  #bannierebandeau{
  width:468px;
  height:60px;
  margin-top:16px;
  margin-left:15px;
  text-align:center;
  margin-bottom:20px;
  background:#B2B2B2
  }
  
  #boutiquebandeau img{
  width:275px;
  height:54px;
  margin-left:118px;
  margin-top:0;
  }
  
  #partenairebandeau{
  width:250px;
  height:50px;
  text-align:center
  }
  
  #partenairebandeau h1{text-align:center;margin-top:15px}
  
  #partenairebandeau p{
  font-size:0.6em;
  font-weight:bold;
  text-align:center
  }
  /*--------fin mise en forme bandeau-----------*/
  
  /*--------mise en forme menu gauche et droit-----------*/
   #menugauche, #menudroit{width:210px;height:100%}
    
    /*--------mise en forme menu gauche et droit-----------*/
    .blocRappelG {height:110px;width:212px;margin:0 0 17px 0;background: url("/media/fondRappelGauche.jpg") no-repeat right bottom}
    .blocRappelD {float:right;height:110px;width:182px;margin:0 0 17px 0;background: url("/media/fondRappelDroit.jpg") no-repeat right bottom}
    
    .blocRappelG h1{margin:0 0 0 20px;padding:7px 0 0 0}
    .blocRappelD h1 {margin:0 0 0 10px;padding:7px 0 0 0;font-size:1.0em}
    
    .blocRappelG h2 {margin:0 0 0 20px}
    .blocRappelD h2 {margin:0 0 0 10px;}
    
    .blocRappelG .btnOrgCenter{margin:2px 35px 0 35px}
    .blocRappelD .btnOrgCenter{margin:2px 22px 0 22px}
    
     .btnOrgLeft a, .btnOrgRight a, .btnOrgCenter a, .btnOrgLeft a:hover, .btnOrgRight a:hover, .btnOrgCenter a:hover {
    font-size:1.4em!important;
    height:18px;
    display:block;
    text-align:center;
    padding:3px 8px;
    color:#FFF;
    background: url("/media/btn_orange.png") repeat-x #EE8008;
    font-weight:bold;
    border: 1px solid #EE8008;
    text-decoration:none;
    }
    
    .btnOrgCenter a, .btnOrgCenter a:hover{margin:0 15px}
    .btnOrgRight a, .btnOrgRight a:hover{margin-right:10px;width:160px}
    .btnOrgLeft a, .btnOrgLeft a:hover{margin-left:10px}
    
    
    #forfaitservice, #forfaitdebit, #offrepro{background: url("/media/bandeau_orange.png") repeat-x center top}

    #rappelaccueil, #forfaitservice, #forfaitdebit, #offrepro, #bloc_cgv{
    width:186px;
    margin-bottom: 17px;
    padding:6px 12px 0 12px;
    }
    
    #forfaitservice ul, #forfaitdebit ul, #offrepro ul{list-style:none;margin-top:15px}
    
    #forfaitservice li, #forfaitdebit li, #offrepro li{
    font-size:0.75em;
    font-weight:bold;
    margin:5px 0;
    padding-bottom:6px;
    border-bottom:1px solid #EE8008
    }
    
    .noborder{border:none!important}
    
  
    
    #forfaitservice a:link, #forfaitdebit a:link, #offrepro a:link {color: #000;text-decoration:none;background-color: transparent}
    #forfaitservice a:visited, #forfaitdebit a:visited, #offrepro a:visited {color:#000;text-decoration: none;background-color: transparent}
    #forfaitservice a:hover, #forfaitdebit a:hover, #offrepro a:hover {color:#EE8008;text-decoration: none;background-color: transparent}
    #forfaitservice a:active, #forfaitdebit a:active, #offrepro a:active {color:#FFFFFF;text-decoration: none;background-color: transparent}
    
     /*----------fin menu gauche--------*/
  
  
  
  .titremenugauche{color:#FFF;text-align:center}
  .menupetit{font-size:0.75em; color:#8C8C8C}
  
  
  
  h1{font-size:1.07em}
  h2{font-size:0.84em}
  h3{font-size:0.75em}
  h4{font-size:0.6em}
  
  #offrenet h1, #formule h1, .resultatoffrenoire h1, .resultatoffregrise h1 {margin:0.25em 0 0.5em 0.7em}
  
  /*couleur*/
  .orange{color:#EE8008}
  .blanc{color:#FFF}
  .noir{color:#000}  
  
  a href{text-decoration: none} 
  
  
  /*-------début visuel offre et prix*--------*/
  .visuel_offre{
    width:230px;
    margin-top:0.7em;
    margin-right:0.5em !important; margin-right:0.4em;
    background-image: url("/media/bandeau_orange_small.png");
    background-repeat: repeat-x;
    background-position:center bottom;
    text-align: center;
    float:right
    }
  /*-------fin visuel offre et prix*--------*/
  
  /*prix visuel*/
  .prixvisuel{
  font-size:1.04em;
  color:#FFF;
  text-align: right;
  margin-top:0.4em;
  margin-right: 0.3em;
  margin-bottom:0.05em
  }
  
  /*-------boutons-------*/
  
  .boutonenvoi, .boutonenvoi a , .boutonenvoi:hover{   
    height:26px;
    text-align:center;
    padding:3px 4px!important;
    font-size:1.0em!important;
    font-weight:bold;
    cursor:pointer;
    }
    
    .boutonenvoi {background: url("/media/bandeau_orange.png") repeat-x #b2b3b5;color:#FFF;border: 1px solid #EE8008}
    .boutonenvoi:hover{background: url("/media/bandeau_blanc.png") repeat-x #FFF;color:#EE8008;border: 1px solid #858585}
    #testnoir .boutonenvoi{margin-right:18px;width:44%}
    #contenuoptions .boutonenvoi{width:30%}
    #panier .boutonenvoi{width:100%}
        
    .validerMaCommande{width:210px;float:right}
  
  .btnOrgLeft{float:left}
  .btnOrgRight{float:right}
  .btnOrgLeft a, .btnOrgRight a, .btnOrgCenter a, .btnOrgLeft a:hover, .btnOrgRight a:hover, .btnOrgCenter a:hover {
    font-size:1.4em!important;
    height:18px;
    display:block;
    text-align:center;
    padding:3px 8px;
    font-weight:bold;
    border: 1px solid #EE8008;
    text-decoration:none
    }
    
    
  .btnOrgLeft a, .btnOrgRight a, .btnOrgCenter a {background: url("/media/btn_orange.png") repeat-x #b2b3b5;color:#FFF;} 
  .btnOrgLeft a:hover, .btnOrgRight a:hover, .btnOrgCenter a:hover {background: url("/media/bandeau_blanc.png") repeat-x #FFF;color:#EE8008}
  
  .btnOrgRight a, .btnOrgRight a:hover{margin-right:10px}
  .btnOrgLeft a, .btnOrgLeft a:hover{margin-left:10px}
  
  /*-------bouton de validation--------*/
    .btnResultChoisir a, .btnResultChoisir a:hover{
    font-size:1.4em!important;
    height:17px;
    text-align:center;
    padding:3px 8px;
    color:#FFF;
    font-weight:bold;
    border: 1px solid #FFF;
    text-decoration:none
    }
    
    .btnResultChoisir a {background: url("/media/btn_orange.png") repeat-x #b2b3b5}
    .btnResultChoisir a:hover{background: url("/media/btn_noir.png") repeat-x}
    
    /*------début panier-------*/
  
  #panier{
    width:180px;
    border: 1px solid #B2B2B2;
    background-image: url("/media/bandeau_orange_panier.png");
    background-repeat: no-repeat;
    background-position:center top;
    text-align:center;
    padding-top:1.5em !important; padding-top:2.2em;
    padding-bottom:0.5em;
    margin-right:-2px !important; margin-right:0
  }
  
  #panier h1{
    color:#FFF;
    margin-top:0.2em
  }
  
  .bandeaunoir{
    width:170px;
    height:16px;
    margin: 0.8em auto 0.4em;
    background: url("/media/bandeau_noir_panier.png")repeat-x center top;
    padding-top:0.04em;
    text-align:left;
  }
  
  #panier p{
    color:#FF6600;
    text-align:left;
    margin: 0 0.8em;
    font-size:0.65em;
    font-weight:bold;
  }
  
  
  /*------fin panier-------*/
  
  .none{display:none}
  
  .180{width:180}
  .200{width:200}
  .220{width:220}
  
  .masquer2{
   position:absolute;
   left:-999em;
   display:block;
   overflow:hidden;
   text-indent:-999em
   }

  /*------CGV menu gauche-------*/
    #bloc_cgv{background:#E6E6E6;font-size:0.9em!important}
 
    #bloc_cgv ul {list-style:none}
    
    #bloc_cgv li {
    color: #000;
    font-weight:bold;
    margin:5px 0;
    padding-bottom:6px;
    border-bottom: 2px solid #B2B2B2;
    }
    
    #bloc_cgv a:link, #bloc_cgv a:visited, #bloc_cgv a:active {
    color: #666;
    text-decoration:none;
    background-color: transparent;
    font-size:1.0em
    }
    
    #bloc_cgv a:hover {color: #000;text-decoration:none}
    
  /*------CGA menu gauche-------*/
  #cga a:link,#cga a:visited,#cga a:active,#odr a:link,#odr a:visited,#odr a:active,#autres a:link,#autres a:visited,#autres a:active{
  color: #FF6E00;
  font-size:1.0em !important;
  font-size:1.3em
  }
  
  /*--classe pour centrer--*/
  .centrer{text-align:center}

	.visu_promo{float:right;margin-right:5px}