/* PAGE DE CONNEXION A MON COMPTE */
div#connexion_cadre {position:relative; margin:25px auto; padding:0 0 25px 0;width:100%; max-width:700px;}
div#connexion_title { font-size:2em; text-align: center; margin:25px auto 10px auto; width:100%;}
div#connexion_sstitle {font-size:1.2em; text-align: center; margin:0 auto; width:100%;}
div#connexion_sstitle a { text-decoration:none;}
div#connexion_sstitle a:hover { text-decoration:underline;}
div#connexion_sstitle .petit {font-size:0.8em;}
div#connexion_cadre .formulaire { background: none;}

.submit_compte {
	border: 0 none;
    cursor: pointer;
    font-size: 1.1em;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    margin: 10px auto;
	background:#2a628d !important; color:#FFF !important;
}
.submit_compte:hover{background:#000 !important;}


.password_perdu {position:relative; margin:10px auto; text-align:right;}
.password_perdu a {color:inherit; text-decoration:none;}
.password_perdu a:hover {color:#FF6000;}


.msg_success {
	padding: 10px;
	margin:0 auto;
    background-image: linear-gradient(#6ac93d, #65c03b);
    border: 1px solid #63bc3a;
    color: #FFF;
    border-radius: 0.5em;
    font-size: 0.9em;
    text-align: center;
    width: auto;
	display:table;
}

/* */



div#alerte{background:none repeat scroll 0 0 #D4CB9F;margin-top:25px;border:1px solid #453C17;}
div#accueil{
	padding:10px 0;
}
div#accueil p{
	text-indent:30px;
	margin:5px 0;
	padding:0;
}


div#compte_content {
	width:100%;
	overflow:hidden;
}
div#compte_left {
	width:25%;
	float:left;
}


div#compte_right {
	width:74%;
	float:right;
}



div#compte_menu {
	position:relative;
	background:#f3f2f2;
	width:96%;
	pading:2%;
	margin:0;
	font-size:1em;
}

div#compte_nom {
	padding:25px 0;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #e7e7e7;
}

.onglet_content {width:100%; overflow:hidden;}


.onglet {
	position:relative;
	padding:0;
	border-left:3px solid #f3f2f2;
	width:calc(100% - 3px);
	overflow:hidden;
}

