@font-face {
	font-family: 'GTAmericastd';
	src: url('fonts/GT-America-Standard-Regular.eot');src: url('fonts/GT-America-Standard-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/GT-America-Standard-Regular.woff2') format('woff2'),url('fonts/GT-America-Standard-Regular.woff') format('woff'),url('fonts/GT-America-Standard-Regular.ttf') format('truetype');
}


@font-face {
	font-family: 'GTAmericabold';
    src: url('fonts/GT-America-Standard-Bold.woff2') format('woff2'),
       url('fonts/GT-America-Standard-Bold.woff') format('woff'),
       url('fonts/GT-America-Standard-Bold.ttf') format('truetype');
}

body, html {
	font-family: 'GTAmericastd', sans-serif;
	font-size: 16px;
	color: #323232;
	background-color: #F9F9F9;
	font-weight: 400;
	
	min-height: 100%;
	
	text-rendering: auto;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	
	  overflow-x: hidden;
}


body{
background-repeat: no-repeat;
background-position:top center;
	
-webkit-animation: fadein 1s; 
-moz-animation: fadein 1s; 
-ms-animation: fadein 1s; 
-o-animation: fadein 1s; 
animation: fadein 1s;	
	
}


body.ios .makeitfull iframe{
	display:none;	
}


 * {
	padding: 0px;
	margin: 0px;
}

b, strong{
	font-family: 'GTAmericabold', sans-serif;
	font-weight: normal;
}


a:hover{

	text-decoration:none;
}


a {
	 color: #C83232;
	transition: color 0.5s;
	text-decoration: none;
	position: relative;
}
a.fleche_red_left{
	padding-left: 26px;
	background-image: url("/img/fleche_red_left.svg");
	background-repeat: no-repeat;
	background-position: left 4px;
	
}

.btn{
background: #C83232;
border-radius: 10px;
font-size: 16px;
color: #FFFFFF;
letter-spacing: 0;
	padding: 12px 20px;
	margin-top: 10px;
}

.red{
	color: #C83232;
}
.sur_titre{
	padding-bottom: 10px;
		color: #C83232;
}

a.btn_download{
display: inline-block;
background: #C83232;
border-radius: 10px;
	padding: 12px 20px 12px 46px;
font-size: 16px;
color: #FFFFFF;
letter-spacing: 0;
background-image: url("/img/picto_download.svg");
background-repeat: no-repeat;
background-position: 14px center;
}

p {
	 line-height: 1.4em;
     padding-bottom: 20px;
}



h1, h2, h3, h4, h5{ 
	font-family: 'GTAmericastd', serif;
	 font-feature-settings: 'clig' 0;
	font-weight: normal; 
	font-style: normal; 
	 line-height: 1.2em;
		color: #323232;
}



h1 {
	font-size: 40px;
	padding-bottom:15px;

}



h2 {
	color: #C83232;
	font-size: 28px;
	padding-bottom:15px;
}

h3{
   color: #C83232;
   font-size: 28px;
   padding-bottom:10px;
	border-bottom: 1px solid #323232;
	margin-bottom: 10px;
}

h4{
	font-size: 16px;
	font-weight:normal;
}




img {
	border: 0px;
	max-width:100%;
}



.rond{
		border-radius: 2000px;
}

table , iframe{
	width: 100%;
}

.clear {
	clear: both;
}

*:focus {
    outline: 0;
}




.myhr, hr{
	 position: relative;
	width: 100% ;
	background-color: #3B3B3B;
	height: 1px;
	margin-top: 26px;
	margin-bottom: 30px;
	border: none;
}

.firstlink, .ajaxpopup {
	cursor: pointer;
}






#mobile_menu:not( .mm-menu ) {
   display: none;
}


/*/////////////TABLE /////////*/

td{
	padding-right: 22px;
	box-sizing: border-box;
	vertical-align: top;
	 line-height: 1.4em;
		font-size: 16px;
	color: #323232;
}
td:last-child {
 padding-right: 0px;
}

