/*************************** Développement : yacer ingrachen *******************************************/ body { font-family:Arial;} a:hover{background-color: transparent;} a , p ,span, h1 h2,h3,h4,h5,h6,tr,td{font-family: "Myriad Pro","Arial"} .floatleft{float: left} .certification{height: 30px;} .site {} .telech li a img{ } .telech .item-118 a img:hover{ background-color: #8bc53f;transition : 700ms;} .telech .item-119 a img:hover{ background-color: #f6921e;transition : 700ms;} .telech li a:hover{ background: transparent;} .site #head-top{ border-bottom: 3px solid #8BC53F } .site #head-top #cont-top{ float: right; } .site #head-top #cont-top ul li { float: right;} .site #head-top #cont-top ul li a{ color: #808080; text-transform: uppercase; font-size: 12px; padding-right: 0;} /* ************************ head-bottom-bar *******************************************/ .logo{ float: left; } .logo img{ width: 73% ;padding:21px; padding-left: 0 } .ref {text-align: left;padding: 8px;font-size: 16px;padding-top: 24px;} .ref p { line-height:1 ;color: #999999 } .soc {float: right;padding: 15px;} .soc ul{float: right;} .soc .moduletable ul li{float:left;padding-top: 15px;} .soc .moduletable ul li a{padding: 4;} .menu-top {width: 83%;} #head-bottom .container .row .moduletable ul li{float:left;color:#fff;} #head-bottom .container .row .moduletable ul li a{color:#fff; padding: 10px 14px;} #head-bottom .container .row .moduletable ul .parent{color:#fff; padding: 10px 14px;} #head-bottom .container .row .moduletable ul .parent span span{ padding-left: 7px;} #head-bottom .container .row .moduletable ul li a:hover{background-color: transparent;color: #F6921E;transition:700ms;} .bg-line2 .moduletable .nav {} #head-bottom .container .row .contour .i-search:before{ float: right; height: 16px; margin-top: 14px; display: inline-block;position: relative; color: #F6921E; margin-right: 0px;} /* ************************* Head Top *******************************************/ .menu-top-mobile{background-color: #1B75BB; height: 40px; display: none;} #head-bottom { margin-bottom: 34px;} #head-bottom .container{background-color:#0071BC;} /* ************************* milieu front *******************************************/ .head-bottom-bas {background-color: #f2f2f2;padding: 19;} .menu-top .moduletable .nav li a img{ padding-right: 7px;} #head-bottom .head-menu .contenu form{margin-bottom: 25px;border-width: 1px; border-style: solid; border-color: #AAAAA6;} #head-bottom .head-menu .contenu form input{background-color: #3F2B2B;height: 26px;width: 90%; float: left;color: #F6921E; border: none;} #head-bottom .head-menu .contenu form input:focus{ outline: none;} #head-bottom .head-menu .contenu form a{color:#AAAAA6;height: 26px;display: block;padding-bottom: 5px;font-size: 13pt;background-color: #3F2B2B;} .i-search:before{padding-left: 48px;} #head-bottom .head-menu .contenu form{} /***************************************************inner************************************************/ #contenu .interne .div-left .menu_inner-bas {} #contenu .interne .div-left .menu_inner-bas li a img{ float: right;padding-bottom: 10px; padding-top: 20px; width: 100%;} .div-right .item-page{ /*border: solid 1px #CCCCCC;*/} /***********************************************************************************************************/ #head-bottom .head-menu .mod-languages{float: left; margin-bottom: 4px;} #head-bottom .head-menu .mod-languages form{color: ##0071BC; font-size: 12px; font-weight: bold; margin-bottom: 0px;} #head-bottom .head-menu .social-network .container .moduletable ul li a img {background: #FFF;border-radius: 2px;} #head-bottom .head-menu .social-network .container .moduletable ul li a{font-size: 17px; padding: 3px 2px; color: #F6921E; font-weight: bold;} #head-bottom .formsearch .contour{background-color: #fff; border: solid 1px #c6c6c6; margin: 4px auto;} #head-bottom .formsearch {float: right; display: inline-block; margin: 3px 4px 4px 6px;} #head-bottom .formsearch input{ height: 26px;text-align: left; border: none; width: 175px;} #head-bottom .formsearch a{background: transparent;color: #F6921E} #contenu .interne .div-left .menu li a:hover{color:#F6921E;transition: 700ms;} #contenu .interne .div-left .menu li.active a{color:#fff;} #head-bottom .head-menu-bottom >ul { } #head-bottom .head-menu-bottom {float: left; } #head-bottom .head-menu-bottom ul>li:after {content" "; height:5px; width:1px; background-color:#F99D1C;} #head-bottom .head-menu-bottom >ul:first-child a{} #head-bottom .head-menu-bottom ul{list-style: none;margin-bottom: 0px;} #head-bottom .head-menu-bottom .moduletable{margin-bottom: 5px;} #head-bottom .head-menu-bottom ul>li>ul{z-index: 1; padding: 0; float: none; color: #58575D;} #head-bottom .head-menu-bottom ul>li{position: relative; float: left; font-size: 11px;text-transform: uppercase;} #head-bottom .head-menu-bottom ul>li:hover{transition: color 900ms, background-color 900ms; height: auto; width: auto;} #head-bottom .head-menu-bottom ul>li:after{content: " ";position: absolute;display: block;width: 7px;height: 7px;top: 41%;left: -3px;border-radius: 100%;} #head-bottom .head-menu-bottom ul>li:first-child:after{width: 0px;} #head-bottom .head-menu-bottom ul>li>ul>li:after{width: 0px;} #head-bottom .head-menu-bottom ul>li a{padding: 20px 10px;color: #fff;font-size: 11pt;font-weight: bold;} #head-bottom .head-menu-bottom ul>li span{padding: 20px 10px;color: #fff;font-size: 11pt;font-weight: bold; cursor: context-menu;display: block;} #head-bottom .head-menu-bottom ul>li span:hover{color: #F99D1C;} #head-bottom .head-menu-bottom ul>li a:hover{color: #F99D1C;} #head-bottom .head-menu-bottom ul>li a img{height: 100%;} #head-bottom .head-menu-bottom ul>li:hover >ul{ height: auto; width: 240px;display: block;} #head-bottom .head-menu-bottom ul>li:hover >ul>a{ overflow: visible;} #head-bottom .head-menu-bottom ul>li>ul>li{text-transform: uppercase; padding-left: 17px;float:none; line-height: 40px;font-weight: bold;} #head-bottom .head-menu-bottom ul>li>ul>li a{color: #fff;overflow: hidden;font-weight: normal;font-size: 10pt;background-image: none;padding: 0;font-weight: bold;text-decoration: none;display: block;text-transform: capitalize} #head-bottom .head-menu-bottom ul>li>ul>li span{color: #fff;overflow: hidden;font-weight: normal;font-size: 10pt;background-image: none;padding: 0;font-weight: bold;text-decoration: none;display: block;text-transform: capitalize;} #head-bottom .head-menu-bottom ul>li>ul {display: none;z-index: 1;padding: 0;float:none; height: 0px;width: 0;position: absolute;} #head-bottom .head-menu-bottom ul>li>ul:hover {height: auto; width: 240px;} #head-bottom .head-menu-bottom ul>li>ul>li>ul {left: 240px;float: left;top: 0px;z-index: 15;display: list-item;} /* ************************* Head bottom *******************************************/ #head-bottom .container .row .moduletable ul li ul li a{color:#fff; padding: 0px 5px;} .menu-top ul>li>ul>li a:hover{ background-color:rgba(198,156,109,0.1); color:#D71921 ;} .menu-top ul>li a:focus {background-color: none !important;} .menu-top ul>li:hover >ul{ color: red; height: auto; width: 240px;display: block;} .menu-top ul>li:hover >ul>a{ overflow: visible;} .menu-top ul>li>ul>li{ padding-left: 17px;float:none; line-height: 40px;font-weight: bold;} .menu-top ul li ul li {z-index: 50;} .menu-top ul>li>ul>li span{padding:0px;font-weight: normal;} .menu-top ul>li>ul>li a{ font-weight: normal;font-size: 14px;background-image:none;padding: 0; color: red;text-decoration: none;display: block;} .menu-top ul>li>ul {display:none; z-index: 20;padding: 0; background-color: rgba(0, 113, 188, 0.9);float:none; color: #58575D; height: 0px;position: absolute;} .menu-top ul>li>ul:hover {height: auto; width: 240px;} .menu-top ul>li>ul>li>ul {left: 240px;float: left;top: 0px;z-index: 15;display: list-item;} /* ************************* Slider *******************************************/ /*#slider .dj-slide-desc-text{ position: absolute !important;padding: 0px !important;text-align: left;z-index: 10;bottom: 0;width: 29%;} #slider .container .row .moduletable .random-image img{height: 740px;} #slider .dj-slide-title{color: #0071BC !important;text-transform: uppercase;} #slider .dj-slide-description{background-color: rgba(249,157,28,0.8);color: #fff !important; padding: 6px 8px; text-align: justify;} */ .cameraContents{width: 20%;} /*************************** Menu accueil ************************/ .menu-accueil{} .menu-accueil .container{position: relative;} .menu-accueil .container .moduletable{position:absolute; top: -72px;width: 100%} .menu-accueil .container .moduletable ul li{} .menu-accueil .container .moduletable ul li a{padding-bottom: 0px;color: #fff;background-color: #29abe2;background-clip: content-box;text-align: center;height: 72px;text-transform: uppercase;} .accueil h3{font-size: 22px;color: #1b75bb;padding-left: 30px;font-family: myriad pro;} .accueil .bg-line1 h3:before{content: " "; z-index: 10; top: 39px; background-image: url(../img/puce.png); background-repeat: no-repeat; padding: 15px 5px;width: 40px; position: absolute;left: 0px;} .accueil .bg-line1 .custom {padding: 3px 15px 0px; font-size: 17px; line-height: 18pt; font-family: myriad pro;} .accueil .bg-line1 .col1 .custom p{ margin-bottom: 12px;} .accueil .bg-line1 .col2 .custom p{ margin-bottom: 8px;} .accueil .bg-line1 {background-color: #f2f2f2;} .accueil .bg-line1 .col1 .moduletable{border: solid 2px #ccc; border-radius: 6px; background-color: #fff; margin-top: 20px;margin-bottom: 20px;} .accueil .bg-line1 .col1 ul li a{z-index: 10;padding: 0; position: absolute; bottom: 0; right: 40px;} .accueil .bg-line1 .col1 ul li a:hover{background: transparent;} .accueil .bg-line1 .col2 ul li a{z-index: 10;padding: 0; position: absolute; bottom: 0; right: 40px;} .accueil .bg-line1 .col2 ul li a:hover{background: transparent;} .accueil .bg-line1 .col2 .moduletable{border: solid 2px #ccc; border-radius: 6px; background-color: #fff;margin-top: 20px;margin-bottom: 20px;} .accueil .bg-line2 .col1 .moduletable{border: solid 2px #ccc; border-radius: 6px; background-color: #1b75bb; margin-top: 20px;margin-bottom: 20px;} .accueil .bg-line2 .col2 .moduletable{border: solid 2px #ccc; border-radius: 6px; background-color: #fff;margin-top: 20px;margin-bottom: 20px;} .accueil .bg-line2 .col3 .moduletable{background-color: #fff;margin-top: 20px;margin-bottom: 20px;} .accueil .bg-line2 h3:before{content: " "; z-index: 10; top: 39px; background-image: url(../img/puce2.png); background-repeat: no-repeat; padding: 15px 5px;width: 40px; position: absolute;left: 0px;} .accueil .bg-line2 .col1 h3{color: #fff;} .accueil .bg-line2 .col1 ul li a{color: #fff;padding: 15px 15px 14px; border-bottom: solid 1px #fff; font-size: 15px; font-family: myriad pro;} .accueil .bg-line2 .col1 ul li a:hover{background: transparent;color: #f6921e; transition: 700ms;} .accueil .bg-line2 .col1 ul .item-117 a{border-bottom: solid 0px #fff} .accueil .bg-line2 .col1 .custom{ padding: 15px 15px 0px;} .accueil .bg-line2 .col1 .custom img{position: absolute;z-index: 10;bottom: 22px;right: 50px;} .accueil .bg-line2 .col2 .custom{ padding: 15px 15px 0px;} .accueil .bg-line2 .col2 .custom h5{ position: absolute;z-index: 10; bottom: 17px; padding-left: 2px;padding-right: 2px; right: 45px; color: red; border: solid 1px red;} .accueil .bg-line2 .col2 .custom h5 a{color: red;} .accueil .bg-line2 .col2 .custom h4{color: #1b75bb;font-size: 16px;margin: 8px 0px;} .accueil .bg-line2 .col3 .custom img:hover{background-color: #ccc;transition: 700ms;} /***************************************************/ /************************** Contenu page acceuil ********************************************/ /* ************************* Contenu page Interne *******************************************/ #contenu .interne{background-color: #fff;color: #333; padding-bottom: 40px;} #contenu .interne .div-right{min-height: 600px; border: 1px solid #cccccc;} #contenu .interne .div-right .item-page .page-header{margin: 0; border-bottom: 0px solid #eee;} #contenu .interne .div-right .item-page .page-header h2{ display: block; height: 58px; margin-left: -31px; background-image: url("../img/108.png"); background-repeat: no-repeat; padding-left: 32px; font-size: 19px; color: #1B75BB; text-transform: initial; margin-top: -2px; padding-top: 21px; padding-left: 54px;} .menu_inner li a img {padding-right:13px;} #contenu .interne .div-left .menu_inner li{background-color:#0071BC;} #contenu .interne .div-left .menu_inner {margin-right: 36px;} #contenu .interne .div-left .menu li a{color: #fff;text-decoration: none; padding-left: 8px;fmenu margin-right: 37px;} #contenu .interne .div-left .menu_inner-bas li a{padding:0;} #contenu .interne .div-left .menu_inner-bas{margin-right:37px;} #contenu .interne .div-left .menu li a:hover{background-color: transparent;} #contenu .interne .div-left .menu li ul{list-style: none; padding: 0px; background-color: rgba(0, 113, 188, 0.3);} #contenu .interne .div-left .menu li ul li{margin-bottom: 0px; background-color: transparent;} #contenu .interne .div-left .menu li ul li.active a{color: #F6921E;} #contenu .interne .div-left .menu li ul li a{text-transform: capitalize;font-size: 10pt;display: block; padding: 10px 15px;background-color: transparent;} #contenu .interne .dj-slide-in img{ width: 100%!important;border: solid 10px #0071BC !important; } #contenu .interne .dj-slideshow-in .dj-slide-desc-text .dj-slide-title{ color: #0071BC !important;text-align: center;font-size: 16px;} #contenu .interne .dj-slideshow-in{box-shadow: none;} #contenu .interne .dj-slide-desc-bg{background-color: #fff;} /*----------com_Dj calalog2--------------*/ #djcatalog{margin-bottom: 12px;padding: 0 15} #contenu .interne .div-right .componentheading{margin: 0px;padding: 22px 11px;text-transform: uppercase;font-size: 19px;color: #fff;background-color: #0071BC;} #contenu .interne .div-right .djc_subcategory_in{background-color: #fff;border: solid 1px #ccc; padding: 0; } #contenu .interne .div-right .djc_subcategory_in .djc_image{} #contenu .interne .div-right .djc_subcategory_in .djc_image a{} #contenu .interne .div-right .djc_subcategory_in .djc_image img{} #contenu .interne .div-right .djc_subcategory_in .djc_title{} #contenu .interne .div-right .djc_subcategory_in .djc_title h3{margin: 0;padding: 0 10px;text-align: center;font-size: 19px;} #contenu .interne .div-right .djc_subcategory_in .djc_title a{text-decoration: none;} #contenu .interne .div-right .djc_subcategory_in .djc_description{} #contenu .interne .div-right .djc_subcategory_in .djc_description .djc_readon{} #contenu .interne .div-right .djc_subcategory_in .djc_description .djc_readon a{} #contenu .interne #djcatalog .djc_atoz .djc_atoz_in{ background-color: #bcc1c4;} #contenu .interne #djcatalog .djc_atoz .djc_atoz_in a{color: #fff;} #contenu .interne #djcatalog .djc_atoz .djc_atoz_in a span:hover{color: #0071BC;} #contenu .interne #djcatalog .djcm_image{} #contenu .interne #djcatalog .djcm_image a{ display: block;} #contenu .interne #djcatalog .djcm_image img{ margin: 0 auto;display: block;} #contenu .interne #djcatalog .djcm_title a{ display: block; font-size: 19px;text-transform: uppercase;text-align: center;color: #0071BC;} #contenu .interne #djcatalog .djc_item_bcg{border: solid 1px #ccc; height: 100%;position: relative;} #contenu .interne #djcatalog .djcm_item{height: 220px;margin-bottom: 15px;} #contenu .interne #djcatalog .btn.button.readmore{position: absolute;bottom: 0;right: 0; background-color: #0071BC;color: #fff;border-radius: 0;} #contenu .interne #djcatalog .djc_filter_search li .button.btn{ padding: 3px 12px;background-color: #0071BC;color: #fff;} .div-right #dj-galleryGrid1c .dj-galleryGrid-in .dj-slides .dj-slide .dj-slide-in {border: 2px solid #142a38;} .div-right #dj-galleryGrid1c .dj-slide-desc-text {position: relative; font-size: 13px; color: #fff; text-align: center !important; padding: 10px;} .div-right #dj-galleryGrid1c .dj-galleryGrid-in .dj-slides .dj-slide .dj-slide-desc{background-color: rgba(0, 113, 188, 1) !important;} .div-right #dj-galleryGrid1c .dj-galleryGrid-in .dj-slides .dj-slide .dj-slide-in {border: 2px solid #142a38;} .div-right #dj-galleryGrid1c .dj-slide-desc-text {position: relative; font-size: 13px; color: #fff; text-align: center !important; padding: 10px;} .div-right #dj-galleryGrid1c:hover .dj-slide { opacity: 1 !important} .div-left ul .parent img {padding-left: 8px;} .div-left ul .parent span span {padding-left: 13px; color: #fff;} .div-left ul li a{color: #0071BC} .div-left ul .parent ul {display: none;} .div-left ul .parent:hover ul {display: block;} div[itemprop="articleBody"]{ padding: 10px 15px 0 0;font-size: 13pt;text-align: justify; padding-left: 32px; padding-right: 32px; padding-bottom: 36px; } div[itemprop="articleBody"] h3 span{ color: #1B75BB;} div[itemprop="articleBody"] p {color: #666666;} /*----------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%;} /* ---------Com_contact-------------- */ #contenu .interne .div-right .contact {} #contenu .interne .div-right .contact .page-header{padding-left: 4px;padding-bottom: 0px;margin: 0px 0px 23px 0px;border-bottom: none;} #contenu .interne .div-right .contact .page-header h2{margin: 0px;padding: 22px 11px;text-transform: uppercase;font-size: 19px;color: #fff;background-color: #0071BC;} #contenu .interne .div-right .contact .tab-content{color: #808080;} #contenu .interne .div-right .contact .nav-tabs{color: #58575D;} #contenu .interne .div-right .contact .nav-tabs li a{color: #58575D;} #contenu .interne .div-right .contact .nav-tabs li a:active{font-weight: bold;} /*.contenu .interne .div-right .contact .tab-content .tab-pane{}*/ #contenu .interne .div-right .contact .tab-content .tab-pane .dl-horizontal{} #contenu .interne .div-right .contact .tab-content .tab-pane dl{margin-bottom: 40px;margin-bottom: 20px;margin-left: 40px;} #contenu .interne .div-right .contact .tab-content .tab-pane dt{ width: auto;} #contenu .interne .div-right .contact .tab-content .tab-pane dd{margin-left: 40px;} #contenu .interne .div-right .contact .tab-content .contact-form fieldset {margin-left: 25px;margin-bottom: 20px;} #contenu .interne .div-right .contact .tab-content .contact-form fieldset .control-group{margin-bottom: 15; margin-bottom: 15px;} #contenu .interne .div-right .contact .tab-content .contact-form fieldset .control-group .control-label{float: left; margin: 0px; min-width: 100px;} #contenu .interne .div-right .contact .tab-content .contact-form fieldset .control-group .control-label label{text-align: left;} #contenu .interne .div-right .contact .tab-content .contact-form fieldset .control-group .controls input[type="checkbox"]{margin-left: 20px;margin-bottom: 11px;} #contenu .interne .div-right .contact .tab-content .contact-form fieldset .form-actions button[type="submit"]{border-color: #FFAB40;background-color: #FFAB40; } #contenu .interne .div-right .contact .tab-content .contact-form fieldset .form-actions{margin-left: 40%;} #contenu .interne .div-right .contact .tab-content .contact-form fieldset {} #contenu .interne .div-right .contact .tab-content .contact-form fieldset {} #contenu .interne .div-right .contact .tab-content .contact-form fieldset {} #contenu .interne .div-right .contact .tab-content #display-misc .dl-horizontal dd{ margin-left: 0px;} /*-----Content search------*/ #head-bottom .recherche .search{padding-top: 8px ;} #head-bottom .recherche .search form{ margin-bottom: 10px;} #head-bottom .recherche .search form label{display: none;} #head-bottom .recherche .search .inputbox {width: 100%;} #head-bottom .recherche .search [type="image"] { } .contenu .interne .div-right .search #searchForm{} .contenu .interne .div-right .search .search-results{} /* ************************* Foot Top ******************************************/ /* ************************* Foot Bas ******************************************/ #foot-bottom .container {color: #fff;background-color: #333333; } #foot-bottom {color: #fff; height: 32px; line-height: 32px; font-size: 12px; font-family:myriad pro;} #foot-bottom .foot-text2 a{text-decoration: none;float: right; color: #fff;} #foot-bottom .container .foot-text1 {color: #fff;} /* ************************* Responsive ******************************************/ @media (max-width:1200px){ #head-bottom .container .row .moduletable ul li a{padding: 10px 5px;font-size: 13px;} .l1 .custom h4 img {width: 94%;} .accueil .bg-line1 .custom {padding: 3px 15px 0px; font-size: 12px; line-height: 18pt; font-family: myriad pro;} .accueil .bg-line2 .col1 ul li a{color: #fff;padding: 15px 15px 4px; border-bottom: solid 1px #fff; font-size: 15px; font-family: myriad pro;} .accueil .bg-line2 .col2 .custom{font-size: 9px;} #head-bottom .container .row .moduletable ul .parent{color:#fff; padding: 10px 5px;} #head-bottom .head-menu-bottom ul>li a {padding: 15px 9px;font-size: 9pt;font-weight: bold;} #head-bottom .head-menu-bottom ul>li:after{} #slider .camera_caption .camera_caption_desc{font-size: 12px;} #slider .camera_caption .camera_caption_title{margin-bottom: 4px;} #head-bottom .head-menu-bottom ul>li span{font-size: 9pt; padding: 15px 9px;} .epsace { border: 1pt solid #cccccc; margin-top: 18px; padding-top: 2px; padding-left: 33px; float: right;} .bg-line1 .container .l1 .custom{padding-top: 0;} .l1 .custom p {padding-bottom: 14px;} .l1 .custom p img { margin-bottom: 0px;padding-left: 0; margin-top: 30px; position: absolute; margin-left: -103px;} .epsace .custom h4+p+p+p {color: #000000;font-size: 11px;} .epsace .custom p+p {color: #666666;font-size: 14px;} .formations{ margin-left: 2px;} .telech li a img { width: 99%; padding-left: 49px} } @media (max-width:992px){ #head-bottom .container .row .moduletable ul li a{padding: 10px 5px;font-size: 9px;} .accueil h3{font-size: 15px;color: #1b75bb;padding-left: 30px;font-family: myriad pro;} .accueil .bg-line1 .custom {padding: 3px 15px 0px; font-size: 10px; line-height: 12pt; font-family: myriad pro;} .accueil .bg-line2 .col1 .custom{ padding: 9px 15px 0px;} #head-bottom .container .row .moduletable ul .parent{color:#fff; padding: 10px 0px;} #head-bottom .container .row .moduletable ul .parent span{font-size: 10px;} .formations li {margin-left: 0;} .bg-line1 .container .l1 .custom {padding-top: 129px;} .l2 .custom p img { margin-top: 48px; padding-left: 0;} .l1 .custom h4 img {width:95%;} #head-bottom .head-menu-bottom ul>li:after{width: 5px;height: 5px;} #head-bottom .head-menu-bottom ul>li a {padding: 12px 8px;font-size: 9px;} #contenu .accueil .slider-container ul li img{border: solid 5px #0071BC !important;} #contenu .accueil .slider-container ul li .dj-slide-title{margin: 3px 0 0 0;font-size: 8px;} #slider .camera_caption {top: 7%;width: 50%;} #slider .camera_caption .camera_caption_desc{font-size: 11px;} #head-bottom .head-menu-bottom ul>li span{font-size: 9px; padding: 12px 8px;} .epsace .custom h4+p {color: #1B75BB;font-size: 10px;} .formations li{ width: 100%;} .epsace .custom p+p {font-size: 11px;} .epsace .custom h4+p+p+p { color: #000000;font-size: 9px;padding-bottom: 25px;} .telech li a img{ width: 100%; height: 119px; margin-left: 0;} .menu li a {padding-left: 0;padding-right: 0;font-size: 10px;} .site #head-top #cont-top ul li a { padding-right: 11px;} .bg-line1 .container .l2 .custom {padding-top: 68px;} .telech li a img{padding-left: 0;} } @media (max-width:767px){ .logo { float: none;} .soc .row{margin-right: 0;} .telech li a img{margin-left: 0;padding-left: 0;} .menu-top-mobile a h3{float: right; margin-top: 11px;color: #fff;} #contenu .interne .div-left .menu_inner-bas li a img{width: 63%;float: left;} #contenu .interne .div-left .menu_inner {margin-right: 451px; display: none;} .contour #text11{width: 96%;} .menu-top-mobile{ display: block;} .menu-top{ display: none;} .bg-line1 .container .l1 .custom {} .l1 .custom h4 img {} .logo-bas .row a img{width: 47%;} .logo-bas {width :94%;} .head-bottom-bas {background-color: #f2f2f2;padding: 19px;margin-top: 119px;} #contenu .interne .div-right h2{font-size: 14px;} #contenu .interne .div-right p{ font-size: 10px; margin-top: -8px;} #contenu .interne .div-right { border: 1px solid #cccccc;width: 100%;} .site #head-top #cont-top {padding-right: 8px;} #contenu .interne .div-left .menu_inner-bas {margin-right: 348px;} #contenu .interne .div-left .menu_inner {display: none;} .soc {float: right; padding: 0;} .menu-top { width: 19%;} .soc .row .moduletable ul li a img{width:30px;} .logo img { width: 29%; width: 55%; display: block; margin: 0 auto;} .ref{text-align: -webkit-center; padding: 0; font-size: 14px; padding-top: 0;} #head-bottom div.logo{} #head-bottom div.logo img{ width: 50%;display: block;margin: 0 auto;} #head-bottom{margin: 0px;} #head-bottom .head-menu-menu{display: none;} #head-bottom .formsearch input{ height: 20px;width: 120px;} #head-bottom .formsearch a{ padding: 2px 2px 3px 2px;} #head-bottom .head-menu ul li {width: 25px;} #head-bottom .head-menu ul li a{ font-size: 15px;} #head-bottom .head-menu ul li a img{width: 100%} #head-bottom .head-menu-bottom{display: none;} #head-bottom .head-menu-bottom.open{display: block;} #head-bottom .head-menu-bottom ul { } #head-bottom .head-menu-bottom ul> li{float:none;} #head-bottom .head-menu-bottom ul> li a{} #head-bottom .head-menu-bottom ul>li:after {width:0px;} #head-bottom .head-menu-bottom ul>li>ul {display: none; z-index: 1; padding: 0; float: none; height: 0px; width: 0; position: relative;} #head-bottom .head-menu-bottom ul>li:hover >ul{height: auto; width: 100%;display: block;} #head-bottom .head-menu-bottom ul>li>ul>li>ul {float: none;left:0; padding: 0;} #head-bottom .container .row .contour .i-search:before { margin-right: 29px; display: block; margin-top: -26px;} #slider .camera_caption{width: 100%;} #head-bottom .container .row .moduletable ul li { float: left; color: #fff; width: 200px;} }