#document {
	width:1024px;
	margin : 0 auto;
	padding : 0;
	text-align: left;
}

a:link          { color: #444;  font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a:visited         { color: #444;  font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a:hover       { color: #f0174a;  font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }

a.lien:link          { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a.lien:visited         { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a.lien:hover       { color: #f0174a; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }


img { border: 0; vertical-align: middle }

input, select, textarea       { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #585858; margin: 2px; padding: 3px; border: solid 1px #c0c0c0 }

body {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
text-align: center;
color: #444;
}


table, tr, td { font-size: 12px }
td { padding: 4px }

/* ENCARTS */
#encart { float: left; width: 252px; padding-right: 2px }
#encart .titre { font-family: 'Roboto Condensed', sans-serif; text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff, 0 1px 3px #444; color : #f0174a; font-size: 160%; font-weight: normal; line-height: 25px; margin:5px 0 5px 0; width: 100%; text-align: center }
#encart p { color: #3f6f9c }

#encart2 { float: left; width: 29%; height: 240px; padding:1.5%; margin:0 0.5%; }
#encart2 h4 { font-family: 'Roboto Condensed', sans-serif; color : #9ec1df; text-align: center; font-size: 140%; font-weight: normal; line-height: 20px; margin:0; padding: 0 }

#encart2 p { padding: 0 10px 0 20px; margin: 5px 0 0 0; color: #fff; text-align: center }
#encart2 a, #encart2 a:visited { padding: 3px 7px; background: #9ec1df; color: #fff; }
#encart2 a:hover { padding: 3px 7px; background: #f0174a; color: #fff; }

#encart3 h3 { font-family: 'Roboto Condensed', sans-serif; color : #9ec1df; font-size: 140%; font-weight: normal; line-height: 20px; margin:0; padding: 0; text-align:center; }

#encart3 p { padding: 0 10px 0 10px; margin: 5px 0 0 0; color: #fff }
#encart3 a, #encart3 a:visited { padding: 3px 7px; background: #9ec1df; color: #fff; }
#encart3 a:hover { padding: 3px 7px; background: #f0174a; color: #fff; }


/* TEXTES DE LA PAGE D'ACCUEIL */
#menuAcc { float: left; width: 250px }
#menuAcc a.acc:link, #menuAcc a.acc:visited { display: block; font-size: 120%; line-height: 25px; font-family: 'Roboto Condensed', sans-serif; background-color: #fff; color: #585858; }
#menuAcc a.acc:hover { display: block; font-size: 120%; line-height: 25px; font-family: 'Roboto Condensed', sans-serif; background-color: #f0174a; color : #fff; }
#Acc { float: left; width: 764px; padding : 10px 0px 20px 0 }

/* BANDEAU DU HAUT */

#haut {  float:left; width: 1024px; height: 272px; }
#haut h1 { color: #fff; font-size: 330%; font-family: 'Roboto Condensed', sans-serif; font-weight: normal }

#haut .link_haut { float:right; position:relative; margin: 0 1%;}

#fabrication { display:none;padding:0; }

#haut0 { float:right; text-align: right; width: 530px; margin: 64px 0 0 0px }
#haut0 a,#haut0 a:visited { color: #fff; }
#haut0 a:hover { color: #f0174a; }

#slider { float:left; width:100%;}

/* CENTRE */
#centre { float:left;margin-bottom: 80px; margin: 0;padding:0; width: 1024px; }

/* COLONNE GAUCHE */
#colonneGauche {
	float: left;
	width: 250px;
	margin: 0; padding: 0px 10px 0 0;
}

#menuG { width:220px;}

#entete h1 {
	font-family: 'Roboto Condensed',serif; color: #f0174a; font-size: 140%;
	margin: 0 0 0 0; font-weight: normal
}

#entete h2 {
	font-family: 'Roboto Condensed',serif; color: #f0174a; font-size: 120%;
	font-weight: normal;
	margin: 15px 0 0 0;
}

#entete h3 {
	font-family: 'Roboto Condensed',serif; color: #f0174a; font-size: 110%;
	font-weight: normal;
	margin: 15px 0 0 0;
}

#entete h4 {
	color: #585858; font-size: 100%;
	font-weight: bold;
	margin: 15px 0 0 0;
}

/* CONTENU */

#contenu {
	float: left;
	width: 764px;
	padding : 0 0 20px 0;
}

#contenu table, tr, td { font-size: 12px }

#contenu h1 {
	font-family: 'Roboto Condensed',serif; color: #3f6f9c; font-size: 200%;
	margin: 0 0 0 0; font-weight: normal
}

#contenu h2 {
	font-family: 'Roboto Condensed',serif; color: #f0174a; font-size: 160%;
	font-weight: normal;
	margin: 15px 0 0 0;
}

#contenu h3 {
	font-family: 'Roboto Condensed',serif; color: #f0174a; font-size: 130%;
	font-weight: normal;
	margin: 15px 0 0 0;
}

