/* Theme Name: Manoir de Clairefontaine 2017 Theme URI: https://www.manoirdeclairefontaine.com Description: thême créé pour le Manoir de Clairefontaine Version: 1.0 Author: i10 groupe Author URI: http://www.i10.fr/ */ /* outline: none; permet d'enlever l'encadrer sur les imagess boutons une fois que l'internaute a cliqué sur le btn */ *{margin:0;padding:0;border:0;outline: none; } html, body {font-family: 'Open Sans', sans-serif;width:100%;margin: 0;background:white ;font-size: 62.5%;/* 16px x 62.5% = 10px */} body {width:100%;min-height: 100vh;position: relative;} #fondSite{position: fixed;width:100%;height:100%;z-index: 1; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; /*par défaut scroll */ -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */ } /* font-family: 'Sail', cursive; font-family: 'Open Sans', sans-serif; */ .clearBoth{clear:both !important;height:0px !important; overflow: hidden !important;border:none !important;padding:0 !important;margin:0 !important;} /* ******************************************************************* */ /* corps */ /* ******************************************************************* */ .corps{font-size:1.6rem;line-height:auto;} .corps table{border:0;padding:0;border-collapse:collapse;max-width:100%;} .corps td{color:black;font-size:1.6rem;line-height:auto;} .corps p{margin-top:10px;margin-bottom:2px;font-size:1.6rem;line-height:auto;text-align:justify;color:black;} .corps img{border:none;max-width:100%;height:auto;} .corps iframe{max-width:100%;} .corps object{max-width:100%;} .corps a{text-decoration:underline;color:black;} .corps a:hover{text-decoration:underline;color:black;} .corps h1{font-size:4.0rem;line-height:4.2rem;font-weight:bold; text-align:center;margin-top:40px;margin-bottom:50px;color:#451d0b;font-family: 'Sail', cursive;position: relative;} #titreInt{font-size:4.0rem;line-height:4.2rem;font-weight:bold; text-align:center;margin:0;color:white;font-family: 'Sail', cursive;position: relative; background: rgba(69, 29, 11, 0.8) none repeat scroll 0 0;bottom: 0;left: 0;padding: 40px 200px;position: absolute;right: 0;text-align: center;z-index: 900;} .corps h2{font-size:3.5rem;line-height:auto;font-weight:bold;text-align:left;margin-top:32px;margin-bottom:15px;color:#451d0b;font-family: 'Sail', cursive;border-bottom: 1px solid #451d0b;} .corps h3{font-size:2.5rem;line-height:auto;font-weight:bold; text-align:left;margin-top:22px;margin-bottom:10px;color:black;} .corps h4{font-size:1.8rem;line-height:auto;font-weight:bold; text-align:left;margin-top:10px;margin-bottom:5px;color:black;} .corps h5{font-size:1.7rem;line-height:auto;font-weight:bold; text-align:left;margin-top:8px;margin-bottom:4px;color:black;} .corps h6{font-size:1.6rem;line-height:auto;font-weight:bold; text-align:left;margin-top:6px;margin-bottom:3px;color:black;} .corps ul{} .corps li{margin-left:40px;margin-top:10px;font-size:1.6rem;line-height:auto;color:black;} .corps ol{margin-left:40px;margin-top:10px;font-size:1.6rem;line-height:auto;color:black;} .corps hr{/*clear:both ;*/width:100%;height:1px ; overflow: hidden ;border:none ;padding:0 ;margin:20px 0 10px 0 ;background: #CFD0D0;} .corps blockquote{padding:5px 10px 10px 10px;background:rgba(69,29,11,0.8);border-radius:10px;margin:15px 0;color:white;/*clear:both;*/} .corps blockquote p{color:white;} .corps blockquote a{color:white;} .corps blockquote a:hover{color:white;} .corps input{border:1px solid #ccc;} .corps select{border:1px solid #ccc;} /* ******************************************************************* */ /* class par défaut dans wp */ /* ******************************************************************* */ .alignleft{ display:inline; float:left;margin:0.5em 1em 0.5em 0;} .aligncenter{ /*clear:both;*/ display:block; margin-left:auto; margin-right:auto;} .alignright{ display:inline; float:right;margin: 0.5em 0 0.5em 1em} .gallery .gallery-caption {font-size: 1.3rem;line-height: 1.5rem;margin: 4px 0;} .corps .wp-caption-text{font-size: 1.2rem;line-height: 1.5rem;font-style: italic;margin:5px 0;} /* ******************************************************************* */ /* class rajouter dans tiny mce */ /* ******************************************************************* */ .corps .hrTransparent{background: transparent !important;height: 0 !important;margin:0 !important;} .textTab {border:0!important;padding:0!important;border-collapse:collapse!important;} .textTab td{border:1px solid #666 !important;padding:10px!important} .textTabSansCadre {border:0!important;padding:0!important;border-collapse:collapse!important;} .textTabSansCadre td{border:0!important;padding:10px!important} .textTab,.textTabSansCadre{margin:auto !important} .img100{width:100% !important;height:auto !important;margin:0 !important;} .imgArrondi{border-radius:5px;box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);} /* ******************************************************************* */ /* cookie notice */ /* ********************************************************************/ #cookie-notice{width:410px;min-width:0 !important;background: rgba(0,0,0,0.8) !important; font-size: 1.2rem !important;line-height: 1.4rem !important;left:80px !important;bottom:20px !important} #cookie-notice .button.wp-default{padding:2px 5px !important;margin:0 !important;border: 0 !important;font-weight: bold !important;background: transparent !important;font-size: 1.2rem !important;line-height: 1.4rem !important;text-decoration: underline !important;text-shadow:none !important;color: #cccccc !important;} #cookie-notice .button.wp-default:hover{color: white !important;} /* ******************************************************************* */ /* gravity */ /* ********************************************************************/ .gform_wrapper label a{text-decoration: underline;} /* ******************************************************************* */ /* pagination */ /* ******************************************************************* */ .wp-pagenavi {clear: both;padding:30px;text-align: center;} .wp-pagenavi a, .wp-pagenavi span {border: 1px solid #451d0b;margin: 2px;padding: 3px 5px;text-decoration: none;} .wp-pagenavi a{color:#451d0b;} .wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;} .wp-pagenavi span.current {font-weight: bold;} /* ******************************************************************* */ /* meta slider */ /* ******************************************************************* */ .metaslider{overflow: hidden;} .flex-control-nav{margin: auto !important;} /* ******************************************************************* */ /* formulaire connexion mot de passe page */ /* ******************************************************************* .post-password-form input{border:solid 1px #5A544E;padding:2px 5px;} .post-password-form input[type="submit"]{cursor:pointer;background:#d8d8d8;} .post-password-form input[type="submit"]:hover{background:#bfbfbf;} .btnDecoExtranet{cursor:pointer;background:#d8d8d8;border:solid 1px #5A544E;padding:2px 5px;} */ /* ******************************************************************* */ /* fil d'ariane et formulaire de recherche */ /* ********************************************************************/ #breadcrumbsContent {max-width:1120px;position: relative;margin:auto;padding:20px 40px;/*background: rgba(69,29,11,0.5);*/background: rgba(0,0,0,0.4);z-index: 10; -webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #breadcrumbsContent:hover{background: rgba(0,0,0,0.7);} /* formulaire de recherche */ #formSearch{position: relative;float:right;width: 191px;height:27px;padding:0;margin-left:40px;} #formSearch #s{color: black;font-size: 13px; width: 155px;height:27px;padding:0 5px;display: block;float:left;border: 0;background:rgba(255,255,255,0.8); } #formSearch #btnRecherche{width:26px;height:27px;background:rgba(255,255,255,0.8) url("images/btn-search.png") no-repeat 0 0 ;display: inline-block;cursor:pointer;} /* fil d'ariane */ #breadcrumbs {padding:5px 0;margin:0;color:black;font-size:1.5rem;line-height: 1.7rem;text-align:left;font-style:italic;} #breadcrumbs span{ color:white;font-size:1.5rem;line-height: 1.7rem;text-align:left;font-style:italic;} #breadcrumbs a{color: white;text-decoration:none;font-size:1.5rem;line-height: 1.7rem;font-style:italic;} #breadcrumbs a:hover{color: white;text-decoration:underline;} /* ******************************************************************* */ /* Search */ /* ******************************************************************* #ulSearch{} #ulSearch li{display: block;clear: both;margin: 20px 0} #ulSearch li .imgUne{} #ulSearch li .titre{} #ulSearch li .extrait{} */ /* ******************************************************************* */ /* liste archive : article et agenda */ /* ******************************************************************* #homeActu{width:270px;background:#ebebe7;float:left;padding:20px 10px 20px 10px;} #homeActuBtn{display:block;float:right;font-size:1.2rem;color: #656565;text-transform: uppercase;margin-top: 5px;} #homeActuTitre{text-transform:uppercase;font-size:2.0rem;color:#4a2570;font-weight:bold;margin-bottom:10px;} .homeActuTitres {margin-top:15px;} .homeActuTitres a{text-transform:uppercase;font-size:1.2rem;color: #755991;font-weight: bold;text-decoration:none;} .homeActuTitres a:hover{text-decoration:underline;} .homeActuTextes{color: #565656;font-size: 1.2rem;padding-bottom:15px;border-bottom: 1px solid #d0cfce;} */ /* ******************************************************************* */ /* slider carousel slick */ /* ******************************************************************* */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #fff url("js/slick/ajax-loader.gif") center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Icons */ @font-face { font-family: "slick"; src: url("js/slick/fonts/slick.eot"); src: url("js/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("js/slick/fonts/slick.woff") format("woff"), url("js/slick/fonts/slick.ttf") format("truetype"), url("js/slick/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next {position: absolute; display: block; height: 40px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 30px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -50px; } [dir="rtl"] .slick-prev { left: auto; right: -50px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -50px; } [dir="rtl"] .slick-next { left: -50px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: relative; bottom: 0; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 30px; width: 30px; margin: 0; padding: 0; cursor: pointer;outline-style:none !important; } .slick-dots li button { border: 0; background: transparent; display: block; height: 30px; width: 30px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 30px; height: 30px; font-family: "slick"; font-size: 15px; line-height: 30px; text-align: center; color: white; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: white; opacity: 0.75; } /* *********************************************************************************************************************************** */ /* SITE */ /* *********************************************************************************************************************************** */ .siteMobile{display:none;} .siteClassique{display:block;} .alertConfig{width: 96%;font-size: 1.5rem;line-height: 18px;color: white;background: #b01727;padding: 5px 2%;position: relative;text-align: center;font-weight: 700;z-index: 99999;display: block;} /* *********************************************************************************************************************************** */ /* TETE */ /* *********************************************************************************************************************************** */ #headerSite{position: relative;min-height: 250px;z-index: 11;} /* header logo et menu -------------------------------------*/ #headerLogo{width:100%;height:auto;position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);z-index: 901;-webkit-box-shadow: 0 0 10px 0 #000000;box-shadow: 0 0 10px 0 #000000;} #headerLogoContent{width:100%;max-width:1200px;margin:auto;padding:0;position: relative;} /* logo */ #logo{display: block;margin-left: 3%;padding:5px;height: 83px;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #logo img{display: block;width: auto;height: 100%;} /* menu */ #btnMenuOpen {display: none;} #menuTeteContainer{display:block;margin-right:3%;position: absolute;bottom: 0;right: 0;} #btnMenuClose{display: none;} #menuTete {margin:auto;list-style: none;position:relative;text-align: center;} #menuTete #btnAccueil{display: none;} #menuTete li {position: relative;display:inline-block;margin:0;padding:0;list-style: none;} #menuTete li a {display: block;margin:0;padding:15px 20px;height:35px;color: white; font-size: 1.5rem;line-height: auto;text-decoration: none;text-align: center;} #menuTete li a:hover{color: white;} #menuTete li .hrNiv1{position: absolute;width: 30%;height: 1px;bottom: 0;left: 35%;z-index: 101;background-color:white; -webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #menuTete li:hover .hrNiv1{width: 100%;left:0;} /* #menuTete .appendLink {display:none;vertical-align:middle;color: #ffffff;cursor:pointer;font-size:18px;line-height: 20px; background: #43494c; border: 0;padding:0;z-index: 102; position: absolute; right: 0;top:0;height:40px;width:40px;} #menuTete .appendLink span{display:block;margin:auto;} #menuTete li ul {position: absolute; display:none;padding:0; margin:0;z-index: 2000;list-style: none;left:-25px;} #menuTete li:hover ul{display:block;} #menuTete li:hover ul li ul{display:none;} #menuTete li ul li {} #menuTete li ul li a {display: block;width: 200px;height: auto;padding:5px 10px;margin: auto;font-size: 1.4rem;line-height: auto;color: white;text-decoration: none;text-align: left;border-bottom:1px dashed #714d33;background:rgba(0,0,0,0.8);} #menuTete li ul li a:hover{text-decoration:none;background:#453827;color: white;} #menuTete li ul li ul {display:none;top:0;left:219px;border-left:1px solid #714d33;} #menuTete li ul li:hover ul {display:block;} #menuTete li ul li ul li{} #menuTete li ul li ul li a {} #menuTete li ul li ul li a:hover{text-decoration:none;background:#453827;color: white;}*/ /* selector */ #menuTete li .parentNiv1{color: yellow;}/* #menuTete li ul .current_page_parent a{background:#453827;} #menuTete li ul .current_page_parent ul li a{background:rgba( 143, 102, 90, 1);} #menuTete li ul .current_page_item a{background:#453827;} #menuTete li ul .current_page_item ul li a{background:rgba( 143, 102, 90, 1);} #menuTete li ul .current_page_parent ul .current_page_item a{background:#453827;}*/ /* slider home -------------------------------------*/ #sliderFondHome{position: relative;width: 100%;height: 100vh;overflow: hidden;} #sliderFondHome li{display: block;width:100%;height:100%;position:absolute;z-index: 10; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; /*par défaut scroll sinon fixed */ -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */ } /* bouton slider */ #sliderBtnHome{position:absolute;left:80px;bottom:130px;z-index: 900;text-align: center;background: rgba(0,0,0,0.7);padding: 10px;} /* puce slider */ #puceSlider{display: inline-block;position: relative;text-align: center;} #puceSlider li{display: inline-block;width: 14px;height:16px;margin: 5px;cursor: pointer;background-image: url("images/dot-slider.png") ;background-repeat:no-repeat;background-position: -28px center;} #puceSlider li:hover{background-position: -14px center;} #puceSlider .selected{background-position: 0 center;} /* bouton slider */ .btnSliderUne{display:inline-block;width:10px;height:20px;text-decoration:none;background-image: url("images/actu-btn.png"); background-repeat:no-repeat;} .btnSliderUne:hover{text-decoration:none;} #btnSliderUnePrev{background-position: 0 0;margin-right:20px;} #btnSliderUneNext{background-position: -10px 0;margin-left:20px;} /* infos slider */ #titleSlider{position:absolute;left:80px;bottom:180px;z-index: 900;background: rgba(0,0,0,0.7);font-size: 1.5rem; -webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #titleSlider:hover{background: rgba(0,0,0,1);} #titleSlider li{display: none ;max-width: 400px;} #titleSlider .selected{display: block;} #titleSlider li a{display: block;padding:20px;text-decoration: none;color: white;} #titleSlider li a:hover{text-decoration: none;} #titleSlider li a:hover .lireLaSuite{background: rgba(255,255,255,0.3);} #titleSlider li a .titre{font-size:3.0rem;line-height: 3.2rem;font-family: 'Sail', cursive;} #titleSlider li a .extrait{font-size: 1.5rem;line-height: 1.7rem;margin-top:20px;} #titleSlider li a .lireLaSuite{display:block;width:100px;font-size: 1.5rem;line-height: 1.7rem;text-align: center;margin-top:20px;padding: 5px;border: 1px solid white; -webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} /* logos home -------------------------------------*/ #homeLogo{display: block;position: absolute;right: 80px;bottom: 120px;z-index: 900;} #homeLogo li{display: inline-block;margin:10px;} #homeLogo li a{display: block;text-decoration:none;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #homeLogo li a:hover{text-decoration:none;-webkit-filter: saturate(0);filter: saturate(0);} #homeLogo li a img{display: block;height: 100%;width: auto;} /* btn next section -------------------------------------*/ .nextSectionHome{position: absolute;display:block;bottom: 40px;left: 40%;right: 40%;text-align: center;} #nextSectionInt{position: absolute;display:block;bottom: 5px;right:40px;} .nextSection{position: absolute;display:block;z-index: 900;animation-duration: 3s !important;color:white;text-align:center;font-size: 1.8rem;line-height: 4.5rem;font-weight:bold;text-decoration: none;} .nextSection:hover{text-decoration: none;} /* *********************************************************************************************************************************** */ /* HOME */ /* *********************************************************************************************************************************** */ .sectionHome{display: flex;width:100%;min-height: 100vh;position: relative;padding: 40px 0;z-index: 10;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .titreHome{font-size:4.0rem;line-height:4.2rem;font-weight:bold; text-align:center;color:white;font-family: 'Sail', cursive;position: relative;} /* section 2 : presentation -------------------------------------------- */ #presentation{} #presentationContent{margin:auto;width:100%;background:rgba(69,29,11,0.9); } #presentationTitre{width:50%;margin:10vh auto 0 auto;} #presentationTexte{width:50%;margin:5vh auto;} #presentationTexte *{color:white;font-family: 'Sail', cursive;font-size: 2.0rem;} #btnPresentation{display:block;font-size: 1.5rem;line-height: 1.7rem;text-decoration:none;text-transform: uppercase;color: white;padding:10px;border: 1px solid white;width: 150px;margin: 0 auto 10vh auto;text-align: center; -webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #btnPresentation:hover{background: rgba(255,255,255,0.3);text-decoration:none;} /* section 3 : avis -------------------------------------------- */ #avis{} #avisContent{margin:auto;width:100%;background:rgba(69,29,11,0.9); } #avisTitre{width:50%;margin:10vh auto;} #homeAvisCarousel{width:50%;margin:10vh auto;} #homeAvisCarousel .slick-slide{padding:20px;} #homeAvisCarousel .slick-slide .imgUne{float: left;margin: 0 10px 10px 0;width:45px;height: auto;border-radius: 20px;} #homeAvisCarousel .slick-slide .titre{color: white;font-style: bold;font-size: 2.0rem;line-height: 2.2rem;} #homeAvisCarousel .slick-slide .note{color: white;font-style: bold;font-size: 1.8rem;line-height: 2.2rem;} #homeAvisCarousel .slick-slide .note img{display: inline;width: 20px;margin:2px;} #homeAvisCarousel .slick-slide .extrait{clear:both;color:white;font-style: italic;font-size: 1.5rem;line-height: 1.7rem;} /* section 4 : actualites -------------------------------------------- */ #actualites{} #section4Content{margin:auto;width:50%;} /* section 4 left */ #section4Left{width:47%;display:block;float:left;margin:0 6% 0 auto;min-height: 100px;} /* en 1 clic */ #en1ClicDiv{ padding: 5vh 0;background:rgba(69,29,11,0.9);} #en1ClicTitre{} #en1ClicMenu{display: block;text-align:center;padding:20px;} #en1ClicMenu li{display:block;text-align:center;color: white;font-size:1.5rem;list-style:none;margin:0;} #en1ClicMenu li a{display:block;color: white;font-size:1.5rem;padding:5px 0;text-decoration:none;border: 1px solid transparent;} #en1ClicMenu li a:hover{text-decoration:none;font-weight: bold;border: 1px solid white;} /* suivez nous */ #suivezNousDiv{ padding: 5vh 0;margin-top:30px;background:rgba(69,29,11,0.9);} #suivezNousTitre{} #suivezNousMenu{display: block;text-align:center;padding:20px;} #suivezNousMenu li{display:inline-block;text-align:center;color: white;font-size:1.5rem;list-style:none;margin:0 10px;} #suivezNousMenu li a{text-decoration:none;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #suivezNousMenu li a:hover{text-decoration:none;opacity: 0.7;} /* section 4 right */ #section4Right{width:47%;display:block;float:left;margin:0 auto;background:rgba(69,29,11,0.9);} /* titre */ #actualiteTitre{margin: 5vh 0 0;} /* liste des actualités */ #actusHome{display: block;width: 70%;margin:25px auto 0;} #actusHome li{display: block;} #actusHome li a{display: block;text-decoration: none;} #actusHome li a:hover{text-decoration: none;} #actusHome li a:hover .imgUne{opacity:0.6;/*-webkit-filter: grayscale(1);filter: grayscale(1);*/} #actusHome li a:hover .lireLaSuite{background: rgba(255,255,255,0.3);} #actusHome li a .imgUne{width: 100%;height: auto; -webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #actusHome li a .titre{font-size: 1.8rem;line-height: 2.0rem;font-weight:bold;text-transform: uppercase;color: white;text-align: center;margin-top: 20px;} #actusHome li a .lireLaSuite{font-size: 1.5rem;line-height: 1.7rem;text-transform: uppercase;color: white;padding:10px;border: 1px solid white;width: 150px;margin: 20px auto 5vh auto;text-align: center; -webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} /* *********************************************************************************************************************************** */ /* MIDDLE */ /* *********************************************************************************************************************************** */ #middleSite {max-width:1120px;margin:0 auto;padding:40px;background: rgba(250, 245, 245, 0.9);position:relative;z-index: 10;} /* menu niveau 3 */ #menuNiv3{display: block;text-align: center;} #menuNiv3 li{display: inline-block;width:245px;margin:15px;padding:0;vertical-align: top;} #menuNiv3 li a{text-decoration: none;font-size: 1.8rem;line-height: 2.0rem;font-weight:700;display:block;position: relative;} #menuNiv3 li a:hover{text-decoration: none;} #menuNiv3 li span{background: rgba(0,0,0,0.7);display: block;padding: 5%;color: white; -webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #menuNiv3 li .avecImg{left: 0;padding: 5%;position: absolute;right: 0;top: 0;z-index: 15;} #menuNiv3 li img{width: 100%;height: auto;display: block;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #menuNiv3 li:hover img{-webkit-filter: grayscale(1);filter: grayscale(1);} #menuNiv3 li:hover span{background: rgba(69,29,11,0.8);color: white; } /* *********************************************************************************************************************************** */ /* PIED */ /* *********************************************************************************************************************************** */ #footerHr{width: 100%;position: relative;height: 200px;background: transparent;border: 0;z-index: 10;} #footerSite{width: 100%;position: absolute;bottom:0;background: white;z-index: 10;} /* btn haut de page */ #btnHdp{display:none;position: fixed;bottom: 20px;right: 40px;color:black;z-index: 901; width: 0;height: 0;border-style: solid;border-width: 0 20px 40px 20px;border-color: transparent transparent black transparent; -webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #btnHdp:hover{border-width: 0 30px 60px 30px;} /* footer logo */ #footerLogo{display: block;position: absolute;left: 0;} #footerLogo li{display: inline-block;margin:10px;} #footerLogo li a{display: block;height: 100px;text-decoration:none;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} #footerLogo li a:hover{text-decoration:none;-webkit-filter: saturate(0);filter: saturate(0);} #footerLogo li a img{display: block;height: 100%;width: auto;} /* footer coordonnes */ #footerCoordonnees{padding: 25px 20px 0;} #footerCoordonnees *{color: #451d0b;} /* footer menu */ #footerMenu{display: block;text-align:center;padding:25px;} #footerMenu li{display:inline;color: #451d0b;font-size:1.1rem;list-style:none;margin:0;} #footerMenu li:after {content: "|";padding: 0 4px 0 8px;} #footerMenu li a{color: #451d0b;font-size:1.1rem;text-decoration:none;} #footerMenu li a:hover{text-decoration:underline;}