/********************************************/
/**************MISE EN PAGE *****************/
/********************************************/
html{
	background-image: url(../img/bg.jpg);/*Image de fond du site*/
	background-position:top center;
}
body {
	background-image: url(../img/fd.jpg);/*Image de fond du site*/
	background-repeat:repeat-x;/*Répétition de l'image de fond du site à l'horizontale*/
	background-position:top center;
	margin: 0px;
	padding: 0px;
}
body, select, td, input, div, textarea{
	color: #333333; /*Couleur du texte par défaut*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
}
label {
	font-weight: bold;
}
hr {
	height: 1px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}
.clear {
	clear: both;
	font-size: 0px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}
.clear2 {
	clear: both;
	font-size: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}
ul{
	list-style: none;
}

/*********Formulaire*********/

form {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
input, textarea {
	color: #333333;/*Couleur du texte des champs de saisies*/
	margin: 0px;
	padding:0px 0px 0px 2px;
}
.radio {
	border: 0px;
}

/*********Image**************/

a img {
	border:0px;
}

/*********Lien**************/

a:link, a:visited, a:active {
	color: #ff7200;/*Couleur des liens par défaut*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	text-decoration: none;
}

a:hover {
	color: #ff7200;/*Couleur des liens par défaut lors du survol/rollover*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	text-decoration: none;
}

/*********Titre**************/

h1 {
	color:#ff7200;
	font-size: 14px;
	margin: 0px 0px 8px 0px;
}
h2 {
	color:#2a9664;
	font-size: 12px;
	margin: 0px 0px 8px 0px;
}
h3 {
	font-size: 11px;
	margin: 0px 0px 5px 0px;
}

/*********Paragraphe***********/

p {
	margin: 0px;
	padding: 0px;
}

/*********Icones***********/

a.pdf, a.pdf:link, a.pdf:hover, a.pdf:visited, a.pdf:active{
	background: url(/icones/pdf.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}
a.doc, a.doc:link, a.doc:hover, a.doc:visited, a.doc:active{
	background: url(/icones/doc.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}
a.xls, a.xls:link, a.xls:hover, a.xls:visited, a.xls:active{
	background: url(/icones/xls.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}

/********************************************/
/*******************BLOC*********************/
/********************************************/

#container {
	background-image: url(../img/conteneur.gif);
	background-repeat:repeat-y;
	background-position:top center;
	margin: 0px auto;
	padding:0px;
	width: 1000px;
}

#haut{
	height:340px;
	width:1000px;
}

#aleatoire {
	width: 1000px;
}

#gauche {
	float: left;
	margin:0px;
	padding: 10px 0px 0px 0px;
	width: 225px;
}
#paypal{
	margin:0px 0px 0px 30px;
}
#paypal img{
	float:left;
	margin:0px;
	padding:6px;
}

#contenu {
	/*margin-left:225px;
	padding: 10px 0 0 10px;
	width: 600px;*/
	float:left;
	padding:10px 0 0 10px;
	width:600px;
	}

#droite {
	float: left;
	margin:0px;
	padding: 0px 0px 0px 0px;
	width:165px;
}

/********************************************/
/***********MISE EN PAGE ARTICLE*************/
/********************************************/

.tpTexte {
	margin:0px 0px 20px 0px;
	padding:0px;
}

.legende{
	color:#999999;
	text-align:center;
}
/*********Positionnement des images***********/

.imgLeft {
	float: left;
	margin-right: 10px;
}
.imgRight {
	float: right;
	margin-left: 5px;
}
.imgTop {
	margin-bottom: 10px;
}
.imgBottom {
	margin-top: 10px;
}

/*********Image avec lien***********/

.tpTexte a img, .tpTexte a:hover img, .tpTexte a:visited img {
	border: 1px solid #FFF;
	margin:0px;
	padding:0px;
}

/*********Image sans lien***********/

