/* Table of Contents
==================================================
	#General | < 480
	#Mobile (Portrait) |  480 - 768
	#Mobile (Landscape)	|  768 - 992
	#Tablet (Portrait) | 992 -1200
	#Ordinateur | > 1200
	#Clearing */


/************** Global Structure *****************/

html { 
	margin:0;
	padding:0;
	background-color: rgba(255,255,255,1);
	/*background: url(/requis/navig/home_sans.jpg) no-repeat center fixed; */
	/*-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	/*background-size: cover; /* version standardisée */
      scroll-behavior: smooth;
}
body { 
	margin:0;
	padding:0;
	height: 100vh;
	/*margin-top: 10vh;*/
	background-color: rgba(120,120,120,0);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 14px;
    color:rgba(0,0,0,0.7);
}
a { 
    text-decoration: none;
}
#content{
	position: relative;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: rgba(204,255,0,0);
    text-align: center;
}
#entete{
	position: relative;
	display: block;
	width: 100%;
	margin:0;
	padding:0;
	background-color: rgba(255,255,255,1);
    min-height: 80px;
    border-bottom: rgba(0,0,0,0.4) thin solid;
    z-index: 999;
    overflow: hidden;
}
#slider{
	position: relative;
	display: block;
	width: 100%;
	margin:0;
	padding:0;
	background-color: rgba(204,0,0,1);
    overflow: hidden;
}
#menu{
	position: relative;
	display: block;
	width: 100%;
	margin:0;
	padding:0;
	background-color: rgba(0,255,0,1);
    z-index: 998;
    /*overflow: hidden;*/
}
#promo{
    background-color: rgba(126,157,16,1.00);
    color: rgba(255,255,255,1.00);
    padding-top: 10px;
    padding-bottom: 14px;
    border-top: rgba(255,255,255,0.6) thin solid;
    border-bottom: rgba(21,51,17,0.60) thin solid;
    overflow: hidden;
}
.layout{
	position: relative;
	display: block;
	width: 100%;
    max-width: 440px; /*980px;*/
	margin:0;
	padding:0;
	background-color: rgba(245,0,239,0);
    margin-left: auto;
    margin-right: auto;
}
.padding_smart{
    padding-left: 10px;
    padding-right: 10px;
}
#marques{
    background-color: rgba(147,183,184,0.20);
    /*color: rgba(255,255,255,1.00);*/
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}
#pub{
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}
#finserie{
    background-color: rgba(147,183,184,0.20);
    /*color: rgba(255,255,255,1.00);*/
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}
#article{
    padding-top: 40px;
    padding-bottom: 40px;
}
#news{
    background-color: rgba(147,183,184,0.20);
    /*color: rgba(255,255,255,1.00);*/
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}
#back{
    background-color: rgba(23,59,66,1.00);
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}
.back_titre{ color:rgba(255,255,255,1.00);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 18px;
    margin-bottom: 20px;
}
.back_texte{ 
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 14px;
    color:rgba(255,255,255,1.00); 
    line-height: 24px;
    padding-bottom: 20px;
}
.back_texte a{ 
    color: rgba(255,255,255,1.00);
}
#services{
    background-color: rgba(14,18,23,1.00);
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}
.service_logo{
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-bottom: 10px;
}
.service_titre{ 
    color:rgba(255,255,255,1.00);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 18px;
}
.service_texte{ 
    color:rgba(255,255,255,1.00);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 12px;

}
.service_texte a{ 
    color: rgba(255,255,255,1.00);
}
.service_bloc{
    min-height: 50px;
    text-align: center center;
    padding-bottom: 10px;
    padding-top: 10px;
}
.service_bloc:hover{
    background-color: rgba(255,0,4,0.5);
}
.service_bloc_vide{
    min-height: 50px;
    text-align: center center;
    padding-bottom: 10px;
    padding-top: 10px;
}
.service_bloc_vide:hover{
}
#footer{
	position: relative;
	width: 100%;
	display: block;
	/*bottom: 0px;*/
	background-color:rgba(8,29,38,1.00);
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}
.foot_titre{
   color:rgba(255,255,255,1.00); 
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 18px;
}
.foot_texte{
    color:rgba(255,255,255,1.00); 
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 12px;
}
.foot_texte a{
    color: rgba(255,255,255,1.00);
}
#contact{
    background-color:rgba(123,123,150,0.4);
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}
.contact_titre{
   color:rgba(0,0,0,0.5);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 24px;
    margin-bottom: 20px;
}
.contact_texte{
    color:rgba(0,0,0,0.5); 
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 14px;
    margin-bottom: 20px;
}
.contact_texte a{
    color: rgba(0,0,0,0.5);
}
.article_titre{
	position: relative;
	display: block;
	width: 100%;
	margin:0;
	padding:0;
    /*padding-left: 10px;*/
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 24px;
    color:rgba(0,0,0,0.7);
    margin-bottom: 20px;
}
.article_soustitre{
	position: relative;
	display: block;
	width: 100%;
	margin:0;
	padding:0;
    /*padding-left: 10px;*/
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 20px;
    color:rgba(0,0,0,0.5);
    margin-bottom: 20px;
}
.article_texte{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 14px;
    color:rgba(0,0,0,0.7);
    line-height: 22px;
    margin-bottom: 20px;
    padding-left: 10px;
}
.article_image_gauche{
    padding-right: 20px;
}
.article{
	position: relative;
	display: block;
	height: auto;
	width: 100%;
	margin:0;
	padding:0;
    padding-left: 0px; /*10px;*/
    padding-right: 0px; /*10px;*/
	color: rgba(0, 0, 0, 1);
	background-color: rgba(255,255,255,0);
}
.larticle{
    padding: 10px;
}
.article_sans{
	position: relative;
	display: block;
	height: auto;
	width: 100%;
	margin:0;
	padding:0;
    padding-left: 0px;
    padding-right: 0px;
	color: rgba(0, 0, 0, 1);
	background-color: rgba(255,255,255,0);
}
.bouton_article{
    margin-top: 20px;
    display: block;
    position: relative;
    background-color: rgba(255,255,255,1);
    color: rgba(0,0,0,0.4);
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 18px;
    text-align: center;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    min-height: 28px;
    padding-top: 4px;
    padding-right: 20px;
    padding-left: 20px;
    border: thin solid rgba(0,0,0,0.5);
    max-width: 120px;
}
.bouton_article:hover{
    background-color: rgba(255,0,0,1);
    color: rgba(255,255,255,1.00);
    border: thin solid rgba(0,0,0,0.2);
}
.bouton_center{
    margin-top: 20px;
    display: block;
    position: relative;
    background-color: rgba(255,255,255,1);
    color: rgba(0,0,0,0.4);
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 18px;
    text-align: center;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    min-height: 28px;
    padding-top: 4px;
    padding-right: 20px;
    padding-left: 20px;
    border: thin solid rgba(0,0,0,0.5);
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
}
.bouton_center:hover{
    background-color: rgba(255,0,0,1);
    color: rgba(255,255,255,1.00);
    border: thin solid rgba(0,0,0,0.2);
}
.bouton_retour{
    margin-top: 20px;
    display: block;
    background-color: rgba(255,255,255,1);
    color: rgba(0,0,0,0.4);
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 18px;
    text-align: center;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    min-height: 28px;
    padding-top: 4px;
    padding-right: 20px;
    padding-left: 20px;
    border: thin solid rgba(0,0,0,0.5);
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
}
.bouton_retour:hover{
    background-color: rgba(255,0,0,1);
    color: rgba(255,255,255,1.00);
    border: thin solid rgba(0,0,0,0.2);
}
.souligne{
    border-bottom: rgba(0,0,0,0.4) thin solid;
}

