/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/



#contenu h1{
font:bold 18px Arial, Helvetica, sans-serif;
color:#CCC;
letter-spacing:1px;
margin:0 0 12px;
}
#contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFF;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#a6a486;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#fff;
}
#contenu a:link, #contenu a:visited{
font-weight:normal;
color:#566b9a;
text-decoration:underline;
}
#contenu a:hover, #contenu a:active{
color:#7fa1c6;
text-decoration:none;
}

#gifAnim{
width:580px;
float:left;
margin-bottom:8px;
margin-left: 0;
display: inline;
}
#gifAnim h1{
background:url(../images/accueil/multimedis_HP-me_03.gif) no-repeat;
width:562px;
height:20px;
}
#gifAnim h1 span{
display:none;
}


#encart-droite{
margin-top:30px;
float:right;
width:198px;
}
#container #contenu #encart-droite a{
display:block;
margin-bottom:7px;
}
#encart-bas{
margin-bottom:20px;
float:right;
width:786px; /* ancien : 786px*/
}
#encart-bas img{
float:left;
margin-left:1px;
}
/* styles globaux
********************/
.floatleft{
  float: left;
  }
#contenu img.floatleft{
  margin: 10px 10px 10px 0;
  }
.floatright{
  float: right;
  }
.clearer{
  clear: both;
  }
a img{
  border: none;
  }
a:focus, a:active{
  outline: none;
  }
#contenu a{
  color: #004FFA;
  }
#contenu a:hover{
  text-decoration: none;
  }
#contenu a.info{
  background: url(../images/charte/puce_i.png) center right no-repeat;
  padding: 4px 27px 4px 0;
  }
#contenu a.pdf{
  background: url(../images/charte/logo_acrobat.png) center right no-repeat;
  padding: 2px 20px 2px 0;
  }
#contenu p{
  font: 12px Arial, Helvetica, sans-serif;
  color: #555;
  margin: 5px 0;
  text-align: justify;
  }

#contenu input,#contenu select,#contenu textarea
{
	border: 1px solid #ccc;
	background-color: white;
	color: black;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px 2px 2px 4px;
} 

#contenu input[type=image]
{
	border:none;
}

#contenu input[type=radio]
{
	border:none;
	background: none;
}

#contenu .bold{
  font-weight: bold;
  }
#contenu .rouge{
  color: #F00;
  }
#contenu .orange{
  color: #F60
  }
#contenu sup{
  font: 9px/9px Verdana, Arial, Helvetica, sans-serif;
  vertical-align: super;
  position: relative;
  top: 2px;
  }
#contenu .small{
  font-size: 11px;
  }
#contenu .bigger{
  font-size: 1.6em;
  }
#contenu .center{
  text-align: center;
  }
#contenu .warning{
  background: url(../images/charte/warning.png) top left no-repeat;
  padding: 8px 0 2px 25px;
  }
#contenu .mandatory{
  background: url(../images/charte/mandatory.png) top left no-repeat;
  padding: 6px 0 4px 25px;
  }
#contenu h1{
  font: bold 18px Arial, Helvetica, sans-serif;
  color: #DC842A;
  margin: 10px 0 0; padding: 2px;
  }
#contenu h2{
  font: bold 14px/28px Arial, Helvetica, sans-serif;
  color: #566b9a;
  background: url(../images/charte/puce_i.png) center left no-repeat;
  text-indent: 30px;
  margin: 15px 0 0;
  clear: both;
  }
#contenu h2.narrow{
  font: bold 13px/28px Arial, Helvetica, sans-serif;
  }
#contenu h2.puce_m, h2.puce_m{
  background: url(../images/charte/puce_m.png) center left no-repeat;
  text-indent: 35px;
  }
#contenu h2#hook_cc1{
  background: url(../images/charte/puce_n1.png) center left no-repeat;
  text-indent: 35px;
  }
#contenu h2#hook_cc2{
  background: url(../images/charte/puce_n2.png) center left no-repeat;
  text-indent: 35px;
  }
#contenu h2#hook_cc3{
  background: url(../images/charte/puce_n3.png) center left no-repeat;
  text-indent: 35px;
  }
#contenu h2#hook_cc4{
  background: url(../images/charte/puce_n4.png) center left no-repeat;
  text-indent: 35px;
  }