.tpTexte img {
	border: 1px solid #FFF;
	margin:0px;
	padding:0px;
}

/********************************************/
/********************BAS*********************/
/********************************************/
#bas .addthis_toolbox{
	margin:0px auto;
	width:400px;
}
#bas {
	clear:both;
	color:#333333;
	font-size:10px;
	padding:100px 0 20px 0;
	text-align:center;
	width:1000px;
}
#bas a:link, #bas a:visited, #bas a:active { /*Style des liens en bas de page*/
	color: #333333;
	font: 10px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	text-decoration: none;
}
#bas a:hover {/*Style des liens en bas de page lors du survol/rollover*/
	color: #333333;
	font: 10px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	text-decoration: none;
}

/*Bas 2*/
#bas_page2{
	color: #cccccc;
	font: 9px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	padding:0px;
	margin:100px auto 0px auto;
	text-align:center;
	width:1000px;
}

#bas_page2 a:link, #bas_page2 a:visited, #bas_page2 a:active {/*Style des liens en bas de page*/
	color: #cccccc;
	font: 9px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	text-decoration: none;
}
#bas_page2 a:hover {/*Style des liens en bas de page lors du survol/rollover*/
	color: #cccccc;
	font: 9px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	text-decoration: none;
}

/***********Navigation secondaire***************/
/*Copyright*/

#bas .bas_page a, #bas .bas_page a:hover, #bas .bas_page a:visited, #bas .bas_page a:active{
	color:#333333;
	font: 10px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	padding: 0px;
	margin:0px 5px 0px 0px;
}

/*Condition générale*/
#bas .navBas a, #bas .navBas a:hover, #bas .navBas a:visited, #bas .navBas a:active{
	color : #666666;
	font: 10px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	padding: 0px;
	margin:0px 5px 0px 0px;
}


/********************************************/
/*****************RECHERCHER*****************/
/********************************************/

#recherche_cadre{
	background-image:url(../img/recherche.gif); /*image de fond du bloc recherche*/
	background-repeat:no-repeat;
	height:60px;
	padding:0px;
	margin:0px 0px 10px 0px;
	width:225px;
}
#rech {
	margin:0px;
	padding:25px 0px 0px 32px;/*positionnement du champ de recherche*/
}
.recTrouve{
	background-color:#006633;/*Couleur de fond du mot recherché*/
	color:#FFFFFF;/*Couleur de texte du mot recherché*/
}
#rechBou{
	display:inline;
}
#rechTxt{
	float:left;
	margin:2px 0px 0px 0px;
	padding:0px;
}

/********************************************/
/*****************NAVIGATION*****************/
/********************************************/


/*Navigation principale horizontale*/

#nav {
	background-image:url("../img/fd_menu.jpg");
	background-repeat: no-repeat;
	background-position:top center;
	color : #ff852b; /*Couleur du texte*/
	height: 31px;
 	padding: 15px 0px 5px 0px; 
	text-align:center;
	width : 1000px;
}

#nav span{
	margin-right: 20px;/*Espacement entre texte*/
}
/*Lien */
#nav a, #nav a:visited, #nav a:active{
	color:#ff852b;
	font: 14px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	font-weight: bold;
	text-decoration:none;
}
/*Lien au survol*/
#nav a:hover{
	color : #ff852b;
	font: 14px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	font-weight: bold;
	text-decoration:none;
}

/* Couleur des liens actifs */
#nav a.navOnBoutique:link, #nav a.navOnBoutique:visited{
	color : #ff852b;
	font: 14px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	font-weight: bold;
	padding-bottom:3px;
	text-decoration:none;
}


/*****Menu dépliant*****/

ul.nivBoutique1{
	margin: 0px;
	padding: 0px;
}
li.nivBoutique1{
	margin: 0px;
	padding: 0px;
}

