@import url('https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans');
a{color:#13274A;text-decoration:underline;transition:0.3s;}
a:hover{text-decoration:underline;}
body{background:#fff;font-family: 'Open Sans', sans-serif;color:#333;line-height:1.5;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
.elegant{font-family: 'PT Sans', sans-serif;font-size:45px;color:#f2ca51;position:relative;display:inline-block;background:#fff;margin:auto;padding:0 20px ; margin-top: 20px;}

 h5{font-weight: bold; color:#13274A;text-decoration: underline;}
.center{text-align:center;}
.line{height:1px;width:100%;border-top:3px double #ccc;margin:-24px auto 20px;}
.inner-page{padding:40px 0;}
.inner-content{padding:40px 0;}
[class^="icon-"]:before, [class*=" icon-"]:before{text-decoration:none;}
.title{margin:20px 0;}
/*----------------------------home section----------------------------*/
.menu{background:#fff;border-top: 3px solid #333;}
.menu-inner{width:90%;margin:auto;padding:16px 0;}
.logo{float:left;}
.menu ul{float:right;list-style:none;margin:0;}

.menu li {
    border-left: 1px solid #CCCCCC;
    display: inline-block;
    margin-left: 40px;
    padding-left: 40px;

    position: relative;
}

.menu p {
    font-family: 'PT Sans', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 15px;
    margin: 5px 0;
    text-transform: uppercase;
}
.menu span{display:block;letter-spacing:normal;font-family: 'Open Sans', sans-serif;color:#999;}
.menu i{position:absolute;left:0;line-height:40px;font-size:20px;width:40px;}
.motto{text-align:center;padding:200px 0;}
.motto h2 {
    color: white;
    margin: 20px auto;
    text-transform: uppercase;
    width: 500px;
    font-weight: 700;
	font-size: 30px;
	line-height: 40px;
    /*text-shadow: 2px 2px 6px #6f6f6f;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.motto-top{letter-spacing: 14px;}
.motto-bottom{letter-spacing:8px;}
.motto-bold {
    display: block;
    font-family: 'PT Sans', sans-serif;
    font-size: 80px;
    height: 80px;
    letter-spacing: 20px;
    line-height: 66px;
    margin: 10px 0;
}
.motto-line{max-width:100px;height:1px;border-top:3px double #fff;margin:auto}

/*------------------------------content section------------------------------*/
#content{background:#fff;}

#clock ul{margin:0;list-style:none;}
#clock li {
    display: inline-block;
    height: 60px;
    margin: 20px;
	font-size:12px;
	color:#999;
    width: 60px;
	position:relative;
}
#clock li span {
    display: block;
    font-size: 50px;
    line-height: 50px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	margin-bottom:10px;
	color:#13274A;
}
#clock{display: block !important;}
.circle:before{content:"";width:10px;height:10px;border-radius:50px;background:#ddd;position:absolute;left:-30px;top:30px;}
.bold{font-family: 'PT Sans', sans-serif;letter-spacing:5px;text-transform:uppercase;}
#tweets{text-align:left;margin:auto;padding:20px 0;}
#tweets a{font-family: 'PT Sans', sans-serif;}
#tweets ul{list-style:url(../images/tweet.png);}
input,textarea{border:2px solid #13274A !important;border-radius:0 !important;max-width:400px;width:70%;}
input:active,input:focus,textarea:active,textarea:focus{box-shadow:none !important;border-color:#999 !important;}
.black-btn {
    border: 2px solid #13274A;
	background:#13274A;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    height: 28px;
    letter-spacing: 2px;
    line-height: 30px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
	margin-bottom: 10px;
}
.inscription-btn {
    border: 2px solid #13274A;
	background:#13274A;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    height: 28px;
    letter-spacing: 2px;
    line-height: 30px;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
	margin-bottom: 10px;
}
.inscription-btn:hover{color:#13274A;background:#fff;text-decoration:none;}
.subscribe-btn{margin-left: -5px;}
fieldset {color: #333;}
.black-btn:hover,.black-btn:focus{color:#13274A;background:#fff;text-decoration:none;}
.detail{padding-top:40px;text-align:center;font-family: 'Open Sans', sans-serif; font-weight: bold;}
.text{padding-bottom:20px;text-align:center;}
.soon{font-weight: bold; color:#13274A; padding: 50px;}

/*modal section*/
#MyContactForm p{width:100%;float:left;}
#MyContactForm span{display:block;}
#MyContactForm input,#MyContactForm textarea{max-width:500px;width:90%;}

#contactlabel {
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
}
.error{font-style:italic;font-size:10px;color:red;line-height:10px;}
.modal fieldset{color:#13274A;}
.modal.fade.in {
    border: 0 none;
    border-radius: 0 0 0 0;
}
.modal-footer {
    background-color: #13274A;
    border-radius: 0 0 0 0;
    border-top: medium none;
    box-shadow: 0 0 0 0;
    margin-bottom: 0;
    padding: 14px 15px 15px;
    text-align: right;
}

.modal-header {
    border-bottom: 1px solid #13274A;
}
.modal p{margin-bottom:0;}
.white-border{border-color:#fff;}
::-webkit-input-placeholder { font-size:12px; }
::-moz-placeholder { font-size:12px; } 
:-ms-input-placeholder { font-size:12px; }
input:-moz-placeholder { font-size:12px;}
/*------------------------------footer section------------------------------*/
#footer{background:#222;font-size:12px;}
.footer{padding:20px 0;width:90%;}
.social{list-style:none;margin:0;float:right;}
.social li{display:inline-block;margin:0 10px;}
.footer a{text-decoration:none; color: #fff}
.social li i{font-size:14px;}
.copyright{float:left;}
.copyright p{color:#999;margin:0;}


/*-----------------------------media queries-----------------------------------*/
@media (max-width: 767px) {
		.menu,#footer,#content,.motto{
	    margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
		}
		.navi{display:none;}
		.logo{text-align:center;float:none;}
		.motto{padding:100px 0;}
		
.motto-bold {
    font-size: 30px;
    height: 30px;
    line-height: 46px;
	letter-spacing:10px;
}
.motto h2{font-size:20px;width:300px;}
.motto-bottom {
    letter-spacing: 3px;
}
.motto-top {
    letter-spacing: 7px;
}
#clock li {
    height: 40px;
    margin: 10px;
    width: 40px;
}

#clock li span {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 0;
}
.circle:before {
    height: 5px;
    left: -12.5px;
    width: 5px;
}
}
@media (max-width:480px){
	.footer{text-align:center;}
	.copyright,.social{float:none;}
	.copyright{margin-bottom:10px;}
	.elegant{font-size:35px;}
	

.etape{font-weight: bold; color:#13274A !important;}

.bold {
    font-size: 20px;
    line-height: 20px;
}
}

/* logo partenaire */


.logo-partenaires-top, .logo-partenaires-middle, .logo-partenaires-base, .logo-partenaires-footer {
    width: 100%;
    margin: 50px auto;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}


#partenaires ul li {
    display: flex;
    justify-content: center;
    flex-direction: column;
    list-style: none;
}

.logo-partenaires-text{
    display: flex;
    justify-content: center;
    font-family: georgia;
    font-style: italic;
    font-size: 14px;
    margin:0;
    padding:0;
}

.logo-partenaires-top li {
    width: 33%;  
    height: 240px;
}


.logo-partenaires-middle li {
    width: 25%; 
    height: 120px;
}

.logo-partenaires-base li a img.lvlto{max-height:65px; width:auto;}
.logo-partenaires-middle li a img.lvlto{max-height:65px; width:auto;}
.logo-partenaires-middle li a img.lvlth{max-height:100px; width:auto;}
.logo-partenaires-top li a img.lvlto{max-height:200px; width:auto;}
.logo-partenaires-footer li a img.lvlto{max-height:65px; width:auto;}


.logo-partenaires-base li {
    width: 20%;
    height: 120px;
}

.logo-partenaires-footer li {
    width: 16%;
    height: 120px;
}




#illu li{list-style: none; display: block; float: left; width: 25%;}


@media screen and (max-width: 500px) {

.logo-partenaires-top li{width: 100%; padding:20px;}
.logo-partenaires-base li,.logo-partenaires-middle li, .logo-partenaires-footer li {width: 45%; padding:5px;  float: left; display: block; height: 100px;}
#illu li{width: 100%;}
}

@media (max-width: 767px) {
    .menu, #footer, #content, .motto {
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}

#cover {
    position: relative;
    z-index: 0;
    background: radial-gradient(ellipse at bottom, #00b2bc, #00585d);
}

@media (min-width: 992px) {
    #cover .content {
        padding-right: 120px;
    }
}

.counter {
    padding-top: 0;
}

#cover h2:before, #cover h2:after {
    content: '';
    display: block;
    height: 1px;
    width: 60px;
    background-color: #fff;
    margin: 32px auto;
}

@media (min-width: 767px) {
    #cover_image {
        flex: 1 1 100%;
    }
}


#cover_image img {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 991px) {
    #cover_image img {
        height: auto;
        width: 100%;
        max-width: 100%;
    }
    
    #cover .content {
        padding: 24px 0;
    }
}


#cover .container {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
}

@media (max-width: 991px) {
    #cover .container {
        flex-flow: row wrap;
    }
    
    #cover .content {
        width: 100%;
    }
}

@media (max-width: 979px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }
    
    .logo {
        text-align: center;
    }
    
    .logo a {
        display: inline-block !important;
    }
    
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
/*#cover:before {
    content: '';
    background-color: rgba(0,0,0, .2);
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}*/

#cover .container {
    position: relative;
    z-index: 2;
}
@media(min-width: 992px){
    .header-title {
        width: 760px; margin-right: 60px;
    }
}

#cover h2 {
    font-size: 24px;
}

.encar {
    display: block;
    color: #ffd200;
    margin-top: 32px;
    font-size: 48px;
}

.subtitle {
    font-size: 16px;
    margin-bottom: -8px;
    display: block;
}

.text-center {
    text-align: center;
}

.btn.btn-primary {
    display: inline-block;
    padding: 16px 24px;
    text-transform: uppercase;
    background: #ffd200;
    color: #13274A;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 700;
    text-shadow: initial;
    font-size: 14px;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background .2s ease, color .2s ease;
}

.btn.btn-primary:hover {
    background: #13274A;
    color: #ffd200;
}