/* CSS Document */
body {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	background-image:url(../squelettes/images/fondbleu.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}

 a {
	color:#606060;
}

 a:hover {
	color:#FF6666;
}

.conteneur {
	height: auto;
	width: 900px;
	margin-left:auto;
	margin-right:auto;	
	overflow: hidden;
	background-color:white;	
	padding-bottom: 6px !important!;
}

#header {
	background-image:url(../squelettes/images/header.jpg);
	background-repeat:no-repeat;
	border-bottom-color:#C4393C;
	border-bottom-width:2px;
	height:124px;
	padding:0pt 2.5mm 0pt 5mm;
	}

#recherche {
	/margin-top: -15px;
	/margin-bottom: -15px;
	}

#selection {
	padding-left:3px;
	}
#footer {
	clear:both;
	border: 1px #666666 solid;
	margin:6px;
	padding:2px;
	text-align:center;
	background-color:#F4f4f4;
	color:#666666;
	
	}
/* Cette classe définit les atributs d'affichage des articles des clients */
.artclient {
/*	margin-left:355px; 
	width:150px;
	/width:520px;
	-float:left;
	-margin-left:15px; */
	} 
/* contenreur du menu accordeon de gauche */
.menugauche{
	background-color:#F4F4F4;
	color:#444444;
	border: 1px solid #6D70A3;
	float:left;
	width:330px;
	height: auto;
	margin-bottom:7px;
		}
	
.menudroite{
	background-color:#F4F4F4;
	color:#444444;
	border: 1px solid #6D70A3;
	float:left;
	width:553px !important; 
	/width:542px;
	height: auto;
	margin-bottom:7px;
	/padding-left: -5px;
	/padding-bottom: 6px;
	margin-left: 5px;
	}	
	
.cache{
	float:left;
	width:553px !important; 
	/width:542px;
	height: auto;
	margin-bottom:7px;
	/padding-left: -5px;
	/padding-bottom: 6px;
	margin-left: 5px;
	text-align: right;
	font-weight: bold;
	}		
	

/* colonnes droite et gauche */
	
.colgauche {
	float:left; 
	width:330px;
	-padding-left: -5px;
	margin-left: 5px !important ; 
	
}

#contenu {
	-float:left;
	margin-left: 1px !important! ; 
   	-margin-left: -5px;
}

.banniere {
	width:470px;
	float:right;
	margin-right:35px;
	margin-top:15px;
	border: 1px;
	border-color: #CCCCCC;
}

.menugauche .menudroite a:hover {
	text-decoration:underline;
	}
.menugauche .menudroite a:active {
	font-weight:bolder;
	}

/* Taille des images dans les commentaires des clients */
.imgcontenu{
	width:250px;
	height:160px;
	}
/* attribut du conteneur de la fiche produit du client */
.conteneurFiche{
	float:left;
	width:645px;
	-width:600px;
	background-color:#FFFFFF;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	padding:2px;
	}

/* style des conteneurs de la page d'accueil */
.busMailing{
	border: solid 1px;
	border-color: #CCCCCC;
}

.plusRecents {
	margin-top:5px;
	border:#33CC66 solid 2px;
	}

/* style en une seule colone pour les produits */

	

.vignettePRN {
	color:#0F0F0F;
	background-color:#FFFFFF;	
	float: left; 
	width: 525px;
	height:100px;
	margin: 5px !important;
	-margin: 3px; 
	padding: 2px;
	text-align: left;
	border: 1px #CCCCCC solid;
	border-color: #CCCCCC;
	font-size:9px;
	
	}
	
 .vignettePRN a {
	text-decoration:none;
	color:#0F0F0F;
 	}	


 .vignettePR {
	color:#0F0F0F;
	background-color:#FFFFFF;	
	float: left; 
	width: 255px;
	height:125px;
	margin: 5px !important;
	-margin: 3px; 
	padding: 2px;
	text-align: center;
	border: dashed 1px;
	border-color: #CCCCCC;
	} 
	
.contVignette {
	float:left;
	width:116px;
	height:121px;
}
.description {
	float:left;
	width:133px;
	height:119px;
	border: 1px #CCCCCC solid;
	text-align:left;
	font-size:9px;
	padding:2px;
	overflow:hidden;
}
	
 .vignettePR a {
	text-decoration:none;
	color:#0F0F0F;
 	}
 
.vitrine {
	height: auto;
	margin-left: 2px;
/*	
	height:250px; 
	overflow:scroll; 
*/
	}
.spip_logos{
	width:100px;
	height:65px;
	border:none;
	}
	
.bouton {
	background: url("../squelettes/images/trouver.png") no-repeat 0 0 ;
	border:0 none #fff;	
	width:120px;
	height:24px;	
}	

.bouton2 {
	background: url("../squelettes/images/valider.png") no-repeat 0px center;
	border:0 none #fff;	
	width:120px;
	height:24px;	
}	

input {
  margin-left: 2px;
}

	
div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#FFEEC7;
   border:1px solid black;
   padding:0.2em;
   font-size:0.8em;
	/width:35%;
}
/* Style général */
h1{
	color:#CC0000;
	font-weight : bold;
	padding-left: 15px;
	padding-right: 10%;
	padding-top:3px;
	font-size: 14px;

}	

h2 {
	padding-left:20px;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	color:#CC0000;

}