#contenu h2 .bold{
  font-style: italic;
  }
#contenu h3{
  font: bold 14px/18px Arial, Helvetica, sans-serif;
  color: #DC842A;
  margin: 10px 0 10px;
  clear: both;
  }
#contenu h4{
  font: bold 12px/15px Arial, Helvetica, sans-serif;
  color: #777;
  margin: 10px 0 5px;
  clear: both;
  }
#contenu .jeminscris{
	background:url(../images/contenu_vrac/jeminscris.gif) center center no-repeat;
	width:310px;
	height:87px;
	
  }
#contenu .jemidentifie{
	background:url(../images/contenu_vrac/jemidentifie.gif)  center center no-repeat;
	width:310px;
	height:87px;
	
  }  
#contenu table{
  width: 100%;
  margin: 10px 0;
  }
#contenu th{
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #FFF;
  padding: 5px;
  /*background: #757575;*/
  }
#contenu td{
  font: 11px Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 2px;
  }
#contenu dl{
  font: 11px Arial, Helvetica, sans-serif;
  color: #555;
  margin: 10px 0;
  text-align: justify;
  }
  
 #contenu a.retour{
 font: bold italic 16px Arial, Helvetica, sans-serif;
 color: #000066;
 margin: 0 10px;
 float:right;

 }
  
#contenu dt{
  font: bold 11px Arial, Helvetica, sans-serif;
  margin: 5px 0 0;
  }
#contenu dl.arrowed dt{
  background: url(../images/charte/arrow.png) center left no-repeat;
  text-indent: 30px;
  line-height: 20px;
  }
#contenu dl.arrowed dd{
  margin: 0 0 0 30px;
  }
#contenu dl.orange_arrowed dt{
  background: url(../images/charte/arrow_orange.png) center left no-repeat;
  text-indent: 20px;
  color: #F60;
  font: bold 13px/16px Arial, Helvetica, sans-serif;
  }
#contenu dl.orange_arrowed dd{
  margin: 0 0 0 20px;
  }
#contenu ul, #contenu ol{
  font: 11px Arial, Helvetica, sans-serif;
  color: #555;
  margin: 10px 0 0 20px;
  text-align: justify;
  }
#contenu li{
  margin: 5px 0 0;
  }
#contenu ul.arrowed{
  list-style: none;
  margin: 10px 0 0 0;
  }
#contenu ul.arrowed li{
  background: url(../images/charte/arrow.png) top left no-repeat;
  padding: 4px 0 0 30px;
  min-height: 20px;
  }
#contenu ol.arrowed{
  list-style: decimal inside;
  margin: 10px 0 0 0;
  }
#contenu ol.arrowed li{
  background: url(../images/charte/arrow.png) top left no-repeat;
  padding: 4px 0 0 30px;
  min-height: 20px;
  }
#contenu .toplink{
  text-align: right;
  clear: both;
  font-size: 10px;
  }
#contenu .toplink a{
  background: url(../images/charte/top_arrow.gif) 100% 7px no-repeat;
  padding: 0 15px 0 0;
  }
#contenu .inlinepic{
  vertical-align: middle;
  margin: 0 5px;
  }

/* promotion
********************/
#contenu #promo{
	background:url(../images/rubrique/fond-titre.gif) repeat-x;
	border:1px solid #D1D1D1;
  margin: 15px 0 20px 0;
  clear: both;
  height: 72px;
  overflow: hidden;
  }
#contenu #promo img{
  float: left;
  margin-right:8px;
  }
#contenu #promo h1{
  text-align: left;
  font: small-caps bold 23px Helvetica, sans-serif;
  color: #636364;
  margin: 2px 0px 2px 10px;
  padding: 5px 0 0;
  }
#contenu #promo p{
  text-align: left;
  font: 11px Arial, Helvetica, sans-serif;
  color: #636364;
  margin: 3px 10px;
  }

/*
titres réduits
*****************/

#contenu #titresreduits{
	background:url(../images/rubrique/fond-titre.gif) repeat-x;
	border:1px solid #D1D1D1;
  margin: 15px 0 4px 0;
  clear: both;
  height: 60px;
  overflow: hidden;
  }
#contenu #titresreduits img{
  float: left;
  margin-right:8px;
  }
