@charset "utf-8"; 

@media screen and (min-width:775px){.pre_footer .images_avantage img{width:110px;}
	.pre_footer{ margin:0 auto; background-color:#FFF; width:100%; max-width:1200px;padding:10px; box-sizing:border-box; position:relative;table-layout: fixed; display:table; }
	.pre_footer .partie_gauche{ width:350px; display:table-cell; }
	.pre_footer .partie_droite{ display:table-cell; padding-left:10px; }
}

@media screen and (max-width:774px){.pre_footer .images_avantage img{width:110px;}
	.pre_footer{ margin:0 auto; background-color:#FFF; width:100%; box-sizing:border-box; padding:10px; }
	.pre_footer .partie_gauche{box-sizing:border-box; width:100%;}
	.pre_footer .partie_droite{box-sizing:border-box; width:100%;}
}


@media screen and (min-width:975px){ .boites{ width:350px; display:table-cell; vertical-align:top;}}
@media screen and (max-width:974px){ .boites{ display:none;}}

.boite_titre_bleue{ background-color:#009fe3; font-size:30px; line-height:50px; font-family:"futura_book"; color:#FFF; margin-bottom:10px;}

@media screen and (min-width:400px){ .boite_titre_bleue{font-size:30px;}}
@media screen and (max-width:974px){ .boite_titre_bleue{font-size:18px;}}
	
.boite_titre_bleue #titre_cat:before,.boite_titre_bleue #titre_contact:before,.boite_titre_bleue #titre_avantage:before{font-family:'FontAwesome'; color:#FFF; border-right:#FFF solid 3px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;text-align:center;width:50px;line-height:50px; float:left; margin-right:10px;}
.boite_titre_bleue #titre_cat:before{content:"\f0c9";}
.boite_titre_bleue #titre_contact:before{content:"\f1d9";}
.boite_titre_bleue #titre_avantage:before{content:"\f085";}

.categorie_conteneur{list-style-type:none;}

.categories{ line-height:1.2; background-color:#F4F4F4;border-bottom: 1px solid #FFF; width:100%; position:relative; overflow:hidden;}

.categories a{line-height:40px; padding:0px 10px; box-sizing:border-box; width:90%;font-size:18px;font-family:"futura_book"; text-transform:uppercase;color:#717171; display:block;position:relative; }

.categories_off a:hover {color:#282828;}
.categories_off a:before{content:"";width:0%; height:40px; background-color:#efefef; left:0px; top:0px; position:absolute; z-index:1;webkit-transition: width 0.2s ease-in;-moz-transition: width 0.2s ease-in; transition: width 0.2s ease-in;}
.categories_off:hover a:before{content:"";width:100%;}

.categories_on{	 background-color:#ecebec;}
.categories_on a{ font-weight:bold;}
.categories a span{display: inline-block;line-height: normal;vertical-align: middle; position:relative; z-index:2;}

.categories  .icone{ position:absolute; top:0; right:0;width:40px; height:40px;cursor:pointer;}
.categories .icone:after{content:"\f054";font-family:'FontAwesome'; color:#717171;speak:none;font-size:14px;font-style:normal;font-weight:100;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;text-align:center;width:40px;line-height:40px; float:right; position:relative; z-index:2;}

.icone_on:after{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
 

.sous_categories{ list-style-type:none; background-color:#FAFAFA;}

.sous_categories a{height:40px; line-height:40px; padding:0px 10px; box-sizing:border-box; width:100%;font-family:"futura_book"; text-transform:uppercase;color:#abaaab; display:block;border-bottom: 1px solid #FFF;}
.sous_categories a:hover{color:#717171;}

.pre_footer .images_avantage{ background-color:#f7f7f7; overflow:hidden; padding-top:20px; min-height:140px; box-sizing:border-box;}
.pre_footer .images_avantage img{ display:inline-block;}
.pre_footer #texte_contact{ background-color:#f7f7f7; padding:25px 10px 10px 10px; line-height:1.5; text-align:justify;font-family:"futura_book"; font-size:14px;min-height:140px;box-sizing:border-box;}

 @media screen and (min-width:1065px){.pre_footer .images_avantage img{width:110px;}}
 @media screen and (max-width:1064px) and (min-width:980px){.pre_footer .images_avantage img{width:95px;}}
 @media screen and (max-width:979px) and (min-width:915px){.pre_footer .images_avantage img{width:85px;}}
 @media screen and (max-width:914px) and (min-width:800px){.pre_footer .images_avantage img{width:65px;}}
 @media screen and (max-width:799px) and (min-width:775px){.pre_footer .images_avantage img{width:55px;}}