@charset "utf-8";


/*Smart Phones - less than 480px (Considering Google Nexus S and ASUS Galaxy 7 also)
Tablets – 481px to 1280px (Motorola Xoom with max 1280 resolution)
Desktops – 1281 px  and above


320px for common smartphones including iPhone at portrait orientation
480px and below for iPhones at landscape orientation and many of the HTC handsets
768px – 980px for iPad and other tablets
980px and upwards for desktop monitors
1200px and upwards for larger desktop monitors
*/


/*----------------------
résolutions écran en px
------------------------
iphone : 320 x 480

iphone 4 : 640 x 960

iphone 5 : 640 x 1136

ipad 2: 768 x 1024

ipad 3: 1536 x 2048

*/


.span12{width:100%; float:left;}

.span11{width:91.45299145299145%; float:left;}

.span10{width:82.90598290598291%; float:left;}  

.span9{width:74.35897435897436%; float:left;}

.span8{width:65.81196581196582%; float:left;}

.span7{width:57.26495726495726%; float:left;}  

.span6{width:48.717948717948715%; float:left;}

.span5{width:40.17094017094017%; float:left;}

.span4{width:31.623931623931625%; float:left;}  

.span3{width:23.076923076923077%; float:left;}

.span2{width:14.52991452991453%; float:left;}

.span1{width:5.982905982905983%; float:left;}

@media screen and (max-width:/*1024px*/1023px) {
	
	#content {
		max-width: 1020px;
		width:100%;
	 }
	 #content .working_width {
		width:95%
	 }
	 .working_width {
		max-width: 1020px;
		width:100%
	 }
	 .block_menu{width:800px;}
	 #slideshow .slide a.link_readMoreSlide{font-size:1.7rem;}
	 #slideshow .slide .description .margin{height:90px;}
	 #footer .block_menus_footer .float h2, #footer .block_menus_footer ul li a{font-size:2.3rem}
	 .widget_nos_variete .listing_varietes ul li a{font-size:1.4rem}
	 .listing_varietes ul li .pastille_couleur{margin-right:10px;}
	 /* #visitor_search_desktop{display:none;}
	 #visitor_search_mob{display:block;} */
	 
}

