@charset "UTF-8";
/* CSS Document */

/* Protection anti-spam */
.remarque_form { display:none; }

/* 
blanc :		#fff
beige :		#cbbb9d
beige_clair:#e3daca
gris_clair :#f2f2f2
noir : 		#000

rouge :		#aa260f
vert : 		#00632f
cyan : 		#09f
orange : 	#e26b0a
violet : 	#8064a2

marine : 	#172983
rose : 		#e2007a
marron : 	#663300
gris : 		#666
*/

/*************************/
/****    A TRIER      ****/
/*************************/

li > a > strong {
    color:#660000; 
    text-decoration:none;
}

li > a > strong:hover {
    color:#000; 
    text-decoration:underline;
}

#box_logo img {
    width:142px;
    height:auto;
}

#box_sous_rubrique {
	float:left;
    width:100px;
    padding-bottom:25px;
}
#box_sous_rubrique li {
	list-style:none;
    font-size:90%; 
    color:#660000; /*09f*/
    border-bottom:1px solid #ccc;
}
#box_sous_rubrique li a {
	text-decoration:none;
}

/* Cadrillage image */
#rig {
	max-width:900px;
	margin:0 auto; /*center aligned*/
	padding:0;
    font-size:0; /*Important*/
	list-style:none;
	background-color:none;
}
#rig li {
	display:inline-block;
	*display:inline; /*for IE6 - IE7*/
	width:25%;
	vertical-align:middle;
	box-sizing:border-box;
	margin:0;
	padding:0;
}
.rig-cell {
	box-shadow:0 1px 4px rgba(0,0,0,0.4);
	border:none;
	color:#555;
	background-color:white;
	text-decoration:none;
	text-align:center;
	display:block;
	position: relative;
	overflow:hidden; /*.rig-cell*/
	margin:10px;
	padding:0;
}
.rig-img {
    padding-top:100%;
	position:relative;
}
.rig-img img { 
	position:absolute;
	width:100%; height:auto; 
	top:0;left:0;right:0;bottom:0;
	margin:auto;
}
#rig li:hover {
	opacity:0.75;
}

@media (max-width: 9000px) {
	#rig li {width:25%;}
}

@media (max-width: 800px) {
	#rig li {width:33.33%;}
}

@media (max-width: 500px) {
	#rig li {width:50%;}
}

@media (max-width: 350px) {
	#rig li {width:100%;}
}

.rig-titre { 
	position:relative;
    background-color:none;
    color:#000;
    text-align:center;
	font-size:14px;
    max-height:37px; 
    margin:0; 
    padding:0 5px 0 5px;
    width:100%; 
    overflow:hidden; /*.rig-titre*/
}
.rig-titre a { 
    text-decoration:none;
}
.rig-prix {
	position:absolute; 
    background-color:#fff;
    color:#000;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50; 
    text-align:center;
	font-size:14px;
    padding:5px; 
    bottom:0; left:0;
    z-index:15; /* rig-prix */
    width:100%; /* rig-prix */
}
.box_produit_encart_evenement {
	position:absolute; 
    background-color:#660000;
    color:#fff;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50; 
    text-align:center;
	font-size:14px;
    padding:5px; 
    top:0; /*45px*/
    z-index:15; /* box_produit_encart_evenement */
    width:100%; /* rig-prix */
}

/* Titre client / detail commande */
.entete_titre {
	background-color:#333; 
    color:#fff; padding:3px 10px 3px 10px;
	/* pas de cesure */
	word-break:normal;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	-o-hyphens:none;
	hyphens:none;
}

/* Panier */
.produit_enstock, .produit_horsligne, .produit_enattente {
	padding:2px 10px 2px 10px;
	border:1px solid #ccc;
	color:#660000;
	background-color:#fff;
	text-align:center;
}
.produit_enstock {
	color:#669900;
}
.box_produit_prix {
	background-color:#fff; /* GOOD */
	padding:15px 15px 15px 15px; 
	margin:0px 0px 0px 0px; 
	width:100%; 
    text-align:center;
}
span.prix { 
	font-size:22px; 
}

/* Titre */
.h_titre {
	padding-top:0;
	margin-top:0;
}
.h_sans_marge {
	padding:0;
	margin:0;
}

/* Boutons navigation */
.boutons_navigation {
	text-align:center; 
}
.boutons_navigation input, .boutons_navigation select {
    margin-left:10px; 
    margin-right:10px; 
}

.boutons_navigation input[name=continuer],
.boutons_navigation input[name=valider] {    
    color:#09f;
}
.boutons_navigation input[name=annuler] {    
    color:#660000;
}
.boutons_navigation input[name=continuer]:hover, 
.boutons_navigation input[name=valider]:hover, 
.boutons_navigation input[name=annuler]:hover {    
    color:#666;
}

/* Afficher / Masquer password */
.show-password {
    position:absolute;
	background:url("images/hide-16-16.png") 100%;
    background-repeat:no-repeat;
    width:16px; 
    height:25px;
    margin-left:-22px;
    cursor:pointer;
}

/*************************/
/****  FIN A TRIER    ****/
/*************************/


/*************************/
/****   EN PREMIER    ****/
/*************************/