.menu_bas{
    padding: 4px;
}
.menu_bas:hover{
    background-color: rgba(0,0,0,0.40);
}

.h40{
    display: block;
    color: rgba(0,0,0,0.4);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 18px;
    text-align: center;
    padding: 4px;
    height: 40px;
    line-height: 40px;
}

.bloc12,
.bloc11,
.bloc10,
.bloc9,
.bloc8,
.bloc7,
.bloc6,
.bloc5,
.bloc4,
.bloc3,
.bloc2,
.bloc1,
.bloc50{
	display: block;
	margin:0;
	padding:0;
	float: left;
	background-color: rgba(122,0,123,0);
}
.blocimage{
    display: block;
    top:0px;
    right:0px;
    position: absolute;
    width:80px;
    background-color: rgba(0,0,0,0);
}
.blocmenuright{
    display: block;
	margin:0;
	padding:0;
	float:none;
	background-color: rgba(122,0,123,0);
    width: 40%;
}
.blocmenuleft{
	margin-left:40%;
	padding:0;
	float:none;
	background-color: rgba(255,255,255,1);
    position: absolute;
    top: 0px;
    width: 60%;
}
.sm{
    display: none;
}
.bloc12{width: 100%;}
.bloc11{width: 100%;}
.bloc10{width: 100%;}
.bloc9{width: 100%;}
.bloc8{width: 100%;}
.bloc7{width: 100%;}
.bloc6{width: 100%;}
.bloc5{width: 100%;}
.bloc50{width: 100%;}
.bloc4{width: 100%;}
.bloc3{width: 50%;}
.bloc2{width: 25%;}
.bloc1{width: 25%;}

