html{font-size:14px;font-family:'Open Sans', sans-serif;font-weight:400;}
body{margin:0;font-size:1em;}
img{vertical-align:middle;border:none;}
.iblock{display:inline-block;vertical-align:top;}
.iblockm{display:inline-block;vertical-align:middle;}
a{text-decoration:none;color:rgb(25,128,195);}
a:hover{color:#28C3ED;}
a:focus{outline:none;}

img{width:100%;height:auto;vertical-align:middle;}

h1,h2,h3{margin:0;text-align:left;font-weight:normal;color:#00407A;font-family: 'Maven Pro', sans-serif;}

.back{position:fixed;top:0; right:0; bottom:5%;left:0;z-index:1;}
.cycle-slideshow{}
.cycle-slideshow > div{width:100%;height:100%;background-size:cover;background-position:center top;background-repeat:no-repeat;}

header, footer{padding:0 5%;clear:both;position:relative;z-index:1;}
header{background-color:#FFFFFF;}
footer{background-color:rgba(255,255,255,.8);}
header{border-bottom:1px solid rgb(190,190,190);}
header::after{content:" "; display:block;clear:both;}

header .top > div{display:inline-block;vertical-align:middle;}
header .top .logo{width:12%;padding-top:1em;}
header .top .logo img{width:60%;margin-right:0;float:none;margin-bottom:8px;}
header .top .accroche{width:68%}
header .top .accroche{font-size:2em;;color:#666666;text-transform:uppercase;}
header .top .accroche span{color:rgb(25,128,195);font-weight:700;}
header .top .recherche{width:20%;}
header .top .recherche > div{border-bottom:1px solid rgb(200,200,200);padding:1em 0;}
header .top .recherche > div:last-child{border:none}
header .top .recherche .mail{text-transform:uppercase;}
header .top .recherche .mail a{display:block;}
header .top .recherche .mail a i{display:inline-block;vertical-align:middle;padding-right:0.25em;}

header .top .recherche .formulaire_recherche{}
header .top .recherche .formulaire_recherche label{display:block;text-transform:uppercase;}
header .top .recherche .formulaire_recherche input[type=search]{font-size:1.2em;width:80%;border:1px solid rgb(150,150,150);padding:0.25em;border-radius:5px;}
header .top .recherche .formulaire_recherche input[type=submit]{font-size:1.2em;width:15%;text-transform:uppercase;background:none;border:none;cursor:pointer;}

/*  style menu haut */

.menu-mobile{display:none;position:relative;cursor:pointer;}

ul.menu{list-style:none; margin:0; padding:0;background:rgb(170,205,219);text-align:center;position:relative;z-index:2;}
ul.menu > li{display:inline-block;vertical-align:middle;text-transform:uppercase;font-size:1em;border-right:1px solid #FFFFFF;position:relative;}
ul.menu > li.dwn{background-color:#8696b9;}

.page_sommaire ul.menu > li.home{display:none;}

ul.menu > li:hover, header ul.menu > li.on{background-color:rgb(40,195,237);color:#FFFFFF;}
ul.menu li a{display:block;padding:0.75em 1.5em;color:#333333;-moz-transition:background-color 0.3s ease;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;}
ul.menu li a:hover{color:#FFFFFF;}
ul.menu > li > ul{display:none;}
ul.menu > li > ul{position:relative;z-index:1;list-style:none; margin:0; padding:0;position:absolute;left:0; top:100%;z-index:999; width:auto; min-width:100%;background:rgba(190,190,190,.9);}
ul.menu > li > ul::before{content:" ";display:block;width:0px;
	border-top:10px solid rgb(40,195,237);border-right:15px solid transparent;border-left:15px solid transparent;}
ul.menu > li > ul li{text-transform:none;text-align:left;}
ul.menu > li > ul li a{display:block;padding:0.5em 1em;color:#333333;-moz-transition:background-color 0.3s ease;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;white-space:nowrap;}
ul.menu > li > ul li a:hover{background-color:rgb(40,195,237);color:#FFFFFF;}

/*  */
.window{height:450px;position:relative;text-align:center;overflow:hidden;}

@-webkit-keyframes adresse{
	from{right:100%;}
	to{right:0;}
}
@keyframes adresse{
	from{right:100%;}
	to{right:0;}
}
@-webkit-keyframes slogan{
	from{left:100%;}
	to{left:0;}
}
@keyframes slogan{
	from{left:100%;}
	to{left:0;}
}
.window .adresse{
	-webkit-animation:adresse 3s ease-out 0s 1;
	animation:adresse 3s ease-out 0s 1;
	display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
    -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
    -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
    -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	position:absolute;top:0;right:0;height:inherit;width:250px;background-color:rgba(0,0,0,.7);z-index:10;text-align:center;color:#FFFFFF;padding:0 1em;}
.window .adresse > div{
	-webkit-order: 0;-ms-flex-order: 0;order: 0;
    -webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
.window .adresse h3.spip{font-size:1em;text-transform:uppercase;margin-top:0.5em;color:#FFFFFF;text-align:center}
.window .adresse p{margin:0.85em 0;}
.window .adresse a.geoloc{display:block;text-align:center;color:#FFFFFF;text-transform:uppercase;padding-bottom:0.5em;}
.window .adresse a.geoloc img{display:block;margin:0 auto;width:auto;}
.window .pager-pastille{margin-top:1em;}
.window .pager-pastille span{cursor:pointer;display:inline-block;margin:0 2px;width:16px;height:16px;border-radius:8px;background-color:#FFFFFF;text-indent:20px;overflow:hidden;}
.window .pager-pastille span.cycle-pager-active{background-color:#ff5d05;}
.window .slogan{
	-webkit-animation:slogan 3s ease-out 0s 1;
	animation:slogan 3s ease-out 0s 1;white-space:nowrap;
	z-index:11;position:absolute;left:0;bottom:0;font-size:2em;background-color:rgb(25,128,195) ;color: #FFFFFF;padding:0.25em 1em;text-transform:uppercase;}
.window .motif{position:absolute; left:0; top:0;width:100%;height:100%;background:url(img/motif-head.png) no-repeat left top / auto 100%;z-index:1;}

.window-page{height:380px;position:relative;}
.window-page .ariane{padding:1em 0;text-align:center;position:absolute;left:0;bottom:0;width:100%;background-color:rgba(255,255,255,.6);z-index:1;}

.window-recherche{width:auto;}
.window-recherche .ariane{padding:1em 0;text-align:center;position:relative;}

section.main{background-color:rgb(255,255,255);position:relative;z-index:1;}

.page{padding:0 0 1em 0;}
.page .intro{padding:2em 5%;text-align:justify;}
.page article{padding:1em 5%;text-align:justify;}
.page article::after{content:" ";display:block;clear:both;}
.page .intro h1{font-size:2em;text-align:center;margin:0 0 1em 0;}
.page article h1{font-size:2em;text-align:center;margin:0 0 1em 0;text-transform:uppercase;}

.page article .date{text-align:right;}

.page article .logo-article{width:200px;margin:1em auto;}
.page article .logo-article img{float:none;margin:0;}

.page article ul.pdf{margin:1.5em 0 0 0;padding:0;list-style:none;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;position:relative;clear:;}
.page article ul.pdf::before{content:"pdf à télécharger";font-size:0.8em;position:absolute;right:0; top:-0.8em;background-color:#666666;color:#FFFFFF;padding:0.2em;}
.page article ul.pdf li{display:inline-block;width:50%;margin:0.5% 0;}
.page article ul.pdf li a{display:block;padding:0.5em;color:#333333;}
.page article ul.pdf li a:hover{background-color:rgba(0,0,0,.1);}
.page article ul.pdf li a img{width:auto;float:none;margin:0;vertical-align:middle;}

.page article ul.trombi{margin:0;padding:0;list-style:none;text-align:center;}
.page article ul.trombi > li{display:inline-block;width:15%;margin:1em 2%;}
.page article ul.trombi > li span{display:block;}
.page article ul.trombi > li img{width:100%;max-width:150px;margin:0 auto;}

.page article .around{text-align:center;}
.page article .around > div{display:inline-block;margin:0 auto;position:relative;width:100%;max-width:640px;}
.page article .around > div img{}
.page article .around > div iframe{position:absolute;left:0;top:0;width:100%;height:100%;}

.page .intro .texte{position:relative;padding:1em 2em;}
.page .intro .texte::before{content:" ";display:block;width:10px;height:100%;position:absolute;top:0; left:-10px;border:1px solid #999;border-right:none;}
.page .intro .texte::after{content:" ";display:block;width:10px;height:100%;position:absolute;top:0; left:100%;border:1px solid #999;border-left:none;}
.page .certification{padding:2em 5%;text-align:justify;border-top:1px solid rgb(180,180,180);}
.page .certification h2{text-align:center;margin:0 0 1em 0;text-transform:uppercase;}

.page .actus, .page .nl{padding:2em 5% 0 5%;background:rgb(225,225,225) url(img/losange.png) center center;text-align:center;}
.page .actus h2{text-align:center;margin:0 0 1em 0;text-transform:uppercase;}
.page .actus h2 i, .page .actus h2 span{display:inline-block;vertical-align:middle;}
.page .actus .content, .page .certification .content{
	display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
    -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
    -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
    -webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;
    -webkit-align-items: center;-ms-flex-align: center;align-items: center;
}
.page .actus .content a.item, .page .certification .content .item{
	color:rgb(50,50,50);
	display:block;padding:1em 2%;text-align:center;
    -webkit-flex: 1 0;-ms-flex: 1 0;flex: 1 0;
    -webkit-align-self: stretch;-ms-flex-item-align: stretch;align-self: stretch;
}
.page .certification .content .item span{display:block;}
.page .certification .content .item img{max-width:100px;float:none;margin:0;}
.page .actus .content a.item:hover{color:rgb(25,128,195);}
.page .actus a.item .titre{font-size:1.25em;margin:1em 0;}
.page .actus a.item > span{display:block;}
.page .actus a.item img{width:50px;}
.page .actus a.item .plus{text-align:center;margin:1em 0;}
.page .actus a.tout{display:block;font-size:1.6em;padding:0.5em 0;
	-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.page .actus a.tout:hover{background-color:rgba(25,128,195,.4);color:#FFFFFF;}

.page .nl{padding:1em 5% 0 5%;text-align:center;background-color:rgb(255,255,255);}
.page .nl h2{text-align:center;text-transform:uppercase;}
.page .nl h2 i, .page .nl h2 span{display:inline-block;vertical-align:middle;}
.page .nl ul{margin:1em 0;padding:0;list-style:none;}
.page .nl ul li{display:inline-block;width:30%;}
.page .nl ul li a{display:block;padding:1em;}
.page .nl a.tout{display:block;font-size:1.6em;padding:0.5em 0;
	-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.page a.tout:hover{background-color:rgba(25,128,195,.4);color:#FFFFFF;}

.form-newsletter{background-color:rgb(185, 185, 185);text-align:center;padding:1em 5%;color:#FFFFFF;}
.form-newsletter > div{width:300px;margin:0 auto;}
.form-newsletter label{display:block;padding:0;text-transform:uppercase;}
.form-newsletter input[type=text]{width:75%;font-size:1.5em;line-height:1.5em;border:none;}
.form-newsletter input[type=submit]{width:20%;font-size:2em;line-height:2em;text-transform:uppercase;background:none;border:none;color:#FFFFFF;padding:0;cursor:pointer;}
.erreur{color:#FF7C0D;display:block;padding:0.5em 0;}

.page .left .content .date{float: right;font-size: 0.9em;padding-top: 0.6em;margin-left: 2em;}

.page .left .content .slider .slogan{display:block;position:absolute;bottom:0;left:0;background:rgb(25,128,195);z-index:100;color:#FFFFFF;padding:0.25em 0.5em;font-size:1.75em}

.page article .result ul.spip{margin:0 0 0 10%;padding:0 0 0 2.5%;border-left:1px solid #999999;}
.page article .result ul.spip ul{margin:0 0 0 2.5%}
.page article .result ul.spip li{margin:0.75em 0;padding:0;}


.pagination{margin:0.25em 0 0 0;font-size:0.9em;clear:both;}
.pagination a{color:rgb(25,128,195);}
.pagination .on{font-weight:700;}

a.top{position:fixed; right:0.5%;top:0.5em;font-size:2em;display:none;z-index:999;}
a.bottom{position:fixed; right:0.5%;bottom:0.25em;font-size:2em;display:none;}

footer{text-align:center;font-size:0.9em;background-color:#FFFFFF;}
footer a{white-space:nowrap;display:inline-block;padding:0.25em;}
footer .maj{padding:1em 0;}
footer .adresse > div{width:45%;display:inline-block;vertical-align:top;padding:0 2%;}
footer .adresse .coordonnees{text-align:left;}
footer .adresse .cofraq{text-align:right;}
footer .adresse{margin:1em 0;}
footer .adresse img{max-width:160px;}
footer .adresse h3.spip{text-align:left;margin:0;text-transform:uppercase;}

@keyframes menufooter{
	from{top:-80px;}to{top:0;}
}
@-webkit-keyframes menufooter{
	from{top:-80px;}to{top:0;}
}
@keyframes menufooter{
	from{top:-80px;}to{top:0;}
}

ul.menu-footer{list-style:none; margin:0; padding:0;background:rgb(170,205,219);text-align:center;position:fixed;left:0; top:-80px;width:100%;z-index:100;}
ul.menu-footer > li{display:inline-block;vertical-align:middle;text-transform:uppercase;font-size:1em;border-right:1px solid #FFFFFF;position:relative;}
ul.menu-footer > li.dwn{background-color:#8696b9;}
.page_sommaire ul.menu-footer > li.home{display:none;}
ul.menu-footer > li:hover, header ul.menu > li.on{background-color:rgb(40,195,237);color:#FFFFFF;}
ul.menu-footer li a{display:block;padding:0.75em 1.5em;color:#333333;-moz-transition:background-color 0.3s ease;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;}
ul.menu-footer li a:hover{color:#FFFFFF;}
ul.menu-footer > li > ul{display:none;}
ul.menu-footer > li > ul{list-style:none; margin:0; padding:0;position:absolute;left:0; top:100%;z-index:999; width:auto; min-width:100%;background:rgba(190,190,190,.9);}
ul.menu-footer > li > ul::before{content:" ";display:block;width:0px;
	border-top:10px solid rgb(40,195,237);border-right:15px solid transparent;border-left:15px solid transparent;}
ul.menu-footer > li > ul li{text-transform:none;text-align:left;}
ul.menu-footer > li > ul li a{display:block;padding:0.5em 1em;color:#333333;-moz-transition:background-color 0.3s ease;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;white-space:nowrap;}
ul.menu-footer > li > ul li a:hover{background-color:rgb(40,195,237);color:#FFFFFF;}

ul.menu-footer.fix{top:0;-webkit-animation:menufooter 1s ease-out 0s;-ms-animation:menufooter 1s ease-out 0s;animation:menufooter 1s ease-out 0s;}

/* Listes et tableaux */
dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
dl.spip dd {}

table.spip{border:1px solid #999;border-collapse:collapse;border-spacing:0;}
table.spip caption {  background: none; text-align: left; font-weight: bold; }
table.spip thead th { background: #e1e1e1;padding:0.5em;border:1px solid #999;text-transform:uppercase;font-weight:400;}
table.spip tbody tr th, table.spip tr td { background: #e3e3e3; padding:0.5em; border:1px solid #999;}
table.spip tbody tr.odd th, table.spip tr.odd td { background: transparent; }
table.spip tfoot { border-top: 1px solid; }

.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; }
.spip_documents, .spip_documents_center, .spip_doc_titre, .spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left; margin-right: 1.5em; }
.spip_documents_right { float: right; margin-left: 1.5em; }
.spip_doc_titre {font-weight:400;}
.spip_doc_descriptif { clear: both; }

.spip_documents_center{width:100%;max-width:640px;}
.spip_documents_left{width:100%;max-width:300px;}
.spip_documents_right{width:100%;max-width:300px;}

.caractencadre-spip, .caractencadre2-spip{font-weight:700;color:rgb(25,128,195);background:none;}
.texteencadre-spip{background:transparent;border:none;padding:0.5em;}
.texteencadre-spip::before{display:block;content:url(img/spin.png);float:left;margin-right:0.5em;}

@media screen and (max-width:1680px){}

@media screen and (max-width:1480px){}

@media screen and (max-width:1366px){}

@media screen and (max-width:1280px){
	ul.menu > li, ul.menu-footer > li{font-size: 0.9em;}
	.window {height: 400px;}
}

@media screen and (max-width:1024px){
	header .top .logo{width:15%;padding-top:1em;}
	header .top .accroche{width:85%;text-align:center;}
	header .top .recherche{width:100%;text-align:center;padding:0 0 1em 0;}
	header .top .recherche > div{display:inline-block;vertical-align:middle;width:30%;border:none;font-size:0.9em;padding:0;}
	header .top .recherche .formulaire_recherche input[type="search"] {width: 75%;}
	.menu-mobile{display:block;width:80px;height:31px;margin:0 auto;background:url(img/menu-mobile.png) no-repeat top center / 100%;}
	ul.menu{display:none;}
	ul.menu > li{display:block;border-bottom:1px solid #FFFFFF;border-right:none;}
	ul.menu > li a, ul.menu > li > ul li a{padding:1em;}
	ul.menu > li > ul{position:relative;}
	ul.menu > li > ul li{text-align:center;}
	ul.menu > li > ul::before {margin: 0 auto;}
	ul.menu-footer{display:none;}
	.window{height:400px;}
	.page .actus .content{-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
}

@media screen and (max-width:800px){
	header .top .logo{width:20%;}
	header .top .accroche{font-size:1.65em;text-align:right;width:80%;}
	header .top .recherche > div{width:45%;}
	header .top .recherche > div.mail{display:none;}
	.window .slogan{font-size:1.5em;}
	.window .adresse{width:200px;}
	.page .nl ul li{width:40%;}
}

@media screen and (max-width:640px){
	.window, .window-page{height:300px;}
	.page .nl ul li{width:100%;}
	.page .intro .texte {padding: 1em 0;text-align:center;}
	.page .intro .texte::before, .page .intro .texte::after{display:none;}
	.page article {padding: 1em 2.5%;text-align: left;}
	.page article .date{text-align:center;}
	.iblock, .iblockm{display:block;width:100%;}
	.page article ul.pdf li {display: block;width: 100%;margin:0;}
	.spip_documents_left{width:100%;max-width:100%;}
	.spip_documents_right{width:100%;max-width:100%;}
}

@media screen and (max-width:480px){
	header .top .logo {width: 25%;}
	header .top .accroche {width:75%;}
	header .top .recherche > div{width:100%;}
	header .top .recherche .maj{display:none;}
	.window, .window-page{height:250px;}
	.window .adresse, .window-page .ariane{display:none;}
	.window .slogan{width:100%;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
}

@media screen and (max-width:360px){
	header .top .accroche {font-size: 1.2em;}
	.window .slogan {font-size: 1.25em;}
}