#contenu #titresreduits h1{
  text-align: left;
  font: small-caps bold 16px Helvetica, sans-serif;
  color: #636364;
  margin: 2px 0px 2px 10px;
  padding: 2px;
  }
#contenu #titresreduits p{
  text-align: left;
  font: 11px Arial, Helvetica, sans-serif;
  color: #636364;
  margin: 3px 10px;
  }

/* item produit
********************/
  #contenu .produit{
/*  width: 258px;
  height: 415px;*/
  width: 578px;
  height: 243px;
  /*overflow: hidden;*/
  float: left;
  margin: 0 0px 8px 0px;
  background: url(../images/charte/bg-produit-bleu.jpg);
  border: 1px solid #888888;
  }
/*#contenu .produit div{
  font-size: 0px;
  background: url(../images/charte/bg_produit.png) bottom left no-repeat;
  }
 */
 
 #contenu .produit_image {
 	margin: 2px 10px 2px 2px;
	float: left;
	width: 238px;
	height:238px;
	//border: 10px;
 }
 
/*#contenu .produit div div{
  width: 250px;
  padding: 4px;
  background: url(../images/charte/top_produit.png) top no-repeat;
  overflow: hidden;
  text-align: center;
  }*/


#contenu .produit h2{
  /*border-bottom: 1px dashed #999;*/
  padding: 3px 0;
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: none;
  text-indent: 0;
  }
#contenu .produit p{
  font: Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-align: justify;
  margin: 0;
  font-size: 12px;
  }

#container #contenu .produit .prix{
  padding-left: 5px;
  display: block;
  height: 22px;
  font: Arial, Helvetica, sans-serif;
  font-size: 20px ;
  font-weight: bold;
  color: #FFF;
  }

#contenu .produit .prix a img{
  float: right;
  margin: 0 5px;
  }

#contenu .produit p.plus, #contenu .produit p.plus a{
  margin: 3px 0 3px;
  padding: 0 0 3px;
  /*border-bottom: 1px dashed #999;*/
  color: #000000;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
  }

#contenu div.prod_desc {
  font: Arial, Helvetica, sans-serif;
  height:92px;
  color: #ffffff;
  text-align: justify;
  margin: 0;
  font-size: 12px;
}

#contenu .produit .imgbottom
{
	margin: 3px 5px 0px 0px;
	height: 40px;
	padding:18px 0 0 0;
}

#contenu .produit .imgbottom img
{
	margin-right: 4px;
}

/* item produit alt
********************/
#contenu .produit.achat{
  background: url(../images/charte/bg-produit-bleu.jpg);
  }

#contenu .produit.achatpro{
  background: url(../images/charte/bg-produit-vert.jpg);
  }


/*#contenu .produit.achat div div,#contenu .produit.achatpro div div {
  background: url(../images/charte/top_produit_alt.png) top no-repeat;
  }*/

/* item encart texte produit
*******************-*/
#contenu .produit_texte
{
  width: 580px;
  height: 245px;
  overflow: hidden;
  float: left;
  margin: 0 0px 8px 0px;
}

/*MENU CATALOGUE*/

#contenu .catmenu {
	float:right;
	width: 197px;
	border: none;
	margin: 0 0 0 8px;
	/*background: url(../images/charte/bg-cat-menu.png) repeat-y;*/
}

#contenu .catmenu ul
{
	list-style-type:none;
	margin: 0;
}

#contenu .catmenu a
{
	text-decoration: none;
}

#contenu .catmenu a.bouton
{
	display: block;
	margin: 8px 0 0 0;
}
#contenu .catmenu ul li 
{
	margin: 0;
}

#container #contenu .catmenu ul li a
{
	line-height: 24px;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	width:196px;
	background: url(../images/charte/menucat_gris.png) repeat-x;
	color: #505050;
	display:block;
	width: 191px;
	height: 25px;
	padding-left: 6px;

}

#container #contenu .catmenu ul li a:hover
{
	background: url(../images/charte/menucat_orange.png) repeat-x;
	color: #ffffff;
}

#container #contenu .catmenu ul li a.titrebleu
{
	background: url(../images/charte/menucat_bleu.png) repeat-x;
	color: #3B587E;
}