.nivBoutique1{
	background-color: #666666;/* Couleur de fond de la navigation dépliante */
	color: #000;/* Couleur de texte de la navigation dépliante */
	position: absolute;
	top:278px;
	width: 180px;/* Largeur de la navigation dépliante */
	z-index:100;
}
.nivBoutique1 a, .niv1Boutique a:link, .niv1Boutique a:visited{
	display: block;
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	padding: 2px 3px 2px 13px;
	text-decoration: none;
}
.nivBoutique1 a:hover{
	background-color: #000000;/* Couleur de fond de la navigation dépliante lors du survol/rollover */
	color: #fff;/* Couleur de texte de la navigation dépliante lors du survol/rollover */
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
}
.nivBoutique1 a.navOffBoutique1, .nivBoutique1 a.navOffBoutique1:link, .nivBoutique1 a.navOffBoutique1:visited{
	color: #fff;/* Couleur de texte de la navigation dépliante lorsque le lien est non actif */
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	padding: 2px 3px 2px 13px;
	visibility:visible;
}
.nivBoutique1 a.navOnBoutique1, .nivBoutique1 a.navOnBoutique1:link, .nivBoutique1 a.navOnBoutique1:visited, .nivBoutique1 a.navOffBoutique1:hover{
	background-color: #000000;/* Couleur de fond de la navigation dépliante lorsque le lien est actif */
	color: #fff;/* Couleur de texte de la navigation dépliante lorsque le lien est actif */
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	padding: 2px 3px 2px 13px;
	visibility:visible;
}



/*Navigation secondaire gauche*/
/*Mise en page du bloc niveau 1*/
#navG{
}
#navG ul{
	margin:0px;
	padding:0px 0px 0px 44px; /* Dernière valeur à modifier pour déplacer horizontalement le menu*/
}
#navG li{
	margin:0px 0px 3px 0px;
	padding:0px;
}
/*Mise en page du bloc niveau 2*/
#navG ul.niv2 {
	margin:0px;
	padding:0px 10px 5px 0px; /* Dernière valeur à modifier pour déplacer horizontalement le menu*/
	text-align:right;
}
/*Mise en page du bloc niveau 2*/
#navG ul.niv3 {
	margin:0px;
	padding:0px 10px 5px 0px; /* Dernière valeur à modifier pour déplacer horizontalement le menu*/
	text-align:right;
}


/*Niveau 1*/
/*Lien rubrique*/
a.navOff1{
	background:url("../img/fd-nav.gif") no-repeat;
	color:#FFFFFF;
	display:block;
	font: 13px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	margin: 0px 0px 10px 0px;
	padding: 5px 15px 5px 5px;
	text-decoration:none;
	text-align:right;
}
/*Lien rubrique au survol*/
a.navOff1:hover{
	background:url('../img/fd-nav.gif') no-repeat;
	color:#FFFFFF;
	display:block;
	font: 13px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	margin: 0px 0px 10px 0px;
	padding: 5px 15px 5px 5px;
	text-decoration:none;
	text-align:right;
}
/*Lien rubrique*/
a.navOn1, a.navOn1:link, a.navOn1:hover, a.navOn1:active, a.navOn1:visited{
	background:url('../img/fd-nav.gif') no-repeat;
	color:#FFFFFF;
	display:block;
	font: 13px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	margin: 0px 0px 10px 0px;
	padding: 5px 15px 5px 5px;
	text-decoration:none;
	text-align:right;
}


/*Niveau 2*/
/*Lien rubrique*/
a.navOff2, a.navOff2:visited, a.navOff2:active{
	background:url("../img/puce.gif") no-repeat; /*Affichage d'une puce*/
	background-position: right 3px;
	color:#663333;/*Couleur du lien*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	margin-right:10px;
	padding-right: 12px;
	text-decoration:none;
}
/*Lien rubrique au survol*/
a.navOff2:hover{
	background:url("../img/puce.gif") no-repeat; /*Affichage d'une puce*/
	background-position: right 3px;
	color:#ff7200;/*Couleur du lien*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	margin-right:10px;
	padding-right: 12px;
	text-decoration:none;
}