#contenu h4 {
	color: #585858; font-size: 100%;
	font-weight: bold;
	margin: 15px 0 0 0;
}

#contenu p {
	color: #585858; font-size: 100%;
	font-weight: normal;
	line-height: auto;
	padding: 0;
	text-align: left;
}

#contenu p a:link        { color: #3f6f9c; text-decoration: underline }
#contenu p a:visited     { color: #3f6f9c; text-decoration: underline }
#contenu p a:hover       { text-decoration: none; color: #585858; }

#contenu a:visited.bouton, #contenu a:link.bouton, #contenu a:link.bouton:visited { float:left; color: #f0174a; background: #fff; margin:5px 10px; padding:5px 10px 5px 10px; border: 2px solid #fff; box-shadow: 0 0 5px #c0c0c0; text-decoration: none }
#contenu a.bouton:hover { color: #fff; background: #f0174a; border: 2px solid #f0174a; }
#contenu a:visited.boutonon, #contenu a:link.boutonon, #contenu a.boutonon { float:left;color: #fff; background: #f0174a; margin:5px 10px; padding:5px 10px 5px 10px; border: 2px solid #f0174a; box-shadow: 0 0 5px #c0c0c0; text-decoration: none   }

#contenu .bouton2 { float: left; width: 131px; color: #585858; background: #fff; margin:0 10px 0 0; padding:5px 10px 5px 10px; border: 2px solid #fff; box-shadow: 0 0 5px #c0c0c0; text-decoration: none; text-align: center }
#contenu .bouton2on { float: left; width: 131px; color: #fff; background: #f0174a; margin:0 10px 0 0;padding:5px 10px 5px 10px; border: 2px solid #f0174a; box-shadow: 0 0 5px #c0c0c0; text-decoration: none; text-align: center }

#contenu a.lienencart:link        { padding: 0 10px 0 10px; font-family: 'Roboto Condensed',serif; color: #f0174a; font-size: 14px; line-height: 35px; text-decoration: none }
#contenu a.lienencart:visited     { text-decoration: none; color: #585858; }
#contenu a.lienencart:hover       { text-decoration: none; color: #585858; }

#contenu table, tr, td { font-size: 12px }

#contenu img.conseil { width:146px; height:auto; }

#bas { margin : 0 auto; width: 1024px; text-align: center; color: #585858 }
#bas a { color: #000; }
#bas a:visited { color: #000; }
#bas a:hover { color: #585858; }
#bas p { padding: 0 }
#bas h1 { color : #585858; font-size: 140%; font-weight: normal; line-height: 30px; margin:0px }
#bas h2 { color : #585858; font-size: 130%; font-weight: normal; line-height: 25px; margin:0px }
#bas h3 { color : #585858; font-size: 120%; font-weight: normal; line-height: 22px; margin:0px }


/*----------------DIALOG-------------------*/

#dialog_compte
{
	position : absolute;
	width: 225px; border: 1px solid #606060;
	margin : 50px 0 0 160px;
	background: rgba(96,96,96,0.8);
	padding: 5px;
	z-index: 990;
	text-align: left;
}

#dialog_compte a { background-color: #e7e7e7; color: #606060; padding: 5px; display: block; margin: 0 0 1px 0 }
#dialog_compte a:visited { background-color: #e7e7e7; color: #606060; padding: 5px; display: block; margin: 0 0 1px 0 }
#dialog_compte a:hover { background-color: #ff8400; color: #fff; padding: 5px; display: block; margin: 0 0 1px 0 }


.dialog_alerte
{
	position : absolute;
	width : 200px;
	margin : 20px 0 0 -10px;
	background: rgba(255,255,255,0.8);
	padding: 10px 15px 0px 15px;
	z-index: 990;
	border: 3px solid #000;
	color: #000;
}

.dialog_assoc
{
	position : absolute;
	width : 210px;
	margin : -8px 0 0 0;
	background: rgba(255,255,255,0.8);
	padding: 15px;
	z-index: 990;
	border: 3px solid #e7e7e7;
	border-radius: 5px
}

.dialog_caddie
{
	position : absolute;
	width : 200px;
	margin : 20px 0 0 -10px;
	background: rgba(255,255,255,0.8);
	padding: 10px 15px 0px 15px;
	z-index: 990;
	border: 3px solid #000;
	color: #000;
}


/* FORMULAIRE */

/* FORMULAIRE */
form {
	margin : 0;
	padding : 0;
}

legend {
	font-family: 'Roboto Condensed', sans-serif;
	color : #f0174a;
	font-weight : normal;
	font-size : 160%;
	margin : 10px 0 0 50px;
	width : auto;
}

input, textarea,select {
	font-size : 100%;
	font-family : arial, sans-serif;
	border-width : 2px;
	border-style : solid;
	border-top-color : #c0c0c0;
	border-right-color : #c0c0c0;
	border-bottom-color : #c0c0c0;
	border-left-color : #c0c0c0;
	background-color: #f7f7f7;
	padding : 3px 5px;
	margin-left : 8px;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

input:focus, textarea:focus, select:focus {
	box-shadow:0px 1px 1px #C0C0C0 inset, #90d14d 0 0 5px;
    /* Désactiver la bordure par défaut (bleu clair sur chrome) */
    outline: 0;
}

p.action input {
	width : auto;
	color : #444;
	border-color : #444;
	margin : 0 150px;
}
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}