.clear{clear: both;}

.left{ text-align: left; margin-left: 0px; }
.right{ text-align: right; }
.blanc{ color:rgba(255,255,255,1.00); }

.logogauche{
    position: relative;
    display: block;
	margin:0;
	padding:0;
    height: 80px;
    width: 248px;
    background-image: url("../../requis/navig/logo_proshop.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}
#categories{
    padding-top: 40px;
    padding-bottom: 40px;
}
.categorie{
    border: rgba(64,63,63,0.5) thin solid;
    margin: 10px;
    min-height: 80px;
    position: relative;
    text-align: center center;
    opacity: 0.4;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
}
.categorie:hover{
    opacity: 1;
    /*background-color: rgba(0,0,0,0.2);*/
}
.over{
    background-color: rgba(255,0,4,0);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}
.over:hover{
    background-color: rgba(93,189,58,0.40);
}
.image_categorie{
    min-height: 80px;
    width: 100%; /*40%;*/
    float: left;
    background-color: rgba(177,10,12,0);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.texte_categorie{
    min-height: 80px;
    width: 100%; /*60*/
    float: left;
    text-align: left center;
    color: rgba(0,0,0,0.6);
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    vertical-align: middle;
}

.news{
    border: rgba(64,63,63,0.4) thin solid;
    position: relative;
    margin: 10px;
    min-height: 224px;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
    background-color: rgba(177,10,12,0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: right;
}
.titre_news{
    margin-top: 20px;
    /*margin-left: 40%;*/
    padding-right: 20px;
    background-color: rgba(0,255,57,0);
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 24px;
}
.stitre_news{
    margin-left: 40%;
    padding-right: 20px;
    background-color: rgba(233,255,57,0);
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 18px;
}
.rem_news{
    margin-left: 40%;
    padding-right: 20px;
    background-color: rgba(0,255,244,0);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 18px;
}
.bouton_news{
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: rgba(0,0,0,1);
    color: rgba(255,255,255,1.00);
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 18px;
    text-align: center;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    min-height: 36px;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
}
.bouton_news:hover{
    background-color: rgba(255,0,0,1);
    color: rgba(255,255,255,1.00);
}


.pubs{
    border: rgba(64,63,63,0.4) thin solid;
    position: relative;
    margin: 10px;
    min-height: 320px;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
    background-color: rgba(177,10,12,0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: right;
}
.pubs_petit{
    border: rgba(64,63,63,0.4) thin solid;
    position: relative;
    margin: 10px;
    min-height: 135px;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
    background-color: rgba(177,10,12,0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: right;
}
.titre_pubs{
    margin-top: 20px;
    margin-left: 40%;
    /*padding-top: 20px;*/
    padding-right: 20px;
    background-color: rgba(0,255,57,0);
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 24px;
}
.titre_pubs_petit{
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    text-align: right;
    margin-top: 6px;
    padding-right: 6px;
}
.stitre_pubs{
    margin-left: 40%;
    padding-right: 20px;
    padding-top: 12px;
    background-color: rgba(233,255,57,0);
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 18px;
}
.stitre_pubs_petit{
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    text-align: right;
    margin-top: 6px;
    padding-right: 6px;
}
.rem_pubs{
    margin-left: 40%;
    padding-right: 20px;
    padding-top: 8px;
    background-color: rgba(0,255,244,0);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 18px;
}
.rem_pubs_petit{
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    text-align: right;
    margin-top: 6px;
    padding-right: 6px;
}
.bouton_pubs{
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: rgba(0,0,0,1);
    color: rgba(255,255,255,1.00);
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 18px;
    text-align: center;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    min-height: 36px;
    padding-top: 12px;
    padding-right: 30px;
    padding-left: 30px;
    border: thin solid rgba(255,255,255,0.5);
}
.bouton_pubs:hover{
    background-color: rgba(255,0,0,1);
    color: rgba(255,255,255,1.00);
}

.bouton_pubs_petit{
    display: block;
    position: absolute;
    bottom: 10px;
    right: 6px;
    background-color: rgba(0,0,0,1);
    color: rgba(255,255,255,1.00);
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 18px;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-height: 16px;
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    border: thin solid rgba(255,255,255,0.5);
}
.bouton_pubs_petit:hover{
    background-color: rgba(255,0,0,1);
    color: rgba(255,255,255,1.00);
}
.black{ color:rgba(0,0,0,1.00); }
.white{ color:rgba(255,255,255,1.00); }
.red{ color:rgba(255,0,0,1.00); }

.noir{ color:rgba(0,0,0,1.00); }
.blanc{ color:rgba(255,255,255,1.00); }
.rouge{ color:rgba(255,0,0,1.00); }

.marque{
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 40px;
    background-color: rgba(255,255,255,1);
    background-position: center center;
    background-origin: content-box;
    padding: 4px;
    /*margin-right: 4px;
    margin-left: 4px;*/
    border: rgba(0,0,0,0.6) thin solid;
    opacity: 1; /*0.6;*/
}
.slogan{
    z-index: 99999;
}
.bloc_slogan h1{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 48px;
    color: rgba(255,255,255,1.00);
}

.fondblanc{
    background-color: rgba(255,255,255,1.00);
}

 .bt_admin{
     margin-bottom: 40px;
     background-color:rgba(187,200,234,1.00);
     color:rgba(0,0,0,1.00);
     font-size: 24px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     padding-left: 20px;
     padding-right: 20px;
}
.bt_admin:hover{
    background-color: rgba(255,0,4,1.00);
    color: rgba(255,255,255,1.00);
    cursor: pointer;
}
.bt_admin_petit{
     margin-bottom: 0px;
     background-color:rgba(187,200,234,1.00);
     color:rgba(0,0,0,1.00);
     font-size: 14px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
     padding-left: 10px;
     padding-right: 10px;
}
.bt_admin_petit:hover{
    background-color: rgba(255,0,4,1.00);
    color: rgba(255,255,255,1.00);
    cursor: pointer;
}

.fond_blanc{
    background-color:rgba(255,255,255,0.6);
}
.fond_noir{
    background-color:rgba(0,0,0,0.6);
}

.nophone{
    display: none;
}
.phone_padd{
    padding-left: 10px;
}

/************** 480px *****************/

@media(min-width:480px){
    
.padding_smart{
    padding-left: 10px;
    padding-right: 10px;
}
.bloc12{width: 100%;}
.bloc11{width: 91.666666666666667%;}
.bloc10{width: 83.333333333333333%;}
.bloc9{width: 75%;}
.bloc8{width: 66.666666666666667%;}
.bloc7{width: 58.333333333333333%;}
.bloc6{width: 50%;}
.bloc5{width: 41.666666666666667%;}
.bloc50{width: 100%;}
.bloc4{width: 33.333333333333333%;}
.bloc3{width: 50%;}
.bloc2{width: 25%;}
.bloc1{width: 25%;}
.image_categorie{ width: 100%; }
.texte_categorie{ width: 100%; }   
    
.layout{
	position: relative;
	display: block;
	width: 100%;
    max-width: 460px;
	margin:0;
	padding:0;
	background-color: rgba(245,0,239,0);
    margin-left: auto;
    margin-right: auto;
}
.nophone{
    display: none;
}  
.phone_padd{
    padding-left: 10px;
}
}

/************** 480px *****************/


/************** 768px *****************/

@media(min-width:768px){
.padding_smart{
    padding-left: 0px;
    padding-right: 0px;
}
.bloc12{width: 100%;}
.bloc11{width: 91.666666666666667%;}
.bloc10{width: 83.333333333333333%;}
.bloc9{width: 75%;}
.bloc8{width: 66.666666666666667%;}
.bloc7{width: 58.333333333333333%;}
.bloc6{width: 50%;}
.bloc5{width: 41.666666666666667%;}
.bloc50{width: 50%;}
.bloc4{width: 33.333333333333333%;}
.bloc3{width: 50%;}
.bloc2{width: 25%;}
.bloc1{width: 25%;}
.image_categorie{ width: 100%; }
.texte_categorie{ width: 100%; }    
    
.blocmenuright{
    display: block;
	margin:0;
	padding:0;
	float: left;
	background-color: rgba(122,0,123,0);
    width: 20%;
}
.blocmenuleft{
	margin-left:20%;
	padding:0;
	float: left;
	background-color: rgba(255,255,255,1);
    position: absolute;
    top: 0px;
    width: 80%;
}
    
    .layout{
	position: relative;
	display: block;
	width: 100%;
    max-width: 740px;
	margin:0;
	padding:0;
	background-color: rgba(245,0,239,0);
    margin-left: auto;
    margin-right: auto;
}
.nophone{
    display: block;
}
.phone_padd{
    padding-left: 0px;
}
}

/************** 768px *****************/



/************** 992px *****************/

@media(min-width:992px){
.padding_smart{
    padding-left: 0px;
    padding-right: 0px;
}
.bloc12{width: 100%;}
.bloc11{width: 91.666666666666667%;}
.bloc10{width: 83.333333333333333%;}
.bloc9{width: 75%;}
.bloc8{width: 66.666666666666667%;}
.bloc7{width: 58.333333333333333%;}
.bloc6{width: 50%;}
.bloc5{width: 41.666666666666667%;}
    .bloc50{width: 50%;}

.bloc4{width: 33.333333333333333%;}
.bloc3{width: 25%;}
.bloc2{width: 16.666666666666667%;}
.bloc1{width: 8.333333333333333%;}
.image_categorie{ width: 40%; }
.texte_categorie{ width: 60%; }   
    
    .blocmenuright{
    display: block;
	margin:0;
	padding:0;
	float: left;
	background-color: rgba(122,0,123,0);
    width: 20%;
}
.blocmenuleft{
	margin-left:20%;
	padding:0;
	float: left;
	background-color: rgba(255,255,255,1);
    position: absolute;
    top: 0px;
    width: 80%;
}
    
.layout{
	position: relative;
	display: block;
	width: 100%;
    max-width: 940px;
	margin:0;
	padding:0;
	background-color: rgba(245,0,239,0);
    margin-left: auto;
    margin-right: auto;
}
.nophone{
    display: block;
}    
.phone_padd{
    padding-left: 0px;
}
}
/************** 992px *****************/



/************** 1200px *****************/

@media(min-width:1200px){
.padding_smart{
    padding-left: 0px;
    padding-right: 0px;
}
.bloc12{width: 100%;}
.bloc11{width: 91.666666666666667%;}
.bloc10{width: 83.333333333333333%;}
.bloc9{width: 75%;}
.bloc8{width: 66.666666666666667%;}
.bloc7{width: 58.333333333333333%;}
.bloc6{width: 50%;}
.bloc5{width: 41.666666666666667%;}
    .bloc50{width: 50%;}

.bloc4{width: 33.333333333333333%;}
.bloc3{width: 25%;}
.bloc2{width: 16.666666666666667%;}
.bloc1{width: 8.333333333333333%;}
.image_categorie{ width: 40%; }
.texte_categorie{ width: 60%; }   
    
    .blocmenuright{
    display: block;
	margin:0;
	padding:0;
	float: left;
	background-color: rgba(122,0,123,0);
    width: 20%;
}
.blocmenuleft{
	margin-left:20%;
	padding:0;
	float: left;
	background-color: rgba(255,255,255,1);
    position: absolute;
    top: 0px;
    width: 80%;
}

    .layout{
	position: relative;
	display: block;
	width: 100%;
    max-width: 1200px;
	margin:0;
	padding:0;
	background-color: rgba(245,0,239,0);
    margin-left: auto;
    margin-right: auto;
}
 .nophone{
    display: block;
}   
.phone_padd{
    padding-left: 0px;
}
}

/************** 1200px *****************/