/*
	Theme Name: Gantner theme
	Theme URI:
	Description: Theme wordpress de l'Espace Multimedia Gantner
	Version: 1
	Author: Fernand Dutilleux - bientot la peniche
	Author URI: http://www.bientotlapeniche.com

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	/*-moz-box-sizing:border-box;*/
	box-sizing:border-box;
	/*-webkit-font-smoothing:antialiased;*/
	/*font-smoothing:antialiased;*/
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	margin:0; padding:0;
}
body {
	/*color:#494949;*/
	margin:0; padding:0;
	font-size: 15px;
	font-size: 1.5rem;
	font-family:source_sans_proregular;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    /**zoom:1;*/
}

img {
	max-width:100%;
	vertical-align:bottom;
	/*-webkit-filter: grayscale(100%);*/
	/*-moz-filter: grayscale(100%);*/
	/*-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);*/
	/*filter: grayscale(100%);*/
}
.imageCouleur img, img.imageCouleur {
	/*-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);*/
	filter: grayscale(0);
}
img#imagelightbox {
	/*-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);*/
	filter: grayscale(0);
}

a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.floatLeft {float:left}
.floatRight {float:right}

.tooltip {font-size:14px; font-size:1.4rem}

/* Animation de loading de la page via Animsition */
.animsition-loading:after{color:#aaa;content:""}



/*------------------------------------*\
    GENERAL
\*------------------------------------*/

%vertical-align {
  position: relative;
  top: 50%;
  /*-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);*/
  transform: translateY(-50%);
}
.margeBootstrap {margin: 0 10px;}
.margeBootstrap .no-padding {padding:0}
.hachureSeparation {background-image:url(img/hachure.png); background-repeat:x; height:10px; margin: 20px 0 20px 0;}

.noPaddingLeft {padding-left:0}
.noPaddingRight {padding-right:0}
.paddingLeft {padding-left:20px;}
hr {border-top: 1px solid #000000;}
.morePlus {font-weight:bold; font-size:16px; font-size:1.6rem; width:30px; height:30px; background:#000000; line-height:30px; text-align:center; display:block; color:#FFFFFF; margin-top:10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }

.espace {margin-top:50px;}

/* BOUTONS / BOUTONS ICON ET BOUTON FILTRE */
.button {
  display: inline-block;
  padding: 5px 10px;
  margin-left: 0px;
  margin-right: 0px;
  background:none;
  font-size: 16px;
  cursor: pointer;
  text-align:center;
  margin-top:3px;
}
.button:hover {color: white;}
a.button:hover {color: white;}

.button .icon {
	display: block;
	float: left;
	clear: both;
	line-height: 20px;
	height: auto;
	width: auto;
	margin-right: 3px;
	margin-top: 2px;
	background-color:transparent;
	color:#000000;
	border-radius: 0;
}
a.button:hover .icon {color: white;}

.button-right-align {float:right; margin-top:-10px;}


/* SEARCH MODULE */
.moduleRecherche {position:absolute; bottom:80px; left:30px; width:180px; border-bottom:1px solid #000000; padding-bottom:10px;}
.moduleRecherche input[type="search"] {color:#545454; border:none; float:left; width:130px;}
.moduleRecherche button[type=submit] {background:#ffffff; border:0 none; padding-right:0;}
.moduleRecherche button[type=submit]:hover {color:#000000;}
.moduleRecherche .icon {
	margin: 0;
	text-align:right;
	position: relative;
	width: 40px;
	height: 32px;
	font-size: 25px;
	background-color:transparent;
	float:right;
	overflow:visible;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin-top:-10px;
}

/* SEARCH RESULT */
.searchResult h1 {margin-top:80px;}
.searchResult h2 {font-size : 16px; font-size:1.6rem; margin-top:0px;}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* Le conteneur de l'ensemble du contenu hors jambe */
.leCentre {padding:0 0 0 250px; overflow:hidden; background-color:#f7f7f7; }
/* wrapper */
.wrapper {
	position:relative;
}
.contenu {margin: 0 0px 0 0px;}
/* header */
header {
 position:fixed;
 height:100%;
 width:250px;
 background-color:#FFFFFF;
 z-index:100;
}
/* Section VC-Composer */
.standard-section {max-width:1400px; margin:0 auto;}
.full-width-section {width:100%}
.full-width-section-marge {padding: 0 40px;}

/* logo */
#logo {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left:30px; margin-top:-120px;
  	  width:190px;
	  height:105px;
	  background-repeat:none;


}
header #logo img {
  width:184px; height:105px;
}

#centenaire img{
position: absolute;
bottom: 180px;
right: 90px;
z-index: 201;
width : 30%;
}


/* footer */
.footer {
	margin-top: 40px; padding-top :40px; padding-bottom:40px; color:#FFFFFF;
}
.footer a {color:#FFFFFF}
.footer a:hover {color:#000000}

.footer .col-md-4 {
	padding-right: 10px;
	padding-left: 10px;
	}

	.youtube{
position: absolute;
bottom: 6px;
right: 5px;
z-index: 200;

}
#webtv{
position: absolute;
bottom: -3px;
right: 74px;
z-index: 201;
}

/*------------------------------------*\
    HOME SLIDER
\*------------------------------------*/

#rev_slider_1_1 {margin-left:250px; overflow:hidden;} /* decalage de la largeur de la navigation sur le slider de la home  */
.fullwidthabanner {margin-left:125px; overflow:hidden;} /* decalage de la largeur de la navigation sur les sliders fullwidth  */
.fullscreenbanner {margin-left:250px;}

.tp-bullets {padding-left:250px; z-index:1000; } /* navigation interne decalee aussi */
/* Passage en niveaux de gris des images en background */
.tp-bgimg {
		/*-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);*/
         filter: gray;
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.slot  {
		/*-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);*/
         filter: gray;
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}


/*------------------------------------*\
    BORDURE
\*------------------------------------*/
.bordureLarge {border:35px solid;}


/*------------------------------------*\
    NAV
\*------------------------------------*/
/* Au dessus de la nav : home + rendez-vous */
ul#menu-header{
	padding:0; margin:30px 0 0 30px;
	display:block;
	}
ul#mainNav {
	padding:0; margin:00px 0 0 30px;
	display:block;
	}
ul#mainNav li:hover {
	cursor:pointer;
	}
#mainNav li, ul#menu-header li {
	height:20px;
	line-height:20px;
	font-family: 'source_sans_probold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:15px; font-size:1.5rem;
	list-style:none;

	}
/*#mainNav li:hover ul.sousMenus  {*/
#mainNav li ul.open  {
	opacity: 1;
	left: 250px;
	bottom: 0;
	visibility:visible;
	transition: all 0.5s ease;
}
#aplatSousMenu {
	border: none !important;
	/*background-color: #f5f7f8 !important;*/
	width: 250px !important;
	position: fixed;
	top: 0;
	left: -250px;
	bottom: 0;
	opacity: 0;
	z-index: 90;
	transition: all 0.5s ease;
}

ul.sousMenus {
	border: none !important;
	width: 250px !important;
	position: fixed;
	top: 0;
	left: 170px;
	visibility:hidden;
	opacity: 0;
	z-index: 95;
	transition:none;
	padding:0 0 0 30px; margin:30px 0 0 0;
	}
ul.sousMenus li {list-style:none; color:#FFFFFF}
ul.sousMenus li a {color:#FFFFFF}
ul.sousMenus li a:hover {color:#000000; cursor:pointer;}

ul.sousMenus li.current-menu-item a {color:#000000}

/* Second niveau */
ul.sub-menu {padding-left:0px;}

/* Hamburger Nav */
#contientIcon-nav { display:none;}
#nav-icon {
  width: 40px;
  height: 40px;
  position:relative;
  /*-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);*/
  transform: rotate(0deg);
  /*-webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;*/
  transition: .5s ease-in-out;
  cursor: pointer;
  background-color: #000000;
  /*-webkit-border-radius: 20px;
  -moz-border-radius: 20px;*/
  border-radius: 20px;
  opacity:0.5;
  z-index:2100;

}

#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 24px;
  background: #ffffff;
  opacity: 1;
  left: 8px;
  /*-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);*/
  transform: rotate(0deg);
  /*-webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;*/
  transition: .25s ease-in-out;
}


#nav-icon span:nth-child(1) {
  top: 12px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 18px;
}

#nav-icon span:nth-child(4) {
  top: 24px;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  /*-webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);*/
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  /*-webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);*/
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}


/*------------------------------------*\
    NAV MENU MOBILE
\*------------------------------------*/
.navigationMobile {
	background: #ffffff;
	color: #000000;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	/*display: table;*/
	z-index: 6000;
	opacity: 0;
	display:none;
	/*-webkit-transition: background 0.3s ease-in-out;*/
			transition: background 0.3s ease-in-out;
	/*-webkit-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;*/
			transform-origin: 50% 100%;
}

.navigationMobile.active {
		opacity: 1;
		top: 0px;
}
.navigationMobile.display {
	display:block;
	}

.contientNavMobile{
	/*opacity: 0;*/
	width:100%;
	height:100%;
	}

.logoMobile	{
	width:100%; padding-left:0px; margin-bottom:30px; padding-top:30px;
	position: relative;
}
.menuMobile {
	 padding:0 40px;
	position: relative;
	}

.navMobileColonne1 {width:30%; float:left}
.navMobileColonne2 {width:70%; float:left; padding-left:40px; margin-top:3px;}

.navigationMobile li {
	height:auto;
	line-height:17px;
	font-family: 'source_sans_probold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:16px; font-size:1.6rem;
	list-style:none;
	}


.navigationMobile ul li {
	opacity: 0;
	visibility: hidden;
	/*-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;*/
	transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
	/*-webkit-transform: translate3d(-15%,0,0);*/
	transform: translate3d(-15%,0,0);
}

.navigationMobile.active ul li {
	visibility: visible;
	opacity: 1;
	/*-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;*/
	transition: transform 0.3s, opacity 0.3s;
	/*-webkit-transform: translate3d(0,0,0);*/
	transform: translate3d(0,0,0);
}

.navigationMobile.active ul li:nth-child(1) {
	/*-webkit-transition-delay: 0.05s;*/
	transition-delay: 0.05s;
}
.navigationMobile.active ul li:nth-child(2) {
	/*-webkit-transition-delay: 0.1s;*/
	transition-delay: 0.1s;
}
.navigationMobile.active ul li:nth-child(3) {
	/*-webkit-transition-delay: 0.15s;*/
	transition-delay: 0.15s;
}
.navigationMobile.active ul li:nth-child(4) {
	/*-webkit-transition-delay: 0.2s;*/
	transition-delay: 0.2s;
}
.navigationMobile.active ul li:nth-child(5) {
	/*-webkit-transition-delay: 0.25s;*/
	transition-delay: 0.25s;
}


.navigationMobile .ulMenuMobile {padding:0; margin:0}
.navigationMobile .ulMenuMobile a.titreSousMenu {font-size:22px; font-size:2.2rem; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #A1A1A1; display:block;}



.menuMobile ul#menu-header {display:block; padding:0; margin:0}
.menuMobile ul#menu-header li {
	height:auto;
	line-height:auto;
	font-family: 'source_sans_probold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:16px; font-size:1.6rem;
	list-style:none;
}
.menuMobile ul#menu-header li a {font-size:22px; font-size:2.2rem; padding-bottom:5px; margin-bottom:30px; border-bottom:1px solid #A1A1A1; display:block; }
.navigationMobile ul.sousMenus {
	border: none !important;
	width: auto !important;
	position: relative;
	top: 0;
	left: 0px;
	visibility:visible;
	opacity: 1;
	z-index: 95;
	transition:none;
	padding:0; margin:0 0 35px 0;
	}
.navigationMobile ul.sousMenus li {list-style:none; color:#A1A1A1;}
.navigationMobile ul.sousMenus li a {color:#A1A1A1}
.navigationMobile ul.sousMenus li a:hover {color:#494949; cursor:pointer;}


/*------------------------------------*\
    LANGAGE SWITCHER
\*------------------------------------*/
#languageSwitcher {position:fixed; top:0; right:0; z-index:10000;}
#languageSwitcher ul li {display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; background-color:#6B6B6B; color:#FFFFFF; text-transform:uppercase; font-size:12px; font-size:1.2rem}
#languageSwitcher ul li a {color:#ffffff}

/*------------------------------------*\
    ICONES SOCIALES HEADER
\*------------------------------------*/
[data-icon]::before {
	font-family: "gantner" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon {
	margin: 0;
	text-align:center;
	line-height:40px;
	position: relative;
	width: 32px;
	height: 32px;
	color: #ffffff ;
	overflow: hidden;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	font-size: 20px;
}

.icon:hover {
	background-color:#494949;
}

ul.soMe {list-style:none; margin:0; padding:0; position:absolute; bottom:30px; left:30px; width:300px; }
ul.soMe li, ul.soMe li div {display:inline-block}
ul.soMe li {  margin:0; padding:0}


/*------------------------------------*\
    PARTAGE SOCIAL
\*------------------------------------*/

#socialPartage {float:right}
.essb_links.essb_template_grey-blocks-retina li a { margin: 0 10px 10px 0 }
.essb_links.essb_template_grey-blocks-retina li a {border:3px solid #6C6C6C}
.essb_links.essb_template_grey-blocks-retina {margin:0 0 0 0}
.essb_fixedwidth_80_ a {height:80px; line-height:65px; padding:0; }
.essb_links.essb_template_grey-blocks-retina .essb_icon {width:30px; height:30px;}
.essb_links.essb_template_grey-blocks-retina .essb_link_facebook a, .essb_links.essb_template_grey-blocks-retina li a {color:#FFFFFF}
.essb_links.essb_template_grey-blocks-retina .essb_link_facebook a:hover, .essb_links.essb_template_grey-blocks-retina .essb_link_facebook a:focus {color:#123456 !important;}
.essb_links.essb_template_grey-blocks-retina .essb_link_facebook .essb_icon,
.essb_links.essb_template_grey-blocks-retina .essb_link_twitter .essb_icon,
.essb_links.essb_template_grey-blocks-retina .essb_link_google .essb_icon,
.essb_links.essb_template_grey-blocks-retina .essb_link_pinterest .essb_icon,
.essb_links.essb_template_grey-blocks-retina .essb_link_linkedin .essb_icon
{background-size: 30px 30px;}
.essb_links.essb_template_grey-blocks-retina .essb_link_facebook a:hover .essb_icon,
.essb_links.essb_template_grey-blocks-retina .essb_link_twitter a:hover .essb_icon,
.essb_links.essb_template_grey-blocks-retina .essb_link_google a:hover .essb_icon,
.essb_links.essb_template_grey-blocks-retina .essb_link_pinterest a:hover .essb_icon,
.essb_links.essb_template_grey-blocks-retina .essb_link_linkedin a:hover .essb_icon
{background-size: 30px 30px;}

/*------------------------------------*\
    PAGE NAVI
\*------------------------------------*/
.wp-pagenavi { border-top:1px solid #efefef; padding-top:300px; padding-bottom:20px; text-align: center;
margin-bottom: 40px;
font-size: 16px;
}
.rendez-vous .wp-pagenavi { border-top:none; }
.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	border:none;
	margin: 2px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: #494949;
	color: #ffffff;
	font-weight: 600;
	border-radius:50%;
	/*-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		 -o-transition: all 0.2s;*/
			transition: all 0.2s;
	}
.wp-pagenavi span.current {
	color:#ffffff;
	}

.wp-pagenavi .extend {
	//background:none;}



/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* Pratique */
.tableauContact  table.vc-table-plugin-theme-simple tr.vc-th td {border:none; border-bottom:1px solid #DCDCDC}
.tableauContact table.vc-table-plugin-theme-simple td {padding-left:0}
.tableauContact table {width:100%}
.tableauContact table td {padding : 5px 0; vertical-align:top;}
.tableauContact table td + td { padding-left:15px;}


/*------------------------------------*\
    FORMULAIRES
\*------------------------------------*/
.wpcf7-form input, .wpcf7-form textarea {width:100%; border:none; margin-top:5px; color:#7B7B7B; padding:7px 10px; background-color:transparent;}
.wpcf7-form input[type="submit"] { color:#FDFDFD; text-transform:uppercase;}
div.wpcf7 {padding:20px; color:#FFFFFF}
div.wpcf7-response-output {margin: 1em 0}
div.wpcf7 input[type="submit"]:hover { background-color: #494949;}
.wpcf7-form input, .wpcf7-form textarea {border:1px solid #7a7a7a;}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/* Divider
/*-----------------------------------------------------------------------------------*/
.divider{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	border-bottom:1px dotted #494949;
	margin:60px 0;
	height:1px;
}

/*-----------------------------------------------------------------------------------*/
/* Train d'arbo
/*-----------------------------------------------------------------------------------*/
.train {margin-top : 75px;}
.trainNiv1 {text-transform:uppercase}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family: 'fatfrankregular';
    src: url('fonts/fatfrank-webfont.eot');
    src: url('fonts/fatfrank-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fatfrank-webfont.woff2') format('woff2'),
         url('fonts/fatfrank-webfont.woff') format('woff'),
         url('fonts/fatfrank-webfont.ttf') format('truetype'),
         url('fonts/fatfrank-webfont.svg#fatfrankregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_probold';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
    src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_probold_italic';
    src: url('fonts/sourcesanspro-boldit-webfont.eot');
    src: url('fonts/sourcesanspro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-boldit-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-boldit-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-boldit-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('fonts/sourcesanspro-it-webfont.eot');
    src: url('fonts/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-it-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-it-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-it-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('fonts/sourcesanspro-semibold-webfont.eot');
    src: url('fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proSBdIt';
    src: url('fonts/sourcesanspro-semiboldit-webfont.eot');
    src: url('fonts/sourcesanspro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-semiboldit-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-semiboldit-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-semiboldit-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-semiboldit-webfont.svg#source_sans_proSBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gantner';
    src: url('fonts/gantner.eot');
    src: url('fonts/gantner.eot?#iefix') format('embedded-opentype'),
         url('fonts/gantner.woff') format('woff'),
         url('fonts/gantner.ttf') format('truetype'),
         url('fonts/gantner.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* FONT SIZE */
.fontsize-xs {font-size: 12px; font-size: 1.2rem;}
.fontsize-s {font-size: 14px; font-size: 1.4rem;}
.fontsize-m {font-size: 16px; font-size: 1.6rem;}
.fontsize-l {font-size: 20px; font-size: 2rem;}
.fontsize-xl {font-size: 22px; font-size: 2.2rem;}
.fontsize-xxl {font-size: 24px; font-size: 2.4rem;}
.fontsize-xxxl {font-size: 26px; font-size: 2.6rem;}
.fontsize-xxxxl {font-size: 28px; font-size: 2.8rem;}
.fontsize-xxxxxl {font-size: 30px; font-size: 3rem;}
.fontweight-300 {font-weight:300}
.fontweight-700 {font-weight:700}
.transform-uppercase {text-transform:uppercase}




/* FONT STYLE */
h1.titrePage { font-size:40px; font-size:4rem; margin:0;}
h1.titrePageDeuxiemeNiveau { font-size:25px; font-size:2.5rem; margin:0;}
.chapo {font-size:20px; font-size:2rem;  font-family:source_sans_prosemibold; margin-bottom:20px; margin-top:25px;}
.chapoSmall {font-size:16px; font-size:1.6rem;}
.grosSlash {font-size:40px; font-size:4rem}

h1, h2, h3 {font-family:fatfrankregular; font-weight:normal;}
/*-----------------------------------------------------------------------------------*/
/* BOOTSTRAP
/*-----------------------------------------------------------------------------------*/
.col-md-3 {padding-left:10px; padding-right:10px}
.col-md-9 {padding-left:10px; padding-right:10px}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

.hide1000 {display:block;}
.hide991 {display:block;}
.hide480 {display:block;}


/*------------------------------------*\
    SCROLLER MENU ISCROLL
\*------------------------------------*/
#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	/*-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);*/
	transform: translateZ(0);
	/*-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;*/
	user-select: none;
	/*-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;*/
	text-size-adjust: none;
}




@media only screen and (max-width:1500px) {
	/* FOOTER */
		.footer .col-md-4 {padding: 0 40px; text-align:left;}

}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1140px) {

}
@media only screen and (max-width:991px) {
	.hide991 {display:none;}
}
@media only screen and (max-width:991px) {
	.hide1000 {display:none;}
	/* FOOTER */
		.footer .col-md-4 {padding: 0 20px; text-align:left;}

}

@media only screen and (max-width:1024px) {
	/* TYPO */
		.chapo {font-size:15px;font-size:1.5rem}
	/* FOOTER */
		.footer .col-md-4 {padding: 0 40px; text-align:left;}
	/* SOCIAL PARTAGE */
		#socialPartage {float:left;}

	.tableauContact  table.vc-table-plugin-theme-simple tr.vc-th td {border:none;}
	.tableauContact table.vc-table-plugin-theme-simple td {padding-left:0; border:none; padding:2px 0 2px 0}
	.tableauContact table tr {margin-top:10px; display:block;}
	.tableauContact table td {display:block; border:none; padding-left:0; }
	.tableauContact table td + td {padding-left:0}
}

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

	/* HEADER ET NAVIGATION */
		header {
		 position:absolute;
		 height:120px;
		 width:100%;
		 background-color:#FFFFFF;
		 z-index:100;
		 top:0; left:0;
		}
		header #logo {
		  position: relative;
		  top: -10%;
		  -webkit-transform: translateY(0%);
		  -ms-transform: translateY(0%);
		  transform: translateY(0%);
		  margin:0;
		  margin-left:20px; margin-top:40px;
		  width:150px;
		  height:83px;
		  background-repeat:none;
		  background-size:cover;
		}
		.soMe {display:none;}
		.moduleRecherche {display:none;}

		ul#mainNav, ul#menu-header {
		display:none;
		}
		#contientIcon-nav { position:fixed; top:40px; right:20px; z-index:7000; display:block;}
	/* STRUCTURE */
		.leCentre {padding-left:0}
		.contenu {margin-top:150px;}
		.full-width-section-marge {padding: 0 0px;}
	/* SLIDER */
		.contenuHomeSlider {margin-top:0px;} /* Calage en haut de la page */
		.sliderTopPage {margin-top:120px;} /* Calage en haut de la page */
		#rev_slider_1_1 {margin-left:00px;} /* supression decalage de la largeur de la navigation */
		.fullwidthabanner {margin-left:00px;} /* supression decalage de la largeur de la navigation */
		.fullscreenbanner {margin-left:00px;}
		.tp-bullets {padding-left:00px; } /* navigation interne decalee aussi */
	/* FOOTER */
		.footer .col-md-4 {padding: 0 20px; text-align:center;}
	/* SOCIAL PARTAGE */
		#socialPartage {float:left;}

}

@media only screen and (max-width:600px) {
	/* NAV MOBILE */
	.navMobileColonne1 {width:40%; float:left}
	.navMobileColonne2 {width:60%; float:left; padding-left:40px;}
}


@media only screen and (max-width:320px) {
	/* HEADER ET NAVIGATION */
		header {display:none;}
		#contientIcon-nav { position:fixed; top:40px; right:20px; z-index:7000; display:block;}
		.contenu {margin-top:80px;}
		.contenuHomeSlider {margin-top:0px;}/* suppression de la marge de 80 du .contenu*/
		.sliderTopPage {margin-top:0px;} /* Calage en haut de la page */

		/* NAV MOBILE */
	.navMobileColonne1 {width:100%; float:none}
	.navMobileColonne2 {width:100%; float:none; padding-left:0px;}
}

@media only screen and (max-width:480px) {
	.hide480 {display:none;}
	/*.logoMobile {display:none}*/
	.menuMobile {width:100%; padding: 10px 20px}
	h1.titrePage { font-size:25px; font-size:2.5rem; margin:0;}
	/* FOOTER */
		.footer .col-md-4 {padding: 0 20px; text-align:left;}
	/* SOCIAL PARTAGE */
		#socialPartage {float:left;}
		#socialPartage ul li {float:left;}

	/* NAV MOBILE */
	.navMobileColonne1 {width:100%; float:none}
	.navMobileColonne2 {width:100%; float:none; padding-left:0px;}
}






@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	/*background:#04A4CC;
	color:#FFF;*/
	text-shadow:none;
}
::-webkit-selection {
	/*background:#04A4CC;
	color:#FFF;*/
	text-shadow:none;
}
::-moz-selection {
	/*background:#04A4CC;
	color:#FFF;*/
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}