@font-face {font-family:'arrows'; font-weight:normal; font-style:normal;
    src:url('fonts/arrows/arrows.eot'); 
    src:url('fonts/arrows/arrows.eot?#iefix') format('embedded-opentype'),
		url('fonts/arrows/arrows.woff') format('woff'),
		url('fonts/arrows/arrows.ttf') format('truetype'),
		url('fonts/arrows/arrows.svg#arrows') format('svg'); }

@font-face { font-family: 'antonioregular';
    src: url('fonts/antonio-regular-webfont.eot');
    src: url('fonts/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/antonio-regular-webfont.woff') format('woff'),
         url('fonts/antonio-regular-webfont.ttf') format('truetype'),
         url('fonts/antonio-regular-webfont.svg#antonioregular') format('svg'); font-weight: normal; font-style: normal;}


@font-face {font-family: 'antoniolight'; 
    src: url('fonts/antonio-light-webfont.eot');
    src: url('fonts/antonio-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/antonio-light-webfont.woff') format('woff'),
         url('fonts/antonio-light-webfont.ttf') format('truetype'),
         url('fonts/antonio-light-webfont.svg#antoniolight') format('svg'); font-weight: normal; font-style: normal;}
         
@font-face { font-family: 'JDS-icon';
    src: url('fonts/JDS-icon/JDS-icon.eot');
    src: url('fonts/JDS-icon/JDS-icon.eot?#iefix') format('embedded-opentype'),
         url('fonts/JDS-icon/JDS-icon.woff') format('woff'),
         url('fonts/JDS-icon/JDS-icon.ttf') format('truetype'),
         url('fonts/JDS-icon/JDS-icon.svg#JDS-icon') format('svg');
    font-weight: normal; font-style: normal; }


/*** MAIN STYLE ***/

