html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border: none; outline: 0; font-style: inherit; font-size: 100%; font-family: 'Open Sans', sans-serif; vertical-align: baseline; text-decoration: none; margin: 0; padding: 0; word-wrap: break-word; }
img,iframe,object,embed { max-width: 100%; }

body { width: 100%; margin: 0 auto; color: #242424; background: #045209; min-width: 320px; }
html { width: 100%; height: 100%; margin: 0 auto; padding: 0; }
h1 { font-size: 1.6rem; text-align: center; margin: 0rem 0.75rem 1.125rem 0.75rem; }
h2 { font-size: 1.25rem; margin: 0.1875rem 0.25rem 0.5rem 0.25rem; }
h3 { font-size: 1.125rem; font-weight: 700; margin: 0rem 0rem 0.5rem 0rem; }
.chapeau { font-size: 1.25rem; margin: 0.1875rem 0.25rem 0.5rem 0.25rem; }
em { font-style: italic; }
i { font-style: italic; }
strong { font-weight: bold; }
b { font-weight: bold; }
a:link { color: #6633cc; text-decoration: none; }
a:visited { color: #699fcb; text-decoration: none; }
a:hover { text-decoration: underline; }
.textevert { color: #045209; font-weight: 700; }
.clear { clear: both; }
.img-responsive { display: block; height: auto; max-width: 100%; }

@media screen and (min-width: 988px) and (max-width: 1365px) {
h1 { font-size: 1.4rem; margin: 0rem 0.375rem 1rem 0.375rem; }
h2 { font-size: 1.2rem; margin: 0.125rem 0rem 0.5rem 0rem; }
.chapeau { font-size: 1.2rem; margin: 0.125rem 0rem 0.5rem 0rem; }
}
@media screen and (min-width: 768px) and (max-width: 987px) {
body { font-size: 94%; }
h1 { font-size: 1.4rem; margin: 0rem 0.375rem 0.875rem 0.375rem; }
h2 { font-size: 1.2rem; margin: 0rem 0rem 0.5rem 0rem; }
.chapeau { font-size: 1.2rem; margin: 0rem 0rem 0.5rem 0rem; }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
body { font-size: 88%; }
h1 { font-size: 1.2rem; margin: 0rem 0.375rem 0.75rem 0.375rem; }
h2 { font-size: 1rem; margin: 0rem 0rem 0.375rem 0rem; }
.chapeau { font-size: 1rem; margin: 0rem 0rem 0.375rem 0rem; }
}
@media screen and (min-width: 480px) and (max-width: 599px) {
body { font-size: 86%; }
h1 { font-size: 1.125rem; margin: 0rem 0.375rem 0.625rem 0.375rem; }
h2 { font-size: 0.95rem; margin: 0rem 0rem 0.375rem 0rem; }
.chapeau { font-size: 0.95rem; margin: 0rem 0rem 0.375rem 0rem; }
}
@media screen and (max-width: 479px) {
body { font-size: 82%; }
h1 { font-size: 1.125rem; margin: 0rem 0.375rem 0.5rem 0.375rem; }
h2 { font-size: 0.95rem; margin: 0rem 0rem 0.375rem 0rem; }
.chapeau { font-size: 0.95rem; margin: 0rem 0rem 0.375rem 0rem; }
}

.moteurnaturetop { width: 320px; height: 100px; }
@media(min-width: 512px) { .moteurnaturetop { width: 468px; height: 60px; } }
@media(min-width: 768px) { .moteurnaturetop { width: 728px; height: 90px; } }
@media(min-width: 1024px) { .moteurnaturetop { width: 970px; height: 90px; } }
@media(min-width: 1367px) { .moteurnaturetop { width: 970px; height: 250px; } }

.moteurnatureside { display: none; }
@media(min-width: 480px) { .moteurnatureside { width: 120px; height: 600px; } }
@media(min-width: 768px) { .moteurnatureside { width: 160px; height: 600px; } }
@media(min-width: 1024px) { .moteurnatureside { width: 300px; height: 600px; } }

.moteurnaturedown { width: 250px; height: 250px; }
@media(min-width: 528px) { .moteurnaturedown { width: 336px; height: 280px; } }

.rang1largeur1 { width: 100%; height: 36px; margin: 0 auto; padding: 0; background: #6633cc; }
.rang1largeur2 { width: 1088px; height: 36px; margin: 0 auto; padding: 0; }
.logo { float:left; display: block; width: 320px; margin: 0 auto; }
.navigation { font-size: 0.8125rem; font-weight: 600; }
.navigation { text-align: right; }
.navigation li { display: inline-block; padding-right: 14px; position: relative; }
.navigation li ul { display: none; height: 400px; z-index: 999; overflow-y: scroll; position: absolute; background: #6633CC; top: 36px; left: 0;	}
.navigation li a { color: #ffffff; display: inline; height: 36px; line-height: 36px; }
.navigation li ul li { text-align: left; padding: 4px; }
.navigation li ul li a {  font-size: 0.8125rem; font-weight: 600; line-height: 1px;}
.navigation li:hover ul { display: block; }
.navigation li ul li { display: block;}
@media screen and (min-width: 1024px) and (max-width: 1098px) {
.rang1largeur2 { width: 988px; height: 36px; margin: 0 auto; padding: 0; }
}
@media screen and (min-width: 888px) and (max-width: 1023px) {
.rang1largeur2 { width: 848px; height: 36px; margin: 0 auto; padding: 0; }
.navigation { font-size: 0.75rem; font-weight: 600; }
.navigation li { padding-right: 0.5rem; }
.navigation li ul li a {  font-size: 0.75rem; }
}
@media screen and (min-width: 788px) and (max-width: 887px) {
.rang1largeur2 { width: 760px; height: 36px; margin: 0 auto; padding: 0; }
.navigation { font-size: 0.625rem; font-weight: 600; }
.navigation li { padding-right: 0.375rem; }
.navigation li ul li a {  font-size: 0.625rem; }
}
@media screen and (min-width: 696px) and (max-width: 787px) {
.rang1largeur2 { width: 678px; height: 36px; margin: 0 auto; padding: 0; }
.navigation { font-size: 0.55rem; font-weight: 500; }
.navigation li { padding-right: 0.25rem; }
.navigation li ul li a {  font-size: 0.45rem; }
}
@media screen and (min-width: 620px) and (max-width: 695px) {
.rang1largeur2 { width: 600px; height: 36px; margin: 0 auto; padding: 0; }
.navigation { font-size: 0.45rem; font-weight: 500; }
.navigation li { padding-right: 0.125rem; }
.navigation li ul li a {  font-size: 0.45rem; }
}
@media screen and (max-width: 619px) {
.rang1largeur2 { width: 100%; height: 36px; margin: 0 auto; padding: 0; }
.navigation { display: none; }
.logo { display: block; margin-left: auto; margin-right: auto; }
}

.rang2largeur1 { width: 100%; margin: 0 auto; padding: 0; background: #ffcc00; }
.rang2largeur2 { width: 978px; margin: 0 auto; padding: 0; background: #045209; }
.rang2largeur3 { width: 970px; margin: 0 auto; padding: 0; background: #96cc1e; }
.adsense-top { width: 970px; max-width: 970px; height: 90px; margin: 0 auto; padding: 0; }
.adsense-top img iframe { width: 100%; height: 100%; }
@media screen and (min-width: 1367px) { 
.rang2largeur2 { width: 978px; height: 250 px; min-height: 250px; max-height: 250px; }
.rang2largeur3 { width: 970px; height: 250 px; min-height: 250px; max-height: 250px; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.rang2largeur1 { width: 100%; height: 90 px; max-height: 90px; }
.rang2largeur2 { width: 736px; height: 90 px; max-height: 90px; }
.rang2largeur3 { width: 728px; height: 90 px; max-height: 90px; }
.adsense-top { width: 728px; max-width: 728px; height: 90px; }
}
@media screen and (min-width: 512px) and (max-width: 767px) {
.rang2largeur1 { height: 60 px; max-height: 60px; }
.rang2largeur2 { width: 472px; height: 60 px; max-height: 60px; }
.rang2largeur3 { width: 468px; height: 60 px; max-height: 60px; }
.adsense-top { width: 468px; max-width: 468px; height: 60px; }
}
@media screen and (max-width: 511px) {
.rang2largeur2 { width: 320px; height: 250px; }
.rang2largeur3 { width: 320px; height: 250px; }
.adsense-top { width: 320px; max-width: 320px; height: 250px; max-height: 250px; }
}

.rang3largeur1 { width: 100%; height: 4px; margin:0 auto; padding: 0; background: #045209; }
@media screen and (max-width: 767px) {
.rang3largeur1 { height: 2px; }
}

.rang4largeur1 { width: 100%; margin: 0 auto; padding: 0; background: #96cc1e; }
.rang4largeur2 { width: 98%; margin: 0 auto; margin-top: 0px; padding: 0px 0px 0px 0px; background: #699fcb; }
@media screen and (min-width: 1367px) {
.rang4largeur2 { max-width: 1152px; }
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
.rang4largeur2 { width: 80%; }
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
.rang4largeur2 { width: 90%; }
}
@media screen and (min-width: 1152px) and (max-width: 1199px) {
.rang4largeur2 { width: 92%; }
}
@media screen and (min-width: 1092px) and (max-width: 1151px) {
.rang4largeur2 { width: 94%; }
}

.rang4sidebar { width: 300px; margin: 0px 0px 0px 0px; padding: 0; float: left; }
.adsense-side { width: 300px; max-width: 300px; height: 600px; max-height: 600px; margin: 0 auto; padding: 0; background: #045209; }
.adsense-side img iframe { width: 100%; height: 100%; }
.side-separ { width: 300px; height: 4px; margin:0 auto; padding: 0; background: #6633cc; }
.side-jaune { width: 300px; margin: 0 auto; background: #ffcc00; }
.side-jau-link { text-align: center; padding-top: 8px; padding-bottom: 8px; }
.side-pub-bas { margin: 0 auto; text-align: center; font-weight: 700; line-height: 1.75rem; }
.nav-gauche { text-align: left; padding-top: 4px; padding-bottom: 12px; }
.nav-gauche li { display: block; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; position: relative; }
.nav-gauche li a {  font-size: 0.8125rem; font-weight: 600; color: #ffffff; display: inline; height: 24px; }
@media screen and (min-width: 768px) and (max-width: 1023px) {
.rang4sidebar { width: 160px; margin: 0px 0px 0px 0px; padding: 0; }
.adsense-side { width: 160px; max-width: 160px; height: 600px; max-height: 600px; margin: 0 auto; padding: 0; }
.nav-gauche li { padding-top: 8px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px; }
.side-separ { width: 160px; }
.side-jaune { width: 160px; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.rang4sidebar { width: 120px; margin: 0px 0px 0px 0px; padding: 0; }
.adsense-side { width: 120px; max-width: 120px; height: 600px; max-height: 600px; margin: 0 auto; padding: 0; }
.nav-gauche li { padding-top: 6px; padding-right: 4px; padding-bottom: 6px; padding-left: 4px; }
.side-separ { width: 120px; }
.side-jaune { width: 120px; }
}
@media screen and (max-width: 479px) {
.rang4sidebar { display: none; }
.adsense-side { display: none; }
}

.rang4article { border-right: 8px solid #699fcb; }
@media screen and (min-width: 768px) and (max-width: 1023px) {
.rang4article { border-right: 4px solid #699fcb; }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
.rang4article { border-right: 2px solid #699fcb; }
}
@media screen and (max-width: 599px) {
.rang4article { border-right: 0px; }
}

.rang4article { margin: 0px 0px 0px 300px; background: #ffffff; }
.article { padding: 20px 40px 20px 40px; background: #ffffff; text-align: justify; }
@media screen and (min-width: 1024px) and (max-width: 1098px) {
.article { padding: 10px 30px 20px 30px; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.rang4article { margin: 0px 0px 0px 160px; }
.article { padding: 10px 17px 16px 17px; }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
.rang4article { margin: 0px 0px 0px 120px; }
.article { padding: 8px 10px 14px 10px; }
}
@media screen and (min-width: 480px) and (max-width: 599px) {
.rang4article { margin: 0px 0px 0px 120px; }
.article { padding: 6px 6px 8px 6px; }
}
@media screen and (max-width: 479px) {
.rang4article { margin: 0px 0px 0px 0px; }
.article { padding: 6px 8px 6px 8px; }
}

.entry-topic { display: block; min-height: 154px; margin-top: 8px; margin-bottom: 2px; padding-top: 0px; border-top-color: #6633cc; border-top-style: solid; border-top-width: 4px; text-align: left; }
.une-ligne1 { font-size: 76%; }
.une-typeart { background: #6633cc; color: #ffffff; text-align: right; text-transform: uppercase; font-size: 76%; font-weight: 700; float: right; padding-left: 0.125rem; padding-right: 0.125rem; }
.une-typeart a { color: #ffffff; }
.une-lien { background: #ffffff; font-size: 120%; font-weight: 700; }
.entry-image { border-right: 4px solid #6633cc; border-bottom: 4px solid #6633cc; border-left: 4px solid #6633cc; float: left; margin-bottom: 8px; margin-right: 12px; position: relative; max-width: 50%; height: auto; max-height: 150px; }
.entry-image:hover { border-right: 4px solid #ffcc00; border-left: 4px solid #ffcc00; }
@media screen and (min-width: 513px) and (max-width: 640px) {
.entry-topic { margin-top: 6px; border-top-width: 2px; border-top-color: #6633cc; margin-bottom: 2px; }
.entry-image { border-right: 2px solid #6633cc; border-bottom: 2px solid #6633cc; border-left: 2px solid #6633cc; }
.entry-image:hover { border-right: 2px solid #ffcc00; border-left: 2px solid #ffcc00; }
}
@media screen and (max-width: 512px) {
.entry-topic { margin-top: 4px; border-top-width: 2px; border-top-color: #6633cc; margin-bottom: 0px; }
.entry-image { border-right: 2px solid #6633cc; border-bottom: 2px solid #6633cc; border-left: 2px solid #6633cc; }
.entry-image:hover { border-right: 2px solid #ffcc00; border-left: 2px solid #ffcc00; }
}
@media screen and (max-width: 480px) {
.entry-topic { min-height: 144px; border-top-width: 2px; border-top-color: #6633cc; }
}

.image-gauche { border: 0.25rem solid #6633cc; border-radius: 0.5rem; float: left; margin-bottom: 0.625rem; margin-right: 1rem; position: relative; max-width: 100%; height: auto; }  
.image-droite { border: 0.25rem solid #6633cc; border-radius: 0.5rem; float: right; margin-bottom: 0.625rem; margin-left: 1rem; position: relative; max-width: 100%; height: auto; }
.image-centre { border: 0.25rem solid #6633cc; border-radius: 0.5rem; display: block; margin-top: 0.875rem; margin-right: auto; margin-bottom: 0.875rem; margin-left: auto; max-width: 100%; height: auto; }
@media screen and (min-width: 920px) and (max-width: 1023px) {
.image-gauche { border: 0.225rem solid #6633cc; max-width: 54%; }  
.image-droite { border: 0.225rem solid #6633cc; max-width: 54%; }
.image-centre { border: 0.225rem solid #6633cc; max-width: 82%; }
}
@media screen and (min-width: 768px) and (max-width: 919px) {
.image-gauche { border: 0.2rem solid #6633cc; max-width: 52%; }  
.image-droite { border: 0.2rem solid #6633cc; max-width: 52%; }
.image-centre { border: 0.2rem solid #6633cc; max-width: 80%; }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
.image-gauche { border: 0.1875rem solid #6633cc; max-width: 46%; }  
.image-droite { border: 0.1875rem solid #6633cc; max-width: 46%; }
.image-centre { border: 0.1875rem solid #6633cc; max-width: 84%; }
}
@media screen and (min-width: 480px) and (max-width: 599px) {
.image-gauche { border: 0.15rem solid #6633cc; max-width: 44%; }  
.image-droite { border: 0.15rem solid #6633cc; max-width: 44%; }
.image-centre { border: 0.15rem solid #6633cc; max-width: 80%; }
}
@media screen and (max-width: 479px) {
.image-gauche { border: 0.125rem solid #6633cc; display: block; margin: 0 auto; margin-bottom: 0.5rem; }  
.image-droite { border: 0.125rem solid #6633cc; display: block; margin-left: 0; margin-right: 0; margin-bottom: 0.5rem; }
.image-centre { border: 0.125rem solid #6633cc; max-width: 100%; }
}

.lapagination { margin: 0 auto; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.inlapagination { width: 312px; margin: 0 auto; }
.precedent-suivant li { display: inline-block; position: relative; }
.precedent-suivant li a { display: inline; margin-right: 0.5rem; margin-left: 0.5rem; }
    
.rang5largeur1 { width: 100%; height: 4px; margin:0 auto; padding: 0; background: #ffcc00; }
@media screen and (max-width: 599px) {
.rang5largeur1 { height: 2px; }
}

.rang6largeur1 { width: 100%; height: 36px; margin: 0 auto; padding: 0; background: #045209; }
.rang6largeur2 { width: 1080px; height: 36px; margin: 0 auto; padding: 0; }
.nav-down { text-align: center; }
.navdown a { color: #ffffff; height: 36px; line-height: 36px; }
.nav-down li { display: inline-block; padding-left: 24px; padding-right: 24px; position: relative; }
.nav-down li a {  font-size: 0.8125rem; font-weight: 600; color: #ffffff; display: inline; height: 36px; line-height: 36px; }
.rang6col1 { width: 36%; height: 36px; float:left; text-align: center; word-spacing: 3.5rem; line-height: 36px; font-size: 0.8125rem; font-weight: 600; }
.rang6col2 { width: 36%; height: 36px; float:left; text-align: center; word-spacing: 3.5rem; line-height: 36px; font-size: 0.8125rem; font-weight: 600; }
.rang6col3 { width: 28%; height: 36px; float:left; text-align: center; word-spacing: 3.5rem; line-height: 36px; font-size: 0.8125rem; font-weight: 600; }
@media screen and (min-width: 978px) and (max-width: 1098px) {
.rang6largeur2 { width: 960px; height: 36px; margin: 0 auto; padding: 0; }
}
@media screen and (min-width: 841px) and (max-width: 1023px) {
.rang6largeur2 { width: 800px; height: 36px; margin: 0 auto; padding: 0; }
.rang6col1 { word-spacing: 1.75rem; }
.rang6col2 { word-spacing: 1.75rem; }
.rang6col3 { word-spacing: 1.75rem; }
}
@media screen and (min-width: 600px) and (max-width: 840px) {
.rang6largeur2 { width: 580px; height: 36px; margin: 0 auto; padding: 0; }
.rang6col1 { word-spacing: 0.5rem; font-size: 0.75rem; }
.rang6col2 { word-spacing: 0.5rem; font-size: 0.75rem; }
.rang6col3 { word-spacing: 0.5rem; font-size: 0.75rem; }
}
@media screen and (max-width: 599px) {
.rang6largeur1 { width: 100%; height: 36px; margin: 0 auto; padding: 0; }
.rang6largeur2 { width: 312px; height: 36px; margin: 0 auto; padding: 0; }
.rang6col1 { width: 0%; display: none; }
.rang6col2 { width: 100%;  word-spacing: 1.5rem; }
.rang6col3 { width: 0%; display: none; }
.nav-down { display: none; }
}

/*  tables data */
.textegris { text-align: justify; }
.textegriscentre { text-align: center; }
.texteviolet { font-weight: 600; color: #6633cc; text-decoration: none; }
.textevioletcentre { font-weight: 600; color: #6633cc; text-decoration: none; text-align: center; }

/*  cookie consent script */
.dw_modal{ display: none; position: fixed; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: auto; background-color: rgb(255, 255, 255); }
.consentfullright { clear: right; }
.adroitetoute { float: right; }
.blocdroit { clear: both; }

@media screen and (min-width: 767px)  {
.consentcontainer { width: 660px; margin: auto; border: 0.75rem solid #6633cc; border-radius: 1.5rem; padding: 1.25rem; }
.consentwelcome { text-align: center; font-size: 2.5rem; font-weight: 600; padding: 0.25rem; }
.consentexplain { text-align: justify; font-size: 1.25rem; font-weight: 500; padding: 1.5rem; }
.consentok { width: 100%; background-color: #96cc1e; color: #ffffff; text-align: center; text-decoration: underline; font-size: 2rem; font-weight: 700; padding: 1.25rem; border: 0.125rem solid #045209; }
.consentmoreinfo { width: 100%; background-color: #e0e0e0; text-align: center; font-size: 1.25rem; font-weight: 600; color: #555555; padding: 1.125rem; border: 0.125rem solid #dddddd; }
.consentdetail { clear: both; text-align: justify; font-size: 1rem; font-weight: 500; padding: 1.5rem; }
.consenttype { text-align: left; float: left; max-width: 196px; font-size: 1.125rem; font-weight: 600; padding: 0.375rem; }
.consenttypeinfo { text-align: justify; font-size: 0.875rem; padding: 1.125rem; font-weight: 400; padding: 0.375rem; }
.consentokright { background-color: #96cc1e; color: #ffffff; text-align: right; font-size: 1.25rem; font-weight: 600; padding: 0.875rem; }
.consentagain { position: absolute; top: 0; left: 0; background-color: #ffffff; text-align: center; color: #000000; border: 3px solid #ff0000; font-size: 0.75rem; font-weight: 600; padding: 0.5rem; }
.lechoix { font-size: 1.25rem; font-weight: 600; padding: 0.875rem; }
}

@media screen and (min-width: 481px) and (max-width: 766px)  {
.consentcontainer { width: 424px; margin: auto; border: 0.5rem solid #6633cc; border-radius: 1rem; padding: 0.625rem; }
.consentwelcome { text-align: center; font-size: 1.5rem; font-weight: 600; padding: 0.25rem; }
.consentexplain { text-align: justify; font-size: 1rem; font-weight: 500; padding: 0.5rem; }
.consentok { width: 100%; background-color: #96cc1e; color: #ffffff; text-align: center; text-decoration: underline; font-size: 1.25rem; font-weight: 700; padding: 1rem; border: 0.125rem solid #045209; }
.consentmoreinfo { width: 100%; background-color: #e0e0e0; text-align: center; font-size: 1rem; font-weight: 600; color: #555555; padding: 1rem; border: 0.125rem solid #dddddd; }
.consentdetail { clear: both; text-align: justify; font-size: 1rem; font-weight: 500; padding: 1rem; }
.consenttype { text-align: left; float: left; max-width: 108px; font-size: 0.875rem; font-weight: 600; padding: 0.25rem; }
.consenttypeinfo { text-align: justify; font-size: 0.75rem; font-weight: 400; padding: 0.625rem; }
.consentokright { background-color: #96cc1e; color: #ffffff; text-align: right; font-size: 1.125rem; font-weight: 600; margin: 0.375rem; padding: 0.625rem; }
.consentagain { position: absolute; top: 0; left: 0; background: #ffffff; text-align: center; color: #000000; border: 3px solid #ff0000; font-size: 0.75rem; font-weight: 600; padding: 0.5rem; }
.lechoix { font-size: 1rem; font-weight: 600; padding: 0.5rem; }
}

@media screen and (max-width: 480px)  {
.consentcontainer { width: 304px; margin: auto; border: 0.375rem solid #6633cc; border-radius: 0.75rem; padding: 0.5rem; }
.consentwelcome { text-align: center; font-size: 1.5rem; font-weight: 600; padding: 0.75rem; }
.consentexplain { text-align: justify; font-size: 1rem; font-weight: 500; padding: 1rem; }
.consentok { width: 100%; background-color: #96cc1e; color: #ffffff; text-align: center; text-decoration: underline; font-size: 1.25rem; font-weight: 700; padding: 0.875rem; border: 0.125rem solid #045209; }
.consentmoreinfo { width: 100%; background-color: #e0e0e0; text-align: center; font-size: 1.125rem; font-weight: 600; color: #555555; padding: 1rem; border: 0.125rem solid #dddddd; }
.consentdetail { clear: both; text-align: justify; font-size: 0.75rem; font-weight: 500; padding: 1rem; }
.consenttype { text-align: left; float: left; max-width: 108px; font-size: 0.875rem; font-weight: 600; padding: 0.125rem; }
.consenttypeinfo { text-align: justify; font-size: 0.75rem; font-weight: 400; padding: 0.125rem; }
.consentokright {  clear: both; background-color: #96cc1e; color: #ffffff; text-align: right; font-size: 1rem; font-weight: 600; margin: 0.5rem; padding: 0.5rem; }
.consentagain { position: absolute; top: 0; left: 0; background: #ffffff; text-align: center; color: #000000; border: 3px solid #ff0000; font-size: 0.875rem; font-weight: 600; padding: 0.375rem; }
.lechoix { font-size: 1rem; font-weight: 600; padding: 0.375rem; }
}

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

/*  search fields */
.recherche { margin: 0 auto; padding: 0; }
.inrecherche { text-align: center; width: 312px; margin-top: 1rem; margin-right: auto; margin-bottom: 0.75rem; margin-left: auto; padding: 0; }

/* sharing zone */
.share-box { margin: 0 auto; padding: 0; }
.share-inbox { text-align: center; width: 316px; margin-top: 1rem; margin-right: auto; margin-bottom: 0.75rem; margin-left: auto; padding: 0; }
.share-link { display: inline; vertical-align: top; text-align: center; margin: 0 auto; padding-right: 0.25rem; padding-left: 0.25rem; }

/* advertisement down */
.pub-bas { margin: 0 auto; border: 4px solid #045209; padding: 0; background: #ffcc00; }
.pub-inbas { width: 336px; background: #eaddd4; text-align: center; margin: 0 auto; border-left: 4px solid #045209; border-right: 4px solid #045209; padding: 0; }
.adsense-down { width: 336px; max-width: 336px; margin: 0 auto; padding: 0; }
.adsense-down img iframe { width: 100%; height: 100%; }
@media screen and (max-width: 528px) {
.pub-inbas { width: 250px; }
.adsense-down { max-width: 250px; }
}

/* sidebar */
a.liensocialsidebar:link {color:#6633cc;text-decoration:none;}
a.liensocialsidebar:visited {color:#ffffff;text-decoration:none;}

/* questions */
.slide-holder {
    max-width: 46.25rem;
    margin: 0 auto;
    padding: 0;
}
.slide-main {
    position: relative;
}
.slide-main #brand {
    font-family: Charter,Georgia,Times,Serif;
    font-size: 1rem;
    line-height: 1.3;
    color: #00a4db;
}
.slide-main #brand {
    color: #000;
}
#brand {
    text-align: center;
    margin: .5rem 0;
}
.slide-main .question {
    font-family: Gliko-S,Georgia,Times,Serif;
    font-size: 1.375rem;
    line-height: 1.1;
}
.slide-main .question {
    color: #000;
    text-align: center;
    margin: .375rem 0 .25rem;
    padding: 0;
}
.slide-answers {
    display: flex;
    flex-wrap: wrap;
}
.slide-answers .answer {
    border: .188rem solid #00a4db;
}
.slide-answers .answer {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    border: .125rem solid #dadada;
    min-height: 3.125rem;
    width: 45%;
    flex-grow: 1;
    margin: .3125rem .25rem;
    position: relative;
    text-align: center;
    transition: all .3s ease-in-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slide-answers .answer:nth-of-type(1) .bar {
    right: 0;
}
.slide-answers .answer .bar {
    background-color: #e9e9e9;
}
.slide-answers .answer .bar {
    content: "";
    transition: width .3s ease,background-color .3s ease;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.slide-answers .answer .answer-text{
    color: #006b8f !important;
}

.slide-answers .answer .answer-text {
    font-size: .938rem;
    line-height: 1.125rem;
    color: #000;
    display: flex;
    word-break: break-word;
    box-sizing: border-box;
    height: 100%;
    min-height: 3.125rem;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5999996;
    transition: all .3s ease-in-out;
    padding: .3125rem;
}
.slide-answers .answer {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    border: .125rem solid #dadada;
    min-height: 3.125rem;
    width: 45%;
    flex-grow: 1;
    margin: .3125rem .25rem;
    position: relative;
    text-align: center;
    transition: all .3s ease-in-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slide-answers .answer {
    border: .188rem solid #00a4db;
}
.slide-answers .answer:nth-of-type(1) .bar {
    right: 0;
}
.slide-answers .answer.complete .bar {
    transition: width 1.3s ease,background-color 1.3s ease;
    z-index: 1;
}
 slide-answers .answer .bar {
    background-color: #e9e9e9;
}
.slide-answers .answer .bar {
    content: "";
    transition: width .3s ease,background-color .3s ease;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
}
	.slide-answers {
		display: flex;
		flex-wrap: wrap;

		.answer {
			@extend %embed-polls-answer-variation !optional;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			border: $border-thickness-thick solid palette( grey );
			min-height: 3.125rem;
			width: 45%;
			flex-grow: 1;
			margin: $margin-xxs $margin-xxxs;
			position: relative;
			text-align: center;
			transition: all 300ms ease-in-out;
			user-select: none;

			@include respond-to( $breakpoint-desktop ) {
				&:hover {
					cursor: pointer;
				}
			}

			&.complete {
				.bar {
					transition: width 1.3s ease, background-color 1.3s ease;
					z-index: $zLow;
				}

				&:nth-of-type(2) .bar {
					transition-delay: .2s;
				}
			}

			.bar {
				@extend %embed-polls-bar-variation !optional;
				content: "";
				transition: width .3s ease, background-color .3s ease;
				width: 0;
				position: absolute;
				top: 0;
				bottom: 0;
				z-index: $zLow;
			}

			&:nth-of-type(1) .bar {
				right: 0;
			}

			&:nth-of-type(2) .bar {
				left: 0;
			}

			&.complete:before {
				@extend %embed-polls-completion-percentage-variation !optional;
				font-size: 0.750rem;
				line-height: 1; //LHC - styling
				background-color: palette( black );
				color: palette( white );
				content: attr(data-percent)'%';
				font-weight: bold;
				position: absolute;
				right: 0.438rem;
				padding: 0.125rem 0.188rem;
				top: calc((100% - 1rem) / 2);
				border-radius: 0.188rem;
				z-index: $zMiddle;
			}

			&.complete:nth-child(2):before {
				left: 0.438rem;
				right: auto;
			}

			&:not(.complete):not(.touch):hover .bar {
				width: 100%;
			}

			.answer-text {
				@extend %embed-polls-answer-text-variation !optional;
				font-size: 0.938rem;
				line-height: 1.125rem; //LHC - styling
				color: palette( black );
				display: flex;
				word-break: break-word;
				box-sizing: border-box;
				height: 100%;
				min-height: 3.125rem;
				align-items: center;
				justify-content: center;
				position: relative;
				z-index: $zHeader;
				transition: all 300ms ease-in-out;
				padding: $margin-xxs;
			}
		}
	}
}

.answer-text {
	.complete.answer:nth-child(odd) & {
		padding: $margin-xxs 2.813rem $margin-xxs $margin-s;
	}

	.complete.answer:nth-child(even) & {
		padding: $margin-xxs $margin-s $margin-xxs 2.813rem;
	}
}
.slide-answers .answer.complete:before {
    background-color: #006b8f;
    padding: .3125rem;
    top: calc((100% - 1.375rem)/2);
}
.slide-answers .answer.complete:before {
    font-size: .75rem;
    line-height: 1;
    background-color: ##006b8f;
    color: #fff;
    content: attr(data-percent) "%";
    font-weight: 700;
    position: absolute;
    right: .438rem;
    padding: .125rem .188rem;
    top: calc((100% - 1rem)/2);
    border-radius: .188rem;
    z-index: 999;
}
.answer_percent{
    background-color: #006b8f;
    padding: .3125rem;
    top: calc((100% - 1.375rem)/2);	
    font-size: .75rem;
    line-height: 1;
    background-color: ##006b8f;
    color: #fff;
    content: attr(data-percent) "%";
    font-weight: 700;
    position: absolute;
    right: .438rem;
    padding: .125rem .188rem;
    top: calc((100% - 1rem)/2);
    border-radius: .188rem;
    z-index: 999;

}
.slide-answers .answer:nth-of-type(2) .bar {
    left: 0;
}
.answer_2_pad {
    padding: .3125rem .9375rem .3125rem 2.813rem !important;
}
.answer_1_pad{
	padding: .3125rem 2.813rem .3125rem .9375rem !important;
}