/* Modèle v1.26 18/08/2011 */ @font-face { font-family: 'Josefin Sans'; font-style: normal; font-weight: 400; src: local('Josefin Sans'), local('JosefinSans'), url(../font/josefinsans-regular-webfont.woff) format('woff'); } @font-face { font-family: 'Josefin Sans'; font-style: normal; font-weight: 700; src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(../font/josefinsans-bold-webfont.woff) format('woff'); } @font-face { font-family: 'Quattrocento Sans'; font-style: normal; font-weight: 400; src: local('Quattrocento Sans'), local('QuattrocentoSans'), url(../font/quattrocentosans-regular-webfont.woff) format('woff'); } @font-face { font-family: 'Quattrocento Sans'; font-style: normal; font-weight: 700; src: local('Quattrocento Sans Bold'), local('QuattrocentoSans-Bold'), url(../font/quattrocentosans-bold-webfont.woff) format('woff'); } @font-face { font-family: 'Quattrocento Sans'; font-style: italic; font-weight: 400; src: local('Quattrocento Sans Italic'), local('QuattrocentoSans-Italic'), url(../font/quattrocentosans-italic-webfont.woff) format('woff'); } @font-face { font-family: 'Quattrocento Sans'; font-style: italic; font-weight: 700; src: local('Quattrocento Sans Bold Italic'), local('QuattrocentoSans-BoldItalic'), url(../font/quattrocentosans-bolditalic-webfont.woff) format('woff'); } /********** A GARDER EN L'ETAT ************/ *{ margin:0; padding:0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } table{border-spacing:0;} ul,ol {margin-bottom:10px;} li{margin-left: 25px;} a img{border:0} html {font-size: 100%;} .clear{clear:both;} .centre{text-align:center;} .img_gauche {float:left; display:inline; margin:0 5px 5px 0;} .img_droite {float:right; display:inline; margin:0 0 5px 5px;} .ui-helper-hidden-accessible {top:0; /*Bug datepicker en pied de page*/} section,nav,article,aside,hgroup,header,footer{display:block;} .uploadFichierFrame {width:430px; height:200px; border:none;} .uploadFichierAjout {cursor:pointer; padding:5px; float:left; display:ButtonFace; } .uploadFichierContenu {clear:both;} .uploadFichierListe li {height:35px;margin-left:0px;} .uploadFichierListe a.fichier {color:#000;} .uploadFichierListe {list-style:none;} .uploadFichierListe li a.supprimer { background:url('/bop2/images/icone/supprimer.png') 0 7px no-repeat; font-size:0 width:16px height:32px overflow:hidden; display:inline-block; float:right;} .uploadFichierListe li img {vertical-align:middle;width:32px;} /*Megaselect*/ .MegaSelectInfobulle {float:left; position:relative;display:inline;z-index:100} .MegaSelectInfobulle .zoneAffichable {position:absolute; top:25px; display:none; box-shadow: 1px 1px 5px #555; border:1px solid #fff; padding:5px; } .MegaSelectInfobulle ul { list-style-type:none; margin-left:0px;} .MegaSelectInfobulle li { margin-left:0px;border-bottom:1px dotted #808080} .MegaSelectInfobulle li.selected {color:#fff; background-color:#808080} .MegaSelectInfobulle .surligne {color:#000; background-color:#ffff00} /*********** A PERSONNALISER **************/ body {font: normal 1rem 'Quattrocento Sans'; color:#000; background-color:/*fond de spaw et de la zone contenu*/} #body{background:#f0efef;} table{} a{color: #3879b1; text-decoration:none;} a:hover {color:#206096; text-decoration:underline;} h1, h2, h3, h4, h5, h6 {font-family:Josefin Sans;} h1{font-size:2.5rem; color:#3879b1; margin-bottom:20px;} h2{font-size:2rem; margin-bottom:5px;} h3{font-size:1.5rem; color:#3b7ab0; margin-bottom:5px;} p {margin-bottom:10px;} strong{font-weight: bold;} em{font-style: italic;} .color {color:#3879b1;} .bold {font-weight:bold;} .hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;} .asterisque{font-style:italic; font-size:0.8em;} .nav li {margin-left:0;} /* Formulaires */ /*.bouton{ display:block; color:#fff; background-color:#262d40; font:bold 1em 'Quattrocento Sans'; line-height:20px; width:160px; height:20px; border-width:0; text-align:center; cursor:pointer; } input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;} input, select, textarea{font: normal 1em 'Quattrocento Sans'; color:#000; border:1px solid #262d40;} input[type="checkbox"], input[type="radio"]{border-width: 0;} .row{clear:both; margin-bottom:5px;} .row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right; line-height:30px;} .row textarea, .row input {width: 250px; height:30px;} .row select {width: 250px; height:30px;} .row_chk{padding:0; clear:both; margin-bottom:5px;} .row_chk input{border:0} .row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;} .row_are{clear:both; margin-bottom:5px;} .row_are label{display:block;} .row_are textarea{width:400px;} .row_rad {clear:both; margin-bottom:5px;} .row_rad .label{float:left; width:145px; text-align:right;} .row_rad .rad {margin-left:150px; margin-bottom:1px;} .row_rad .rad input{vertical-align:middle; border:0} .row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;} .row_bt {margin-left:150px; clear:both; margin-bottom:5px;} .row_captcha input{margin-left:150px;}*/ .errors li{color:#ff0000} .txt-medium {font-size:1.4rem !important;} .txt-big {font-size:1.8rem !important;} /**********************************************/ /****************** BOOTSTRAP ***************/ /**********************************************/ .btn {white-space:normal;} .bg-primary {background: #3879b1 !important;} .text-primary {color: #3879b1 !important;} .btn-primary {color: #fff; background-color: #3879b1; border-color: #3879b1;} .btn-primary:hover {color: #fff; background-color: #206096; border-color: #206096;} .btn-primary.focus, .btn-primary:focus {box-shadow: 0 0 0 0.2rem rgba(56,121,177,.5);} .btn-outline-primary {color: #3879b1; background-color: transparent; background-image: none; border-color: #3879b1;} .btn-outline-primary.focus, .btn-outline-primary:focus {box-shadow: 0 0 0 0.2rem rgba(56,121,177,.5);} .btn-outline-primary:hover {color: #fff; background-color: #3879b1; border-color: #3879b1;} /**********************************************/ /****************** CONTENEURS **************/ /**********************************************/ .centrePage {width:100%;} .pageCentrale {max-width:1090px; margin:0 auto; padding:0 5px; position:relative;} .clearAfter:after {content:''; display:block; clear:both;} .tel {background-repeat:no-repeat; background-position:0 3px; padding-left: 28px; line-height:.8;} .tel .azur{text-transform:uppercase;} .tel .numero{font-weight:700;} .tel .mini{font-size:0.65rem;} .fancybox-content{border:5px #000 solid;display:block;width:80%;margin:20px auto;} #body .fancybox-content{display:none;} #fancybox-wrap, #fancybox-outer{-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */ box-sizing: content-box; /* Opera/IE 8+ */} .reseau:after {content:''; display:block; clear:both;} .reseau a{width:40px; height:40px;} .reseau a img{width:100%; display:block;} /******************************************/ /****************** ENTETE **************/ /******************************************/ #header {background:#fff;} #header .navbar-brand {position:relative;} #header .navbar-brand img{width:100%; height:auto;} #header .navbar-brand .slogan{position:absolute; bottom: -7px; left: 55%; text-transform: uppercase; font-family: Josefin sans; font-size: 1rem;} #header .tel {} #header .navbar-nav li {margin-left:0;} #header .navbar-nav .nav-link {font-size:1.1rem; font-family:Josefin Sans;} .navbar-toggler {position:absolute; top:1rem; left:1rem;} /******************************************/ /************** HOMEPAGE ****************/ /******************************************/ #baseline {background:#262d40; color:#fff; padding:.75rem 1rem; font-size:1.2rem; font-family:Josefin Sans;} /************** SLIDE GENERAL ****************/ .slides li{margin-left:0;} .flexslider { border: 0!important; border-radius: 0!important; box-shadow: none!important; background-color:transparent; } .flex-direction-nav .flex-prev {left:0;} .flex-direction-nav .flex-next {right:0;} .flex-control-paging li a {width: 25px; height: 25px; background:#fff; border: 1px solid #fff; box-shadow: 3px -3px 3px #ccc inset; text-align:center; text-indent:0!important; font:bold 1.2em 'Quattrocento Sans'; line-height:25px; color:#3879b1; text-decoration:none;} .flex-control-paging li a:hover , .flex-control-paging li a.flex-active {color:#fff; background:#3879b1; border: 1px solid #3879b1; box-shadow: 3px 3px 3px #185cb3 inset;} /************** SLIDE HOME ****************/ #slideHome {width:100%; height:380px; position:relative; margin:0 auto 60px;} #slideHome .slideImg {min-width:100%; height:380px;} #slideHome .descSlide {width:100%; color:#fff;} #slideHome .descSlide h1{font-size:2.4rem; color:#fff;} #slideHome .descSlide h1 .petit{display:inline-block; font-size:1.6rem; padding-top:10px; color:#fff; line-height:35px;} #slideHome .flex-control-nav {z-index:6; bottom:40px; position:relative; margin:0 auto; padding:0px 25px;} #slideHome #descSlide4 h1 {padding-left:3rem; color:#3879b1;} #video-banner{ padding:2rem 0; background:#9da4b7;} #video-banner h2{color:#fff; text-transform:uppercase; text-align:center;} #video-banner .video-container{position: relative;} .video-container {padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:99;} /************** SLIDE MODULE ****************/ #slideModule .flex-control-nav{width:100%; background:#fff; margin-bottom:15px; position:relative; bottom:0; text-align:center;} #slideModule .flex-control-nav li{padding:0 15px; cursor:pointer; font-weight:bold; font-size:1.2rem; font-family:Josefin Sans; line-height:2; margin:0;} #slideModule .flex-control-nav li:hover, #slideModule .flex-control-nav li.flex-active{color:#3879b1; border-bottom:2px solid #3879b1;} #slideModule.flexslider{background:none;} #slideModule .slides{padding:0 50px;} #slideModule .slideImg{width:100%; height:auto;} #slideModule .descSlide h2{margin-bottom:25px; font-weight:bold; color:#3879b1;} #slideModule .descSlide ul {list-style-type:none;} #slideModule .descSlide ul li{ margin-bottom:6px;} #slideModule .descSlide ul li:before{content:'\25b8'; color:#3879b1; padding-right:.5rem;} /************** CHOISIR LIMO ****************/ #choisirLimo {background:#9da4b7;} #choisirLimo h1{color:#fff; text-transform:uppercase; text-align:center;} #choisirLimo .choisirDetail{background:#fff; padding:1rem;} #choisirLimo .choisirDetail h2{font-size:1.6rem;} #choisirLimo .choisirDetail p{line-height:1.6;} #choisirLimo .button-group .btn{padding:.75rem; font-size:1.2rem;} /************** TEMOIGNAGES ****************/ #testimonials h1 {font-size:2.4rem; font-weight:bold;} #testimonials h1, #testimonials h2{color:#3879b1; text-align:center;} #testimonials .temoignage, #testimonials .signature{font-size:.9rem; line-height:1.3;} #testimonials .signature{color:#959595;} #testimonials .logoRef{width:100%; height:auto;} .box1{background:#fff; padding:1rem;} /************** LABEL *****************/ #clients h2{font-size:1.5em; color:#960909; font-weight:bold;} #labelLimo {background:#fff;} #labelLimo .box{width:34%; float:left; padding:30px 0;} #labelLimo .box h2{color:#960909; font-weight:bold; margin-bottom:20px;} #labelLimo #clients{padding-left:20px;} #labelLimo #clients img{width:100%;} #labelLimo #labels{width:280px; height:430px; position:absolute; top:-40px; left:34%; background:#465274; margin:0 3%; padding:40px 15px 0;} #labelLimo #labels:after{content:''; display:block; width: 0; height: 0; border-style: solid; border-width: 0 140px 30px 140px; border-color: transparent transparent #e6e6e6 transparent; position:absolute; bottom:0; left:0;} #labelLimo #labels h2{color:#fff; font-size:2em; line-height:1em; text-align:center; margin-bottom:30px;} #labelLimo #labels h2 span{font-size:1.1em; text-transform:uppercase;} #labelLimo #labels .label{width:166px; height:87px; margin:0 auto 25px; background:url(../images/label.png) 0 0 no-repeat; color:#fff; font-weight:bold; font-size:1.8em; line-height:70px; text-align:center;} #labelLimo #temoignagesHome{float:right;} #labelLimo #temoignagesHome .flexslider{margin-bottom:0;} #labelLimo #temoignagesHome h2{font-size:2em; float:left;} #labelLimo #temoignagesHome #temPlus{float:right; padding-top:10px;} #labelLimo #temoignagesHome .textTemoin{clear:both; line-height:1.4em;} #labelLimo #temoignagesHome .nomTemoin{color:#960909; margin-bottom:0; font-size:1.2em; font-family:'Petit Formal Script';} #labelLimo #temoignagesHome .signature{color:#960909; font-size:0.875em;} #labelLimo #temoignagesHome .flex-control-nav{position:relative; bottom:0;} /******************************************/ /************** CALL TO ACTION ****************/ /******************************************/ #cta .pageCentrale{vertical-align:top; position:relative;} #cta #demo{width:23%; float:left; margin:-15px 5% 0; } #cta #demo img{display:block; width:100%;} #cta .box{width:32%; padding:1rem; padding-left:2rem; height:200px; float:left; background-color:#fff; background-position:95% 10px ; background-repeat:no-repeat; box-shadow:0 0 5px #e7e6e6; behavior:url(css/PIE.htc); margin-top:60px;} #cta .box p{margin:35px 0 20px;} #cta .box p a{color:inherit;} #cta .box p .maj{font-weight:700; text-transform:uppercase; font-size:1.1rem; text-decoration:underline;} #tarif {background-image:url(../images/tarif.png);} #documentation {background-image:url(../images/livreBlanc.png);} /******************************************/ /************** UTILISATEURS LIMO ****************/ /******************************************/ #utilisateursLimo {background:#c5c7cf; font-size:.9rem;} #utilisateursLimo .pageCentrale{max-width:1030px; padding: 50px 0 70px; position:relative;} #utilisateursLimo h1{ color:#000; position:absolute; left:325px; width:380px;} .bloc {width:280px; height:380px; float:left; background:#fff;} .bloc .photo{width:100%; height:auto;} .bloc .descBloc{width:100%; padding:15px;} .bloc .reseau a{float:left; margin:0 5px 5px 0;} .bloc h2{font-size:1.4em; font-family:'Quattrocento Sans'; color:#465274; text-transform:uppercase;} .bloc p{font-size:1.2em; color:#465274; margin-bottom:20px;} .bloc li{font-size:1.2em; color:#465274; margin-bottom:10px;} .bloc ol{counter-reset: repas; } .bloc ol li{ position:relative;list-style-type: none; counter-increment: repas; margin-left:0; padding-left:30px;} .bloc ol li:before {position:absolute; top:0; left:0;display:block; content: counter(repas); width:25px; background: #678; font-weight: bold; font-size: 1em; line-height:25px; border-radius: 25px; color: white; text-align:center;} .bloc .lien{width:auto; display:inline-block; margin:0 auto;font-size:1.1em; color:#fff; padding:5px 10px; border-radius:15px; text-align:center; color:#fff; background: rgb(73,144,210); /* Old browsers */ background: -moz-linear-gradient(top, rgba(73,144,210,1) 0%, rgba(52,115,168,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,144,210,1)), color-stop(100%,rgba(52,115,168,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(73,144,210,1) 0%,rgba(52,115,168,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(73,144,210,1) 0%,rgba(52,115,168,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(73,144,210,1) 0%,rgba(52,115,168,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(73,144,210,1) 0%,rgba(52,115,168,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4990d2', endColorstr='#3473a8',GradientType=0 ); /* IE6-9 */ } #utilisateursLimo #faq {width:380px; height:200px; margin:180px 45px 0;} #utilisateursLimo #faq .photo{width:auto; float:left;} #utilisateursLimo #faq .descBloc{width:180px; float:right;} #utilisateursLimo #idee, #utilisateursLimo #enquete {float:right;} #utilisateursLimo #enquete h2{color:#960000; font-weight:bold; margin-bottom:15px;} /******************************************/ /************** ZONE REF ****************/ /******************************************/ #texteDensite { background:#e6e6e6;} #texteDensite .pageCentrale h2{font-size:1.6rem;} #texteDensite .pageCentrale .introDensite h3{font-size:1.4rem; color:#960909;} #plusRef{padding-top:2rem;} #plusRef h1{font-size:1.6rem;} #plusRef h2{font-weight:bold;} /******************************************/ /**************** MODULE ****************/ /******************************************/ #slideModule2emeVersion.flexslider {background:#0f1831!important; padding:10px 0; margin-bottom:30px;} #slideModule2emeVersion.flexslider .slides {margin:0; height:auto;} #slideModule2emeVersion.flexslider .slides .tc.curr {position:relative; } #slideModule2emeVersion.flexslider .slides .tc.curr .descSlide {position:absolute; right:0; bottom:0; background:#0f1831; padding:15px; color:#fff; font: 400 1.5em 'Josefin Sans'; max-width:45%;} #slideModule2emeVersion.flexslider .slides .tc {display:table-cell;overflow:hidden;width:33%;padding:0 10px; } #slideModule2emeVersion.flexslider .slides .tc img { width:1080px; } #slideModule2emeVersion.flexslider .slides .prev { background-position:top right;filter:alpha(opacity=30);opacity:.30; } #slideModule2emeVersion.flexslider .slides .next { background-position:top left;filter:alpha(opacity=30);opacity:.30; } #slideModule2emeVersion .flex-direction-nav a {color: rgba(255,255,255,0.8); text-shadow: 1px 1px 0 rgba(0,0,0,0.3);} .module h1 {float:left; font-weight:bold; margin-bottom:5px;} .module #accroche {clear:both; max-width:730px; font-size:1.4rem; font-family:'Josefin Sans'; font-weight:bold; margin-bottom:30px;} #voirPlus {float:right; width:240px; position:relative; margin-top:10px;} #voirPlus span{display:block; background:#960909; text-transform:uppercase; font-weight:bold; color:#fff; line-height:30px; text-align:center;} #voirPlus ul{overflow:hidden; position:absolute; top:30px; left:0; background:#960909; z-index:9999999; width:240px; max-height:0; overflow:hidden; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } #voirPlus:hover ul{overflow:visible; max-height:300px; padding:10px 0;} #voirPlus ul li{margin:0; display:block; padding-left:10px;} #voirPlus ul li a{margin:0; display:block; text-align:left; color:#fff; text-decoration: none; background: transparent; width: 230px; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #voirPlus ul li a:hover {background: #000; padding-left: 10px; width: 200px; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .avantage {width:730px; float:left; background:#fff; margin-bottom:50px; position:relative; font-size:.9rem;} .avantage .photo{float:left;} .avantage .photo img{display:block;} .avantage .description{width:430px; float:left; padding:17px; overflow:hidden;} .avantage .description h2{font-size:1.8em; margin-bottom:20px; color:#fff; padding-top:1px;} .avantage .description h2 span{background:#960909; padding:1px 8px 0 0; line-height:1.2em; border-left:8px solid #960909;} .avantage:nth-of-type(6n+2), .avantage:nth-of-type(6n+5), .avantage:nth-of-type(6n+6) {float:right;} .avantage:nth-of-type(6n+2), .avantage:nth-of-type(6n+4) {width:300px; height:650px;} .avantage:nth-of-type(6n+2) .photo, .avantage:nth-of-type(6n+4) .photo, .avantage:nth-of-type(6n+2) .description, .avantage:nth-of-type(6n+4) .description {width:300px; float:none;} .avantage:nth-of-type(6n+3) .photo, .avantage:nth-of-type(6n+5) .photo {float:right;} .avantage:after{content:''; position:absolute; width: 0; height: 0; border-style: solid;} .avantage:nth-of-type(6n+1):after, .avantage:nth-of-type(6n+4):after {top:132px; right:-18px; border-width: 17.5px 0 17.5px 18px; border-color: transparent transparent transparent #ffffff;} .avantage:nth-of-type(6n+2):after {bottom:132px; left:-18px; border-width: 17.5px 18px 17.5px 0; border-color: transparent #ffffff transparent transparent;} .avantage:nth-of-type(6n+3):after, .avantage:nth-of-type(6n+5):after, .avantage:nth-of-type(6n+6):after {bottom:-18px; left:132px; border-width: 18px 17.5px 0 17.5px; border-color: #ffffff transparent transparent transparent;} .avantage:nth-of-type(6n+5):after {right:132px;} .avantage:nth-of-type(6n+1), .avantage:nth-of-type(6n+4) {clear:both;} .avantage:last-child:after {border:none;} #avantage1 .description h2 {font-size:1.6em;} #avantage1 .description p {margin-bottom:8px;} #avantage28 .description, #avantage29 .description {height:300px; overflow:hidden;} .module #module1 #avantage1 .description {padding-bottom:15px;} .module #module1 #avantage1 .description h2 {font-size:1.3em;} .module #module1 #avantage1 .description p{margin-bottom:3px;} .module #module5 .avantage:nth-of-type(6n+4) {width:730px; height:300px;} .module #module5 .avantage:nth-of-type(6n+4) .photo{width:300px; float:left;} .module #module5 .avantage:nth-of-type(6n+4) .description {width:430px; float:left;} .module #cta {background:#c5c7cf;} .module #clients {background:#d7d6d6; width:300px; height:300px; padding:20px; float:right;} .module #clients h2 {line-height:1.2em;} .module .bloc {background:#fff; width:300px; height: auto; min-height: 300px; float:right;} .module #enquete .descBloc{padding:10px 15px;} .module #enquete p{font-size:1em; margin-bottom:15px;} .module #enquete h2{font-size:1.1rem; font-weight:bold; margin-bottom:10px;} /******************************************/ /**************** BANDEAU **************/ /******************************************/ #bandeau {height:200px; background-image:url(../images/bandeau/offres.jpg);background-color:#221925; background-position: center center; background-repeat:no-repeat; position:relative; margin-bottom:30px;} #bandeau h1, #bandeau p{width:400px;position:absolute; top:40px; right:50px; color:#fff; font-size:1.7rem; font-weight:bold; font-family:'Josefin Sans';} .reference #bandeau, .template1 #bandeau, .contact #bandeau {background-image:url(../images/bandeau/references.jpg);} .waynium #bandeau {background-image:url(../images/bandeau/waynium.jpg); background-color:#000; margin:0;} .faq #bandeau {background-image:url(../images/bandeau/faq.jpg);} .faq #bandeau h1 {right:170px;} .transport_loti-tprp #bandeau, .transport-a-la-demande #bandeau {background-image:url(../images/bandeau/loti.jpg); background-color:#535b82;} .transport-a-la-demande #bandeau p, .transport_loti-tprp #bandeau p{width:300px; right:0;} .autocariste-transport-de-voyageurs #bandeau{background-image:url(../images/bandeau/autocariste.jpg); background-color:#7789a1;} .autocariste-transport-de-voyageurs #bandeau p{width:300px; right:0;} .transport_scolaire_tpmr #bandeau{background-image:url(../images/bandeau/scolaire.jpg); background-color:#8c7187;} .transport_scolaire_tpmr #bandeau p{width:300px; right:0;} .developpement-sur-mesure #bandeau h1{width:300px; right:30px;} /******************************************/ /**************** REFERENCES **************/ /******************************************/ #references h1 {font-size:3em; font-weight:bold; text-align:center; margin-bottom:30px;} #references .logoRef {width:200px; height:200px; float:left; margin-right:20px; margin-bottom:20px;} #references .logoRef:nth-of-type(5n+5) {margin-right:0;} #references .flexslider{background:none!important;} #references .flexslider .flex-direction-nav a {top:25% !important;} #temoignages {height:454px; background:#465274 url(../images/photo/temoignage.jpg) center center no-repeat;} #temoignages .pageCentrale{max-width:970px; padding:55px 50px;} #temoignages h1{background:rgba(197,199,207,0.5); color:#fff; text-transform:uppercase; text-align:center; font-weight:bold; font-size:3.8em; line-height:0.8em; padding:12px 0 4px; margin-bottom:10px;} #temoignages ul{list-style-type:none;} #temoignages .temoignage{background:rgba(255,255,255,0.9); margin:0; /*height:180px;*/} #temoignages .temoignage .wrapper{padding:25px 55px;} #temoignages .temoignage .textTemoin{line-height:1.2em;} #temoignages .temoignage .nomTemoin{color:#960909; margin-bottom:0; font-size:1.2em; font-family:'Petit Formal Script';} #temoignages .temoignage .signature{color:#960909;} .lt-ie9 #temoignages h1{background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FC5C7CF,endColorstr=#7FC5C7CF); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FC5C7CF,endColorstr=#7FC5C7CF); zoom: 1;} .lt-ie9 #temoignages .temoignage {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF); zoom: 1;} /******************************************/ /****************** FAQ *****************/ /******************************************/ #thematiques h2 {font-size:2.2em; font-weight:bold; margin-bottom:5px; color:#960909} #thematiques .thematique {float:left; padding:0 10px; margin:0 10px 10px 0; color:#465274; background:#fff; font:bold 1.5em 'Josefin Sans'; line-height:34px;} #thematiques .thematique:hover, #thematiques .thematique.active {background:#960909; color:#fff;} #thematiques .pageCentrale {margin-bottom:30px; padding:0;} #thematiques form {clear:both; padding-top:20px; margin-bottom:30px;} #thematiques form .row {float:left; width:80%; margin:0 10px 0 0;} #thematiques form .row input {width:100%; height:40px; font-size:1em; border-color:#c5c7cf; font:bold 1.5em 'Josefin Sans'; color:#465274;} #thematiques form .row_bt {clear:none; float:left; width:45px; margin:0;} #thematiques form .row_bt input {width:45px; height:40px; border:0; background:#465274; color:#fff;font:bold 2em 'Josefin Sans'; text-align:center;} .disable{display:none;} #aside{width:280px; float:right;} #aside .bloc{width:100%; height:auto; float:none; margin-bottom:30px;} #questions {background:#c5c7cf;} #questions .pageCentrale{padding:40px 0;} #questions #QuestionsReponses{width:65%; float:left;} #questions #resultats{font:bold 2.2em 'Josefin Sans'; color:#465274; margin-bottom:20px;} #questions .question{background:#fff; padding:10px 25px; margin:0 0 40px 10px;} #questions .question h2{background:#465274; font-size:1em; font-family:'Quattrocento Sans'; line-height:30px; color:#fff; padding: 0 10px; margin:0 0 10px -35px;} #questions .question .theme{color:#960909; font-weight:bold;} #questions .question .reponse{display:none;} #questions .question .reponse.active{display:block;} #questions .question .reponse a{display:block; width:100%; margin-bottom:15px; position:relative;} #questions .question .reponse a:hover:after{content:'a'; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5); font:normal 5em 'bop_icone'; color:#fff; text-align:center; padding-top:1.5em;} #questions .question .reponse a img{display:block; width:auto;} #questions .question .lien{float:right;color:#960909;cursor:pointer;} #questions .question .lien:hover{text-decoration:underline;} #voir{display:block; font:bold 2.2em 'Josefin Sans'; text-align:center; color:#fff; background:#465274; line-height:50px;} #questions #PoserQuestion{width:280px; background:#fff; border:1px solid #afb2bb; padding:15px; margin-bottom:30px;} #questions #PoserQuestion p{font:bold 1.6rem 'Josefin Sans'; color:#465274;} /******************************************/ /**************** OFFRES ****************/ /******************************************/ #services h1 {text-align:center;} #services .box {width:252px; float:left; margin-right:20px; position:relative; cursor:pointer; overflow:hidden; margin-bottom:60px;} #services .box h2 {background:#fff; font-weight:bold; text-align:center; line-height:60px; font-size:1.2rem; /* CSS3 Transition Magic */ -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;} #services .box .desc {background:rgba(70,82,116,0.9); color:#fff; padding:15px; width:252px; height:182px; position:absolute; top:0; left:-252px; /* CSS3 Transition Magic */ -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } #services .box:hover h2 {color:#465274;} #services .box:hover .desc {left:0;} #services #box4 {margin-right:0;} #services #box4 h2 {height:60px; line-height:1em; padding-top:10px;} .lt-ie9 #services .box .desc {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5465274,endColorstr=#E5465274); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5465274,endColorstr=#E5465274); zoom: 1;} #offres {background:#c5c7cf;padding:20px 0 40px;} #offres h1{font-size:3.8em; font-weight:bold; text-align:center;color:#465274;} #offres #tableau{width:900px; border-collapse:collapse; margin:0 auto 35px;} #offres #tableau th, #offres #tableau td{font-size:.9rem;border-bottom:2px solid #c5c7cf; border-left:2px solid #c5c7cf;} #offres #tableau thead th{height:60px;} #offres #tableau #th01{width:40%; border-left:0;} #offres #tableau #th02, #offres #tableau #th04, #offres #tableau #th03, #offres #tableau #th05{width:15%; text-align:center; vertical-align:middle; color:#fff; font-size:1.6rem; font-family:'Josefin Sans';} #offres #tableau #th02{background:#8890b0;} #offres #tableau #th03{background:#757fa7;} #offres #tableau #th04 {background:#586690;} #offres #tableau #th05{background:#465274;} #offres #tableau tbody th{height:30px; vertical-align:middle; background:#fff; text-align:left; padding:0 5px;} #offres #tableau tbody td{vertical-align:middle; text-align:center;} #offres #tableau tbody .td02{background:rgba(255,255,255,0.5);} #offres #tableau tbody .td03{background:rgba(255,255,255,0.65);} #offres #tableau tbody .td04{background:rgba(255,255,255,0.8);} #offres #tableau tbody .td05{background:rgba(255,255,255,0.95);} #offres #tableau tbody .icone{font:normal 1em 'bop_icone'; color:#29af3c;} #offres #tableau tbody .espace{height:30px;} #offres #tableau tbody .groupe{color:#fff; font-size:1.5em; line-height:40px; font-family:'Josefin Sans';} #offres #tableau tbody .grp2{background:#960909;} #offres #tableau tbody .grp3{background:#465274;} #offres #tableau tbody .grp4{background:#000;} #offres #tableau tbody .groupe, #offres #tableau tbody .libelle {position:relative;} #offres #tableau tbody .groupe a{color:#fff;} #offres #tableau tbody .groupe .infobulle{left:80px; top:5px; font:400 0.7em 'Quattrocento Sans'; line-height:20px;} #offres #tableau tbody .libelle a{color:#000;} #offres #tableau tbody .libelle .infobulle{right:-140px; top:0; font:400 1.05em 'Quattrocento Sans'; line-height:20px;} #offres #tableau tbody .infobulle{display:none; position:absolute; background:#465274; border-radius:5px; padding:5px; color:#fff;} #offres #tableau tbody .infobulle a{color:#fff;} #offres #tableau tbody .infobulle:after {right:100%; top:50%; border: solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(70, 82, 116, 0); border-right-color: #465274; border-width:5px; margin-top: -5px;} #offres #tableau tbody th:hover .infobulle{display:block;} #offres #btTarif {font-size:2rem; font-family:'Josefin Sans';border-radius:40px; } /******************************************/ /************** ASSISTANCE **************/ /******************************************/ #miseAvant .statut {padding:20px;border-radius:20px;} .statut {display:inline-block;padding:10px;border-radius:10px;margin:5px;float:left;} .online{background-color:green;} .offline{background-color:red;} /******************************************/ /************** ACTUALITES **************/ /******************************************/ #miseAvant {padding:30px 0 50px;} #miseAvant .pageCentrale{max-width:960px;} #miseAvant .actualite .photo{float:left; width:450px; text-align:center; margin-right:50px;} #miseAvant .actualite .photoLogo{float:left; width:45%; text-align:center; padding:0 5%;} #miseAvant .actualite .photo img, #miseAvant .actualite .photoLogo img{width:100%; height:auto; display:block;} #miseAvant .actualite .description{float:left; width:450px;} #miseAvant .actualite .description h1{font-size:2.5em; font-weight:bold;} #miseAvant .actualite .description p{font-family:'Josefin Sans';} #miseAvant .actualite .description .date{font-size:1em;} #miseAvant .actualite .description .intro{font-size:1.5em;} #miseAvant .actualite .description .lien{font-size:1.2em; font-family:'Josefin Sans'; } #actu{background:#c5c7cf;padding:40px 0;} #actu .pageCentrale{max-width:960px;} #actu .actuListe{max-width:940px; background:#fff; padding:10px 25px; margin:0 0 40px 10px;} #actu .actuListe h1 {background:#465274; padding: 0 10px; margin:0 0 10px -35px;font-size:1em; font-family:'Quattrocento Sans';line-height:30px; color:#fff;} #actu .actuListe h1 a{ line-height:30px; color:#fff;} #actu .actuListe .photo{float:left; width:150px; text-align:center; margin-right:30px;} #actu .actuListe .photo img{width:100%; height:auto; display:block;} #actu .actuListe .description{float:left; width:710px;} #actu .actuListe .date{color:#960909; font-weight:bold;} #actuFiche #titre p, #actuFiche #titre li {font-family:'Josefin Sans';} #actuFiche #titre {padding-bottom:40px;} #actuFiche #titre h1 {font-size:2.2rem; font-weight:bold; margin-bottom:0;} #actuFiche #titre .date {font-size:1.3em; font-weight:bold; margin-bottom:0; float:left;} #actuFiche #titre .retour {font-size:1.3em; font-weight:bold; margin-bottom:0; float:right;} #actuFiche #titre .intro {float:left; width:700px; font-size:1.6em;} #actuFiche #titre .voirListeModule {float:right; height:auto;} #actuFiche #aside .voirListeModule {margin:0 0 1.5rem;} #actuFiche #contenu {clear:both; background:#c5c7cf;padding:40px 0;} #actuFiche #description {float:left; width:650px; font-size:1.1em; line-height:22px;} #actuFiche #description img{display:block; margin-bottom:20px;} #actuFiche #description img{display:block; margin-bottom:20px;} .template1 #description h1{font-size:2em; font-weight:bold; margin-bottom:0;} .template1 #description h2{font-size:1.7em; font-weight:bold; margin-bottom:10px; padding-top:10px;} .template1 #description h2:first-child{padding-top:0;} .template1 #description a{font-weight:bold; color:#3b7ab0;} .template1 blockquote{font-style:italic; margin-bottom:15px; position:relative;padding:0 20px;} .titreLi {display:block; font:bold 1.5em 'Josefin Sans'; color:#3b7ab0; padding-top:15px;} .limite {display:inline-block; padding-top:8px;font:bold 1.5em 'Josefin Sans'; text-transform:uppercase; color:#960000;} .avant {display:inline-block; padding-top:8px;font:bold 1.5em 'Josefin Sans'; text-transform:uppercase; color:#3b7ab0;} .guillemet {font-size:3em; line-height:1em;color:#3b7ab0;position:absolute;} .guillemet.open {left:0;} .guillemet.close {bottom:-20px;} .voirLimo {background:#960000; text-align:center;margin-top:30px;} .voirLimo a {font:bold 2em 'Josefin Sans'; color:#fff!important; line-height:50px; display:inline-block;} .exergue {background:#fff; padding:5px; font-style:italic;} .voirListeModule {width:280px; margin-left:30px;} .voirListeModule .lien {background:#3b7ab0; padding:15px; font: bold 1.4em/24px 'Josefin Sans'; color:#fff; margin:0;} .voirListeModule .lien.disable {display:none;} .voirListeModule .ListeModule {background:#fff; padding:10px;} .voirListeModule .ListeModule li a {color:#465274; font-weight:bold; } .blocModule li {font-size:1em; margin-left:15px;} /*.template1 #titre {font-size:2em;}*/ /******************************************/ /**************** ENQUETE ***************/ /******************************************/ .enquete #bandeau {background-image:none; background-color:#023b68; height:225px; padding-top:25px; margin:0;} .enquete #bandeau h1{width:100%; position:relative; top:0; right:0; margin:0 auto; text-align:center; font-size:3.3em; font-weight:normal; line-height:0.8em;} .enquete #bandeau h1 .petit{font-size:0.7em;} #slideEnquete {max-width:1060px; margin:0 auto 30px;} #slideEnquete .flex-control-nav{width:100%; position:relative; bottom:0; top:-80px; text-align:center;} #slideEnquete .flex-control-nav li{position:relative; display:inline-block; width:30%; height:200px; padding:10px 15px; color:#023b68; text-align:left; font-weight:bold; font-family: 'Josefin Sans'; cursor:pointer; margin:0 5px; background-color:#c5c7cf; background-repeat:no-repeat; background-position:right bottom; vertical-align:top;} #slideEnquete .flex-control-nav li#onglet1{background-image:url(../images/icone/monnaie.png);} #slideEnquete .flex-control-nav li#onglet2{background-image:url(../images/icone/camembert.png);} #slideEnquete .flex-control-nav li#onglet3{background-image:url(../images/icone/clients.png);} #slideEnquete .flex-control-nav li .libelle{font-size:2.2em;} #slideEnquete .flex-control-nav li .resultat{display:block; font-size:1.4em; position:absolute; bottom:15px; left:15px;} #slideEnquete .flex-control-nav li:hover, #slideEnquete .flex-control-nav li.flex-active{background-color:#367bb1; color:#fff;} #slideEnquete .flex-control-nav li:hover:after, #slideEnquete .flex-control-nav li.flex-active:after{content:''; position: absolute; top:100%; left:20%;width: 0px; height: 0px; border-style: solid; border-width: 25px 25px 0 25px; border-color: #367bb1 transparent transparent transparent;} #slideEnquete.flexslider{background:none;} #slideEnquete .slides{padding:0 50px;} #slideEnquete #slide1{padding-bottom:30px;} /******** ONGLET 1 ********/ #slideEnquete {font-size:.9rem;} #slideEnquete .slideRow, #slideEnquete .slideTitre, #slideEnquete .slideTable, #slideEnquete .asterisque{width:645px; margin:0 auto;} #slideEnquete .slideRow {margin-bottom:30px;} #slideEnquete .slideRow label {width:55%; float:left; padding-right:15px; font:bold 2.2rem 'Josefin Sans'; line-height:55px; color:#367bb1; text-align:right;} #slideEnquete .slideRow select {width:45%; float:left; padding-left:25px; height:55px; border:3px solid #367bb1; font:bold 2.2rem 'Josefin Sans'; color:#367bb1; border-radius: 28px; behavior:url(css/PIE.htc);} #slideEnquete .slideTitre {font:bold 2.4em 'Josefin Sans'; text-align:center; color:#023b68; margin-bottom:30px;} #slideEnquete .slideTable {text-align:right; color:#023b68; margin-bottom:5px;} #slideEnquete .slideTable td{vertical-align:middle;} #slideEnquete .slideTable tbody tr td{background:#c3d7e3; border-bottom:2px solid #f0efef;} #slideEnquete .slideTable tbody tr.ligne1 td{height:50px; } #slideEnquete .slideTable .ligne1 td{font:bold 1.8em 'Josefin Sans'; cursor:pointer;} #slideEnquete .slideTable .ligne1 .add{font:normal 1.4em 'bop_icone';} #slideEnquete .slideTable .add{width:10%; text-align:center;} #slideEnquete .slideTable .libelle{width:25%; padding-right:10%;} #slideEnquete .slideTable .heure{width:10%; padding-right:10%;} #slideEnquete .slideTable .montant{width:25%; padding-right:7%;} #slideEnquete .slideTable .zoneDepliee {font:bold 1em 'Quattrocento Sans'; text-align:left; padding:10px; display:none;} #slideEnquete .slideTable .ligne2 td ul{margin:0} #slideEnquete .slideTable .ligne2 td ul li{margin-left:30px;;} #slideEnquete .slideTable tfoot tr td{background:#2287d6; height:80px; border-top:5px solid #f0efef; font:bold 2rem 'Josefin Sans'; color:#fff;} #slideEnquete .slideTable .total .add .egal{width:35%; height:22px; border-top:8px solid #fff; border-bottom:8px solid #fff; margin:0 auto;} #slideEnquete .asterisque{font:bold italic 1em 'Quattrocento Sans'; color:#023b68; text-align:right;} #methodeCalcul {padding:20px; font-size:1.4em; color:#465274;} /******** ONGLET 2 ********/ .barre {width:100%; margin-bottom:40px; font-weight:bold; font-family:'Josefin Sans';} .barre .libelle{font-size:1.8rem; color:#023b68; margin-bottom:5px;} .barre .total{background:#d7d8dd; height:45px; margin-bottom:4px;} .barre .pourcentage{background:#367bb1; height:45px; font-size:1.6em; color:#fff; text-align:right; padding-right:10px;} .barre .pourcentage .oui{font-size:1.4em;} .barre .pourcentage .nb{font-size:1.6em;} .barre .detail{font-size:1.4em; color:#023b68;} .barre1 .pourcentage{width:62%;} .barre2 .pourcentage{width:88%;} .barre3 .pourcentage{width:85%;} .enquete #slideOnglet {background:#c5c7cf; padding:30px 1px;} /******** ONGLET 3 ********/ #slide3 {text-align:center; vertical-align:top;} #slide3 h2{font-size:3em; font-weight:bold; color:#465274; text-align:center; margin-bottom:35px;} .wrap {width:290px; position:relative; display:inline-block; vertical-align:top; margin-bottom:30px;} .wrap h3{font-size:1.4rem; color:#465274; text-align:center; text-transform:uppercase;} .wrap h3 .petit{font-size:0.7em;} .wrap .pourcent{position:absolute; top:125px; left:100px; width:95px; text-align:center; font:bold 2.5rem 'Josefin Sans';} .wrap .graphique{margin:0 auto 10px; display:block;} .wrap .detail{width:210px; text-align:center; font-weight:bold; color:#465274; margin:0 auto;} .wrap1 .pourcent{color:#367bb1;} .wrap2 .pourcent{color:#88c1e7;} .wrap3 .pourcent{color:#288fe0;} .wrapFinal {width:100%; position:relative; background:#e6d6d6; border-radius:150px; padding:30px;} .wrapFinal .pourcent{position:absolute; top:92px; left:67px; width:110px; text-align:center; font:bold 2.6rem 'Josefin Sans'; color:#990000} .wrapFinal .graphique{float:left; width:190px; margin-right:30px;} .wrapFinal h3{float:left; width:600px; font-size:3rem;padding-top:30px; color:#990000;} /******** MODULE ********/ #slideModule h1 {text-align:center; color:#fff; font:bold 3.4em 'Josefin Sans'; text-transform:uppercase; margin-bottom:30px;} /******** CTA ********/ #ctaEnquete {background:#465274 url(../images/photo/pourquoiLimo.jpg) 50% 50% no-repeat; height:450px; padding-top:55px;} #ctaEnquete #zone{ padding-top:1rem; padding-bottom:1rem; background:#fff; } #ctaEnquete #zone p{font:normal 1.6rem 'Josefin Sans';} #ctaEnquete #zone .color{color:#227dcc; font-weight:bold;} #ctaEnquete .btn{color:#fff;} #ctaEnquete #tarif{background:#3b7ab0;} #ctaEnquete #tarif:hover{background:#2c6ba0;} #ctaEnquete #demo{background:#6faee3;} #ctaEnquete #demo:hover{background:#5999d0;} #ctaEnquete #documentation{background:#227dcc;} #ctaEnquete #documentation:hover{background:#166eb9;} /******************************************/ /**************** WAYNIUM ***************/ /******************************************/ #zone1 .pageCentrale{} #zone1 .pageCentrale p{} #zone1 .pageCentrale .t{ display:table-cell; font-size:1.8em; font-family:'Josefin Sans'; vertical-align:middle;} #zone1 .pageCentrale .t1{width:45%; } #zone1 .pageCentrale .t1 p{width:90%; background:#3b7ab0; color:#fff; position:relative; left:20%; padding:3% 4%; margin:0;} #zone1 .pageCentrale .t2{width:55%; background:#fff; padding:6% 5% 6% 7%; font-size:1.6em;} #zone2 {background:#c5c7cf;} #zone2 .pageCentrale{padding:2% 0;} #zone2 h2 {font-size:2.5em; font-weight:bold; color:#465274; text-align:center; margin-bottom:30px;} #zone2 .box {width:25%; float:left; padding:0 2%;} #zone2 .box:nth-of-type(1) {margin-left:0;} #zone2 .box .rectBox {width:100%; background:#465274; position:relative; margin-bottom:10px;} #zone2 .box .rectBox:before {content:''; display:block; padding-top:50%;} #zone2 .box .rectBox .rectContent{position:absolute; top:0; left:0; bottom:0; right:0;} #zone2 .box .rectBox .rectContent h3 {display: table; width: 100%; height: 100%; font-weight:bold; font-size:1.8em; color:#fff; text-align:center; padding:0 3%;} #zone2 .box .rectBox .rectContent h3 span {display: table-cell; text-align: center; vertical-align: middle;} #zone2 .box .desc{font-size:1em; font-style:italic;} #zone3 .liste {padding:3% 2%;} #zone3 .liste h2 {font-size:2.5em; font-weight:bold; text-align:center; margin-bottom:20px;} #zone3 .liste h3 {font-size:2em; color:#3b7ab0; text-align:center; margin-bottom:10px;} #zone3 .liste ul {list-style-type:none; margin:0; padding:2% 0;} #zone3 .liste ul:after {content:''; display:block; clear:both;} #zone3 .liste ul li{float:left; width:25%; padding:0 1%; margin:0;} #zone3 .liste ul li .libelle {text-align:center; font:400 1.2rem 'Josefin Sans';} #zone3 .liste ul li .libelle, #zone3 .liste ul li .ico{display:block;} #zone3 .liste ul li .ico{width:40%; margin:0 auto 10px;} #zone3 .liste ul li .ico img{width:100%; height:auto; display:block;} #zone4 {background:#fff; padding:2% 0;} #zone4 #btWaynium {font-size:1.6rem; font-family:Josefin Sans; margin:0 auto; border-radius:40px;;} /******************************************/ /**************** FORMULAIRE ***************/ /******************************************/ .row select:not([size]):not([multiple]) {height: calc(2.25rem + 2px);} .row input[type=text], .row select, .row_are textarea {display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .row_bt input:not(:disabled):not(.disabled) {cursor: pointer;} .row_bt input{display: inline-block; font-weight: 400; text-align: center; border: 1px solid #3879b1; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; color: #fff; background-color: #3879b1;} .row_bt input:hover {background-color: #206096; border-color: #206096;} #form .conteneur-form {margin: 0 auto 2rem;} #form .row, #form .row_rad, #form .row_are {margin:0 0 1rem;} #form h1 {margin-top: 20px;} #form .label-form, #form h1 {text-align: center; background: #3879b1; color: #fff; margin-bottom: 20px; line-height: 1.5;} #form .row_are textarea {height: 200px;} #form .row_rad .label {margin-bottom:.5rem;} #form .row_rad .rad {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom:.5rem;} #form .row_rad .rad label{margin:0; padding-left:.25rem;} #coordonnees {background:#c5c7cf; padding:40px 0;} #coordonnees h2 {font-size:2.5em; font-weight:bold; color:#000; text-align:center; margin-bottom:20px;} #coordonnees .box {background:#fff; padding:1rem;} #coordonnees .box p > a{display:inline-block; margin-right:10px;} /*#coordonnees .pageCentrale:first-child .box{margin-left:0%;} #coordonnees .box:last-child {margin-right:0%;}*/ #coordonnees .box h3 {font-size:1.2em;} /* INTRO PAGE */ .contact #bandeau, #introPage {background:#c5c7cf;padding:10px 0 1px;height:auto;} .contact #bandeau .pageCentrale, #introPage .pageCentrale {width:700px; margin:0 auto; vertical-align:top;} .contact #bandeau .pageCentrale p {width:100%;position:static;top:auto; right:auto;font-size:1em;color:inherit;font-weight:normal;font-family:'Quattrocento Sans';} /******************************************/ /**************** ARTICLES **************/ /******************************************/ .article {width:100%; padding:2rem 0;} .section h1{font-size:1.8rem; font-weight:bold; color:#000; margin-bottom:1rem;} .section h2{font-size:1.6rem; font-weight:bold; color:#000; margin-bottom:1rem; padding-top:1rem;} .section h3{font-size:1.4rem; font-weight:bold; color:#000; margin-bottom:1rem;} .section p + h3{padding-top:.5rem;} .section p, .section li{font-size:1rem; line-height:1.4;} .section p img{width:100%; height:auto;} .aside .box{width:100%; margin-bottom:1.5rem;} .aside .box .photo img{width:100%; height:auto; display:block;} .aside .box .detail {background:#fff; padding:1rem;} .aside .box .detail h2{font-size:1.2rem; font-weight:bold;} .aside .box .detail .boutons{margin:0; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important;-ms-flex-wrap: wrap!important; flex-wrap: wrap!important;} .aside .box .detail .boutons .btn{margin-bottom:.5rem;} /******************************************/ /**************** PIEDPAGE **************/ /******************************************/ .footer {background:#000; color:#fff;} .footer #infoLimo {font-size:.9rem;} .footer #infoLimo #logoMini {display:block; width:100%; height:auto; margin-bottom:20px;} .footer #infoLimo .tel {background-image:url(../images/icone/telBottom.png); color:#fff; } .footer #infoLimo .tel .numero{color:#4990d2;} .footer .reseau{} .footer .reseau a{display:inline-block; margin-bottom:.5rem; clear:both;} .footer .reseau a .fa{color:#fff;} .footer .reseau a:hover .fa{color:rgba(255,255,255,.5);} .footer .footer-nav > span{border-left:4px solid #465274; display:block; color:#fff; line-height:1.1; font-weight:bold; padding-left:10px; margin:20px 0;} .footer .footer-nav .nav .nav-link{padding:.3rem 0; font-size:.9rem; color:#fff;} .footer .footer-nav .nav .nav-link.active, .footer .footer-nav .nav .nav-link:hover{color:rgba(255,255,255,.5);} .piedpage {background:#282828; color:#fff; font-size:.9rem;} .piedpage a{color:rgba(255,255,255,.5);} .piedpage .langue a{padding:0 .25rem;} /******************************************/ /**************** RESPONSIVE ADAPTATION **************/ /******************************************/ @media screen and (max-width: 1050px) { #cta #demo {width:24%; margin-left:4%; margin-right:4%;} #cta .box {width:34%; margin-top:30px;} #cta .box p{margin-left:5px; font-size:1.2em;} #utilisateursLimo .pageCentrale{padding:40px 20px; position:relative;} #utilisateursLimo h1{font-size:2.8em; position:initial; width:100%; text-align:center;} #utilisateursLimo .bloc {width:34%;} #utilisateursLimo #faq {width:24%; height:auto; margin:0; float:left; margin-left:4%;} #utilisateursLimo #faq .photo{width:100%; float:none; display:block;} #utilisateursLimo #faq .descBloc{width:100%; float:none;} #labelLimo #labels {width:26%; top:-20px; height:auto;} #labelLimo #labels:after {border:0;} #labelLimo #labels h2 {font-size:2em;} #texteDensite .pageCentrale {width:80%; padding:20px 0;} #slideModule2emeVersion.flexslider .slides {height:auto;} #slideModule2emeVersion.flexslider .slides .prev, #slideModule2emeVersion.flexslider .slides .next {display:none;} #slideModule2emeVersion.flexslider .slides .curr {width:100%;} #slideModule2emeVersion.flexslider .slides .curr img{width:100%;} .avantage {float:none; width:100%; height:auto; margin-bottom:15px;} .avantage .photo{width:30%;} .avantage .photo img{width:100%;} .avantage .description{width:70%;} .avantage:nth-of-type(6n+2), .avantage:nth-of-type(6n+5), .avantage:nth-of-type(6n+6) {float:none;} .avantage:nth-of-type(6n+2), .avantage:nth-of-type(6n+4) {width:100%; height:auto;} .avantage:nth-of-type(6n+2) .photo, .avantage:nth-of-type(6n+4) .photo{width:30%; float:left;} .avantage:nth-of-type(6n+2) .description, .avantage:nth-of-type(6n+4) .description {width:70%; float:left;} .avantage:nth-of-type(6n+3) .photo, .avantage:nth-of-type(6n+5) .photo {float:left;} .avantage:after{content:''; position:relative; width: 0; height: 0; border: 0;} .avantage:nth-of-type(6n+1):after, .avantage:nth-of-type(6n+4):after {top:0; right:0; border-width:0; border-color: transparent;} .avantage:nth-of-type(6n+2):after, .avantage:nth-of-type(6n+3):after, .avantage:nth-of-type(6n+5):after, .avantage:nth-of-type(6n+6):after {bottom:0; left:0; border-width:0; border-color: transparent;} .avantage:nth-of-type(6n+5):after {right:0;} .avantage:last-child:after {border:none;} #avantages #clients {display:none;} .module #accroche {text-align:center;} #bandeau h1, #bandeau p {width:45%; top:35px; right:10px;} #references .flexslider {width:100%;} #references .logoRef{width:20%; height:auto; padding:0 10px; margin:0 0 15px;} #references h1{font-size:2.8em; margin-bottom:20px;} #temoignages {height:auto;} #temoignages .pageCentrale {padding:20px;} #temoignages h1 {font-size:2.8em;} #temoignages .temoignage .wrapper {padding:20px;} #temoignages #slideTemoignage.flexslider {width:100%; margin:0;} #services h1 {font-size:2.4em;} #services .box {width:25%; float:left; margin-right:0; position:relative; margin-bottom:20px; padding:0 10px;} #services .box img{width:100%; display:block;} #services .box h2 , #services #box4 h2{font-size:1.4em; line-height:1em; padding:10px 0; height:auto; margin:0;} #services .box .desc {font-size:0.9em; background:#fff; color:#000; padding:5px; width:100%; height:auto; position:relative; top:0; left:0;} .lt-ie9 #services .box .desc {background:#fff;} #offres h1 {font-size:2.8em;} #offres #tableau {width:100%;} #offres #tableau #th01 {width:40%;} #offres #btTarif {font-size:3em;} #miseAvant .actualite .photo {width:48%; float:left; margin:0;} #miseAvant .actualite .photo img{width:100%;} #miseAvant .actualite .description {width:48%; float:right;} #miseAvant .actualite .description h1 {font-size:2.4em;} #actu .actuListe .photo {width:20%; margin:0; text-align:center;} #actu .actuListe .description {width:80%; margin:0; padding-left:20px;} #actu .actuListe {margin-bottom:20px;} #aside{width:30%;} #actuFiche #titre .voirListeModule {width:30%;} #actuFiche #titre h1 {font-size:2.5em;} #actuFiche #titre .date, #actuFiche #titre .retour {float:none;} #actuFiche #titre .intro {width:auto; float:none;} #actuFiche #description {width:65%;} #actuFiche #description img{width:100%; height:auto;} .contact_evolution #form #conteneurFieldset-groupe_0_1, .contact_mail #form #conteneurFieldset-groupe_0_0, .contact_faq #form #conteneurFieldset-groupe_0_1 {width:60%; padding:0 20px; margin:0;} .contact_evolution #form #conteneurFieldset-groupe_0_0, .contact_mail #form #conteneurFieldset-groupe_0_1, .contact_faq #form #conteneurFieldset-groupe_0_0{width:40%; padding:0 20px; margin:0;} .row_rad .rad{margin-left:30%;} .row_rad .label, .row label {width:30%; padding-right:5px; margin-right:0;} .row input, .row select {width:50%;} .row_are textarea {width:100%;} #zone4 #btWaynium {width:90%;font-size:1.8em; line-height:60px;} } @media screen and (max-width: 900px) { #choisirLimo #choisirLimoInt {float:none; margin:0 auto;} #cta .pageCentrale {padding:0 20px; text-align:center;} #cta #demo{} #cta #demo img{display:block;} #cta .box{background-image:none; margin-top:30px; height:auto;} #cta .box p{margin:0 0 15px; text-align:center;} #cta .box .btn {width:auto; display:block; margin:0 auto;} #utilisateursLimo h1{font-size:2.5em;} #utilisateursLimo .bloc {width:34%; min-height:308px; height:auto;} #utilisateursLimo #reseau p {margin-bottom:10px;} #utilisateursLimo .reseau a {width:30px; height:30px;} #miseAvant .actualite .photo {width:40%; float:right; margin:0; padding:0 0 20px 20px;} #miseAvant .actualite .description {width:100%; float:none;} #miseAvant .actualite .description h1 {font-size:2em; margin-bottom:10px;} #actu .actuListe .photo img{width:100%;} #offres #btTarif {font-size:2.5em;} } @media screen and (max-width: 780px) { #utilisateursLimo .pageCentrale{padding:20px 10px;} #utilisateursLimo h1{font-size:2.4em;} #utilisateursLimo .bloc {width:100%; min-height:inherit; margin:0 0 10px;float:none;} #utilisateursLimo .bloc:after {content:''; clear:both; display:block;} #utilisateursLimo .bloc .photo{width:30%; float:left; vertical-align:middle;} #utilisateursLimo .bloc .descBloc{width:70%; float:left; font-size:0.9em; padding:5px; position:relative;} #utilisateursLimo .bloc .descBloc p{margin-bottom:5px;} #utilisateursLimo .bloc .descBloc .reseau a{width:25px; height:25px; margin:0 5px 0 0;;} #utilisateursLimo #idee {float:none;} #utilisateursLimo #faq {width:100%; float:none; margin:0 auto; text-align:center; clear:both;} #utilisateursLimo #faq .photo{display:none;} #utilisateursLimo #faq .descBloc p{display:inline-block;} #clients h2{font-size:2em; text-align:center; margin:0 !important;} #clients img{display:none;} #labelLimo .box{width:100%; float:none; padding:15px 0;} #labelLimo .box h2{color:#960909; font-weight:bold; margin-bottom:20px;} #labelLimo #clients{padding-left:20px;} #labelLimo #clients img{display:none;} #labelLimo #labels{width:100%; height:auto; position:relative; top:0; left:0; background:#465274; margin:0; padding:15px;} #labelLimo #labels:after{content:''; display:block; clear:both; border:0; position:relative;} #labelLimo #labels h2{margin-bottom:10px;} #labelLimo #labels .label{width:50%; height:87px;float:left; margin:0; background-position:center center;} #labelLimo #temoignagesHome{float:none;} .module #accroche {font-size:2em; text-align:center;} .avantage .description{padding:10px;} .avantage .description h2{font-size:1.4em; margin-bottom:10px;} .avantage .description p{font-size:0.9em;} #bandeau h1, #bandeau p {font-size:1.8em;} #references .logoRef{width:25%;} #offres h1, #services h1 {font-size:2em;} #services .box .desc {display:none;} #actuFiche .bloc .descBloc{padding:8px;} #actuFiche .bloc .descBloc ul li{margin-left:20px; margin-bottom:5px;} #actuFiche .bloc .descBloc ol li, #actuFiche .bloc .descBloc p{font-size:1em;} #actuFiche .bloc .descBloc h2{font-size:1.2em;} #actuFiche #titre #moduleLimoListe h2{font-size:1.2em; padding:10px;} #actuFiche #titre h1 {font-size:1.8em;} #actuFiche #titre .date, #actuFiche #titre .retour {float:none;} #actuFiche #titre .intro {width:auto; float:none;} #actuFiche #description {width:65%;} .contact_evolution #form #conteneurFieldset-groupe_0_1, .contact_mail #form #conteneurFieldset-groupe_0_0, .contact_faq #form #conteneurFieldset-groupe_0_1 {width:100%; padding:0 50px; float:none;} .contact_evolution #form #conteneurFieldset-groupe_0_0, .contact_mail #form #conteneurFieldset-groupe_0_1, .contact_faq #form #conteneurFieldset-groupe_0_0{width:100%; padding:0 50px; float:none;} #zone2 .box {width:50%; padding:0 2%; margin-bottom:20px;} #zone2 .box:nth-of-type(3) {clear:both;} #zone3 .liste h3 {font-size:1.8em;} #zone3 .liste ul li{width:50%; margin-bottom:20px;} #zone3 .liste ul li:nth-of-type(3) {clear:both;} #zone4 #btWaynium {font-size:1.6em; line-height:30px; padding:2%;} } @media screen and (max-width: 640px) { } @media (min-width: 576px) { .contact .conteneur-form {width:75%;} } @media (min-width: 576px) and (max-width: 767px) { .footer #infoLimo #logoMini {width:75%;} } @media (min-width: 768px) { .contact .conteneur-form {width:65%;} } @media (min-width: 768px) and (max-width: 991px) { .footer #infoLimo #logoMini {width:50%;} } @media (min-width: 992px) { .navbar-expand-lg .navbar-nav .nav-link {padding-right: .75rem; padding-left: .75rem;} #header .navbar-nav .nav-link {color:#000; padding-bottom:0;} #header .navbar-nav .nav-link.active, #header .navbar-nav .nav-link:hover {color:#3879b1;} #header .headerTop {position:absolute; top:0; right:1rem;} #header .espaceclient {border-radius:0 0 .25rem .25rem;} #baseline { text-align:center;} .contact .conteneur-form {width:55%;} } @media (min-width: 1200px) { .centrePage {width:1200px; margin:0 auto;} .article {width:1200px; margin:0 auto;} #slideHome .descSlide, #banner .bannerDesc {width:1280px;} .contact .conteneur-form {width:45%;} }