/*/////////////CONTAINER UL lI /////////*/

.container ul li {
    list-style: none;
    padding-left: 25px;
    position: relative;
    margin-bottom: 10px;
}

.container ul li::before {
    content: "";
	width: 10px;
	height: 1px;
	background-color: #323232;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 10px;
    left: 0px;
}



/*/////////////CONTAINER INSIDE /////////*/

.container{
	position:relative;
	min-height:400px;
	padding-top:150px;
}

body .container{
	padding-top:128px;
	
}



.inside{
     box-sizing: border-box;
	position: relative;
	margin: auto;
	/*width:100%;*/
	max-width: 1200px;
	padding: 0px 15px;
	
}




/*/////////////HEADER/////////*/
#header {
    height: auto;
    left: 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 300;
	background-color:#FFF;
/*	border-bottom:1px solid #d5d4d4;*/
}
body.menusousrub #header {
		border-bottom: none;
}
#header_mobile {
    height: auto;
    left: 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 300;
	background-color:#FFF;
	
}


body:not(.home) #header{
    background-color: rgba(255, 255, 255, 1);
	
}


.headroom--pinned {
    transform: translateY(0%);
    transition: all 0.4s ease-in-out 0s;
}


.headroom--unpinned {
    transform: translateY(-100%);
    transition: all 0.4s ease-in-out 0s;
}
.headroom--not-top {
    background-color: rgba(255, 255, 255, 0.9);
}

.headroom--not-top.headroom--pinned #logo{
	width:36px;
	height: 50px;
	padding:16px 0px;
	 transition: all 0.4s ease-in-out 0s;
}




#logo{
	width:54px;
	height: 76px;
	display: block;
	float:left;
	z-index: 400;
	padding:26px 0px;
	background-image:url(/img/logo.svg);
	background-size: contain;
	
	background-position: left center;
	background-repeat: no-repeat;
	transition: all 0.4s ease-in-out 0s; 
}





/*/////////////MAINMENU/////////*/
.all_nav{
	 position: absolute;
    right: 20px;
    top: 50%;
	
	-webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	
}
.main_nav{
	 opacity: 1;
    pointer-events: all;
    position: relative;
    z-index: 500;
	float:right;
	right: 0px;
	   top: 0px;
}


#nav {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul#nav li {
    float: left;
    position: relative;
	padding-left:40px;
    padding-top: 30px;
    padding-bottom: 30px;
}
ul#nav>li a {
	box-sizing:border-box;
    color: #393939;
    float: left;
    font-size: 16px;
	font-weight: normal;
    display: block;
    position: relative;
    text-decoration: none;
	/*line-height:90px;*/
	z-index:999;
	padding-bottom:4px;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
		
}
ul#nav a:hover, ul#nav li.active>a  {
    color: #C83232;

}

/*/////////////COLONNE/////////*/
.flex_container {
  display: flex; /* or inline-flex */
}
.flex_middle_height {
  align-items: center;
}
/*/////////////COLONNE/////////*/


.container_col {
	position: relative;
    margin-left: -15px;
    margin-right: -15px;

}



.col_block {
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
}

.col_block .col {
    display: inline-block;
    float: none;
    vertical-align: text-top;
    text-align: left;
}

.page_team .col3, .page_team .col4{
	float: left;
}





.gutter-sizer{
	width:calc(((100% - (12*30px))/12)*1);
	padding: 15px;	
}

.grid-sizer{
	width:calc(((100% - (12*30px))/12)*1);
	padding: 15px;
}
/* GRID */

.grid, .grid_packery{
	display: block;
	margin-left: -15px;
	margin-right: -15px;
}
.col{
	float: left;
	position: relative;
	margin: 15px;
	box-sizing: border-box;
}

form .col {
    margin: 10px;
}