.onglet_deconnect {color:#d54848;}
.onglet_panier {background:#ffba00;border-left:3px solid #ffba00;}

.onglet a {
	color:inherit;
	text-decoration:none;
	display:table;
	padding:20px 0;
	width:100%;
}

.onglet_img {float:left;width:60px;}
.onglet_img img {width:100%;}
.onglet_nom {float:left;width:calc(100% - 70px);margin:15px 0 0 10px;}
/*
.pdroite{
	padding:0 0 10px 10px;
	font-size:14px;
	text-transform:uppercase;
}
.pdroite a{
	color:#707877;
	font-weight:bold;
	padding:0 0 10px 30px;
	
}
.pdroite a.ajouter{
	background-image:url('../img/public/ajout.png');
	background-repeat:no-repeat;
	width:auto;
	height:15px;
	background-size:20px 20px;
}
*/

.onglet:hover, .onglet.active {border-left:3px solid #007ac7;background:#FFF;}

.onglet:hover.onglet_panier, .onglet_panier.active {background:#ffba00;border-left:3px solid #ffba00;}
.onglet:hover.onglet_deconnect, .onglet_deconnect.active {background:#ff3636; color:#FFF;border-left:3px solid #d54848;}

/********************************************/
/* TABLEAU */
/********************************************/

/* GENERAL */
.aligncenter {text-align:center;}
.ligne {overflow:hidden;margin:15px auto;width:100%;
	color:#606060;}
.col {
	float:left;
	padding:0 1%;
	min-height:30px;
}
.intitule {
	color:#606060;
	font-size:0.9em;
}
.donnee {	
	color:#003750;
	font-size:0.9em;
}



.ligne.raye {
	position:relative;
	width:100%;
	background: url(../img/administration/td-fond-raye.jpg) repeat-x;
	height:25px;
	line-height:25px;
	margin:0;
}
.tab_col {
	float:left;
	padding:0 1%;
}
.tab_col a { display:block; color:inherit; text-decoration:none;}


.col_75 {width:73%;margin:0 auto;}
.col_50 {width:48%;margin:0 auto;}
.col_25 {width:23%;margin:0 auto;}
.tab_col input {width:98%;}
.tab_col.input_left input {width:auto;}
.form_title {
	font-size:1.2em;
	padding:8px 1%;
	width:98%;
	background:#007ac7 repeat;
	color:#FFF;
}

.form_sstitle {
	font-size:1em;
	padding:10px 1%;
	width:98%;
	background:#191919 repeat;
	color:#FFF;	
}

.mention {
	font-size:0.7em;
	color:#64808b;
	padding:10px 1%;
	width:98%;
	font-weight:bold;
	border-top:1px dashed #64808b;
	border-bottom:1px dashed #64808b;
}

.bouton2 {	
    background: #c3cccc;
    color: #575756;
    cursor: pointer;
	border:0;
    font-size: 1em;
	padding:10px;
    width: calc(100% - 20px);
	text-align:center;
	margin:0 auto;
	text-decoration:none;
}
a.bouton2 {display:table;}
.bouton2:hover {
	 background: #007ac7;color: #ffffff;
}

div#valide {
	width:50%;
	min-width:250px;
	margin: 5px auto;
	padding:10px;
	border:1px dashed #009900;
	background:#99FF99;
}
.cont-valide {
	margin: 0 auto;
	font-size: 0.9em;
	color: #006600;
}
div#actions {
	width:100%;
	display:table;
}
p.ajouter, p.repasser, p.retour, p.supprimer {
	position:relative;
	padding:8px;
	width:auto;
	max-width:270px;
	margin:10px 0 0 10px;
	text-align:center;
	font-size:0.9em;
	float:right;
}

p.ajouter {background:#FF6600;}
p.repasser {background:#ffba00;color:#000;}
p.retour { background:#CCC;}
p.supprimer {background:#d10000;}


p.ajouter a, p.repasser a, p.retour a, p.supprimer a {width:100%; height:100%; display:block; text-decoration:none;color:inherit;}

p.ajouter a, p.supprimer a { color:#FFF;}
p.retour a {color:#003750;}


a.lien-bleu {color:#0079c7; text-decoration:none;}

/* ACCUEIL */

/* PROFIL */
div#compte_info_perso {
	float:left;
	width:261px;
}

.frm_title {text-transform:uppercase;font-size:0.9em;text-align:center;font-weight:bold;width:calc(100% - 20px);padding:10px;}

.frm_cadre {border:1px solid #cdcdcd; background:#f3f2f2; padding:0;width:calc(100% - 2px);margin:0 0 10px 0;}

.frm_compte .ligne{padding:0 10px;}
label.label50 {width:40%;}


.frm_fdblanc {background:#FFF;margin:0 auto;}
.frm_fdbleu {background:#0079c7;margin:0 auto 10px auto;color:#FFF;}


.input_mention {padding:10px; font-size:0.8em;}

div#compte_adresse {
	float:right;
	width:calc(98% - 261px);
}
div#compte_adresse a {color:inherit;text-decoration:none;width:100%;height:100;display:table;}
.adresse_facturation {background:#0079c7 url(../img/public/compte_adresse_update.png) center right no-repeat;}
.adresse_livraison {background:#0079c7 url(../img/public/compte_adresse_create.png) center right no-repeat;}
.adresse_item{padding:10px;width:calc(100% - 20px);}

.adresse_livraison_item {background:#333 url(../img/public/compte_adresse_update.png) center right no-repeat;margin:5px auto;color:#FFF;padding:10px 10px 10px 40px;width:calc(96% - 50px); font-size:0.9em;}
.adresse_livraison_item:hover {background:#000 url(../img/public/compte_adresse_update.png) center right no-repeat;}


.adresse_livraison_item.par_defaut {background:url(../img/public/compte_adresse_update.png) center right no-repeat, url(../img/public/compte_adresse_defaut.png) center left no-repeat #333 !important;}
.adresse_livraison_item.par_defaut multiple:hover {background:url(../img/public/compte_adresse_update.png) center right no-repeat, url(../img/public/compte_adresse_defaut.png) center left no-repeat #000 !important;}

.ligne .mention_societe {
	background:#64808b url(../img/public/filtre_plus_blanc.png) center left no-repeat;
	background:#f7f7f7 url(../img/public/filtre_plus.png) center left no-repeat;
	/*background-position:230px 50%;*/
	text-indent:22px;
	font-size:1.2em;
	color:#FFF;
	color:#0079c7;
	border:none;
	text-transform:uppercase;
}
.ligne .mention_societe a {color:inherit; text-decoration:none;width:100%; height:100%;display:block;}

div#alerte_panier_verrouille {
	position:relative;
	width:98%;
	background:#ff7e66;
	text-align:center;
	font-size:0.9em;
	overflow:hidden;
	padding:1%; margin:0 auto 10px auto;
}
div#alerte_panier_top {position:relative;margin:0 auto;padding:0;width:90%;max-width:600px;}
div#alerte_panier_top p {margin:5px 0;padding:0;}
.alerte_panier_title {font-size:1.1em;}

div#alerte_panier_bottom {position:relative;margin:5px auto 0 auto;padding:0;width:98%;max-width:400px;overflow:hidden;}
div#alerte_panier_bottom p {position:relative;width:32.333333%;float:left;}
.alerte_panier_action_pay {text-align:right;margin:10px 1% 10px 0;}
.alerte_panier_action_reload {text-align:left;margin:10px auto 10px auto;}
.alerte_panier_action_delete {text-align:left;margin:10px 0 10px 1%;}
div#alerte_panier_bottom a {position:relative;width:90%;text-align:center;margin:0;padding:4% 5%;border-radius:0.5em;color:#FFF;text-decoration:none;display:table;}
.alerte_panier_action_pay a{background:#56c603;}
.alerte_panier_action_pay a:hover {background:#419603;}
.alerte_panier_action_reload a{background:#00a9d9;}
.alerte_panier_action_reload a:hover {background:#02627d;}
.alerte_panier_action_delete a{background:#c6361b;}
.alerte_panier_action_delete a:hover {background:#9d250f;}
/* PRODUITS EN FAVORI */

.product_cadre {
	position:relative;
	float:left;
	width:calc(31% - 2px);
	margin:0 1% 15px 1%;
	border:1px solid #f4f4f4;
}

.product_photo {
	position:relative;
	width:100%;
	/*height:230px;*/
	height:180px;
	text-align:center;
	overflow:hidden;
}
.product_photo img {
	/*width:100%;*/
	height:100%;
}


.product_favori {height:25px;z-index:98;margin:-25px 0 0 0;position:relative;padding:3px;}
.product_favori_on, .product_favori_off {float:right;margin:0 5px 0 0;height:21px; width:21px;border-top-left-radius: 0.5em;padding:3px 6px; border-top-right-radius: 0.5em;border-top:1px solid #c5c5c5;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;}
.product_favori_off:hover, .product_favori_on {background:#FFF url(../img/public/favoris_on.png) center no-repeat;}
.product_favori_off, .product_favori_on:hover {background:#FFF url(../img/public/favoris_off.png) center no-repeat;}


.product_info {
	position:relative;
	background:#f4f4f4;
	width:94%;
	padding:1% 3%;
	height:185px;
}
.product_nom {
	text-align:center;
	margin:5px auto;
	height:36px;
	font-size:0.9em;
	overflow:hidden;
	width:100%;

	white-space: break-word;
	
	-o-text-overflow: ellipsis;
  	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.product_en_stock {
	text-align:center;
	font-size:0.8em;
	margin:10px auto 6px auto;
}
.product_en_stock p {
    width: calc(90% - 30px);
    padding: 5px 15px;
    margin: 0 auto;
}
p.en_stock {background: #dff0d8;}
p.avec_delai {background: #ffe198;}
p.rupture {background: #ff6262;color:#FFF;}


.product_cadre:hover {	
	border:1px solid #0079c7;
}
.product_cadre:hover .product_info {	
	background:#f1f1f1;
}

.vert {
    color: #090;
}
.product_prix {
	color:#cc0000;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
}
.info_reduite {
	font-size:0.9em;
}
.apartir {
    color: #3e3e3e;
    font-size: 0.7em;
}
.prix-barre {
    font-size: 0.8em;
    text-decoration: line-through;
    color: #7e7e7e;
}

.bouton_commander {
    position: relative;
    max-width: 200px;
    color: #472c00;
	font-size: 0.85em;
	font-weight: bold;
	padding:10px 0;
	width: calc(90% - 32px);
    margin: 5px auto 5px auto;
	background-image: linear-gradient(#ffc40e,#ffc211);
    border-radius: 0.5em;
    border: 1px solid #ffa70f;
    cursor: pointer;
    height: 100%;
	text-align:center;
}

/*
.bouton_commander {
	position:relative;
	max-width:200px;
	background:url(../img/public/bouton_commander_new.png) center no-repeat;
	background-size:80%;
	color:#472c00;
	font-size:0.95em;
	text-indent:58px;
	height:34px;
	line-height:36px;
	margin:5px auto 5px auto;
}
*/
.product_panier .mention_ajout {	
	border: 1px solid #090;
    font-size: 0.8em;
    margin: 5px auto 0;
    padding: 10px 10px 10px 10px;
    text-transform: uppercase;
    max-width: 155px;
	text-align:center;
	width:calc(96% - 22px);
	background:url(../img/public/mention_ajout_petite.png) left center no-repeat;
	background-size:20px;
}



.product_panier a, .product_prix a, .product_nom a {
	text-decoration:none;
	color:inherit;
}

/* COMMANDES */

div#compte_right h2 {margin:0 0 15px 0;padding:10px 0;}

.liste_commande {
	position:relative;
	width:100%;
	overflow:hidden;
}

.commande_vignette {
	float:left;
	width:calc(31.33333333% - 4px);
	margin:10px 1%;
	border:1px solid #4b4b4b;
	padding:1px;
	text-align:center;
	background:#f3f2f2;
}
.commande_vignette a {color:inherit;display:table;text-decoration:none;width:100%;height:100%;}
.commande_entete {width:calc(100% - 10px); padding:5px; background:#4d4d4d;color:#FFF;font-size:1.1em;}
.commande_entete p {margin:0;pading:0;width:100%;}
.commande_date {width:98%; margin:5px auto;font-size:0.9em;}
.commande_montant {width:98%; margin:30px auto 5px auto;font-size:1.2em;}
.montant {font-size:1.4em;}
.commande_etat {width:60%;margin:5px auto;border-radius:0.8em;padding:5px 10px;}
.etat_mention {width:calc(96% - 25px);margin:0 auto;font-size:1.2em;padding:5px 0 5px 25px;text-transform:uppercase;}

.commande_reglee {border:3px solid #00a651;color:#00a651;}
.commande_nonreglee {border:3px solid #a60037;color:#a60037;}
.commande_enattente {border:3px solid #ff9000;color:#ff9000;}
.commande_reglee .etat_mention {background:url(../img/compte/compte_commande_reglee.png) center left no-repeat;}
.commande_nonreglee .etat_mention {background:url(../img/compte/compte_commande_nonreglee.png) center left no-repeat;}
.commande_enattente .etat_mention {background:url(../img/compte/compte_commande_attente.png) center left no-repeat;}
.bold {font-weight:bold;}
.commande_statut {margin:30px auto 10px auto;}

.commande_action {width:90%;margin:5px auto;overflow:hidden;}
/*
.action_item {float:left;margin:0;width:25%;text-align:center;}

.action_item img {width:100%;max-width:30px;}
*/

.action_item {width:100%;padding:10px 0;border-top:1px dotted #999;overflow:hidden;}
.action_item img {float:left;width:30px;margin:0 15px 0 0;}
.action_item p {float:left;width:calc(100% - 45px);margin:0;padding:8px 0 0 0;font-size:0.8em;text-transform:uppercase;text-align:left;}
.action_item a {color:inherit;text-decoration:none;display:block;}
.action_item:hover a p{color:#0079c7;}

div#compte_right h2.voir_all_commande {padding:0;}
.voir_all_commande a {display:table;height:100%;width:100%;padding:10px 0;}

.voir_all_commande:hover {background:#000;}

/* AVOIRS */


.liste_avoir {
	width:98%;
	padding:15px 1%;
	overflow:hidden;
	background:#f1f1f1;
}

.avoir_commande {width:23%;}
.avoir_numero {width:13%;}
.avoir_date {width:13%;}
.avoir_montant {width:13%;}
.avoir_reglement {width:calc(26% - 45px);}
.avoir_facture {width:45px;}

/* COMMANDE DETAIL */

.cmde_fiche_encart {
	width:98%;
	overflow:hidden;
	margin:15px auto;
	padding:15px 1%;
	background:#f1f1f1;
}

.prod_libelle {
	width:50%;	
}
.prod_libelle_ht {
	width:60%;	
}
.prod_pxuht {
	width:10%;	
	text-align:center;
}
.prod_pxuttc {
	width:10%;	
	text-align:center;
}
.prod_qte {
	width:5%;	
	text-align:center;
}
.prod_total {
	width:10%;	
	text-align:center;
}

.ligne_prix {
	font-size:1.1em;
}
.ligne_total.ligne.commande {
	background:#007ac7;
	padding:10px 1%;
	width:98%;
	font-size:1.2em;
	color:#FFF;
}
.prod_netapayer {
	width:76%;
	text-align:right;
}
.prod_netapayer_montant {
	width:20%;
	text-align:center;
}
.formulaire .lignerouge {
	background:#ffbfbf;
}
.mandat_off {margin:0 0 0 4px;color:#a0a0a0; font-style:italic;}


/* PAIEMENT */

div#recap-paiement {
	margin:15px auto;
	text-align:center;
	border:1px solid #e9e9e9;
	background:#f6f6f6;
	font-size:0.8em;
	width:90%;
}
div#fond-cb {
	width: 90%;
	margin: 0 auto;
	height:auto;
	text-align:center;
	/*background:url(../img/public/page-paiement.jpg) center no-repeat;*/
}
div#fond-cb img { width:100%; max-width:590px;}
div#fond-paypal {
	width: 90%;
	margin: 0 auto;
	height:auto;
	text-align:center;
	/*background:url(../img/public/page-paiement-paypal.jpg) center no-repeat;*/
}
div#fond-paypal img { width:100%; max-width:327px;}
div#form-banque {
	margin:15px auto;
	text-align:center;
	border:1px solid #e9e9e9;
	background:#f6f6f6;
	font-size:0.8em;
	width:90%;
}
table.frm-paiement {
	width:290px;
	margin:10px auto;
}
.rouge {color:#FF0000;}
table.rib {margin:20px auto;}
div#recap-paiement p.alignleft { text-align:left; margin:5px 0 0 30px;}

p.bouton3 {
	position:relative;
    background:#C3CCCC;
    border: 0 none;
    cursor: pointer;
    height: 45px;
	color:#575756;
	font-size:1.1em;
	text-transform:uppercase;
	text-align:center;
	line-height:45px;
	width:45%;
	float:none;
	margin:20px auto 10px auto;
}


.bouton3 a {
	color:inherit;
	text-decoration:none;
	display:block;
}

p.bouton3:hover {	
    background:#007ac7;
	color:#FFF;
}



/********************************************/

/*.ligne.livraison{
	width:100%;
	font-size:14px;
}
*/

.tab_col.prix, .tab_col.quantite{
	width:10%;
	text-align:center;
}
/*.tab_col.action{
	width:5%;
}
.tab_col.action img{
	height:20px;
}*/
/*Supprimer adresse*/
div#alerte{
	padding:2%;
	margin-bottom:15px;
}
.avert{
	background:url(../img/administration/alert.png) no-repeat;
	padding-left:35px;
	min-height:30px;
	line-height:30px;
	text-align:justify;
}
div#alerte a{
	color:#707877;
	font-weight:bold;
	font-size:14px;
}
div#alerte #actions{
	border-bottom:0px;
}
div#alerte .supprimer, div#alerte .retour{
	margin-left:20px;
	padding-left:25px;
}
div#alerte .supprimer{
	background:url(../img/public/non-valide.png) no-repeat;
	margin-top:15px;
}
div#alerte .retour{
	background:url(../img/public/valide.png) no-repeat;
	padding-left:25px;
}

.fond_bleu {
	background: #007ac7 none repeat scroll 0 0;
    color: #FFF;
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 25px;
    padding: 8px 0;
    position: relative;
    text-indent: 30px;
    text-transform: uppercase;
    width: 100%;
}

.fond_gris {
	background: #c3cccc none repeat scroll 0 0;
    color: #575756;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 25px;
    padding: 8px 0;
    position: relative;
    text-indent: 30px;
    text-transform: uppercase;
    width: 100%;
}
.fond_gris a, .fond_bleu a { color:inherit; text-decoration:none;}
 

.cadre33 {float:left;width:31%;margin:0 1%;}

.cadre33 .form_title {text-align:center;}

/* IDENTIFICATION DEPUIS INFOS FAVORIS */
.cadre50 {float:left;width:48%;margin:0 1%;}
.cadre50 .form_title {text-align:center;}
/* */

.formulaire {
	width:90%;
	overflow:hidden;
	margin:15px auto;
	padding:15px 5% 15px 5%;
	background:#f1f1f1;
}

.cadre33 .formulaire {min-height:190px;}

.submit {margin:0 auto; text-align:center;}
.newmdp {font-size:0.9em; font-style:italic;color:#606060; text-align:center;}


.creation_compte {
	padding:2px 25px;
	text-align:center;
	text-decoration:none;
	font-size:1.2em;
	font-style:normal;
}

.erreur-info {
	background: none repeat scroll 0 0 #FFB4B4;
    border-bottom: 1px solid #CC0000;
	border-top: 1px solid #CC0000;
    font-size: 0.8em;
    text-indent: 15px;
	color:#CC0000;
	width:100%;
	margin:0 auto;
}

/***************************************************/
/* FORMULAIRE APPARENCE */
/***************************************************/
.ligne {box-sizing:border-box;position:relative; font-size:14px;}


.frm_input {
	box-sizing:border-box;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #4d4d4d;
    display: block;
    font-size: 16px;
    height: 37px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: calc(100% - 2px);
}
.frm_input {
    box-shadow:none;
}
.frm_input.frm_input_in {
	min-height: 50px;
    padding-bottom: 5px;
    padding-top: 20px;
}
.frm_input.frm_input_in.required + label::after {
	color: #eb5d5e;
    content: "*";
    display: block;
    font-family: Arial,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.1;
    position: absolute;
    right: -10px;
    top: 0;
}


.frm_input.frm_input_in + label {
    color: #444;
    font-size: 10px;
    margin-left: 10px;
    position: absolute;
    top: 7px;
    /*z-index: 1000;*/
}
label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}
.frm_input.frm_input_in.required:focus + label {
    color: #007ac7;
}
.frm_input.frm_input_in:focus + label {
    color: #007ac7;
}
.frm_ligne50 {
    width: calc(49% - 2px);
}

.frm_ligne25 {
    width: calc(24% - 2px);
}
.frm_ligne75 {
    width: calc(74% - 2px);
}
.frm_ligne_left {float:left;margin:0 1% 8px 0;}
.frm_ligne_right {float:right;margin:0 0 8px 1%;}

.ligne input:-webkit-autofill {background-color:#c7e8ff !important;}



.frm_add_compte {width:75%;margin:0 auto;}


/* page infos favoris */

div#product_favori {
    width: calc(96% - 30px);
    max-width: 450px;
    margin: 5px auto 25px auto;
    font-size: 1.4em;
    padding: 5px 10px 20px 20px;
    color: #7a7a7a;
    border: 1px solid #FFF;
	background: url(../img/public/favoris_info.png) top right no-repeat;
	border-bottom:2px solid #7a7a7a;
}
div#product_favori_mention {width:96%;margin:15px auto 30px auto;text-align:center;font-size:1.2em;}
div#product_favori_article {width:96%;margin:15px auto 30px auto;overflow:hidden;}
div#product_favori_article .product_cadre {width:100%;max-width:600px;margin:0 auto;float:none;overflow:hidden;}
div#product_favori_article .product_top {float:left;width:50%;}
div#product_favori_article .product_info {float:right;width:44%;}


.info_ancien_compte {
	text-align:justify;
	padding:20px;
	background:rgba(249,213,144,1.00);
	font-size:0.9em;
}
.info_ancien_compte_div {
	text-align:justify;
	padding:1px 20px;
	background:rgba(249,213,144,1.00);
	font-size:0.9em;
	margin:0 0 10px 0;
}
.info_ancien_compte_div p {margin:0;padding:2px 0;}


@media screen and (max-width : 1210px) {
	.etat_mention {font-size:0.95em;min-height}
}
/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 959px) {
	
	div#compte_left, div#compte_right {width:100%;float:none;margin:0 auto 10px auto;}
	div#compte_menu{width:100%;margin:0;padding:0;}	
	
	.onglet {float:left;width:20%;font-size:0.8em;border-left:0px;border-bottom:3px solid #f3f2f2;}
	.onglet_panier {border-left:0px;border-bottom:3px solid #ffba00;}
	.onglet_deconnect {float:right;}
	.onglet:hover, .onglet.active {border-left:0px;border-bottom:3px solid #007ac7;background:#FFF;}

	.onglet:hover.onglet_panier, .onglet_panier.active {border-left:0px;border-bottom:3px solid #ffba00;}
	.onglet:hover.onglet_deconnect, .onglet_deconnect.active {border-left:0px;border-bottom:3px solid #d54848;}
	
	
	.tab_col.reglement { display:none;}
	
	.cadre33, .cadre50 {float:none;width:98%;margin:0 1% 20px 1%;}
	.cadre33 .formulaire, .cadre50 .formulaire {min-height:auto;}
	
	
	.frm_add_compte {width:98%;margin:0 auto;}
	
}

@media screen and (max-width : 850px) {
	
	.onglet_img {float:left;width:40px;}
	.onglet_img img {width:100%;}
	.onglet_nom {float:left;width:calc(100% - 50px);margin:8px 0 0 10px;font-size:0.9em;}
	.onglet_panier .petit {display:none;}
	/*.tab_col, .col_50, .col_25 {
		width:100%;
		padding:0;
	}*/
	.tab_col { height:auto;}
	
		
}

@media screen and (max-width : 749px) {
	
	.onglet_img, .onglet_nom {float:none;width:100%;margin:0;text-align:center;}
	.onglet_img {margin:5px auto;}
	.onglet_img img {max-width:60px;}
	
	.commande_vignette {width:calc(48% - 4px);}
	
	
	
	div#alerte { padding:4%;}
	.tab_col.numero { width:20%;}
	.fond_bleu, .fond_gris { text-align:center; text-indent:0;}
	
	
	.prod_libelle {width:45%;}
	.prod_libelle_ht {width:55%;}
	.prod_pxuht {width:11%;}
	.prod_pxuttc {width:12%;}
	.prod_qte {width:5%;}
	.prod_total {width:12%;}
	
	.frm_ligne25, .frm_ligne75 {width: calc(49% - 2px);}
	
	
	
}

@media screen and (max-width : 650px) {
	
	.tab_col.etat { display:none;}
	.tab_col.numero { width:28%;}
	.tab_col.date { width:28%;}
	.tab_col.montant { width:15%;}
	
	.liste_avoir .ligne {font-size:0.85em;}
	.avoir_reglement {display:none;}
	.avoir_commande {width:calc(42% - 45px);}
	.avoir_numero {width:16%;}
	.avoir_date {width:16%;}
	.avoir_montant {width:14%;}
	
	
	.col_50 {width:96%;}
}

@media screen and (max-width : 600px) {
	
	.ligne.raye {
		background:#CCC;
		height:auto;padding:5px 0;
	}
	
	
	.tab_col.ad_libelle { width:40%;}
	.tab_col.ad_ville { width:33%;}
	.tab_col.ad_pays{
		display:none;
	}
	
	
	.tab_col.date { width:35%;}
	.tab_col.montant { width:20%;}
	.tab_col.numero { display:none;}
	
	
	
	
	.prod_libelle {width:40%;}
	.prod_libelle_ht {width:50%;}
	.prod_pxuht {width:12%;}
	.prod_pxuttc {width:14%;}
	.prod_qte {width:6%;}
	.prod_total {width:13%;}
	
	
	.frm_ligne50, .frm_ligne75, .frm_ligne25 {float:none;margin:0 auto 8px auto;width:100%;}
	
	
	.product_cadre {width:calc(48% - 2px);}
	
	/*.onglet a.deconnexion2 { background-position:38% 0; }*/
}
@media screen and (max-width : 550px) {

	div#compte_info_perso, div#compte_adresse {float:none;width:100%;margin:0 auto 10px auto;}

}

@media screen and (max-width : 480px) {
	
	.onglet_nom {display:none;}
	.onglet a {padding:5px 0;}
	
	.commande_vignette {width:calc(98% - 4px);}
	
	
	
	.avoir_commande {display:none;}
	.avoir_numero {width:calc(40% - 45px);}
	.avoir_date {width:26%;}
	.avoir_montant {width:22%;}
	
	
	
	.tab_col.ad_libelle { width:30%;}
	.tab_col.ad_cp {
		display:none;
	}
	.tab_col.ad_ville { width:40%;}
	.tab_col.date, .tab_col.montant{
		width:25%;
	}
	
	
	.col_75, .col_50, .col_25 {width:98%;margin:0 auto;}
		
	
	.prod_netapayer {
		width:64%;
	}
	.prod_netapayer_montant {
		width:30%;
	}
	
	div#product_favori_article .product_top {float:none;width:100%;}
	div#product_favori_article .product_info {float:none;width:94%;}
	
	/* passage en mode horizontal de la vignette produit */
	.product_cadre {width:98%;overflow:hidden;background:#f4f4f4;}
	
	.product_top {float:left;width:40%;height:180px;background:#FFF;}
	.product_photo {height:180px;}
	
	.product_photo img {width:auto;	height:100%;}
	.product_favori {height:25px;margin:-30px 0 0 0;padding:3px;}
	.product_favori_on, .product_favori_off {float:left;margin:0 0 0 5px;}
	
	.product_info {float:left;width:54%;height:170px;font-size:0.85em;}
	.product_nom {height: 30px;}
	/* */
	
	
	/*.onglet a.deconnexion2 { background-position:33% 0; }*/
	/*.tab_col.action_suivi {display:none;}*/
}
@media screen and (max-width : 400px) {
}

/*********************************************************************************************************/
/* inférieur à 350px */
/*********************************************************************************************************/
@media screen and (max-width : 350px) {

	.filtre-select { float:none; margin:5px auto; width:80%;}
	
	
	.ligne_total.ligne.commande {
		font-size:1.1em;
	}
	.prod_netapayer {
		width:58%;
	}
	.prod_netapayer_montant {
		width:36%;
	}
	
	.ligne_prix {
		font-size:1em;
	}
	
	
	
	/*.onglet a.deconnexion2 { background-position:26% 0; }*/
	
}
@media screen and (max-width : 300px) {
	.avoir_numero {width:calc(58% - 45px);}
	.avoir_date {display:none;}
	.avoir_montant {width:30%;}
}