@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }
html, body { margin: 0; padding: 0; color: #000000; background-color: #000000; font-family: 'Raleway', Arial, serif; font-size: 15px; }

/******************** <STUFF> ********************/
h1 { font-size: 30px; color: #8f1d09; font-family: 'Raleway', Arial, serif; font-weight: bold; border-bottom: 1px solid rgba(143, 29, 9, 0.8); padding-bottom: 0px; margin-bottom: 30px; }
h2 { font-size: 20px; color: #8f1d09; clear: both; font-family: 'Raleway', Arial, serif; font-weight: bold; padding-bottom: 0px; margin-bottom: 20px; }
.plugin-twitter h2 { text-decoration: none; border: none; }
.plugin-twitter h2.titre { font-size: 24px; color: #8f1d09; clear: both; font-family: 'Raleway', Arial, serif; font-weight: bold; border-bottom: 1px solid rgba(143, 29, 9, 1); padding-bottom: 0px; margin-bottom: 20px; }
h3 { font-size: 20px; color: #000000; clear: both; font-family: 'Raleway', Arial, serif; font-weight: normal; /*border-bottom: 1px solid rgba(255, 141, 109, 0.8);*/ padding-bottom: 0px; margin-bottom: 20px; margin-top: 0px; padding-top: 0px; }
.bg-color-one h2 { font-size: 24px; color: #ffffff; clear: both; font-family: 'Raleway', Arial, serif; font-weight: bold; border-bottom: 1px solid rgba(255, 255, 255, 1); padding-bottom: 0px; margin-bottom: 20px; }
.no-underline-border { border: none; }
hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(31, 68, 77, 0.8); }
a { color: #8f1d09; text-decoration: underline; }
a:hover, a:focus { color: #000000; }
.div-error-form { font-weight: bold; color: #ff0000; border: 1px solid #ff0000; padding: 4px; margin: 0px; margin-top: 8px; }
.div-error-form > p { padding: 0px; margin: 0px; }
.div-success-form { font-weight: bold; color: #000000; border: 1px solid #000000; padding: 4px; margin: 0px; margin-top: 8px; }
.div-success-form > p { padding: 0px; margin: 0px; }
.list-moteurs { border-bottom: 1px solid #e4e4e4; margin-bottom: 15px; padding-bottom: 10px; }
.list-moteurs h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000000; }
.span-moteurs-stand { color: #000000; font-weight: bold; }
.back-to-top { cursor: pointer; position: fixed; bottom: 70px; right: 20px; display:none; background-color: #8f1d09; border-color: #ffffff; border-width: 1px; color: #ffffff; font-size: 18px; }
.back-to-top:hover,.back-to-top:focus,.back-to-top:active,.back-to-top.active { background-color: #ffffff; border-color: #8f1d09; border-width: 1px; color: #8f1d09; }
.go-to-bottom { cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; background-color: #8f1d09; border-color: #ffffff; border-width: 1px; color: #ffffff; font-size: 18px; }
.go-to-bottom:hover,.go-to-bottom:focus,.go-to-bottom:active,.go-to-bottom.active { background-color: #ffffff; border-color: #8f1d09; border-width: 1px; color: #8f1d09; }
.map-responsive { overflow:hidden; /*padding-bottom:56.25%;*/ position:relative; height:400px; width: 100%; }
.map-responsive iframe { left:0; top:0; height:400px; width:100%; position:absolute; }
/******************** </STUFF> ********************/

/******************** <HEADER> ********************/
.header-bandeau { /*min-height: 170px; background-image: url('../design/home/header-background-2018.png'); background-position: top center; background-repeat: no-repeat;*/ }
.header-bandeau a { color: #ffffff; }
.header-bandeau a:hover, a:focus { color: #8f1d09; }
.header-bandeau .btn-header { background-color: #8f1d09; border-color: #ffffff; color: #ffffff; text-decoration: none; }
.header-bandeau .btn-header:hover, .header-bandeau .btn-header:focus, .header-bandeau .btn-header:active, .header-bandeau .btn-header.active { background-color: #ffffff; border-color: #e6e6e6; text-decoration: none; }
.header-bandeau span.header-titre { font-size: 22px; font-family: 'Raleway', Arial, serif; font-weight: normal; padding: 0; margin: 0; border: 0; color: #ffffff; }
.header-bandeau span.header-titre-highlight { font-weight: normal; color: #8f1d09; font-weight: normal; }
/******************** </HEADER> ********************/

/******************** <FOOTER> ********************/
#footer-cms { color: #ffffff; }
#footer-cms h3 { color: #ffffff; margin-top: 0px; padding-top: 0px; }
#footer-cms a { color: #ffffff; text-decoration: underline; }
#footer-cms a:hover, #footer-cms a:focus { color: #8f1d09; }
/******************** </FOOTER> ********************/

/******************** <COLOR> ********************/
.bg-color-header { background-color: #000000; color: #ffffff; }
.bg-color-content { background-color: #ffffff; color: #000000; }
.bg-color-footer { background-color: #000000; color: #ffffff; }
.bg-color-white { background-color: #ffffff; color: #000000; }
.bg-color-gris-clair { background-color: #f2f2f2; color: #000000; }
.bg-color-gris-fonce { background-color: #d6d6d6; color: #000000; }
.bg-color-one { background-color: #8f1d09; color: #ffffff; }
.color-one { color: #8f1d09; }
.bg-color-two { background-color: #000000; color: #ffffff; }
.color-two { color: #000000; }
.bg-color-three { background-color: #000000; color: #ffffff; }
.color-three { color: #000000; }
/******************** </COLOR> ********************/

/******************** <MOTEURS> ********************/
.bg-color-search { background-color: #8f1d09; color: #ffffff; }
.bg-color-search h3 { color: #ffffff; }
.bg-color-search a { color: #ffffff; }
.bg-color-search hr { border: 0; height: 0; border-top: 1px solid rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(31, 68, 77, 0.8); }
.btn-search { background-color: #ffffff; border: 2px solid transparent; color: #8f1d09; font-size: 20px; text-decoration: none; }
.btn-search:hover,.btn-one:focus,.btn-one:active,.btn-one.active { background-color: #8f1d09; border: 2px solid #ffffff; color: #ffffff; text-decoration: none; } 
.filtre_alpha_actif { font-weight: bold; text-decoration: none; }
.filtre_alpha { text-decoration: none; }
.titre-moteur-small { font-weight: bold; color: #8f1d09; }
.titre-moteur-big { font-weight: bold; font-size: 16px; color: #8f1d09; }
.titre-moteur-small-reverse { font-weight: bold; color: #ffffff; }
.titre-moteur-big-reverse { font-weight: bold; font-size: 16px; color: #ffffff; }
.titre-titre-a { font-size: 20px; font-weight: normal; text-decoration: none; color: #000000; }
.titre-titre-a:hover, .titre-titre-a:focus { font-size: 20px; font-weight: normal; text-decoration: none; color: #000000; }
.trombinoscope-titre-small { font-weight: normal; }
.trombinoscope-titre-big { font-weight: bold; font-size: 16px; color: #8f1d09; }
.border-color-one { border: 1px solid #8f1d09; }
.border-color-two { border: 1px solid #000000; }
/******************** </MOTEURS> ********************/


/******************** <BUTTON> ********************/
.btn-one { background-color: #8f1d09; border: 2px solid transparent; color: #ffffff; font-size: 20px; text-decoration: none; }
.btn-one:hover,.btn-one:focus,.btn-one:active,.btn-one.active { background-color: #ffffff; border: 2px solid #8f1d09; color: #8f1d09; text-decoration: none; }
.btn-one-reverse { background-color: #ffffff; border: 2px solid transparent; color: #8f1d09; font-size: 20px; text-decoration: none; }
.btn-one-reverse:hover,.btn-one:focus,.btn-one:active,.btn-one.active { background-color: #8f1d09; border: 2px solid #ffffff; color: #ffffff; text-decoration: none; }
.btn-two { background-color: #000000; border: 2px solid transparent; color: #ffffff; font-size: 20px; text-decoration: none; }
.btn-two:hover,.btn-two:focus,.btn-two:active,.btn-two.active { background-color: #ffffff; border: 2px solid #000000; color: #000000; text-decoration: none; }
.btn-two-reverse { background-color: #ffffff; border: 2px solid transparent; color: #000000; font-size: 20px; text-decoration: none; }
.btn-two-reverse:hover,.btn-two:focus,.btn-two:active,.btn-two.active { background-color: #000000; border: 2px solid #ffffff; color: #ffffff; text-decoration: none; }
.btn-header { background-color: #000000; border: 2px solid transparent; color: #ffffff; font-size: 20px; text-decoration: none; }
.btn-header:hover,.btn-header:focus,.btn-header:active,.btn-header.active { background-color: #ffffff; border: 2px solid #000000; color: #000000; text-decoration: none; }
#footer-cms a.btn-footer { background-color: #ffffff; border: 1px solid #8f1d09; color: #8f1d09; font-size: 20px; text-decoration: none; }
#footer-cms a.btn-footer:hover, #footer-cms a.btn-footer:focus, #footer-cms a.btn-footer:active, #footer-cms a.btn-footer.active { background-color: #8f1d09; border: 1px solid #ffffff; color: #ffffff; text-decoration: none; }
/******************** </BUTTON> ********************/

/******************** <PAGINATION> ********************/
.pagination > li > a, .pagination > li > span { color: #8f1d09; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 3; color: #8f1d09; background-color: #eee; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #8f1d09; border-color: #000000; }
/******************** </PAGINATION> ********************/

/******************** <VIDEO> ********************/
.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%; }
.videowrap { width:100%; max-width: 640px; margin: 0 auto; }
/******************** </VIDEO> ********************/

/******************** <SPACING> ********************/
.no-plr { padding-right: 0px; padding-left: 0px; }
.mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .pt-10 { padding-top: 10px; } .pt-20 { padding-top: 20px; } .pt-30 { padding-top: 30px; } .pt-40 { padding-top: 40px; } .pb-10 { padding-bottom: 10px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; }
.left-border { border-left: 1px solid #000000; }
.right-border { border-right: 1px solid #000000; }
@media(max-width:1200px) { .left-border { border-left: 0; } .right-border { border-right: 0; } }
/******************** </SPACING> ********************/

/******************** </NAVBAR> ********************/
.navbar-default { background-color: #8f1d09; border-color: #119ccb; }
.navbar-default .navbar-brand { color: #ffffff; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #8f1d09; background-color: #119ccb; }
.navbar-default .navbar-text { color: #ffffff; }
.navbar-default .navbar-nav > li > a { color: #ffffff; text-decoration: none; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #8f1d09; background-color: #ffffff; text-decoration: none; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #8f1d09; background-color: #ffffff; text-decoration: none; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #8f1d09; background-color: #ffffff; text-decoration: none; }
.navbar-default .navbar-toggle { border-color: #ddd; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; }
.navbar-default .navbar-toggle .icon-bar { background-color: #888; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ffffff; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #8f1d09; background-color: #ffffff; text-decoration: none; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { text-decoration: none; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { text-decoration: none; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { text-decoration: none; }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { text-decoration: none; }
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; text-decoration: none; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #8f1d09; background-color: #ffffff; text-decoration: none; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #8f1d09; background-color: #ffffff; text-decoration: none; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #8f1d09; background-color: #ffffff; text-decoration: none; }
}
.navbar-default .navbar-link { color: #ffffff; }
.navbar-default .navbar-link:hover { color: #8f1d09; }
.navbar-default .btn-link { color: #ffffff; }
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #8f1d09; }
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #8f1d09; }
/******************** </NAVBAR> ********************/

/******************** <CAROUSEL> ********************/
.carousel-indicators { position: absolute; bottom: -40px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 5px; text-indent: -999px; cursor: pointer; background-color: #ffffff; border: 1px solid #000000; border-radius: 10px; }
.carousel-indicators .active { width: 10px; height: 10px; margin: 5px; background-color: #000000; }
@media screen and (min-width: 768px) { .carousel-indicators { bottom: -50px; } }
/******************** </CAROUSEL> ********************/