a.noir 			{ color:#000; }
a.rouge 		{ color:#aa260f; }
a.pourpre 		{ color:#660000; }
a.vert 			{ color:#00632f; }
a.cyan 			{ color:#09f; }
a.rose 			{ color:#e2007a; }
a.marine 		{ color:#172983; }
a.marron 		{ color:#663300; }
a.orange 		{ color:#ff9900; }
a.gris 			{ color:#666; }
a.gris_clair 	{ color:#ccc; }

a.lien_haut, a.lien_haut:link, a.lien_haut:visited { 
	color:#666;
	text-decoration:none; 
}
a.lien_haut:hover { 
	color:#09f;
}
a.lien_retour, a.lien_retour:link, a.lien_retour:visited { 
	color:#666;
	text-decoration:none; 
}
a.lien_retour:hover {
	color:#09f;
}
a.lien_compte, a.lien_compte:link, a.lien_compte:visited { 
	color:#999;
	text-decoration:none; 
}
a.lien_compte:hover { 
	color:#09f;
}
a.lien_logout, a.lien_logout:link, a.lien_logout:visited { 
	color:#ff0000;
	text-decoration:none; 
}
a.lien_logout:hover { 
	color:#09f;
}
a.lien_supprimer, a.lien_supprimer:link, a.lien_supprimer:visited {
    color:#660000;
	text-decoration:none; 
}
a.lien_supprimer:hover {
	color:#000;
}

/* Fond */
.fond_gris_fonce { background-color:#666; /* Couleur de fond div (fond_gris_fonce) */ }
.fond_gris_moyen { background-color:#999; /* Couleur de fond div (fond_gris_moyen) */ }
.fond_gris_clair { background-color:#e4e3e3; /* Couleur de fond div (fond_gris_clair) */ }


/*************************/
/****   IMPRESSION    ****/
/*************************/

/* Box impression */
.print { 
	visibility:hidden;
	display:none; 
}
.no_print { 

}


/*************************/
/****      SPAN       ****/
/*************************/

/* Elements des commandes en couleur */
.cde_erreur {
	font-weight:bold;
	color:#aa260f; }
.cde_refusee {
	font-weight:bold;
	color:#ff00ff; }
.cde_non_reglee { 
	font-weight:bold;
	color:#9900cc; }
.cde_admin { 
	font-weight:bold;
	color:#660000; }
.cde_annulee {
	font-weight:bold;
	color:#ff3300; }
.cde_reglee { 
	font-weight:bold;
	color:#3366cc; }
.cde_en_cours { 
	font-weight:bold;
	color:#3366cc; }
.cde_avoir { 
	font-weight:bold;
	color:#660000; }
.cde_supprimee { 
	font-weight:bold;
	color:#ff3300; }


/*************************/
/****      LISTE      ****/
/*************************/

/* Pas d'ecart sur les listes */
.no_ul { 
	margin:0; 
    padding:0;
}


/*************************/
/****    FORMULAIRE   ****/
/*************************/

/* Formulaire : Form, Header, Fieldset, Label et Legend */
form { 
	margin:0; 
	padding:0; 
} 

div.box_form {
    padding:1px;
    margin:0 0 2px 0; 
}
.box_form:after {
    content:"";
    display:table;
    clear:both;
}
label.desc {
	position:relative;
    width:35%; 
    text-align:right;
	font-size:95%;
    padding-top:1px; /* decallage du texte en hauteur / en fonction de fint-size */
    padding-right:10px;
    float:left;
}
div.form_chp {
	position:relative;
    width:65%;
	padding-top:0;
    float:right;
}

div.champs { /* champs texte a la place d'un input */
	display:block;
	padding-top:4px;
}
.champs_observations { /* champs observation d'un input span ou div */
	color:#666;
	font-style:italic;
    font-size:85%;
}

/* Champs : Textarea, Select et Input */
select, 
input, 
textarea {
	background-color:#fff;
	color:#666;
	font-size:small;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px;
	padding:2px 5px 2px 5px;
} 

/* Champs specifiques formulaire */
select.mini_select {
	width:auto;
}
input.mini_input {
    min-width:10%;
}
input.big_input, 
textarea.big_textarea {
	width:100%;
}

/* Input : Submit et Button du site */
input[type=submit], 
input[type=reset], 
input[type=button] {
    border:1px solid #ccc;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 
	border-radius:10px;
	cursor:pointer; 
	padding:2px 10px 2px 10px;
}
input[type=submit]:hover, 
input[type=reset]:hover, 
input[type=button]:hover {
	color:#666;
	background-color:#eee; 
}

/* Input : Radio et Checkbox du site */
input[type=radio], 
input[type=checkbox] {
	border:0px solid transparent; 
	cursor:pointer;
}

/* Input : Texte du site */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel], 
textarea {
    width:60%;
}
input[type=search] {
    width:20%;
}
input[type=number], 
input[type=float] {
    text-align:right;
	width:50px;
}
input[type=date], 
input[type=time] {
    text-align:center;
}

input[type=search]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=float]:focus,
select:focus,
textarea:focus {
    outline:0;
    background-color:#eee; /*#4697e4*/ /* Couleur de fond textarea (focus) */
    border-color:#09f; /* Couleur de la bordure sur focus */
}	

input[disabled="disabled"], 
select[disabled="disabled"], 
option[disabled="disabled"] { 
	background-color:#eee; 
	cursor:default;
}

input[name=retour], 
input[name=retour] {
	color:#666;
	border-color:#666;
}
input[name=annuler], 
input[name=reinitialiser] {
	color:#666; /*ff0000*/
	border-color:#666; /*ff0000*/
}
input[name=imprimer] {
	color:#cc33ff;
	border-color:#cc33ff;
}
input[name=ajouter],
input[name=continuer],
input[name=envoyer],
input[name=modifier],
input[name=valider] {
	color:#09f;
	border-color:#09f;
}

/* Pas de css */
.no_css { /* Bouton radio et case a cocher */
	background-color:transparent; /* Couleur de fond input (radio, case) */
	border:0px solid transparent; 
} 


/*************************/
/****     IMAGES      ****/
/*************************/

/* lien sur image sans changement de bordure */
.no_border { 
	border:0px solid #000;
	padding:0;
	margin:0;
}
.no_border:hover { 
	background-color:transparent; /* Couleur de fond img (no_border) */
	border:0px solid #000;
	padding:0;
	margin:0;
}

/* Image */
img.photo { /* OK */ 
    border:10px solid #fff;
}

img.photo:hover { /* OK */ 
    border:10px solid #ccc;
	cursor:pointer; 
	filter:alpha(opacity=75); 
	-moz-opacity:0.75; 
	opacity:0.75; 
}
img.photo_produit {

}
img.photo_produit_big {
	border:1px solid #ccc;
	padding:1px; 
    width:100%; 
    height:auto;
}
img.photo_produit_big:hover {
	cursor:pointer; 
	/*
    filter:alpha(opacity=75); 
	-moz-opacity:0.75; 
	opacity:0.75; 
	*/
}
img.photo_produit_search {
	border:1px solid #ccc;
	padding:1px;
}
img.photo_produit_search:hover {
	cursor:pointer; 
	/*
    filter:alpha(opacity=75); 
	-moz-opacity:0.75; 
	opacity:0.75; 
	*/
}


/************************/
/****     TABLE      ****/
/************************/

/* Table attente */
table#tb_attente { 
    width:100%; /* tb_attente */ 
    height:100%; 
    border:0; 
    margin:0; 
    padding:0; 
}
tr#tr_attente { 
    border:0px solid #ccc; 
    text-align:center; 
    vertical-align:middle; 
}
td#td_attente { 
	border:0px solid #ccc; 
    text-align:center; 
    vertical-align:middle; 
    background-color:#f7f7f7; /* Couleur de fond td (td_attente) */ 
}

/* Table bouton PDF */
td.td_lien {
	cursor:pointer; 
	border:1px dotted #ccc;
	background-color:#f7f7f7; /* Couleur de fond td (td_lien) */
	width:100px;
	height:100px;
	vertical-align:top; /*middle*/
	text-align:center;
	padding:10px;
	margin:10px; 
	background-image:url(../images/pdf_download.png); 
	background-position:bottom;
	background-repeat:no-repeat;
}
td.td_lien:hover {
	color:#fff;
	background-color:#3399ff; /* Couleur de fond td (td_lien:hover) */
}

/* Table menu horizontal */
td.td_menu_horizontal {
    color: #fff;
	letter-spacing:1px;
	background-color:#666; /* Couleur de fond td (td_menu_horizontal) */ 
	padding:0px 5px 0px 5px; 
	text-align:center; 
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid; 
	cursor:pointer;
}
td.td_menu_horizontal:hover {
	background-color:#ccc; /* Couleur de fond td (td_menu_horizontal:hover) */
}
td.td_menu_horizontal_in {
	color:#666;
	background-color:#ccc; /* Couleur de fond td (td_menu_horizontal_in) */
	padding:5px 5px 5px 5px; 
	text-align:center; 
	border:1px solid #fff; }
td.td_menu_horizontal_off {
	color:#000000;
	background-color:#ccc; /* Couleur de fond td (td_menu_horizontal_off) */ 
	padding:5px 5px 5px 5px; 
	text-align:center; 
	border:1px solid #fff; }

/* Table avec bordure */
table.table_tableau { 
	border-collapse:separate; 
	width:100%; 
}
th.th_tableau { 
	text-align:left;
	background-color:#f7f7f7; /* Couleur de fond th (th_tableau) */
	margin:3px; 
	padding:3px;
	border:1px dotted #ccc; 
}
td.td_tableau {
	text-align:left;
	margin:3px; 
	padding:3px;
	border:1px dotted #ccc; 
}
th.th_tableau_titre { 
	background-color:#333; /* Couleur de fond th (th_tableau_titre) */
	color: #fff; 
	padding:5px;
	text-align:center; 
    font-weight:normal;
}
th.th_tableau_sous_titre {
	text-align:center;
	background-color:#999; /* Couleur de fond th (th_tableau_sous_titre) */
	margin:0; 
	padding:3px; 
}
	
/* Table avec formulaire */
table.table_formulaire { 
}
tr.tr_formulaire {
	height:20px; 
}
th.th_formulaire { 
	font-weight:normal;
	/*text-indent:10px;*/
	text-align:left;
	border-collapse: collapse;
	margin:0; 
	padding:1px; 
}
td.td_formulaire {
	text-align:left;
	margin:3px; 
	padding:3px; 
}

/* Table panier dans le menu */
table.tableau_menu { 
	min-width:300px;
}
.tableau_menu td { 
	padding:3px; 
    border-collapse:collapse;
    border-bottom:1px solid #ccc;
}

/* Table panier */
.div_tableau_ligne {
    clear:left;
    margin:0;
    padding:0; 
    height:100% !important; height:1em; 
    border-bottom:1px solid #ccc;
}
.div_tableau_colonne {
    float:left;
    margin:0;
    padding:4px 7px 4px 0px;
}
.div_tableau_colonne img, .div_tableau_colonne select {
    margin-top:4px;
    margin-bottom:-3px; /* A verifier */
    border:1px solid #999;
}
.div_tableau_colonne a {
	text-decoration:none; 
    color:#660000;
}
.div_tableau_colonne a:hover {
	color:#000;
}
.col_legende { /* background-color:#ccc; color:#fff; color:#000; */ }
.col_photo { width:15%; }
.col_designation { width:28%; }
.col_quantite { width:12%; }
.col_tarif { width:18%; } 
.col_montant { width:20%; }
.col_action { width:7%; }
.col_produit { min-height:90px; }


/***********************/
/****     FONT      ****/
/***********************/

/* Fonts standards */
.font_90 { font-size:90%; }
.font_85 { font-size:85%; }
.font_80 { font-size:80%; }
.font_75 { font-size:75%; }
.font_70 { font-size:70%; }

.font_normal { font-weight:normal; }
.font_bold { font-weight:bold; }
.font_italic { font-style:italic; }

.font_blanc { color:#fff; /* font_blanc */ }
.fond_gris_fonce { background-color:#666; /* fond_gris_fonce */ }
.fond_gris_moyen { background-color:#999; /* fond_gris_moyen */ }
.fond_gris_clair { background-color:#e4e3e3; /* fond_gris_clair */ }


/************************/
/****     TEXTE      ****/
/************************/

/* Alignement du texte */
.text_left { text-align:left; }
.text_center { text-align:center; }
.text_justify { text-align:justify; }
.text_right { text-align:right; }


/**********************/
/****     BOX      ****/
/**********************/

/* Box colonnes */
.box_colonnes { /* OK */
	position:relative;
	width:100%; 
	float:left; 
	padding:0; /* Marge si besoin */
	margin:0;
	text-align:justify;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.box_colonnes_titre { /* OK */
	color:#fff;
	text-align:left; 
	background-color:#999; /* Couleur de fond div (box_colonnes_titre) */
	/*
    border-left:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #666;
	*/
		border-top-right-radius:4px;	
		-moz-border-radius-topright:4px;	
		-webkit-border-top-right-radius:4px;
		border-top-left-radius:4px;
		-moz-border-radius-topleft:4px;
		-webkit-border-top-left-radius:4px; 
    margin:0;
	padding:3px 10px 3px 10px;
	float:left;
}
.box_colonnes_titre a { /* OK */
	color:#000;
}
.box_colonnes_titre a:hover { /* OK */
	color:#666;
    text-decoration:none;
}
.box_colonnes_texte { /* OK */
	text-align:left; 
	background-color:#f7f7f7; /* Couleur de fond div (box_colonnes_texte) */
	width:100%; 
	/*border:1px solid #666;*/
		border-top-right-radius:4px;	
		-moz-border-radius-topright:4px;	
		-webkit-border-top-right-radius:4px;
		border-bottom-right-radius:4px;	
		-moz-border-radius-bottomright:4px;	
		-webkit-border-bottom-right-radius:4px;
		border-bottom-left-radius:4px;
		-moz-border-radius-bottomleft:4px;
		-webkit-border-bottom-left-radius:4px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	margin:0px 0px 10px 0px;
	padding:20px 20px 20px 20px; 
	float:left; 
}

#box_colonnes_gauche, #box_colonnes_droite { /* KO */ 
	position:relative;
    text-align:left;
	width:0px; 
	float:left; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

#box_colonnes_gauche { /* KO */ 
	padding:0; 
}
#box_colonnes_droite { /* KO */ 
	padding:5px; 
	margin:0; 
}
#box_colonnes_milieu { /* OK */
	position:relative;
	word-wrap:break-word;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box; 
	width:840px; 
	padding:15px 0 0 0; 
	float:left;
}

/* Box standards */
.box_5,
.box_10,
.box_15,
.box_20,
.box_25,
.box_33,
.box_50,
.box_60,
.box_70,
.box_75,
.box_90,
.box_95,
.box_100 
{ 
	position:relative;
	word-wrap:break-word;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box; 
}
.box_5 { width:5%; } /* OK */
.box_10 { width:10%; } /* OK */
.box_15 { width:15%; } /* OK */
.box_20 { width:20%; } /* OK */
.box_25 { width:25%; } /* OK */
.box_33 { width:33%; } /* OK */
.box_50 { width:50%; } /* OK */
.box_60 { width:60%; } /* OK */
.box_70 { width:70%; } /* OK */
.box_75 { width:75%; } /* OK */
.box_90 { width:90%; } /* OK */
.box_95 { width:95%; } /* OK */
.box_100 { width:100%; } /* OK */
.box_txt_100 {
	width:100%;
    float:left;
}
.box_txt_75 {
	width:74%;
    float:right;
}
.box_txt_50 {
	width:49%;
    float:right;
}
.box_img_100 {
	width:100%;
	max-height:595px; /* Hauteur maximum de l'image */ /* 1200 x 800 */ /* ideal 650px -> 595px -> taille bijoux */
    float:left;
}
.box_img_50 {
	width:49%;
	min-height:250px; /* Hauteur minimum de l'image */
    float:left;
    padding:0;
    margin:0;
}
.box_img_25 {
	width:24%;
	min-height:150px; /* Hauteur minimum de l'image */
    float:left;
    padding:0;
    margin:0;
}

.padding_right 	{ padding-right:10px; }
.padding_left 	{ padding-left:10px; }
.padding 		{ padding:10px; }
.margin_right 	{ margin-right:10px; }
.margin_left 	{ margin-left:10px; }
.margin 		{ margin:10px; }

/* Box float */
.box_colonnes_float { /* OK */
	position:relative;
}
.box_left { /* OK */
	word-wrap:break-word;
	float:left; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.box_right { /* OK */
	word-wrap:break-word;
	float:right; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* Box informations */
div.box_info {
	background-color:#f7f7f7; /* Couleur de fond div (box_info) */
	color:#999;
	text-align:center;
	padding:10px 10px 10px 10px;
	margin:15px 0px 15px 0px;
	border:1px solid #999; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px;
}

/* Box alerte */
div.div_alert {
	color:#aa260f; 
	border-left:1px dotted #666; 
	padding-left:4px;
    font-size:80%;
}
div.box_alert {
	background-color:#fff; /* Couleur de fond div (div_alert) */
	color:#aa260f;
	text-align:center;
	padding:10px 10px 10px 10px;
	margin:0px 0px 15px 0px;
	border:1px solid #aa260f; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px;
}

/* Box produit encart */ /* KO */
.box_produit_encart { /* Normal */
    position:relative; 
    width:200px;
    padding:0; 
    margin:0 7px 20px 7px; 
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box; 
}
.box_produit_encart_titre { /* Normal */
    font-family:"Century";
    overflow:hidden; /*.box_produit_encart_titre*/
	z-index:9; /* box_produit_encart_titre */
}
.box_produit_encart_titre a { /* Normal */
	text-decoration:none;
}
.box_produit_encart_prix {
	position:absolute; 
    background-color:#fff;
    color:#000;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50; 
    text-align:center;
    width:195px; 
    padding:5px; 
    bottom:0; 
    z-index:15; /* box_produit_encart_prix */
}
.box_produit_encart_img { /* Normal */
	position:relative;
    background-color:#fff;
	border:1px solid #ccc;
	padding:0;
	margin:0; 
    width:195px;
    height:195px;
    overflow:hidden; /*.box_produit_encart_img*/
	z-index:10; /* box_produit_encart_img */
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
} 
.box_produit_encart_img img { /* Normal */
	position:relative; /* absolute / Bug reduction page */
    /*width:auto;*/
    /*max-height:200px;*/ /* OK */
    max-width:200px; /* OK */
} 
.box_produit_encart_img img:hover {
    cursor:pointer; 
    /*
    filter:alpha(opacity=75); 
    -moz-opacity:0.75; 
    opacity:0.75; 
    */
}

/* Box produit vignette */ /* KO */
.box_produit_vignette {  
  	overflow:hidden; /*.box_produit_vignette*/
    width:52px;  
    height:52px;  
    margin:0;
    padding:0px 5px 5px 0px; 
	float:left;
	z-index:10; /* box_produit_vignette */
} 
.box_produit_vignette img {  
	border:1px solid #ccc;
	padding:1px;
} 

/* Box pagination */ /* KO */
div.box_pagination { 
	position:relative;
	width:100%;
	float:left;
}
li.li_bouton_out, li.li_bouton_down, li.li_bouton, li.li_bouton_count {
	list-style:none;
	margin:2px;
	padding:2px 6px 2px 6px;
	border:1px solid #ccc; 
}
li.li_bouton_out { 
	cursor:pointer;
	background-color:#ccc; 
	color:#333;
    float:left;
}
li.li_bouton_down { 
	cursor:pointer;
	background-color:#616161; 
	color:#333;
    float:left;
}
li.li_bouton {
	cursor:pointer;
    float:left;
}
li.li_bouton_count {
    float:left; /*right*/
}
li.li_bouton:hover {
	background-color:#ccc;
}
li.li_lien {
	list-style:none;
}
li.li_lien a {
	text-decoration:none;
}

/* Box divers */
.box_ref { /* OK */
	padding-top:5px; 
    text-align:right;
}
.lien_calendrier { /* OK */
    border:1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
    cursor:pointer;
    padding:2px 10px 2px 10px;
}

/* Box encart */
.box_encart { 
	background-color:#e4e3e3; /* Couleur de fond div (box_encart) */
	font-weight:bold;
	color:#000; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px;
	border:1px solid #ccc; 
	padding:2px 2px 2px 2px; 
}
.box_encart_texte {	
	font-weight:normal;
	color:#000;
	text-align:left; 
	background-color:#fff; /* Couleur de fond div (box_encart_texte) */
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px;
	border:1px solid #ccc; 
	padding:10px; 
}

/* Box texte */
.box_texte {
	position:relative; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	margin:0;
	padding:0; 
	clear:both;
}
.box_ccc { /* gris moyen */
	padding:20px; 
	background-color:#cccccc; /* box_ccc */
	color:#000000; 
	text-align:justify; 
}
.box_e4e { /* gris clair */
	padding:20px; 
	background-color:#e4e3e3; /* box_e4e */
	color:#000000; 
	text-align:justify; 
}
.box_ffc { /* rose */
	padding:20px; 
	background-color:#ffccff; /* box_ffc */
	color:#000000; 
	text-align:justify; 
}

/* Box texte gris */
.box_gris {
	border:1px solid #ccc; 
	background-color:#f1f1f1; /* eee */ /* Couleur de fond div (box_gris) */
	border-radius:4px;	
	-moz-border-radius:4px;	
	-webkit-border-radius:4px;
	color:#666; 
	text-align:justify; 
	padding:10px; 
	margin:10px;
}
.box_gris p {
	color:#666; 
	font-style:normal;
}
.box_gris_img {
	background-color:#fff; /* Couleur de fond div (box_gris_img) */
	text-align:center;
}

/* Box texte rouge */
.box_rouge {
	border:1px solid #aa260f; 
	background-color:#f1f1f1; /* eee */ /* Couleur de fond div (box_rouge) */
	border-radius:4px;	
	-moz-border-radius:4px;	
	-webkit-border-radius:4px;
	color:#aa260f; 
	text-align:justify; 
	padding:10px; 
	margin:10px 0px 10px 0px;
}

/* Box liens */
.box_lien_prums, .box_lien {
    position:relative;
    padding:10px; 
    width:236px; 
    height:80px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	float:left; 
}
.box_lien {
    border-left:1px dotted #333;
}

/* Box evalualtion password */
#weak,#medium {
	border-right:solid 1px #dedede; }
#sm {
	margin:0;
	padding:0;
	height:20px; }
#sm ul {
	border:0;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center; }
#sm ul li {
	display:block;
	float:left;
	text-align:center;
	padding:0;
	margin:0; 
    font-size:80%;
	height:20px; }
.nrm {
	width:55px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#eee; /* Couleur de fond div (evalualtion) */
	display:block;
	vertical-align:middle; }
.red {
	width:55px;
	color:#fff;
	text-align:center;
	padding:2px;
	background-color:#ff6f6f; /* Couleur de fond div (evalualtion) */
	display:block;
	vertical-align:middle; }
.yellow {
	width:55px;
	color:#fff;
	text-align:center;
	padding:2px;
	background-color:#fdb14d; /* Couleur de fond div (evalualtion) */
	display:block;
	vertical-align:middle; }
.green {
	width:55px;
	color:#fff;
	text-align:center;
	padding:2px;
	background-color:#a0da54; /* Couleur de fond div (evalualtion) */
	display:block;
	vertical-align:middle; }

/* Box attente */
#box_hide_page { 
	position:fixed;
	left:0;
	top:0;
	/* pour IE */
	_position:absolute;
	top:expression(body.scrollTop + 0 + "px");
	width:100%; /* box_hide_page */
	height:100%;
	z-index:999; /* box_hide_page */
}
#box_hide_page_loading {
	width:auto; /* box_hide_page_loading */
	height:auto;	
	z-index:1000; /* box_hide_page_loading */
}

/* Box popup */
#pop_up { 
	position:fixed;
    top:0; 
    left:0;
	width:100%;
	height:100%;
    background-image:url(images/overlay.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	z-index:900; /* #pop_up */
}
#pop_up_corps { 
	padding-top:0.4em;
}

/* Box log */
#cadre_log { 
	position:absolute;
		top:10px; 
        right:10px; /* left:10px; */
		z-index:800; /* #cadre_log */
	width:175px;
	background-color:#e4e3e3; /* Couleur de fond div (cadre_log) */
	font-weight:bold;
	color:#000; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px;
	border:1px solid #ccc; 
	padding:2px 2px 2px 2px; 
    cursor:move; 
}
#cadre_log_texte { 
	font-weight:normal;
	color:#666;
	text-align:left; 
	background-color:#fff; /* Couleur de fond div (cadre_log_texte) */
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px;
	border:1px solid #ccc; 
	padding:10px; 
}
#cadre_log li {
	background-color:#f7f7f7; /* Couleur de fond div (cadre_log li) */
	list-style:none;
	font-style:italic;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px;
	border:1px solid #ccc; 
	/*padding:1px 7px 1px 7px;*/ 
	padding:3px 10px 3px 10px; 
	font-size:80%;
}
#cadre_log li:hover {
	background-color:#fff; /* Couleur de fond div (cadre_log li:hover) */
	color:#09F;
    cursor:pointer; 
}
#cadre_log li.li_deconnexion { 
	color:#660000;
	background-color:#e4e3e3; /* Couleur de fond div (cadre_log .li_deconnexion) */
}
#cadre_log li.li_deconnexion:hover {
	background-color:#fff; /* Couleur de fond div (cadre_log li:hover) */
    cursor:pointer; 
}

/* Box reseaux sociaux */
#box_rs {
    position:relative;
    float:left; 
    padding:10px; 
	margin:0px
    /*border-top:1px dotted #999;*/
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* Box haut de page et Box retour */
.nav_haut_de_page { 
	margin:0 10px 0 0; 
	float:right; 
    clear:both;
}
.nav_retour {
	margin:0 0 0 10px; 
	float:left; 
}
.nav_haut_de_page, .nav_retour {
	color:#666;
    background-color:#ccc; /* Couleur de fond div (nav_haut_de_page et nav_retour) */
    border:1px solid #666;
    border-radius:7px;
    padding:3px 7px; 
}
.nav_haut_de_page:hover, .nav_retour:hover {
    background-color:#e5f1fb; /* Couleur de fond div (nav_haut_de_page et nav_retour hover) */
	color:#09f;
    border:1px solid #09f;
}

/* Box calendrier */
.box_calendrier {
	/*background-color:#eee;*/ /* Couleur de fond div (box_calendrier) */
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.box_calendrier_mois {
    width:150px;
    padding:5px; 
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.box_calendrier_semaine {
    width:100px;
    padding:5px; 
    float:left; 
    border:1px dotted #999;
	margin:1px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.box_calendrier_info {
    margin:10px;
}
.box_calendrier_dispo_img {
    width:15px; 
    height:15px; 
    border:thin dotted #ccc; 
	margin:2px 10px 0 0; 
    float:left; 	
}
.box_calendrier_dispo_texte {
	margin-right:10px; 
    float:left;	
}

/* Box validation */
.box_valid {
	padding:20px;
}


/**********************/
/***  CADRE / PAGE  ***/
/**********************/

/* 
gris moyen :#444444
gris_clair :#f2f2f2
marine : #172983
bleu clair : #09F
orange :#f08a00
*/

/* General */
#cadre_general { /* OK */
	/*background-color:#fff;*/
	position:relative;
	width:1200px;
	margin:0; 
	padding:0; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

#cadre_bande_haut { /* OK */
    position:relative; 
	width:1200px;
	/*background-color:#fff;*/
    /*border-bottom:1px solid #eee;*/
    clear:both; 
}

#cadre_image_haut { /* OK */
	background-color:transparent; /* Couleur de fond div (cadre_image_haut) */
	width:1200px; /* FIX BUG du 14/12/2017 */
	/* width:inherit; */
	height:300px;
	margin:0; 
	padding:0; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden; /* cadre_image_haut */
	clear:both; 
} 
	#cadre_haut_image_photo { /* OK */ 
		position:relative;
		height:inherit;
			border:1px solid #ccc; 
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px; 
		z-index:1; /* #cadre_haut_image_photo */ 
	} 
    #cadre_accroche { 
        position:absolute; 
        top:0; 
        left:0; 
        width:100%; 
        background-color:rgba(0, 0, 0, 0.25); /* Couleur de fond div (cadre_accroche) */
        margin:0; 
        padding:5px 10px 5px 10px; 
        clear:both; 
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box; 
        z-index:10; /* #cadre_accroche */
    }
    .cadre_accroche_titre {
        color:#fff;
        z-index:11; /* #cadre_accroche .cadre_accroche_titre */
    }
    .cadre_accroche_version {
        color:#fff;
        z-index:11; /* #cadre_accroche .cadre_accroche_version */
    }
	#cadre_haut_image_logo { /* OK */
		position:absolute;
		background-color:rgba(0, 0, 0, 0.50); /* Couleur de fond div (cadre_haut_image_logo) */
		top:45px; 
        left:15px;
		padding:20px; 
		-moz-border-radius:4px; 
		-webkit-border-radius:4px; 
		border-radius:4px;
		/*box-shadow: -1px 2px 5px 1px rgba(200, 200, 200, 0.7), -1px 2px 20px rgba(255, 255, 255, 0.6) inset;*/
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
		z-index:3; /* #cadre_haut_image_logo */
	}
	#cadre_haut_image_titre { /* OK */
		position:absolute; 
		min-width:180px;
		top:175px;
		right:0;
        background-color:rgba(255, 255, 255, 0.50); /* Couleur de fond div (cadre_haut_image_titre) */
		border-top-left-radius:4px;	
		-moz-border-radius-topleft:4px;	
		-webkit-border-top-left-radius:4px;
		border-bottom-left-radius:4px;
		-moz-border-radius-bottomleft:4px;
		-webkit-border-bottom-left-radius:4px; 
		padding:10px; 
		float:right;
		z-index: 4; /* #cadre_haut_image_titre */
	} 

#cadre_menu_haut { 
	position:relative;
	background-color:#f7f7f7; /* Couleur de fond div (cadre_menu_haut) */
	width:100%; /* inherit */
	margin:0; 
	padding:0; 
    clear:both; 
    z-index:5; /* 799 */ /* #cadre_menu_haut */
}

#cadre_page { /* OK (Interieur de la page) */
	vertical-align:top; 
	text-align:left;
	width:inherit;
	margin:0; 
	padding:0; 
}

#cadre_menu_bas { /* OK */
	position:relative;
	background-color:#f7f7f7; /* Couleur de fond div (cadre_menu_haut) */
	width:inherit;
	margin:0; 
	padding:0; 
    clear:both; 
    z-index:5; /* #cadre_menu_haut */
}

#cadre_page_bas { /* KO */
    position:relative;
    text-align:left;
    border-top:1px dotted #999;
    padding:0; 
    margin:0; 
    clear:both; 
}

#cadre_page_adresse { /* KO */
    position:relative;
    text-align:center;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:5px 10px 5px 10px; 
    margin:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    clear:both; 
}

#cadre_page_cosmo { /* OK */
    position:relative;
    background-color:#fff; /* Couleur de fond div (cadre_page_cosmo) */
    text-align:right;
    padding:5px 10px 5px 10px; 
    margin:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    clear:both; 
}

/* Cadre page nav */
#cadre_page_nav { /* KO */
	text-align:right; 
    width:100%;
}

/* Cadre erreur */
#cadre_erreur { /* KO */
    position:relative;
    background-color:#fff; /* Couleur de fond div (cadre_erreur) */
    width:inherit;
    margin:20px; 
    padding:20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* Cadre menu panier */
#cadre_menu_panier { 

}
#cadre_menu_panier > table { 
	width:75%;
}
li.li_menu_horizontal_in,
li.li_menu_horizontal_off {
    font-size:85%; 
	padding:5px 8px 5px 8px; 
	border:1px solid #fff; 
    width:20%;
    float:left;
}
li.li_menu_horizontal_in {
	color:#fff;
	background-color:#999; /* Couleur de fond td (td_menu_horizontal_in) */
}
li.li_menu_horizontal_off {
	color:#000;
	background-color:#ccc; /* Couleur de fond td (td_menu_horizontal_off) */ 
}
a.nav, a.nav:visited { color:#ff0000; text-decoration:none; }
a.nav:hover { color:#660000; }


/**************/
/**  MOBILE  **/
/**************/

/* 
gris moyen :#444444
gris_clair :#f2f2f2
marine : #172983
bleu clair : #09F
orange :#f08a00
*/

/* Afficher ou cacher les elements mobiles */
.hide_mobile {
    /*visibility:visible;*/
	display:inline; /* !important */ /* Non car les images prennent toute la place ! */
}
.mobile { 
    visibility:hidden; 
	display:none;
}

/* Styles for desktops and laptops */
@media only screen and (min-width: 1610px) {
    #cadre_log { /* (min-width: 1610px) */
        position:fixed;
	}
}

/* Afficher ou cacher les elements mobiles */
.hide_mobile {
    /*visibility:visible;*/
	display:inline; /* !important */ /* Non car les images prennent toute la place ! */
}
.mobile { 
    visibility:hidden; 
	display:none;
}

/* Styles for desktops */
@media only screen and (min-width: 1610px) {
    #cadre_log { /* (min-width: 1610px) */
        position:fixed;
	}
}

