@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;700&display=swap');

html,body{min-height:100%;}
body {background-color:#2A1B32; background:linear-gradient(170deg, #2A1B32 0%, #232F7C 100%); color:#FDDFB1;}
html, body, td {font-family: 'Comfortaa', sans-serif !important;}
.top {height:84px;padding:5px 2%;background-color: rgba(255,255,255,0.3);}
.top img.logo {height:50px;margin:15px 10px 0px 10px;}
.top .logotext {display:inline-block;margin-top:23px;max-width:25%;}
.top ul {max-width:45%;text-align:right;padding:0;margin;0;display:inline-block;float:right;padding-top:0px;}
.top ul li {list-style:none;display:inline-block;float:left;padding:2px 12px;font-style:italic;/*border-left:1px solid rgba(255,255,255,0.2);*/}
.top ul li a {color:#ccc;padding-left:0px;}
.topflag {display:inline-block;margin:4px;padding:0px 6px !important;background-color:#000;border-radius:2px;}
.content {clear:both;border-top:1px solid rgba(255,255,255,0.2);padding:10px;}
a {color:#FFF;}
.bottomline {display:none;}
.newschapeau {color:#eee !important;text-align:center !important;}

a.somm:hover {text-decoration:none;}
a.somm h2,a.somm h3 {color:#FDDFB1;}

a.back {position:absolute;top:-24px;left:0;height:24px;padding:4px 16px;border-radius:4px 4px 0px 0px;box-sizing:border-box;background-color:rgba(255,255,255,0.1);}

.whitebg img {max-width:70% !important;}
.whitebg img[align=right] {margin-right:-3em;}

.bigzone { min-height:512px;overflow:hidden;position:relative;clear:both;margin:16px -10px -16px -10px;text-align:left;padding:0px 26px; background-color:rgba(255,255,255,0.2);}
.bigzone h2 {display:inline-block;padding-top:40px;font-size:200%;color:#FFF;text-align:right;min-width:50%;margin-bottom: 0;}
.bigzone h3 {display:inline-block;padding:0px;margin:0px;font-weight:normal;font-size:130%;color:#FFF;text-align:left;margin-left:10%;max-width:300px;min-width:50%;}
.bigzone p,.bigzone div {margin-left:10%;max-width:300px;text-align:justify;min-width:40%;}
.bigzone img {float:right; margin:0px -26px 0px 26px;max-width:40% !important;}

.bigzone2 { min-height:512px;overflow:hidden;position:relative;clear:both;margin:16px -10px -16px -10px;text-align:right;padding:0px 26px; background-color:rgba(255,255,255,0.05);}
.bigzone2 h2 {display:inline-block;padding-top:40px;font-size:200%;color:#FFF;text-align:left;min-width:50%;}
.bigzone2 h3 {display:inline-block;padding:0px;margin:0px;font-weight:normal;font-size:130%;color:#FFF;text-align:left;margin-left:10%;max-width:300px;min-width:50%;}
.bigzone2 p,.bigzone2 div {margin-left:50%;max-width:300px;text-align:justify;min-width:30%;}
.bigzone2 img {float:left; margin:0px 26px 0px -26px;max-width:40% !important;}

@media screen and (max-width: 800px) {
.bigzone2 p,.bigzone2 div {margin-left:10%;max-width:300px;text-align:justify;min-width:30%;}
}

.carte {background-image:url(img/versodore.jpg);background-size:cover;background-position: center;border-radius:8px;width:140px;height:254px;margin: 0px 4px 4px 0px;display:inline-block;float:left;padding:12px;overflow:hidden;text-align:center;color:#fff;text-shadow: 0px 0px 0px rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.5), -1px -1px 1px rgba(0,0,0,0.2), 1px -1px 1px rgba(0,0,0,0.2), -1px 1px 1px rgba(0,0,0,0.2) !important;}
.carte_seule { margin:16px;}
.carte_512 { width:280px;height:508px;}
.carte_cab {background-color:rgba(255,255,255,0.9); color:#444;font-size:90%;font-style:italic;padding:16px;border-radius:16px;}
.carte_introduction {text-align:left;}
.carte_titre {color:#FFF;text-shadow: 0px 0px 0px rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.5), -1px -1px 1px rgba(0,0,0,0.2), 1px -1px 1px rgba(0,0,0,0.2), -1px 1px 1px rgba(0,0,0,0.2) !important;}

div.video {background-color:#000;padding:5% 100px;margin:5% -100px;text-align:center;}

.question_type_list {display:inline-block !important;color:#000;border-radius:6px;}

.codeinvit {color:#fff;background-color:rgba(255,255,255,0.05);padding:4px;font-size:90%;margin:-2%;}

a.button {background-color:#fff !important;padding:8px !important;}