@font-face{
    font-family: ExoBold;
    src: url('Exo-Bold.ttf');

}
@font-face{
    font-family:Roboto-Light ;
    src: url('Roboto-Light.ttf');
}
#content_db_menu_mobile{
    display: none;
}
.db_menu_list li {
    border-bottom: 1px double white;
    color: #000000!important;
    font-size: 18px;
    font-weight: bold;
    line-height: 65.7px;
    position: relative;
    text-transform: uppercase;
    height: 65.7px;
    text-align: center;
}
.db_menu_list li a{
    font-family: Robotolight!important;
}
/* .col-md-9{
    padding: 0!important;
} */
.db_menu_list {
    list-style: none;
    position: relative;
    /* width: 329px; */
    width: 111%;
    float: left;
    background-color: #e7ebec;
}
#cmsinfo_block > div {
    padding: 35px 0px 0 0;
}
#cmsinfo_block {
    border-left: 0px solid #d9d9d9;
}
#facebook_block, #cmsinfo_block {
    overflow: hidden;
    min-height: 340px;
    padding-right: 0px;
    padding-left: 0px;
}
#cmsinfo_block h3 {
    margin: 0 0 5px 0;
    font-size: 29px;
    font-family: ExoBold;
    color: #014da1;
}
/* .db_menu_list li:hover {
    background-color: #000000;

} */
/* .db_menu_list a:hover{
    color: #ffff!important;
} */
.db_menu_list a {
    color: #000000!important;
    text-decoration: none;
}

.block_newsletter{
    width: 91%;
    max-width: 91%;
}
.footer-container{
    background-color: #1F1B36;
}
#blockEmailSubscription_displayFooterAfter {
    background: none;
}
#block-newsletter-label, .linkitem a {
    color: white!important;
    font-size: 15px;
    font-weight: bold;
}
.footer-container li a {
    color: white!important;
}
p.text-sm-center {
    display: none;
}
.block_newsletter form input[type="email"] {
    background-color: #0F112E;
    border: none!important;
}
input.btn.btn-primary.float-xs-right.hidden-xs-down {
    background-color: #000000!important;
    border-color: none!important;
}

.block_newsletter form input{
    height:30px!important;
}
.block_newsletter form .row .col-xs-12:first-of-type .btn-primary:first-of-type{
    margin-left:0px!important;
    font-size: 11px;
}
#emailsubmit {
    width: 293px;
    margin-left: -80px;
}

/* menu qui sommes nous */
.menu_bott_drapeau ul {
    display: flex;
    margin: 0;
    padding: 0;
}
.menu_bott_drapeau ul li{
    float: left;
    margin-top: 16px;
    margin-right: 7px!important;
    text-align: center;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border: 1px solid #CCC;
    padding: 9px;
    border-radius: 4px;
}
.page-content.page-cms ul {
    list-style: none;
}
.db_list_selected{
    background-color:black!important;
}
.db_menu_list li.db_list_selected a, input::placeholder{
    color: #ffffff!important;
    font-weight: bold;
}
.block_newsletter {
    width: 100%!important;
    max-width: 100%!important;
}
#content .menu_bott_drapeau ul li a{
    font-family: RobotoLight;
    color: #000000;
    text-decoration: none;
    font-size: 16px;
}
#center_column .rte h1{
    font-family: 'ExoBold';
    font-weight: 500;
    font-size: 29px;
    color:#014DA1;
}