/* Styles for mobile and laptops */
@media only screen and (max-width: 1220px) {
    #box_logo img {
    	width:250px;
        height:auto;
    }
    
    #box_sous_rubrique {
        width:100%;
    }
    
	/* General */
	* { /* (max-width: 1220px) */
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box; 
    }
	html { /* (max-width: 1220px) */
		-webkit-text-size-adjust:100%;
		-ms-text-size-adjust:100%; 
    }
    
	/* Passer body (et tous les elements de largeur fixe) en largeur automatique */
	body { /* (max-width: 1220px) */
        background-color:#e9e9e9; /* Couleur de fond site (body) */
		width:auto; /* (max-width: 1220px) */
		margin:0;
		padding:0; 
    }
    
	/* Fixer une largeur maximale de 100% aux elements potentiellement problematiques */
	div, img, table, td, blockquote, code, pre, input, select, textarea, iframe, object, embed, video { /* (max-width: 1220px) */
		max-width:100%; /* div, img, table, td, blockquote, code, pre, input, select, textarea, iframe, object, embed, video (max-width: 1220px) */
    }

	/* Gestion des mots longs */
	textarea, table, td, th, code, pre, samp { /* (max-width: 1220px) */
		-webkit-hyphens:auto; /* cesure propre */
		-moz-hyphens:auto;
		hyphens:auto;
		word-wrap:break-word; /* passage a la ligne force */ 
    }
	code, pre, samp { /* (max-width: 1220px) */
		white-space:pre-wrap; /* passage a la ligne specifique pour les elements a chasse fixe */ 
    }
    
	/* Image */
	img.no_script { /* (max-width: 1220px) */
        border:0px solid #ccc; 
        background-color:transparent; /* img.no_script (max-width: 1220px) */ 
    }
	a img.no_script, a:hover img.no_script { /* (max-width: 1220px) */
        border:0px solid #ccc; 
        background-color:transparent; /* img.no_script (max-width: 1220px) */
    }
	img.photo { /* OK (max-width: 1220px) */ 
    	max-width:100%;
        margin-bottom:20px;
	}
	
	/* Liste */
    ul,ol { /* (max-width: 1220px) */
    	padding:0 15px; 
        margin:0; 
	}
	ul,ol,li { /* (max-width: 1220px) */
    	/*
        list-style-type:none; 
        padding:0; 
        margin:0; 
		*/
    } 
    	
    /* Box formulaire */
    label.desc { /* (max-width: 1220px) */
        text-align:left;
    }
   
    /* Input : Texte du site */
    input[type=text],
    input[type=email],
    input[type=url],
    input[type=password],
    input[type=tel] { /* (max-width: 1220px) */
        width:60%; /* (max-width: 1220px) */
    }
    
    /* Cadre */
    #cadre_general { /* OK (max-width: 1220px) */
    	position:absolute; 
    }
    #cadre_bande_haut, #cadre_general, #cadre_page_cosmo { /* (max-width: 1220px) */ /* OK */
    	/*width:100%;*/
	}
	#cadre_image_haut { /* OK  (max-width: 1220px) */
        background-color:#ccc; /* Couleur de fond cadre_image_haut (max-width: 1220px) */
        width:100%; /* FIX BUG du 14/12/2017 */
    	height:250px; /* ATTENTION */
    }
	#cadre_menu_haut { /* OK (max-width: 1220px) */
        background-color:transparent; /* Couleur de fond cadre_menu_haut (max-width: 1220px) */
		padding:0;
        z-index:1; /* #cadre_menu_haut (max-width: 1220px) */
	}
    #cadre_menu_haut, .box_colonnes_titre, .box_colonnes_texte { /* OK (max-width: 1220px) */
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
        border:0;
    }
    #cadre_page { /* OK (Interieur de la page) (max-width: 1220px) */
        width:100%; /* FIX BUG du 14/12/2017 */
    }
	#cadre_page_cosmo { /* OK (max-width: 1220px) */
    	background-color:#f7f7f7; /* Couleur de fond cadre_page_cosmo (max-width: mobile) */ 
    	text-align:center;
    }
        
    /* Box */
    .box_colonnes { /* OK (max-width: 1220px) */
        padding:0px 0px 10px 0px;
    }
    #haut, #cadre_general, #cadre_accroche, #cadre_image_haut, #cadre_menu_haut, #cadre_page, #corps, 
    .box_colonnes, .box_colonnes_texte, .box_texte {
        min-width:100%; /* FIX BUG du 14/12/2017 */
    }
    
	/* Afficher ou cacher les elements mobiles */
	#cadre_log, #box_colonnes_gauche { /* (max-width: 1220px) */
    	visibility:hidden; 
        display:none;
	}
}

