/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 */


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

body {
padding: 0;
margin: 0;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
background-color: #9b9999;
font-size: 0.8em;
}

html, body, #wrapper {
height: 100%;
}

h1, h2, h3{
font-family: "Trebuchet MS", sans-serif;
}

h1{
font-size: 1.8em;
margin: 0;
padding: 0;
}
h2{
font-size: 1.5em;
margin: 0;
padding: 0;
}
h3{
font-size: 1.1em;
margin: 0;
padding: 0;
}

h4 {
color: #000;
font-size: 15px;
margin-top: 10px;
text-align: center;
font-weight: bold;
}

h5 {
color: #000;
font-size: 12px;
margin-top: 10px;
text-align: center;
font-weight: bold;
}


a {
color: #575759;
text-decoration: none;
}

a:visited {
color: #575759;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #575759;
}

img {
border: 0
}

/* Page
-------------------------------------------------------- */

#wrapper {
width: 922px;
text-align: left;
overflow: visible;
position: relative;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
padding-top: 10px;
}

#subwrapper {
overflow: hidden;
position: relative;
padding: 0;
width: 990px;
background-color: #d1d0d0;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-style: solid;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
border-top-color: #000000;
}

#content {
padding: 0;
clear: both;
margin: 0;
}

#contenu {
float: left;
width:775px;
padding: 0;
margin-top: 40px;
margin-right: 0;
margin-bottom: 0;
margin-left: 20px;
}

.titrePage {
color: #000000;
text-align: center;
font-weight: bold;
width: 750px;
padding-top: 10px;
padding-bottom: 5px;
}

.sousTitrePage {
color: #000000;
text-align: left;
font-weight: normal;
width: 750px;
padding-top: 10px;
padding-bottom: 10px;
}

.textePage {
color: #141414;
text-align: left;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}

.separation {
height: 1px;
width: 775px;
background-color: #6f6d6d;
margin-top: 5px;
margin-bottom: 5px;
overflow:hidden;
zoom:1;
}




/* Entête
-------------------------------------------------------- */



#entete {
float: left;
background-color: #bfbdbd;
width: 990px;
margin: 0;
padding-top: 20px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
color: #FFFFFF;
}

.logo {
position: relative;
left: 8px;
float: center;
width: 900px;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
}


/* Menu haut */

#nav {
top: 0;   
left: 0;
width: 766px; 
height: 32px;
background: url(images/menu_cap.gif) top right no-repeat;
padding-left: 200px;
}

#nav li {
float: left;
}

#b-nav {
background: url(images/b_nav_r.jpg) top right no-repeat;
}


/*------------------------------*/



#monCompte {
float: left;
width: 400px;
margin-left: 10px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #999999;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 20px;
color: #ffffff;
}

.formMonCompte {
float: left;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0;
padding-left: 0;
margin-top: 0;
margin-right: 3px;
margin-bottom: 0;
margin-left: 0;
}

.blocMonCompte {
float: left;
padding: 0;
margin: 0;
}

.champFormMonCompte {
font-size: 0.9em;
padding: 0;
margin: 0;
color: #12335B;
background-color: #e9f4fb;
border: 1px solid #12335B;
overflow: hidden;
zoom: 1;
}

.menuMonCompte {
float: left;
color: #575759;
margin-top: 5px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
width: 100%;
padding: 0;
}

#monPanier {
float: right;
width: 250px;
margin: 0;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #999999;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
color: #ffffff;
}

