@charset "UTF-8";
/*!
Projet : Verbes irregulier anglais
Auteur : Amelie Jouineau
ddm: 2023/01/27
*/
/* ============================================
// Viewport
============================================ */
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
/* ============================================
// Grille css
============================================ */
.container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container:before, .container:after { content: " "; display: block; height: 0; }
.container:after { clear: both; }
@media (max-width:1259px) {
  .container { width: 100%; }
}
@media only screen and (min-width:1260px) {
  .container { width: 1240px; }
}
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container-fluid:before, .container-fluid:after { content: " "; display: block; height: 0; }
.container-fluid:after { clear: both; }
.row { margin-left: -10px; margin-right: -10px; }
.row:before, .row:after { content: " "; display: block; height: 0; }
.row:after { clear: both; }

.col-1,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-2,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-3,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-4,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-5,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-6,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-7,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-8,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-9,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-10,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-11,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-12,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{min-height:1px;padding-left:10px;padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float:left}.col-1{width:8.3333%}.col-2{width:16.6667%}.col-3{width:25%}.col-4{width:33.3333%}.col-5{width:41.6667%}.col-6{width:50%}.col-7{width:58.3333%}.col-8{width:66.6667%}.col-9{width:75%}.col-10{width:83.3333%}.col-11{width:91.6667%}.col-12{width:100%}.col-pull-0{right:auto}.col-pull-1{right:8.3333%}.col-pull-2{right:16.6667%}.col-pull-3{right:25%}.col-pull-4{right:33.3333%}.col-pull-5{right:41.6667%}.col-pull-6{right:50%}.col-pull-7{right:58.3333%}.col-pull-8{right:66.6667%}.col-pull-9{right:75%}.col-pull-10{right:83.3333%}.col-pull-11{right:91.6667%}.col-pull-12{right:100%}.col-push-0{left:auto}.col-push-1{left:8.3333%}.col-push-2{left:16.6667%}.col-push-3{left:25%}.col-push-4{left:33.3333%}.col-push-5{left:41.6667%}.col-push-6{left:50%}.col-push-7{left:58.3333%}.col-push-8{left:66.6667%}.col-push-9{left:75%}.col-push-10{left:83.3333%}.col-push-11{left:91.6667%}.col-push-12{left:100%}.col-offset-0{margin-left:0%}.col-offset-1{margin-left:8.3333%}.col-offset-2{margin-left:16.6667%}.col-offset-3{margin-left:25%}.col-offset-4{margin-left:33.3333%}.col-offset-5{margin-left:41.6667%}.col-offset-6{margin-left:50%}.col-offset-7{margin-left:58.3333%}.col-offset-8{margin-left:66.6667%}.col-offset-9{margin-left:75%}.col-offset-10{margin-left:83.3333%}.col-offset-11{margin-left:91.6667%}.col-offset-12{margin-left:100%}@media only screen and (max-width:767px){.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-1{width:8.3333%}.col-xs-2{width:16.6667%}.col-xs-3{width:25%}.col-xs-4{width:33.3333%}.col-xs-5{width:41.6667%}.col-xs-6{width:50%}.col-xs-7{width:58.3333%}.col-xs-8{width:66.6667%}.col-xs-9{width:75%}.col-xs-10{width:83.3333%}.col-xs-11{width:91.6667%}.col-xs-12{width:100%}.col-xs-pull-0{right:auto}.col-xs-pull-1{right:8.3333%}.col-xs-pull-2{right:16.6667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.3333%}.col-xs-pull-5{right:41.6667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.3333%}.col-xs-pull-8{right:66.6667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.3333%}.col-xs-pull-11{right:91.6667%}.col-xs-pull-12{right:100%}.col-xs-push-0{left:auto}.col-xs-push-1{left:8.3333%}.col-xs-push-2{left:16.6667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.3333%}.col-xs-push-5{left:41.6667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.3333%}.col-xs-push-8{left:66.6667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.3333%}.col-xs-push-11{left:91.6667%}.col-xs-push-12{left:100%}.col-xs-offset-0{margin-left:0%}.col-xs-offset-1{margin-left:8.3333%}.col-xs-offset-2{margin-left:16.6667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.3333%}.col-xs-offset-5{margin-left:41.6667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.3333%}.col-xs-offset-8{margin-left:66.6667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.3333%}.col-xs-offset-11{margin-left:91.6667%}.col-xs-offset-12{margin-left:100%}}@media (min-width:768px) and (max-width:989px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-1{width:8.3333%}.col-sm-2{width:16.6667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333%}.col-sm-5{width:41.6667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333%}.col-sm-8{width:66.6667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333%}.col-sm-11{width:91.6667%}.col-sm-12{width:100%}.col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.3333%}.col-sm-pull-2{right:16.6667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.3333%}.col-sm-pull-5{right:41.6667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.3333%}.col-sm-pull-8{right:66.6667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.3333%}.col-sm-pull-11{right:91.6667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.3333%}.col-sm-push-2{left:16.6667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.3333%}.col-sm-push-5{left:41.6667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.3333%}.col-sm-push-8{left:66.6667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.3333%}.col-sm-push-11{left:91.6667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0%}.col-sm-offset-1{margin-left:8.3333%}.col-sm-offset-2{margin-left:16.6667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.3333%}.col-sm-offset-5{margin-left:41.6667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.3333%}.col-sm-offset-8{margin-left:66.6667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.3333%}.col-sm-offset-11{margin-left:91.6667%}.col-sm-offset-12{margin-left:100%}}@media (min-width:990px) and (max-width:1259px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-1{width:8.3333%}.col-md-2{width:16.6667%}.col-md-3{width:25%}.col-md-4{width:33.3333%}.col-md-5{width:41.6667%}.col-md-6{width:50%}.col-md-7{width:58.3333%}.col-md-8{width:66.6667%}.col-md-9{width:75%}.col-md-10{width:83.3333%}.col-md-11{width:91.6667%}.col-md-12{width:100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.3333%}.col-md-pull-2{right:16.6667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.3333%}.col-md-pull-5{right:41.6667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.3333%}.col-md-pull-8{right:66.6667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.3333%}.col-md-pull-11{right:91.6667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.3333%}.col-md-push-2{left:16.6667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.3333%}.col-md-push-5{left:41.6667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.3333%}.col-md-push-8{left:66.6667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.3333%}.col-md-push-11{left:91.6667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0%}.col-md-offset-1{margin-left:8.3333%}.col-md-offset-2{margin-left:16.6667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.3333%}.col-md-offset-5{margin-left:41.6667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.3333%}.col-md-offset-8{margin-left:66.6667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.3333%}.col-md-offset-11{margin-left:91.6667%}.col-md-offset-12{margin-left:100%}}@media (min-width:1260px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-1{width:8.3333%}.col-lg-2{width:16.6667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333%}.col-lg-5{width:41.6667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333%}.col-lg-8{width:66.6667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333%}.col-lg-11{width:91.6667%}.col-lg-12{width:100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.3333%}.col-lg-pull-2{right:16.6667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.3333%}.col-lg-pull-5{right:41.6667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.3333%}.col-lg-pull-8{right:66.6667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.3333%}.col-lg-pull-11{right:91.6667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.3333%}.col-lg-push-2{left:16.6667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.3333%}.col-lg-push-5{left:41.6667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.3333%}.col-lg-push-8{left:66.6667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.3333%}.col-lg-push-11{left:91.6667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0%}.col-lg-offset-1{margin-left:8.3333%}.col-lg-offset-2{margin-left:16.6667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.3333%}.col-lg-offset-5{margin-left:41.6667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.3333%}.col-lg-offset-8{margin-left:66.6667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.3333%}.col-lg-offset-11{margin-left:91.6667%}.col-lg-offset-12{margin-left:100%}}
.hidden { display: none !important; visibility: hidden; }

