/* 
* Copyright (c) 2009 SERIBASE. Tous droits réservés
*/

/*
* Eléments HTML en général
*/

body {
font:normal normal 11px Verdana,Arial,Helvetica,sans-serif;
text-align:center;
color:#000;
}
h1{
font-size:1.6em;
}
h2{
font-size:1.4em;
text-align:center;
padding:18px 0;
}
h3{
font-size:1.1em;
}
h4{
padding:1px 0 4px 0;
}
a,a:visited{
color:#666;
text-decoration:none;
}
a:active,a:hover{
text-decoration:underline;
}


/*
* Page
*/
#wrapper{
}
#page{
text-align:left;
margin:12px auto;
width:980px;
}
#menuContent{
background:url(./images/fond_menu.jpg) repeat-x 0 0;
/* background-color:#9A9A9A; */
padding:19px 0 0 0;
height:36px;
}
#headerContent{
height:209px;
}
#mainContent{
background:url(./images/fond_page.gif) repeat-y 0 0;
padding:4px 0 10px 0;
min-height:100px;
text-align:left;
position:relative;
}
#footerContent{
background:url(./images/fond_pied.gif) repeat-y 0 0;
height:24px;
padding:12px 0 20px 0;
}
.clear{
clear:both; 
font-size:0; 
line-height:0;
}


/*
* Bloc menu
*/
#menuContent p{
text-align:center;
}
a.lienMenu, a.lienMenu:visited, a.lienMenu:active, a.lienMenu:hover{
font:normal bold 1.4em Verdana,Arial,Helvetica,sans-serif;
color:#FFF;
text-decoration:none;
padding:0 20px;
}
a.lienMenu:active, a.lienMenu:hover{
text-decoration:underline;
}


/*
* Bloc header
*/



/*
* Contenu
*/
#colLeft{
float:left;
padding:5px 0 10px 12px;
width:188px;
}
#colRight{
padding:5px 12px 5px 5px;
width:183px;
position:absolute;
bottom:0px;
right:0px;
}
#colMiddle{
float:left;
padding:15px 10px;
width:560px;
}
#colMiddleBig{
float:left;
padding:15px 10px;
width:760px;
}
.contenu{
padding:0 16px;
}
.espace{
padding:0 16px;
}
.print{
padding:6px 0 6px 0;
text-align:left;
}

/*
* Bloc signature
*/
#footerContent{
font:normal bold 10px Verdana,Arial,Helvetica,sans-serif;
color:#000;
}
#footerContent .mentions{
text-align:left;
float:left;
width:162px;
padding:24px 0 0 8px;
}
#footerContent .adresse{
text-align:center;
float:left;
width:610px;
}
#footerContent .copyright{
text-align:right;
float:left;
width:192px;
padding:24px 8px 0 0;
}


/*
* Rubrique Produit
*/
.titreProduitRubrique{
font:normal bold 11px/17px Verdana,Arial,Helvetica,sans-serif;
}
h2.rubrique{
color:#57829B;
font:normal bold 15px Verdana,Arial,Helvetica,sans-serif;
text-align:center;
}
.petitBlocProduit .image{
border:1px solid #57829B;
padding:2px;
margin:2px 0;
}
.petitBlocProduit{
width:172px;
padding:16px 8px;
}
.imageDiv{
height:220px;
}
.titreProduit{
padding:12px 0;
}
.acheter{
padding:3px 0 0 0;
}


/*
 * Page Produit
 */
#blocProduit .descriptionProduit{
margin:8px 0;
width:290px;
float:left;
}
#blocProduit td.blocDImages{
width:183px;
float:right;
text-align:center;
}
#blocProduit .bigImage{
/* float:left; */
}
#blocProduit ul.vignettes {
width:183px;
float:left;
}
#blocProduit ul.vignettes li{
float:left;
height:68px;
}
#blocProduit ul.vignettes li a, #blocProduit ul.vignettes li a:visited{
border:1px solid #BBBDBF;
padding:1px;
width:56px;
height:56px;
float:left;
background-color:#FFF;
overflow:hidden;
}
#blocProduit ul.vignettes li a:hover{
border:1px solid #88888B;
background-color:#8FBCE3;
}
.ajouter{
}
.queFaire{
text-align:center;
margin:20px 0;
}
.queFaire a{
padding:0 20px;
}



/*
 * Bloc Left
 */