/*Lien rubrique*/
a.navOn2, a.navOn2:link, a.navOn2:hover, a.navOn2:active, a.navOn2:visited{
	background:url("../img/puce.gif") no-repeat; /*Affichage d'une puce*/
	background-position: right 3px;
	color:#ff7200;/*Couleur du lien*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	margin-right:10px;
	padding-right: 12px;
	text-decoration:none;
}


/*Niveau 3*/
/*Lien rubrique*/
a.navOff3{
	color:#ff7200;/*Couleur du lien*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	margin-right:10px;
	padding-right: 12px;
	text-decoration:none;
}
/*Lien rubrique au survol*/
a.navOff3:hover{
	color:#ff7200;/*Couleur du lien*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	margin-right:10px;
	padding-right: 12px;
	text-decoration:none;
}

/*Lien rubrique*/
a.navOn3, a.navOn3:link, a.navOn3:hover, a.navOn3:active, a.navOn3:visited{
	color:#ff7200;/*Couleur du lien*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	margin-right:10px;
	padding-right: 12px;
	text-decoration:none;
}

/********************************************/
/****************NEWSLETTER******************/
/********************************************/

#newsletter{
	margin:0px;
	padding:0px;
}
#insc{

}
#insc p{
	color:#000000;
	margin:0px;
	padding:0px;
}
#anciennesNews{

}
#anciennesNews a,#anciennesNews a:visited{
	color:#000000;/* Couleur des liens de la newsletter */
}
#anciennesNews a:hover{
	color:#000000;/* Couleur des liens de la newsletter au survol/rollover */
}
#desinsc{

}
#desinsc p{
	color:#000000;
	margin:0px;
	padding:0px;
}

/********************************************/
/**************BOUTIQUE ENTETE***************/
/********************************************/

#boutique_infos {
	background-image: url("../img/fd-panier.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	color : #FFFFFF; /*Couleur du texte de l'onglet boutique*/
	height : 32px;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 400px; /*positionnement de l'onglet boutique*/
	padding: 0px 0px 0px 15px;
	position:absolute;
	top : 0px;
	width : 250px;
}
#boutique_infos a, #boutique_infos  a:visited, #boutique_infos  a:active {
	color : #FFFFFF; /*Couleur du lien de l'onglet boutique*/
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration : none;
	text-transform:capitalize;/*Style du texte : Majuscule : text-transform:uppercase; 1 lettre en majuscule : text-transform:capitalize;*/
}
#boutique_infos a:hover{
	color: #FFFFFF; /*Couleur du lien de l'onglet boutique au survol*/
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration : none;
}


#boutique_infos .info_panier {
	font-weight : normal;
}
#boutique_infos img {
	vertical-align : text-bottom ;
}
#boutique_infos .boutique_infos {
	line-height: 25px;
	padding-top:0px;
}

#boutiqueMessage{
	padding:0px;
	margin:0px;
}

#boutiqueMessageAccueil{
	padding:10px 10px 0px 10px;
	margin:0px 0px 5px 0px;
	width:580px;
}

/********************************************/
/**************INFORMATION*******************/
/********************************************/

#info {
	margin:10px 0px 10px 0px;
}

.encartActu {
	padding-top:15px;
}
.encartActu .titre{
	color:#000000;/*Couleur des titres de l'encart information*/
	font-weight:bold;
}
.encartActu .photo {
	float:left;
	margin-right:5px;
}
.encartActu .texte {
	color:#666666;/*Couleur du texte de l'encart information*/
	font-weight:normal;
	margin-left:10px;
	margin-right:10px;
}
/*Lien en savoir +*/
a.plus, a.plus:visited{
	color:#333333;
}
/*Lien en savoir + lors du survol/rollover*/
a.plus:hover{
	color:#999999;
}
/*Lien Affiché tout*/
a.information, a.information:hover, a.information:visited{
	color:#333333; /*Si couleur non renseigné. Prend la couleur des liens par défaut*/
	font-size:10px;
}