.col_no_pad{
	padding: 0px !important;	
}
.col_pad_img{
	padding: 25px 0px !important;	
}
.col1{
	width:calc(((100% - (12*30px))/12)*1);
}
.col2{
	width:calc((((100% - (12*30px))/12)*2) + (1 * 30px));
}
.col3{
	width:calc((((100% - (12*30px))/12)*3) + (2 * 30px));
}
.col4{
	width:calc((((100% - (12*30px))/12)*4) + (3 * 30px));
}
.col5{
	width:calc((((100% - (12*30px))/12)*5) + (4 * 30px));
}
.col6{
	width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}
.col7{
	width:calc((((100% - (12*30px))/12)*7) + (6 * 30px));
}
.col8{
	width:calc((((100% - (12*30px))/12)*8) + (7 * 30px));
}
.col9{
	width:calc((((100% - (12*30px))/12)*9) + (8 * 30px));
}
.col10{
	width:calc((((100% - (12*30px))/12)*10) + (9 * 30px));
}
.col11{
	width:calc((((100% - (12*30px))/12)*11) + (10 * 30px));
}
.col12{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}


.col img, .col a img, .col_full img{
	max-width:100% !important;
	height:auto !important;
}


.col_center *{
	text-align:center;	
}

.col_right{
	float:right !important;	
}


.col_carre{
	background-position:center center;
	background-repeat:no-repeat;
	background-size: contain;
	background-color: #FFF;
	display:block;
	content:"";
	padding-top: 100%;
}


.col_separator{
	width:100%;
	height:1px;
	float:left;
}


.colseparateur{
	width: 100%;
	clear: both;
	margin: 0px !important;
	min-height: 0px !important;
	height: 1px !important;
}

.col_full{
	position:relative;
	background-position: top center;
/*	background-position: center center;*/
	background-size:cover !important;
	background-repeat: no-repeat;
	 background-attachment:fixed;
	 width:calc(100% - 30px);
	clear: both;
	height:70vh;
}


 .col_to_left .col{
	float:left;
}


.col_to_right  .col {
	float: right !important;
	
}

.col_full img{
	display:none;	
}

.after_col_full{
	width:100%;
	height:15px;
	float:left;
	
}





/*/////////////PAGE SECTION/////////*/
.page_standard{
	padding: 100px 0px;
}




.section_texte_image_left  {
	color: #747474;
	padding: 100px 0px;
}
.section_texte_image_left  h1 {
	font-size: 48px;
	padding-bottom:30px;
	color: #393939;
}
.section_texte_image_left.odd{
	background-color: #E9E9E9;
}
.section_texte_image_left.odd img{
/*	border-radius: 20px;*/
}



.section_texte{
	padding-top: 100px;
	padding-bottom: 100px;
}
.section_texte.odd{
	margin-top: -200px;
}



.page_team{
	padding: 35px 0px 100px 0px;
}

.page_team h2{
	padding-top: 35px;
	padding-bottom: 0px;
}

.team_box, .team_simple{
	font-size: 14px;
	
}
.team_simple{
	
	padding-left: 15px;
	
}
.team_img img{
/*filter: grayscale(100);*/
	margin-bottom: 20px;
}

.team_adresse{
	padding: 20px 0px;
	
}


.page_prestations{
		padding-top: 100px;
	padding-bottom: 100px;
}
.prestations_box{
	padding: 48px 50px;
	background-color: #FFF;
}


.page_contact{
		padding-top: 100px;
	padding-bottom: 100px;
}

.contact_adresse{
	font-size: 28px;
}


/*///////////// FOOTER /////////*/

#footer{
	width:100%;
	background-color:#C83232;
	color: #FFF;
	position:relative;
	padding:50px 0px 126px 0px;
}
#footer .col{

	padding:0px;
}



#footer a{
	margin:0px;
	padding:0px;
	text-decoration: none;
}
#footer ul.footernav  {
    display: block;
	list-style:none;
	margin:0px;
	padding:0px;
	/*float: left;*/
	
}

#footer ul.footernav.small  {
	margin-top: 20px;
}


