/*border: 1px solid #ff0000; */
#super_haut {width: 100%;}
#logo img {width:200px;}
	
/*
menu
*/
#menu_horiz {width:100%;min-height:50px;border-left:0px;background:#2A2A2A;}
#cssmenu {width:100%;}
#cssmenu ul {width: 100%;display: none;}
#cssmenu li {width:100%;float: none;text-align:left;border-bottom:1px solid #333333;}
#cssmenu.align-center > ul {text-align: left;}
#cssmenu ul li {width: 100%;}
#cssmenu ul ul li {
background:#f3f3f3;
}
#cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto;}
#cssmenu ul li,ul ul li {border-bottom:1px solid #333333;}
#cssmenu ul {border-top:1px solid #333333;}
#cssmenu ul li a,#cssmenu ul ul li a {width: 100%;}
#cssmenu ul li {text-indent:20px;}
#cssmenu ul ul li {text-indent:40px;}


#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display: none;}
#cssmenu #menu-button {display: block;padding: 0px;margin-left:0px;color: #333333;cursor: pointer;font-size: 12px;text-transform: uppercase;font-weight: 700;content: '';}
#cssmenu #menu-button:after {position: absolute;top: 22px;right: 17px;display: block;height: 4px;width: 20px;border-top: 2px solid #333333;border-bottom: 2px solid #333333;content: '';}
#cssmenu #menu-button:before {position: absolute;top: 16px;right: 17px;display: block;height: 2px;width: 20px;background: #333333;content: '';}
#cssmenu #menu-button.menu-opened:after {top: 23px;border: 0;height: 2px;width: 15px;background: #333333;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#cssmenu #menu-button.menu-opened:before {top: 23px;background: #333333;width: 15px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#cssmenu .submenu-button {background: #333333;position: absolute;z-index: 99;right: 0;top: 0;display: block;border: 1px solid #2A2A2A;height: 48px;width: 48px;cursor: pointer;}
#cssmenu .submenu-button.submenu-opened {background: #333333;}
#cssmenu .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;display: block;background: #ffffff;content: '';}
#cssmenu .submenu-button.submenu-opened:after {background: #ffffff;}
#cssmenu .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;background: #ffffff;content: '';}
#cssmenu .submenu-button.submenu-opened:before {display: none;}
#cssmenu li .pp_rub { display:block;}
#cssmenu li li {min-height:45px;line-height:45px;}
/*
/* -----------------------------------------------------rayons */

#cssmenu ul li.rayon_sol{text-indent:50px;background:#f3f3f3 url("../images/rayon_sol_50.png") no-repeat;}
#cssmenu ul ul li.rayon_sol:hover > a,#cssmenu ul ul li.rayon_sol a:hover {color: #ffffff;background:#333333 url("../images/rayon_sol_50.png") no-repeat;}

#cssmenu li.rayon_mur{text-indent:50px;background:#f3f3f3 url("../images/rayon_mur_50.png") no-repeat;}
#cssmenu ul ul li.rayon_mur:hover > a,#cssmenu ul ul li.rayon_mur a:hover {color: #ffffff;background:#333333 url("../images/rayon_mur_50.png") no-repeat;}

#cssmenu li.rayon_rideaux{text-indent:50px;background:#f3f3f3 url("../images/rayon_rideaux_50.png") no-repeat;}
#cssmenu ul ul li.rayon_rideaux:hover > a,#cssmenu ul ul li.rayon_rideaux a:hover {color: #ffffff;background:#333333 url("../images/rayon_rideaux_50.png") no-repeat;}

#cssmenu li.rayon_peinture{text-indent:50px;background:#f3f3f3 url("../images/rayon_peinture_50.png") no-repeat;}
#cssmenu ul ul li.rayon_peinture:hover > a,#cssmenu ul ul li.rayon_peinture a:hover {color: #ffffff;background:#333333 url("../images/rayon_peinture_50.png") no-repeat;}

*/
/*
menu
*/

#container_slider{width: 100%;}
.flexslider {width: 100%;}

#int_cont {width:100%;}
#int_cont_m{width:100%}
#texte_int_cont {padding:10px;}


.bloc_rayons_acc{width:94%;height:230px;}

.col_pied_1 {width:100%;float:left;}
.col_pied_2 {width:100%;float:left;}
.col_pied_3 {width:100%;float:left;}

#cont_pied {width: 100%;}
#cont_signature {width: 100%;}

#titre_page{background: #F6F6F4 url("../images/tt_titre.png") no-repeat 5px center;}

#menu_d{display:none;}

.modele {height: 340px;width: 94%;}
.img_ph  {max-height:300px;max-width:450px;width:450px;height:300px;text-align:center;display: table-cell;vertical-align: middle;}
.img_ph  img {max-height:300px;max-width:450px;}

#photo_cadre {width:100%;text-align:center;min-height: 200px;}
#photo_cadre img{max-width:480px; max-height:413px;}
#donnees_modele{width:100%;}

/*CONTACTS*/
#bloc_contact{font-size:14px;}
#titre_bloc_contact{max-width:45%;  overflow: hidden;
  text-overflow: ellipsis; }
#input_bloc_contact{max-width:55%;}
.input_bloc_contact{width:100%;}
.textarea_bloc_contact{width:100%;}
.select_bloc_contact{width:100%;}
#input_bloc_captcha{width: 120px;text-align:center;}
.input_bloc_captcha{width: 143px;}
/*CONTACTS*/
#cont_page_actualites  li{width:94%;}
#ph_actu_bloc_pag img{max-width:200px;max-height:150px;}

/*------------------------slider slick--------------------------------*/
.slick-prev {left: -20px;}
.slick-next {right: -20px;}
/*------------------------slider slick--------------------------------*/