/******Affichage de l'actualité choisie*******/

#actu{
}

a.retour, a.retour:hover, a.retour:visited{
	/*Si couleur non renseigné. Prend la couleur des liens par défaut*/
}

/******Affichage de toutes les actualités*******/

.liste{
	height:90px;
}
/*descriptif*/
.sous_titre{
}
/*Lien lire la suite*/
a.suite, a.suite:hover, a.suite:visited{
	/* Si couleur non renseigné. Prend la couleur des liens par défaut*/
}
/*Lien Affiché tout*/
a.informationretour, a.informationretour:hover, a.informationretour:visited{

}

/********************************************/
/***************PARTENAIRE*******************/
/********************************************/
/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
	width:200px;
}
.mask1{
	position:relative;
	width:200px;
	height:160px;
	overflow:hidden;
}
#partenaire{
	height:160px;
	margin:5px 0px 0px 0px;
	padding:0px;
}

/********************************************/
/************BLOC A ENVOYER******************/
/********************************************/

#a_envoyer{
	background-color:#FFFFFF;
	color : #eeb147;
	margin: 0px;
	padding: 0px;
}

#a_envoyer h1 {
	color: #333333; /*Couleur du titre envoyer à un ami*/
	font-size: 12px;
	margin: 0px 0px 8px 0px;
}

#a_envoyer p {
	margin-top: 0px;
	padding-top: 0px;
}

#a_envoyer form {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#a_envoyer input, #a_envoyer textarea {
	background-color: #FFF; /*Couleur de fond des cahmps de saisie*/
	border: 1px solid #000;/*Bordure*/
	color: #000;/*Couleur du texte des champs de saisie*/
	padding:0px 0px 0px 2px;
}

#a_envoyer label {
	font-weight: bold;
}

#envoyer_ami{
	text-align:center;
	margin-left: 15px;
	margin-top: 20px;
}
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00; /*Couleur du message lors de la saisie*/
	font-size: 9px;
}
	
.LV_invalid {
    color:#CC0000;/*Couleur du message d'erreur*/
	font-size: 9px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/********************************************/
/**************PLAN DU SITE******************/
/********************************************/

#plandusite a, #plandusite a:active, #plandusite a:visited{
	color:#666666;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#plandusite a:hover{
	color:#666666;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
/********************************************/
/***********CONDITION GENERALE***************/
/********************************************/

#condition_generale{
	background-color:#FFFFFF;/*Fond de couleur du popup condition générale*/
	color:#333333;/*Couleur du texte condition générale*/
}
#condition_haut img{
	border:0px;
}
#condition_contenu{
	margin:0px;
	padding:10px;
}
#condition_bas{
	text-align:center;
}
/********************************************/
/*****************CONTACT********************/
/********************************************/

#contact{
	width:650px;
}

/********************************************/
/*******************LANGUE*******************/
/********************************************/

#lang{
	height:20px;
}
#lang img{
	border:0px;
	padding:0px;
	margin:0px 5px 0px 5px
}
#lang img a, #lang img a:hover, #lang img a:visited, #lang img a:active{
	border:0px;
	text-decoration:none;
}
/********************************************/
/***************PAGE SUIVANTE****************/
/********************************************/
/*Bloc lien suivant/précédent*/
.pageSP {
	clear: both;
	font-weight: bold;
}
/*Positionnement du lien suivant*/
.pageS {
	float: right;
}
/*Positionnement du lien précédent*/
.pageP {
	float: left;
}
.pageSP a:link, .pageSP a:visited, .pageSP a:active {
	font: 12px Arial, Helvetica, sans-serif;
}
.pageSP a:hover{
	font: 12px Arial, Helvetica, sans-serif;
}