/* BOF custom */

.box {box-sizing: border-box ;padding:25px; margin-bottom:25px; margin-top:10px;}
.box h1 {color:#E50580; font-weight:600; font-size:16px; text-transform:uppercase; margin-top:0; padding-top:0;}
.box h3, .box h3 a {color:#E50580; font-weight:600; font-size:14px; margin-top:0; padding-top:0; text-decoration: none}
.box .fa {margin-bottom: 10px; color: #2253A0;}

.grey {background-color:#F2F2F2; border:0px solid #CCC;}
.grey.box p {font-size:13px; text-align:justify; margin-bottom:12px; color:#2253A0;}
.grey.box h3, .grey.box h3 a {color: #646464; font-weight:600; font-size:14px; margin-top:0; padding-top:0; text-decoration: none}

.grey_gradient {border-radius: 5px; border: 1px solid #afafaf; background: #eaeaea; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fbfbfb, #eaeaea); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fbfbfb, #eaeaea); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fbfbfb, #eaeaea); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fbfbfb, #eaeaea)}

.fourinraw {float: left; width: 24%; margin: 5px; }
.fourinraw:last-child {margin-right : 0px;}
@media only screen  and (max-width: 767px) {
.fourinraw {float: none; width: 99%; margin: 5px; }
}



a#gift_show {text-decoration: none; font-size:13px; border: solid 1px #d0d0d0; border-radius: 3px; padding: 3px 7px; background: #f2f2f2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f2f2f2, #d0d0d0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2f2f2, #d0d0d0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2f2f2, #d0d0d0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2f2f2, #d0d0d0);  /* Standard syntax */}
a:hover#gift_show{ background: #d0d0d0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d0d0d0, #f2f2f2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d0d0d0, #f2f2f2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d0d0d0, #f2f2f2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d0d0d0, #f2f2f2);  /* Standard syntax */}
	

#gift {margin_top: 15px;}


/*Head*/

a.PlusDe, a:hover.PlusDe, a:visited.PlusDe, a:link.PlusDe{ font-size: 14px; background-image: none; text-decoration: none; color: #E50580; padding: 0}

.fullwidth {width : 100% !important}

h2.BlueCenter, .h2like.BlueCenter {margin-left: 0px !important}
h2.BlackCenter {clear: left}

.item_liste_ligne {width : 97%; border: solid 1px #E4E4E4; padding : 5px; clear : both; margin: 5px }
.item_liste_ligne h3 {font-weight: normal; color:#2253A0; text-transform:uppercase }
.item_liste_ligne h3 a {text-decoration: none; text-transform:uppercase; font-size: 14px }

.item_liste_ligne .vignette {float : left !important; width: 30%!important; margin-top: 10px;}
.item_liste_ligne .infos {float : right!important; min-height: 170px; width: 70%!important; margin-top: 10px;}

.main {float: left !important; width: 67% !important; position: relative}
.main img {width: 100% ; height: 100% ; max-height: 195px; margin: 0}

.main > img.madeIN {width: 33%; height: auto; }
.mini {float: right !important; width: 30% !important}


/*Liste resultat*/
a.LinkPagination {font-size: 13px}

p.demande {float: right}
a.bouton_demande {padding : 7px 10px; color: white !important; font-size: 12px !important; text-decoration: none; width: 150px ; line-height: 30px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
span.fa_icon { background: none ; padding-right:10px ; font-size: 14px }

/*@media only screen  and (max-width: 767px) {
	a.bouton_demande {padding : 10px; line-height: 40px; display: inline-block; width: 30px; text-align: center; margin-right: 5px;}
}*/
.bleu_degrade { border : 1px solid #7299D6;
    background: #2253A0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#7299D6, #2253A0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7299D6, #2253A0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7299D6, #2253A0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7299D6, #2253A0); /* Standard syntax */}
	
a:hover.bleu_degrade {background: none; border : 1px solid #2253A0; color: #2253A0 !important}	

.vert_degrade { border : 1px solid #CED613;
    background: #4AAC33; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#CED613, #4AAC33); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CED613, #4AAC33); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CED613, #4AAC33); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CED613, #4AAC33); /* Standard syntax */}
	
a:hover.vert_degrade {background: none; border : 1px solid #4AAC33; color: #4AAC33 !important}	

.violet_degrade { border : 1px solid #E49CD1;
    background: #AE4391; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#E49CD1, #AE4391); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E49CD1, #AE4391); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E49CD1, #AE4391); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E49CD1, #AE4391); /* Standard syntax */}
	
a:hover.violet_degrade {background: none; border : 1px solid #AE4391; color: #AE4391 !important}	


/*TABS*/

.r-tabs .r-tabs-accordion-title .r-tabs-anchor, .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {display: none !important}

/* Liste resultat */

h1.BigH1Blue, h1.BigBlue {margin-bottom: 0 !important}
#ColCentre {padding-left:0 !important; padding-right:0 !important; width:100% !important;}
#ListeFamille {width: 99% !important; margin-left: 15px !important}

#ColLeft , #ColLeft ul {float : none !important; width : 100% !important; background : none !important; padding: 0 12px 0 4px !important; margin: 0 0 15px 0 !important; z-index: 0 !important; position: initial !important}
#ColLeft ul {display:table-cell !important}
#ColLeft ul li {display:table-row}
#ColLeft ul li h2 {width : 100% !important; clear : both !important}
#ColLeft ul li h2.TitreNavL { color: white; background-color: #E50580; font-size: 12px; padding: 5px;}


li.liste_desc {margin-bottom: 0px; padding:10px 0 0 10px !important; width: 70% !important;}
li.liste_desc p {color : rgb(34, 83, 160); font-size: 13px; text-align: justify}

a.fiche_prod { text-decoration: none; font-size: 13px; padding: 3px 7px; display: inline-table; }


@media only screen  and (max-width: 1020px) {
li.liste_desc 	{width: 99% !important;}
#ListeFamille {margin-left: 0px !important}
.item_liste_ligne {width : 97% !important; margin: 5px 0 !important;}
.r-tabs-panel {width : 93% !important}
.r-tabs .r-tabs-panel {padding : 7px !important}
#MenuNavTop #ShadowNavTop {display: none}
}

#ColLeft a.AffSearchMotor:link, #ColLeft a.AffSearchMotor:visited , #ColLeft a.AffSearchMotor:hover {position: inherit !important}

/*Fiche-Produit*/

#FilAriane {float: none}
#ColRight {padding-top: 0}


/*global responsive*/
@media only screen  and (max-width: 768px) {
.show-desktop {display : none}
}
@media only screen  and (min-width: 768px) and (max-width: 1020px) {
.hide-tablet {display : none}
}
@media only screen  and (max-width: 767px) {
.hide-phone {display : none}
}
@media only screen  and (min-width: 768px) {
.show-phone {display : none}
}
/* EOF custom */