/* menu qui sommes nous */
/* azgallery */
.gallery_list li{
    width: 238px!important;
}
#page_navigation {
    text-align: center;
    margin: 25px 0;
}
@media (min-width: 769px){
#page_navigation .page_link {
    padding: 8px 5px 8px 5px;
    border: 1px double #CCCCCC;
    margin: 5px;
}
}
@media (min-width: 769px){
#page_navigation a {
    color: #000;
    font-family: 'Roboto Light',sans-serif;
}
}
@media (min-width: 769px){
.page_link.active_page {
    background: #CCCCCC;
}
}
@media (min-width: 769px){
.modal {
    display: none;
    position: fixed;
    z-index: 999;
    padding: 50px 0;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    background-color: rgba(0,0,0,.8);
    overflow: auto;
}
}
@media (min-width: 769px){
#myModal .close, #myModal .close:hover {
    color: white;
    position: absolute;
    z-index: 99;
    top: 60px;
    right: 16%;
    background: rgba(0,0,0,.8);
    border: solid 2px #fff;
    opacity: 1;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
}
}
@media (min-width: 769px){
.modal {
    display: none;
    position: fixed;
    z-index: 999;
    padding: 50px 0;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    background-color: rgba(0,0,0,.8);
    overflow: auto;
}
}
@media (min-width: 769px){
.modal-content {
    position: relative;
    background-color: transparent;
    margin: auto;
    padding: 0;
    width: 70%;
}
}
@media (min-width: 769px){
.mySlides .test {
    text-align: center;
    background: #000;
    width: 70%;
    margin: auto;
    border-radius: 20px;
    margin-top: 20px;
    padding: 5px;
}
}
@media (min-width: 769px){
.modal {
    right: 0;
    bottom: 0;
    outline: 0;
}
}
#content-1 {
    padding: 10px 50px;
    background-color: transparent;
    width: 100%;
}
.mTSWrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}
/* debut fanions carroussel*/
/* .mTS_horizontal .mTSThumbContainer, .mTS_horizontal ul.mTSContainer > li {
    float: left;
}
.mTS-buttons-out .mTS_horizontal .mTSThumbContainer {
    margin: 0 3px;
}
.mTS-buttons-out .mTS_horizontal .mTSThumbContainer:first-child {
    margin-left: 0;
}
ul.mTSContainer, ol.mTSContainer {
    list-style: none;
}
img.mTSThumb {
    width: 248px;
    border: 1px double #cccccc;
}
.mTSThumb, ul.mTSContainer > li img {
    vertical-align: bottom;
}
#cms #center_column img {
    margin: 4px 6px 16px;
    max-width: 100%;
    height: auto;
} */
/* .mTSButton {
    overflow: hidden;
    text-align: center;
    color: #fff;
    display: inline-block;
    position: absolute;
    opacity: 1;
    transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
}
.mTSButtonRight {
    left: auto;
    right: 0;
}
.mTSButtonLeft, .mTSButtonRight {
    top: 9%;
    margin-top: -24px;
}
.mTS-buttons-out .mTSButton {
    background-color: transparent;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 6px;
    margin-left: -78px;
} */
/*
== jquery thumbnail/image scroller ==
Plugin URI: http://manos.malihu.gr/jquery-thumbnail-scroller/
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. SCROLLING BUTTONS STYLE - buttons size, background, color, positioning etc.
	3. THUMBNAILS STYLE - basic thumbnails CSS.
	4. THEMES - Scroller colors, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mTSButtonLeft, .mTSButtonRight {
    top: 9%!important;
    margin-top: -24px;
}
.mThumbnailScroller{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mThumbnailScroller.mTS_no_scroll{ -ms-touch-action: auto; touch-action: auto; }

.mTSWrapper{
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mTSContainer{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.mTSContainer, ol.mTSContainer{ list-style: none; }

.mTSThumb,
ul.mTSContainer > li img{ vertical-align: bottom; }

.mTS_vertical .mTSContainer{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mTS_horizontal .mTSContainer{
    margin-left: 0 !important;
    margin-right: 0 !important;
}



/*
------------------------------------------------------------------------------------------------------------------------
2. SCROLLING BUTTONS STYLE
------------------------------------------------------------------------------------------------------------------------
*/

.mTSButton{
    /* button size (if changed, also change the buttons top and left margins below) */
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 14px;
    /* ---------- */
    overflow: hidden;
    text-align: center;
    background-color: #000; /* button background */
    color: #fff; /* non-svg button icon color */
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    /* show button effect (fades-in button from zero size) */
    opacity: 1;
    -webkit-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
    -moz-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
    -o-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
    -ms-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
    transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
    /* ---------- */
}

/* buttons positioning */

.mTSButtonDown{
    top: auto;
    bottom: 0;
}

.mTSButtonRight{
    left: auto;
    right: 0;
}

.mTSButtonUp,
.mTSButtonDown{ /* margin is half the button size */
    left: 50%;
    margin-left: -24px;
}

.mTSButtonLeft,
.mTSButtonRight{ /* margin is half the button size */
    top: 50%;
    margin-top: -24px;
}

.mTSButtonIconContainer{
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
}

.mTSButtonIcon{ /* SVG icon */
    display: inline-block;
    fill: #fff; /* button icon color */
    position: absolute;
    top: 0;
    left: 0;
}

.mTSButton.mTS-hidden{
    /* hide button effect (fades-out button to zero size) */
    opacity: 0;
    height: 0;
    width: 0;
    padding: 0;
    -webkit-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out;
    -moz-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out;
    -o-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out;
    -ms-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out;
    transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out;
    /* ---------- */
}



/*
------------------------------------------------------------------------------------------------------------------------
3. THUMBNAILS STYLE
------------------------------------------------------------------------------------------------------------------------
*/

/* thumbnail container (default: li) */

.mTS_horizontal .mTSThumbContainer,
.mTS_horizontal ul.mTSContainer > li{ float: left; }



/*
------------------------------------------------------------------------------------------------------------------------
4. THEMES
------------------------------------------------------------------------------------------------------------------------
*/

/* theme: "buttons-in" */

.mTS-buttons-in{
    padding: 14px;
    background-color: #000;
}

