@charset "utf-8";
/* CSS Document */

body{
	background-color:#FFFFFF;
}

.paragraph{
	font-size:12px;
	letter-spacing:0.8px;
}

.content{
	margin-top:15px;
}

#tab-two{
	display:none;
}

#tab-three{
	display:none;
}


.landing-logo{
	width:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.landing-copyright{
	margin-bottom:50px;
	text-align:center;
}

.welcome-text h1{
	font-family:'Raleway', sans-serif;
	font-size:20px;
	color:#535353;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	margin-top:20px;
}

.welcome-text h2{
	text-align:center;
	font-size:14px;
	font-family:'Dosis', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	margin-top:5px;
	margin-bottom:50px;
	color:#ce1a13;
	background-color:#ffffff;
    background-color: #ffffff;
    display: table;
    text-align: center;
    margin: 0 auto;
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 40px;
}

.welcome-text h2 .noir{
	color:#000000;
}

.navigation-icons{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	background-color:#fff;
	border-radius:12px;	
}

.navigation-icons h3{

}


.home-nav{
	background-image:url(../images/icon/misc/home.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:36px 36px;	
}

.about-nav{
	background-image:url(../images/icon/settings/cog2.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:36px 36px;	
}

.folio-nav{
	background-image:url(../images/icon/media/image2.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:36px 36px;
}

.ml{
	background-image:url(../images/icon/misc/ml.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:36px 36px;
}
.qui-est-il{
	background-image:url(../images/icon/misc/qui-est-il.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:36px 36px;
}
.cv{
	background-image:url(../images/icon/misc/cv.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:36px 36px;
}

.blog-nav{
	background-image:url(../images/icon/tools/pencil.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:36px 36px;
}

.video-nav{
	background-image:url(../images/icon/media/film.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:36px 36px;
}

.mail-nav{
	background-image:url(../images/icon/misc/mail.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:36px 36px;
}

.footer{
	padding-top:20px;
	padding-bottom:0px;
}

p.copyright{
	color:#ffffff;
	background-color:#003366;
	margin-top:10px;
	width:100%;
}

.footer .mail-nav,
.footer .video-nav,
.footer .blog-nav,
.footer .cv,
.footer .qui-est-il,
.footer .ml,
.footer .folio-nav,
.footer .about-nav,
.footer .home-nav {
	background-size : 25px 25px;
}

.actions-home-bottom{
	position:absolute;
	bottom:0;
	display:flex;
	flex-direction:column;
	justify-content: center;
	width:100%;
}

.actions-home-bottom .small-navigation-icons{
	display:flex;
	justify-content: center;
}

.footer .small-navigation-icons{
	display:inline-flex;
	justify-content:space-between;
	width:100%;
}

.nav-icon{
	float:left;
	border-radius:50px;
	width:60px;
	height:60px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:25px;
}

.icon-red{
	background-color:#c73029;
}
.icon-orange{background-color:#F08800;}
.icon-blue{
	background-color:#1b75aa;
}

.icon-dblue{
	background-color:#2f95bf;
}

.icon-magenta{
	background-color:#9b59b6;
}

.icon-green{
	background-color:#2ecc71;
}

.icon-yellow{
	background-color:#f1c40f;
}

.small-navigation-icons{
	margin-left:auto;
	margin-right:auto;
	display :inline-block;
	text-align:center;	
}

.copyright{
	color:#252525;
	display:block;
	text-transform:uppercase;
	float:none;
	text-align:center;
	font-size:10px;
	margin-bottom:0;
	padding-bottom:0;
	position:relative;
	bottom:0;
	margin:0 auto;
}

.footer{
	position:fixed;
	bottom:0;
	height:auto;
	background-color:#ffffff;
	width:100%;
	text-align:center;
	z-index:999;
}

.small-nav-icon{
	width:40px;
	height:40px;
	border-radius:40px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	display : inline-block;
	text-align: center;
}



.facebook-nav{
	background-image:url(../images/icon/social/facebook.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-color:#3a77a1;
}

.phone-nav{
	background-image:url(../images/icon/communication/phonehook.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-color:#b3d557;
}

.twitter-nav{
	background-image:url(../images/icon/social/twitter.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-color:#6cd0d9;
}

.up-nav{
	background-image:url(../images/icon/arrows/bendedup.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-color:#c73029;
}




.header{
	position:fixed;
	width:100%;
	z-index:9999;
	height:70px;
	background-color:#b9c6f0;
	border-bottom:solid 1px #e9e9e9;
}

.header-clear{
	height:70px;
}


.logo-home{
	margin-left:20px;
	margin-top:15px;
	margin-bottom:15px;
	float:left;
}

.header-text{
	float:none;
	padding-top:17px;
}

.header-text strong{
	letter-spacing:normal;
	font-family:'Lato', sans-serif;
	font-size:18px;
	color:#3b4043;
	font-weight:600;
	display:block;
	text-align:left;
	padding-right:20px;
}

.header-text em{
	font-family:'Dosis', sans-serif;
	font-size:13px;
	letter-spacing:0.8px;
	font-style:normal;
	color:#3b4043;
	display:block;
	padding-right:20px;
}

.heading{
	margin-bottom:20px;

}

.container-heading{
	background-color:#003366;
	margin-top:0;
	padding-top:15px;
}

.heading em{
	font-family:'Dosis', sans-serif;
	font-style:normal;
	font-size:12px;
	color:#ce1a13;
}

.heading h3{
	color:#f0f0f0;
	font-weight:200;	
}

.heading-left{
	float:left;
	padding-top:10px;
}

.heading-right{
	float:right;
	margin-top:5px;
}

.thumbs{
	width:110%;
	margin-left:-5%;
}


.thumb{
	width:50%;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	float:left;
	margin-bottom:10px;
}

.thumb img{
	width:100%;
	display:block;
}


.left-thumb-text{
	color:#FFFFFF;
	text-align:left;
	padding-left:10px;
	margin-top:-30px;
}

.right-thumb-text{
	color:#FFFFFF;
	text-align:right;
	padding-right:10px;
	margin-top:-30px;
}

.content-tab{
	font-size:14px;
	color:#FFFFFF;
	background-color:#252525;
	width:32%;
	text-transform:uppercase;
	float:left;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:2px;
	margin-bottom:20px;
	margin-top:10px;
}

input[type="submit"]{background:#951000;color:#fff;}
input[type="submit"]:hover{background:#DC2D00;}
textarea.contactTextarea,input.contactField{background:#5B9FCD;color:#FFF;border:1px solid #1F74AB;}
textarea.contactTextarea:focus,input.contactField:focus{background:#FFF;color:#5B9FCD;}
label.field-title{color:#000;}

/*
Accueil
*/
.nav-icon-container{
	display:inline-block;
}
.nav-icon-container a{
	position:relative;
}
.nav-icon-container h3{
	display:block;
	text-align:center;
	margin:0 auto;
	padding:0;
	position:absolute;
	bottom:0px;
	width:100%;
	font-size:14px;
	font-weight:500;
	background-color:rgba(255,255,255,0.4);
}




/*
Extra helpers
*/

.list-unstyled,
.list-unstyled li {
	list-style: none !important;
	padding:0;
	margin:0;
}
.list-unstyled h5::marker,
.list-unstyled li::marker{
	content:'';
	list-style:none;
}

/*
Contenu-mobile
*/
.content.contenu-mobile{
	background-color:#F0F0F0;
	margin-left:20px;
	margin-right:20px;
	padding:10px;
	margin-bottom:150px;
}

/*
Navigation bottom
*/
.title-icon{
	display:inline-block;
	font-size:8px;

}
.item-nav-bottom{
	display:inline-flex;
	flex-direction : column;
	margin:0 auto;
}
.item-nav-bottom span,
.item-nav-bottom p{
	margin-left:0px;
	margin-right:0px;
	display:inline-block;
	margin-bottom:0;
	font-size:11px;
	font-weight:600;
	color:#333;
}

.content.contenu-mobile.no-margin{
	margin:0;
	margin-bottom:120px;
}
.content.contenu-mobile.no-margin.cv-content{
	background-color:transparent;
}

.phone-header{
    position: absolute;
    top: 15px;
    right: 5px;
}