.boutonMonCompteEntete {	
float: left;
margin: 0;
padding-top: 5px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

a.LIEN_entete:link {
font-size: 0.8em;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

a.LIEN_entete:visited {
font-size: 0.8em;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

a.LIEN_entete:hover {
font-size: 0.8em;
color: #ffffff;
text-decoration: underline;
font-weight: bold;
}


/* Chemin
-------------------------------------------------------- */

#chemin {
float: left;
width:970px;
color: #fff;
font-size: 0.9em;
font-weight: bold;
background-color: #737272;
margin: 0;
padding: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}

a.LIEN_chemin:link {
color: #dfdddd;
text-decoration: underline;
}

a.LIEN_chemin:visited {
color: #dfdddd;
text-decoration: none;
}

a.LIEN_chemin:hover {
color: #dfdddd;
text-decoration: underline;
}

/* Produit petit & grand
-------------------------------------------------------- */

.ListeProduitsPetits {
float: left;
width: 760px;
margin: 0;
padding: 0;
}

.produitPetit {
float: left;
width: 170px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 0;
margin-left: 0;
padding: 0;
}

.contourImage {
border: 2px outset #000000;
margin-bottom: 5px;
float: left;
}

.titreProduit {
color: #575759;
text-align: left;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
}

.chapoProduit {
color: #ffffff;
text-align: left;
font-style: italic;
font-size: 0.9em;
line-height: 1.2em;
margin-bottom: 5px;
width: 100%;
}

.descriptionProduit {
color: #12335B;
text-align: left;
margin-top: 5px;
margin-bottom: 10px;
}

.prixProduit {
color: #12335B;
text-align: left;
font-weight: bold;
margin-top: 5px;
}

.ficheProduit {
float:left;
width: 470px;
margin-left: 10px;
}


a.LIEN_commander:link {
color: #333333;
text-decoration: none;
font-weight: bold;
}

a.LIEN_commander:visited {
color: #333333;
text-decoration: none;
font-weight: bold;
}

a.LIEN_commander:hover {
color: #333333;
text-decoration: underline;
font-weight: bold;
}

#bulle { 
position: absolute; 
visibility: hidden; 
font-size:12px;
z-index: 8000;
border:2px solid #333333; 
background-color:#FFFFFF;
padding: 0;
}

.info{
border:2px solid #333333; 
padding: 7px; 
color:#666666; 
background-color:#FFFFFF; 
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
float: left;
width: 775px;
text-align: right;
font-size: 0.9em;
padding-top: 10px;
margin: 0;
padding-bottom: 10px;
color: #515152;
}

a.LIEN_pages:link {
color: #2c2d2d;
text-decoration: none;
font-weight: bold;
}

a.LIEN_pages:visited {
color: #2c2d2d;
text-decoration: none;
font-weight: bold;
}

a.LIEN_pages:hover {
color: #2c2d2d;
text-decoration: underline;
font-weight: bold;
}


/* Pied de page
-------------------------------------------------------- */

#footer{
float: left;
width: 960px;
color: #4f4f4e;
font-size: 0.9em;
text-align: left;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #575759;
margin: 10px;
padding-top: 10px;
}

a.LIEN_footer:link {
color: #4f4f4e;
text-decoration: none;
font-weight: bold;
}

a.LIEN_footer:visited {
color: #4f4f4e;
text-decoration: none;
font-weight: bold;
}

a.LIEN_footer:hover {
color: #4f4f4e;
text-decoration: underline;
font-weight: bold;
}

/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
color: #ffffff;
font-weight: bold;
background-color: #7c7b7b;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

.ligneTableau {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #6f6d6d;
font-size: 0.9em;
}

.footerTableau {
color: #a2cbdf;
font-weight: bold;
background-color: #7c7b7b;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
font-weight: bold;
width: 765px;
text-align: right;
margin: 10px;
}

.zoneDeSaisie {
color: #12335B;
font-weight: bold;
font-size: 0.9em;
}

.obligatoire {
color: #FF0000;
}

.commentaires {
font-size: 1em;
font-style: italic;
font-weight: bold;
color: #000000;
}


/* Menu général
-------------------------------------------------------- */

#menuGeneral {
float: left;
width: 150px;
padding: 0;
margin-top: 40px;
margin-right: 0;
margin-bottom: 0;
margin-left: 3px;
border-right-width: 2px;
border-right-style: dotted;
border-right-color: #575759;
text-align: center;
    
}

#menuGeneral a {
color: #313130;
zoom: 100%;
}

#menuGeneal a:hover {
color: #313130;
text-decoration : underline;
}



.invisibleW3C {
width: 0; 
height: 0;
padding: 0; 
margin: 0;
}



#backTS {
float: center;
width: 140px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-style: solid;
border-right-color: #313130;
border-bottom-color: #313130;
border-left-color: #313130;
border-top-color: #313130;
margin: 0;
padding: 0;
list-style-type: none;
color: #ffffff;
}

ul {
margin: 0;
padding: 5px 20px 5px 20px;
text-align: center;
color: #000000;
list-style-type: none;
}

#backAcc {
float: center;
width: 140px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-style: solid;
border-right-color: #313130;
border-bottom-color: #313130;
border-left-color: #313130;
border-top-color: #313130;
margin: 0;
padding: 0;
list-style-type: none;
color: #ffffff;
}

#backCad {
float: center;
width: 140px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-style: solid;
border-right-color: #313130;
border-bottom-color: #313130;
border-left-color: #313130;
border-top-color: #313130;
margin: 0;
padding: 0;
list-style-type: none;
color: #ffffff;
}

#backCor {
float: center;
width: 140px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-style: solid;
border-right-color: #313130;
border-bottom-color: #313130;
border-left-color: #313130;
border-top-color: #313130;
margin: 0;
padding: 0;
list-style-type: none;
color: #ffffff;
}


/* Menus droite
-------------------------------------------------------- */