/* Styles for desktops and laptops */
@media only screen and (max-width: 975px) {
	/* Box calendrier */
    .box_calendrier { /* (max-width: 975px) */
        border-left:1px dotted #999;
        border-bottom:1px dotted #999;
    }
	.box_calendrier_mois { /* (max-width: 975px) */
        margin:0 0 0 0;
        padding:0;
        width:100%; 
        font-size:90%; 
        text-align:center;
        background-color:#ccc; /* Couleur de fond box_calendrier_mois (max-width: mobile) */
        border-right:1px dotted #999;
        border-bottom:1px dotted #999;
        color:#000;
        clear:both;
    }
	.box_calendrier_semaine { /* (max-width: 975px) */
        width:20%;
        padding:3px 0 0 3px; 
        margin:0;
        border-top:1px dotted transparent;
        border-left:0px dotted transparent;
        border-bottom:0px dotted transparent;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
}

/* Styles for mobile */
@media only screen and (max-width: 800px) {
	/* Afficher ou cacher les elements mobiles */
	.hide_mobile { /* (max-width: 800px) */
        visibility:hidden; 
		display:none;
	}
	.mobile { /* (max-width: 800px) */
    	/*visibility:visible;*/
		display:inline;
	}
    
    /* Navigation panier */
    #cadre_menu_panier { /* (max-width: 800px) */
    	font-size:75%;
    }
    #cadre_menu_panier > table { /* (max-width: 800px) */
    	width:100%;
    }
    
    /* Formulaire */
        input[type=search] { /* (max-width:800px) */
        width:80%; 
    }
	
	/* Image */
	img.photo { /* (max-width:800px) */ /* OK */
    	/*min-width:75%;*/ /* img.photo (max-width: 800px) */ /* Non car les images prennent toute la place ! */
	}
	
	/* Box float */
    .box_colonnes_float { /* (max-width: 800px) */
    	/*min-width:100%;*/ /* Non car sinon les images prennent toute la place ! */
	}

    /* Margin et Padding */
    .margin_right, .margin_left { /* (max-width: 800px) */
    	/*margin:0;*/
    }
    .padding_right, .padding_left { /* (max-width: 800px) */
    	/*padding:0;*/ /* Non car sinon la colonne de gauche n'a plus de pdding right ! */
    }
    
    /* Box texte et image */
    .box_ref { /* (max-width: 800px) */
    	margin-bottom:10px; 
    }
    .box_25, .box_75 { /* (max-width: 800px) */
    	width:100%; 
	}
    .box_25 img { /* (max-width: 800px) */
    	margin:0 auto; 
    }
    .box_25 img.photo { /* (max-width: 800px) */
        width:100%; 
        height:auto; 
    }
    .padding_right, .padding_left { /* (max-width: 800px) */
    	padding:0; /* lie avec .box_25, .box_75 */
    }
}