#footer ul.footernav li {
	padding-top:0px;
    padding-left: 0px;
	padding-bottom:4px;
	text-align: left;
}
#footer ul.footernav li a {
	font-size: 16px;
	color: #FFFFFF;
}

#footer ul.footernav.small li a {
	font-size: 12px;
}


 /*///////////// FORM /////////*/
 
 
 .info_mail{
	 display:none;
	 
 }
 


 #infomail{
	 color:#F00 !important;
	 display:none;
 }
 
  #infomail.errormsg{
	  display:block !important;
	  
  }
.errormsg{
	color:#F00 !important;
}


input.errormsg:-moz-placeholder {
	color:#F00 !important;
	font-weight:bold;
}
input.errormsg::-moz-placeholder {
	color:#F00 !important;
	font-weight:bold;
}

input.errormsg::-webkit-input-placeholder {
	color:#F00 !important;
	font-weight:bold;
}

input.errormsg:-ms-input-placeholder {
	color:#F00 !important;
	font-weight:bold;
}



/*///////////// AUTRES /////////*/


#mobilemenu:not( .mm-menu ) {
   display: none;
}

.nomobile{
	display: inline-block;
}

.mobile{
	display: none ;
}


.video_ios{
	display:none ;	
}

body.ios .video_ios{
	display:block !important;
}

body.ios  .novideobackground{
	display:none;
}

.page_formation svg{
	max-width:100%;
	margin-top: 40px;
}







@keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}



@media all and (max-width:790px){
	
	
	#mm-1 .mm-navbar__title{
		visibility: hidden !important;
		
	}
	
	#my-hamburger{
		position:absolute;
		right:5px;
		top:50%;
    -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	transform: translateY(-50%);
		
		
	}
	.mm-page__blocker{
		z-index:99999999999;	
	}
	
	.mm-menu {
    background: #FFF !important;
    border-color: rgba(0,0,0,.1);
    color: #252122 !important;
}


	a.logo_phone img{
		width:50px !important;
		
	}
	
	body .main_nav,  .main_langue{
		display:none !important;

	}
	
	.nomobile, .nomobile2{
		display: none !important;
	}
	

	
	
	.mobile{
		display: inline-block !important;
	}
	
	
 #logo_phone{
		background-image:url(/img/logo.svg);
		background-position:left center;
		background-repeat:no-repeat;
		background-size:contain;
		 display:inline-block !important;
		 height:49px;
		 width:190px;
	 margin: 10px 0px;
	}
	
	

	
#menumobile {
    color: #4e4e4e;
    position: absolute;
    right: 14px;
    top: 16px;
    z-index: 999;
	width:40px;
	height:40px;
	
	}
	
	li.mobile_menu_separator{
		height:50px;	
	}
	
	

.flex_container {
    display: block;
}

	
h1 {
	font-size: 30px !important;
}

.col4,.col5, .col6, .col7, .col8, .col9, .col10, .col11{
    width: calc(100% - 30px) !important;
}


 .col2,  .col3{
	 width: calc(50% - 30px) !important;
	 float:left !important;
}
	
.section_texte_image_left {
    padding: 50px 0px;
}	
	
td {
	margin-bottom: 30px;
}
	
#footer  .col4, #footer  .col3{
width: calc(50% - 30px) !important;
}	
	
	
	body .container {
    padding-top: 69px;
}	
	
.page_standard, .page_prestations {
     padding-top: 30px;
}
.page_contact {
     padding-top: 15px;
}
.page_team {
    padding: 0px 0px 100px 0px;
	margin-top: -20px;
}

body.onepage .onepagepage:first-child  .section_texte   {
    padding-top: 30px;
}	


	
	
	
	
	
	
	
}
@media all and (max-width:650px){
td {
	float: left;
	width: 100% !important;
}
	

.page_formation svg{
	max-width:100%;
}
	
	
	
	
}

@media all and (max-width:500px){
#footer  .col4, #footer  .col3{
width: calc(50% - 30px) !important;
}
.col_right {
    float: left !important;
}		


	
	
}