.box .head{
background:url(./images/puce.png) no-repeat 0 0;
padding:4px 0 6px 24px;
}
.box .border{
padding:0 0 6px 26px;
}
.box span{
font:normal bold 12px Verdana,Arial,Helvetica,sans-serif;
}
.box .catalogueNiv1{
text-align:center;
padding:14px 0 2px 0;
font:normal bold 11px Verdana,Arial,Helvetica,sans-serif;
}
.box .catalogueNiv2 li{
text-align:left;
padding:5px 0 0 0;
font:normal normal 11px Verdana,Arial,Helvetica,sans-serif;
}
a.selection,a.selection:visited,a.selection:active,a.selection:hover{
color:#57829B;
}
a.menuGauche, a.menuGauche:visited, a.menuGauche:active, a.menuGauche:hover{
font:normal bold 12px Verdana,Arial,Helvetica,sans-serif;
color:#000;
text-decoration:none;
}
 a.menuGauche:active, a.menuGauche:hover{
text-decoration:underline;
}


/*
 * Navigation pages
 */
#pages{
text-align:center;
padding:8px 0;
}


/*
 * Les formulaires 
 */
#formRecherche{
height:46px;
}
#formRecherche input{
width:100px;
}
#formRecherche .input{
float:left;
padding:10px 6px;
}
#formRecherche .ok{
float:left;
padding:10px 0 0 0;
}
.formulaire legend{
padding:1.8em 180px;
font:normal bold 11px Verdana,Arial,Helvetica,sans-serif;
}
.formulaire label{
display:block;
}
.formulaire .ctrlHolder{
padding:12px 7px 7px 7px;
border-bottom:1px solid #DFDFDF;
}
.formulaire .inlineLabels label{
float:left;
position:relative;
line-height:100%;
width:45%;
margin:0.3em 2% 0 0;
}
.formulaire .inlineLabels label em{
display:block;
font-style:normal;
font-weight:bold;
left:auto;
position:absolute;
right:0;
}
.formulaire .inlineLabels input,.formulaire .inlineLabels select,.formulaire .inlineLabels textarea{
float:left;
width:39%;
}
.formulaire .clear{
margin-top:0;
margin-left:47%;
position:static;
height:4px;
float:none;
}
.formulaire .formHint{
color:#777777;
font-size:0.9em;
margin-left:47%;
margin-top:0;
position:static;
top:-0.5em;
width:45%;
float:none;
clear:both;
}
.ligneObligatoire{
margin:6px 0 6px 16px;
}
.bouton{
width:72px;
margin:10px auto 20px;
}


/*
* Divers
*/
.col2Set{
clear:both;
}
.connexion{
margin:30px 0;
}
.compte{
margin:20px 0;
}
.col2Set p{
padding:10px 0;
font:normal normal 11px/15px Verdana,Arial,Helvetica,sans-serif;
}
.col2Set .col1{
float:left;
}
.col2Set .col2{
float:right;
}
.col2Set .col1, .col2Set .col2{
width:48%;
}
.connexion .col1, .connexion .col2,.compte .col1, .compte .col2{
background:#F6F098 none repeat scroll 0 0;
border:1px solid #41702A;
}
.connexion .content, .compte .content{
min-height:190px;
background:#FFF none no-repeat scroll 0 0;
padding:4px 9px;
}
.buttonSet{
border-top:1px solid #41702A;
clear:both;
padding:8px 10px 8px 0;
text-align:right;
}
.buttonSet a{
float:left;
}
.formButton{
background:#57829B none repeat scroll 0 0;
border:1px solid #CCC;
color:#FFF;
cursor:pointer;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
overflow:visible;
padding:1px 8px;
text-align:center;
vertical-align:middle;
width:auto;
}
#formLogin li{
padding:8px 0 0 0;
}
#formLogin label{
font:normal bold 11px Verdana,Arial,Helvetica,sans-serif;
}
#formLogin input{
width:160px;
}


/*
* Nuage de Tags
*/
#nuage{
overflow:hidden;
border:1px dotted #333;
text-align:center;
width:170px;
float:right;
}
.nuage1{
font:normal bold 11px Verdana,Arial,Helvetica,sans-serif;
}
.nuage2{
font:normal normal 14px Verdana,Arial,Helvetica,sans-serif;
}
.nuage3{
font:normal bold 16px Verdana,Arial,Helvetica,sans-serif;
}
.nuage4{
font:italic normal 18px Verdana,Arial,Helvetica,sans-serif;
}
.nuage5{
font:normal normal 20px Verdana,Arial,Helvetica,sans-serif;
}