/* cmsms stylesheet: stylesVT modified: lundi 13 février 2023 15:01:05 */
/** ====================================================
   FONTS
====================================================== */

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) 2022 */
@font-face {
    font-family: 'space_monoregular';
    src: url('SpaceMono-Regular-webfont.eot');
    src: url('SpaceMono-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('SpaceMono-Regular-webfont.woff') format('woff'),
         url('SpaceMono-Regular-webfont.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'space_monobold';
    src: url('SpaceMono-Bold-webfont.eot');
    src: url('SpaceMono-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('SpaceMono-Bold-webfont.woff') format('woff'),
         url('SpaceMono-Bold-webfont.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;

}
/** ====================================================
   GLOBAL RESET
====================================================== */
*, html, body, iframe, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, table, th, td, audio, video { margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display:block; }
table { border-collapse:collapse; border-spacing:0; }
table td { vertical-align:top; }
iframe, fieldset, img, a img { border:0 none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; text-align:left; } 
h1, h2, h3, h5, h5, h6 { font-size:100%; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
nav ul { list-style:none }
ol, ul, li { list-style:none; }
ul { margin:0; padding:0; }
html>body * a { position:relative; }  /* Gets links displaying over a PNG background */
a { outline:none; } /* Gets rid of Firefox's dotted borders */
input, select { vertical-align:middle; }
ul { margin: 0; padding: 0;}
ul li { list-style-type: none; list-style-position: inside; margin:0.5em 0 0 0; }
/*ul li::before { content: '•'; padding-right: 8px; color: #E6238B; font-size:1.3em; }*/

/* ======================================================
   GENERIQUE
====================================================== */
html { width:100%; }
body { width:100%; font:1em/1.5em 'space_monoregular', arial,helvetica,sans-serif; color:#22001F; background-color: #F9C152; text-align:left; }

h1 { /*margin: 0.5em 1em 0.5em 4%;*/ margin-bottom:0.2em; max-width: 950px; font:normal 2.5em/1em 'space_monobold',arial,helvetica,sans-serif;  color: #F9C152; text-transform:uppercase; }
h2 { margin:1em 0 0 0; padding:0; text-transform: uppercase; font:normal 1.8em/1em 'space_monobold',arial,helvetica,sans-serif; color:#E6238B ; }
h3 { margin:0 0 0.3em 0; text-transform: uppercase;padding:0; font:normal 1.6em/1em 'space_monoregular',arial,helvetica,sans-serif; color: #F9C152; }
h4 { margin:1.5em 0 0.5em 0; font:normal 1.5em/1.2em 'space_monoregular',arial,helvetica,sans-serif; color: #E6238B;  }

a { color:#22001F; font-weight:normal; text-decoration-line:underline ; text-decoration-color:#F9C152; text-decoration-thickness: 3px; border:none; }
a:hover, a:focus, a:active { color:#22001F; font-weight:normal; text-decoration-style: dashed; text-decoration-color:#F9C152; text-decoration-thickness: 3px; border:none;  }
strong, b { font-weight:normal; font-family:'space_monoregular',arial,helvetica,sans-serif; }
em, i { font-style:italic; }
div{ width: 100%; height: auto; }
p { margin:0 0 1.5em; }
img { width:50%; margin:auto;/*border: 3px solid #679049; border-radius: 1em; -webkit-box-shadow: 0 0 15px 0px rgb(0,0,0,0.4); box-shadow: 0 0 15px 0px rgb(0,0,0,0.4);*/ }
a.logo img {width:100%; }
td { padding:2px 4px 2px 4px; font-family:'space_monoregular',arial,helvetica,sans-serif; font-size:0.8em; }
hr { display:block; margin:1em 0; padding:0; border:none; background-color:#000; color:#000; font-size:1px; height:1px; line-height:1px; }
iframe { width: 100%; height: auto; border: none; }

/* ======================================================
   CLASSES génériques
====================================================== */
.wrapper { position:relative; margin:0 auto; /*max-width:1280px;*/ text-align:center;}
.imgToLeft { float:left; margin: 0 0.5em 0.5em 0; width:auto; height:auto; max-width:40%; }
.imgToRight { float:right; margin: 0 0 0.5em 0.5em; width:auto; height:auto; max-width:40%; }
.imgToRightList { float:right; margin: 0 0 0.5em 0.5em; width:auto; height:auto; max-width:40%; }
.imgh1 { float:left; margin: 0 0.5em 0 0; width:auto; height:auto; max-height:1.3em; }
.imgLarge { width:auto; height:auto; max-width:100%; }
.invisible, .hidden { display:none; }
.smaller { font-size:0.8em; }
.caps { text-transform:uppercase; }
.msg, .error-msg { color: red; }
.transparent { zoom: 1; filter: alpha(opacity=90); opacity: 0.9; }
.clearing { clear:both; }
.clear-float { clear:both; }
.clear-fix:after { visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; }
.clear-fix { zoom:1; } /** IE 5.5/6/7 */

/* Formulaires */
form { margin:1.5em 0; }
form fieldset { margin: 1em auto; }
form legend { margin: 0.5em 0; font-size: 1.3em; color: #F9C152; }
form .contactform div { clear:both; margin:0.3em 0; max-width: 800px; }
form label { display:block; padding:0.3em 0; cursor:pointer; width:100%; max-width: 300px; }

form input[type='text'], form input[type='email'], form input[type='checkbox'], form input[type='password'], form textarea, form select { margin:0.5em 2em; padding:0.2em 0.5em; width:100%; max-width: 300px; font:1.0em/1.5em 'space_monobold',Arial,Helvetica,sans-serif; color:#E6238B; background-color:#eee; border:1px solid #E6238B;}
form input[type='checkbox'] { width: auto; margin:0.5em; color:#E6238B; background-color:#eeeeee; border:1px solid #E6238B;}
form input[type='text']:focus, form input[type='email']:focus,, form input[type='password']:focus, form textarea:focus, form select:focus { border-left-color:#E6238B; border-bottom-color:#F9C152; }
form textarea { height:10em; max-width: 680px; }

div.ck_0, div.ck_1, div.ck_2, div.ck_3, div.ck_4, div.ck_5 { clear: both; display:table;  width:100%; text-align:left; padding-left: 10%; }
div.ck_0 input[type="checkbox"], div.ck_1 input[type="checkbox"], div.ck_2 input[type="checkbox"], div.ck_3 input[type="checkbox"], div.ck_4 input[type="checkbox"], div.ck_5 input[type="checkbox"] { display:inline; float:none; padding:0.1em 1em; width:10%; text-align:right; }
div.ck_0 label, div.ck_1 label, div.ck_2 label, div.ck_3 label, div.ck_4 label, div.ck_5 label { float: none; display:inline; padding: 0.3em 0; width:90%; max-widht:350px; text-align:left; }

form input[type='submit'] { margin:1em 0 0 1em; padding:0.7em 1.5em; font-family:'space_monobold',Arial,Helvetica,sans-serif; font-size:1.2em; text-transform:uppercase; background-color:#F9C152; color:#fff; text-decoration:none; border: none; border-radius: 0.5em; -moz-box-shadow:1px 1px 5px 1px #ccc; -webkit-box-shadow:1px 1px 5px 1px #ccc; box-shadow:1px 1px 5px 1px #ccc; cursor:pointer; }
form input[type='submit']:hover, form input[type='submit']:focus { color:#fff; background-color:#F9C152; -moz-box-shadow:1px 1px 2px 1px #ccc; -webkit-box-shadow:1px 1px 2px 1px #ccc; box-shadow:1px 1px 2px 1px #ccc; }
.code-image { clear:both; margin:1em 0; }
.code-image label { display:block; float:none; margin-bottom:0.5em; width:80%; }
.code-image img { border:medium none; float:left; margin:0 1em 0 0; width:160px; border-radius:inherit; }
.code-image .form-field { height:50px; width:140px; text-align:center; letter-spacing:0.5em; text-transform:uppercase; }
#button { margin:1em 0; padding:0.5em 0.5em; font-family:'space_monobold',Arial,Helvetica,sans-serif; font-size:1em; text-transform:uppercase; background-color:#E6238B; color:#fff; text-decoration:none; border-radius: 0.5em; cursor:pointer; color:#FFFFFF; border-width: 4px; border-style: solid; border-color: #F9C152; }
#button:hover, #button:focus { background-color:#F9C152; border-color: #E6238B;}

/* ======================================================
   HEADER
====================================================== */
#header { width:100%; position: relative; margin: 0; z-index: 3; background-color:#E6238B; text-align:left; }
a.logo { display:block; margin: auto 0; padding:1em; width:60%; border-bottom:none; max-height:300px;}
a.logo img { margin-bottom:1em; min-width: 180px; border:none; box-shadow:none; max-width: 500px; }
.flex { max-width:100%; height:260px; margin:0 auto; background-image: url('persos.png'); background-repeat: no-repeat, no-repeat; background-position: right bottom; }
.flex div { text-align:left; }
.blk4 { margin: 2em 0; padding:0; line-height: 1.5em; }
.div4 { text-align:left; padding: 1em 0 0 0 ; }
.div3 { text-align:left; padding: 1em 0 0 0; }
.div2 { text-align:left; padding: 1em 0 0 0; }

/* ======================================================
   MAIN, CONTENT
====================================================== */
#main { width:100%; background-color: #FFFFFF; }
#main .wrappermain { position:relative; margin:0 auto; max-width:1280px; padding:2em 2em 4em 2em; text-align:center; }
/* bloc */
.blk { position: relative; text-align:left; background-color:#ffffff; margin:0; }
.blk #h1 { text-align:center; }
.blk-left { text-align:center; }
.blk-right { margin-top:3em; }
.item { margin-bottom: 1em; }
/* contenu */
.content { margin: 0 auto 3em; padding: 0 4%; max-width: 900px; }

/* ======================================================
   FOOTER
====================================================== */
#footer { position:relative; padding: 0 0 1.5em 0;  color: #FFF ;font-family:'space_monoregular',arial,helvetica,sans-serif; font-size:1.5em; /*-moz-box-shadow:  0 -8px 6px -6px rgba(0,0,0,0.5); -webkit-box-shadow:  0 -8px 6px -6px  rgba(0,0,0,0.5); box-shadow:  0 -8px 6px -6px rgba(0,0,0,0.5);*/ }
#footer .wrapper {  }
.blk-footer { margin: 0 auto; padding:0; max-width:1200px; }
#footer img { width:150px; height:auto;  }
#footer img { margin:1em auto; }
.footer { margin: 2em 0 0 0; padding:1em 0 0 1em;  text-align:center; font-size: 0.8em; }
.sponsors { background-color: #fff; padding: 1em 0; }
.soutien { margin: 1em 0; padding: 0 2em; }

/* ======================================================
   MENU
====================================================== */
nav { text-align: center;  background-color: #FFFFFF; }
#blk-menu { margin: 0 auto 0 auto;  width:100%; background-color: #fff;  z-index:11; padding:1em 0 0 0; }
/*#blk-menu { -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5); }*/
ul.menu li::before { content:none; }
.menu li { display:block; text-transform:uppercase; border-bottom: 5px solid #F9C152; }
.menu li a { text-decoration:none; }
.menu li:hover, .menu li:focus, .menu li:active { border-bottom: 5px solid #E6238B; }
.menu li a:hover, .menu li a:focus, .menu li a.active { color:#E6238B; text-decoration:none; /**/ }
.menu li a.current { color:#E6238B; border: none; text-decoration:none; }
#menu { font-size: 2.8em; line-height: 1em; font-family: 'space_monobold',arial,helvetica,sans-serif; }

/**=====================================================
   ECRANS petits / 2 colonnes
====================================================== */
@media (min-width:640px) {
  #header { text-align:center; }
  img { width:50%; margin:auto; }
  a.logo { width:50%; margin: 0 auto ;}
  .flex { height: 300px; }
  .blk { padding: 2em 0 0em 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-start; }
  .blk-right h1 { text-align:left; }
  .blk-left { flex:1; min-width:350px; }
  .blk-right { flex:2; margin: 0 0 0 2em;}
  .blk-1 { flex:1; margin: 0}
  .blk-3 { flex:3; margin: 0}
  .blk-3 h1 { text-align:left; }
  .photos img { float:left; width:30%; height:30%; margin:0 1% 1% 0; }
  form label { float:left; width: 180px; }
  form p.containCheckbox label { float: none; }
  form p.longlabel label { float: none; }
  form p.longlabel-smallfield label { width:90%; }
  #menu { font-size: 2.5em; }
  #button { margin:2em 0; padding:0.5em 1.5em; font-family:'space_monobold',Arial,Helvetica,sans-serif; font-size:1.5em; text-transform:uppercase; background-color:#E6238B; color:#fff; text-decoration:none; border-radius: 0.5em; cursor:pointer; color:#FFFFFF; border-width: 8px; border-style: solid; border-color: #F9C152; }
  .imgToLeft {max-width:30%; }
  .imgToRight { max-width:30%; }
  .imgToRightList { max-width:30%; }
  .footer { margin: 2em 0 0 0; padding:0 0 0 1em;  text-align:center;  font-size: 0.8em; }
  .infos {display:flex; align-items: stretch; justify-content: center;}
  .infos div { height:50px; justify-content: center; align-items: center; vertical-align: middle; }
  .copyright { flex:1; }
  .soutien { flex:2; margin:0; padding:0; }
  #footer .content { flex-direction: row; }
  #footer .content p { margin: 0 4%; flex-basis: 50%; align-self: center; }
  .sponsors { padding:0.2em; display:flex; flex-wrap: wrap; align-items: center; justify-content: space-around; }
  #footer .sponsors img { margin:1em; }
  #footer .sponsors img.carre { width:100px; }
  #footer .sponsors img.rect { width:300px; }
}

/**=====================================================
   ECRANS moyens
====================================================== */
@media (min-width:960px) {
  body { font-size:1em; line-height:1.5em; }
  #header { padding: 0;  min-height:250px;}
  #header .flex { text-align:right;  }
  img { width:100%; margin:auto; }
  a.logo { width:40%; }
  a.logo img { margin-bottom:0; }
.imgLarge { max-width:60%; }
.imgToRightList { max-width:20%; }
  nav { position: relative; width: 100%; }
  #blk-menu { display: block; position: relative; top:0; padding: 2em 1.5em 0 0; background-color: transparent; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
  .menu { position:relative; width:auto; }
  #menu { font-size: 2.5em; }
  .menu li { display:inline-block; padding: 0 0 0.2em 0; margin: 0 1em; }
  .menu li.current { border-bottom: 5px solid #E6238B;  }
  .menu li a { margin:0.2em 0.5em 0 0.2em; }
  .menu li a:hover, .menu li a:focus, .menu li a.active {   }
  .menu li a.current, .menu li a.current:hover, .menu li a.current:focus, .menu li a.current:active {   }
  .team-item { flex-basis: 31%; }
  .blk4 { font-size: 0.9em;  margin: 2em 0; padding:0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-start; }
  .div4 { flex:1; text-align:left;padding: 0 ;}
  .div3 { flex:1; text-align:left;padding: 0 4%;  }
  .div2 { flex:1; text-align:left;padding: 0 4% 0 0;  }
  .blk-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items:center; /*flex-wrap: wrap;*/ justify-content: space-between; }
form label { width:100%; max-width: 400px;}
form input[type='text'], form input[type='email'], form input[type='password'], form textarea, form select { width:100%; max-width: 400px;}
}

/**=====================================================
   ECRANS + grands
====================================================== */
/*@media (min-width:1280px) {
}*/