h3 {
	padding-left:40px;
	font-size:10px;
	font-style: normal;
	font-weight:normal;
	color:#CC0000;
}

.titreV{
	height: 32px;
	background-image: url(../squelettes/images/hack_pour_IE_de_merde.gif) !important!;	
	background-repeat: repeat-x;
	align:center;
	display:block;
	}

.titre1 {
	height: 22px;
	color:#CC0000;
	font-weight : bold;
	padding-left: 5px;
	padding-top:3px;
	font-size: 16px;
	}
.titre2{
/*	
	background-image:url(../squelettes/images/titre1-4.gif);
	background-repeat:no-repeat; 
	*/
	height: 22px;
	color:#CC0000;
	font-weight : bold;
	padding-left: 5px;
	padding-top:3px;
	font-size: 16px;
	}	
.titregros {
	color:#CC0000;
	font-weight : bold;
	font-size: 18px;
	text-align: center;
	padding-bottom:8px;
	}
.titrepetit {
	color:#CC0000;
	font-weight : bold;
	padding-left: 5px;
	padding-top:3px;
	font-size: 16px;
	}

.basbloc{
/*	
	background-image:url(../squelettes/images/titre1-3.gif);
	background-repeat:no-repeat;
	color:#CC0000;
	font-weight : bold;
	padding-left: 27px;
	padding-top:3px;
	font-size: 16px; 
	*/
	height: 3px;
	}
	
.basblocdroit{
/*	background-image:url(../squelettes/images/titre1-5.gif);
	background-repeat:no-repeat;
	color:#CC0000;
	font-weight : bold;
	padding-left: 27px;
	padding-top:3px;
	font-size: 16px; */
	height: 15px;
	}
 bas du block dans articles.php 
.basblocdroit2{
	clear:left;
/*	
	background-image:url(../squelettes/images/titre1-5.gif);
	background-repeat:no-repeat;
	color:#CC0000;
	font-weight : bold;
	padding-left: 27px;
	padding-top:3px;
	font-size: 16px; 
	*/
	height: 15px; 
	}
	
.contenuGauche{
	height:auto;
	padding : 2px;
	font-size: 12px;
	}

		
/*Syle des onglets */
#tabsExample {
  width: 400px;
}

.panelContentContainer {
  border : 1px solid #4f4f4f;
  clear:both;
}

.panelheader2{
  height: 1.5em;
  color : #AAA;
  background: #D8E0F2;
  font-weight : bold;
  float: left;
  display: inline;
  margin-left: 2px;
  margin-right: 2px;
  text-align: center;
  white-space:nowrap;
  overflow:hidden;
  width: 20%;
  padding-top:3px;
}
.panelHover2 {
  color : #666;
  cursor: pointer;
}

.panelSelected2 {
  color : #444;
  background: #CFD4E6;
  cursor: auto;
}

.panelContent2 {
    background: #f8f8f8;
    overflow: auto;
}



/* Style pour le menu accordéon (attention ne pas changer les nom des classes et des id */
.panelheader {
	background-image:url(../squelettes/images/bgbar.gif);
	background-color:#FFFFFF;
	/*height: 18px;*/
	height:auto;
	color:#666666;
	font-weight : normal;
	border-top:1px solid #C6C3C6;
	border-bottom:1px solid #C6C3C6;
	padding-left: 5px;
	padding-top:3px;
	background-repeat: repeat-x;
}
.panelheader a {
	text-decoration:none;
	color:#666666;
	padding-top:2px;
}
.panelheader a:hover {
	text-decoration:underline;
	color:#FF6666;
	}
.mdHover {
 /* background-image:url(../squelettes/images/bg_bar7.gif);*/
  background-color : #FFFFFF;
  color:#000000 ;
}
.mdSelected {
  color:#000000;
  font-weight : bold;
}
.panelContent {
  border : 1px solid #C6C3C6;
  background-color:#FFFFFF;
  border-top-width    : 0px;
  /*border-bottom-width : 0px;*/
  font-size: smaller;
  height:auto;
  overflow: auto;
}
.panelContent a{
	text-decoration:none;
	color: #666666;
	}
#accordionExample {
  width: 330px;
  float:left;
}


/* ONGLETS */

#main ul.subsection_tabs {
	border-bottom:1px solid #CCCCCC;
	background-image:url(../squelettes/images/onglet.png);
    list-style:none;
    margin:0;
    padding:0;
    clear:both;
    border-bottom:1px solid #ccc;
    height:20px;
    clear:both;
}

#main ul.subsection_tabs li {
    float:left;
    margin-right:5px;
    text-align:center;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}

#main ul.subsection_tabs li a {
    display:block;
    height:20px;
    padding:0 6px 0 6px;
    background-color:#fff;
    color:#666;
    width:90px;
}

#main ul.subsection_tabs li a:hover {
    color:#666;
}

#main ul.subsection_tabs li a.active {
    background-color:#ddd;
}

#main ul.register_tabs {
    border-bottom:none;
}

#main ul.register_tabs li a.active {
    background-color:#6d7a81;
    color:#fff;
}

.spip_documents_left {
float:left;
margin-bottom:5px;
margin-right:15px;
}

.spip_documents_right {
float:right;
margin-bottom:5px;
margin-left:15px;
}

.spip_documents_center {
clear:both;
margin:auto;
width:100%;
}