.visible { display: block !important; visibility: visible; }

@media only screen and (max-width: 767px) { .visible-xs { display: block !important; visibility: visible; }
  table.visible-xs { display: table; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; }
  .visible-xs-block { display: block !important; visibility: visible; }
  .visible-xs-inline { display: inline !important; visibility: visible; }
  .visible-xs-inline-block { display: inline-block !important; visibility: visible; }
  .hidden-xs { display: none !important; visibility: hidden; } }
@media (min-width: 768px) and (max-width: 989px) { .visible-sm { display: block !important; visibility: visible; }
  table.visible-sm { display: table; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; }
  .visible-sm-block { display: block !important; visibility: visible; }
  .visible-sm-inline { display: inline !important; visibility: visible; }
  .visible-sm-inline-block { display: inline-block !important; visibility: visible; }
  .hidden-sm { display: none !important; visibility: hidden; } }
@media (min-width: 990px) and (max-width: 1259px) { .visible-md { display: block !important; visibility: visible; }
  table.visible-md { display: table; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; }
  .visible-md-block { display: block !important; visibility: visible; }
  .visible-md-inline { display: inline !important; visibility: visible; }
  .visible-md-inline-block { display: inline-block !important; visibility: visible; }
  .hidden-md { display: none !important; visibility: hidden; } }
