/* 

Colors : 	bleu: #0B3F90 	orange: #F18C30 

LIGHT RESET */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, del, details, dfn, dl, dt, dd, div, em, embed, fieldset, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, output, ol, option, p, pre, q, ruby, s, samp, small, span, strike, strong, sub, sup, select, section, summary, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, var, video, u, ul {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit; box-sizing: border-box;
    outline: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ol, ul, dl {	list-style: none; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
button:focus, a:focus {outline:0;}
html {font-size: 100%}

/* cols v5 (flexbox - base 12) */   
.inline.flex { display:inline-flex; flex-wrap:wrap; flex-direction: row;}
.flex { display:flex; flex-wrap:wrap; flex-direction: row;}
.flex > * {box-sizing: border-box;}
.flex.column {flex-direction: column}
.flex.row-reverse {flex-direction: row-reverse;}
    .flex.xleft   {justify-content: flex-start;}
        .flex.xcenter {justify-content: center;}
        .flex.xright  {justify-content: flex-end;}
        .flex.xjustify  {justify-content: space-between;}
    .flex.ytop    {align-items: flex-start;}
        .flex.ymiddle {align-items: center;}
        .flex.ybottom {align-items: flex-end;}
        .flex.yjustify {align-items: stretch;}
    .flex.xgap {margin-right: -15px;margin-left: -15px;}
        .flex.xgap > * {border-left:15px solid rgba(0,0,0,0); border-right: 15px solid rgba(0,0,0,0); background-clip: padding-box !important;}
        .flex.ygap > * {border-bottom: 15px solid rgba(0,0,0,0);background-clip: padding-box !important;}
    .flex.xgap-xl {margin-right: -30px;margin-left: -30px;}
        .flex.xgap-xl > * {border-left:30px solid rgba(0,0,0,0); border-right: 30px solid rgba(0,0,0,0); background-clip: padding-box !important;}
        .flex.ygap-xl > * {border-bottom: 30px solid rgba(0,0,0,0);background-clip: padding-box !important;}   
        .flex.ygap-xl > *:last-child {border-bottom: none;} 
    .flex .ybottom  {align-self: flex-end;}
        .flex .ymiddle {align-self: center;}
        .flex .ytop {align-self: flex-start;}
        .flex .yjustify {align-self: stretch;}
    .flex .xleft  {margin-right: auto;}
        .flex .xcenter {margin:0 auto}
        .flex .xright {margin-left: auto;}
    .col1 {width: 8.3333%}
    .col2 {width: 16.6666%}
    .col3 {width: 25%}
    .col4 {width: 33.3333%}
    .col5 {width: 41.6665%}
    .col6 {width: 50%}
    .col7 {width: 58.3333%}
    .col8 {width: 66.6666%}
    .col9 {width: 75%}
    .col10 {width: 83.3333%}
    .col11 {width: 91.6666%}
    .col12 {width: 100%}


@media only screen and (max-width: 980px), only screen and (max-device-width: 980px)
{
    .flex.xgap {margin-right: -8px;margin-left: -8px;}
        .flex.xgap > * {border-left:8px solid rgba(0,0,0,0); border-right: 8px solid rgba(0,0,0,0); }
        .flex.ygap > * {border-bottom: 24px solid rgba(0,0,0,0);}
    .flex.xgap-xl {margin-right: -15px;margin-left: -15px;}
        .flex.xgap-xl > * {border-left:15px solid rgba(0,0,0,0); border-right: 15px solid rgba(0,0,0,0); }
        .flex.ygap-xl > * {border-bottom: 30px solid rgba(0,0,0,0);}   
        .flex.ygap-xl > *:last-child {border-bottom: none;} 
    .col1-m {width: 8.3333%}
    .col2-m {width: 16.6666%}
    .col3-m {width: 25%}
    .col4-m {width: 33.3333%}
    .col5-m {width: 41.6665%}
    .col6-m {width: 50%}
    .col7-m {width: 58.3333%}
    .col8-m {width: 66.6666%}
    .col9-m {width: 75%}
    .col10-m {width: 83.3333%}
    .col11-m {width: 91.6666%}
    .col12-m {width: 100%}
}
@media only screen and (max-width: 670px), only screen and (max-device-width: 670px)
{
    .col1-s {width: 8.3333%}
    .col2-s {width: 16.6666%}
    .col3-s {width: 25%}
    .col4-s {width: 33.3333%}
    .col5-s {width: 41.6665%}
    .col6-s {width: 50%}
    .col7-s {width: 58.3333%}
    .col8-s {width: 66.6666%}
    .col9-s {width: 75%}
    .col10-s {width: 83.3333%}
    .col11-s {width: 91.6666%}
    .col12-s {width: 100%}
}

/* pad-marg*/
.pt0, .py0 {padding-top: 0 !important;}
.pt05, .py05 {padding-top: 0.5rem !important;}
.pt1, .py1 {padding-top: 1rem !important;}
.pt2, .py2 {padding-top: 2rem !important;}
.pt3, .py3 {padding-top: 3rem !important;}
.pt4, .py4 {padding-top: 4rem !important;}
.pt5, .py5 {padding-top: 5rem !important;}
.pt6, .py6 {padding-top: 6rem !important;}
.pb0, .py0 {padding-bottom: 0 !important;}
.pb05, .py05 {padding-bottom: 0.5rem !important;}
.pb1, .py1 {padding-bottom: 1rem !important;}
.pb2, .py2 {padding-bottom: 2rem !important;}
.pb3, .py3 {padding-bottom: 3rem !important;}
.pb4, .py4 {padding-bottom: 4rem !important;}
.pb5, .py5 {padding-bottom: 5rem !important;}
.pb6, .py6 {padding-bottom: 6rem !important;}
.mt0, .my0 {margin-top: 0 !important;}
.mt05, .my05 {margin-top: 0.5rem !important;}
.mt1, .my1 {margin-top: 1rem !important;}
.mt2, .my2 {margin-top: 2rem !important;}
.mt3, .my3 {margin-top: 3rem !important;}
.mt4, .my4 {margin-top: 4rem !important;}
.mt5, .my5 {margin-top: 5rem !important;}
.mt6, .my6 {margin-top: 6rem !important;}
.mb0, .my0 {margin-bottom: 0 !important;}
.mb05, .my05 {margin-bottom: 0.5rem !important;}
.mb1, .my1 {margin-bottom: 1rem !important;}
.mb2, .my2 {margin-bottom: 2rem !important;}
.mb3, .my3 {margin-bottom: 3rem !important;}
.mb4, .my4 {margin-bottom: 4rem !important;}
.mb5, .my5 {margin-bottom: 5rem !important;}
.mb6, .my6 {margin-bottom: 6rem !important;}

.pl0, .px0 {padding-left: 0 !important;}
.pl05, .px05 {padding-left: 0.5rem !important;}
.pl1, .px1 {padding-left: 1rem !important;}
.pl2, .px2 {padding-left: 2rem !important;}
.pl3, .px3 {padding-left: 3rem !important;}
.pl4, .px4 {padding-left: 4rem !important;}
.pl5, .px5 {padding-left: 5rem !important;}
.pl6, .px6 {padding-left: 6rem !important;}
.pr0, .px0 {padding-right: 0 !important;}
.pr05, .px05 {padding-right: 0.5rem !important;}
.pr1, .px1 {padding-right: 1rem !important;}
.pr2, .px2 {padding-right: 2rem !important;}
.pr3, .px3 {padding-right: 3rem !important;}
.pr4, .px4 {padding-right: 4rem !important;}
.pr5, .px5 {padding-right: 5rem !important;}
.pr6, .px6 {padding-right: 6rem !important;}
.mlauto, .mxauto {margin-left: auto !important;}
.ml0, .mx0 {margin-left: 0 !important;}
.ml05, .mx05 {margin-left: 0.5rem !important;}
.ml1, .mx1 {margin-left: 1rem !important;}
.ml2, .mx2 {margin-left: 2rem !important;}
.ml3, .mx3 {margin-left: 3rem !important;}
.ml4, .mx4 {margin-left: 4rem !important;}
.ml5, .mx5 {margin-left: 5rem !important;}
.ml6, .mx6 {margin-left: 6rem !important;}
.mrauto, .mxauto {margin-right: auto !important;}
.mr0, .mx0 {margin-right: 0 !important;}
.mr05, .mx05 {margin-right: 0.5rem !important;}
.mr1, .mx1 {margin-right: 1rem !important;}
.mr2, .mx2 {margin-right: 2rem !important;}
.mr3, .mx3 {margin-right: 3rem !important;}
.mr4, .mx4 {margin-right: 4rem !important;}
.mr5, .mx5 {margin-right: 5rem !important;}
.mr6, .mx6 {margin-right: 6rem !important;}

@media only screen and (max-width: 980px), only screen and (max-device-width: 980px)  {
    .pt1, .py1 {padding-top: 0.85rem !important;}
    .pt2, .py2 {padding-top: 1.7rem !important;}
    .pt3, .py3 {padding-top: 2.55rem !important;}
    .pt4, .py4 {padding-top: 3.4rem !important;}
    .pt5, .py5 {padding-top: 4.25rem !important;}
    .pt6, .py6 {padding-top: 5.1rem !important;}
    .pb1, .py1 {padding-bottom: 0.85rem !important;}
    .pb2, .py2 {padding-bottom: 1.7rem !important;}
    .pb3, .py3 {padding-bottom: 2.55rem !important;}
    .pb4, .py4 {padding-bottom: 3.4rem !important;}
    .pb5, .py5 {padding-bottom: 4.25rem !important;}
    .pb6, .py6 {padding-bottom: 0.85rem !important;}
    .mt1, .my1 {margin-top: 0.85rem !important;}
    .mt2, .my2 {margin-top: 1.7rem !important;}
    .mt3, .my3 {margin-top: 2.55rem !important;}
    .mt4, .my4 {margin-top: 3.4rem !important;}
    .mt5, .my5 {margin-top: 4.25rem !important;}
    .mt6, .my6 {margin-top: 5.1rem !important;}
    .mb1, .my1 {margin-bottom: 0.85rem !important;}
    .mb2, .my2 {margin-bottom: 1.7rem !important;}
    .mb3, .my3 {margin-bottom: 2.55rem !important;}
    .mb4, .my4 {margin-bottom: 3.4rem !important;}
    .mb5, .my5 {margin-bottom: 4.25rem !important;}
    .mb6, .my6 {margin-bottom: 5.1rem !important;} 

    .pl1, .px1 {padding-left: 0.85rem !important;}
    .pl2, .px2 {padding-left: 1.7rem !important;}
    .pl3, .px3 {padding-left: 2.55rem !important;}
    .pl4, .px4 {padding-left: 3.4rem !important;}
    .pl5, .px5 {padding-left: 4.25rem !important;}
    .pl6, .px6 {padding-left: 5.1rem !important;}
    .pr1, .px1 {padding-right: 0.85rem !important;}
    .pr2, .px2 {padding-right: 1.7rem !important;}
    .pr3, .px3 {padding-right: 2.55rem !important;}
    .pr4, .px4 {padding-right: 3.4rem !important;}
    .pr5, .px5 {padding-right: 4.25rem !important;}
    .pr6, .px6 {padding-right: 5.1rem !important;}
    .ml1, .mx1 {margin-left: 0.85rem !important;}
    .ml2, .mx2 {margin-left: 1.7rem !important;}
    .ml3, .mx3 {margin-left: 2.55rem !important;}
    .ml4, .mx4 {margin-left: 3.4rem !important;}
    .ml5, .mx5 {margin-left: 4.25rem !important;}
    .ml6, .mx6 {margin-left: 5.1rem !important;}
    .mr1, .mx1 {margin-right: 0.85rem !important;}
    .mr2, .mx2 {margin-right: 1.7rem !important;}
    .mr3, .mx3 {margin-right: 2.55rem !important;}
    .mr4, .mx4 {margin-right: 3.4rem !important;}
    .mr5, .mx5 {margin-right: 4.25rem !important;}
    .mr6, .mx6 {margin-right: 5.1rem !important;}
}
@media only screen and (max-width: 670px), only screen and (max-device-width: 670px)    {
    .pt1, .py1 {padding-top: 0.7rem !important;}
    .pt2, .py2 {padding-top: 1.4rem !important;}
    .pt3, .py3 {padding-top: 2.1rem !important;}
    .pt4, .py4 {padding-top: 2.8rem !important;}
    .pt5, .py5 {padding-top: 3.5rem !important;}
    .pt6, .py6 {padding-top: 4.2rem !important;}
    .pb1, .py1 {padding-bottom: 0.7rem !important;}
    .pb2, .py2 {padding-bottom: 1.4rem !important;}
    .pb3, .py3 {padding-bottom: 2.1rem !important;}
    .pb4, .py4 {padding-bottom: 2.8rem !important;}
    .pb5, .py5 {padding-bottom: 3.5rem !important;}
    .pb6, .py6 {padding-bottom: 4.2rem !important;}
    .mt1, .my1 {margin-top: 0.7rem !important;}
    .mt2, .my2 {margin-top: 1.4rem !important;}
    .mt3, .my3 {margin-top: 2.1rem !important;}
    .mt4, .my4 {margin-top: 2.8rem !important;}
    .mt5, .my5 {margin-top: 3.5rem !important;}
    .mt6, .my6 {margin-top: 4.2rem !important;}
    .mb1, .my1 {margin-bottom: 0.7rem !important;}
    .mb2, .my2 {margin-bottom: 1.4rem !important;}
    .mb3, .my3 {margin-bottom: 2.1rem !important;}
    .mb4, .my4 {margin-bottom: 2.8rem !important;}
    .mb5, .my5 {margin-bottom: 3.5rem !important;}
    .mb6, .my6 {margin-bottom: 4.2rem !important;} 

    .pl1, .px1 {padding-left: 0.7rem !important;}
    .pl2, .px2 {padding-left: 1.4rem !important;}
    .pl3, .px3 {padding-left: 2.1rem !important;}
    .pl4, .px4 {padding-left: 2.8rem !important;}
    .pl5, .px5 {padding-left: 3.5rem !important;}
    .pl6, .px6 {padding-left: 4.2rem !important;}
    .pr1, .px1 {padding-right: 0.7rem !important;}
    .pr2, .px2 {padding-right: 1.4rem !important;}
    .pr3, .px3 {padding-right: 2.1rem !important;}
    .pr4, .px4 {padding-right: 2.8rem !important;}
    .pr5, .px5 {padding-right: 3.5rem !important;}
    .pr6, .px6 {padding-right: 4.2rem !important;}
    .ml1, .mx1 {margin-left: 0.7rem !important;}
    .ml2, .mx2 {margin-left: 1.4rem !important;}
    .ml3, .mx3 {margin-left: 2.1rem !important;}
    .ml4, .mx4 {margin-left: 2.8rem !important;}
    .ml5, .mx5 {margin-left: 3.5rem !important;}
    .ml6, .mx6 {margin-left: 4.2rem !important;}
    .mr1, .mx1 {margin-right: 0.7rem !important;}
    .mr2, .mx2 {margin-right: 1.4rem !important;}
    .mr3, .mx3 {margin-right: 2.1rem !important;}
    .mr4, .mx4 {margin-right: 2.8rem !important;}
    .mr5, .mx5 {margin-right: 3.5rem !important;}
    .mr6, .mx6 {margin-right: 4.2rem !important;}
}



/** Formulaire */
.wpcf7-form { margin:0px; padding:0px; }
.wpcf7-display-none {display:none;}

/* input*/
input[type="text"],
input[type="email"],
input[type="password"]	{	width:100%; height:27px;
                        font-size:18px; line-height:27px; color:#000; text-align:left;
                        background-color:#FFF; border-bottom:1px solid #BBB ;
                        }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
input[type="password"]:focus	{color:#000;	}

textarea 			{	width:100%; padding:10px; margin-top: 0.5rem;
                        font-size:18px !important; line-height:27px; color:#000 !important; text-align:left;
                        background-color:#FFF; border:1px solid #BBB ;
                        overflow: auto; /*remove scrollbar on ie*/
                        }

/* checkbox - dropdown */
input[type="checkbox"] {margin-right: 0.5rem;}
.wpcf7-list-item {display:block; margin: 1rem 0 0 0;}
.inline > .wpcf7-list-item {display: inline-block; margin:0 0 0 2rem;}

/* Validation */
.wpcf7-response-output {padding: 1.5rem; margin: 1.5rem 0; background: #08aa1e; color: #FFF; display: none;}
.sent .wpcf7-response-output {display: block;}
.invalid .wpcf7-response-output {display:block;background: #aa2808; }

/* Dessin (signature) */
.wpcf7-form-control-signature-wrap {width:100% !important;}
.wpcf7-form-control-signature-body {border: 1px solid #BBB;}

/* Button */
.button {display: inline-block;padding:0 32px;font-size:0.9rem;line-height:3rem;font-weight:700;text-transform:uppercase;color:#FFF !important;cursor:pointer;border-radius: 4px;}

/* Color */
.bleu {color: #0b3f90;}
.gradient.bleu {
    background: #0b3f90;
    background: linear-gradient(to bottom, #2e5ba0 60%, #0b3f90 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e5ba0', endColorstr='#0b3f90', GradientType=0);
}



/*FONT
/-------------------------------------*/

/* Déclarations générales */
html,
textarea	{ 	font-family: 'Source Sans Pro', sans-serif;
                -webkit-text-size-adjust: none;
                font-weight:400;
                font-style: normal;
                word-wrap: break-word;
                }

b,strong, .strong, .fw700 {font-weight: 700;}
.lh2 {line-height: 2;}
.hidden {display: none !important;}

body {font-size:1.125rem; line-height:1.38; color:#555}

em			{ font-style:italic; }
a 			{ text-decoration:none;transition: all ease-in-out 200ms; cursor: pointer}
a:hover		{ text-decoration:none;}
.textcenter {text-align:center}
.textright {text-align: right}
.textleft {text-align: left}
hr {
	border: 0 !important;
	display: block;
	width: 100% !important;
	height: 3px;
	background: #0b3f90;
	background: linear-gradient(to right, #2e5ba0 60%, #0b3f90 100%);
}

/* wrapper & content */
body {height:100%;overflow:auto; background: #FFF;}
    header, section, footer {padding-left: 48px;padding-right: 48px; position: relative}
        .container {position: relative; max-width: 1200px; margin: 0 auto;}

/* Login */
#loginform-custom input {margin-bottom: 2rem;}
#loginform-custom input[type="submit"] {background: #0b3f90;}

/* Footer */
.scrollToTop {position:fixed; z-index: 10; right:30px; bottom:30px; padding:12px; opacity:0.6;background:rgba(255,255,255,0.5);border: 1px solid #999;border-radius:25px;}
    .scrollToTop svg {display:block; width:20px; height:20px; fill:#777}		
    .scrollToTop:hover,  .scrollToTop:focus {opacity: 1;}