body,html{height: 100%;}
body,html, ul, li, h1, h2, h3, h4, h5, h6, span, sup, p{ margin: 0; padding: 1px;}
ul, ol{ list-style:none; margin: 0; padding: 0;}
a{color:  #005faf; text-decoration: none; font-style: normal;}
p a{text-decoration: underline;}
a img {border: none;}
a:hover{text-decoration: none;}
hr{background:#785e39; height: 2px; border: none; }
input, button{ -webkit-appearance:none; -webkit-border-radius:0px; outline:none; font-family:inherit; box-sizing:content-box; transition: all 0.2s linear;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
input[type="text"], input[type="password"]{background: #fff; border: 1px solid #000000; padding:1px 3px;}
input[type="submit"], input[type="button"]{font-size:30px; background:none; background:#006387; color:#fff; border:none; vertical-align:top; text-transform:uppercase; letter-spacing:1px; margin-top:1px; -webkit-transition:1.3s; -moz-transition:1.3s; transition:1.3s; cursor: pointer; padding:0 1%; font-family: 'antoniolight',sans-serif; box-shadow: 5px 5px 0 #50a1cf;}
input[type="submit"]:focus, input[type="button"]:focus, input[type="submit"]:hover, input[type="button"]:hover {background: #50a1cf; -webkit-transition:1.3s; -moz-transition:1.3s; transition:1.3s; box-shadow: 5px 5px 0 #006387; color: #fff;}
[data-icon]:before{content:attr(data-icon); speak:none; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;}

h1{font-size:36px; font-family:'antonioregular', sans-serif;  color:#005FAF; padding:2% 0; text-transform:uppercase; }
h2{ color: #000000; font-family: 'antonioregular',sans-serif;font-size:30px; padding: 0% 0 0; text-align:center; font-weight:normal; text-transform:uppercase; }
h3{color:#005FAF;  font-size: 26px; text-align:center; font-family: 'antonioregular',sans-serif; text-transform:uppercase;}
h4{color: #90b10c; font-size: 16px; text-align: center; text-transform:uppercase; margin: 10px 0; }
h6{font-size: 14px; color: #90b10c;}
h5{text-transform: uppercase; font-size: 14px; margin:20px 0; color:#005FAF; }
h5 span{color:#005FAF; font-weight:600;}

body{overflow-x: hidden;}

header{ width:90%; margin:0 5%; height: 20%; background: #ffffff; position: relative;}
nav ul {padding:0; margin: auto; font-size:34px;  width: 50%; text-transform: uppercase;display: table; font-family: 'antoniolight'; letter-spacing: 1px;}
nav ul  li{display:inline; padding:0; text-align:center; position:relative; display:table-cell; width:30%; border-style:solid; border-width:2px; padding:0 5%; }
nav ul >li:first-child {background:#006387; border-color:#006387 }
nav ul >li:last-child { background:#006387; color: #fff; border-color: #006387}
nav ul  li a{color: #fff; display: block;}
nav ul  li:hover, nav ul  li.active{background:#50a1cf; -webkit-transition:2s; -moz-transition:2s; transition:2s; }

.pdf{ position: absolute; top: 30%; right: 0;  font-family:'antonioregular', sans-serif; font-size: 23px; text-decoration: underline; color: #006387; }

.pdf img{width:25px; height:25px; position: relative;top: 5px; left: -5px;}

/*** MOTEUR ***/

form{width: 70%; margin: 0% 15%;}
form label{font-family: Tahoma,Geneva,sans-serif; font-size: 14px; text-transform: uppercase; color: rgb(58, 61, 65); display: inline-block; width: 46%; padding: 2%;}
form #formulaire{padding: 3%;text-align: left; width: 95%;}
form #formulaire input[type="text"], form #formulaire select{margin: 1.5% 0; padding: 1%; width: 98%; font-size: 14px;}
form #formulaire select{background: #F5F6FA; border: 1px solid #ccc; width: 100%;}
#map-canvas{ border: 1px solid #1568AA; }

.result{margin:2%; padding:1%; border: 3px solid #fff; width: 70%; margin: 2% 15%; text-align: left;}
.result > li{list-style: none; display: block; padding:0.5%; font-size: 14px; margin-bottom: 2%; border-bottom:5px solid #000000; background: #f1f2f2;}
.resultA > li{border-bottom:5px solid #006387; background:#F5F6FA; }
.result li ul li{display: inline-block; width:45%; padding:0.5% 2%; vertical-align: middle;}
.result li ul li:nth-child(odd){}
.result li h3{color: #fff;  text-transform: uppercase; font-weight: normal; padding:0.5%; text-align: left;}
.resultD li a{color: #000;}
.resultD li h3{background: #000000;}
.resultA li h3{background: #006387;}
.moteur{text-align: center;}

#pagination{width:60%; margin: 5% 20%;}
#pagination li{display: inline-block; background: #B5CE53; padding:1% 2%; color: #fff; -webkit-transition:1.3s; -moz-transition:1.3s; transition:1.3s; font-size: 30px; line-height: 30px; font-family: 'antonioregular',sans-serif;}
#pagination li a{color: #fff; }
#pagination li.actif{background:  #006387; -webkit-transition:1.3s; -moz-transition:1.3s; transition:1.3s;}
#pagination li:hover{background:  #006387; -webkit-transition:1.3s; -moz-transition:1.3s; transition:1.3s;}
a[data-icon="z"]{background: #006387; color: #fff; padding: 1%;}
a[data-icon]:before{display: inline-block; color: #fff; font-size: 30px; font-family: 'JDS-icon'; vertical-align: middle;}

.book-custom-side #formulaire #map-canvas{display: none;}
.book-custom-side form{width: 80%; margin:10%; margin: 0 auto;}
.book-custom-side form #formulaire input[type="text"], .book-custom-side form #formulaire select{width:95%; margin:0 0 20px;}

/*** BOOK ***/

article {width:100%; height:90%; position:relative; padding:5% 0; background: #f7f8f9}

.book { width:850px; height:595px; margin:0 auto; position:relative; z-index:100; -webkit-perspective:1300px; -moz-perspective:1300px; perspective:1300px; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; }

.book-page { position:absolute; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; transition-property:transform; }
.book-vertical .book-page { width:50%; height:100%; left:50%; -webkit-transform-origin:left center; -moz-transform-origin:left center; transform-origin:left center; }
.book-page > div, .book-outer, .book-content, .book-inner { position:absolute; height:100%; width:100%; top:0; left:0; background:#fff; 	-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; }
.book-vertical .book-content { width:200%; }

.book-page > div { width:100%; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; }
.book-page > div:not(:only-child) { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; }

.book-vertical .book-back { -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); transform:rotateY(-180deg); }

.book-outer { width:100%; overflow:hidden; z-index:999; }

.book-overlay, .book-flipoverlay{ background-color:rgba(0,0,0,.7); position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; }
.book-flipoverlay { background-color:rgba(0, 0, 0, 0.2); }

.book.book-vertical > div.book-page:first-child, .book.book-vertical > div.book-page:first-child .book-back { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg); }
.book-vertical .book-front .book-content { left:-100%; }

/* Flipping classes */
.book-vertical .book-flip-next, .book-vertical .book-flip-initial { -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); transform:rotateY(-180deg); }
.book-vertical .book-flip-prev { -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); transform:rotateY(0deg); }
.book-vertical .book-flip-next-end { -webkit-transform:rotateY(-15deg); -moz-transform:rotateY(-15deg); transform:rotateY(-15deg); }
.book-vertical .book-flip-prev-end { -webkit-transform:rotateY(-165deg); -moz-transform:rotateY(-165deg); transform:rotateY(-165deg); }

.book-item { width:100%; height:100%; position:absolute; top:0; left:0; display:none; background:#fff; }
.book-item.couv{width:50%; right:0;}


.book-custom-side {width:50%; float:left; height:100%; overflow:hidden; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -moz-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -moz-box-align:center; -webkit-align-items:center; align-items:center;box-shadow:0 12px 20px -10px rgba(81,64,49,0.6); }

.book-custom-firstpage {text-align:justify; width:50%; float:left; height:100%; }

article > nav {width:100%; height:40px; margin:1em auto 0; z-index:1000; text-align:center; bottom:5%; }
article > nav a {display:inline-block; width:40px; height:40px; text-align:center; background:#006387; color:#fff; font-size:0; margin:2px; }
article > nav a:hover {opacity:0.6; }

.book-custom-icon:before {font-family:'arrows'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; font-size:30px; line-height:40px; display:block; -webkit-font-smoothing:antialiased; }
.book-custom-icon-first:before, .book-custom-icon-last:before {content:"\e002"; }
.book-custom-icon-arrow-left:before, .book-custom-icon-arrow-right:before {content:"\e003"; }
.book-custom-icon-arrow-left:before, .book-custom-icon-first:before {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }


/* SOMMAIRE */
#sommaire {width: 100%; padding: 2%; height: 98%;}
#sommaire h2{font-size: 35px; color: #5b5f60; text-align: left;}
#sommaire h4{margin: 7px 0;text-align: left; background-color: #006387; }
#sommaire h4 a {font-family:'antonioregular'; font-size: 17px;color: #fff; text-transform: capitalize; padding:2px 5px 1px; display: block; line-height: 1; }
#sommaire h5{margin: 4px 0;}
#sommaire h5 a {font-size: 15px; color: #006387; text-transform: capitalize; font-family:'antonioregular';}
#sommaire ul li{line-height: 16px;}
#sommaire ul li a {font-size: 15px; font-family:'antonioregular';color: #000; margin:0 4%;display: block; line-height: 1; text-align: justify;}
/*#premier-sommaire, #second-sommaire {display: inline-block; width: 49%;}*/
#premier-sommaire, #second-sommaire {display: inline-block;/*  width:46%; */ vertical-align: text-top; margin: 2px;}

.zoom {position:fixed; background: rgba(0,0,0,.5); width: 100%; height: 100%; left: 0; top:0; z-index: 9999; }
.zoom img{height:95%; margin:1% auto; display:block;   }
.zoom .close{position: absolute; right: 1em; top:1em; color: #fff; }


/* No JS */
.no-js .book, 
.no-js ul.book-custom-grid li { width:auto; height:auto; }
.no-js .book-item { display:block; position:relative; }

.no-js article {height:auto; }
.no-js .book-custom-content {height:470px; }

@media screen and (max-width:61.75em){.book-custom-side {	font-size:70%; } }
@media screen and (max-width:33em){.book-custom-side {	font-size:60%; } }

/* CONTACT */


#contact {display:table; padding: 0 10%;}
#formulaire-contact{display: table;width: 70%; margin: 0 0 0 23%;}
#formulaire-contact label {display: block; margin: 3% 0; font-family:'TeXGyreAdventorRegular';text-align: left; color: #E06565;}
#formulaire-contact input, #formulaire-contact textarea {padding: 5px; width: 90%; font-family:'TeXGyreAdventorRegular'; font-size: 14px;  }
#formulaire-contact button {width: 30%; position: relative; left: 27%;}

#exclu-contact{display: table-cell;width: 30%; vertical-align: middle;}

#publication, #exclusif {display: table-cell; text-align: center;}
#bottom {display: table;margin: 37px auto 0;}
#exclusif h5 { color: #5b5f60; font-size: 19px;margin: 0;text-transform: uppercase;}
#formulaire-contact button {font-size:19px; background:#6ec4eb; color:#fff; border:none; vertical-align:top; text-transform:uppercase; letter-spacing:1px; margin-top:1px; -webkit-transition:1.3s; -moz-transition:1.3s; transition:1.3s; cursor: pointer; padding:0 1%; font-family: 'TeXGyreAdventorRegular',sans-serif; /* box-shadow: 5px 5px 0 #709235; */}
#formulaire-contact button:hover{background:#5B5F60; -webkit-transition:1.3s; -moz-transition:1.3s; transition:1.3s; /* box-shadow: 5px 5px 0 #8AC557; */ color: #fff;}

/* No JS */