#contenu p label {
	float: left;
	width: 100px;
	line-height: 30px;
	text-align: right;
	color : #444;
	font-weight : normal;
}
/* CONTACT */

#envoyer
{
	margin-top : 30px;
	margin-left : 110px;
	color : #f0174a;						/* COULEUR DE LA FONT DU BOUTON */
	background-color : #fff; 			/* COULEUR DU FOND DU BOUTON */
	width : 190px;
	height : 30px;
	border-color : #f0174a;
	border-width : 2px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	cursor: pointer;
}

#envoyer_logpro, #envoyer_perdu
{
	margin-top : 30px;
	margin-left : 110px;
	color : #f0174a;						/* COULEUR DE LA FONT DU BOUTON */
	background-color : #fff; 			/* COULEUR DU FOND DU BOUTON */
	width : 50px;
	height : 30px;
	border-color : #f0174a;
	border-width : 2px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	cursor: pointer;
}


#formCompte, #formIdent {
	float:left;
	width:100%;
}
#formCompte p label, #formIdent p label {
	float: left;
	width: 200px;
	line-height: 30px;
	text-align: right;
	color : #444;
	font-weight : normal;
}

#formCoord
{
	float : left;
	width : 320px;
}

#formMess
{
	float : left;
	width : 420px;
}

#formResa
{
	float : left;
	clear : left;
}


/* PRODUITS */

.tuile_produit_accueil { float: left; width: 24%; margin-right: 1% }

#produit { float: left; width: 45%; background-color: #fff; box-shadow: 0 0 5px #c0c0c0; padding:1.5%; }
.euros { font-size: 160% }
.centeuros { font-size: 140% }
.eurospromo { font-size: 180%; color: #ff0000; }
.centeurospromo { font-size: 160%; color: #ff0000; }
.euros2 { font-size: 125% }
.centeuros2 { font-size: 110% }
.Promo { background-color: #ff0000; color: #fff; box-shadow: 0 0 2px #c0c0c0; padding: 1px 5px 1px 5px }
.Nouv { background-color: #ff0000; color: #fff; box-shadow: 0 0 2px #c0c0c0; padding: 1px 5px 1px 5px }
.Flash { background-color: #ff0000; color: #fff; box-shadow: 0 0 2px #c0c0c0; padding: 1px 5px 1px 5px }

/* DESC PRODUIT */
/*#produit_desc { float: left; width: 420px; margin-right: 20px }*/
#produit_desc { float: left; width: 100%; margin-right: 0px }
#produit_img { float: right; width: 30% }
#produit_desc h3 { font-family: 'Roboto Condensed',serif; color : #f0174a; font-size: 1.3em; line-height: inherit; font-weight: normal; padding: 10px 0 5px 0 }

/* ACTIONS */

#ajouter		{ float: left; width: 140px; height: 30px; margin: 10px 0 15px 30px; padding: 0;  box-shadow: 0 0 5px #c0c0c0; text-align: center; background-color: #363636; }
#ajouter a, #ajouter a:visited	   { text-decoration: none; color: #fff; width: 140px; line-height: 30px; display: block; text-decoration : none; padding: 0; margin: 0;  }
#ajouter a:hover { color: #363636; display: block; text-decoration : none; padding: 0; background-color: #f0174a; }

#retour2		{ float: left; width: 140px; height: 30px; margin: 0 0 15px 0; padding: 0;  box-shadow: 0 0 5px #c0c0c0; text-align: center; background-color: #c0c0c0; }
#retour2 a	   { color: #fff; width: 140px; line-height: 30px; display: block; text-decoration : none; padding: 0; margin: 0;  }
#retour2 a:hover { color: #fff; display: block; text-decoration : none; padding: 0; background-color: #585858; }


#detail_article { }

#detail_article .container { width: 100%; margin: 4px auto; }
#detail_article ul.tabs {
	margin: 0 2.5%;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 25%;
}
#detail_article ul.tabs li {
	float: left;
	margin: 3px 1% 0 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	background: #f0174a;
	overflow: hidden;
	position: relative;
	width: 100%;

}
#detail_article ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0 10px 0 0;
	outline: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 115%;
	text-align :right
}
#detail_article ul.tabs li a:hover {
	background: #3f6f9c;
	color: #fff;
}	
#detail_article ul.tabs li.active, #detail_article ul.tabs li.active a:hover  {
	background: #3f6f9c;
	color: #fff;
}
#detail_article .tab_container {
	
	float: left; 
	width: 65%;
	/*background: #f0174a;*/
	margin: 0 2.5%;
}
#detail_article .tab_content {
	padding: 0;
}