/*testé sur 768px*/
@media screen /*and (min-width:768px)*/ and (max-width:1023px) 
{
    .tablette{display:block !important;}
    
    .desktop, .fleche_bas, * .fleche_bas, .tablette_notDisplay{display:none !important;}

    .float_right_tablette{float:right;}
    
    .block_hover{display:none !important}
	.block_articles .article:hover .block_hover{display:none;}

	.block_articles .article:hover .img img{width:100%; height:184px; max-width:100%;}
    /*general*/
    
    body{}
    
    .working_width{width:100%/*95%*/;} /*730px sur ecran 768px*/
    
    .page_sous_categorie #main #content,.page_single #main #content, .page_contact #main #content{margin-bottom:50px;}
    
	.page_trombi #main #content,.page_search #main #content {margin-bottom:20px;}
    
    
    /* header */
    
    .navigation{width:/*450px*/61.64383561643836%;}
    .block_rightHeader{width: 79.61484593837535%/*817px*/; padding-right:2.738095238095238%/*23px*/}
    .block_menu {width: 97%; padding-left:3%;}
	.block_menu ul li {margin-right: 2%;width: 18%;}
	.block_menu ul li a{font-size:12px;padding:5px 6%}
	.header_top .margin {width: 100%;}
	.form_searchHeader {width: auto;}
	.form_searchHeader button {margin-top:0;}
	.block_menu ul li.li1,.block_menu ul li.li2{width:20%;}
	.block_menu ul li.li3{width:14%;}
	.block_menu{}
	.block_menu ul li.li5{width:57px;}

	.block_menu ul li.li6{width:45px;}
	#header .block_menu ul ul.sub-menu{top:43px;}
	#header .block_menu ul ul.sub-menu li a{/* width:auto */}
	#header .block_menu ul li.li6 ul.sub-menu{right:0;top:27px;left:auto}
	#header .block_menu ul li.li5 ul.sub-menu{right:0;left:auto}
    
    
    .block_logo{text-align:center;}
    
    .block_logo .tablette img{margin-top:21px; display:inline-block;}
    
    
    /* home */
	#slideshow .slide .img_slide  img{height:100%;}
    #slideshow .slide a.link_readMoreSlide .margin{font-size:14px;margin:0 22px 0 12px;}
	#slideshow .slide h2.title_slide {font-size: 36px;}
	#slideshow .slide .title_slide .margin {padding-top: 27px;}
	#slideshow .slide .block_description_slide {
		height: 332px;
	}
	#slideshow .slide .description {
		  font-size: 15px;
		line-height: 24px;
		margin-bottom: 0;
		width: 41.876%;
	}
	#slideshow .slide .description .margin {
		height: auto;
		width: 87.197%;
	}
	/* content home */
	#main #content{padding-left:2.5%;padding-right:2.5%;width:95%}
	.categories_produitsHome .block {margin-right: 2.5%/*20px*/; width: 48.75%/*352px*/;margin-bottom:22px;text-align:center;}
	.categories_produitsHome .block.last_product_line {margin-right: 0;}
	.categories_produitsHome .block.last {
		margin-right: 2.5%;
	}
	.categories_produitsHome .block .img img {
		width: 352px;
	}
	/*.categories_produitsHome .block{width:32%;margin-right:2%;}*/
	.categories_produitsHome .block:hover .img img{width:352px; height:auto; max-width:100%;}
	.categories_produitsHome .block .img {/* height: 300px; */}
	.categories_produitsHome .block .img img.tablette{display:inline-block !important}
	.categories_produitsHome .block.block_produitsDpt .titleProduitsDpt {text-align: left;}
	.categories_produitsHome .block.block_produitsDpt .form_choose_dpt {text-align: left;}
	.categories_produitsHome .block.block_produitsDpt {background-position:center center;}
	.tablette.notre_metier .block_txt .margin {
		text-align: left;
	}
	.innovation_metier_actualites {
		height: auto
	}
	.tablette.notre_metier .block_txt .title {
		height: auto;
		line-height: 25px;
	}
	.categories_produitsHome .block.widget_nos_variete{margin-right:2.5% !important;}
	
	.block_left_innovation_metier_actualites{width:/*342px*/48.75%;}
	.innovation_metier_actualites .row1.tablette {
		 background: /*url("../images/img_fond_tablette.jpg") no-repeat scroll center top*/ rgba(0, 0, 0, 0);
		height: 170px;
		margin-bottom: 18px;
		text-align: center;
		width: 100%;
	}
	.innovation_metier_actualites .row1.tablette img{
		height:100%;
		width: 100%;
	}
	.innovation_metier_actualites .block_innovation {
		width: 100%;
		height:174px;
	}
	.innovation_metier_actualites {
		margin-top: 0;
	}
	.innovation_metier_actualites .block_innovation .margin {
		margin: 20px auto;
		width: 85.0909%;
	}
	.innovation_metier_actualites .block_innovation .title {
		margin-bottom:7px;
		font-size:24px;
	}
	.innovation_metier_actualites .block_innovation .txt {font-size:14px;line-height:20px;}
	.innovation_metier_actualites .block_innovation .title br{
		display:none
	}
	.innovation_metier_actualites .block_metier_actus {
		width: 48.75%;
	}
	.innovation_metier_actualites .block_metier_actus .row2 {
		margin-top: 0
	}
	.innovation_metier_actualites .block_metier_actus .row2 .float{
		height: 100%;
		width: 100%;
	}
	
	/* page sous-categorie */
	.page_sous_categorie #block_sidebar_content {margin-top:0;}
	.visuel_sousCategorie img{width:100%;}
	.page_sous_categorie h1{margin:0;}
	.ul_varietes li a {font-size:1.3rem;padding:8px 11px;}
	.form_filtreSousCat span.customStyleSelectBox {font-size:1.3rem;}
	.block_variete h2 .tiret, .block_variete .h2 .tiret {width: 85%; margin-top:26px;}
	.block_variete.block_variete_printemps h2 .tiret, .block_variete.block_variete_printemps .h2 .tiret {width: 72%;}
	.categories_produitsHome .listing_varietes ul li .pastille_couleur {margin-right:13px;}
	.listing_varietes ul li .pastille_couleur {margin-right:0;}
	
	/* page categorie */
	.margin_content {width: 100%;padding-top:12px;}
	#fil_ariane{padding:0 2.5% 15px;}
	.block_articles .article .img img{width:100%;height:184px;}
	.block_articles .article {width:31%/*218PX*/;margin-right:3%;}
	#sidebar {width: 95%;padding:0 2.5%;}
	#sidebar .border_silver_3px {float:left; width:31%/*218px*/;margin-right:3.1%/*32px*/;}
	#sidebar .widget_contact {margin-right:0;}
	#sidebar .widget_nos_variete .listing_varietes {margin-top: 15px;}
	.actualites_home .title {margin-bottom: 0}
	#sidebar .widget_actualites .actu {margin-bottom:0;padding-bottom:9px;padding-top:9px;}
	#sidebar .widget_actualites .actu.last {padding-bottom: 15px;}
	#sidebar .widget_nos_variete .listing_varietes ul li.last {padding-bottom: 19px;}
    
        /*me*/
    #sidebar .widget_nos_variete .border_cotes, #sidebar .widget_actualites .border_cotes, #sidebar .widget_contact .border_cotes{height:358px; 
    overflow:hidden;}
    
    #sidebar .widget_contact .img img{max-height:120px;}
    
    #sidebar .widget_actualites .title{margin-bottom:5px;}
    
    #sidebar .actualites_home .actu h3{/*max-height:50px;*/}
    
	
	/* page contact */
	.page_contact #main #content.tablette {margin-bottom:50px;}
	.message_loi{display:none;}
	
	
	
    #product_plan, #product_plan_content{height:auto;}
    
    #product_plan_content{padding-bottom:40px;}
    
    #order_options, .order_form {float:none; margin-left:auto; margin-right:auto;}
    
    .order_form {margin-top:40px;}

    
    .steps{text-align:center;}
    
    .home_title:before, .home_title:after{width:150px;}
    
    .steps ul{display:inline-block;}
    
    .steps li{width:220px;}
    
    .steps .middle_step{margin:0 20px;}
    
    
    .caroufredsel_wrapper{margin:0 auto;}
    
    
    /* page avantages */
    
    .advantages_details{width:auto;}

    #advantages .left_section{width:49%;}
    
    #advantages .right_section{width:49%; border:none;}
    
    #advantages .nova_option{width:98%;}
    
    .nova_option_desc{overflow:visible;}
    
    .right_section .nova_option{padding-left:0;}
    
    
    /* page contact */
    
    .contact_page p{font-size:0.9em;}
    
    
    /* page espace clients */
    
    .signin .home_title {
	font-size: 18px;}
    .signin .home_title:before {
    	width: 80px;
    }
    .signin .home_title:after {
    	width: 80px;
    }
    
    
    /* page domaine disponible */
    
    .page_domaine_disponible .user_infos{float:none; margin:0 auto;}
    
    .page_domaine_disponible .payment_options{float:none; margin:30px auto 0 auto;}
    
    
    /* page espace client */

    .user_navigation li a{font-size:13px; padding:15px 13px;}
    
    .orders_table th{font-size:14px;}
    
    .orders_table td{font-size:13px;}

    .order_status{font-size:12px;}
    
    .request_button{font-size:11px;}
    
    .orders_table tr td:nth-child(5){min-width:75px;}
    
    .orders_table tr td:nth-child(5) .order_status{font-size:10px;}
    
    .orders_table tr td:nth-child(7){min-width:120px;}
    
	/* page contenu */
	#header .desktop,#footer .desktop{display:block !important}
	#footer .desktop{}
	/* footer */
	#footer {margin-top: 31px;}
	#footer .block_menus_footer{padding-left:2.5%;padding-right:2.5%;width:95%}
	#footer .block_menus_footer .float h2 {font-size: 18px;}
    #footer .block_menus_footer .float ul li a {font-size: 12px;}
	#footer .row2_footer .margin {width: 95%;}
	#footer .row2_footer .logo_footer ,#footer .row2_footer .true_menu_footer,#footer .row2_footer .form_newsletter{padding-right: 2%;}
	#footer .row2_footer .true_menu_footer ul li a {font-size: 12px;}
	#footer .row2_footer .form_newsletter {width: 35.882%;}
	#footer .row2_footer .float .title {font-size: 18px;}
	#footer .row2_footer .reseaux_sociaux {width: 18.529%;}
	#footer .reseaux_sociaux .menu_img li {width: 30px;}
	#footer .row2_footer .float {margin-right: 2%;}
    
    
    
    /* landing page */
    
    #landingPageMultisite{position:relative; min-height:100%; height:auto; padding:2% 0;}
    
    .nav_landing{width:760px;}
    
    .logo_landing{width:180px;}
    
    .bloc_fields_landing{width:580px}
	
    .bloc_fields_landing .margin{margin-left:10px;}
    
    .bloc_fields_landing .block{margin-right:10px;}
    
    .bloc_fields_landing .block_submit_landing{margin-top:0px; float:none; display:block; text-align:right; }
    
    .bloc_fields_landing .block_submit_landing button{margin-right:22px;}
}



/* */
@media screen and (min-width:577px) and (max-width:768px) 
{

}




/*tablettes moins de 768px */
@media screen and (min-width:577px) and (max-width:767px) 
{
    
    
}