/* Menu droite 1 */

#menuDroite {
float: right;
width: 100px;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 5px;
border-left-width: 2px;
border-left-style: dotted;
border-left-color: #575759;   
}

#backMenud1 {
float: right;
margin-top: 0;
width: 140px;
height: 175px;
background: url(img_tpl/Cadre_menud1.gif) no-repeat; 
}

.commentsd1 {
margin-top: 57px;
font-style: normal;
font-weight: normal;
color: #313130;
text-align: center;
}

#menuDroite a {
color: #313130;
}

#menuDroite a:hover {
color: #313130;
text-decoration : underline;
}



/* Menu droite 2 */

#menuDroite2 {
float: right;
width: 100px;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 5px;
border-left-width: 2px;
border-left-style: dotted;
border-left-color: #575759;    
}

#backMenud2 {
float: right;
margin-top: 0;
width: 140px;
height: 175px;
background: url(img_tpl/Cadre_menud2.gif) no-repeat; 
}

.commentsd2 {
margin-top: 57px;
font-style: normal;
font-weight: normal;
color: #313130;
text-align: center;
}

#menuDroite2 a {
color: #313130;
}

#menuDroite2 a:hover {
color: #313130;
text-decoration : underline;
}


/* Menu droite 3 */

#menuDroite3 {
float: right;
width: 100px;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 5px;
border-left-width: 2px;
border-left-style: dotted;
border-left-color: #575759;   
}

#backMenud3 {
float: right;
margin-top: 0;
width: 140px;
height: 175px;
background: url(img_tpl/Cadre_menud3.gif) no-repeat; 
}

.commentsd3 {
margin-top: 57px;
font-style: normal;
font-weight: normal;
color: #313130;
text-align: center;
}

#menuDroite3 a {
color: #313130;
}

#menuDroite3 a:hover {
color: #313130;
text-decoration : underline;
}


/* Signature
-------------------------------------------------------- */

#signature {
padding: 0;
width: 980px;
color: #4f4f4e;
font-size: 0.9em;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
font-weight: bold;
text-align: center;
}

.W3C {
width: 88px;
margin: 0;
padding: 0;
float: right;
}

a.LIEN_signature:link {
color: #4f4f4e;
text-decoration: none;
font-weight: bold;
}

a.LIEN_signature:visited {
color: #4f4f4e;
text-decoration: none;
font-weight: bold;
}

a.LIEN_signature:hover {
color: #4f4f4e;
text-decoration: underline;
font-weight: bold;
}


/* Accueil */

#accueil {
width: 460px;
margin-top: 30px; 
margin-left: 75px;
}

/* Accueil Visuel du mois */

#visuel {
float: left;
width: 210px;
height: 300px;
margin-top: 55px;
margin-right: 10px;
background: url(img_tpl/cadre_accueil_visuel.gif) no-repeat; 
}

h5 {
color: #000000;
font-size: 14px;
margin-top: 70px;
margin-left: 30px;
text-align: left;
font-weight: normal;
}

.lien_visuel {
color: #ffffff;
font-size: 14px;
margin-top: 0;
margin-right: 30px;
text-align: right;
font-weight: bold;
}


#visuel a {
color: #ffffff;
text-decoration: none;
font-weight: normal;
text-align: right;
}


#visuel a:visited {
color: #ffffff;
text-decoration: none;
font-weight: normal;
text-align: right;
}

#visuel a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: normal;
text-align: right;
}


/* Accueil Sur Mesure */

#sur_mesure {
float: right;
width: 227px;
height: 175px;
margin-top: 55px;
background: url(img_tpl/case_mesure.gif) no-repeat; 
}

h5 {
color: #000000;
font-size: 14px;
margin-top: 70px;
margin-left: 30px;
text-align: left;
font-weight: normal;
}

.lien_mesure {
color: #ffffff;
font-size: 14px;
margin-top: 0;
margin-right: 30px;
text-align: right;
font-weight: bold;
}


#sur_mesure a {
color: #ffffff;
text-decoration: none;
font-weight: normal;
text-align: right;
}


#sur_mesure a:visited {
color: #ffffff;
text-decoration: none;
font-weight: normal;
text-align: right;
}

#sur_mesure a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: normal;
text-align: right;
}

/* Accueil Idées créatives */

#idees_creatives {
float: right;
width: 227px;
height: 175px;
margin-top: 0;
background: url(img_tpl/case_creatives.gif) no-repeat; 
}

h5 {
color: #000000;
font-size: 14px;
margin-top: 70px;
margin-left: 30px;
text-align: left;
font-weight: normal;
}

