/* Neutralise l'ajustement de la taille du texte pour les produits apple */
html{-webkit-text-size-adjust: none;}
/* Neutralise le flash lors d'un click pour les produits apple */
body{-webkit-tap-highlight-color: rgba(0,0,0,0);} 
/* Neutralise les pointillés autour des éléments cliqués */
a{outline: none;}
input{outline: none;}
button::-moz-focus-inner{border: 0;}
/* Neutralise les styles par default apple pour les champs */
input, button, textarea{-webkit-appearance: none;}

/* ////////////////////////////// */

/* Hack pour sticky footer */
html, body{height: 100%; margin: 0; padding: 0;}
#stickybody{min-height: 100%; height: auto !important; height: 100%; margin-bottom: -48px; overflow: hidden;}
#stickypush{clear: both;  height: 48px; }
#stickyfooter{clear: both;  height: 48px; overflow: hidden;}

@media (max-width: 760px) {
#stickybody{margin-bottom: 0px;}
#stickypush{display: none;}
#stickyfooter{height: auto;}
}

/* ////////////////////////////// */
/* GENERAL */

body{margin: 0; padding: 0; font-size: 16px; line-height: 1.6em; font-family: 'Roboto Slab', sans-serif; color: #243546; background: #707070;}
p{ font-size: 17px;  margin: 1em 0 1em 0; line-height: 1.8em; }
h1, h2, h3, h4{letter-spacing: 0.05em; color: #225282;}
h1 a, h2 a, h3 a, h4 a{color: #225282;}
h1{font-size: 32px;  margin: 1em 0 0.5em 0; font-weight: bold; line-height: 1.1em;}
h2{font-size: 24px; margin: 2em 0 1em 0; font-weight: bold; line-height: 1.1em;}
h3{font-size: 20px; margin: 2em 0 1em 0; font-weight: bold; line-height: 1.1em;}
h4{font-size: 16px; margin: 2em 0 1em 0; font-weight: bold; font-style: italic; line-height: 1.1em;}
a{color: #004182;}
img{max-width: 100%;}

/* img figure */
figure{display: table;}
figure figcaption{display: table-caption; caption-side: bottom; line-height: 1.3em;padding: 0.4em 0 0 0; font-style: italic;}
figure img{display: block; margin: 0;}
figure img, img{max-width: 100%; border: none; height: auto !important;}
figure.pull-left, img.pull-left{float: left; margin: 0.4em 2.6em 1.1em 0;}
figure.pull-right, img.pull-right{float: right; margin: 0.4em 0em 1.1em 2.6em;}
figure.pull-center, img.pull-center{margin: 2em auto 2em auto;}
img.pull-center{display: block;}

@media (max-width: 1200px) {
img.pull-left.image_autorwd, img.pull-right.image_autorwd, figure.pull-left.image_autorwd, figure.pull-right.image_autorwd{width: 40% !important; }
}

@media (max-width: 650px) {
img.pull-left.image_autorwd, img.pull-right.image_autorwd, figure.pull-left.image_autorwd, figure.pull-right.image_autorwd{width: auto !important; float: none; margin: 2em auto 2em auto;}
img.pull-left.image_autorwd{display: block;}
img.pull-right.image_autorwd{display: block;}
}

/* ////////////////////////////// */
/* SHARED */

/* menu horizontal : menu.horizontal.left, menu.horizontal.right, menu.horizontal.center */
ul.menu.horizontal{list-style-type: none; margin: 0; padding: 0;}
ul.menu.horizontal.left{float: left;}
ul.menu.horizontal.right{float: right;}
ul.menu.horizontal.center{display: table; table-layout: fixed; border-collapse: collapse; text-align: center; margin-left: auto; margin-right: auto; width: 100%;}
ul.menu.horizontal > li{float: left; margin: 0; padding: 0; position: relative;}
ul.menu.horizontal.center > li{float: none; display: table-cell; }
ul.menu.horizontal > li > a, ul.menu.horizontal > li > span{display: block; text-decoration: none; }
ul.menu.horizontal > li:hover > a, ul.menu.horizontal > li:hover > span{}
ul.menu.horizontal > li > a:hover{}
ul.menu.horizontal > li > ul{display: none; position: absolute; z-index: 101; list-style-type: none; margin: 0; padding: 0; min-width: 100%;}
ul.menu.horizontal > li.subright > ul{right: 0;}
ul.menu.horizontal > li > ul{ white-space: nowrap; }
ul.menu.horizontal > li > ul > li{margin: 0; padding: 0;}
ul.menu.horizontal > li > ul > li > a{display: block; text-decoration: none; }
ul.menu.horizontal > li > ul > li > a:hover{}

/* btn */
.btn{ display: inline-block; cursor: pointer; line-height: 1.6em; padding: 0.4em 1.5em 0.4em 1.5em; margin: 0.5em; background-color: #1E66AE; color: #FFFFFF; border-radius: 0.25em; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: box-shadow 0.5s; text-align: center;}
.btn:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
a.btn{text-decoration: none;}

/* highlight */
.highlight{background-color: #FFFF00; color: #191919;}

/* pagination */
.pagination{clear: both; overflow: hidden; margin: 0; text-align: center; padding: 12px; }
.pagination ul{margin: 0; padding: 0; list-style-type: none; display: inline-block; font-size: 14px; line-height: 1.6em; /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/ padding: 12px; /*background-color: #1E1E1E; */}
.pagination ul li{ padding: 0; margin: 0; margin-left: 0.5em; float: left;}
.pagination ul li span{float: left;padding: 0.4em 0.4em 0.4em 0.4em;  color: #243546; color: #FFFFFF; border-radius: 0.25em; min-width: 0.75em; }
.pagination ul li a{float: left;padding: 0.4em 0.4em 0.4em 0.4em; background-color: #1E66AE; color: #FFFFFF; text-decoration: none;  border-radius: 0.25em; min-width: 1em; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: box-shadow 0.5s;}
.pagination ul li a:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.pagination li.pagination-start{display: none;}
.pagination li.pagination-prev a{ background-image: url('../images/fleche-gauche.svg'); background-size: 6px 12px; background-repeat: no-repeat; background-position: left 5px center; padding-left: 20px; }
.pagination li.pagination-prev span{ display: none;}
.pagination li.pagination-next a{background-image: url('../images/fleche-droite.svg');  background-size: 6px 12px; background-repeat: no-repeat; background-position: right 5px center; padding-right: 20px; }
.pagination li.pagination-next span{display: none;}
.pagination li.pagination-end{display: none;}

/* ////////////////////////////// */
/* HEADER */

#header{background-color: #393939; background-color: #1E1E1E; position: fixed; z-index: 101; width: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
#header > .guide{max-width: 1280px; margin: 0 auto 0 auto; box-sizing: border-box; padding: 0px 24px 0px 24px; /*height: 66px;*/}

#headerpanel{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}

/*logo */
#header .logo{float: left; padding: 2px 16px 2px 16px; width: 48px; height: 48px; text-decoration: none; }
#header .logo img{max-width: 100%; display: block; border: none;}

/* navigation */
.navigation{font-size: 16px; height: 64px;}
.navigation > ul{list-style-type: none; margin: 0; padding: 0;}
.navigation > ul > li{float: left; margin: 0; padding: 0; position: relative;}
.navigation > ul > li > a, .navigation > ul > li > span{display: block; text-decoration: none; font-size: 15px; line-height: 32px; padding: 16px 16px 16px 16px; color: #E0E0E0; letter-spacing: 0.1em; text-transform: uppercase; }
.navigation > ul > li.open > a{background-color: #1E66AE; color: #FFFFFF;}
.navigation > ul > li > a:hover{background-color: #1E66AE; color: #FFFFFF;}

.navigation > ul > li > ul{display: none; position: absolute; list-style-type: none; margin: 0; padding: 0; background-color: #FFFFFF; border-radius: 0 0 0.25em 0.25em; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); min-width: 240px; overflow: hidden;  }
.navigation > ul > li > ul > li{margin: 0; padding: 0;}
.navigation > ul > li > ul > li > a{display: block; text-decoration: none;  font-size: 15px; line-height: 26px; padding: 8px 16px 8px 16px; color: #494949;}
.navigation > ul > li > ul > li > a:hover{background-color: #1E66AE; color: #FFFFFF;}

/* finder */
.mod_finder{height: 32px;}

/* mobile header */
.mobile_header{display: none; height: 50px; box-sizing: border-box; padding-top: 5px;}
.mobile_header a.homelink{float: left;  height: 40px;line-height: 40px; background: url('../images/pg-astro.svg') no-repeat left center; background-size: 36px 36px; text-decoration: none; color: #FFFFFF; padding-left: 42px;}
#mobileheaderpaneltoggle{float: right; width: 40px; height: 40px; background: url('../images/menu-toggle-square.svg') no-repeat center center; background-size: 32px 32px; }

@media (max-width: 980px) {
/* header */
#header{position: relative;}
.mobile_header{display: block;}
#headerpanel{padding: 4px 0 38px 0; display: none;}
#header .logo{display: none;}
.navigation{height: auto;}
.navigation > ul > li{float: none;}
.navigation > ul > li > ul{position: relative; border-radius: 0; box-shadow:  none; }
.navigation > ul > li > a, .navigation > ul > li > span{padding: 8px 16px 8px 16px; text-align: center; }
.mod_finder{float: none; margin: 0; padding: 24px 0 0 0; text-align: center;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;}
}


/* ////////////////////////////// */
/* FOOTER */

#stickyfooter{background-color: #1E1E1E;}
#stickyfooter > .guide{max-width: 1280px; margin: 0 auto 0 auto; box-sizing: border-box; padding: 0 24px 0 24px;}

.footermenu{font-size: 16px; height: 48px;}
.footermenu > ul{list-style-type: none; margin: 0; padding: 0; float: right;}
.footermenu > ul > li{float: left; margin: 0; padding: 0; position: relative;}
.footermenu > ul > li > a, .footermenu > ul > li > span{display: block; text-decoration: none; font-size: 14px; line-height: 26px; padding: 11px 16px 11px 16px;color: #E0E0E0; letter-spacing: 0.1em;  }

@media (max-width: 760px) {
.footermenu{height: auto;padding: 24px 0 24px 0;}
.footermenu > ul{display: block; float: none;}
.footermenu > ul > li{display: block; float: none;}
.footermenu > ul > li > a, .footermenu > ul > li > span{padding: 8px 16px 8px 16px; text-align: center; }
}


/* ////////////////////////////// */

/* BODY */
#main{}
#sections{padding-top: 64px;}

@media (max-width: 980px) {
#sections{padding-top: 0px;}
}

/* ////////////////////////////// */
/* ACCUEIL */

/* categories */
.accueil_categories{max-width: 1280px; margin: 0 auto 0 auto; box-sizing: border-box; padding: 24px 24px 0px 24px;}
.accueil_categories .items{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; padding: 0px 0px 0px 0px; margin: -12px;}
.accueil_categories .items > .item{box-sizing: border-box; width: 33.3333333%; padding: 12px;}
.accueil_categories .items > .item > .blk{background-color: #1E1E1E; height: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); position: relative;  box-sizing: border-box;  padding-bottom: 68px; color: #D0D0D0; }
.accueil_categories .items > .item .readmore{box-sizing: border-box; width: 100%; margin: 0; text-align: left; position: absolute; bottom: 0; left: 0; padding: 0px 24px 38px 24px; }
.accueil_categories .items > .item .readmore > a.btn{font-size: 15px; line-height: 24px; padding-top: 6px; padding-bottom: 6px; margin: 0;}
.accueil_categories .items > .item .image{padding-bottom: 50%; position: relative; overflow: hidden;}
.accueil_categories .items > .item .image img{position: absolute; height: 101% !important; width: auto !important; max-width: none !important; left: 0; top: 50%; transform: translateY(-50%); }
.accueil_categories .items > .item .content{padding: 24px 24px 24px 24px; }
.accueil_categories .items > .item h2{margin: 0px 0 16px 0; line-height: 1.1em; font-size: 24px;}
.accueil_categories .items > .item h2 > a{text-decoration: none; color: #337CC9; }
.accueil_categories .items > .item p{line-height: 1.6em; font-size: 15px; margin: 0;}

@media (max-width: 1000px) {
.accueil_categories .items{display: block;}
.accueil_categories .items > .item{width: 100%; }
.accueil_categories .items > .item > .blk{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: stretch; padding: 0;}
.accueil_categories .items > .item > .blk > .image{padding-bottom: 0; width: 45%; }
.accueil_categories .items > .item > .blk > .wrap{width: 55%;}
.accueil_categories .items > .item .readmore{position: relative;}
}

@media (max-width: 650px) {
.accueil_categories .items > .item > .blk{display: block; padding-bottom: 68px; }
.accueil_categories .items > .item > .blk > .image{width: auto; padding-bottom: 50%;}
.accueil_categories .items > .item > .blk > .wrap{width: auto;}
.accueil_categories .items > .item .readmore{position: absolute;}
}

/* presentation */
#section_presentation { padding-bottom: 38px; }
#section_presentation > .guide{box-sizing: border-box; max-width: 1280px; margin: 0 auto 0 auto; padding: 24px 24px 0px 24px;}
#section_presentation .bloc{background-color: #DBDBDB; background-color: #D2D2D2; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); padding: 24px 24px 38px 24px;}
#section_presentation p{line-height: 1.6em; font-size: 15px; }

@media (max-width: 650px) {
#section_presentation p{font-size: 14px;}
}

@media (max-width: 370px) {
.accueil_categories .items > .item p{ font-size: 14px; }
}


/* ////////////////////////////// */
/* CATEGORIES */

.categories{max-width: 1280px; margin: 0 auto 0 auto; box-sizing: border-box; padding: 24px 24px 32px 24px; }

/* intro */
.categories_intro{background-color: #1E1E1E; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); color: #D0D0D0; padding: 32px; }
.categories_intro .flextable{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.categories_intro .content{flex: 1; align-self: flex-start; padding-right: 32px; }
.categories_intro .content h1{color: #337CC9; margin-top: 0.5em; }
.categories_intro .content p{font-size: 18px; }
.categories_intro .content .description{border-left: 2px dotted #505050; padding-left: 24px; margin: 32px 0 32px 0;}
.categories_intro .image{width: 240px; box-sizing: border-box; border-left: 2px dotted #505050; padding-left: 24px; width: 264px; }
.categories_intro .category_image{position: relative; overflow: hidden; width: 100%; padding-bottom:100%; }
.categories_intro .category_image img{position: absolute;  width: 100%; left: 0; top: 50%; transform: translateY(-50%); }

/* items */
.categories_items{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; padding: 16px 0px 0px 0px; margin: -12px;}
.categories_items > .item{box-sizing: border-box; width: 33.3333333%; padding: 12px; }
.categories_items > .item > .blk{background-color: #1E1E1E; height: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); position: relative;  box-sizing: border-box;  padding-bottom: 68px; color: #D0D0D0; }
.categories_items > .item .readmore{box-sizing: border-box; width: 100%; margin: 0; text-align: left; position: absolute; bottom: 0; left: 0; padding: 0px 24px 32px 24px; }
.categories_items > .item .readmore > a.btn{font-size: 15px; line-height: 24px; padding-top: 6px; padding-bottom: 6px; margin: 0;}
.categories_items > .item .item_image{padding-bottom: 46%; position: relative; overflow: hidden;}
.categories_items > .item .item_image img{position: absolute;  width: 100%; left: 0; top: 50%; transform: translateY(-50%); }
.categories_items > .item .item_content{padding: 24px 24px 24px 24px; }
.categories_items > .item h2{margin: 4px 0 18px 0; line-height: 1.1em; font-size: 18px;}
.categories_items > .item h2 > a{text-decoration: none; color: #337CC9; }
.categories_items > .item p{line-height: 1.6em; font-size: 15px; margin: 0}

@media (max-width: 1000px) {
.categories_items > .item{width: 50%;}
}

@media (max-width: 980px) {
.categories_intro .content{padding-right: 0;}
.categories_intro .image{display: none;}
}

@media (max-width: 750px) {
.categories_intro .content .description{border-left: none; padding-left: 0px; margin: 24px 0 24px 0;}
.categories_items > .item{width: 100%;}
}

@media (max-width: 500px) {
.categories_intro{padding: 24px;}
.categories_intro .content p{font-size: 16px; }
}

@media (max-width: 370px) {
.categories_intro .content p{font-size: 15px; }
}

/* ////////////////////////////// */
/* CATEGORY */

.category{max-width: 1280px; margin: 0 auto 0 auto; box-sizing: border-box; padding: 24px 24px 32px 24px; }

/* intro */
.category_intro{ background-color: #1E1E1E; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); color: #D0D0D0; padding: 32px;}
.category_intro .flextable{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;}
.category_intro .content{flex: 1; align-self: flex-start; padding-right: 32px; }
.category_intro .content h1{color: #337CC9; margin-top: 0.5em; }
.category_intro .content p{font-size: 18px; }
.category_intro .content .description{border-left: 2px dotted #505050; padding-left: 24px; margin: 32px 0 32px 0;}
.category_intro .image{width: 240px; box-sizing: border-box; border-left: 2px dotted #505050; padding-left: 24px; width: 264px;  }

.category_intro .category_image{position: relative; overflow: hidden; width: 100%; padding-bottom:100%; }
.category_intro .category_image img{position: absolute;  width: 100%; left: 0; top: 50%; transform: translateY(-50%); }

/* liste des articles */
.category_articles{display: block;} /* NE PAS OUBLIER */
.category_articles > .mod-header{ display: inline-block; font-size: 17px; line-height: 1.6em; padding: 0.4em 1.5em 0.4em 1.5em; color: #FFFFFF; background-color: #1E66AE; border-radius: 0.25em; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); cursor: pointer; background-image: url('../images/toggle-list.png'); background-repeat: no-repeat; background-position: 10px center; padding-left: 50px; margin: 0; }
.category_articles > .mod-header.open{border-radius: 0.25em 0.25em 0 0; box-shadow: none;}
/* @ il faudra revenir la dessus */
.category_articles > .mod-body{padding: 20px 0px 20px 0px;  background-color: #F0F0F0; display: none;}
.category_articles ul.col0{margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; }
.category_articles ul.col0 > li{display: block; line-height: 1.1em; padding: 0 30px 0 30px;}
.category_articles ul > li > a{display: block; background: url('../images/puce-article.png') no-repeat left 1.0em; font-size: 13px;  font-weight: 700; color: #1D64AE;border-bottom: 1px solid #BAC5D0; text-decoration: none; padding: 0.8em 0.8em 0.8em 20px; }
.category_articles ul > li:last-child > a{border-bottom: none;}
.category_articles ul > li > a > .date{font-size: 12px; color: #657382;}
.category_articles ul > li > a:hover{text-decoration: underline;}
.category_articles .menulist_parent{overflow: hidden;}
.category_articles .menulist_cols_3{float: left; width: 33.3333333%;}
.category_articles .menulist_cols_2{float: left; width: 50%;}

/* items */
.category_items{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; padding: 16px 0px 0px 0px; margin: -12px; }
.category_items > .item{box-sizing: border-box; width: 20%; padding: 12px; }
.category_items > .item > .blk{background-color: #DBDBDB;height: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); position: relative;  box-sizing: border-box; padding-bottom: 51px; background-color: #F9F9F9;}
.category_items > .item .readmore{box-sizing: border-box; width: 100%; margin: 0; text-align: left; position: absolute; bottom: 0; left: 0; padding: 0px 12px 20px 12px; }
.category_items > .item .readmore > a.btn{font-size: 13px; line-height: 21px; padding-top: 5px; padding-bottom: 5px; margin: 0;}
.category_items > .item .item_image{height: 220px; position: relative; overflow: hidden; }
.category_items > .item .item_image img{position: absolute;  width: 101%; max-width: none !important; left: 0; top: 50%; transform: translateY(-50%); }
.category_items > .item .item_content{padding: 14px 12px 16px 12px;}
.category_items > .item h2{margin: 4px 0 12px 0; line-height: 1.1em; font-size: 16px;}
.category_items > .item h2 > a{text-decoration: none;}
.category_items > .item h2 a .date{color: #657382; line-height: 18px; font-size: 13px;}
.category_items > .item p{line-height: 1.2em; font-size: 13px; margin: 0}


@media (max-width: 1200px) {
.category_items > .item{width: 25%;}
}

@media (max-width: 1000px) {
.category_items > .item{width: 33.3333333%;}
}

@media (max-width: 980px) {
.category_intro .content{padding-right: 0;}
.category_intro .image{display: none;}
}

@media (max-width: 750px) {
.category_intro .content .description{border-left: none; padding-left: 0px; margin: 24px 0 24px 0;}
.category_items > .item{width: 50%;}
}

@media (max-width: 500px) {
.category_intro{padding: 24px;}
.category_intro .content p{font-size: 16px; }
.category_items > .item{width: 100%;}
.category_articles ul.col0 > li{padding: 0 20px 0 20px;}
}

@media (max-width: 370px) {
.category_intro .content p{font-size: 15px; }
.category_articles ul.col0 > li{padding: 0 16px 0 16px;}
}

/* ////////////////////////////// */
/* ARTICLE */

.article{max-width: 1280px; margin: 0 auto 0 auto; box-sizing: border-box; padding: 24px 24px 32px 24px;}
.article > .blk{padding: 64px 128px 64px 128px; background-color: #F9F9F9; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.article_content h1{margin-top: 0.75em;}
.article_content h1 .date{color: #657382; }
.article_content p{ font-size: 17px;  margin: 1em 0 1em 0; line-height: 1.8em; /*text-align: justify;*/ }
.article .infos{color: #225282; font-size: 16px; margin: 38px 0 38px 0; /*background: #DBDBDB;*/ padding: 8px 16px 8px 16px; text-align: right; }
.article .infos a{font-weight: bold; font-size: 16px; text-decoration: none; }
.article .infos.top{border-bottom: dotted 2px #BAC5D0; margin-top: 16px;}
.article .infos.bottom{border-top: dotted 2px #BAC5D0; }

.article_top{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 24px;}
.article_bottom{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;margin-top: 24px;}

.article_position14{}

.article_pagination{}
.article_pagination > ul{display: inline-block; list-style-type: none; margin: 0; padding: 0; }
.article_pagination > ul > li{ float: left; }
.article_pagination > ul > li > a{float: left;  background: #1E66AE; border-radius: 0.25em; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);font-size: 14px; line-height: 22px; padding: 5px 14px 5px 14px; text-decoration: none; color: #FFFFFF; background-color: #1E66AE;}
.article_pagination > ul > li > a:hover{text-decoration: underline;}
.article_pagination > ul > li > a > span{display: none;}
.article_pagination > ul > li.previous a{ background: url('../images/arrow-prev.svg') no-repeat left 8px center #82909F; background-size: 20px 20px;  padding-left: 36px;}
.article_pagination > ul > li.next a{ background: url('../images/arrow-next.svg') no-repeat right 8px center #82909F; background-size: 20px 20px; padding-right: 36px; }
.article_pagination > ul > li.next{padding-left: 0.5em;}


@media (max-width: 1200px) {
.article > .blk{padding: 64px 96px 64px 96px;}
}

@media (max-width: 1000px) {
.article{padding: 0;}
.article > .blk{padding: 32px 32px 32px 32px;}
}

@media (max-width: 500px) {
.article > .blk{padding: 24px 24px 24px 24px;}
.article_content h1{font-size: 24px; }
.article_content p{ font-size: 16px; }
}

@media (max-width: 370px) {
.article_content p{ font-size: 15px; }
}

/* ////////////////////////////// */
/* BREADCRUMB */

ul.backbtncrumb{display: block; list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
ul.backbtncrumb > li{float: left; background: url('../images/fleche-breadcrumb.svg') no-repeat right center; background-size: 10px 10px; padding-right: 10px; }
ul.backbtncrumb > li > a{float: left; font-size: 13px; line-height: 1.2em; padding: 1px 12px 1px 12px; text-decoration: none; color: #DBDBDB; /*text-transform: uppercase;*/ letter-spacing: 0.1em; font-weight: normal; text-transform: uppercase; }
ul.backbtncrumb > li > a:hover{text-decoration: underline;}
ul.backbtncrumb > li:first-child > a{padding-left: 0;}
.article_position14 ul.backbtncrumb > li > a{color: #225282;}

@media (max-width: 750px) {
ul.backbtncrumb > li{float: none; display: block; background: none;}
ul.backbtncrumb > li > a{float: none; display: inline-block; background: url('../images/fleche-breadcrumb.svg') no-repeat right center; background-size: 10px 10px; padding-left: 0px; padding-right: 16px; }
}



/* ////////////////////////////// */
/* RECHERCHE */
.finder_searchinput label{display: none;}
.finder_searchinput input{float: left; background: #FFFFFF; border: none; color: #243546; font-size: 16px; line-height: 22px; box-sizing: border-box; height: 32px; padding: 5px 6px 5px 8px; width: 248px; border-radius: 0; -webkit-appearance: none;}
.finder_searchinput button{float: left; box-sizing: border-box; width: 32px; height: 32px; background: #FFFFFF; border: none; background: url('../images/search-icon.svg') no-repeat center center #FFFFFF; background-size: 24px 24px; }
.finder_searchinput button span{display: none;}
/*
::-webkit-input-placeholder{#909090;}
:-ms-input-placeholder{#909090;}
::-moz-placeholder{#909090;}
*/

.awesomplete{float: left;}
.awesomplete > ul:before{display: none;}
.awesomplete > ul{background: #FFFFFF; border-radius: 0; border: none; box-shadow: none; text-shadow: none; margin: 0; width: 280px; left: 0; top: 32px; text-align: left; }
.awesomplete > ul > li{overflow: hidden; white-space: nowrap; font-size: 16px; line-height: 22px; color: #243546; padding: 5px 6px 5px 8px;}
.awesomplete > ul > li:hover{background-color: #1E66AE; color: #FFFFFF;}
.awesomplete > ul > li mark{background: none; font-weight: bold;}
.awesomplete > ul > li:hover mark{background: none; color: #FFFFFF;}

.finder{max-width: 1280px; margin: 0 auto 0 auto; box-sizing: border-box; padding: 32px 24px 32px 24px; }
.finder_form{background-color: #1E1E1E; padding: 32px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); color: #D0D0D0; margin-bottom: -8px;}
.finder_form h1{color: #337CC9; margin-top: 12px;}
.finder_form p{font-size: 18px; }
.finder_form .finder_searchinput{height: 32px; padding: 12px 0 12px 0;}
.finder_results{}
.finder_results .item{background-color: #DBDBDB; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); margin: 24px 0 24px 0; padding: 24px; font-size: 15px; }
.finder_results .item .title{font-size: 16px; line-height: 1.1em; font-weight: bold; margin: 8px 0 10px 0;}
.finder_results .item .title > a{text-decoration: none; color: #225282; }
.finder_results .item .readmore{box-sizing: border-box; width: 100%; margin: 0; text-align: left; padding: 16px 0 10px 0; }
.finder_results .item .readmore > a.btn{font-size: 13px; line-height: 21px; padding-top: 5px; padding-bottom: 5px; margin: 0;}

.finder_results .findernoresults{background-color: #DBDBDB; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); margin: 24px 0 24px 0; padding: 24px; font-size: 15px; }
.finder_results .findernoresults .suggestion{font-size: 0.9em;}

@media (max-width: 400px) {
    .finder_form .awesomplete > ul{width: 240px;}
    .finder_form .finder_searchinput input{width: 208px;}
}

/* ////////////////////////////// */
/* CONTACT */

/*
.formResponsive{}
.formResponsive > fieldset{margin: 0; padding: 0; border: none;}

.formResponsive > fieldset .rsform-block{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding: 8px 0 8px 0; }

.formResponsive > fieldset .rsform-block > .formControlLabel{width: 220px; font-size: 15px; line-height: 1.4em; font-weight: 600; color: #243546; }
.formResponsive > fieldset .rsform-block > .formControlLabel > .formRequired{color: #225282;}

.formResponsive > fieldset .rsform-block > .formControls{flex: 1;}
.formResponsive > fieldset .rsform-block > .formControls > .formDescription{display: none;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody{float: none;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody > input{display: block; box-sizing: border-box; width: 60%;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody > textarea{box-sizing: border-box; width: 100%; height: 12em;}

.formResponsive > fieldset .rsform-block > .formControls > .formBody > input[type="text"], .formResponsive > fieldset .rsform-block > .formControls > .formBody > textarea{
background: #FFFFFF; border: solid 1px #bac5d0; font-family: monospace; font-size: 18px; line-height: 1.4em;  border-radius: 0.25em;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody > input[type="text"]{padding: 0.3em 0.6em 0.3em 0.6em;}
.rsform-block > .formControls > .formBody > textarea{padding: 0.6em;}

.formResponsive > fieldset .rsform-block.rsform-block-sujet > .formControls > .formBody > input[type="text"]{width: 100%;}

.formResponsive > fieldset .rsform-block > .formControls > .formBody > .rsform-submit-button{font-size: 16px; border: none; display: inline-block; cursor: pointer; line-height: 1.6em; padding: 0.4em 1.5em 0.4em 1.5em; color: #FFFFFF; border-radius: 0.25em; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: box-shadow 0.5s; text-align: center; text-transform: uppercase; background: url('../images/by-mail.svg') no-repeat left center #66AE1E; background-size: 2em 6em; padding-left: 3.5em; }
.formResponsive > fieldset .rsform-block > .formControls > .formBody > .rsform-submit-button:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}


.formResponsive > fieldset .rsform-block > .formControls > .formBody > .formValidation{display: block;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody > .formValidation > .formError{display: block; font-weight: 600; font-size: 14px; line-height: 1.2em; padding: 4px 0 4px 0; color: #F52727;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody > input[type="text"].rsform-error, .formResponsive > fieldset .rsform-block > .formControls > .formBody > textarea.rsform-error{
border-color: #F52727; background-color: #FFCDB0;
}

p.rsformthanks{font-size: 20px; line-height: 1.4em; color: #225282; font-weight: 600;}

@media (max-width: 750px) {
.formResponsive > fieldset .rsform-block{display: block; }
.formResponsive > fieldset .rsform-block > .formControlLabel{padding-bottom: 8px;}
}

@media (max-width: 550px) {
.formResponsive > fieldset .rsform-block > .formControls > .formBody > input{width: 100%;}
}
*/

.formResponsive{}
.formResponsive > fieldset{margin: 0; padding: 0; border: none;}

.formResponsive > fieldset .rsform-block{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding: 8px 0 8px 0; }

.formResponsive > fieldset .rsform-block > .formControlLabel{width: 220px; font-size: 15px; line-height: 1.4em; font-weight: 600; color: #243546; }
.formResponsive > fieldset .rsform-block > .formControlLabel > .formRequired{color: #225282;}

.formResponsive > fieldset .rsform-block > .formControls{flex: 1;}
.formResponsive > fieldset .rsform-block > .formControls .formDescription{display: none;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody{float: none;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody > input{display: block; box-sizing: border-box; width: 60%;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody > textarea{box-sizing: border-box; width: 100%; height: 12em;}

.formResponsive > fieldset .rsform-block > .formControls > .formBody > input[type="text"], .formResponsive > fieldset .rsform-block > .formControls > .formBody > textarea{
background: #FFFFFF; border: solid 1px #bac5d0; font-family: monospace; font-size: 18px; line-height: 1.4em;  border-radius: 0.25em;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody > input[type="text"]{padding: 0.3em 0.6em 0.3em 0.6em;}
.rsform-block > .formControls > .formBody > textarea{padding: 0.6em;}

.formResponsive > fieldset .rsform-block.rsform-block-sujet > .formControls > .formBody > input[type="text"]{width: 100%;}

.formResponsive > fieldset .rsform-block > .formControls > .formBody > .rsform-submit-button{font-size: 16px; border: none; display: inline-block; cursor: pointer; line-height: 1.6em; padding: 0.4em 1.5em 0.4em 1.5em; color: #FFFFFF; border-radius: 0.25em; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: box-shadow 0.5s; text-align: center; text-transform: uppercase; background: url('../images/by-mail.svg') no-repeat left center #66AE1E; background-size: 2em 6em; padding-left: 3.5em; }
.formResponsive > fieldset .rsform-block > .formControls > .formBody > .rsform-submit-button:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}


.formResponsive > fieldset .rsform-block > .formControls > .formBody > .formValidation{display: block;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody > .formValidation > .formError{display: block; font-weight: 600; font-size: 14px; line-height: 1.2em; padding: 4px 0 4px 0; color: #F52727;}
.formResponsive > fieldset .rsform-block > .formControls > .formBody > input[type="text"].rsform-error, .formResponsive > fieldset .rsform-block > .formControls > .formBody > textarea.rsform-error{
border-color: #F52727; background-color: #FFCDB0;
}

p.rsformthanks{font-size: 20px; line-height: 1.4em; color: #225282; font-weight: 600;}

@media (max-width: 750px) {
.formResponsive > fieldset .rsform-block{display: block; }
.formResponsive > fieldset .rsform-block > .formControlLabel{padding-bottom: 8px;}
}

@media (max-width: 550px) {
.formResponsive > fieldset .rsform-block > .formControls > .formBody > input{width: 100%;}
}

/* ////////////////////////////// */