* {margin: 0; padding: 0;}
html {height: 100%; font-size: 100%;}
body {width: 100%; height: 100%; font-family: Tahoma; font-size: 14px; line-height: 20px; color: black; margin: 0; text-align: left;}
.clear {clear: both;}
img {max-width: 100%; height: auto; outline: 0;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}


h1, h2 {font-family: Georgia; font-size: 24px; line-height: 30px; color: #e54a21; margin: 20px 0 10px 0; font-weight: normal; text-align: left; width: 100%;}
h3.spip {font-family: Georgia; font-size: 22px; line-height: 25px; color: #003975; margin-bottom: 10px; font-weight: normal; text-align: left;}
hr.spip {margin: 20px auto; border-top: 1px solid silver; border-bottom: 0; border-left: 0; border-right: 0;}
p {text-align: justify; font-family: Tahoma; font-size: 12px; line-height: 18px; color: #313131; margin-bottom: 15px;}
a {outline: 0; color: #e54a21; text-decoration: none;}
a:hover {color: #e54a21; text-decoration: underline;}
ol, ul {list-style-position: inside; margin-bottom: 20px;}
ol.spip {list-style: decimal; list-style-position: inside;}
ol.spip li, ul.spip li {list-style-position: outside; margin-left: 15px; font-family: Tahoma; font-size: 12px; line-height: 18px; color: #313131;}
b, strong {font-weight: bold;}


/* Tableaux */
.table-container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 20px 0;}
.table-container::-webkit-scrollbar {-webkit-appearance: none; width: 14px; height: 14px;}
.table-container::-webkit-scrollbar-thumb {border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3);}
table.spip {max-width: 100%; width: 100%;  margin: 20px auto; border-collapse: collapse; border-spacing: 0; font-size: 12px;}
table.spip caption {caption-side: top; text-align: center; margin: 0 auto;}
table.spip tr.row_first {background: #e8e8e8; color: #156f98;  font-size: 18px; font-weight: 500;}
table.spip tr.row_odd {background-color: #ededed;}
table.spip tr.row_even {background: white;}
table.spip th, table.spip td {padding: 5px; border: 2px solid white; text-align: center;}
table.spip th {vertical-align: bottom; font-size: 12px; background: #e54a21; font-weight: bold; color: white;}
table.spip td {vertical-align: top;}

/* Citations, code et poesie */
blockquote.spip {margin: 2em 0; padding-left: 1em; border-left: 0.30em solid;}
blockquote.spip_poesie {margin: 2em 0; padding-left: 1em; border-left: 1px solid;}
blockquote.spip_poesie div {text-indent: -3em; margin-left: 3em;}
.spip_code, .spip_cadre {color: #036;}
.spip_cadre {width: 99%; background-color: #F4F8F8; border: 1px inset; font-size:inherit;}
div.spip_code, .spip_cadre {margin-bottom: 1em;}
.spip_surligne {background: #FF6;}

/* Logos, documents et images */
img, .spip_logo {margin: 0; padding: 0; border: 0;}
.spip_documents {text-align: center; line-height: normal;}
.spip_documents p {margin: 0.10em; padding: 0;}
.spip_documents_center {display: block; clear: both; width: 100%; margin: 1em auto;}
.spip_documents_left {float: left; margin-right: 15px; margin-bottom: 5px;}
.spip_documents_right {float: right; margin-left: 15px; margin-bottom: 5px;}
.spip_doc_titre {margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em;}
.spip_doc_descriptif {clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em;}

/* modeles par defaut */
.spip_modele {float: right; display: block; padding: 1em; border: 1px solid; width: 180px;}

/* Couleurs des liens de SPIP */
a.spip_mail {color: black;}
a.spip_mail:before {content: ""!important;}
a.spip_mail:hover {color: #bc0000;}
a.spip_out,a[rel=external] {color: #009;}
a.spip_url{ color: #009; }
a.spip_glossaire { color: #060; }
a.spip_glossaire:hover {text-decoration: underline overline;}
a[hreflang]:after {content: "\0000a0(" attr(hreflang) ")";}

.wrapper {width: 1000px; max-width: 96%; height: 100%; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* Heder-Sommaire */
.header-sommaire {height: 190px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-top {width: 100%; padding-top: 40px; height: 115px; background: white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-top-left {width: 31%; float: left; text-align: left;}
.header-top-right {width: 69%; float: left; text-align: left;}
.lang {float: right; text-align: right;}
.lang a {display: inline-block; float: right; margin: 10px 0 0 5px; width: 29px; height: 29px; background: #49af4c; color: white; text-decoration: none; text-align: center; font-size: 15px; line-height: 27px; -webkit-border-radius: 50%; -khtml-border-radius: 50%;  -o-border-radius: 50%;  -ms-border-radius: 50%;  -icab-border-radius: 50%;  border-radius: 50%;}
.lang a:hover {background: #003975; color: white; text-decoration: none;}

.header-bottom {width: 100%; text-align: left; height: 75px; padding-top: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-bottom a {font: 30px Georgia; color: #003975; line-height: 30px; text-decoration: none; display: block;}
.header-bottom a:hover {color: #003975; text-decoration: none;}
.header-bottom a strong {color: #a3a19e; font-weight: normal}
.header-bottom span {font: 14px Tahoma; color: #a3a19e; margin-top: 8px; display: inline-block;}

/* Header */
.header {min-height: 255px; height: auto; width: 100%;}
.header .header-bottom {height: 140px; padding: 0; width: 100%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-bottom-left {width: 31%; height: 140px; float: left; text-align: left;}
.header-bottom-left img {float: left; margin: 5px 0 0 20px;}
.header-bottom-right {width: 69%; padding-top: 40px; height: 140px; float: left; text-align: left; background: url(../images/bg_2.jpg) no-repeat top right; background-size: contain; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-bottom-right a {font: 30px Georgia; color: #003975; line-height: 30px; text-decoration: none; display: block;}
.header-bottom-right a:hover {color: #003975; text-decoration: none;}
.header-bottom-right a strong {color: #a3a19e; font-weight: normal;}

.menu-default {width: 100%;}
.menu-fixed {position: fixed; top: 0; width: 1000px; max-width: 96%; z-index: 150;}
.menu-fixed .header-top {padding-top: 15px!important; height: 105px!important; z-index: 150; border-bottom: 1px solid #efeeee; padding-bottom: 15px;}
.menu-fixed .header-top-right {padding-top: 12px;}

.content {width: 100%; position: relative; z-index: 100; min-height: -moz-calc(100% - 355px); min-height: -webkit-calc(100% - 355px); min-height: -o-calc(100% - 355px); min-height: calc(100% - 355px); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* Sommaire */
.block1 {position: relative; width: 100%;}
.block1 img {position: relative;}
.block1 div {position: absolute; top: 370px; left: 0; width: 234px; text-align: right; font: 11px Tahoma; color: #8e8e8e; line-height: 14px;}

.block2 {width: 100%; float: left; margin-top: 70px;}
.block2 div {float: left; width: 48%; margin: 0 4% 20px 0;}
.block2 div:last-child {margin: 0;}
.block2 div img {float: left; margin: 0 10px 15px 0;}
.block2 div a.block2-title {font: 25px Georgia; color: #18407f; text-decoration: underline; line-height: 21px;}
.block2 div a.block2-title:hover {color: #18407f; text-decoration: none;}
.block2 div p {font: 12px Tahoma; color: #3b3b3b; line-height: 16px; margin-top: 10px; text-align: left;}
.block2 div p a {font: 14px Georgia; color: #e54a21; }
.block2 div p a:hover {color: #e54a21;}

.block3 {width: 100%; float: left; margin-top: 50px;}
.block3 h1 {font: 28px Georgia; line-height: 32px; margin: 0 0 20px 0;}
.block3 h2 {color: #003975;}
.block3 p {color: #313131; font: 12px Tahoma; line-height: 18px;}

.block4 {width: 100%; float: left; margin-top: 50px; padding-bottom: 40px;}
.block4 h2 {margin: 0 0 30px 0;}
.block4 h2 a {text-decoration: underline;}
.block4 h2 a:hover {text-decoration: none;}
.block4 div {float: left; width: 23.5%; margin: 0 2% 20px 0;}
.block4 div:last-child {margin: 0;}
.block4 div span {background: #18407f; font: 12px Tahoma; color: #ffffff; line-height: 16px; padding: 2px 4px; display: inline-block; margin-bottom: 12px;}
.block4 div a.block4-title {font: 18px Georgia; color: #003975; text-decoration: underline; line-height: 20px; display: block;  margin: 0 0 15px 0;}
.block4 div a.block4-title:hover {color: #003975; text-decoration: none;}
.block4 div p {font: 12px Arial; color: #8e8e8e; line-height: 15px; text-align: left;}
.block4 div p a {text-decoration: underline;}
.block4 div p a:hover {text-decoration: none;}

/* Error */
.error {width: 100%; text-align: center; padding-top: 100px;}
.error h1 {font-size: 34px; line-height: 44px; text-align: center; margin: 0 0 20px 0;}
.error a {display: inline-block; font-size: 14px; line-height: 18px; color: white; background: #49af4c; padding: 5px 10px; text-transform: uppercase; text-decoration: none; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px;}
.error a:hover {color: white; background: #003975; text-decoration: none;}

/* Footer */
.footer {height: 95px; border-top: 1px solid #efeeee;}
.footer-left {width: 50%; float: left; text-align: left; padding-top: 32px;}
.footer-left span {font: 14px Tahoma; color: #848484; line-height: 14px; margin-right: 5px; display: inline-block;}
.footer-left img {margin-left: 7px; display: inline-block; vertical-align: middle;}

.footer-center {width: 50%; float: center; text-align: center; padding-top: 32px;}
.footer-center span {font: 14px Tahoma; color: #848484; line-height: 14px; margin-right: 5px; display: inline-block;}
.footer-center img {margin-left: 7px; display: inline-block; vertical-align: middle;}

.footer-right {width: 50%; float: left; text-align: right; padding-top: 29px;}
.footer-right a {font: 30px Georgia; color: #003975; line-height: 30px; text-decoration: none; display: block;}
.footer-right a:hover {color: #003975; text-decoration: none;}
.footer-right a strong {color: #a3a19e; font-weight: normal;}

/* Article */
.left {width: 31%; float: left; text-align: left; padding: 80px 0 40px 0;}
.left img {margin-left: 20px; display: block;}
.left a {font: 25px Georgia; color: #18407f; line-height: 25px; text-decoration: underline;}
.left a:hover {color: #18407f; text-decoration: none;}
.right {width: 69%; float: left; text-align: left; padding: 0 0 40px 0;}
.logo-article {float: left; margin-right: 10px; width: 200px;}

/* Article-list*/
.one-news {width: 100%; float: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #efeeee;}
.one-news:last-child {border:0;}
.one-news span {background: #18407f; font: 12px Tahoma; color: #ffffff; line-height: 16px; padding: 2px 4px; display: inline-block; margin-bottom: 12px;}
.one-news a {font: 23px Georgia; color: #003975; text-decoration: underline; line-height: 25px; margin-bottom: 12px; display: block;}
.one-news a:hover {color: #003975; text-decoration: none;}
.one-news p {color: #313131; line-height: 18px;}

/*Breadcrumbs*/
.breadcrumbs {margin: 5px 0 50px 0; width: 100%;}
.breadcrumbs>div {display: inline-block; *display: inline; margin-right: 5px;}
.breadcrumbs a span {text-decoration: none; color: #003975; font-size: 12px;}
.breadcrumbs a span:after {content: "/"; padding-left: 10px;}
.breadcrumbs a span:hover {color: #003975; text-decoration: none}
.breadcrumbs span {font-size: 12px; color: #a3a19e;}

/*Pagination*/
.pagination {text-align: center; padding-top: 10px; margin: 10px 0 0 0; width: 100%; font-size: 12px; line-height: 16px;}
.pagination a {color: #18407f; text-decoration: underline;}
.pagination .pages {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0px 10px;}
.pagination .pages a {margin: 0 10px; }
.pagination .pages .on {margin: 0 10px; color: #a3a3a3; display: inline-block;}
.pagination a:hover {text-decoration: underline; color: #18407f;}
.pagination .prev a, .pagination .next a {font-weight: normal; text-decoration: none;}
span.sep {display: none;}

/*Gallery*/
.gallery {margin-top: 10px; text-align: center; width: 100%; float: left;}
.gallery .item-gal {width: 23%; height: 23%; margin: 0 1% 2% 1%;  float: left;  border: 1px solid silver; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.gallery .item-gal img {float: left;}

/* Google Maps*/
.map {margin: 0 0 50px 0; padding-bottom: 500px; overflow: hidden; position: relative; height: 0;}
.map iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}

.map2 {margin: 0 0 50px 0; padding-bottom: 250px; overflow: hidden; position: relative; height: 0;}
.map2 iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}

/* Article-Maps*/
.article-maps {width: 100%;}
.article-maps .map {margin: 20px 0; padding-bottom: 600px; overflow: hidden; position: relative; height: 0;}
.article-maps .map iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}
.article-maps select {height: 30px; padding: 0 10px; border: 1px solid silver; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px;}
.article-maps h1 {font-family: Georgia; font-size: 22px; line-height: 25px; color: #003975; margin-bottom: 10px; font-weight: normal; text-align: left;}
.article-maps h2 {font-family: Georgia; font-size: 24px; line-height: 30px; color: #e54a21; margin: 20px 0 10px 0; font-weight: normal; text-align: left; width: 100%;}

.article-maps table.spip {font-size: 14px; margin: 0 auto;}
.article-maps table.spip caption {text-align: left;}
.article-maps table.spip tr:nth-child(2n+1) {background: #ededed;}
.article-maps table.spip th, table.spip td {text-align: left; padding: 10px; border: 1px solid silver;}
.article-maps table.spip th {font-size: 14px;}


 /*  Menu <  1024 */
@media only screen and (min-width: 100px) and (max-width: 949px) {
html {height: 100%; font-size: 100%;}
ul.navigation {float: right; margin: 0 0 0 10px; width: auto; padding: 0;}
ul.navigation li {width: 100%; height: auto; list-style: none; position: relative;}
ul.navigation li a {text-decoration: none;}
ul.navigation li a img {float: none; margin: 15px 0 0 0; display: inline-block;}
ul.navigation li ul {display: none; position: absolute; top: 50px; right: 0; margin: 0; background: #003975; text-align: right; width: 220px; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px; z-index:1000;}
ul.navigation li ul li {margin: 0; padding: 5px 0; height: auto; width: 100%;}
ul.navigation li ul li a {font-size: 16px; color: white; text-decoration: none; margin: 0 10px;}
.js_float, .js_float_target {cursor: pointer;}
}

/*  Menu > 1024 */
@media only screen and (min-width: 950px) and (max-width: 1000000px) {
html {height: 100%; font-size: 100%;}
ul.navigation {float: left; margin: 0;  width: auto; height: 52px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.navigation li {display: inline-block; list-style: none; width: auto; height: auto;}
ul.navigation li a img {display: none;}
ul.navigation li ul#menu-float {display: block!important; margin: 0;}
ul.navigation li ul li {margin: 0; position: relative; padding: 0; height: auto; width: auto; min-width: auto;}
ul.navigation li ul li a {color: #003975; font-family: Georgia; font-size: 16px; line-height: 52px; padding: 0 12px; height: 52px; text-decoration: underline; display: inline-block; border-right: 1px dotted #c5c5c5;}
ul.navigation li ul li:last-child a {border: 0;}
ul.navigation li ul li:first-child a {padding: 0 12px 0 0;}
ul.navigation li ul li a:hover {color: #003975; text-decoration: none;}
ul.navigation li ul {z-index: 100;}
.js_float, .js_float_target {cursor: pointer;}
}

/* 0 - 540 (320, 360, 414, 480, 533, 540) */
@media only screen and (min-width: 100px) and (max-width: 540px) {
html {height: 100%; font-size: 100%;}
p {text-align: left;}
.header-sommaire {height: auto;}
.header-top {padding-top: 20px; height: auto;}
.header-top-left {width: 60%;}
.header-top-right {width: 40%;}
.header-bottom {height: auto; padding-top: 10px;}
.header .header-bottom {height: auto;}
.header-bottom-left {display: none;}
.header-bottom-right {width: 100%; padding-top: 10px; height: auto; background: none;}
.header {min-height: 100px;}
.footer {height: auto;}
.footer-left {width: 100%; text-align: center; padding-top: 10px;}
.footer-left span {margin: 0 0 10px 0; display: block;}
.footer-left img {margin: 0 3px 0 0;}
.footer-right {width: 100%; text-align: center; padding: 7px 0 10px 0;}
.block1 {margin-top: 30px;}
.block1 div {display: none;}
.block2 {margin-top: 30px;}
.block2 div {width: 100%; margin: 0 0 20px 0;}
.block2 div:last-child {margin: 0;}
.block3 {margin-top: 30px;}
.block4 {margin-top: 30px; padding-bottom: 30px;}
.block4 div {width: 100%; margin: 0 0 20px 0;}
.breadcrumbs {display: none;}
.left {display: none;}
.right {width: 100%;}
.gallery .item-gal {width: 48%; height: 48%;}
.logo-article {float: none; margin-right: 0;}
}

/* 541 - 768 (568, 600, 640, 720, 768) */
@media only screen and (min-width: 541px) and (max-width: 768px) {
html {height: 100%; font-size: 100%;}
.header-top {padding-top: 20px; height: auto;}
.header-top-left {width: 60%;}
.header-top-right {width: 40%;}
ul.navigation {margin: 0 0 0 20px;}
.header .header-bottom {height: auto;}
.header-bottom-left {display: none;}
.header-bottom-right {width: 100%; padding-top: 20px; height: 100px;}
.header {min-height: 100px;}
.block1 div {display: none;}
.block2 {margin-top: 30px;}
.block2 div {width: 100%; margin: 0 0 20px 0;}
.block2 div:last-child {margin: 0;}
.block3 {margin-top: 30px;}
.block4 {margin-top: 30px; padding-bottom: 30px;}
.block4 div {width: 48%; margin: 0 4% 20px 0;}
.block4 div:nth-child(2n+1) {margin: 0 0 20px 0;}
.breadcrumbs {display: none;}
.left {display: none;}
.right {width: 100%;}
.gallery .item-gal {width: 31%; height: 31%;}
}

/* 769 - 960 (800, 949) */
@media only screen and (min-width: 769px) and (max-width: 949px) {
html {height: 100%; font-size: 100%;}
.header-top {padding-top: 20px; height: auto;}
.header-top-left {width: 60%;}
.header-top-right {width: 40%;}
.header {min-height: 100px;}
ul.navigation {margin: 0 0 0 20px;}
.header-bottom-left {display: none;}
.header-bottom-right {width: 100%;}
.block1 div {bottom: 10px; width: 200px; top: auto;}
.block2 div img {margin: 0 10px 25px 0;}
.gallery .item-gal {width: 31%; height: 31%;}
}

/*  961 - 1199 (1024) */
@media only screen and (min-width: 961px) and (max-width: 1199px) {
html {height: 100%; font-size: 100%;}
}

/* > 1200 (1920) */
@media only screen and (min-width: 1200px) and (max-width: 100000px) {
html {height: 100%; font-size: 100%;}
}