.mTS-buttons-in .mTSButtonIcon{ fill: #fff; }

.mTS-buttons-in .mTSWrapper,
.mTS-buttons-in .mTSButton{ background-color: inherit; }

.mTS-buttons-in .mTSButtonLeft,
.mTS-buttons-in .mTSButtonRight{
    width: 24px;
    height: 48px;
    padding: 24px 4px 0 4px;
    margin-top: -36px;
}

.mTS-buttons-in .mTSButtonUp,
.mTS-buttons-in .mTSButtonDown{
    width: 24px;
    height: 24px;
    padding: 4px 24px;
    margin-left: -36px;
}

.mTS-buttons-in .mTSButton.mTS-hidden{
    height: 0;
    width: 0;
    padding: 0;
}

.mTS-buttons-in .mTSButton:not(.mTS-hidden){ opacity: .4; }

.mTS-buttons-in:hover .mTSButton:not(.mTS-hidden){ opacity: 1; }

.mTS-buttons-in .mTS_vertical .mTSThumbContainer{ margin: 14px 0; }

.mTS-buttons-in .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 0; }

.mTS-buttons-in .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 0; }

.mTS-buttons-in .mTS_horizontal .mTSThumbContainer{ margin: 0 7px; }

.mTS-buttons-in .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 0; }

.mTS-buttons-in .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 0; }

/* ---------------------------------------- */



/* theme: "buttons-out" */

.mTS-buttons-out{
    padding: 6px;
    background: #000;
}

.mTS-buttons-out .mTSButtonIcon{ fill: #000; }

.mTS-buttons-out .mTSButton{
    background-color: transparent;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 6px;
}

.mTS-buttons-out .mTSButton.mTS-hidden{
    height: 0;
    width: 0;
    padding: 0;
}

.mTS-buttons-out .mTS_vertical .mTSThumbContainer{ margin: 6px 0; }

.mTS-buttons-out .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 0; }

.mTS-buttons-out .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 0; }

.mTS-buttons-out .mTS_horizontal .mTSThumbContainer{ margin: 0 3px; }

.mTS-buttons-out .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 0; }

.mTS-buttons-out .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 0; }

/* ---------------------------------------- */



/* theme: "hover-full" */

.mTS-hover-full{
    padding: 8px;
    background: rgba(0,0,0,.2);
}

.mTS-hover-full .mTS_vertical .mTSThumbContainer{ margin: 8px 0; }

.mTS-hover-full .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 40px; }

.mTS-hover-full .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 40px; }

.mTS-hover-full .mTS_horizontal .mTSThumbContainer{ margin: 0 4px; }

.mTS-hover-full .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 40px; }

.mTS-hover-full .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 40px; }

/* ---------------------------------------- */
.mTSButtonIconContainer {
    display: none !important;
}
img.mTSThumb {
    width: 248px;
    border: 1px double #cccccc;
}
.content li{ margin: 0 4px; }
.content li a{
    display: block;
    border: 7px solid rgba(255,255,255,.1);
}
#content-1{
    padding: 10px 50px;
    background-color: transparent;
    width: 100%;
}
#content-1 .mTSButtonIcon{ fill: #aaa; }
#content-1 .mTSButton .mTSButtonIcon{ opacity: .5; }
#content-1 .mTSButton:hover .mTSButtonIcon{ opacity: 1; }

#mTS_1_buttonRight {
    background-image: url(https://www.drapeau-brode.fr//img/rigth.png);
    background-repeat: no-repeat;
    background-position: center top;
}
#mTS_1_buttonLeft  {
    background-image: url(https://www.drapeau-brode.fr//img/left.png);
    background-repeat: no-repeat;
    background-position: center top;
}
/* fin fanions carroussel*/

/* Let's start, mon retouche*/

.cms-id-2 h1{
    color: #2665A5;
    font-size: 24px;
    margin-bottom: 1.5rem;
    margin-top: -20px;
}

.cms-id-2 .deco1{
    background: url(https://www.drapeau-brode.fr/img/caree.png) no-repeat scroll left center rgba(0, 0, 0, 0) !important;
    padding-left: 20px !important;
    display: inline-block;
    font-family: sans-serif;
    color: #2665A5;
    font-family: ExoBold;
    margin-top: 25px;
    margin-bottom: 11px;
}
.cms-id-2 p{
    margin: 0 0 9px;
    line-height: 23px;
}
.cms-id-2 #survole:hover{
    color: rgb(90, 90, 90);
}
.cms-id-2 #survole1:hover{
    color: rgb(90, 90, 90);
}
.cms-id-2 #survole2:hover{
    color: rgb(90, 90, 90);
}
.cms-id-2 #survole3:hover{
    color: rgb(10, 10, 10);

}
.cms-id-2 #bloc{
    margin: -20px;
    margin-left: -37px;
}
/* modif du 2 août page mentions legales */
.cms-id-2 #bloc {
    font-family: 'ROBOTO-LIGHT';
    font-size: 18.5px;
    height: 51rem;
    line-height: 23px;
    color: #4e4e4e;
}





/* Page sigle d'association */
/* btn selectionner */
#category .product-description{
    height: 50px;
}
.button-container{
    padding: 5%;
    margin-top: 5%;
}