/* 
 * 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: #595959;
	font-size: 0.8em;
}

h1, h2, h3{
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0079ff;
}

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;
}

a {
	color: #0079ff;
	text-decoration: none;
}

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

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

img {
border: 0px;
}

.hauteurImage {
float:left;
max-height: 155px;
overflow: hidden;
border: 6px solid #FFFFFF;
}

.contourImage {
border: 6px solid #FFFFFF;
}
	

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

#wrapper {
	width: 1024px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	background-color:#595959;
}

#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 1024px;
	background-color: #595959;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

#menuTop {
width: 1024px;
padding-left: 112px;
height: 210px;
background-image: url(gfx/fondEntete.jpg);
}



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

#contenu {
	float: left;
	width:1024px;
	padding: 0;
	margin: 0;
	background-image: url(gfx/contenu_page.jpg); 
	height: 100%;
}

/* Valable pour tous les navigateur */
.conteneur {
         min-height:530px; 
}
/* Pour Internet Explorer 6 */
* html .conteneur {
        height: 530px;
}

#contenu_texte{
	width: 750px;
	margin-left : 135px;
	margin-right: 0px;
	/*margin-top: 15px;*/
	margin-bottom:0px;
	overflow:hidden;
}


#contenuActu{
width: 725px;
	margin-left : 18px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
	overflow:hidden;
}


.contenu_accueil_gauche_haut{
float: left;
width: 332px;
height: 239px;
margin-top: 25px;
padding-left: 30px;
background-image:url(gfx/grille_contenu_accueil_gauche.jpg);
background-repeat: no-repeat;
overflow:hidden;
}


/* .fondCadreAccueil {
width: 332px;
height: 239px;
overflow:hidden;

}*/


.contenu_accueil_gauche_bas{
float: left;
padding-top:2px;
padding-left: 30px;
width: 332px;
height: 239px;
background-image: url(gfx/grille_contenu_accueil_bas_gauche.jpg);
background-repeat: no-repeat;
overflow:hidden;
}

.contenu_accueil_droit_haut{
float:left;
margin-left: 2px;
padding-left: 13px;
padding-top:2px;
margin-top: 25px;
width: 332px;
height: 239px;
background-image:url(gfx/grille_contenu_accueil_droit.jpg);
background-repeat: no-repeat;
overflow:hidden;
}

.contenu_accueil_droit_bas {
float:left;
margin-left: 2px;
padding-left: 13px;
padding-top:2px;
width: 332px;
height: 239px;
overflow:hidden;
background-image:url(gfx/grille_contenu_accueil_bas_droit.jpg);
background-repeat: no-repeat;
}


.titreContenuAccueil {
color: #0079ff;
font-size: 1.0em;
font-weight: bold;
}

.txtContenuAccueil {
color: #000000;
font-size: 1.0em;
font-weight:bold;
padding-bottom: 10px;
padding-left: 2px;
}


#titreRubriqueContour {
		padding-bottom: 10px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #3a3a3a;
	float:left;
	width:900px;
}

.titrePage {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0079ff;
	font-size: 1.6em;
	text-align: left;
	font-weight: bold;
	float: left;
}

#titreSousRubrique {
color:  #595959;
text-align: left;
	float:left;
	margin-left: 10px;
	margin-top: 5px;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#titrePageProduit {
	width: 800px;
	margin-left : 135px;
	margin-right: 0px;
	margin-top: 15px;
	height: 35px;
	
}

.ligneSousTitre {
margin-left: 111px;
width: 800px;
background-image:url(gfx/border.jpg);
background-repeat:repeat-x;
}


a.titreSousRubrique:active, a.titreSousRubrique:visited{
color:  #595959;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}



a.titreSousRubrique:hover {
	color: #595959;
text-align: left;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-decoration:underline;
}

.titrePageAccueil {
	color: #0079ff;
	text-align: center;
	font-weight: bold;
	padding-bottom: 2px;
	margin-left: 55px;
}

.textePage {
	text-align: justify;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	padding-left: 55px;
	padding-right:60px;
	}

#contenuInterieur {
	margin-left : 118px;
}

.listeReferences {
	float:left;
	width: 255px;
	height: 195px;
	vertical-align:bottom;
	overflow:hidden;
	padding: 0px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom:0px;
	background-color: #FFFFFF;
}

.contourReference {
float:left;
width: 254px;
height: 155px;
background-image:url(gfx/fond_produit.jpg);
background-repeat: no-repeat;
overflow:hidden;
}

.contourVignette {
margin-top: 8px;
float:left;
width: 126px;
height: 80px;
background-image:url(gfx/fond_vignette.jpg);
background-repeat: no-repeat;
overflow:hidden;
}

.contourVignetteBlanc {
margin-top: 8px;
float:left;
width: 128px;
height: 120px;
background-image:url(gfx/fond_vignette_blanc.jpg);
background-repeat: no-repeat;
overflow:hidden;
}

.vignettes {
margin-top:8px;
margin-left:10px; 
margin-right: 10px;
margin-bottom:8px;
width:104px; 
overflow:hidden; 
float:left;
}


.imgReference {
margin-top: 10px;
width: 250px;
height: 125px;
overflow:hidden;
}

.titreReference {
	color: #0079ff;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 1.0em;
	margin-bottom: 8px;
	text-align:center;
}
	


.titreReferenceProduit {
	color: #0079ff;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
	text-align:center;
}
	
.titreAutreRef {
	color: #595959;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
	width: 112px;
	margin-left: 5px;
}


a.titreAutreRef:active {
	color: #595959;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
	width: 112px;
	margin-left: 5px;
	
}

a.titreAutreRef:visited  {
	color: #595959;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
	width: 112px;
	margin-left: 5px;
}

a.titreAutreRef:hover {
	color: #595959;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
	width: 112px;
	margin-left: 5px;
	text-decoration: underline;
	
}
.contenuAutreProd {
padding-top:25px;
padding-bottom:25px; 
margin-left: 112px; 
padding-left:25px; 
width: 780px;
}


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

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

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

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

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


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

#footer{
	float: left;
	width: 1024px;
	height: 45px;
	padding-top:5px;
	font-size: 0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color:#FFFFFF;
	background-image:url(gfx/pied.jpg);
	background-repeat:no-repeat;
}

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

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

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

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

.enteteTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #dedce6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

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

.footerTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #bdbbcd;
	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: #12335B;
}


/* PAGE PRODUIT
-------------------------------------------------------- */


#contenuProduit {
	overflow:hidden;
	width: 800px;
	height: 100%;
	margin-left: 112px;
	background-color: #ebebeb;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #3a3a3a;	
	border-top-width:thin;
	border-top-style: dotted;
	border-top-color: #3a3a3a;
}	


.photoProduitGrand {
float: left;
padding: 25px;
width: 380px;
height: 100%;
overflow:hidden;
}

.descriptifProduit {
float:left;
width:320px;
margin: 15px;
}

.contourImageProduit {
border: 10px solid #FFFFFF;
}


.descTexte {
color: #311a0c;
	text-align: left;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin-bottom: 5px;
	text-align:justify;
}


.descTitre {
color: #311a0c;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 8px;
	text-align:center;
}

.descSousTitre {
color:  #311a0c;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
	text-align:center;
}