.clearfix:after, .clearfix:before { content: " "; display: table;} .clearfix:after, .clearfix:before { content: " "; display: table;} .clearfix:after { clear: both;} .clearfix {} h1, .h1 {font-size: 30px;} h2, .h2 {font-size: 25px;} h3, .h3 {font-size: 20px;} .green-light{color:#a3d05f} .bold{font-weight:700} .semi-bold{font-weight:600} .italic{font-style:italic} .bloc-zoom{padding: 20px 10px; margin: 10px 0} .bloc-zoom h3 {margin-top:0;} .bloc-zoom img {max-width: 100%;} .bloc-zoom-grey-clair{background-color: #e3e3e3;} .bloc-zoom-grey-fonce{background-color: #ccc;} .bloc-zoom-green-fonce{background-color: #32734e;} .bloc-zoom-green{background-color: #54b948;} .bloc-zoom-green-clair{background-color: #a3d05f;} .bloc-zoom-green-clair-corinne{background-color: #d1e8ae;} .bloc-zoom-orange{background-color: #ff8c00;} .bloc-zoom-jaune{background-color: #f3b819;} .bloc-zoom-jaune-clair{background-color: #fad260;} .bloc-zoom-rose-clair{background-color: #e12273;} .bloc-zoom-rose-fonce{background-color: #a80048;} .box-img-fancy{} .interieur .content .bouton a{display:inline-block;text-decoration: none;background: #999999;padding:10px;color:#ffffff;font-family: 'Roboto', sans-serif;color:#fff;font-weight: bold;text-transform: uppercase} .interieur .content .bouton a:hover{ background: #e5e5e5; color:#666666} .container{width: 960px !important;padding-left: 10px; padding-right: 10px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9{padding-left: 10px; padding-right: 10px;} #header #logo-baseline{font-family: 'Josefin Sans', sans-serif;color:#32734e;font-size:27px;font-weight:300;text-transform:uppercase} #header #logo-baseline #logo{float:left;width:17%;} #header #logo-baseline #baseline{float:left;width:83%;margin-top:2px; padding-left: 20px;} /* 22.05.2019 - increase font-size */ #baseline {text-transform: uppercase; font-size: 113%; letter-spacing: 0.1em;} .mvtop > .col-md-4 {padding-top: 2em;} /* Menu */ #menu-mobile{display:none} #menu-mobile, #menu{font-family: 'Roboto Condensed', sans-serif;color:#ffffff;font-size:16px;text-transform:uppercase} #menu-mobile a, #menu a{color:#ffffff} .navbar-nav > li > a {padding:20px 9px 20px 10px} .dropdown-menu{padding:1px 0 0 0;border-radius:none;box-shadow:none;border:none} .dropdown-menu > li > a{padding:10px 20px} .dropdown:hover .dropdown-menu {display: block;} #menu-mobile li#menu-1 a, #menu li#menu-1 a{padding: 0} #menu-mobile li#menu-2 a, #menu li#menu-2 a{background:#32734e} #menu-mobile li#menu-2.active a,#menu-mobile li#menu-2 a:hover, #menu li#menu-2.active a,#menu li#menu-2 a:hover{ background:#286542} #menu-mobile li#menu-3 a, #menu li#menu-3 a{ background:#54b948} #menu-mobile li#menu-3.active a,#menu-mobile li#menu-3 a:hover, #menu li#menu-3.active a,#menu li#menu-3 a:hover{ background:#3d9a32} #menu-mobile li#menu-4 a, #menu li#menu-4 a{ background:#a3d05f} #menu-mobile li#menu-4.active a,#menu-mobile li#menu-4 a:hover, #menu li#menu-4.active a,#menu li#menu-4 a:hover{ background:#84b835} #menu-mobile li#menu-5 a, #menu li#menu-5 a{ background:#ff8c00} #menu-mobile li#menu-5.active a,#menu-mobile li#menu-5 a:hover, #menu li#menu-5.active a,#menu li#menu-5 a:hover{ background:#d47706} #menu-mobile li#menu-6 a, #menu li#menu-6 a{ background:#f3b819} #menu-mobile li#menu-6.active a,#menu-mobile li#menu-6 a:hover, #menu li#menu-6.active a,#menu li#menu-6 a:hover{ background:#d79e06} #menu-mobile li#menu-7 a, #menu li#menu-7 a{ background:#e12273} #menu-mobile li#menu-7.active a,#menu-mobile li#menu-7 a:hover, #menu li#menu-7.active a,#menu li#menu-7 a:hover{ background:#c2125d} #menu-mobile li#menu-8 a, #menu li#menu-8 a{ background:#a80048;padding:20px 12px} #menu-mobile li#menu-8.active a,#menu-mobile li#menu-8 a:hover, #menu li#menu-8.active a,#menu li#menu-8 a:hover{ background:#7f0439} #menu .dropdown-menu a{text-transform:none} /* 09.05.2019 - Add background image over link in page header */ #nav-menu {margin: 20px 0 0 0;} .twitter-head-icn { background:url("../img/header/twitter.png") no-repeat 0 2px; display:inline-block; vertical-align:top; padding-left: 25px; margin-right: 10px; } .nl-head-icn { background:url("../img/header/email.png") no-repeat 0 2px; display:inline-block; vertical-align:top; padding-left: 25px; } .top10 { margin-top:10px; } .top15 { margin-top:15px; } .top17 { margin-top:17px; } .top30 { margin-top:30px; } .mvtop:nth-child(2) {font-size: 95%; } .mvtop:nth-child(2) a:link, .mvtop:nth-child(1) a:visited {color: #000;} .nav > li > a.mobile-twitter, .nav > li > a.mobile-nl {display: none;} /* Fin Menu */ /* Footer */ .interieur {padding-bottom: 20px;} .footer{background:#e3e3e3;color:#006737;font-size:16px;font-family: 'Roboto Condensed', sans-serif;padding:23px 0 25px 25px; } .footer a{color:#006737;text-decoration: none} .footer .titleF{font-weight:bold;color:#006737;font-size:22px;color:#006737;text-transform:capitalize;margin-bottom:5px} .footer ul{list-style-type :none;} .footer ul li{line-height:19px} .footer .btn{background:#006738;font-family: 'Roboto', sans-serif;font-weight:bold;color:#ffffff} /* Fin Footer */ /* Breadcrumb */ .breadcrumb{background:none;color:#999999;font-family: 'Roboto', sans-serif;font-size:14px} .breadcrumb .you-are-here{float:left;margin-right: 5px;} .breadcrumb ul{} .breadcrumb li{display: inline-block} .breadcrumb a{color:#333333;text-decoration: underline} .breadcrumb a:hover{color:#000000} .breadcrumb li:after { content: " > "; } .breadcrumb li.last:after { content: ""; } /* Fin Breadcrumb */ /* Content */ .home .content{background:url('../img/bg-content.png') repeat-x center bottom} ol, ul { list-style: outside disc; margin: 0 0 0 15px; padding: 0;} hr {border: 1px solid #fff; margin: 7px 0;} .interieur .content .title-h1{color:#333333;font-size:35px;font-family: 'Roboto Condensed', sans-serif;;font-weight:bold;text-transform:uppercase;margin:0} .interieur .content .title-h2{color:#333333;font-size:25px;font-family: 'Roboto', sans-serif;} .interieur .content .title-h3{color:#333333;font-size:20px;font-family: 'Roboto', sans-serif;;font-weight:bold;} .interieur .content .title-chapeau{color:#333333;font-size:16px;font-family: 'Roboto', sans-serif;;font-weight:bold;} .interieur .content p{font-family: 'Roboto', sans-serif;color:#333333;font-size:14px;text-align: justify} .interieur .content li{font-family: 'Roboto', sans-serif;} .interieur .content p.citation{color:#999999;font-style: italic;font-size:25px;text-align: center; width: 100%;} .interieur .content p.citation:before{content :"“";color:#333333;font-size:50px;vertical-align: -8px} .interieur .content p.citation:after{content :"”";color:#333333;font-size:50px;vertical-align: -32px} .interieur .content p.introduction{font-weight: bold;font-size: 16px} .interieur .content a{color:#333333;text-decoration: underline} .interieur .content a:hover{color:#000000} .tx-citevertenews .interieur .content img{margin:25px auto} .tx-citevertenews .interieur .content img.img-left{float:left;margin:0 20px 0 0} .tx-citevertenews .interieur .content img.img-right{float:right;margin:0 0px 0 20px} .interieur .content .caption{color:#999999;font-size:11px} .interieur .content .caption.caption-left{ float: left;clear:both;width:100%;text-align: left;margin: 0 0 10px 0} .interieur .content .caption.caption-right{float: right;clear:both;width:100%;text-align: right;margin: 0 0 10px 0} #a-lire-aussi{background: #54b948;padding:15px 18px;margin:0;font-size:12px;color:#333333;font-family: 'Roboto', sans-serif;overflow: hidden} #a-lire-aussi a{text-decoration: none} #a-lire-aussi .title{margin-bottom:10px } #a-lire-aussi .bloc{margin-bottom: 25px} .interieur .content .category{text-transform: uppercase} #a-lire-aussi img{margin:0px auto 5px auto} #a-lire-aussi .text{color:#ffffff;font-size:20px;font-weight: bold;font-family: 'Roboto Condensed', sans-serif;line-height: 20px;margin:0px 0 5px 0} #a-lire-aussi .text a{color:#fff} #a-la-une{background:#a3d05f;padding:15px 18px; color:#ffffff;font-family: 'Roboto', sans-serif;font-size:14px; height: 375px;} .interieur #a-la-une{margin-bottom: 20px} #a-la-une .title{background:url('../img/picto-a-la-une.png') no-repeat left center;padding-left:40px} #a-la-une ul{line-height:16px} #a-la-une a, #a-la-une ul a{color:#fff} /*Slider */ .bxslider{margin:0 0 0 7px} #slider-home-realisations .bxslider{margin:0} .bx-wrapper{margin-bottom:30px} .bx-wrapper .bx-viewport{border: none; box-shadow:none; z-index: 1;} #slider-home-realisations .bx-wrapper .bx-viewport{left:0px} .bx-wrapper .bx-pager{width: auto;padding-right: 10px;right:10px} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{top:0px} .bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px;background:url('../img/bxslider/page-off.png') no-repeat center center;width:13px;height:13px} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:url('../img/bxslider/page-on.png') no-repeat center center;} .interieur .content .bx-wrapper{margin:0 0 25px 0} .interieur .content .bx-wrapper img{margin:0px} /* Home */ .title{font-family: 'Josefin Sans', sans-serif;font-size:26px;color:#fff;font-style:italic;text-transform:uppercase} .subtitle{font-family: 'Roboto Condensed', sans-serif;color:#ffffff;font-size:22px;font-weight:bold} .subtitlenoblod{font-family: 'Roboto Condensed', sans-serif;color:#ffffff;font-size:22px;} #slider-home .caption{ background: #ffffff none repeat scroll 0 0; bottom: 20px; color: #333333; font-family: "Roboto",sans-serif; font-size: 11px; left: 10%; padding: 3px 8px; position: absolute; width: 86%;} #slider-home .caption a{color:#333333;text-decoration: none;} #slider-home .caption .title-h1{font-size:25px;font-weight: 400} #slider-interieur .caption{position:absolute;bottom:20px;left:20px;background:#ffffff;width:93%;padding:10px 16px;font-family: 'Roboto', sans-serif;color:#333333;font-size:14px} #slider-interieur .caption a{color:#333333;text-decoration: none} #slider-home .caption span.link, #slider-interieur .caption span.link {color:#32734E; font-style: italic;font-size:14px;font-weight: bold} #slider-interieur .caption .title-h1{font-size:25px;font-weight: 400} #atouts-title{background: #54b948;padding:10px 0;width:auto;margin-bottom:15px } #atouts-title .title{background:url('../img/picto-atout.png') no-repeat 17px center ;padding-left:75px} .bloc-atout{position:relative;margin-bottom:33px} .bloc-atout .caption{background:#ffffff;position:absolute;bottom:20px;right:0px;font-family: 'Roboto', sans-serif;font-size:14px;font-weight:bold;text-transform:uppercase;padding:0 10px} .bloc-atout .caption a{color:#000} #ressources{background:#e02373;padding:15px 12px 5px; min-height: 642px;} #ressources .title{background:url('../img/picto-ressources.png') no-repeat left center ;padding-left:40px;font-size: 26px;margin-bottom:20px} #ressources .subtitle{padding:0 3px;line-height:20px} #ressources .link_legend:hover{text-decoration: none} #ressources .text{padding:0 3px;font-family: 'Roboto', sans-serif;color:#ffffff;margin-bottom:33px} #ressources img{margin:0px auto} .home #ressources .link_legend div:first-child {font-size: 18px !important;} .home #ressources .link_legend div:nth-child(2n) {font-size: 15px !important;} #echos{background:#32734e; padding: 15px 18px; min-height: 642px;} #echos .title{background:url('../img/picto-echos.png') no-repeat left 5px ;padding-left:40px;;margin-bottom:25px;line-height:30px} #echos .echo{font-family: 'Roboto', sans-serif;color:#fff;line-height:16px;margin-bottom:20px;} #echos .message{color:#FFF;word-wrap: break-word} #echos .message a {color:#FFF;} #echos .person{color: #FFF;font-weight: bold;} #echos .person a{color: #FFF;font-weight: bold;} #echos .person a:hover{color: #FFF;font-weight: bold;} #echos .bxslider-vertical{margin:0px} #echos .bx-wrapper .bx-viewport{background:none;min-height:284px !important} #reussir {background:url('../img/picto-reussir.png') no-repeat 10px center #f3b819;padding:12px 18px 20px 18px;} #reussir a{color:#fff} #reussir .title{padding-left:77px;} #reussir .subtitle{padding-left:77px;} /* Update 12/05/2019 - add newsletter block on homepage */ #inscription-newsletter { background:url('/typo3conf/ext/citeverte_skin/Resources/Public/assets/img/picto-email.png') no-repeat 10px 12px #a80048; padding: 12px 18px 20px 18px; margin: 20px 0; } #inscription-newsletter .title {margin-left: 55px;} #inscription-newsletter .row .col-md-8 { padding-left: 30px; font-family: 'Roboto Condensed', sans-serif; color:#ffffff; font-size:22px; } #inscription-newsletter button.btn-secondary { background: #666666; color: #fff;} #inscription-newsletter button.btn-secondary:hover { background: #cccccc; color: #000;} #inscription-newsletter button {border-radius: 0px;} #slider-home-realisations{position:relative;margin-top:5px} #slider-home-realisations .title{position:absolute;top:17px;background:url('../img/picto-realisation.png') no-repeat 10px center #ff8c00;z-index: 100;padding: 7px 20px 7px 70px} #slider-home-realisations .title a {color:#FFF; text-decoration: none;} #slider-home-realisations .bx-wrapper{margin-bottom:0px} #slider-home-realisations .bx-wrapper .bx-viewport{background:#cccccc;} /* Fin Home */ /* Liste */ .interieur .content .chapo{padding:8px 60px 0 60px;background: #e3e3e3;font-size: 16px;font-family: 'Roboto', sans-serif;font-weight: bold;color:#333333;text-align: center;margin-bottom: 25px} .interieur .content .chapo p {font-weight: normal; padding-top: 2%;} .interieur .content .bloc-bordure{border:1px solid #cccccc; overflow: hidden;margin-top:20px;margin-bottom:0px} .interieur .content .bloc-bordure img{margin: 0 auto} .interieur .content .bloc-bordure h2{margin:0} .interieur .content .bloc-bordure .bloc-texte{padding:12px 12px 0;color:#333333;font-size:14px;font-family: 'Roboto', sans-serif;} .interieur .content .bloc-bordure a.read-more{float:right;text-decoration: none;background: #999999;color:#fff;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: bold;text-transform: uppercase;padding:13px 10px} .interieur .content #liste_category .bloc-bordure{border:1px solid #cccccc;margin:0 0 20px;} /* Liste By Category */ .interieur .content .bloc-grey{padding:20px;background: #e3e3e3;font-size: 16px;font-family: 'Roboto', sans-serif;font-weight: bold;color:#333333;text-align: center;margin-bottom: 25px} .interieur .content p.align-center img{margin-left: 40%} /* ---- grid ---- */ /* clearfix */ .grid:after { content: ''; display: block; clear: both;} /* ---- grid-item ---- */ .grid-sizer, .grid-item { width: 33.3%; padding-left: 10px; padding-right: 10px;} .grid-item { float: left;} .interieur .content .bloc-sans-bordure{text-align: justify} .interieur .content .line{border-top: #cccccc solid 1px;} .interieur .content .line.last{border-bottom: #cccccc solid 1px;} .interieur .content .line h2{margin-bottom: 25px;} .interieur .content #recherche .line .bloc-texte{padding:0 20px} .interieur .content .line .date{padding:10px;font-size: 18px;font-family: 'Roboto', sans-serif;color:#999999;text-align: center;font-weight: bold; margin-top: 20%;} .interieur .content .line .read-more{ text-align: center } .interieur .content .line .date .date-big{font-size:22px } .interieur .content .line .read-more a{margin-top:50%;} .interieur .content .line-double{border-top: #cccccc solid 1px;border-bottom: #cccccc solid 1px;margin:20px 0 20px 0;padding: 30px 0} .interieur .content .line-double .titre-h2{margin-top: 15px} .interieur .content .line-double img{margin:0px auto} .interieur .content .line-double .read-more {text-align: center;height: 143px;} .interieur .content .line-double .read-more a{margin:50% 0;} .interieur .content .line-double .read-more.less-margin a{margin:10px 0;} .interieur .content .line-double .read-more.less-margin {height: auto;} .interieur .content .paginate{margin:34px 0 44px 0;} .interieur .content .paginate ul{list-style-type: none;text-align: center;} .interieur .content .paginate li{display:inline-block} .interieur .content .paginate li a{text-decoration: none;background: #999999;padding:14px 20px;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: bold;color:#fff} .interieur .content .paginate li a.active, .interieur .content .paginate li a:hover{ background: #e5e5e5; color:#666666} /* Contact */ /**** Powermail ****/ .tx-powermail{width: 100%!important;font-family: Calibri,Arial,sans-serif;font-size: 14px;} .tx-powermail legend, .tx-powermail h3{display: none} .tx-powermail .powermail_fieldset {width: 100%;padding:2% 5%;background: #FFF} .tx-powermail label{width:100%;color: #515151;vertical-align: top;} .tx-powermail label .mandatory{color: red;} .tx-powermail .powermail_fieldset div{margin-top: 20px} .tx-powermail .powermail_fieldset input{width: 100%;height: 25px;background: #f8f8f8;border: 1px solid #ccc;padding: 2px;} .tx-powermail .powermail_fieldset textarea{width: 100%;height: 170px;background: #f8f8f8;border: 1px solid #ccc;padding: 2px;} .tx-powermail .powermail_fieldset .powermail_submit{float: right;width: 160px;height: 40px; background: none repeat scroll 0 0 #006737; color: white;text-transform: uppercase;} .tx-powermail .parsley-errors-list {padding-left:0;} .tx-powermail .parsley-errors-list li{width: 100%;background-color: #ff0000;border: 1px solid #ff0000;border-radius: 5px;box-shadow: 0 0 6px #ddd;color: #fff;font-size: 11px;height: auto;margin-left:0;margin-top:10px;padding: 3px 10px 5px;text-align: left;z-index: 10;} #dgcookiesAlertBig #dgcookiesPersonalize { background: none repeat scroll 0 0 #009999 !important;} /* Fin Content */ @media screen and (max-width: 768px) { .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left: 15px; padding-right: 15px;} .grid-item { width: 100%; padding-left: 10px; padding-right: 10px;} .container {width:100% !important;} .interieur .content .title-h1{font-size:25px} .interieur .content .title-h2{font-size:23px} #header #logo-baseline #logo{float:none;text-align:center;width:100%} #header #search{margin-top:35px} #header #search .btn{background:none;border:none;font-size:24px} #search{text-align: right} #menu-mobile{display: block} #menu-mobile .nav > li#menu-1{ background: #656262;} #menu-mobile .nav > li#menu-1 > a, #menu-mobile .nav > li#menu-1 > a:focus,#menu-mobile .nav > li#menu-1 > a:hover { background: #656262;width:54px} #menu-mobile{position:absolute;top:0px;z-index:10000;width:100%;display:none;background:url('../img/bg-black.png') repeat;} #menu-mobile #nav-menu{width:82%;position:relative; margin: 0px;} #menu-mobile .dropdown-menu{position:relative;float:none;display:block !important;padding:0} #menu-mobile .navbar-nav{margin:0} #menu-mobile .navbar-nav>li{width:100%} #menu-mobile .navbar-nav > li > a{padding:20px 15px} #menu-mobile .dropdown-menu > li > a{padding:10px 25px} .navbar-default{background:none;border:none} .navbar-toggle .icon-bar{height:4px} .navbar-default .navbar-toggle{border:none} #page #header .navbar{margin:25px 0 0 0} #menu-mobile li#menu-8 a{ padding: 20px;} #menu-close{position:absolute;z-index:1000;right:15px;top:15px;cursor:pointer} #slider-home .caption{position:relative;width:100%;bottom:0px;left:0px;width:100%;padding:10px ;font-family: 'Roboto', sans-serif;color:#333333;font-size:14px;text-align:center} #slider-home .caption .title-h1{font-size:18px} #slider-home .bx-wrapper .bx-controls-direction a{top:35%} #slider-interieur .caption{position:relative;width:100%;bottom:0px;left:0px;width:100%;padding:10px ;font-family: 'Roboto', sans-serif;color:#333333;font-size:14px;text-align:center} #slider-interieur .caption .title-h1{font-size:18px} #slider-interieur .bx-wrapper .bx-controls-direction a{top:35%} .bx-wrapper .bx-pager{width:100%} .bx-wrapper{margin-bottom:10px} .home .title{font-size:19px;padding-top: 4px; padding-bottom: 4px;} #atouts-title{margin:15px 0} .bloc-atout{margin-bottom:10px} #echos {margin:25px 0 15px 0} #echos .title{background-position: 29% center ;padding-left:40%;line-height: 18px;} #echos .bxslider-vertical{text-align: center} #ressources .title{background-position: 20% center ;padding-left: 32%;} #ressources .subtitle, #ressources .text{text-align: center} .home .subtitle{font-size:17px} .interieur .content .chapo{padding:40px 30px;margin-bottom: 0px} .interieur .content #a-lire-aussi .bloc{text-align: center} .interieur .content .line{margin-top: 25px;border:none;} .interieur .content .line.last{border-bottom: none} .interieur .content .line .date{padding:12px 0;font-size: 29px;font-family: 'Roboto', sans-serif;color:#999999;text-align: center;font-weight: bold;border: #cccccc solid 1px;} .interieur .content .line .bloc-texte{padding:10px 20px;border-left: #cccccc solid 1px;border-right: #cccccc solid 1px;} .interieur .content .line .read-more{border-bottom: #cccccc solid 1px;border-left: #cccccc solid 1px;border-right: #cccccc solid 1px;overflow: hidden;} .interieur .content .line .read-more a{margin-top:50%;float:right} .interieur .content #recherche .line .bloc-texte{border-top: #cccccc solid 1px;} .interieur .content #recherche .line .bloc-texte p{margin:0} .interieur .content .line-double{border:none} .interieur .content .line-double .img{border-top: #cccccc solid 1px;border-left: #cccccc solid 1px;border-right: #cccccc solid 1px} .interieur .content .line-double .bloc-texte{padding:10px 20px;border-left: #cccccc solid 1px;border-right: #cccccc solid 1px;} .interieur .content .line-double .read-more{margin:0;border-bottom: #cccccc solid 1px;border-left: #cccccc solid 1px;border-right: #cccccc solid 1px;overflow: hidden;} .interieur .content .line-double .read-more a{margin-top:50%;float:right} .interieur .content .bloc-grey{padding: 20px 0px;background-color: gray} .footer{text-align: center;padding:45px 15px 25px 15px;} .footer .titleF{margin:20px 0 10px 0} /* 09.05.2019 - Add icons in mobile menu */ #menu-mobile .nav > li#menu-1 > a, #menu-mobile .nav > li#menu-1 > a:focus, #menu-mobile .nav > li#menu-1 > a:hover {display: inline-block; width: 50px;} #menu-mobile .nav > li#menu-1 > a:focus, #menu-mobile .nav > li#menu-1 > a:hover {opacity: 0.6;} /* Cancel left padding for nl registration block on homepage */ #inscription-newsletter .row .col-md-8 {padding-left: 10px;} #echos, ressources {min-height: 450px;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px){ .navbar-nav > li > a {padding:20px 9px} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #menu-mobile{display: block} #menu-mobile .nav > li#menu-1{ background: #656262;} #menu-mobile .nav > li#menu-1 > a, #menu-mobile .nav > li#menu-1 > a:focus,#menu-mobile .nav > li#menu-1 > a:hover { background: #656262;width:54px} #menu-mobile{position:absolute;top:0px;z-index:10000;width:100%;display:none;background:url('../img/bg-black.png') repeat;} #menu-mobile #nav-menu{width:82%;position:relative; margin: 0px;} #menu-mobile .dropdown-menu{position:relative;float:none;display:block !important;padding:0} #menu-mobile .navbar-nav{margin:0} #menu-mobile .navbar-nav>li{width:100%} #menu-mobile .navbar-nav > li > a{padding:20px 15px} #menu-mobile .dropdown-menu > li > a{padding:10px 25px} .navbar-default{background:none;border:none} .navbar-toggle .icon-bar{height:4px} .navbar-default .navbar-toggle{border:none} #page #header .navbar{margin:25px 0 0 0} #menu-mobile li#menu-8 a{ padding: 20px;} #menu-close{position:absolute;z-index:1000;right:15px;top:15px;cursor:pointer} #baseline, #search input[type=text], #menu{display:none} .navbar-toggle, #header .col-xs-3{display: block} #a-lire-aussi .bloc{width:50%;float:left} } @media (max-width: 1024px) { .mt-3 { margin-top: 0.5em;} } @media (max-width: 1024px) { /* 22.05.2019 - reduce width */ #logo img {max-width: 170px;} } /* Plugin Social Network */ .tx_sharesocialtools{text-align: right;} .tx_sharesocialtools img {max-width: 32px; max-height: 32px;} /*.tx_sharesocialtools .title_share{font-family: 'Roboto';font-weight: bold;text-align: center!important;}*/ /*.tx_sharesocialtools div{display: inline;padding: 8px 10px}*/ /*.tx_sharesocialtools div a{text-transform: uppercase;color: white!important;text-decoration: none!important;font-size: 12px}*/ /*.tx_sharesocialtools div a img{margin-bottom: 3px}*/ /*.tx_sharesocialtools .facebook{background-color: #395f98}*/ /*.tx_sharesocialtools .twitter{background-color: #48c4f0}*/ /*.tx_sharesocialtools .pinterest{background-color: #b20024}*/ /*.tx_sharesocialtools .googleplus{background-color: #cd4239}*/ /*.tx_sharesocialtools .linkedin{background-color: #277ab5}*/ /*.tx_sharesocialtools .mailto{background-color: #4acf99}*/ /* FancyBox Over */ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{ background-image: url("../img/Fancybox/fancybox_sprite.png"); } /* btn recherche */ #tx_indexedsearch tbody tr .tx-indexedsearch-searchbox-sword{ width: 300px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; float: left; margin: 0 10px } #tx_indexedsearch tbody tr .tx-indexedsearch-searchbox-button{ -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; float:left; } .tx-citeverte-news #bloc-actu-wrapper{ margin-top: 60px; } .tx-citeverte-news #bloc-actu-wrapper table{ border-spacing: 0; } .tx-citeverte-news #bloc-actu-wrapper .table{ margin-bottom: 5px; } .tx-citeverte-news #bloc-actu-wrapper .table tr td{ vertical-align: middle; } .tx-citeverte-news #bloc-actu-wrapper a.read-more{ background: #999999 none repeat scroll 0 0; color: #fff; float: right; font-family: "Roboto",sans-serif; font-size: 14px; font-weight: bold; padding: 13px 10px; text-decoration: none; text-transform: uppercase; width: 105px; } /* Plan du site */ .csc-sitemap{margin-bottom: 30px} div#logo img { height: 76px; }