#container #contenu .catmenu ul li a.titrebleu:hover
{
	background: url(../images/charte/menucat_bleu.png) repeat-x;
	color: #ffffff;
}

#container #contenu .catmenu .pub {
	display: block;
	margin: 6px 0 0 0;	
	text-align: center;
}

#contenu .catcontent {
    float:right;
	width: 580px;
}
/* sav
********************/
#contenu #savmargin1{
  margin: 5px 0 0 160px;
  }

/* comment commander
********************/
#contenu #cc_anchor_holder{
  position: relative;
  }
#contenu #cc_anchor_holder a{
  position: absolute;
  }
#contenu #cc_anchor_holder a#cchook1{
  left: 8px;
  top: 70px;
  height: 25px;
  width: 155px;
  }
#contenu #cc_anchor_holder a#cchook2{
  left: 35px;
  top: 105px;
  height: 35px;
  width: 110px;
  }
#contenu #cc_anchor_holder a#cchook3{
  left: 115px;
  top: 190px;
  height: 40px;
  width: 130px;
  }
#contenu #cc_anchor_holder a#cchook4{
  left: 315px;
  top: 140px;
  height: 35px;
  width: 170px;
  }
#contenu #cc_anchor_holder a#cchook5{
  left: 340px;
  top: 177px;
  height: 35px;
  width: 140px;
  }
#contenu #cc_anchor_holder a#cchook6{
  left: 210px;
  top: 275px;
  height: 50px;
  width: 150px;
  }

/* guide configurateur
********************/
#contenu ol.arrowed ol{
  list-style: upper-alpha inside;
  margin: 5px 0 5px 20px;
  }
#contenu ol.arrowed ol ol{
  list-style: lower-alpha inside;
  }
#contenu ol.arrowed ol li{
  background: none;
  margin: 0;
  padding: 0;
  min-height: 0;
  }
#contenu .half_col{
  width: 40%;
  margin: 0 25px 20px;
  float: left;
  }
#contenu .floatpadleft{
  float: left;
  margin: 10px 10px 10px 0;
  }
#contenu .padtop{
  margin: 20px 0 0;
  }


  


#contenu  table.formtable{
  width: auto;
  margin: 10px 0;
  }
  
#contenu table.formtable th{
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #FFF;
  padding: 5px;
  }
#contenu table.formtable td{
  font: 11px Arial, Helvetica, sans-serif;
  text-align: left;
  padding: 2px;
  border: none;
  }



#contenu table.admintable,#contenu table.admintable2, #contenu #txtaccueil table{
  width: auto;
  margin: 10px 15px;
  }
  
#contenu table.admintable th,#contenu table.admintable2 th{
  
  color: #000066;
  font: bold 11px Arial, Helvetica, sans-serif;
   padding-top: 2px;
  padding-left: 8px;
  padding-bottom: 2px;
  border-bottom: 1px solid #A0B8C7;
  }
 
#contenu table.admintable tr th,#contenu table.admintable2 tr th {
 	  padding-top: 4px;
  padding-left: 3px;
  padding-bottom: 4px;
  background-color: #7699AF;
  color: #DBE8F8 ;
}
 
 #contenu table.admintable tr td, #contenu table.admintable2 tr td {
 	  padding-top: 4px;
  padding-left: 3px;
  padding-bottom: 4px;
 }
 
#contenu table.admintable tr td,#contenu table.admintable2 tr td, #contenu #txtaccueil td{
  font: 11px Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #666666;
  color: #666;
  }

 #contenu table.admintable.noborder tr td, #contenu table.admintable2.noborder tr td  {
 	border-bottom: none;
 }


#contenu table.admintable hr,#contenu table.admintable2 hr {
	border: none;
	height:1px;
}

#contenu table.admintable2 td {
	text-align:left;
}

#contenu table tr.redtr td {
	color: red;
	font-weight: bold;
}

 #contenu table.admintable.noborder tr td, #contenu table.admintable2.noborder tr td {
 	border-bottom: none;
 }

.adminmenuleft {
	width: 170px; float: left; padding: 0px 4px 0px 0px;
}

.tbrecherche{
    width: 170px;
	background:url(../images/charte/bg-menu-admin.jpg) repeat-x;
  }
#contenu .tbrecherche th{
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-align: center;
  padding: 0px;
  border: none;
  }