/* Styles for mobile */
@media only screen and (max-width: 600px) {
    /* Titre */ 
    h1, h2 { /* (max-width: 600px) */
    	font-size:1.2em;
    }
    
    /* Boutons navigation */
    .boutons_navigation { /* (max-width: 600px) */
    	margin-bottom:-10px;
    }
    .boutons_navigation input, .boutons_navigation select { /* (max-width: 600px) */
    	margin-bottom:10px;
    }
    li.li_menu_horizontal_in,
    li.li_menu_horizontal_off, 
    .col_legende { /* (max-width: 600px) */
    	min-height:42px; 
	}
	.div_tableau_colonne { /* (max-width: 600px) */
    	font-size:80%;
    }

	/* Popup */
    #pop_up { /* (max-width: 600px) */
    	width:100%;
    }
    
	/* Box standards */
    .box_img_50 { /* (max-width: 600px) */
    	width:100%;
        min-height:50px; /* Hauteur minimum de l'image */
    }
    .box_img_50 img { /* (max-width: 600px) */
    	width:100%;
        height:auto;
    }
    .box_txt_50 { /* (max-width: 600px) */
    	width:100%;
    }
    .maxwidth { /* (max-width: 600px) */
    	width:100%;
        clear:both;
    }
    .box_img_25 { /* (max-width: 600px) */
    	width:100%;
        min-height:50px; /* Hauteur minimum de l'image */
    }
    .box_img_25 img { /* (max-width: 600px) */
    	width:100%;
        height:auto;
    }
    .box_txt_75 { /* (max-width: 600px) */
    	width:100%;
    }
    
	/* Box produit */
    .box_produit_encart { /* (max-width: 600px) */ 
    	margin:5px 5px 20px 5px;
    	width:32%; /* OK */
    	height:32%; /* OK */
    }
    .box_produit_encart_img { /* (max-width: 600px) */ 
    	width:170px; /* OK */
    	height:170px; /* OK */
    }
    .box_produit_encart_img img { /* (max-width: 600px) */ 
    	width:105%; /* OK */
    	height:auto; /* OK */
    }
    
	/* Fond */
    .background_25 { /* (max-width: 600px) */
    	background-color:rgba(0, 0, 0, 0.25); /* Couleur de fond div (background_25) */
    }
	
    /* Navigation panier */
    #cadre_menu_panier > td { /* (max-width: 600px) */
		font-size:50%;
    }
    td.td_menu_horizontal_in,
    td.td_menu_horizontal_off { /* (max-width: 600px) */
        padding:5px 7px 5px 7px; 
    }
    
    /* Formulaire */
    input, select, textarea { /* (max-width: 600px) */
    	/*
        border:none; 
        background-color:transparent; 
        width:100%;
    	*/
    }
    div.box_form { /* (max-width: 600px) */
    	/*
        border:1px solid #ccc; 
        margin:10px 0; 
        padding:5px 10px;
        border-radius:7px;
    	*/
    }
    /* Box formulaire */
    label.desc { /* (max-width: 600px) */
    	/*
    	font-size:70%;
        */
        width:100%;
        float:none;
        margin:0 0 5px 0; 
    }
    div.form_chp { /* (max-width: 600px) */
        width:100%;
        float:none;
    }
    /* Input : Texte du site */
    input[type=text],
    input[type=email],
    input[type=url],
    input[type=password],
    input[type=tel],
    textarea { /* (max-width: 600px) */
        width:100%; 
    }
    input[type=float],
	input[type=number] { /* (max-width: 600px) */
		width:30%;
	}
    select > option { /* (max-width: 600px) */
        font-size:80%;
    }
}