.lien_idees_creatives {
color: #ffffff;
font-size: 14px;
margin-top: 0;
margin-right: 30px;
text-align: right;
font-weight: bold;
}


#idees_creatives a {
color: #ffffff;
text-decoration: none;
font-weight: normal;
text-align: right;
}


#idees_creatives a:visited {
color: #ffffff;
text-decoration: none;
font-weight: normal;
text-align: right;
}

#idees_creatives a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: normal;
text-align: right;
}

/* Accueil Bio */

#bio {
float: right;
width: 227px;
height: 175px;
margin-top: 0;
background: url(img_tpl/case_bio.gif) no-repeat; 
}

h6 {
color: #FF00FF;
font-size: 15px;
margin-top: 70px;
margin-left: 30px;
text-align: center;
font-weight: bold;
}

.lien_bio {
color: #ffffff;
font-size: 14px;
margin-top: 0;
margin-right: 30px;
text-align: right;
font-weight: bold;
}


#bio a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
text-align: right;
}


#bio a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
text-align: right;
}

#bio a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;
text-align: right;
}


/* Mentions*/

#mentions {
width: 500px;
height: 500px;
overflow-y : scroll;
float: center;
margin-left: 55px;
margin-top: 30px;
}

#mentions p { 
margin-left : 15px;
margin-right : 15px;
text-align : justify;
color : #333333;
}

#mentions h5 { 
margin-left : 15px;
margin-right : 15px;
text-align : center;
color : #333333;
}

/*------------------------------*/


/* A Propos*/

#propos {
width: 500px;
height: 500px;
float: center;
margin-left: 55px;
margin-top: 30px;
}

#propos p { 
margin-left : 15px;
margin-right : 15px;
text-align : justify;
color : #333333;
}

#propos h5 { 
margin-left : 15px;
margin-right : 15px;
text-align : center;
color : #333333;
}

/*------------------------------*/

/* Page Sur mesure*/

#mesure {
width: 500px;
height: 500px;
float: center;
margin-left: 55px;
margin-top: 30px;
}

#mesure p { 
margin-left : 15px;
margin-right : 15px;
text-align : justify;
color : #333333;
}

#mesure h5 { 
margin-left : 15px;
margin-right : 15px;
text-align : center;
color : #333333;
}

/*------------------------------*/


/* Page Bio*/

#produit_bio {
width: 500px;
height: 500px;
float: center;
margin-left: 55px;
margin-top: 0;
}

h6 {
color: #FF00FF;
font-size: 15px;
margin-top: 70px;
margin-left: 30px;
text-align: center;
font-weight: bold;
}

#produit_bio p { 
margin-left : 15px;
margin-right : 15px;
text-align : justify;
color : #333333;
}

#produit_bio h4 { 
margin-left : 15px;
margin-right : 15px;
text-align : center;
color : #333333;
}

/*------------------------------*/


/* Page Parrainage*/

#parrainage {
width: 500px;
height: 500px;
float: center;
margin-left: 55px;
margin-top: 0;
}

#parrainage p { 
margin-left : 15px;
margin-right : 15px;
text-align : justify;
color : #333333;
}

#parrainage h4 { 
margin-left : 15px;
margin-right : 15px;
text-align : center;
color : #333333;
}

/*------------------------------*/


/* Bannières*/

#bannieres {
width: 500px;
height: 500px;
overflow-y : scroll;
float: center;
margin-left: 50px;
margin-top: 30px;
}

#bannieres p { 
margin-left : 15px;
margin-right : 15px;
text-align : justify;
color : #333333;
}

#bannieres h4 { 
margin-left : 15px;
margin-right : 15px;
text-align : center;
color : #333333;
font-size: 12px;
}

/*------------------------------*/

/* Partenaires*/

#partenaires {
width: 500px;
height: 500px;
float: center;
margin-left: 60px;
margin-top: 30px;
}

#partenaires p { 
margin-left : 15px;
margin-right : 15px;
text-align : justify;
color : #333333;
}

#partenaires h4 { 
margin-left : 15px;
margin-right : 15px;
text-align : center;
color : #333333;
font-size: 12px;
}

/*------------------------------*/


/* Contact*/

#contact {
width: 500px;
height: 500px;
overflow-y : scroll;
float: left;
margin-left: 55px;
margin-top: 30px;
}

#contact p { 
margin-left : 15px;
margin-right : 15px;
text-align : justify;
color : #333333;
}

#contact h4 { 
margin-left : 10px;
margin-right : 15px;
text-align : center;
color : #333333;
font-size: 13px;
}

/*------------------------------*/

label {
float: left;
width: 10em;
font: 1em Arial, Helvetica, sans-serif; 
}
 
input, label {
margin: 0 0;
}

/*------------------------------*/