@media (min-width: 1260px) { .visible-lg { display: block !important; visibility: visible; }
  table.visible-lg { display: table; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; }
  .visible-lg-block { display: block !important; visibility: visible; }
  .visible-lg-inline { display: inline !important; visibility: visible; }
  .visible-lg-inline-block { display: inline-block !important; visibility: visible; } }
/* ============================================
// html5 backwards-compatibility
============================================ */
section, article, header, footer, nav, aside, hgroup, details, figcaption, figure, menu, main, summary { display: block; }
html, body, div, span, object, iframe, h1, h2, .hotline .tel, h3, h4, h5, h6, p, a, strong, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; }
html { -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0; font-size: 1.2rem; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
body:not(:-moz-handler-blocked) audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background: transparent; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: visible; }
.ie9 svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; min-width: 0; }
legend { display: table; padding: 0; border: 0 none; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
body, h1, h2, .hotline .tel, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr { margin: 0; padding: 0; }
abbr[title], dfn[title] { cursor: help; }
u, ins { text-decoration: none; }
ins { border-bottom: 1px solid; }

/* ============================================
// Accessibility
============================================ */
/* Hide only visually, but have it available for screenreaders: h5bp.com/v  */
.visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* ============================================
// Reusable content
============================================ */
.pull-left { float: left; }
.pull-right { float: right; }
.t-center { text-align: center; }
.t-left { text-align: left; }
.t-right { text-align: right; }
.v_top { vertical-align: top; }
.clearboth { display: block; clear: both; height: 0; line-height: 0; }
.clearfix:after { content: ""; display: table; clear: both; }
.clear-left { clear: left; }

/* ============================================
// Global
============================================ */
body#master { background: #dfecec none; font-family: "Muli", Arial, "Helvetica", sans-serif; color: #1f3871; }

/* Prevent 300ms delay in IE on touch devices */
.container a, .container button { -ms-touch-action: manipulation; touch-action: manipulation; }

/* Disabled - class for anchor, state for form elements */
.container .button.disabled, .container .button:disabled { background: #ccc; cursor: not-allowed; opacity: .6; }
.container .button + .button { margin-left: 5px; }

img { max-width: 100%; height: auto; }

/* ============================================
// TYPOGRAPHY
============================================ */
@font-face { font-family: 'Muli'; src: url("fonts/muli-webfont.eot"); src: url("fonts/muli-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/muli-webfont.woff") format("woff"), url("fonts/muli-webfont.ttf") format("truetype"), url("fonts/muli-webfont.svg#Muli") format("svg"); font-weight: normal; font-style: normal; }
/* Headings */
h1 { background-color: transparent; margin: 0; padding: 30px 0 20px; color: #1f3871; font-family: "Muli", Arial, "Helvetica", sans-serif; font-weight: 400; font-size: 2.8rem; line-height: 3.2rem; }

h2 { position: relative; margin: 0; padding: 3rem 0 2rem; color: #1f3871; font-family: "Muli", Arial, "Helvetica", sans-serif; font-size: 2rem; line-height: 2.3rem; text-align: left; }

h3 { margin: 0; padding: 10px 0 15px; color: #000; font-family: "Muli", Arial, "Helvetica", sans-serif; font-size: 1.5rem; line-height: 1.8rem; font-weight: 700; text-align: left; }

/* Paragraphs */
p, ul, ol { margin: 0; padding: 0 0 15px; color: #1f3871; font-family: "Muli", Arial, "Helvetica", sans-serif; font-size: 1.4rem; line-height: 1.7rem; text-align: left; }
p.validation_msg{color: #c61a18; font-weight: 700}

ul { list-style: none; }

ul li { margin: 0; padding: 0 0 0 20px; text-indent: -5px; }
ul li:before { content: "-"; display: inline-block; padding-right: 5px; }

ol li { margin: 0 0 0 20px; padding: 0; }

p + ul { margin-top: -10px; }

/* Links */
a, a:link, a:visited, a:hover, a:focus, a:active { color: #dc0000; text-decoration: underline; }
a.link { font-size: 1.5rem; text-decoration: none; }

.accent{color: #1f3871;}

/* ============================================
// Header
============================================ */
header { position: relative; background: transparent url(images/bg_header.jpg) no-repeat center center; background-size: contain; height: 436px;}

/* ============================================
// Forms
============================================ */
fieldset { margin: 0; padding: 0; border: 0 none; }

label { display: inline-block; height: 4rem; margin: 0; padding: 1rem 10px; color: #1f3871; font-family: "Muli", Arial, "Helvetica", sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; text-transform: none; text-align: left; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

select, textarea, input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="color"] { background: #bbdfdf; display: block; width: 95%; height: 4rem; margin: 0 0 10px; padding: 5px 10px; color: #1f3871; font-family: "Muli", Arial, "Helvetica", sans-serif; font-size: 1.4rem; line-height: 2rem; text-align: left; border: 1px solid #bbdfdf; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
select:invalid, select:-moz-submit-invalid, select:-moz-ui-invalid, textarea:invalid, textarea:-moz-submit-invalid, textarea:-moz-ui-invalid, input[type=email]:invalid, input[type=email]:-moz-submit-invalid, input[type=email]:-moz-ui-invalid, input[type=search]:invalid, input[type=search]:-moz-submit-invalid, input[type=search]:-moz-ui-invalid, input[type=number]:invalid, input[type=number]:-moz-submit-invalid, input[type=number]:-moz-ui-invalid, input[type=password]:invalid, input[type=password]:-moz-submit-invalid, input[type=password]:-moz-ui-invalid, input[type=tel]:invalid, input[type=tel]:-moz-submit-invalid, input[type=tel]:-moz-ui-invalid, input[type=text]:invalid, input[type=text]:-moz-submit-invalid, input[type=text]:-moz-ui-invalid, input[type=url]:invalid, input[type=url]:-moz-submit-invalid, input[type=url]:-moz-ui-invalid, input[type="datetime"]:invalid, input[type="datetime"]:-moz-submit-invalid, input[type="datetime"]:-moz-ui-invalid, input[type="datetime-local"]:invalid, input[type="datetime-local"]:-moz-submit-invalid, input[type="datetime-local"]:-moz-ui-invalid, input[type="date"]:invalid, input[type="date"]:-moz-submit-invalid, input[type="date"]:-moz-ui-invalid, input[type="month"]:invalid, input[type="month"]:-moz-submit-invalid, input[type="month"]:-moz-ui-invalid, input[type="time"]:invalid, input[type="time"]:-moz-submit-invalid, input[type="time"]:-moz-ui-invalid, input[type="week"]:invalid, input[type="week"]:-moz-submit-invalid, input[type="week"]:-moz-ui-invalid, input[type="color"]:invalid, input[type="color"]:-moz-submit-invalid, input[type="color"]:-moz-ui-invalid { -webkit-box-shadow: none; box-shadow: none; }
select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder { color: #1f3871; font-family: "Muli", Arial, "Helvetica", sans-serif; font-size: 1.4rem; line-height: 4rem; }
select:-moz-placeholder, textarea:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=url]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="color"]:-moz-placeholder { color: #1f3871; font-family: "Muli", Arial, "Helvetica", sans-serif; font-size: 1.4rem; line-height: 4rem; }
select::-moz-placeholder, textarea::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="color"]::-moz-placeholder { color: #1f3871; font-family: "Muli", Arial, "Helvetica", sans-serif; font-size: 1.4rem; line-height: 4rem; }
select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder { color: #1f3871; font-family: "Muli", Arial, "Helvetica", sans-serif; font-size: 1.4rem; line-height: 4rem; }
select:focus, textarea:focus, input[type=email]:focus, input[type=search]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="color"]:focus { outline: 0 none; outline-offset: 0; border-color: #1f3871; }

input[type="checkbox"], input[type="radio"] { float: left; margin-top: 1.4rem; margin-right: 10px; }
input[type="checkbox"] + label, input[type="radio"] + label { display: block; float: left; width: 90%; height: auto; padding-left: 0; line-height: 1.6rem; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 50px 50px #bbdfdf inset; box-shadow: 0 0 50px 50px #bbdfdf inset; }

/* Buttons */
.bt, button {  display: inline-block; margin: 0; padding: 0 0 0 30px; font-family: "Muli", sans-serif; font-size: 1.6rem; line-height: 3rem; text-transform: none; border: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bt, .bt:link, .bt:visited, .bt:hover, .bt:focus, .bt:active, button, button:link, button:visited, button:hover, button:focus, button:active { color: #1f3871; text-decoration: none; }
.bt:hover, .bt:focus, .bt:active, button:hover, button:focus, button:active { color: #dc0000; cursor: pointer; -webkit-transition: ease-in 0.3s; -moz-transition: ease-in 0.3s; transition: ease-in 0.3s; }
.bt.submit, button.submit { background: #1f3871 none; display: block; margin: 20px 0 0; padding:5px 15px; color: #fff; text-align: center; border-radius: 20px;}
.bt.submit:focus, button.submit:focus { outline: 0 none; outline-offset: 0; }
.bt.submit:hover, .bt.submit:focus, .bt.submit:active, button.submit:hover, button.submit:focus, button.submit:active { cursor: pointer; -webkit-transition: ease-in 0.3s; -moz-transition: ease-in 0.3s; transition: ease-in 0.3s; box-shadow: 0 3px 0px 0px rgb(31,56,113)}
.bt.submit[disabled], button.submit[disabled] { color: #1f3871; cursor: not-allowed; }
.bt.link, button.link { background: #1f3871 none; display: block; margin: 0 0 10px; padding:10px 15px; color: #fff; line-height: 2rem; text-align: center; border-radius: 20px; border:1px solid #1f3871}
.bt.link:focus, button.link:focus { outline: 0 none; outline-offset: 0; }
.bt.link:hover, .bt.link:focus, .bt.link:active, button.link:hover, button.link:focus, button.link:active { cursor: pointer; -webkit-transition: ease-in 0.3s; -moz-transition: ease-in 0.3s; transition: ease-in 0.3s;}
.bt.link.selected{background: #fff none; color: #1f3871;}

/* ============================================
// Home Page
============================================ */
#main_content{padding-bottom: 30px;}

a.edit_musee{display: inline-block; padding: 10px 0; color: #1f3871; font-weight: 700; text-decoration: none;}

.form{background-color: #fff; margin-top: 25px; padding: 15px 10px; color:#1f3871; font-size: 1.4rem; line-height: 1.7rem; border-radius: 20px; box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.3)}
.legende{display: inline-block; padding-bottom: 10px; color: #1f3871; font-weight: 700}

.liste_verbes{padding: 20px 0; display: flex; flex-wrap: wrap; align-items: stretch;}
.item_verbe{ position: relative; padding:10px 15px; color:#c61a18; font-size: 1.4rem; text-align: center; width: 25%; border:10px solid transparent; box-sizing:border-box; }
  .item_verbe:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.3); border-radius: 20px;}
  .item_verbe .image, .item_verbe .infinitif, .item_verbe .traduction, .item_verbe .audio{position: relative; z-index: 10}
  .item_verbe .image{display: block; background: #fff no-repeat center center; background-size: contain; height: 200px}
  .item_verbe .infinitif{padding-top: 10px; padding-bottom: 10px}
  /*.item_verbe .traduction{padding-bottom: 10px}*/
  .item_verbe audio{max-width: 100%}
  .texte_audio{display: none}
.edit_verbes .item_verbe{position: relative; padding: 0px 10px 0px 50px; font-size: 1.2rem; text-align: left; border-width: 5px}
  .edit_verbes .item_verbe input{position: absolute; top: 0px; left: 10px; width: 25px; height: 25px}

#form_login{background:#fff; padding:10px 15px;; box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.3); border-radius: 20px;}


@media only screen and (max-width: 767px) {
  header{background-image: url(images/bg_header_xs.jpg); height: 110px;}
  .item_verbe{width: 50%}
  .edit_verbes .item_verbe{width: 100%}
}