body { font-family:"Comfortaa";font-size: 15px;} a:hover{background-color: transparent;} a , p ,span, h1 h2,h3,h4,h5,h6,tr,td{font-family: "Comfortaa"} body,html{ height: 100%!important;} /************************** FOOTER *********************************************/ #footer-bottom{color: #fff;height:20px;line-height:25px;font-size:10px;} #conception_footer{float:right;} #conception_footer a{color:fff} #footer-bottom .container{color:#fff;background-color:#d12229;line-height:25px} /* ************************* head-top-bar *******************************************/ /* ************************* Head Top *******************************************/ #head-top{} #head-top p{margin-bottom: 0px;} /*#head-top .search .contour{background-color: #fff; border: solid 1px #c6c6c6;}*/ #head-top .container>div{float: right;margin-left: 10px;} #head-top {float: none;box-shadow: 0 0 10px rgba(0,0,0,0.5)} #head-top ul{} #head-top ul li{float: left;} #head-top .top ul li a{padding: 0 2px; color: #fff !important; text-decoration: none } #head-top ul li a{padding: 0 2px; color: #fff !important;} #head-top ul li a img{ background: #FFF;border-radius: 2px;height: 26px; } #head-top .head-menu .mod-languages{float: left; margin-top: 4px;} #head-top .head-menu .mod-languages form{color: #0D47A1; font-size: 12px; font-weight: bold; margin-bottom: 0px;} #head-top .head-menu .social-network .container .moduletable ul li a img {background: #FFF;border-radius: 2px;} #head-top .head-menu .social-network .container .moduletable ul li a{font-size: 17px; padding: 3px 2px; color: #fff; font-weight: bold;} /* ************************* Head bottom *******************************************/ /* ************************* Slider *******************************************/ #slide{position: relative;overflow: hidden;} #slide .djslider-loader{margin: 0 !important} #slide .navigation-container{width: 92%;top: 53% !important;right: 4%;left: 4%;} /************************** Contenu page acceuil ********************************************/ /*--------------HEAD TOP--------------------*/ #head-top .top>div{float: left;} #head-top{position: absolute;z-index: 100; background-color: #cb1518;color: #fff;right: 60px;} #head-top .top{position: relative; padding: 6px 10px;font-size: 15px;overflow: auto;} #head-top .top span{ margin-right: 18px;line-height: 21px;} #head-top .top li img{width: 10px;} #head-top .search { } #head-top .search form{ margin-bottom: 0px; border-radius: 3px;margin-right: 6px;} #head-top .search input.inputbox{border: none;background-color: transparent;display: inline;width: 0px;transition: width 300ms;} #head-top .search:hover input.inputbox,#head-top .search input.inputbox:focus{transition: width 500ms; width: 150px;background-color: #fff;} #head-top .search input.button{ padding-top: 3px;} #head-top .search a{} /*menu acceuil*/ #head-bottom .main-menu.acc {position:fixed;left:5px;top:42px;z-index: 100;transition: width 500ms;} #head-bottom .main-menu.acc ul{background-color: #333333;} #head-bottom .main-menu.acc ul:hover{} #head-bottom .main-menu.acc ul:hover li span{} #head-bottom .main-menu.acc ul li:first-child{height: 90px;background-color: #fff;} #head-bottom .main-menu.acc ul li:first-child span{color: #cb1518;font-weight: bold;padding-top: 6px;} #head-bottom .main-menu.acc ul li:first-child a{height: 90px;padding-top: 29px;} #head-bottom .main-menu.acc ul li:first-child a:hover{background-color: #fff;} #head-bottom .main-menu.acc ul li:after{content: " ";position: absolute;display: block;width: 100%;height: 1px;bottom: 0px;background-color: rgba(255,255,255,0.2);border-radius: 100%;} #head-bottom .main-menu.acc ul li{overflow: auto;display: block;position: relative;} #head-bottom .main-menu.acc ul li a{display: block;color: #fff;padding: 10px 7px;overflow: auto;} #head-bottom .main-menu.acc ul li a:hover{background-color: #cb1518} #head-bottom .main-menu.acc ul li a div.image{display: block;width: 32px;float: left;} #head-bottom .main-menu.acc ul li div img{display: block;width: 100%;} #head-bottom .main-menu.acc ul li div.title{display: block; float: left;width:0px;transition: width 500ms;overflow: hidden;} #head-bottom .main-menu.acc ul:hover li div.title{display: block; float: left;width:110px;transition: width 500ms;} #head-bottom .main-menu.acc ul li span{display: block; margin-left: 14px;line-height: 19px;width: 100px;font-size: 16px;} .home{background-image: url(../images/bg.png);background-repeat: no-repeat;background-size: 100% 100%;} #propos{min-height: 100%;} #content .container-fluid{/*padding-left: 156px;padding-right: 156px;*/ padding-left: 99px; padding-right: 99px;} .home .line1{} .home .line1>div{padding: 60px 0px;} .home .line1 h3{position: relative; text-transform: uppercase;text-transform: uppercase;margin: 0px 0px 30px 0px;font-size: 30px;font-weight: bold;} .home .line1 .col1 { color: #333; font-size: 21px; line-height: 40px; text-align: justify; } .home .line1 .col1 >div{ padding-right: 30px; } // .home .line1 .col1 h3:after{content: " ";position: absolute;display: block;width: 34%;height: 27px;top: 0px;background-color: #cb1518;right: 0;} .home .line1 .col1 p{ margin-bottom: 25px; display: block; line-height: 30px; font-size: 16px; } .home .line1 .col2{ color: #fff;background-repeat: no-repeat;background-color: #d12229; margin-bottom: 80px;width:359px; height: 270px; } .home .line1 .col2:after{} .home .line1 .col2 h3{ margin: 30px 10px 10px 10px;font-size: 20px;} .home .line1 .col2 ul{ padding: 10px 15px 6px 20px;list-style-type: square;} .home .line1 .col2 li{line-height: 28px;font-size: 14px} .home .line1 .col2 .moduletable{position: relative;} .home .line1 .col2:after{display: block;background-image: url(../images/bg-apropos.png);background-size: 100% 100%;background-clip: content-box;height: 80px;width:375px;content: " ";bottom: -80px;position: absolute;right: -1px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } #confiance{min-height: 100%;} .home .line2>div{padding: 60px 0px;} .home .line2{ background-image: url(../images/seat_paralexe.jpg);background-size: cover;background-attachment: fixed;} .home .line2 h3{color: #fff;text-align: center; margin-bottom: 35px;position: relative;font-size: 31px;} .home .line2 h3:after{content: " ";position: absolute;display: block;width: 29%;height: 14px;top: 10px;background-color: #333;right: 0;} .home .line2 h3:before{content: " ";position: absolute;display: block;width: 29%;height: 14px;top: 10px;background-color: #333;left: 0;} /* ************************* Contenu page Interne *******************************************/ /*MENU INNER*/ #head-bottom{background-color: #fff;} #head-bottom{position: fixed; width: 100%;z-index: 101;} #head-bottom .inner-page{padding-top: 20px; padding-bottom: 20px;} #head-bottom .logo img{ width: 100%;} #head-bottom .main-menu.inner{margin-top: 19px;} #head-bottom .main-menu.inner ul{display: none;} #head-bottom .main-menu.inner.open ul{display: block;} #head-bottom .main-menu.inner ul:hover{} #head-bottom .main-menu.inner ul:hover li span{} #head-bottom .main-menu.inner ul li:first-child{display: none;} #head-bottom .main-menu.inner ul li:after{content: " ";position: absolute;display: block;width: 1px;height: 8px;top: 17px; right: 0px;background-color: rgba(0,0,0,0.5);} #head-bottom .main-menu.inner ul li:last-child:after{width: 0;} #head-bottom .main-menu.inner ul li{float: left;position: relative;} #head-bottom .main-menu.inner ul li a{color: #000;text-transform: uppercase;padding: 10px 11px;} #head-bottom .main-menu.inner ul li.active a,#head-bottom .main-menu.inner ul li a:hover{color: #cb1518;background-color: transparent;} #head-bottom .main-menu.inner ul li a:hover{} #head-bottom .main-menu.inner ul li div{} #head-bottom .main-menu.inner ul li div img{display: none;} #head-bottom .main-menu.inner ul li span{display: block;} #head-bottom .menu-icon{margin-top: 19px;} #head-bottom .menu-icon{float: right;} /*-----------------*/ #content .navigation{margin-top: 20px;} #content .inner{color: #333;background-color: #f2f2f2;padding-top: 120px;} #content .inner .row>div{} #content .inner .div-right{min-height: 600px;} #content .inner .div-right .item-page .page-header{margin: 0; border-bottom: 0px solid #eee;} #content .inner .div-right .item-page .page-header h1{display: none;} #content .inner .div-right .item-page .page-header h2{margin:0px;padding:22px 11px; text-transform: uppercase; font-size: 19px;color: #333333;text-align: center;} #content {} #content .inner .div-left {margin-top: 85px;} #content .inner .div-left .telephone-menu{overflow: auto;margin: 20px 0px;} #content .inner .div-left .telephone-menu span{background-image: url(../images/menu.png);height: 31px;width: 31px;display: block;} #content .inner .div-left h3{padding-left: 15px;} #content .inner .div-left .menu{} #content .inner .div-left .menu>li{border: solid 1px #fff;margin-bottom: 10px;} #content .inner .div-left .menu li:hover{background-color: #cb1518;transition: 500ms;} #content .inner .div-left .menu li:hover a{color: #fff;} #content .inner .div-left .menu li.active{background-color: #cb1518;color: #fff;} #content .inner .div-left .menu li.active a{color: #fff;} #content .inner .div-left .menu li a{color: #333333; text-decoration: none} #content .inner .div-left .menu li a:hover{background-color: transparent;} #content .inner .div-left .menu li ul{list-style: none; padding: 0px; background-color: #cccccc;} #content .inner .div-left .menu li ul li{margin-bottom: 0px; background-color: transparent;} #content .inner .div-left .menu li ul li.active a{color: #0D47A1;} #content .inner .div-left .menu li ul li a{text-transform: capitalize;font-size: 10pt;display: block; padding: 10px 15px;background-color: transparent;} #content .inner .div-left .menu li ul li ul{padding-left: 15px;background-color: #f2f2f2;} #content .inner .div-left .menu li ul li ul{} option{width: 150px} /*----------dj catalog--------------*/ #djcatalog{padding-top: 20px;} #content .inner .div-right .componentheading{ margin: 0px;padding: 22px 11px;text-transform: uppercase;font-size: 19px;color: #333333;text-align: center;} #content .inner .div-right .djc_subcategory_in{position: relative; background-color: #fff;border: solid 1px #ccc; padding: 0; } #content .inner .div-right .djc_category .djc_title{display: none;} #content .inner .div-right .djc_subcategory_in .djc_image{margin-bottom: 0px;} #content .inner .div-right .djc_subcategory_in .djc_image a{display: block;} #content .inner .div-right .djc_subcategory_in .djc_image img{max-width: 100%; width: 100%;} #content .inner .div-right .djc_subcategory_in .djc_title{bottom: 0;background-color: rgba(0,0,0,0.3);position: absolute;width: 100%;} #content .inner .div-right .djc_subcategories_grid .djc_subcategory_bg{position: relative;} #content .inner .div-right .category_columns{margin-bottom: 20px;} #content .inner .div-right .djc_subcategory_in .djc_title h3{margin: 0;padding: 10px 10px;font-size: 18px;height: 50px;color: #333333;} #content .inner .div-right .djc_subcategory_in .djc_title a{text-decoration: none;color: #fff;} #content .inner .div-right .djc_subcategory_in .djc_title a:hover{color: #cb1518;} #content .inner .div-right .djc_readon{margin: 0px; position: absolute;bottom: 0;right: 0;} #content .inner .div-right .djc_subcategory_in .djc_description{} #content .inner .div-right .djc_subcategory_in .djc_description .djc_readon{} #content .inner .div-right .djc_subcategory_in .djc_description .djc_readon a{} #content .inner .div-right #djcatalog .djc_pagination ul li {float: left !important;} #content .inner .div-right #djcatalog .djc_pagination ul li span{} #content .inner #djcatalog .djc_pagination ul li .pagenav {padding: 5px;} #content .inner #djcatalog .djc_atoz .djc_atoz_in{ background-color: #bcc1c4;} #content .inner #djcatalog .djc_atoz .djc_atoz_in a{color: #fff;} #content .inner #djcatalog .djc_atoz .djc_atoz_in a span:hover{color: #004B88;} #content .inner #djcatalog .djc_items .djc_item_in{padding: 0px;} #content .inner #djcatalog .djcm_image{} #content .inner #djcatalog .djcm_title{bottom: 0;background-color: rgba(0,0,0,0.3);position: absolute;width: 100%;} #content .inner #djcatalog .djcm_image a{ display: block;} #content .inner #djcatalog .djcm_image img{ margin: 0 auto;display: block;width: 100%;} #content .inner #djcatalog .djcm_title a{ display: block; font-size: 19px;text-transform: uppercase;text-align: center;color: #fff;} #content .inner #djcatalog .djc_item_bcg{border: solid 1px #ccc; position: relative;} #content .inner #djcatalog .djcm_item{margin-bottom: 15px;} #content .inner #djcatalog .btn.button.readmore{height: 36px;width: 36px;float: right;bottom: 0;right: 0; background-image: url(../images/more.png); background-repeat: no-repeat;color: #fff;border-radius: 0;} #content .inner #djcatalog .djc_filter_search li .button.btn{ padding: 3px 12px;background-color: #004185;color: #fff;} /*----------com_Xmap--------------*/ .contenu .interne .div-right .xmap{overflow: hidden;text-align: justify;min-height: 600px;border-width: 1px;border-style: solid;border-color: #AAAAA6;} .contenu .interne .div-right .xmap .contents-xmap {padding-left: 15px;} .contenu .interne .div-right .xmap .contents-xmap ul {color: #808080;} .contenu .interne .div-right .xmap .contents-xmap ul li {list-style-type: square;} .contenu .interne .div-right .xmap .contents-xmap ul li ul li {list-style-type: disc;} .contenu .interne .div-right .xmap .contents-xmap a{color: #808080; text-decoration: none;} .contenu .interne .div-right .xmap .contents-xmap .menutitle{font-size: 14pt;color: #58575D;} .contenu .interne .div-right .xmap .contents-xmap {} .contenu .interne .div-right .xmap .page-header{padding-bottom: 0px;margin: 19px 0px 30px;border-bottom: none;} .contenu .interne .div-right .xmap .page-header h2{padding-left: 35px;margin: 0;font-size: 16pt;color: #58575D;background-image: url(../img/puce-titre1.png);background-repeat: no-repeat;background-position: 0px 50%;} /*-----Content search------*/ #contenu .search{text-align: justify;border-width: 1px;border-style: solid;border-color: #AAAAA6;padding: 20px;} #contenu .contenu .interne .div-right .search #searchForm{} #contenu .contenu .interne .div-right .search .search-results{} /* ************************* Foot Top ******************************************/ #foot-top .mapprint{display: none;} /* ************************* Foot Bas ******************************************/ #contact{min-height: 100%; background-color: rgba(0,0,0,0.78);} #footer {padding: 30px 0px;} #footer .container } #footer .col1 { } #footer .col1 ul{ } #footer .col1 li{} #footer .col1 li:after{content: " ";position: absolute;display: block;width: 100%;height: 1px;bottom: 0px;background-color: rgba(255,255,255,0.2);border-radius: 100%;} #footer .col1 a{color: #fff;} #footer .col1 a:hover{background-color: transparent;} #footer .col1 span{ } #footer .col1 img{ } #footer .col2{} #footer .col2 .custom {text-align: center; font-size: 22px; color: #fff;} #footer .col2 h3{ text-align: center;font-size: 32px;margin: 0 0 30px 0;color: #fff;} #footer .col3{color: #fff;} #footer .col3 button{color: #333; margin: 0 auto;display: block;} #footer .col3 .form-horizontal .controls{width: 100%;margin-left: 0px;} #footer .col3 input,#footer .col3 textarea{background-color: rgba(255,255,255,0.2);border: 0;} #contactt{padding-top: 20px;} /* ************************* Responsive ******************************************/ @media (max-width:1366px) { .home .line1 .col2:after{right:0px !important;} } @media (max-width:1200px){ .home .line1 .col2:after{display: block;background-image: url(../images/bg-apropos.png);background-size: 100% 100%;background-clip: content-box;height: 81px;width: 375px;content: " ";bottom: -80px;position: absolute;right: 0px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } } #head-bottom .main-menu.inner ul li span{font-size: 13px;} .home .line2 h3:after{ width: 26%;} .home .line2 h3:before{width: 26%;} .home .line1 h3{font-size: 22px;} .home .line2 h3{font-size: 22px;} } @media (max-width:992px){ #head-bottom .main-menu.inner ul li span{font-size: 10px;} #head-bottom .main-menu.inner{ margin-top: 0px;} #content .container-fluid{padding-left: 56px;padding-right: 56px;} .home .line2 h3:after{ width: 0%;} .home .line2 h3:before{width: 0%;} .home .line2 h3{} .home .line1 .col2 li{width:325px} .home .line1 .col2 li{line-height: 27px;font-size: 14px} .home .line1 .col2:after{height:82px;width:339px} } @media (max-width:767px){ .home .line1 .col2 ul{padding-left :6px;} .home .line1 .col2{width:325px} .home .line1 .col2 li{line-height: 27px;font-size: 14px} .home .line1 .col2:after{height:82px;width:339px} #head-bottom .main-menu.inner ul li{float: none;} #head-bottom .main-menu.inner ul li:after{width: 0;} #head-bottom .main-menu.acc{position: relative;left: 0px;top: 0px;display: none;} #head-bottom .main-menu.acc.open{display: block;} #head-bottom .main-menu.acc ul li span{width: 100%;} #head-bottom .main-menu.acc ul li div.title{width: auto;} #head-bottom .main-menu.acc ul:hover li div.title{width: auto;} #head-bottom .telephone{overflow: auto; padding: 8px;} #head-bottom .telephone img.menu{float: right;} #head-bottom .telephone img.logo{float: left;width: 150px;} #head-bottom .main-menu.acc ul li:first-child{display: none;} #content .container-fluid{padding-left: 15px;padding-right: 15px;} .home .line1 .col1 h3:after{width: 0px;} #head-bottom .logo img {width: 50%;margin: 0 auto;display: block;} #content .inner .div-left .moduletable_menu{display: none;} #content .inner .div-left .moduletable_menu.open{display: block;} #propos img#hdconcept_logo_img {width:100%} #propos img#notre_metier {width:100%} .home .line1 .col1>div {padding-right:0px!important} .home .line1 .col2 h3 {font-size:20px;padding-top:20px} .home .line2 h3:after {display:none!important} .home .line2 h3:before {display:none!important} } /*------ MENAD ------*/ .styleMenad { margin-right: 14px; margin: auto; padding: 6px; background-color: #eee; width: 107px; border-color: #ccc; border-radius: 4px; } .styleMenad p { margin: 0; } .styleMenad p a { color: #333; font-size: 22px; } .styleMenad:hover { background-color: #e6e6e6; border-color: #adadad; } .styleMenad a:hover { text-decoration: none; } /*------ MENAD ------*/