* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body,article,aside,details,figcaption,figure,footer,header,hgroup,nav,main,section{display: block; margin: 0; padding: 0;}
html { font-size: 62.5%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: transparent;}
body { background-color: #4d4d4d; font-family: 'Source Sans Pro', Arial, Verdana, sans, helvetica, serif; color: #000000; font-size: 1.4em; line-height: 1.5em;  height: 100%; margin: 0; padding: 0 }
a { text-decoration: none; color: #008caf; transition: all 0.3s ease; }
a:hover { color: #0080CC }
a.blanc { text-decoration: none; color: #ffffff; transition: all 0.3s ease; }
a.blanc :hover { color: #ffff00 }
h1 { display: block; color: #008caf; font-size: 2.8rem; font-weight: normal; margin: 0 0 20px; }
h2 { display: block; color: #008caf; font-size: 2rem; font-weight: 600; margin: 0; padding: 5px 10px; }
h3 { display: block; centercolor: #008caf; font-size: 1.8rem; font-weight: 600; margin: 0; padding: 5px 10px; }
h4 { display: block; color: #008caf; font-size: 1.6rem; font-weight: 600; margin: 0; padding: 5px 10px; }
hr { color: #999; background-color: #999; height: 1px; border: 0 }
input, textarea, select { font-size: 1.5rem; font-family: 'Source Sans Pro', Arial, Verdana, sans, helvetica, serif; line-height: 2rem; vertical-align: middle; border: 1px solid #DBDBDB; background-color: #FFF; color: #008caf; padding: 5px; border-radius: 1px; transition: all 0.3s ease; margin: 0 }
input:focus, textarea:focus { color: #333333; box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.2); }
input[type="submit"], button { font-size: 1.2em; font-weight: 600; color: #fff; border-left: none; border-right: none; border-top: none; border-bottom: none; cursor: pointer; border-radius: 5px; padding: 5px 15px; transition: none; background: #008caf;}
input[type="submit"]:hover, button:hover { border-bottom: 2px solid #000; margin: 2px 0 0 0 }
img { border: none; vertical-align: middle }
table { width: 100%; border-collapse: collapse; margin: auto }
td { text-align: center; vertical-align: top; border: 1px solid #DBDBDB; padding: 2px }
table.sansbordure td { border: 0 }
table.avecbordure td { border-bottom: 1px solid #DBDBDB }
#page { width: 100%; }
#page_haut { margin: 0; padding: 0; height: 200px; background: #FFF; }
#page_haut_contenu { width: 1040px; margin: auto; height: 200px; background-repeat: no-repeat; background-position: 38% 50%; background-size: 500px 200px;}
#page_haut_logo {float: left; width: 170px;}
#page_haut_contenu_logo { margin: 20px 10px 0 10px; z-index: 15; }
#page_haut_contenu_slogan1 { z-index: 15; width: 370px;}
#page_haut_contenu_slogan2 { z-index: 15; width: 160px;}
#intro { float: left; height: 200px; width: 500px; margin: 0; background-repeat: no-repeat; background-size: 100% 200px; overflow: hidden; margin: 0; }
#intro>div {display: block; width: 500; height: 200px;  overflow: hidden; margin: 0 ; }
#intro>div>img {display: block; float: left; margin: 0; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
#intro>div>img.offset {display: block; float: left; opacity: 0; margin: 0 0 0 200px; }
#page_haut_contenu_3 {float: left; width: 368px;}
#page_haut_contenu_slogan3 { z-index: 10; width: 368px; padding: 10px 10px 0 10px;}
#page_haut_contenu_recherche { text-align: right; overflow: hidden;  z-index: 10; }
#page_haut_contenu_recherche_text { border: 1px solid #CCCCCC; background: #FFFFFF; border-radius: 3px; font-size: 1.6rem; color: #999999; width: 210px; padding: 5px; margin: 0 }
#page_haut_contenu_recherche_submit { border: 1px solid #CCCCCC; background: #E6E6E6; border-radius: 3px; font-size: 1.6rem; font-weight: 600; text-transform: uppercase; color: #999999; text-align: center; padding: 5px 10px; margin: 0 0 0 15px; }
#page_menu { background: #008caf }
#page_menu_contenu { width: 980px; margin: auto; }
#page_menu_contenu_menu_responsive { display: none; }
#page_menu_contenu_menu_contenu ul { margin: 0; padding: 0; display: inline; }
#page_menu_contenu_menu_contenu li { margin: 0; padding: 0; list-style: none; display: inline; }
#page_menu_contenu_menu_contenu > ul > li > a { display: inline-block; vertical-align: middle; margin: 0; padding: 5px 10px; font-size: 1.5rem; font-weight: 600; text-align: center; color: #fff; text-transform: uppercase; line-height: 3rem; overflow: hidden; }
#page_menu_contenu_menu_contenu > ul > li > a:hover { background: #008caf; }
#page_menu_contenu_menu_contenu > ul > li > a.ouvert { color: #fff; background: #008caf; }
#page_menu_contenu_menu_contenu > ul > li > ul { display: none; position: absolute; width: 980px; background-color: #008caf; padding: 0; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); z-index: 20; overflow: hidden; }
#page_menu_contenu_menu_contenu > ul > li > ul > li { display: block; float: left; width: 480px; }
#page_menu_contenu_menu_contenu > ul > li > ul > li > a { display: block; font-size: 1.4rem; font-weight: 600; padding: 5px 10px 5px 10px; color: #fff; }
#page_menu_contenu_menu_contenu > ul > li > ul > li > a:hover { background: #133E56; }
#page_menu_contenu_menu_contenu > ul > li > ul > li > ul { display: block; margin: 0 0 10px 10px; border-left: 1px solid #133E56 }
#page_menu_contenu_menu_contenu > ul > li > ul > li > ul > li > a { display: block; font-size: 0.933em; padding: 0px 15px 0px 10px; color: #fff;}
#page_menu_contenu_menu_contenu > ul > li > ul > li > ul > li > a:hover { background: #133E56; }
#page_centre { overflow: hidden; background: #f8ea18; }
#page_centre_contenu { width: 980px; overflow: hidden; margin: auto; padding: 0 0 10px 0 }
#page_centre_contenu_barrenav { font-size: 0.800em; color: #FFFFFF; overflow: hidden; padding: 15px 0; }
#page_centre_contenu_barrenav>div{ display: inline-block; background: #008caf; padding: 3px 10px; border-radius: 3px; }
#page_centre_contenu_barrenav a { color: #FFFFFF;  overflow: hidden; }
#page_centre_contenu_barrenav a:hover { color: #FFFFFF }
#page_centre_contenu_contenu { width: 700px; min-height: 500px; float: right; overflow: hidden; }
#page_centre_contenu_menu { float: left; width: 260px; margin: 0; padding: 15px; background: #008caf; color: #fff; border-radius: 5px; }
#page_bas { overflow: hidden; background: #4d4d4d;}
#page_bas_contenu { width: 980px; margin: auto; color: #cccccc; padding: 20px 0 20px 0; overflow: hidden; }
#page_bas_contenu a { color: #cccccc; }
#page_bas_contenu_lien { float: left; width: 600px; }
#page_bas_contenu_mentions {float: right; text-align: right;}
.erreur { font-size: 1.3em; color: #AF4941; text-align: center }
.imagetexte { margin: 5px }
.article { text-align: left; clear: both; overflow: hidden; margin: 0 0 30px; padding: 20px; border-bottom: 3px solid #008caf; border-top: 3px solid #008caf; background: #fff; border-radius: 5px }
.article a:hover { text-decoration: underline; }
.boiteplus { border: 1px solid #DDD; height: 1%; margin: 0; padding: 10px }
#fond_lightbox { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .6; background-color: #000; z-index: 99; text-align: right; margin: 0 }
.ferme_lightbox { position: absolute; top: 65px; z-index: 101;}
.lightbox_miniature { position: fixed; height: 100%; top: 0px; width: 100%;	left: 0px; overflow: scroll; z-index: 500; text-align: center;}
.lightbox_miniature::-webkit-scrollbar {width: 12px; background-color: #F5F5F5;}
.lightbox_miniature::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
.lightbox_miniature::-webkit-scrollbar-thumb {border-radius: 10px;	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #963044;}
.lightbox_diapo { position: fixed; height: 100%; top: 0px; width: 100%;	left: 0px; overflow: scroll; z-index: 500;	text-align: center;}
.lightbox_diapo::-webkit-scrollbar {width: 12px; background-color: #F5F5F5;}
.lightbox_diapo::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
.lightbox_diapo::-webkit-scrollbar-thumb {border-radius: 10px;	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #963044;}

#diapo { position: absolute; margin: 17px 0px 0px 7px; height: 173px; width: 500px; }
#diapo img { position: absolute; z-index: 8; opacity: 0.0; }
#diapo img.active { z-index: 10; opacity: 1.0; }
#diapo img.desactive { z-index: 9; opacity: 1.0; }
.diapotexte { display: inline-block; text-align: center; background-color: #EEE; margin: 5px; padding: 5px }
.imagelightbox { position: relative; vertical-align: middle; top: 10%; border: 10px solid #FFF; background-color: #FFF; box-shadow: 2px 2px 20px #000; }
.lightbox_diapo_barre { position: absolute; left: 50%; width: 150px; height: 48px; top: 10%; z-index: 101; background-color: transparent; background-image: url(img/background.png); white-space: nowrap; font-size: 1.2em; margin: -55px 0 0 -75px; padding: 0 }
.lightbox_diapo_info { display: inline-block; width: 54px; height: 48px }
#lightbox_contact_formulaire textarea { width: 95% }
#lightbox_contact_formulaire { padding: 10px }
#lightbox_contact { position: fixed; top: 0%; left: 50%; max-height: 100%; width: 500px; margin-left: -250px; overflow: auto; background-color: #FFF; z-index: 100; box-shadow: 2px 2px 20px #000; }

@media only screen and (max-device-width:980px), only screen and (max-width:980px) {
body { -webkit-text-size-adjust: none }
#page_haut { height: 110px; background-position: 0% 50%;}
#page_haut_contenu { width: auto; }
#page_haut_logo {float: none; width: 100%; position: absolute; z-index: 2;}
#page_haut_contenu_logo { margin: 10px 0 10px 20px; width: 80px; }
#page_haut_contenu_slogan1 { display: none}
#page_haut_contenu_slogan2 { display: none}
#intro {float: none; width: 100%; position: absolute; z-index: 1;}
#intro>div {z-index: 1;}
#intro>div>img {z-index: 1;}
#page_haut_contenu_3 {float: none; width: 100%;}
#page_haut_contenu_slogan3 { display: none}
#page_haut_contenu_recherche { position: relative; float: right; clear: right; margin: 10px 10px 0 0; z-index: 2; }
#page_haut_contenu_recherche_text {width: 120px; font-size: 1.2rem}
#page_haut_contenu_recherche_submit { display: none;}
#page_menu {position: relative; z-index: 2;}
#page_menu_contenu { width: 100%; position: relative; z-index: 2; }
#page_menu_contenu_menu { height: auto; width: 100%; padding : 0; position: absolute; margin: 150px 0 0 0px; border-radius: 0; z-index: 2; }
#page_menu_contenu_menu_contenu { width: auto; }
#page_menu_contenu_menu_responsive { display: block; width: 100%; text-align: right; border: 0; background: none; padding: 8px 15px; margin: 0; cursor: pointer; border-radius: 0; }
#page_menu_contenu_menu_contenu { position: static; display: none; }
#page_menu_contenu_menu_contenu > ul > li { display: inline; }
#page_menu_contenu_menu_contenu > ul > li > a { display: block; max-width: none; margin: 0; padding: 0 10px; height: auto; text-align: left; }
#page_menu_contenu_menu_contenu > ul > li > a.ouvert { color: #fff; height: auto; }
#page_menu_contenu_menu_contenu > ul > li > ul { display: none; position: static; width: auto; top: auto; left: auto; padding: 0; border-radius: 0 0 4px 4px; }
#page_menu_contenu_menu_contenu > ul > li > ul > li { width: auto; float: none; }
#page_menu_contenu_menu_contenu > ul > li > ul > li > a { display: block; width: auto; border-radius: 0 }
#page_menu_contenu_menu_contenu > ul > li > ul > li > ul { display: block; }
#page_menu_contenu_menu_contenu > ul > li > ul > li > ul > li > a { display: block; width: auto; border-radius: 0 }
#page_centre {position: relative; z-index: 2;}
#page_centre_contenu { width: auto; padding: 0 10px; }
#page_centre_contenu_contenu { width: auto; float: none; min-height: 0; }
#page_centre_contenu_barrenav { overflow: hidden; }
#page_centre_contenu_menu { width: auto; float: none; margin: 10px 0 }
#page_bas_contenu { width: auto; float: none; padding: 20px 10px 10px 10px }
#page_bas_contenu_lien { display: none; }
.article { margin: 0 0 10px; padding: 10px; }
.article img, .article input, .article textarea { max-width: 97% }
}