/* Styles for mobile */
@media only screen and (max-width: 480px) {
	/* General */
    #cadre_general, #cadre_erreur, .box_colonnes, .box_colonnes_float, img.photo { /* OK (max-width: 480px) */
    	min-width:100%; 
	}
    #cadre_erreur { /* (max-width:450px) */ /* KO */
    	min-width:100%;
        height:auto;
	}
    
    /* Popup */
    #pop_up h1 { /* (max-width:450px) */
    	font-size:90%;
    }
    
    /* Image */
	img.photo, 
    img.photo_produit { /* (max-width:450px) */ /* OK */
    	min-width:100%;
        height:auto;
	}
	
    /* Box produit */
    .box_produit_encart { /* (max-width:450px) */ 
    	margin:5px 5px 20px 5px;
    	width:45%; /* OK */
    	height:45%; /* OK */
    }
	.box_produit_encart_img { /* (max-width:450px) */
    	width:154.54545454545px; /* OK */
    	height:154.54545454545px; /* OK */
    }
    .box_produit_encart_img img { /* (max-width:450px) */ 

    }
    .box_produit_prix { /* (max-width:450px) */
        background-color:#fff; /* GOOD */
    }
    
	/* Box float */
    .box_colonnes_float { /* (max-width:450px) */ /* OK */
    	min-width:100%; /* box_colonnes_float (max-width: 450px) */
        height:auto;
	}

	/* Box */
    .box_encart { /* OK (max-width: 480px) */
    	text-align:center;
    }
    
	/* Logo banque */
    .logos_banque { /* OK (max-width: 480px) */
    	text-align:center;
    }
    input[type="IMAGE"] { /* OK (max-width: 480px) */
    	width:15%;
        padding:0; 
        margin:0; 
    }
}