/* switching box model for all elements */
@font-face {
    font-family: 'Mabrouk';
    src: url('../fonts/mabrouk/Mabrouk.woff2') format('woff2'),
         url('../fonts/mabrouk/Mabrouk.woff') format('woff'),
         url('../fonts/mabrouk/Mabrouk.ttf') format('ttf'),
         url('../fonts/mabrouk/Mabrouk.eot') format('eot');
    font-weight: normal;
    font-style: normal;

}



* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* soft reset */

html,
body {margin: 0; padding: 0;}

ul,
ol {  padding-left: 2em;}

ul.unstyled {  list-style: none;}

img {  vertical-align: middle;  border: 0;}

audio,
canvas,
video {  display: inline-block;}

svg:not(:root) {  overflow: hidden;}

figure {  margin: 0;}

input[type="submit"], button{ -webkit-appearance: none;}

/* ----------------------------- */

/* == typography                 */

/* ----------------------------- */

/* base font-size corresponds to 10px and is adapted to rem unit */

html {  font-size: 71.5%;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}

body {  color: #444344; font-size: 1.4em;  line-height: 1.5;}

/* font-sizing for content */

/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */

p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure,
hgroup {  margin-top: .75em; }
/*margin-bottom: 0;*/
h1,
.h1-like {  margin-top: 0.65625em;  margin-bottom: 0;  line-height: 1.3125;}

h2,.h2-like {  margin-top: 0.75em;  margin-bottom: 0; line-height: 1.5;}

h3,
.h3-like { margin-top: 0.875em;  margin-bottom: 0; line-height: 1.25;}

h4,
.h4-like {  margin-top: 1.05em;  margin-bottom: 0; line-height: 1.05;}

h5,
.h5-like {  margin-top: 1.1666666666666667em;  margin-bottom: 0;  line-height: 1.1666666666666667;}

h6,
.h6-like {  margin-top: 1.3125em;  margin-bottom: 0;  line-height: 1.3125;}

/* alternate font-sizing */
.smaller {  font-size: 0.7142857142857143em;}
.small {  font-size: 0.8571428571428571em;}
.big {  font-size: 1.1428571428571428em;}
.bigger {  font-size: 1.2857142857142858em;}
.biggest {  font-size: 3.4285714285714286em;}
a{color:#d30d23; text-decoration:none;}
a.alt{color:black;}
a:hover{text-decoration:underline;}

.color1, a.color1{color:#d30d23;}
.color2, a.color2{color:#999;}
.color3, a.color3{color:#1a60f1;}
.color4, a.color4{color:white;}
.color5, a.color5{color:#aaa;}




.interlignereduit{line-height:1em; padding-top:1px;}
code,
pre,
samp,
kbd {  white-space: pre-line;  /* IE fix */  white-space: pre-wrap;  font-family: Consolas, 'DejaVu Sans Mono', Courier, monospace;  line-height: 1;}

code,
kbd,
mark {  border-radius: 2px;}

em {  font-style: italic;}
strong {  font-weight: bold;}

kbd {  padding: 0 2px;  border: 1px solid #999;}

code {  padding: 2px 4px;  background: rgba(0, 0, 0, 0.04);  color: #b11;}

mark {  padding: 2px 4px;  background: #ff0;}

sup,
sub {  vertical-align: 0;  position: relative;}

sup {  bottom: 1ex;}

sub {  top: .5ex;}

/* ----------------------------- */

/* == hiding content             */

/* ----------------------------- */

/* hiding content */

.invisible, .no-desktop {  position: absolute;  top:-7000px; left: -7000px;  overflow: hidden; }

[dir=rtl] .invisible {  left: auto;  right: -7000px;}

.desktop-hidden {  display: none;}

/* hidden on desktop */

/* ----------------------------- */

/* == skip links styling         */

/* ----------------------------- */

.skip-links {  position: absolute;}

.skip-links a {  position: absolute;  left: -7000px;  padding: 0.5em;  background: black;  color: white;  text-decoration: none;}

.skip-links a:focus {    position: static;}

/* ----------------------------- */

/* == browsers consistency       */

/* ----------------------------- */

/* avoid top margins on first content element */

p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {  margin-top: 0;}

/* avoid margins on nested elements */

li p:first-child,
li ul:first-child,
li ol:first-child {  margin-top: 0;  margin-bottom: 0;}

/* max values */

img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video {  max-width: 100%;}

/* margin-bottom on tables */

table {  margin-bottom: 1.5em;}
table td, table th{padding:10px 4px; vertical-align:top;}
/* Google Gmap3 bug fix on images */


/* scripts */

body > script {  display: none !important;}

/* ----------------------------- */

/* ==layout and modules          */

/* ----------------------------- */

/* float layout */

/* module, gains superpower "BFC" Block Formating Context */

.mod {  overflow: hidden;}

/* blocks that needs to be placed under floats */

.clear,
.line,
.row {  clear: both; display:block;}

/* blocks that must contain floats */

.clearfix:after,
.line:after,
.mod:after {  content: "";  display: table;  clear: both;}

/* table layout */

.row {  display: table;  table-layout: fixed;  width: 100%;}

.row > *,
.col {  display: table-cell;  vertical-align: top; float:left;}

/* inline-block */

/* alignments (blocks and inline) */

/* ------------------------------ */

.align-left {  text-align: left;}
.align-right {  text-align: right;}
.align-center {  text-align: center;}
.align-justify {  text-align: justify;}


/* ----------------------------- */

/* == quick print reset          */

/* ----------------------------- */

@media print {
  p,
  blockquote {
  orphans: 2;
  widows: 2;
  }

  blockquote,
  ul,
  ol {
  page-break-inside: avoid;
  }

  h1,
  h2,
  h3,
  caption {
  page-break-after: avoid;
  }
}
html{margin:0px; padding:0px; background:white;}
body{text-align:center;  margin:0px; padding:0px; background:transparent url('../bg/body.png') repeat-y center top; overflow: scroll;}

a{text-decoration:none; outline:none;}
a:hover, a:focus{text-decoration:underline;}
/*
.box-shadow, .box form input[type="submit"]{-moz-box-shadow: 0px 2px 3px 0px #656565;
-webkit-box-shadow: 0px 2px 3px 0px #656565;
-o-box-shadow: 0px 2px 3px 0px #656565;
box-shadow: 0px 2px 3px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=3);}
*/
img{height:auto;}
.box-shadow-top{-moz-box-shadow: 0px -2px 3px 0px #656565;
-webkit-box-shadow: 0px -2px 3px 0px #656565;
-o-box-shadow: 0px -2px 3px 0px #656565;
box-shadow: 0px -2px 3px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=-180, Strength=3);}

object, embed{max-width:100%;}

.box-shadow-inner{
  -moz-box-shadow: inset 0 0 4px 0 #000;
  -webkit-box-shadow: inset 0 0 4px 0 #000;
  -o-box-shadow: 0px 0px 4px 0px #656565;
  box-shadow: inset 0 0 4px 0 #000;
}

/*DEFINITION DES POLICES */
html, .footer, .surheader, .actions, .bandeau .swiper-slide h2{font-family:'Montserrat', Helvetica, Arial, sans-serif;}
.surheader .static-don, .form-don .submit input, .box .cartouche, .animalid .name .intitule{font-family:'Mabrouk', Helvetica, Arial, sans-serif;}

hr{display:block; border:none; width:100%; clear:both; height:1px; background:#d7d7d7; margin:1em 0;}

table{width:100%; border-collapse:collapse;}
table caption{font-size:0.7em; color:#666;}
table tr:nth-child(odd) td{background:#f2f2f2;}
table tr td{border:1px solid #aaa;}

.contenttable-border-1, .contenttable-border-1 th, .contenttable-border-1 td{border:1px solid black;}

.cartouche{display:inline-block; background:#d30d23; color:white; padding:3px 6px; text-transform:uppercase; font-weight:bold; font-size:11px; position:relative; left:-2px;}
.cartouche a{color:white;}
.social-networks{float:right; list-style:none; width:auto; margin:5px 0px; font-size:16px; }
.social-networks li{display:inline-block; width:24px; height:24px; margin:0px 4px;  background:transparent no-repeat 50% 50%;}
.social-networks li a{color:white; display:inline-block; width:100%; height:100%; text-align:center;}
.social-networks svg{fill: white; width: auto; height:17px;}
/*
.social-networks li.facebook{background-image:url('../bg/toolbars-picto-facebook.png');}
.social-networks li.twitter{background-image:url('../bg/toolbars-picto-twitter.png');}
.social-networks li.gplus{background-image:url('../bg/toolbars-picto-gplus.png');}
.social-networks li.youtube{background-image:url('../bg/toolbars-picto-youtube.png');}
.social-networks li.dailymotion{background-image:url('../bg/toolbars-picto-dailymotion.png');}
.social-networks li.instagram{background-image:url('../bg/toolbars-picto-instagram.png');}
.social-networks li.rss{background-image:url('../bg/toolbars-picto-rss.png'); margin-right:0px;}
*/
.logo-container{position: absolute; top: 0; text-align: center; width: 100%;}
.logosurheader{position:absolute; top:0; left:0; display:block; z-index:60; left:-1px}
.megamenu-opened .logosurheader, .nobandeau .logosurheader img{width:139px; left:-2px; border-top:0px;}
.megamenu-opened .logosurheader img, .nobandeau .logosurheader img, .nobandeau .footer .bottom .logo img{border:1px solid #e6e6e6; border-radius:15px; background:white;}
.static-home{display:block; width:135px; height:72px; position:relative; top:-15px; z-index:2000;}
.relative{position:relative;}
.container{width:1175px; max-width:100%; text-align:left; margin:0 auto; position:relative;}
body > h1.container, body > h1.container + .container{width:1175px; max-width:100%; position:relative; margin:0 auto; text-align:left;}

.surheader{background:transparent; position:fixed; top:0; left:0; width:100%; z-index:50; transition:background 0.75s;}
.scrolled .surheader, .nobandeau .surheader, .megamenu-opened .surheader{background:black;}
.surheader .container{width:1175px; max-width:100%; color:white; height:70px; padding:15px 0;}
.surheader ul{margin:0px;}
.surheader a{color:white;}

.surheader .toplinks {position:absolute; left:250px; height:70px; top:15px;}
.surheader .toplinks .agir{display:inline-block; width:80px; height:32px; position:relative; top:3px; background:transparent url('../bg/top-links-agir.png') no-repeat center top;}

.surheader .social-networks {float:none; position:absolute; top:12px; left:135px; width:226px; margin:0; padding:0; font-size:18px; border-right:2px solid white; padding-right:15px;}
.surheader .social-networks li{margin:0px 7px;}

.surheader .apps{position:absolute; top:-1px; left:372px; margin:0px; padding:0px; font-size:18px; width:200px; list-style:none;}
.surheader .apps li{display:inline-block; margin:0 15px; padding:0;}
.surheader .apps .applis{font-size:30px; position:relative; top:2px;}
.surheader .apps .shop a{border:1px solid white; border-radius:5px; padding:2px 8px 2px 6px;}

.surheader .loginbox{position:absolute; right:200px; z-index:5; font-weight:300; top:15px;}
.surheader .loginbox .account-toggler{position:relative; top:12px; font-size:16px;}
.surheader .loginbox .avatar{display:block; width:40px; height:40px; background:transparent url('../bg/surheader-loginbox.png') no-repeat 50% 50%; cursor:pointer;}
.surheader .loginboxlogged .avatar{background-image:url('../bg/surheader-loginbox-avatar.png');}
/*.surheader .loginbox:hover{background:transparent url('../bg/surheader-loginbox-active.png') no-repeat 50% 100%;}*/
.surheader .loginbox .userlogin{position:absolute; top:-5000px; right:-5000px; width:auto; background:#ffffff; color:#3d3d3d; height:23px; line-height:23px; padding:3px; padding:0px; font-size:11px; padding:0px 6px; min-width:100px; text-align:center;}
.surheader .loginbox:hover .userlogin{top:35px; right:0px;}
.surheader .loginroll{position:absolute; top:-5000px; left:-5000px; color:black; z-index:10;}
.surheader .loginbox:hover .loginroll{top:35px; right:0px; left:auto;}
.surheader .login{display:none;}
.surheader .loginbox .usermenu{width:200px; margin:0px; padding:0px; list-style:none; line-height:23px; margin:0px; border-width:0px 1px 1px 1px;}
.surheader .loginbox .usermenu li{background:#ffffff; display:block; text-transform:uppercase; text-transform:uppercase; line-height:1.5em;}
.surheader .loginbox .usermenu li:first-child{padding-top:10px; background-image:url('../bg/surheader-usermenu.png'); background-repeat:no-repeat; background-position:175px 0px;}
.surheader .loginbox .usermenu li a{color:#8e908f; display:inline-block; padding:0px 15px; width:100%; font-size:0.85em;}
.surheader .loginbox .usermenu li a:hover{background:#d8d7d7; color:black; text-decoration:none;}
.surheader .loginbox .usermenu li.last{background:transparent; font-weight:bold;}
.surheader .loginbox .usermenu li.last a{color:#d30d23; background:#d8d7d7;margin-top:1px;}
.surheader .loginbox .usermenu li.last a:hover{color:white; background:black;}

.surheader .static-don{position:absolute; top:15px; right:0px; display:block; height:40px; line-height:40px; width:174px; background:#d30d23 no-repeat 10px 50%; text-align:center; font-weight:bold; letter-spacing: -1px; text-transform:uppercase; font-size:16px; z-index:101;}
.surheader .static-don .fa{margin-right:7px;}

.surheader .mainmenu{width:40px; height:40px; text-align:center; position:absolute; left:170px; top:13px;}
.surheader .mainmenu a{text-decoration:none; letter-spacing:2px; display:block; width:40px; height:40px; line-height:11px; font-size:11px; background:transparent url('../bg/surheader-burger.png') no-repeat center bottom;}
.surheader .mainmenu a.active{background-image:url('../bg/surheader-burger-close.png');}
.surheader .mainmenu a:hover{text-decoration:none;}
.surheader .megamenu{background:white; color:black; position:absolute; width:0; height:0; left:-100px; right:-100px; overflow:hidden;}
.surheader .megamenu .container{color:black; height:auto;}
.surheader .megamenu .container a{color:black;}
.surheader .megamenu.active{position:static; width:100%; height:auto;}

.surheader .megamenu .menu{margin:0; padding:0; margin-left:170px; margin-bottom:70px;}
.surheader .megamenu .menu:after{content:''; display:table; clear:both;}
.surheader .megamenu .menu ul{margin:0; padding:0; list-style:none;}
.surheader .megamenu .menu ul h3{font-size:14px;}
.surheader .megamenu .menu ul li{margin:0; padding:0;}
.surheader .megamenu .menu>ul>li{float:left; margin-right:40px;}
.surheader .megamenu .menu>ul>li .toggler{display:none;}
.surheader .megamenu .menu>ul>li:last-child{margin-right:0;}
.surheader .megamenu .menu>ul>li>ul{font-size:12px; font-weight:300;}
.surheader .megamenu .menu>ul>li>ul>li{margin-bottom:7px;}

.megamenu h3{margin:0; padding:0; margin-bottom:30px; text-transform:uppercase;}

.megamenu .contents{display: flex; flex-wrap:wrap; justify-content:space-between; font-weight:300;}
.megamenu .contents h3{border-bottom:1px solid black; margin-bottom:7px; padding-bottom:10px; text-transform:uppercase; font-weight:700;}
.megamenu .contents h3 p{margin-bottom:7px; font-size:14px;}
.megamenu .contents > div{width:350px;}
.megamenu .contents > div figure{width:100%;}
.megamenu .contents > div img{display:block; width:100%; height:150px; object-fit:cover;}
.megamenu .contents > div:last-child img{height:auto;}
.megamenu .contents .csc-textpic-center-outer, .megamenu .contents .csc-textpic-center-inner{position:static; float:none; right:auto;}

.megamenu .submenu{margin:0; padding:0; list-style:none; font-weight:300; text-align:center;}
.megamenu .submenu li{display:inline-block; margin:0; padding:0; font-size:14px; margin:0 7px; line-height:1em; border-right:1px solid black;}
.megamenu .submenu li:last-child{border-right:none;}
.megamenu .submenu li a{display:inline-block; margin-right:14px; border-bottom:1px solid #b0b0b0;}
.megamenu .submenu li a{border-right:none;}

.standard .external-login{text-align:center;}
.standard .external-login form, .standard .external-login a{display:inline-block; width:43px; height:35px; margin:0 1em;}
.standard .external-login form p{display:inline-block; width:100%; height:100%;}
.standard .external-login form p input{padding:0; background:none; border:none; display:inline-block; width:100%; height:100%; line-height:auto;}

.actions{width:100%; position:absolute; top:0; left:0; z-index:60;}
.megamenu-opened .actions{position:fixed;}
.actions .container{width:1175px; max-width:100%;}
.actions ul{margin:0px; padding:0px; position:absolute; right:0px; list-style:none; width:174px;}
.actions li{width:174px; height:30px; background:#d30d23 url('../bg/actions-fleche.png') no-repeat 205px 50%; margin-bottom:8px; font-size:12px; text-align:center; line-height:30px;}
.actions .don{box-shadow:none; -o-box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; filter:none; background:transparent url('../bg/surheader-don.png') no-repeat center top; width:174px; height:86px;  margin:0px; padding:0px; margin-bottom:8px; z-index:101; position:relative;}
.actions .don a{display:block; width:100%; height:100%;}
.actions li a{display:block; width:100%; height:100%; color:white; text-transform:uppercase; font-weight:bold;}
.actions li a:hover{text-decoration:none;}
.actions li{border-radius:0 0 8px 8px;}
.shadow{position:absolute; width:100%; height:144px; background:transparent repeat-x center top;}
.shadow-top{top:0; background-image:url('../bg/bandeau-shadow-top.png');}
.shadow-bottom{bottom:0; background-image:url('../bg/bandeau-shadow-bottom.png');}

.bandeau{height:689px; width:100%; overflow:visible; text-align:center; background:transparent no-repeat center top; position:relative; }
.bandeau .swiper-slide{height:689px;}
.bandeau .swiper-container{height:689px; margin:0 auto; z-index:15;}
.bandeau .swiper-slide{background:transparent no-repeat center top; position:relative;}
.bandeau .swiper-slide img{object-fit:cover; width:100%; height:100%;}
.bandeau .swiper-pagination{opacity:0.5; height:15px; position:absolute; bottom:15px; z-index:15; text-align:center; left:90px; right:90px;}
.bandeau .swiper-pagination:hover{opacity:1;}
.bandeau .swiper-pagination span{cursor:pointer; display:inline-block; width:15px; height:15px; background:white; border-radius:100%; margin:0 7px;}
.bandeau .swiper-pagination span.swiper-visible-switch{background:#d30d23};
.bandeau .container{height:auto; bottom:0; position:absolute; top:0; left:0; right:0;}
.bandeau .swiper-slide > a{position:absolute; top:0; left:0; right:0; bottom:0;}
.bandeau .swiper-slide .container{height:100%;}
.bandeau h2{text-shadow: #000 1px 0 10px; position:absolute; top:0px; left:0px; font-size:39px; line-height:40px; text-transform:uppercase; margin-bottom:18px; width:100%; height:100%;}
.bandeau .swiper-slide > a h2 {color:white; display:block; width:100%; height:100%; position:relative;}
.bandeau .swiper-slide > a h2 > span{position:absolute; top:150px; left:100px;}
.bandeau .swiper-slide > a .bottom h2 >span{position:absolute; bottom:150px; top:auto; left:149px;}
.bandeau .swiper-slide > a h2{color:white; width:100%; height:100%;}
.bandeau a:hover{text-decoration:none;}
.bandeau .swiper-slide h2 .cartouche{line-height:1.2em; display:inline-block; margin-top:0px; clear:both;}
.bandeau .swiper-slide h2 br{height:18px;}
.bandeau .swiper-slide > a:hover .cartouche{text-decoration:underline;}
.bandeau .controller{position:relative; width:100%; margin:0 auto; height:89px; z-index:15; top:-104px; left:0; text-align:center; margin:0 auto; clear:both; overflow:hidden;}
.bandeau .controller a{opacity:0.5; background:transparent; float:left; margin:0px; padding:0px; width:49px; height:90px; position:absolute; top:0;}
.bandeau .controller a.prev{background:url('../bg/bandeau-controller-prev.png') no-repeat 0% 50%; left:48px;}
.bandeau .controller a.next{background:url('../bg/bandeau-controller-next.png') no-repeat 100% 50%; right:48px;}

.imgbandeau{position:absolute; left:0; width:100%; margin:0 auto; overflow:visible; overflow-x:hidden;}
.imgbandeau .container{width:1437px;}
.imgbandeau .shadow{position:absolute; height:144px; background:transparent repeat-x center top;}
.imgbandeau .shadow-top{top:0; background-image:url('../bg/bandeau-shadow-top.png');}
.imgbandeau img{max-width:none;}
.landing .imgbandeau{position:static; left:0;}
.contenu{position:relative; z-index:10; padding-top:1px;}
.contenu >*:first-child{margin-top:484px;}
.nobandeau .surcontent{top:170px; position:relative; margin:0 auto; width:1175px;}
.nobandeau .contenu{margin-top:175px;}
.nobandeau .contenu >*:first-child{margin-top:0px;}
.home .contenu >*:first-child{margin-top:70px;}
.home .contenu > .box-nomargin{margin-top:0px;}
.landing .contenu{padding-top:0;}
.home .contenu{padding-top:0px; background:none;}

.home .video{background:black; clear:both; color:white; padding:55px 0 22px 0; margin-bottom:67px;}
.home .video .swiper-slide a{color:white; display:block; text-align:center;}
.home .video h2{font-size:32px; line-height:34px; margin-bottom:70px; font-weight:normal;}
.home .video h3{font-size:32px; line-height:35px; position:absolute; width:100%; bottom:0; left:0; right:0; margin-bottom:0; margin-top:0; padding:1rem 2rem; background:rgba(0,0,0,0.5); color:white; text-align:left;}
.home .video a{outline:none;}
.home .video .cover-fit-image{height:455px;}
.home .video .swiper-slide img{margin:0 auto;}
.home .video .cartouche{top:35px;}
.home .video .all-videos{margin:0 0 0 0;}
.home .video .all-videos .btn{margin-top:0;}
.home .video img.mobile{display:none;}
.home .video .controller > div{position:absolute; height:100%; vertical-align:middle; padding:0 1rem; display:flex; align-items:center; justify-content:center; z-index:10; text-align:center; cursor:pointer;}
.home .video .controller > div.next{right:0;}
.home .video .controller > div .fa{width:50px; height:50px; line-height:50px; background:#d30d23; border-radius:10px;}
/*
.toolbars a{color:white;}
.toolbars{background:transparent url('../bg/toolbars.png'); width:100%; background-size:968px 124px; background-repeat:no-repeat;}
.toolbars .toolbar1{height:35px; line-height:35px; padding:0px 13px;}
.toolbars .newsletter{float:left; background:transparent url('../bg/toolbars-newsletter.png') no-repeat 0% 50%; font-size:11px; font-weight:bold; color:white; padding-left:28px; text-transform:uppercase;}
.toolbars .social-networks{margin:0;}
.toolbars .google-translate-listbox{float:right; height:auto; line-height:1em; margin-top:6px; margin-left:3px;}
.toolbars .google-translate-listbox #google_translate_element .goog-te-gadget-simple{background:transparent; border-width:0px 0px 0px 0px; border:none;}
.toolbars .google-translate-listbox #google_translate_element .goog-te-gadget-simple .goog-te-menu-value{color:white;}
.toolbars .google-translate-listbox #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span{border-color:white !important;}
.toolbars .google-translate-listbox #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span:last-child{color:white !important;}
.toolbars .menu{height:35px; line-height:35px; overflow:visible; background:#f2f2f2; position:relative; z-index:200;}
.toolbars .menu ul{margin:0; padding:0; list-style:none; font-size:14px; font-family: 'Istok Web', Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:-1px; }
.toolbars .menu ul li{position:relative; float:left; line-height:35px; background:transparent url('../bg/toolbars-menu-separator.png') no-repeat 100% 50%;}
.toolbars .menu ul li.last{background:none;}
.toolbars .menu ul li a{display:block; width:100%; height:100%; color:#7f7e7e; padding:0px 22px 0px 22px}
.toolbars .menu ul li a.actif{color:black;}
.toolbars .menu ul li:hover a{background:#393838; color:white; text-decoration:none;}
.toolbars .menu ul li .toggler{display:block; background:transparent url('../bg/toolbars-menu-toggler.png') no-repeat center bottom; position:absolute; top:-5000px; left:-5000px; width:100%; height:11px; z-index:10;}
.toolbars .menu ul li:hover .toggler{top:29px; left:0;}
.toolbars .menu ul li .submenu{letter-spacing:0px; z-index:25; position:absolute; left:-5000px; top:-5000px; background:#f2f2f2; width:245px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:11px;}
.toolbars .menu ul li:hover .submenu{left:0px; top:35px;}
.toolbars .menu ul li.last:hover .submenu{left:auto; right:0;}
.toolbars .menu ul li .submenu li{background:none; width:100%; line-height:2em;}
.toolbars .menu ul li .submenu li a{color:#454343; display:block;}
.toolbars .menu ul li .submenu a{background:none; color:#7f7e7e;}
.toolbars .menu ul li .submenu a:hover{text-decoration:underline; background:#f2f2f2;}
.toolbars .toolbar2{border-top:1px solid #b8b8b9; position:relative;}
.toolbars .toolbar2 .ariane{width:740px; padding:17px 20px 18px 20px; float:left; line-height:18px; font-weight:bold; color:white; font-size:12px; margin-bottom:0;}
.toolbars .toolbar2 .ariane .home{display:inline-block; width:20px; height:18px; position:relative; top:-2px;}
.toolbars .toolbar2 .ariane a, .toolbars .toolbar2 .ariane .separator{color:#d2d2d2;}
*/

.standard .contenuprincipal{width:872px; float:left; position:relative;}
.standard .sidebardroite{width:266px; float:left; margin-left:37px;}
.standard .sidebardroite .box{width:100%; margin-right:0;}
.standard .maincontent{padding:37px; float:none; background:white; border-radius:0 0 10px 10px; width:100%; height:auto;}
.nobandeau .maincontent, .nobandeau .subcontent{padding:0 37px 0 0;}
.standard .contenupleinelargeur{width:100%; margin-bottom:1em;}

.important{color:#d30d23;}
.uppercase{text-transform:uppercase;}
.normal{font-weight:normal;}
.btn, .box form input[type="submit"]{margin-top:12px; display:inline-block; background:black; color:white; color:white; text-transform:uppercase; font-weight:bold; font-size:1em; padding:1px 4px; border:none; cursor:pointer; border-radius:0 0 5px 5px; height:50px; line-height:50px; font-size:12px;}
.box form label{display:block; width:100%; font-weight:normal; margin-top:0;}
.box form input[type="text"], .box form input[type="password"], .ffSelectButton{height:50px; line-height:50px; border:1px solid #abaaaa; width:100%;}

.ffSelectWrapper{margin:0 0 0 0; text-align:left;}
.ffSelect > a, .ffSelect:hover > a, .ffSelectWrapper.focus .ffSelect > a, .ffSelectWrapper.active .ffSelect > a{background-color: white;background-image:url('../bg/fancyfields/select-arrow.png');background-position:right 20px;}
.ffSelect > a span{height:50px; line-height:50px; background:none; padding-right:50px;}
.ffSelectMenuWrapper .ffSelectMenuMidBG{background:none;}
.ffSelectMenuWrapper .ffSelectMenuMidBG li.on{background:#d30d23;}

a.btn{color:white;}
a.btn:hover{text-decoration:none;}
.btn-color2{background:#2eb135;}
.btn-red, .btn-color1, .box form input[type="submit"]{background:#d30d23;}
.btn-big{width:122px; padding:8px; font-size:1em;}
.btn-verybig{width:100%; padding:8px; font-size:1em;}
.btn-large{width:100%; padding:8px;}
.btn-rounded{border-radius:5px 5px 5px 5px;}

a.fav{color:black; text-decoration:none; font-size:18px;}
a.fav-add .fa{color:black;}
a.fav-remove .fa, a.fav-add:hover .fa{color:#ffd700;}

.fleft{float:left; margin-right:15px;}
.fright{float:right; margin-left:15px;}
.at-bottom{position:absolute; bottom:0;}
.atright{position:absolute; right:0px;}

.block-content{padding:15px;}
.block-content > *:last-child{margin-bottom:0;}
.block-content blockquote{margin:0;}
.imagetextlienplus .atright{right:7px;}
.imagetextlienplus .atbottom{bottom:3px;}
.imagetextlienplus .picto-plus{font-size:11px; font-weight:bold; text-transform:uppercase;}
.imagetextlienplus .padding-top{padding-top:65px;}
.sidebar .imagetextlienplus .fleft{margin-right:0;}
.sidebar .imagetextlienplus .fright{margin-left:0;}

/* BOX FRAMEWORK */
.box{position:relative; margin:0px 37px 37px 0px; width:266px; float:left; height:209px; max-width:100%; min-height:100px; border-radius:0 0 10px 10px;}
.subcontent .box{margin:0px 18px 18px 0px;}
.box2l{width:569px;}
.box3l{width:877px;}
.box4l{width:1175px; margin-right:0px;}
.box2h{height:455px;}
.box3h{height:701px;}
.box4h{height:947px;}
.box2l2h{width:569px; height:455px;}
.box3l2h{width:872px; height:455px;}
.box4l2h{width:1175px; height:455px; margin-right:0px;}
.box2l3h{width:569px; height:701px;}
.box3l3h{width:872px; height:701px;}
.box4l3h{width:1175px; height:701px; margin-right:0px;}
.box2l4h{width:569px; height:947px;}
.box3l4h{width:872px; height:947px;}
.box4l4h{width:1175px; height:947px; margin-right:0px;}

.box.box-shadow{background-color:white;}
.box-nomargin{margin-right:0px;}
.box-autoheight{height:auto; min-height:auto;}
.box-autowidth{width:100%; float:none; clear:both;}
.box-contentwidth{min-width:max-content;}
.box-negative{color:white;}
.box-fright{float:right; margin-right:0; margin-left:15px;}
.box-center{float:none; margin:0 auto 15px auto;}
.box .top-left{position:absolute; z-index:20; top:20px; left:-2px;}
.box .bottom-center{text-align:center; width:100%; position:absolute; bottom:-15px;}

.box .cartouche{margin-bottom:0; background:#d30d23; color:white; text-transform:uppercase; font-size:20px; line-height:28px; font-weight:bold; display:inline-block; padding:6px 25px; border-radius:0 5px 5px 0;}
.box .cartouche.bottom{left:auto; top:auto; bottom:-15px; right:auto; margin-bottom:0; border-radius:0 0 5px 5px;}
.box .cartouche-plus, .sidebar .box .cartouche-plus{background:black; font-size:20px; height:25px; line-height:14px; top:-8px;}
.box .cartouche-plus span{color:#d30d23; font-size:36px; position:relative; top:5px;}

.box .bottom-center .cartouche{border-radius:0 0 5px 5px;}

.box .toolbar{height:25px; line-height:25px; padding:0px 12px; border-top:1px dotted black; font-size:11px; color:#999; margin:0px; position:absolute; bottom:0; width:100%; background:white;}
.box .toolbar .picto{padding-left:25px; background-repeat:no-repeat; background-position:0% 50%; margin-right:25px;}
.box .toolbar a{text-transform:uppercase; font-weight:bold;}

.box .toolbarnoborder{border-top:none;}

.box .image-title{position:static; z-index:10; display:block; width:100%; height:100%;}
.box .image-title img{object-fit:cover; width:100%; height:100%; border-radius:0 0 10px 10px;}
.box .image-title .title{position:absolute; top:32px; left:19px; color:white; font-size:24px; font-weight:normal; line-height:24px;}
.box-negative .image-title .title{color:black;}
.box .image-title .atbottom{top:auto; bottom:40px;}
.home .box .image-title .title .btn{font-size:12px; display:block; display:inline;}
.box .image-title .btn{height:auto; line-height:1.5em;}

.box-more a{display:flex; width:100%; height:100%; background:#d30d23; color:white; font-size:48px; justify-content:center; align-items:center; border-radius:0 0 10px 10px;}

.box iframe{height:100%; width:100%;}

.cover-fit-image{width:100%; height:100%; display:inline-block; overflow:hidden;}
.cover-fit-image img{width:100%; height:100%; object-fit:cover;}
.box2h .cover-fit-image, .box2l2h .cover-fit-image, .box3l2h .cover-fit-image, .box4l2h .cover-fit-image{height:209px;}
.box3h .cover-fit-image, .box2l3h .cover-fit-image, .box3l3h .cover-fit-image, .box4l3h .cover-fit-image{height:350px;}
.box4h .cover-fit-image, .box2l4h .cover-fit-image, .box3l4h .cover-fit-image, .box4l4h .cover-fit-image{height:455px;}

.sidebar .box{float:none;}

.home .box .fleft, .home .box .fright{margin-bottom:15px;}
.home .box .fleft img{border-radius:0 0 0 10px;}
.home .box .fright img{border-radius:0 0 10px 0;}

.swiper-box{padding-top:40px; height:532px; position:relative;}
.swiper-box .swiper-container .swiper-wrapper{max-width:none;}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide{height:auto; width:266px; margin-right:0px; margin-bottom:37px;}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .box{margin-right:0; width:100%; margin-bottom:0;}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .box-more{height:100%;}
.swiper-box .controller{position:absolute; top:-15px; right:0; z-index:10; text-align:center;}
.swiper-box .controller div{width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:100%; background:#d30d23; color:white; cursor:pointer;}
.swiper-box .controller .prev{float:left; margin-right:15px;}
.swiper-box .block-content h3{margin-top:0;}
.swiper-box .shortcut{position:static;}

.box h3{font-size:22px; color:black;}
.box-negative h3{color:white;}
.box2l2h h3, .box2l3h h3, .box2l4h h3{font-size:28px;}

.box .top-image{position:absolute; top:-15px; width:100%; z-index:10;}

.box.bottomrounded img{border-radius:0 0 10px 10px;}

.maincontent .box{margin-right:15px; margin-bottom:15px;}

.bulle {height:100%;}
.bulle a{display:block; width:100%; height:100%; padding:20px 24px 7px 64px; color:inherit; text-decoration:none;}
.bulle h2{width:100%; font-size:18px; text-transform:uppercase; line-height:1.2em; margin-top:0;}
.bulle .block-content{padding:0 0 0 0;}
.bulle .cartouche{padding:0; height:40px; line-height:40px; width:50px;}
.bulle .cartouche span{display:inline-block; width:50px; height:40px; background-color:transparent;background-repeat:no-repeat; background-position:50% 50%;}
.bulle .bulle-coeur{background-image:url('../bg/bulle-coeur.png');}
.bulle .bulle-pique{background-image:url('../bg/bulle-pique.png');}
.bulle .bulle-exclamation{background-image:url('../bg/bulle-exclamation.png');}
.bulle .bulle-eclair{background-image:url('../bg/bulle-eclair.png');}
.bulle .bulle-coche{background-image:url('../bg/bulle-coche.png');}


.form-don{position:absolute; right:-44px; top:70px; z-index:100; z-index:100; font-weight:normal;}
.form-don.fixed{position:fixed; width:100%;}
.form-don .container{width:262px;}
.form-don.fixed .container{width:1175px; max-width:100%;}
.form-don form{float:right; position:relative; width:262px; height:212px; background:rgba(0,0,0,0.78); color:white; border-radius:0 0 10px 10px; padding-top:23px;}
.form-don p{margin:0; margin-bottom:10px;}
.form-don .notice, .form-don .free, .form-don .type, .form-don .amount{text-align:center;}
.form-don .type input, .form-don .amount input{position:absolute; visibility:hidden; display:inline-block; width:0; height:0; left:-5000px; top:-5000px;}
.form-don .type input+label, .form-don .amount input+label{width:auto; display:inline-block; border:1px solid transparent; cursor:pointer; padding:0 8px; margin-top:0px;}
.form-don .type input:checked+label, .form-don .amount input:checked+label{border-color:#d30d23;}
.form-don .type label{position:relative; text-transform:uppercase; font-size:12px;}
.form-don .type input+label.mensuel{border-left:none;}
.form-don .type label img{position:absolute; width:20px; top:-3px; left:-14px;}
.form-don .amount{display:flex; flex-wrap:wrap; padding:0 15px; text-align:center; justify-content:center;}
.form-don .amount input.fake-hidden, .form-don .amount input.fake-hidden+label{display:none;}
.box2l2h .form-don .amount input.fake-hidden, .box2l2h .form-don .amount input.fake-hidden+label{display:inline-block;}
.form-don .amount label{width:33%;}
.box2l2h .form-don .amount label{width:50%; margin-top:0;}
.form-don .amount label{font-size:24px;}
.form-don .amount label span{font-size:14px;}
.form-don .free label{display:inline;}
.form-don .free input[type="text"]{color:black; font-size:22px; text-align:right; border:none; background:none; color:white; border-bottom:2px solid #d30d23; width:75px; margin-left:3px;}
.form-don .notice{font-size:10px; padding:0 7px;}
.form-don .notice strong{color:#d30d23;}

.form-don .submit{position:absolute; bottom:-15px; width:100%; margin:0; padding:0; text-align:center;}
.block-don .form-don .submit input, .form-don .submit input{cursor:pointer; outline:none; margin:0; padding:0; border:none; background:#d30d23; color:white; text-align:center; display:inline-block; border-radius:0 0 5px 5px; width:96px; height:30px; line-height:30px;}
.form-don{display:none;}
.megamenu-opened .form-don, .form-don.active, .block-don .form-don{display:block;}

.form-don.light form{background:#edecec; color:black;}
.form-don.light .free input,  .block-don .form-don .free input{color:black;}

.block-don{margin-bottom:57px;}
.block-don .form-don{position:static; height:auto; padding-top:0px;}
.box2l2h .block-don .form-don{padding-top:0;}
.block-don .form-don form{color:black; background:transparent; float:none; padding-top:43px; height:auto; padding-bottom:1.5em;}
.block-don .top-image{top:154px;}
.sidebardroite .box-autoheight .block-don .top-image{top:-15px;}
.block-don .top-image+p.align-center{margin:0 0 0 0;}
.box2l2h .block-don .top-image{top:-15px;}
.box2l2h .block-don .form-don form{padding-top:15px;}
.sidebardroite .box-autoheight .block-don .form-don form{padding-top:80px;}
.block-don .form-don form input[type="text"]{display:inline-block; width:55px; border-radius:0px;}
.block-don .form-don p{margin-bottom:0.75em;}
.block-don .form-don .free{font-size:20px;}
.block-don .form-don .submit{margin-top:0; width:100%; bottom:-25px; }
.block-don .form-don .submit input{margin-top:0;}

.block-don .links{margin:0; padding:0; margin:20px 20px 0 12px;}
.block-don .links li{color:#d30d23; font-size:12px; border-bottom:1px solid #e4e3e3;}
.block-don .links li:last-child{border-bottom:none;}
.block-don .links a{color:black;}

.subcontent .block-don .box{margin-top:0;}

.catanddate{text-transform:uppercase; font-size:0.8em; font-weight:bold; margin:0px; padding:0px; font-weight:normal; color:#999;}
.catanddate .cat{color:#d30d23; display:inline; width:auto; margin-right:7px;}
.catanddate .cat a{color:#d30d23; text-decoration:none; display:inline;}
.catanddate .cat a:hover{text-decoration:underline;}
.catanddate .date{color:#666; border-left:1px solid #b8b8b8; padding-left:8px; text-transform:none; margin-right:7px;}
.catanddate .maj{color:#d30d23; border-left:1px solid #b8b8b8; padding-left:8px; text-transform:none; font-weight:normal;}
.catanddate .datemaj{background:#d30d23; color:white; border-left:none; padding:0px 4px;}
.catanddate .fa{color:#d30d23; font-size:18px; position:relative; top:2px; margin-right:2px; margin-left:7px;}

.surcontent .catanddate{text-align:center;}

.datecounter, .sidebar .datecounter{font-size:11px; line-height:1em;}
.datecounter .date{color:#666; font-weight:bold; border-left:1px solid #fc6b64; padding-left:4px;}
.datecounter .counters{color:#999; float:right;}

.swiper{position:relative;}
.swiper, .swiper-container, .swiper-container .swiper-wrapper, .swiper-container .swiper-wrapper .swiper-slide{height:100%; width:100%;}
.swiper-slide{position:relative;}
.swiper .controller a{position:absolute; top:0; display:block; width:30px; height:100%; z-index:20; background:transparent no-repeat 50% 50%;}
.swiper .controller a.prev{background-image:url('../bg/box-swiper-prev.png'); left:0;}
.swiper .controller a.next{right:0; background-image:url('../bg/box-swiper-next.png');}
.swiper .btn{margin-bottom:3px;}
.swiper img{max-width:none;}

.box .swiper img{position:absolute; top:0; left:0; z-index:-1;}
.box .swiper a{color:white; font-size:30px; font-weight:bold; line-height:30px;}
.box .swiper .content{position:absolute; bottom:25px; left:55px;}
.box .swiper .swiper-slide>a{display:block; width:100%; height:100%;}
.box .swiper .contentattop{bottom:auto; top:75px;}
.box .swiper .content .title{display:block;}
.box .content .cartouche{position:relative; top:auto; left:auto; font-size:11px;}

.cols{width:100%; margin-bottom:1em; position:relative;}
.cols .col{float:left; min-height: 1px;}
.cols .col20{width:19.99%; padding-right:15px;}
.cols .col25{width:24.99%; padding-right:15px;}
.cols .col75+.col25{padding-right:0;}
.cols .col33{width:33.33%; padding-right:15px;}
.cols .col66+.col33{padding-right:0;}
.cols .col50{width:49.99%;}
.cols .col66{width:66.66%; padding-right:30px;}
.cols .col33+.col66{padding-right:0;}
.cols .col75{width:74.99%; padding-left:15px;}
.cols .col25+.col75{padding-right:0;}
.col:first-child{padding-right:15px; padding-left:0;}
.col66:first-child{padding-right:30px; padding-left:0;}
.col33:first-child{padding-right:30px; padding-left:0;}
/*.col~.col{padding-left:15px;}*/

/*
.picto-view{background:transparent url('../bg/maincontent-toolbar-actus.png') no-repeat 0% 50%; padding-left: 20px;}
.picto-com{background:transparent url('../bg/maincontent-toolbar-coms.png') no-repeat 0% 50%; padding-left: 14px;}
*/
.picto-add{background:transparent url('../bg/maincontent-toolbar-add.png') no-repeat 0% 50%;}
.picto-facebook{background:transparent url('../bg/maincontent-toolbar-facebook.png') no-repeat 0% 50%;}
.commentlist .picto-facebook{background:transparent url('../bg/commentlist-picto-facebook.png') no-repeat 50% 50%;}
.picto-twitter{background:transparent url('../bg/maincontent-toolbar-twitter.png') no-repeat 0% 50%;}
.commentlist .picto-twitter{background:transparent url('../bg/commentlist-picto-twitter.png') no-repeat 50% 50%;}
.picto-google{background:transparent url('../bg/maincontent-toolbar-google.png') no-repeat 0% 50%;}
.commentlist .picto-google{background:transparent url('../bg/commentlist-picto-gplus.png') no-repeat 50% 50%;}
.picto-email{background:transparent url('../bg/maincontent-toolbar-email.png') no-repeat 0% 50%;}
.picto-rss{background:transparent url('../bg/maincontent-toolbar-rss.png') no-repeat 0% 50%;}
.picto-print{background:transparent url('../bg/maincontent-toolbar-print.png') no-repeat 0% 50%;}
.picto-readspeaker{background:transparent url('../bg/toolbars-picto-readspeaker.png') no-repeat 0% 50%;}
.picto-fontsizeup{background:transparent url('../bg/maincontent-toolbar-fontsizeup.png') no-repeat 0% 50%;}
.picto-fontsizedown{background:transparent url('../bg/maincontent-toolbar-fontsizedown.png') no-repeat 0% 50%;}
.picto-ring{background:transparent url('../bg/picto-ring.png') no-repeat 0% 50%; padding-left:16px;}
.picto-poi{background:transparent url('../bg/picto-poi.png') no-repeat 0% 50%; padding-left:14px;}
.picto-carte{background:transparent url('../bg/picto-carte.png') no-repeat 0% 50%; padding-left:18px;}
.picto-crayon{background:transparent url('../bg/picto-crayon.png') no-repeat 0% 50%; padding-left:18px;}
.picto-objectif{background:transparent url('../bg/picto-objectif.png') no-repeat 0% 50%; padding-left:18px;}
.picto-plus{background:transparent url('../bg/picto-plus.png') no-repeat 0% 50%; padding-left: 20px;}
.picto-citation{background:transparent url('../bg/picto-citation.png') no-repeat 0% 0%; width:21px; height:31px; display:inline-block; position:relative; top:0; left:0px;}
.picto-pdf{background:transparent url('../bg/picto-pdf.png') no-repeat 0% 50%; display:inline-block; line-height:52px; padding-left:45px;}
.fleft~.picto-citation{left:-15px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:inherit;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration:none;}
.contenu > h1{text-shadow: #000 1px 0 10px; color:white; max-width:65%; margin-bottom:37px; font-weight:normal; font-size:53.5px; line-height:67px;}
.nobandeau .surcontent h1{color:black; max-width:100%; text-align:center; font-weight:bold; font-size:53.5px; line-height:67px; margin:20px 60px 37px 60px;}
.nobandeau .title h1 { color: black; text-align: center; font-size: 3em; width: 60%; margin: auto; display: block; margin-bottom: 45px; margin-top: 30px; }
.contenu > h1+h2{color:white; font-size:26px; line-height:36px; margin-bottom:42px; font-weight:normal;}
.maincontent h1{font-size:2.1em; margin:10px 0px 23px 0px; line-height:1em;}
.maincontent h2{font-size:1.25em; margin:30px 0px 45px 0px; display:block; color:black; padding-left:88px; line-height:1.1em;}
.maincontent h2::after{content:""; display:block; height:0; width:50%; border-bottom:2px solid #888; position:relative; left:-88px; margin-top:13px;}
.maincontent h3{color:black; font-size:1.25em; margin: 35px 0px 20px 0px; position:relative; padding-left:88px;}
.maincontent h3::after{content:""; display:block; height:0; width:80px; border-bottom:2px solid #888; position:absolute; top:50%; left:0px; margin-top:0px;}
.maincontent h3 a:hover{text-decoration:none;}
.maincontent h2 a{color:#666;}

.section-title, .standard h2.section-title{position:relative; text-align:center; margin:35px 0; clear:both; color:black; padding:0 0 0 0;}
.section-title::after, .standard h2.section-title::after{z-index:0; content:""; display:block; width:100%; top:50%; left:0; right:0; height:0; bottom:auto; border-bottom:2px solid #888; position:absolute; margin-top:0;}
.section-title span{position:relative; z-index:10; background:#f2f2f2; padding:0 38px;}
.standard .section-title span{background:white;}
.section-title span.link{background:transparent; margin:0; padding:0; display:inline; position:absolute; font-size:14px; line-height:1em; color:#d30d23; font-weight:bold; text-transform:uppercase; position:absolute; top:50%; right:0;}
.section-title span.link > a{position:relative; top:-16px;}
h2.section-title, .standard h2.section-title{font-size:2em; line-height:2.125em;}

.nobandeau{background:white;}

.standard h1:first-child, .standard h2:first-child, .standard h3:first-child, .standard h4:first-child, .standard h5:first-child, .standard h6:first-child{margin-top:0;}

.standard .chapo{font-size:1.5em; font-weight:bold; margin-bottom:1em;}

.standard .subtitle{color:#999; font-weight:bold; margin-top:0px; font-size:0.8em; margin-bottom:1em;}
.standard .subtitle a{color:#999;}
.standard .subtitle .separator{display:inline-block; width:1px; height:1.2em; border-right:1px dotted black; margin:0px 7px; position:relative; top:2px;}

.standard .mandatory, .standard .important, .standard .required, .standard .hasError, .standard .error, .standard .f3-form-error, .hasError{color:#d30d23;}
.standard ul{margin:18px 0px 18px 0px; /*font-size:0.875em;*/font-size:1em; font-weight: bold; }
.standard ul ul{margin:0 0; font-size:100%;}
.standard ul li{list-style-image:url('../bg/maincontent-li.png'); color:#666; margin-bottom: 3px; }
.standard ul li a { margin-left: 4px; color: #333; }
.standard ul.alt{font-size:1em;}
.standard ul.alt li{list-style-image:url('../bg/maincontent-li-alt.png'); color:#666;}
.standard ul.nopuce{list-style:none; padding-left:17px;}
.standard ul.nopuce li{list-style-image:none;}
.standard ul.menu{margin:0px; padding:0px; list-style:none; width:100%; font-size:1em; line-height:1.5em; margin-top:18px;}
.standard ul.menu li{list-style-image:none; border-bottom:1px solid #d7d7d7; text-transform:uppercase; width:100%; margin-bottom:0.1em;}
.standard ul.menu li a{color:black; display:block;}
.standard ul.menu li a:hover{text-decoration:none;}
.standard ul.menu li a:hover, .standard ul.menu li.act a{background:transparent url('../bg/ul-menu-a.png') no-repeat 100% 50%;}
p.title, .sidebar p.title{font-size:26px; font-weight:bold; border-left:5px solid #d30d23; padding-left:12px; margin-bottom:39px; line-height:1.2em;}
.standard .petite-carte p.title{margin-bottom:15px;}
.standard form label{display:block; font-weight:bold; margin-top:0px; font-size:16px;}
.standard form input[type="radio"], .standard form input[type="checkbox"]{height:auto; line-height:auto}
.standard form input[type="radio"]+label, .standard form input[type="checkbox"]+label{display:inline; font-weight:normal;}
.standard form input, .standard form select, .standard form textarea, .standard form .button{height:40px; line-height:40px; padding:0 4px; background:#ebebeb; color:#666; font-size:20px; border:none;}
.standard form select[multiple="multiple"]{height:auto;}
.standard form textarea{height:79px; margin-top:0;}
.standard form .powermail_fieldwrap{margin-bottom:15px;}
.standard form .powermail_fieldwrap .mandatory{margin-left:3px;}
.standard form .powermail_check_inner, .standard form .powermail_radio_inner{display:inline;}
.standard form .powermail_fieldwrap_check input, .standard form .powermail_fieldwrap_check label, .standard form .powermail_fieldwrap_radio input, .standard form .powermail_fieldwrap_radio label{display:inline;}
.standard form .powermail_fieldwrap_check label, .standard form .powermail_fieldwrap_radio label{position:relative; top:-6px; font-weight:normal;}
.standard form .powermail_fieldwrap_check fieldset, .standard form .powermail_fieldwrap_radio fieldset{border:none; padding:0;}
.standard form .powermail_fieldwrap_check .powermail_check_legend, .standard form .powermail_radio_legend{font-weight:bold;}
.standard form select{width:100%; padding:2px 2px 2px 4px;}
.standard form select option{line-height:23px;}
.standard form input[type="text"],.standard form input[type="password"],.standard form input[type="email"]{width:100%;}
.standard form textarea{width:100%;}
form input[type="submit"],  form button[type="submit"], .standard form input[type="submit"], .standard form input[type="button"], .standard form button[type="submit"]{background:#d30d23; color:white; font-weight:bold; border:none; cursor:pointer; width:100%; text-transform:uppercase; border-radius:0px 0px 0px 0px; height:32px; line-height:32px; margin-top:32px;}
form input[type="submit"].transparent,  form button[type="submit"].transparent, .standard form input[type="submit"].transparent, .standard form input[type="button"].transparent, .standard form button[type="submit"].transparent{background:transparent;}
.standard form.color4 input[type="submit"], .standard form.color4 input[type="button"], .standard .quickpoll form input[type="submit"]{background:#1d90f5;}
.standard form input[type="button"]{cursor:pointer; background:black;}
.standard form input.disabled[type="submit"]{background:#333;}
.standard form .labelinline label{display:block;}
.standard form .labelinline input{height:auto; margin:0px 3px;}
.standard form .labelinline input+label{display:inline; margin-right:7px;}
form .textandsubmit{position:relative;}
form .textandsubmit input[type="text"]{padding-right:40px; height:40px; line-height:40px; padding-left:4px; background:white; width:100%; font-size:16px; font-weight:bold; border:1px solid #abaaaa; border-radius:0 5px 5px 0;}
form .textandsubmit input[type="text"]::placeholder{opacity:1;}
form .textandsubmit input[type="submit"], form .textandsubmit button[type="submit"]{height:100%; position:absolute; height:40px; width:40px; top:0; line-height:40px; right:0; background:#d30d23; color:white; font-weight:bold; border:none; cursor:pointer; margin-top:0px; border-radius:0 5px 5px 0; display:flex; align-items:center; justify-content:center;}
form .textandsubmit.alt input[type="submit"], form .textandsubmit.alt button[type="submit"]{background:#191d26;}
form .textandsubmit .fa{font-size:20px; position:relative;}
.standard form input.datepicker{cursor:pointer; background-image:url('../bg/datepicker.png'); background-repeat:no-repeat; background-position:97% 50%;}
.standard form textarea.hasError, .standard form input.hasError, .standard form input.f3-form-error{background-color:#F2DEDE; border-color:#EBCCD1;}
.standard form label.hasError, .standard form span.hasError, .standard form input.hasError, .standard form input.f3-form-error{color:#A94442;}
.isValid {color:#3caf2a;}

.progression{margin:1em 0;}
.progression h3{margin:1em 0em 0.5em 0;}
.progression p{color:#666; margin:0;}
.progressbar{display:flex; font-size:0.8em; border-top:1px solid #bfbbbb; padding-top:3px; align-items:center; width:100%;}
.progressbar .bar{flex-grow:1; background:#bfbbbb; padding:0px 0px 0px 0px;  height:7px; line-height:7px;}
.progressbar .number span{display:inline-block; padding-right:7px;}
.progressbar .total{display:inline-block; padding-left:7px; color:#989797;}
.progressbar .ui-progressbar-value{background:#d30d23; height:7px; line-height:7px;}
.prevnext{}
.prevnext .next{float:right;}
.prevnext .pref{float:left;}

.csc-textpic-center-outer, .csc-textpic-center-inner, .standard figure{max-width: 100%;}
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{display:block;}
.standard figcaption, .news-single-imgcaption{width:100%; border-bottom:1px solid #888; padding-bottom:11px; font-size:0.7em; color:#666; display:block; margin-top:0.4em;}
.surcontent .news-single-imgcaption{margin-bottom:0px;}

.outils{position:relative; border-top:1px; font-size:11px; color:#999; line-height:16px; margin:23px 0px 16px 0px; border-bottom:1px solid #e2e2e2; padding-bottom:8px;}
.outils ul{display:inline-block; margin:0; padding:0 0 0 8px;line-height:16px; list-style:none;}
.outils ul li{list-style:none; color:#999; float:left; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; height:16px; line-height:16px; margin:0px 16px 0px 0px; margin-bottom:2px; position:relative; overflow:visible;}
.outils ul li a{display:block; width:100%; height:100%; color:#d30d23;}
.outils ul li .fav{font-size:18px;}
.outils .sharer{background:none; padding-left:4px;}
.outils .tools{background-position:0% 0%; text-align:right; float:right; padding-right:0px;}
.outils .date, .outils ul li span{font-size:14px;}
.outils ul li span{margin-left:4px;}

.outils .fa, .outils *[class^="icon-"]{font-size:20px; color:#d30d23;}
.outils .maj{margin-left:5px; color:#d30d23;}

.liste .outils{background:none;}

.readspeakerwrapper{position:absolute; right:0; top:-30px;}
.readspeakerwrapper .rsbtn_btnlabel{position:absolute; top:-50000px; left:-5000px;}
/*
.outils .picto-view,
.outils .picto-com{width:auto; padding-left:22px; background-position:0% 50%;}
*/
.outils .picto-facebook{ width:12px;}
.outils .picto-add{width:25px; height:16px;}
.outils .picto-fontsizeup,
.outils .picto-fontsizedown{width:34px; height:20px;}
.outils .picto-fontsizedown{margin-right:0px;}

.news-latest{margin-bottom:3px;}
.news-latest img{margin-bottom:15px;}
.news-latest .content{background:white; padding:0 10px 10px 10px; width:100%;}
.news-latest h2{font-size:24px; line-height:30px; margin:25px 0px 0px 0px; border:none; padding:0; text-transform:none;}
.news-latest h2, .news-latest h2 a{color:black; text-decoration: none;}
.home .news-latest {height:445px; overflow:hidden;}
.home .news-latest .content{background:transparent;}

.box2h .news-latest h2{font-size:22px; line-height:26px; border-bottom:0px solid #d30d23; overflow:hidden;}

.news-single-img{position:relative; text-align:center; margin-bottom:4px;}
.news-single-img .news-single-imgcaption{text-align:left;}
.news-single-browse{text-align:center;}

.news-search{display:flex;}
.news-search > *{width:50%;}
.news-search > *:first-child{margin-right:15px;}
.news-search .category{display:flex;}
.news-search .category h2{width:175px; font-size:14px; font-weight:normal; padding-left:22px; align-self:center;}
.news-search .category .catmenu{flex-grow:1;}
.news-search .news-searchform{display:flex;}
.news-search .news-searchform p{width:50%;}
.news-search .news-searchform p:first-child{padding-right:15px;}

.readmore{margin-top:45px;}
.readmore h2{margin:0px; font-weight:normal; color:black; padding-left:0px; border-left:none; background:white; position:relative; top:1px; z-index:20; float:left; padding-right:15px;}
.readmore h2::after{display:none;}
.readmore .content{border:1px solid #d7d7d7; font-size:13px; padding:0px; margin-top:0px; margin-bottom:1em; clear:both;}
.readmore .content ul{padding:0px; margin-top:0px; margin-bottom:0px; font-size:13px;}
.readmore .content ul li{list-style:none; line-height:29px; margin:10px 13px; background:#f2f0f0;}
.readmore .content ul li a{color:black; text-decoration:none; display:block; width:100%; height:100%; font-size:1em;}
.readmore .content ul li a:hover{text-decoration:underline;}
.readmore .content ul li a:hover span{text-decoration:none;}
.readmore .content ul li a span{font-size:11px; margin-left:10px; padding-left:5px; border-left:1px solid #fc6b64; margin-right:11px; color:#666; font-weight:bold;}
.readmore .content .evaluation li{margin:0; background-color:transparent;}
.readmore .content .evaluation{margin-top:4px; position:absolute; bottom:7px;}

.readmore .swiper{position:relative; height:auto;}

.readmore .swiper .swiper-container,
.readmore .swiper .swiper-container .swiper-wrapper,
.readmore .swiper .swiper-container .swiper-wrapper .swiper-slide{width:auto; height:132px;}
.readmore .swiper .swiper-container .swiper-wrapper .swiper-slide{padding:13px 24px;}
.readmore .image{display:block;}
.readmore .image img{position:relative; margin-top:13px;}
.readmore .infos{margin-left:132px; height:105px; overflow:hidden;}
.readmore .labels{top:7px;}
.readmore .labels img{position:relative;}
.readmore h3{font-size:1.25em; font-weight:normal; line-height:1.25em;}
.readmore a{font-size:1em;}
.readmore p.subtitle a{color:#999; line-height:1em; font-size:1em; font-weight:bold;}

.readmore .swiper .swiper-container{margin:15px 44px; background:#f2f0f0;}
.readmore .swiper a{color:black; font-weight:normal;}

.readmore .swiper .controller a{height:132px; width:24px; top:15px;}
.readmore .swiper .controller .prev{left:20px; background-color:#f2f0f0; background-image:url('../bg/maincontent-readmore-swiper-prev.png');}
.readmore .swiper .controller .next{right:20px; background-color:#f2f0f0; background-image:url('../bg/maincontent-readmore-swiper-next.png');}

.readmore .swiper .catanddate a{color:#d30d23;}

.standard .sidebar-title{ color: black; margin-bottom: 25px; border-bottom:1px solid black; border-width:2px 0 1px 0; font-size:24px; line-height:45px;}

.standard .mostread .mostread-title{border:1px solid black; border-width:2px 0 1px 0; font-size:24px; line-height:45px;}
.standard .mostread ol{padding-left:0; margin:0; padding:0; margin-top:25px;}
.standard .mostread li{list-style:none; border-bottom:1px solid black; margin:0; padding:0; padding-bottom:20px; margin-bottom:20px;}
.standard .mostread li:last-child{ border-bottom:none; padding-bottom:0px; margin-bottom:0px;}
.standard .mostread .titre{margin-bottom:0;}
.standard .mostread .titre a{color:black;}
.liste-head .outils{text-align:right; border:1px solid #ccc; padding:15px; border-width:1px 1px 1px 1px; height:auto; line-height:1.637em; background:none;}
.liste-head .outils h2{font-size:1.637em; margin:0; padding:0; border:none; color:black; float:left;  text-transform: none;}
.liste-head .outils .alerte{font-size:1.28em; margin-right:8px;}
.liste-head .outils ul{margin-top:0px;}

.standard .liste{margin:0px; padding:0px; list-style:none; margin-top:9px; position:relative;}
.standard .liste li{margin:0px; padding:0px; background:none; list-style:none; list-style-image:none; position:relative; padding:0px 0px 11px 8px; border-bottom:1px solid #d7d7d7; margin-bottom:13px; color:black;}
.liste li:last-child{border-bottom:none;}
.latest h3,
.liste h3,
.readmore .swiper h3{margin-top:0px; text-transform:none; font-size:1.145em; font-weight:normal; margin-bottom:0px;}
.readmore .swiper h3{margin-right:0px;}
.latest h3{font-size:1em; margin-right:0px; line-height:1.2em; margin-top:3px;}
.latest h3 a,
.liste h3 a,
.readmore .swiper h3 a{color:#d30d23;}
.latest h3 span,
.latest h3 strong,
.liste h3 span,
.liste h3 strong,
.readmore .swiper h3 span,
.readmore .swiper h3 strong{color:black;}
.latest h3 strong.uppercase,
.liste h3 strong.uppercase,
.readmore .swiper h3 strong.uppercase{font-size:1.1em;}
.latest h3 a:hover span
.liste h3 a:hover span{text-decoration:underline;}
/*.readmore .swiper h3 a:hover span*/

.title-subtitle {border-left: 5px solid #d30d23;}
.title-subtitle h2{font-size: auto;margin: 0;display: inline-block;color: black;text-transform: none;border: none;padding-left: 12px;line-height: 1.1em;}
.title-subtitle h3{font-size: auto;margin: 0px 0px 5px;display: inline-block;color: black;text-transform: none;border: none;padding-left: 12px;line-height: 1.1em;font-weight: normal;}
.title-subtitle h2::after, .title-subtitle h3::after{display:none;}

.landing-title{color:white; line-height:1em; width:100%; overflow-x:hidden; overflow-y:hidden; height:auto;}
.landing-title .wrapper{width:1200px;max-width:100%; margin:0 auto; padding:0.5em 0 0.75em 0;}
.landing-title .container{width:100%;}
.landing-title h1{margin:0; font-family: 'Oswald', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:2.625em; text-transform:uppercase; line-height:1.2em}
.landing-title h1 small{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;display:block; font-size:0.476em; text-transform:none; line-height:1em}
.landing-title .cols{margin-top:0; margin-bottom:0;}
.landing-title .cta a{display:block; width:100%; height:100%; margin-top:7px;}


.border-color4 {border-color:#1d90f5;}
.btn-color4 {background:#1d90f5;}

.liste li .infos{margin-left:295px;  position:relative;}
.liste li .image,
.readmore .swiper .image{position:absolute; top:0px; left:8px;}

.liste li .image{width:260px; height:240px; display:inline-block; overflow:hidden;}

.liste dl, .detail dl{color:#7b7b7d; position:absolute; bottom:0px;}
.detail dl{position:relative; font-size:0.9em;}
.liste dt, .detail dt{font-weight:normal; display:inline;}
.liste dd, .detail dd{font-weight:bold; display:inline; margin-left:0px;}
.liste dd:after, .detail dd:after{content:""; display:table;}

.detail{position:relative;}

.adoptions .liste li .infos strong, .perdu .liste li .infos strong, .entraide .liste li .infos strong, .livres .liste { color: black; }
.adoptions .liste li .infos, .perdu .liste li .infos, .entraide .liste li .infos, .livres .liste  li .infos { color: #444344; margin-bottom: 15px; }
.adoptions .liste li .infos a:hover, .perdu .liste li .infos a:hover, .entraide .liste li .infos a:hover, .livres .liste li .infos a:hover { text-decoration: none; }
.adoptions .liste li .infos p.bigger, .perdu .liste li .infos p.bigger, .entraide .liste li .infos p.bigger { margin-bottom: 10px; }
.adoptions .liste li .infos .more-text, .perdu .liste li .infos .more-text, .entraide .liste li .infos .more-text { color: red; font-weight: bold; margin-left: 10px; }
.adoptions .liste li .infos .more-image, .perdu .liste li .infos .more-image, .entraide .liste li .infos .more-image { position: absolute; margin-left: 8px; margin-top: 2px; display: inline-block; width: 50px; height: 28px; background-image: URL('../bg/read-more.png'); }
.adoptions .liste h3, .perdu .liste h3, .entraide .liste h3, .livres .liste h3 { text-transform: capitalize; margin:0; padding: 0; font-size: 2em; font-weight: bold;  margin-bottom: 25px; }
.adoptions .liste h3::after, .perdu .liste h3::after, .entraide .liste h3::after, .livres .liste h3::after { border-bottom: 2px solid red; padding: 0; margin-top: 23px; width: 50%; }
.perdu .liste h3, .entraide .liste h3 { margin-top: 20px; }

.podcast.liste{list-style: none; margin: 0; padding: 0;}
.podcast.liste li{margin: 0; padding: 0; border-bottom:none; margin-bottom:30px;}
.podcast.liste .title{display: flex; justify-content: space-between; margin-bottom: 15px; align-items: flex-start;}
.podcast.liste .title > span{margin-top: 2px; margin-left: 15px;}
.podcast.liste li h2{position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column; padding-left: 0; margin-bottom: 0px;}
.podcast.liste li h2 a{display: flex; justify-content: flex-start; align-items:center;}
.podcast.liste li h2:after{left: 0;}
.podcast.liste li a:focus, .podcast.liste li a:hover{text-decoration: none;}
.podcast.liste li h2 .fa{font-size: 50px; margin:0 15px;}

.livres .liste li { margin-top: 30px; }
.livres .liste li img { width: 155px; height: 245px; max-width: none; }
.livres .liste h3 { margin: 0; margin-bottom: 8px; margin-top: 8px; }
.livres .liste h3::after { border: none; }
.livres .liste dl dt { font-weight: bold; color: #333; text-transform: capitalize; }
.livres .liste .infos{min-height:250px; margin-left:185px; }
.livres .liste dl { margin-top: 10px; position: static; }
.livres .liste .image { margin-right: 250px; }

.adoptions.latest h3 { margin-top: 0; }
.adoptions.latest h3 a { color: black; }
.adoptions.latest .bigger { margin-bottom: 10px; font-size: 1.2857142857142858em; }
.adoptions.latest .big { font-size: 1.1428571428571428em; }
.adoptions.latest .bottom-center { bottom: -26px; }
.adoptions.latest { margin-bottom: 60px; }

.adoptions .liste .infos, .perdu .liste .infos, .entraide .liste .infos, .emission .liste .infos, .etranger .liste .infos{min-height:240px;}
.adoptions .liste li, .perdu .liste li, .entraide .liste li { margin-top: 35px; }
.adoptions .doyen {margin-top:28px;}
.adoptions .doyen .infos {min-height:140px;margin-left: 10px;display: inline-block; vertical-align: top;max-width: 450px;}
.adoptions .doyen .infos h3{font-weight: normal; margin: 0;color:#d30d23; text-transform: none;font-size: 1em;line-height: 1.2em;}
.adoptions .doyen .infos h3 span{color: black;}
.adoptions .doyen .infos a{line-height: 18px;vertical-align: bottom;margin: 0 5px;}

.adoptions.detail h3, .perdutrouve.detail h3, .entraide.detail h3 { text-transform: uppercase; font-size: 1.4em; margin: 0; padding-left: 0; }
.adoptions.detail h3::after, .perdutrouve.detail h3::after, .entraide.detail h3::after { border: none;  }
.adoptions.detail .refuge-coordonnees {margin-top: 20px; border-bottom: 1px solid #ccc;}

.need-account { margin-top: 60px; margin-bottom: 60px; border: 1.2px solid #c2c1c1; border-radius: 0px 0px 11px 11px; padding: 20px; }

.adoptions.search, .vacances.search, .perdutrouve.search, .entraide.search { display: flex; flex-wrap:wrap; margin: 0; padding-left: 20px; padding-right: 20px; padding-top: 25px; z-index: 10; }
.adoptions.search p, .vacances.search p, .perdutrouve.search p, .entraide.search p { margin: 0px; padding: 0px; padding-right: 18px;}
.adoptions.search p:last-child, .vacances.search p:last-child, .perdutrouve.search p:last-child, .entraide.search p:last-child { padding-right: 0px; }
.adoptions.search p label, .vacances.search p label, .perdutrouve.search p label, .entraide.search p label { font-weight: bold; display: block; margin-left: 6px; margin-bottom: 3px; }
.adoptions.search input[type="submit"], .vacances.search input[type="submit"], .perdutrouve.search input[type="submit"], .entraide.search  input[type="submit"] { margin-top: 27px !important; }

.adoptions.search p, .entraide.search p { width: 16%; }
.adoptions.search p{width:20%;}
.vacances.search p, .perdutrouve.search p { width: 25%; }

.vacances.liste li { padding: 0; margin: 0; margin-top: 40px; }
.vacances.liste li .infos { margin-left: 280px; min-height: 230px;}
.vacances.liste li .infos a { color: #d30d23; }
.vacances.liste li .infos h3 { font-weight:bold; line-height:1em; padding: 0; font-size: 1.8em; }
.vacances.liste li .infos h3::after { border: none; }
.vacances.liste li .infos label { color: black; }
.vacances.liste li .image { left: 0; background-color: #edecec; width: 260px; height: 230px; overflow: auto; }
.vacances.liste li .image .image-container { position: relative; margin: auto; margin-top: 60px; background-color: white; text-align: center; width: 160px; height: 116px; border-radius: 0px 0px 13px 13px; }
.vacances.liste li .image .image-container img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.vacances.liste li .image .text-container { margin-top: 7px; text-align: center; color: #444344; text-transform: uppercase; font-size: 0.9em; }
.vacances.liste li p { color: #444344; }
.vacances.liste li .evaluation { position: absolute; right: 0; margin-top: 15px; background-color: white; border-radius: 9px 0px 0px 9px; }
.vacances.liste li .evaluation ul { padding: 0; margin-right: 5px; margin-left: 20px; margin-top: 4px; }
.vacances.liste li .subtitle { text-align: right; }
.vacances.liste li .subtitle a { font-size: 1.3em; margin-left: 22px; }
.vacances.liste li .subtitle a i { color: #d30d23; font-size: 1.5em; margin-left: 4px; font-weight: bold;  }

.perdutrouve.latest, .entraide.latest { font-weight: bold; }
.perdutrouve.latest h3 a, .entraide.latest h3 a { text-transform: capitalize; color: black; font-size: 1.7em; margin-top: 20px; display: block; font-weight: bold; }
.perdutrouve p.bigger, .entraide.latest p.bigger { font-size: 1.2em; color: black; line-height: 1em; }
.perdutrouve p, .entraide.latest p { font-size: 1.1em; }
.perdutrouve.detail.title { color: #444344; border-bottom: 1.2px solid black; display: inline-block; font-size: 1.1em; padding-bottom: 10px; padding-right: 10px;  }
.perdutrouve.detail.title img { margin-right: 10px; }

.adoptions.category h2, .perdutrouve.category h2, .entraide.category h2 { color: white; position: absolute; bottom: 10px; left: 20px; padding: 0; margin: 0; font-size: 1.5em; line-height: 1.5em; z-index: 2; }
.adoptions.category h2::after, .perdutrouve.category h2::after, .entraide.category h2::after { border: none; }
.adoptions.category ul, .perdutrouve.category ul, .entraide.category ul { margin-top: 25px; margin-left: 10px; }
.adoptions.category > a:first-child, .perdutrouve.category > a:first-child, .entraide.category > a:first-child { position:relative; display: block; }
.adoptions.category img, .perdutrouve.category img, .entraide.category img { filter: brightness(78%); -webkit-filter: brightness(78%); -moz-filter: brightness(78%); -o-filter: brightness(78%); -ms-filter: brightness(78%); }

.entraide .btn-demande, .entraide .btn-proposition { border-radius: 0px 0px 7px 7px; font-size: 0.8em; padding: 4px 18px 4px 18px; text-transform: uppercase; }
.entraide .btn-demande:hover, .entraide.latest .btn-proposition:hover { text-decoration: none; }
.entraide .btn-demande { background-color: black; color: white;  }
.entraide .btn-proposition { background-color: #0eeb32; color: black; }

.labels{position:absolute; right:0; margin-right: 15px; bottom:0; width:160px; text-align:right;}
.labels img { margin-right: 10px; margin-bottom: -2px; }

.livres .readmore .infos{margin-left:75px;}

.animalid{ background:#eaeaea; overflow: hidden; border-top-right-radius: 12px; border-bottom-right-radius: 12px; margin-bottom: 30px; }
.animalid .img { float: left; width: 900px; height: 590px; text-align:right; }
.animalid .img img{object-fit:cover; width:100%; height:100%;}
.animalid .name { position: absolute; right: 0; top: 0; margin-right: 53px; margin-top: 38px; width: 360px; height: 45px; }
.animalid .name .intitule { float: left;display: block; width: 140px; height: 100%; background-color: #d30d23; color: white; font-size: 1.4em; border-top-left-radius: 7px; border-bottom-left-radius: 7px; text-align: right; line-height: 2.2em; padding-right: 12px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.animalid .name .text { line-height: 2em; float:left; text-transform: capitalize; background-color: #ffffff; padding: 0; margin: 0; padding-left: 20px; width: 220px; height: 45px; color: black; font-size: 1.5em; font-weight: bold; display: block; border-top-right-radius: 7px; border-bottom-right-radius: 7px; }
.animalid ul { overflow: auto; display: block; list-style-type: none; padding-top: 75px; padding-left: 20px; font-size: 1.3rem; }
.animalid ul li { margin-bottom: 15px; }
.animalid ul li label { margin: 0; padding: 0; font-weight: bold; text-transform: uppercase; font-size: 1.1em; color: black; }
.animalid ul li p { margin: 0; padding: 0; font-size: 1.3em; line-height: 1.1em; }

@media(max-width: 1170px) {
	.animalid { border-radius: 0; }
	.animalid img {  max-width: 100%; min-width: 100%; height: auto; }
	.animalid ul { padding-top: 30px; }
}

.evaluation{position:relative;}
.evaluation .labelandrate{float:left; font-size:0.8em; position:relative;}
.evaluation .rate{padding:0px; margin:0px; display:inline-block; width:86px; height:14px; overflow:visible; background:transparent no-repeat top left; position:relative; margin-right:30px; list-style:none; list-style-image:none;}
.evaluation .ratestar{background-image:url('../bg/ratestar.png');}
.evaluation .rateheart{background-image:url('../bg/rateheart.png'); position:relative; top:1px;}
.evaluation .rate1{background-position:left -14px;}
.evaluation .rate2{background-position:left -28px;}
.evaluation .rate3{background-position:left -42px;}
.evaluation .rate4{background-position:left -56px;}
.evaluation .rate5{background-position:left -70px;}

.evaluation .rateactive:hover{background-position:top left;}

.evaluation .rate li{position:absolute; top:0; left:0; height:14px; width:17px; min-height:0px; padding:0px; margin:0px; border:none; z-index:50; list-style-image:none;}
.evaluation .rate li.voice2{width:34px; z-index:40;}
.evaluation .rate li.voice3{width:51px; z-index:30;}
.evaluation .rate li.voice4{width:68px; z-index:20;}
.evaluation .rate li.voice5{width:85px; z-index:10;}

.evaluation .rate li a{display:inline-block; width:100%; height:100%; margin-left:0;}

.evaluation .ratestar li:hover a{display:block; width:100%; height:100%; background:transparent url('../bg/ratestar.png') no-repeat top left;}
.evaluation .rateheart li:hover a{display:block; width:100%; height:100%; background:transparent url('../bg/rateheart.png') no-repeat top left;}

.evaluation .rate li.voice1 a{background-position:left -14px;}
.evaluation .rate li.voice2 a{background-position:left -28px;}
.evaluation .rate li.voice3 a{background-position:left -42px;}
.evaluation .rate li.voice4 a{background-position:left -56px;}
.evaluation .rate li.voice5 a{background-position:left -70px;}

.evaluation .labelRetour{position:absolute; font-weight:bold; top:8px; left:0;}

.tabs{margin:1em 0;}
.tabs > ul{margin:0px; padding:0px; height:29px; overflow:visible; list-style:none; border-bottom:1px solid #ccc;}
.tabs > ul li, .tabs .r-tabs-accordion-title{list-style-image:none; margin:0px; border:solid #ccc; border-width:1px 1px 0px 1px; background:#ccc; float:left; height:29px; line-height:29px; margin-right:5px;}
.tabs > ul li a, .tabs .r-tabs-accordion-title a{color:black; padding:0px 18px; display:block; width:100%; height:100%;}
.tabs > ul li a:hover, .tabs ul li a:focus, .tabs .r-tabs-accordion-title a:hover, , .tabs .r-tabs-accordion-title a:focus{text-decoration:none;}
.tabs > ul .r-tabs-state-active{background-color:white;}
.tabs .r-tabs-panel{clear:both; width:100%; border:solid #ccc; border-width:0px 1px 1px 1px; padding-bottom:0;}
.tabs > ul .r-tabs-tab{margin-right:5px;}

@media only screen and (max-width: 768px) {
  .r-tabs-accordion-title{float:none; width:100%;}
  .tabs .r-tabs-accordion-title.r-tabs-state-active{font-weight:bold;}
}

.tabintro{font-size:0.8em; margin-top:0px;}
.tabintro strong{color:#d30d23; background:transparent url('../bg/pagination-next.png') no-repeat 0% 50%; padding-left:12px;}

.livres .detail h3{margin-top:0px; font-weight:bold;}
.livres .detail .evaluation{border-left:1px dotted black; padding-left:10px; margin-bottom:15px;}


.jqvmap-label{z-index:2000;}
.annuaire ul{list-style:none; margin:0px; padding:0px; padding-left:17px;}
.annuaire ul li{list-style-image:none;}

.googlemap {height:650px; width:100%; margin: 0px; padding: 0px; margin-top:1em; max-height:100%;}
.googlemap .infobulle{width:350px;}

.tt-news .box-autoheight{min-height:1px;}

.petition-main{border-right:1px solid black;}
.petition .inner{background:transparent url('../bg/sidepetition-fleche.png') no-repeat 100% 80px; margin-right:-1px;}
.petition .inner{padding-right:40px;}
.petition .box .toolbar{position:relative; bottom:auto; padding:0px;}
.petition .picto-crayon{margin-right:7px;}
.petition .liste .infos{min-height:167px; margin-left:210px;}
.petition a.bigbutton{font-size:2em; padding:0.5em; margin:0.5em 0; text-align:center; text-transform: none}
.petition .latest .catanddate{margin:1em 0;}
.petition .liste{margin-top:50px;}
.petition .liste .short{margin-bottom:1em;}
.petition .picto-pdf{color:#d30d23;}
.petition .victoire{position:absolute; z-index:100; top:0; left:0; right:0; bottom:0; background:transparent url('../bg/coin-victoire.png') no-repeat right bottom;}
.petition .victoire p{ position:relative; top:1px; padding:2px 15px; margin:0; display:inline; background:#4778ed; color:white; text-transform:uppercase;}

.petition .atbottom{position:absolute; bottom:25px; width:100%; padding:0 15px;}

.petition-side{padding-left:15px;}
.petition-side h2{text-transform:uppercase; color:#d30d23; font-size:24px; font-weight:bold; border:none; padding-left:0; margin-bottom:15px;}
.petition-side h2::after{display:none;}
.petition-side .sendmail{position:relative;}
.petition-side form {margin-top:33px;}
.petition-side form .submit input{font-size:16px; margin:15px 35px; width:auto; border-radius:3px; padding:7px 40px; height:auto;}
.petition-side form p{margin:0.25em 0;}
.petition-side form .mail{margin-bottom:1em;}
.petition-side form .sendmail{margin-top:1em;}
.petition-side form .sendmail label{display:inline;}

.petition-side .progressbar{width:308px; border-bottom:1px solid #bfbbbb; padding-bottom:3px;}

.petition-side{color:#666; margin-bottom:1em;}
.petition-side .outils{height:auto; line-height:1em; font-size:1em; background:none;}
.petition-side .outils .sharer{height:auto; width:100%; display:block;}
.petition-side .outils .sharer .invisible{position:static; top:0; left:0;}
.petition-side .outils .sharer li{line-height:2em; float:none; width:100%; margin:0; height:auto; background-position:0% 50%;}
.petition-side .outils .sharer li.picto-rss, .petition-side .outils .sharer li.picto-google{display:none;}
.petition-side .outils .sharer li.picto-facebook{background-image:url('../bg/petition-side-picto-facebook.png');}
.petition-side .outils .sharer li.picto-twitter{background-image:url('../bg/petition-side-picto-twitter.png');}
.petition-side .outils .sharer li.picto-email{background-image:url('../bg/petition-side-picto-email.png');}
.petition-side .outils .sharer li.picto-print{background-image:url('../bg/petition-side-picto-print.png');}
.petition-side .outils .sharer li a{color:#666;}

.petition-side .related{list-style:none; margin:0; padding:0;}
.petition-side .related li{background:none; list-style-image:none; line-height:1.5em; border-bottom:1px dotted #666; padding:7px 0;}
.petition-side .related a{color:#666;}

.petition-side.confirm{background:#f2f2f2;}

.petition-victoire h2{background:transparent url('../bg/petition-side-picto-victoire.png') no-repeat 0% 50%; padding-left:30px; line-height:33px;}

.petition-random h3{margin-top:0;}
.petition-random .box .toolbar{height:auto;}
.petition-random .progressbar{margin-top:7px;}
.petition-random .box .toolbar p{margin:0;}

.shortcut{position:relative;}
.shortcut h3 { /*color: white;*/ padding-left: 0; margin-top: 0.875em; }
.shortcut h3::after { border: none; }
.shortcut .link{position:absolute; top:-38px; width:100%; text-align:center;}
.shortcut-style2 h3{font-weight:normal; font-size:2em;}
.shortcut-style2 h3::after{content:""; width:50%; display:block; height:0; border-bottom:2px solid #d30d23; margin-top:10px; line-height: 1.1em; }
.shortcut-style2 h3 a:hover{text-decoration:none;}

.pas-si-betes { background-color: white; margin-bottom: 4px; padding-left: 10px; padding-right: 10px; margin-top: 5px; border: 1px solid #696969; display: inline-block; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; text-align: center; text-transform: uppercase; color: #444344; font-size: 0.77em; height: 22px; line-height: 1.65em;}
.pas-si-betes:hover { text-decoration: none; }

#signature{position:relative; top:-55px;}

.lastsignatures{font-size:11px; color:#666; width:100%;}
.lastsignatures td{border-bottom:1px solid #d30d23;}

.pagination{line-height:36px; text-align:left; font-size:0.815em; /*background:#f2f0f0;*/ position:relative; margin-bottom:25px; padding:0px 10px; border-bottom: 1px solid #e0e0e0; }
/*.paginationobg{background:transparent;}*/
.pagination form{height:36px; line-height:36px;}
.pagination form p{height:36px; line-height:36px;}
.pagination form label{display:inline-block; height:36px; line-height:36px;}
.pagination form .ffSelectWrapper{width:50px; margin:0px; padding:0px; text-align:left; position:relative; top:6px;}
.pagination form .ffSelectWrapper span{padding-left:5px;}
.pagination form .ffSelectWrapper ul{line-height:1.2em;}

.pagination .pageliste-left { float: left; font-size: 1.1em; line-height: 4em; font-weight: bold; }
.pagination .pageliste{padding-left:175px; line-height:36px; text-align:right; right:0; top:0; margin-top:0px; width:100%;}
.pagination .pageliste a{color:black; border:1px solid #bebebe; background:white; padding: 8px 12px 8px 12px; font-weight: bold;}
.pagination .pageliste a:last-child { margin-left: 5px; }
.pagination .pageliste a:hover{text-decoration:none; background:#bebebe;}
.pagination .pageliste strong, .pagination .pageliste a.act{font-weight:bold; color:white; background:black; padding: 8px 12px 8px 12px;  font-weight: bold;}
.pagination .pagination-points { margin-right: 7px; font-weight: bold; }

.pagination .pageliste .prev, .tt-news .pagination .pageliste a:nth-child(1), .tt-news .pagination .pageliste a:nth-child(2),
.pagination .pageliste .next, .tt-news .pagination .pageliste a:nth-last-child(1), .tt-news .pagination .pageliste a:nth-last-child(2){border:none; background:none; padding:0 0 0 0;}
/*
.pagination .pageliste .prev, .tt-news .pagination .pageliste a:nth-child(1), .tt-news .pagination .pageliste a:nth-child(2),
.pagination .pageliste .next, .tt-news .pagination .pageliste a:nth-last-child(1), .tt-news .pagination .pageliste a:nth-last-child(2){display:inline-block; height:10px; width:15px;}
.pagination .pageliste .prev, .tt-news .pagination .pageliste a:nth-child(2){background:transparent url('../bg/pagination-prev.png') no-repeat 50% 50%}
.pagination .pageliste a.first, .tt-news .pagination .pageliste a:nth-child(1){background:transparent url('../bg/pagination-first.png') no-repeat 50% 50%}
.pageliste a:nth-last-child(1), .tt-news .pagination .pageliste a:nth-last-child(2), .tt-news .pagination .pageliste a:nth-child(1), .tt-news .pagination .pageliste a:nth-child(2){text-indent:-5000px; overflow:hidden;}
.pagination .pageliste .next, .tt-news .pagination .pageliste a:nth-last-child(2){background:transparent url('../bg/pagination-next.png') no-repeat 50% 50%}
.pagination .pageliste a.last, .tt-news .pagination .pageliste a:nth-last-child(1){background:transparent url('../bg/pagination-last.png') no-repeat 50% 50%}
*/
.pagination .disabledLinkWrap{display:none;}
.tt-news .news-single-item .pageliste{padding-left:0; position:relative; text-align:right;}
.standard{position:relative; z-index:100;}
.footer{position:relative; z-index:10;}

.annuaire th{background:white;}
.annuaire td a{color:black;}
.annuaire .labels{width:150px; text-align:center; position:relative;}

ul.grid{margin:0; padding:0; list-style:none;}
ul.grid li{list-style-image:none; float:left; margin:0px 10px 10px 0px; position:relative;}
ul.grid li.last{margin-right:0;}

.muramis .grid .atbottom{ position: absolute; background:white; height:47px; width:100%;}
.muramis .grid .atbottom-hover{bottom:auto; top:-50000px; left:-50000px;}
.muramis .grid .atbottom p { font-size: 0.7em; }
.muramis .grid li:hover .atbottom-hover{top:auto; bottom:0; left:0;}
.muramis .grid .block-content{padding:7px;}
.muramis .grid .share {position:absolute; bottom:50px; background-color:white; width:130px; padding:5px; right:5px; display:none; text-align:left; }
.muramis .single { }
.muramis .single .share {position:absolute; bottom:65px; background-color:white; width:130px; padding:5px; right:5px; display:none; text-align:left; }

.sidebar .newsletter p{font-size:12px;}
.sidebar .newsletter p.title{font-weight:bold; font-size:18px; padding-left:0px; border-left:0px; margin-bottom:0.5em;}
.sidebar p{font-size:12px;}
.sidebar ol{font-size:14px;}
.sidebar ol p{font-size:100%;}

.newsletter-form-article{margin-top: 50px;}
.newsletter-form-article form input[type="text"]{ padding-right:25%;}
.newsletter-form-article form input[type="submit"]{ width:25%;text-align: center;line-height: 100%;text-transform: none;}
.newsletter-form-index form input[type="text"]{ width:60%;}
.newsletter-form-index form input[type="submit"]{ width:25%;text-align: center;line-height: 100%;text-transform: none;}
.newsletter-form-homelong form input[type="text"] {width: 40%}
.newsletter-form-homeshort form input[type="text"] {width: 85%}

.home .newsletter{margin-bottom:0px;}
.home .newsletter .contenu{ padding: 0; background:transparent url('../bg/newsletter-home.jpg') no-repeat 50% 30%;  background-size:cover;}
.home .newsletter .contenu > :first-child{margin-top:0;}
.home .newsletter .contenu .overlay{background:rgba(0,0,0,0.35); padding-top:2rem; min-height:300px;}
.home .newsletter .newsletter-form-index{padding:2rem; color:white; text-align:center;}
.home .newsletter .newsletter-form-index .title-subtitle{color:white; border-left:none; padding-left:0;}
.home .newsletter .newsletter-form-index .title-subtitle h2, .home .newsletter h3{color:white; width:50%; margin:2rem auto; margin-top:0;}
.home .newsletter form .textandsubmit input{position:static; display:inline-block; width:auto; border-radius:5px;}
.home .newsletter form .textandsubmit input[type="text"]{width:auto; display:block; margin:0 auto; text-align:center; padding:8px 8px 8px 8px; margin:2rem auto;}
.home .newsletter form .textandsubmit input[type="text"]::placeholder{opacity:0.5;}
.home .newsletter form .textandsubmit input[type="submit"]{position:relative; top:-2px; text-transform:uppercase;}

.searchform p.title{font-size:23px; text-transform:uppercase; line-height:1em; padding-left:0px; border-left:0px; margin-bottom:0px;}
.searchform p.title span{display:block; font-size:13px; line-height:1em;}
.home .searchform{width:320px;}
.home .searchform .textandsubmit input[type="text"]{border:none;}
.sidebar .searchform{margin-bottom:37px;}
.nobandeau .sidebar .searchform p input.text{background:#f2f2f2;}

.dons{padding:16px; margin-bottom:15px;}
.dons p.title{border-left-width:0px; padding-left:0px; font-size:18px; line-height:1.5em; text-align:justify; margin-bottom:15px;}
.dons p.title big{font-size:36px;}
.dons p.title span{font-size:15px; position:relative; top:-15px;}
.dons form{background:#e5e5e5;}
.dons form label{color:#d30d23;}
.dons form .labelinline label{float:right; font-weight:bold;}
.dons form p{border-bottom:1px solid #d7d7d7; border-top:1px solid white; margin:0px 2px; padding:4px 17px;}
.dons form p:first-child{border-top:0px;}
.dons form p input[type="text"]{display:inline-block; width:auto;}
.dons form p.autre label{float:left; width:49.99%; font-size:13px; line-height:1em;}
.dons form p.autre input{float:left; width:49.99%; background:white;}
.dons form .submit{text-align:right;}
.dons form .submit input{width:49.99%; margin-top:0px;}
.dons a{color:white;}
.dons ul{list-style-image:none; list-style:none; margin:0px; padding:0px; margin-bottom:15px;}
.dons ul li{border-bottom:1px solid white; margin:0px; padding:0px; font-weight:bold; line-height:1em; background:transparent url('../bg/dons-li.png') no-repeat 95% 50%; list-style-image: none;}
.dons ul li a{padding:14px 0px; display:block;}
.dons ul li.smallpadding a{padding:7px 0px;}
.dons ul li a:hover{text-decoration:none;}
.dons p.small{font-weight:bold; font-size:11px;}

.quickpoll .cartouche{background:white; color:#d30d23;}
.quickpoll .cols{margin-bottom:0px; line-height:1.2em}
.quickpoll .bar{background:#1d90f5; display:inline-block; height:10px; z-index:0; position:relative; top:0px;}
.quickpoll .resultat{position:relative; z-index:10; width:3em; display:inline-block;}
.quickpoll label, .quickpoll .answer{color:#7d8282; font-size:14px;}
.quickpoll .answer{ border-left:1px solid #7d8282; padding-left:7px; line-height:1em; margin-left:7px;}
.quickpoll .block-content.fleft{margin-right:0;}
.quickpoll .block-content.fright{margin-left:0;}
.quickpoll h3{margin-top:0; text-transform:none; margin-bottom:11px; font-size:1.25em;}
.standard .quickpoll{border:1px solid #ccc; padding:1em 0; border-width:1px 0px;}
.standard .quickpoll .block-content{padding:0;}
.standard .quickpoll input[type="radio"]{margin:0; margin-left:1em;}
.standard .quickpoll input[type="submit"]{margin-top:0;}

.galerie .swiper-slide a{display:block; width:100%; height:100%;}
.galerie .swiper-slide img{position:relative;}
.galerie .fancybox{display:block; width:100%; height:100%;}
.galerie .fancybox img{/*object-fit:cover;*/ max-width:100%;}
.galerie .swiper-container{height:382px;}
.galerie .swiper-pagin{position:absolute; bottom:-50px; left:-50000px;}
.galerie:hover .swiper-pagin{bottom:0; left:0;}
.galerie .swiper-pagin{height:50px; width:100%; text-align:center; padding:0px 30px; background:transparent url('../bg/overlay.png') repeat center top; z-index:2000;}
.galerie .swiper-pagin .swiper-wrapper{margin:0 auto;}
.galerie .swiper-pagin .swiper-slide{width:52px; height:50px; text-align:center;}
.galerie .swiper-pagin .swiper-slide img{margin:0px;}
.standard .galerie{margin-bottom:15px;}

.surcontent > *{margin-top:18px;}
.nobandeau .surcontent > *:first-child{margin-top:0;}
.standard .surcontent > *:first-child{margin-top:0px;}
.surcontent p, .standard .surcontent p{margin-bottom:0;}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{margin-bottom:0;}
.translated-ltr .only-fr{display:none;}
.only-en{display:none;}
.translated-ltr .only-en{display:block;}

.contenuprincipal .subcontent{font-size:0.75em;}
.landing .subcontent{margin-top:20px; background:white; padding:1px 0; font-size:1em;}
.subcontent .box{margin-top:18px;}
.subcontent .h1-like{font-size:2.42em; padding-left:15px;}
.subcontent .comments{padding-top:37px;}
.subcontent .comments .h1-like a { color:black; }
.subcontent .commentform{position:relative; background:#e2e0e0; border-top:1px solid #ffffff; padding:20px;}
.subcontent .commentform .nbcom{position:absolute; right:20px; margin-top:0px;}
.subcontent .commentform p, .subcontent .commentform .loginlink{color:#999;}
.subcontent .commentform strong{color:#494949}
.subcontent .commentform input[type="submit"]{margin-top:1em;}
.subcontent .avatar{width:10%; float:left;}
.subcontent .comment{width:90%; float:left;}
.subcontent .commentlist{background:white; padding:20px; padding-bottom:10px;}
.subcontent .commentlist ol{list-style:none; margin:0; padding:0;}
.subcontent .commentlist li{border-bottom:1px solid #dedede; margin-bottom:15px; padding-bottom:5px;}
.subcontent .commentlist li .sharer{list-style:none; text-align:right; float:none; width:100%; margin:0; padding:0;}
.subcontent .commentlist li .sharer li{float:none; background-position:50% 50%; border-bottom:none; margin-bottom:0; padding-bottom:0; display:inline-block; width:18px; height:18px; margin:0px 2px;}
.subcontent .commentlist li .sharer li a{display:block; width:100%; height:100%; float:left;}
.subcontent .commentlist input[type="button"]{cursor:pointer; width:100%; background:transparent; color:#d30d23; font-weight:bold; border:none; text-transform:uppercase;}

.subcontent form input, .subcontent form select, .subcontent form textarea{background:#ffffff;}

.subcontent .catanddate{margin-bottom:7px;}

.landing .subcontent h2{border-left:none; padding-left:0; text-align:center; color:#616060; display:block; margin:1.5em 0; text-transform:none; font-style:italic;}
.landing .subcontent strong{color:#d30d23;}

.standard .sidemenu{margin:0; padding:0; width:auto; list-style:none; color:#747679;}
.standard .sidemenu li{margin:0; padding:0; width:100%; margin-bottom:5px;}
.standard .sidemenu li{text-transform:uppercase; line-height:2.5em;}
.standard .sidemenu li{list-style-image:none;}
.standard .sidemenu li a{color:#747679; display:block; padding:0 6px; margin-bottom:5px;}
.standard .sidemenu>li>a:hover, .sidemenu>li.act>a{background:#d30d23 no-repeat 95% 55%; color:white; text-decoration:none;}
.standard .sidemenu>li.actifsub>a{background-image:url('../bg/sidemenu-li-act.png');}
.standard .sidemenu ul{list-style:none;}
.standard .sidemenu ul li{text-transform:none; line-height:1.5em;}
.standard .sidemenu ul li a{margin-bottom:0;}

.maj p{color:#886909; background:#fcefc6; border-bottom:1px solid #d0d0d0; font-size:12px; line-height:1.5em; margin-top:0.75em; margin-bottom:0; padding-right:7px;}

.login form input{margin:0 0 0.75em 0;}
.login form input.submit{margin-top:0; display:inline; color:black; width:auto; background:white;border:1px solid #999;border-radius:3px; height:35px; font-weight:bold; cursor:pointer; display:inline;}

.filafp{height:22px; line-height:22px; min-height:22px; width:100%; float:none; clear:both; font-size:12px; padding-right:7px;}
.filafp h3{background:transparent url('../bg/filafp.png') no-repeat 5px 4px; float:left; height:22px; line-height:22px; margin:0; padding:0; font-size:12px; text-align:center; text-transform:uppercase; padding:0px 4px 0px 25px;}
.filafp p{height:12px; line-height:12px; border-right:1px solid #494949; padding:0px 10px 0px; margin-right:10px; margin:5px 0;}
.filafp a{color:#494949;}
.filafp strong{text-transform:uppercase; color:#050505;}
.filafp .swiper-container{width:auto;}
.filafp .swiper-container .swiper-wrapper .swiper-slide{width:auto;}

.flashplayer.align-center > *{margin:0 auto;}

.footer .top{background:#f2f2f2; padding:1px 0; font-size:11px; margin-top:80px;}
.footer .top p{padding-left:183px;}
.footer .bottom{background:black; color:white;}
.footer .bottom .container{min-height:102px;}
.footer .bottom a{color:white;}
.footer .bottom .logo{position:absolute; left:0; bottom:0; height:193px; top:1rem;}
.footer .bottom .footer-menus{margin-left:183px; float:none; padding-top:1rem;}
.footer .bottom .bigmenu button{display:none;}
.footer .bottom .bigmenu>ul{margin:0; padding:0; list-style:none;}
.footer .bottom .bigmenu>ul>li{float:left; width:24%; margin-right:1%;}
.footer .bottom .bigmenu>ul>li h3{margin-bottom:1rem;}
.footer .bottom .bigmenu>ul>li>ul{margin:0; padding:0; list-style:none;}
.footer .bottom .menu, .footer .bottom .applis{width:50%; float:left;}
.footer .bottom .menu ul {margin:0; padding:0; list-style:none; margin-top:40px;}
.footer .bottom .menu ul li{display:inline-block; font-size:14px; margin:0 7px;}
.footer .social-networks {margin:0; padding:0; text-align:center; float:none; width:100%;}
.footer .social-networks > li{display:inline-block; font-size:2.5rem; margin:0 2rem 2rem 2rem; width:auto; height:auto;}
.footer .social-networks > li a{border:1px solid; border-radius:100%; width:4.5rem; height:4.5rem; line-height:4.5rem}
.footer .social-networks > li svg{height:27px;}
.footer .bottom .applis{min-height:102px; text-align:right;}
.footer .bottom .applis{max-width:100%;}
.footer .bottom .applis a{display:inline-block; height:100%; background:transparent url('../bg/footer-applis.png') no-repeat 0% 50%; padding-left:100px; margin-top:27px;}
.footer .bottom .applis a p{margin:0;}
.footer .bottom .applis::after{content:""; display:table; clear:both; width:100%; }

.typo3-debug{z-index:10000; position:relative; background:#d30d23;}

.cookie-manager { width:400px; background-color:rgba(0,0,0,0.9); color:white; position:fixed; bottom:0px; right:30px; padding:1em; text-align:center; z-index:500; text-align:justify; font-size:0.75em; }
.cookie-manager a { color:white; padding:4px; text-decoration:underline; }

.prehome-background{display:none; background:transparent url('../bg/prehome-background.png') repeat center top; position:fixed; top:0; bottom:0; left:0; right:0; z-index:200000000;}
.prehome-floater{display:none; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width:95%; max-height:95%;}
.prehome-close{position:absolute; top:-16px; right:-16px; background:transparent url('../bg/prehome-close.png') no-repeat center top; width:32px; height:32px;}
.prehome-floater iframe{border:none; overflow:hidden; display:block; max-width:100%; max-height:100%;}
.prehome-floater a{color:white;}

/** autocomplete **/
.autocomplete-suggestions { border:solid thin #d30d23; background-color:white; text-align:left; padding:5px; overflow:hidden; }
.autocomplete-suggestions .autocomplete-suggestion { font-size:12px; font-weight:normal; }
.autocomplete-suggestions .autocomplete-selected {color:white; background-color:#d30d23;}

/** tx-dixeasylogin-pi1 **/
.tx-dixeasylogin-pi1 { text-align:center; }
.tx-dixeasylogin-pi1 form { display:inline-block; width:43px; height:35px; margin:0 1em; }
.tx-dixeasylogin-pi1 form p { display:inline-block; width:100%; height:100%; }
.tx-dixeasylogin-pi1 form p input { padding:0; background:none; border:none; display:inline-block; width:100%; height:100%; line-height:auto; }

.powermail_create dt, .powermail_confirmation dt{font-weight:bold; display:inline;}
.powermail_create dt:after, .powermail_confirmation dt:after{content:" : ";}
.powermail_create dd, .powermail_confirmation dd{display:inline; margin-left:0;}
.powermail_create dd:after, .powermail_confirmation dd:after{display:block; content:""; clear:both; width:100%;}
.powermail_confirmation form{display:inline-block; width:49%;}
.powermail_confirmation form div{position:absolute; left:-5000px;}
.powermail_confirmation input.powermail_confirmation_form[type="submit"]{background:black;}

/** solr */
.tx_solr_extra {float:left; width:25%;}
.tx_solr_content {float:left; width:75%;}
.solr-pagination ul {list-style:none; text-align:center; margin:5px 0px; padding:0px;}
.solr-pagination ul li {display:inline-block; padding:5px;}
#tx-solr-search .tx-solr-search-form {background-color: #EEE; padding: 10px;}
#tx-solr-search .tx-solr-search-form .tx-solr-q {background-color: #FFF;}
#tx-solr-search #results-per-page {width:250px;}
#tx-solr-search .results-topic{margin:0px;}
#tx-solr-search .progress {display: flex; height: 10px; overflow: hidden; background-color: #CCC;}
#tx-solr-search .progress-bar { display: flex; flex-direction: column; justify-content: center; text-align: center; white-space: nowrap; background-color: red; }


/** mon espace **/
.monespace-label { font-size:10pt; font-family:Arial; }
form.monespace{margin-bottom:0.75em;}

iframe{background:white; max-width:100%; border:none;}

.popup{background:white; margin:0 auto; padding:1em; text-align:left;}

.popup form input[type="submit"], .popup form input[type="button"],
.fancybox-inner input[type="submit"], .fancybox-inner input[type="button"],
.fancybox-inner .btn{display:inline; width:auto; background:white;border:1px solid #999;border-radius:3px; height:35px; font-weight:bold; cursor:pointer; color:black; margin-top:1em;}
.popup hr{border:1px solid #e0e0e0; border-width:1px 0px 0px 0px; margin-top:25px;}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.surcontent .video-container{padding: 0 0 0 0; height:auto;}
.surcontent .video-container iframe, .surcontent .video-container object, .surcontent .video-container embed{position:static; width:1175px; height:661px; max-width:100%;}
.surcontent .video-container audio{width: 100%;}

/** habillage de page video **/
#habillage { overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }
#habillage > video, #habillage > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
@media (min-aspect-ratio: 16/9) { #habillage > video, #habillage > img { height: 300%; top: -100%; } }
@media (max-aspect-ratio: 16/9) { #habillage > video, #habillage > img { width: 300%; left: -100%; } }
@supports (object-fit: cover) { #habillage > video, #habillage > img { width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } }

#tarteaucitronRoot #tarteaucitronAlertBig, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover{background:white;}
#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom{border-top:1px solid #d30d23;}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,#tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronH1, #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronH2{color:#444344;}
.tarteaucitronCTAButton, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow{border-radius:5px;}
#tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow{background:#d30d23;}
div#tarteaucitronServices{border:2px solid #d30d23; border-radius:5px 0 5px 5px;}
#tarteaucitronRoot button{border:2px solid transparent; border-width:2px 2px 0px 2px; top:-1px; border-radius:5px 5px 0 0;}
#tarteaucitronRoot button:focus-visible{border-color:#d30d23; outline:none;}
#tarteaucitronRoot #tarteaucitronAlertBig button{border-radius:5px 5px 5px 5px;}
#tarteaucitron .tarteaucitronBorder{border:none;}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine{border:none;}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button{border-radius:0;}

#tarteaucitronRoot .tarteaucitronH1{font-family:'Mabrouk', 'Montserrat', Helvetica, Arial, sans-serif !important;}

body #tarteaucitronRoot div#tarteaucitronAlertBig{padding:15px !important; padding-top:0 !important;}
div#tarteaucitronAlertBig:before{display:block; content:'' !important;background:transparent url('/typo3conf/ext/ameos_main/Resources/Public/ressources/logo.svg') no-repeat center top; width:137px; height:193px; margin:0 auto; background-size:contain;}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny{border:1px solid #d30d23; color:#d30d23}
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny{border:none; padding:0; position:absolute; top:5px; right:10px; background:white;}
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny .tarteaucitronCross::before{color:#d30d23}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert{font-size:16px !important;}