.tbrecherche td {
  border: none;
  padding: 0px;
  color: #ffffff;
}

.tbrecherche input, .tbrecherche select {
	background-color:#FBECCF;
}

#contenu .tbrecherche.noborder td {
	border: none;
	color: #ffffff;
}

#contenu .tbrecherche.noborder th {
	border: none;
}

#contenu .tbrecherche a {
	color:#ffff00;
	font-weight: bold;
}

.txtErreur {
	font: bold 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	margin: 8px 0px 12px;
}

#contenu table.tbzero{
  width: 100%;
  margin: 0;
  padding:0;
  }
  
#contenu table.admintable td, #contenu #txtaccueil td{

  padding: 0;
  border: none;
  margin: 0;
  }

/* crédits
********************/
#credits{
  width: 500px;
  margin: 20px auto;
  background: url(../images/contenu_vrac/credits_top.png) no-repeat;
  padding: 30px 0 0;
  }
#credits #cred_leclerc{
  display: block;
  height: 102px;
  background: url(../images/contenu_vrac/credits_leclerc.png);
  }
#credits #cred_idep{
  display: block;
  height: 141px;
  background: url(../images/contenu_vrac/credits_idep.png);
  }
#credits #cred_compodata{
  display: block;
  height: 131px;
  background: url(../images/contenu_vrac/credits_compodata.png);
  }
#credits #cred_australie{
  display: block;
  height: 131px;
  background: url(../images/contenu_vrac/credits_australie.png);
  } 
#credits #cred_ovh{
  display: block;
  height: 141px;
  background: url(../images/contenu_vrac/credits_ovh.png);
  }
#credits #cred_azuria{
  display: block;
  height: 116px;
  background: url(../images/contenu_vrac/credits_azuria.png);
  }
#contenu #credits a:hover{
  background-position: 0 100%;
  }
 #clavier_virtuel{
	border: 1px solid;
	-moz-border-radius: 8px;
}
#clavier_virtuel td{
	background-color:white;
	font-size:xx-small;
	border: 1px outset;
	width:10px;
	-moz-border-radius: 4px;
	cursor:hand;
}

/* ou acheter
********************/
#contenu .boutique_item{
  margin: 0 10px 0;
  float: left;
  display: inline; /* double floatin margin fix ie6 */
  width: 200px;
  height: 160px;
  }
#contenu .boutique_item h2 img{
  vertical-align: middle;
  margin: 0 5px 3px;
  }
#contenu .boutique_item p{
  background: #F2F2F2;
  height: 100px;
  margin: 0;
  padding: 10px;
  text-align: left;
  }


#form_besoin-global label{
float:left;
width: 380px;
margin-bottom:10px;
}
#form_besoin-global label.form_titre{
font-size:18px;
}
#form_besoin-global .radio{
float:right;
width:205px;
}
#form_besoin-global .radio input{

margin-left:25px;
}


#form_besoin-etape1{
background:url(../images/form_besoin/form_besoin-etape1.gif) no-repeat;
padding-left:140px;
height:310px;
}
#form_besoin-etape2{
background:url(../images/form_besoin/form_besoin-etape2.gif) no-repeat;
padding-left:140px;
height:310px;
}
#form_besoin-etape3{
background:url(../images/form_besoin/form_besoin-etape3.gif) no-repeat;
padding-left:140px;
height:310px;
}
#form_besoin-etape4{
background:url(../images/form_besoin/form_besoin-etape4.gif) no-repeat;
padding-left:140px;
height:310px;
}

#centre table, table.infocontent {
  width: 100%;
  margin: 10px 0;
  }
#centre th, table.infocontent tr th {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #FFF;
  padding: 5px;
  background: #757575;
   text-align: center;
  }
#centre td, table.infocontent tr td {
  font: 11px Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 2px;
  border-right: 1px solid #576FAE;
  border-bottom: 1px solid #576FAE;
  }
  
#intersticiels {
	padding: 0;
}

#intersticiels a:link, #intersticiels a:visited {
	text-align: center;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
text-decoration: none;
	line-height: 30px;
}

#intersticiels a:hover, #intersticiels a:active {
	text-decoration: underline;
}

#errormsg {
	color:red;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
}

#atostext form div {
	font: 12px Arial, Helvetica, sans-serif;
	color:#666666;
}