/*--------------------------------------------------------------------------------------- */
/* Polices locales via font-face */
/*--------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'open_sansbold';
    src: url('../font/opensans-bold-webfont.eot');
    src: url('../font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-bold-webfont.woff2') format('woff2'),
         url('../font/opensans-bold-webfont.woff') format('woff'),
         url('../font/opensans-bold-webfont.ttf') format('truetype'),
         url('../font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../font/opensans-extrabolditalic-webfont.eot');
    src: url('../font/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('../font/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('../font/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('../font/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../font/opensans-light-webfont.eot');
    src: url('../font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-light-webfont.woff2') format('woff2'),
         url('../font/opensans-light-webfont.woff') format('woff'),
         url('../font/opensans-light-webfont.ttf') format('truetype'),
         url('../font/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../font/opensans-regular-webfont.eot');
    src: url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-regular-webfont.woff2') format('woff2'),
         url('../font/opensans-regular-webfont.woff') format('woff'),
         url('../font/opensans-regular-webfont.ttf') format('truetype'),
         url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../font/opensans-semibold-webfont.eot');
    src: url('../font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-semibold-webfont.woff2') format('woff2'),
         url('../font/opensans-semibold-webfont.woff') format('woff'),
         url('../font/opensans-semibold-webfont.ttf') format('truetype'),
         url('../font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldbold';
    src: url('../font/oswald-bold-webfont.eot');
    src: url('../font/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/oswald-bold-webfont.woff2') format('woff2'),
         url('../font/oswald-bold-webfont.woff') format('woff'),
         url('../font/oswald-bold-webfont.ttf') format('truetype'),
         url('../font/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'guifx';
	src: url('../font/guifx_v2_transports-webfont.eot');
	src: url('../font/guifx_v2_transports-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/guifx_v2_transports-webfont.woff2') format('woff2'),
		 url('../font/guifx_v2_transports-webfont.woff') format('woff'),
		 url('../font/guifx_v2_transports-webfont.ttf') format('truetype'),
		 url('../font/guifx_v2_transports-webfont.svg#guifx_v2_transportsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'icons';
  src: url('../font/icons.eot?94882694');
  src: url('../font/icons.eot?94882694#iefix') format('embedded-opentype'),
       url('../font/icons.woff?94882694') format('woff'),
       url('../font/icons.ttf?94882694') format('truetype'),
       url('../font/icons.svg?94882694#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*--------------------------------------------------------------------------------------- */
/* Style Reset - Normalize */
/*--------------------------------------------------------------------------------------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,picture,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,picture,main,nav,section,summary,iframe{display:block}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}a:active,embed,object{outline:0}audio,canvas,video{vertical-align:middle;display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus,button:focus{outline:thin dotted}abbr[title]{border:0}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:0;padding:0;border:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1em}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:100%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}nav ol,nav ul{list-style:none;list-style-image:none;margin:0}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button{padding:0;border:0 none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
.galleryImg{ cursor: pointer;}

abbr[title]{ text-decoration: none;}

/*--------------------------------------------------------------------------------------- */
/* Styles generaux */
/*--------------------------------------------------------------------------------------- */

/* - - - - - Box-model - - - - - */
*, *:before, *:after{
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}


td, th { vertical-align:top; }
hr{ margin: 1em 0; border-top: 1px solid #ccc; }
img{ display:block; vertical-align: middle; }
blockquote{ margin:2em 0; font-style:italic; border-left:2px solid #CCC; padding-left: 1em; }
blockquote p{margin-bottom:0.5em;}
cite{ font-weight:bold; }
q{ font-style:italic; }

/* Methode de clear float */
.clear{ clear:both; }
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0; }
.ie8 .clearfix { zoom:1; }

/* Cacher pour les lecteurs d'ecrans et navigateurs */
.hidden, .champCache{ display: none !important; visibility: hidden; }

/* Passe la navigation, pour screen reader */
.passeNav { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }


/* Body et HTML
--------------------------------------------------------------------------------------- */
body{font:14px/23px 'open_sanslight', Arial, Helvetica, sans-serif; color:#707070; background: #e6e7e8;}
body.pAccueil {background: #fff;}

.miniConsole {position: fixed; top:inherit !important; left:inherit !important; right: 20px !important; bottom: 20px !important; width:60px;}

.mobile { display:block !important;}
.desktop {display: none !important;}
.print {display: none !important;}

.alignC {text-align: center;}


/* Conteneurs
--------------------------------------------------------------------------------------- */
/* Code pour le Sticky footer */
.wrapContenu {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -103px;}
footer, .push {height: 103px;}

main{min-height:500px; padding:0 0 50px 0;}
.pAccueil main {padding-bottom: 0;}
main.noPaddingB {padding-bottom: 0;}

#conteneur{position:relative; padding:20px 20px 0 20px; z-index: 10;}
.centre {max-width: 980px; margin:0 auto;}

#entete{padding:20px 0;}

#entete .contenu {position: relative;}


@media only screen and (min-width: 640px) {
	.wrapContenu {margin: 0 auto -83px;}
	footer, .push {height: 83px;}

	.pAccueil #conteneur{padding:0px;}
}

@media only screen and (min-width: 768px) {
	.wrapContenu {margin: 0 auto -60px;}
	footer, .push {height:60px;}
}

@media only screen and (min-width: 980px) {
	#conteneur, .pAccueil #conteneur{padding:50px 0 0 0;}
    main {padding-top: 90px;}

	#entete .contenu {position: relative; float: left;}
}

/* Titres
--------------------------------------------------------------------------------------- */
h1{ font:34px/40px 'open_sansextrabold_italic', Arial, Helvetica, sans-serif; color:#fff; text-transform: uppercase; margin-bottom:0;}
h2{ font:32px/32px 'open_sansbold', Arial, Helvetica, sans-serif; color:#202020; margin:0 0 0.875em 0;}
h3{ font:20px/27px 'open_sanssemibold', Arial, Helvetica, sans-serif; color:#202020; margin:1em 0 0.5em 0; }
h4{ font:16px/22px 'open_sanssemibold', Arial, Helvetica, sans-serif; color:#202020; margin:1em 0 0.5em 0; }

h1.tiPage {margin-bottom: 16px;}
h1.tiPage, h3 a {color: #202020;}

@media only screen and (min-width: 360px) {
    h1 {font-size: 40px;}
}

/* Hyperliens
--------------------------------------------------------------------------------------- */
a{color:#707070; text-decoration:none; -webkit-transition: color,background-color 0.15s linear 0s; transition: color,background-color 0.15s linear 0s;}
a:hover, a:focus, a:active{ outline:none; }

.retour {font-family: 'open_sanssemibold'; color: #202020; font-style: italic;}
.retour:before {content: '<'; font:12px 'guifx'; color: #f55a36; margin-right: 5px;}

/* Textes et CMS
--------------------------------------------------------------------------------------- */
.incTinyMce a{ color:#f55a36; text-decoration:underline; }
.incTinyMce abbr[title]{border-bottom:1px dotted; }
.incTinyMce img{ max-width:100%; max-height: 100%; }

/* - - - Listes - - - */
.incTinyMce ul, .incTinyMce ol{ margin-bottom:1em; overflow:hidden; }
.incTinyMce ul li{position:relative; list-style: none; line-height: 23px; margin:0 0 8px 1em; }
.incTinyMce ul li:before {position:absolute; top:8px; left:-1.5em; width:1em; font:8px 'guifx';/* 13/16 */ color: #f55a36; content: '4';}
.incTinyMce ol li{ margin-left:20px; }
.incTinyMce ol ol > li{ list-style:lower-alpha; }

/* Liste incrementale stylable */
ol {counter-reset:li; margin-left:0; padding-left:0;}
ol > li {position:relative; list-style:none; line-height: 22px; margin:0 0 13px 1em;}
ol > li:before { position:absolute; top:3px; left:-1.5em; width:1em; content:counter(li)'.'; counter-increment:li; font:12px 'open_sansbold';/* 13/16 */ color:#f55a36;}

/* - - - Image en float - - - */
.mortaise{font-size:12px; text-align:center; margin:0.25em auto 1.25em auto;}
.mortaise img{ width: 100%; max-width: 240px; margin:0 auto;}

.intro{ font:16px 'open_sansbold'; color: #202020; }
.note{ font:13px 'open_sanslight'; font-style: italic; line-height: 1.5em; }

.vide{font:bold 18px/25px Arial, Helvetica, sans-serif; color:#000; text-align:center; padding:50px 0;}

/* Points de suspension a la fin de la fonction couperTexte */
.hellip{font-size:0.9em; color:#707070; white-space:nowrap;}

/* - - - Responsive video - - - */
.videoConteneur{ max-width:520px; margin:0 auto; }
.video{position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; /* Ratio 16/9 */ padding-top: 30px; /* Hauteur des controles */}

.video iframe, .video object, .video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* - - - Style par défaut d'un tableau - - - */
.incTinyMce table{margin-bottom: 1em; border: 1px solid #666;}
.incTinyMce table caption{font: normal 14px/16px Arial, Helvetica, sans-serif;}
.incTinyMce table th{font-weight: bold; color: #fff; border: 1px solid #666; background: #333;}
.incTinyMce table td, .incTinyMce table th{min-width: 50px; padding: 0.25em 0.5em;}
.incTinyMce table tr:nth-child(even){ background: #eee; }

@media only screen and (min-width: 640px) {
  .mortaise{float:left; margin:0.25em 1.25em 1.25em 0;}
}

/* Icones
--------------------------------------------------------------------------------------- */
/* Creer une icone sur les liens PDF et RSS */
.lienPDF{ display:inline-block; margin:1em 0; line-height:30px; }
.lienPDF:before{
	content:"";
	display:inline-block;
	width:29px;
	height:31px;
	margin-right:6px;
	background:url(../gx/m/icone-pdf.png) 0 0 no-repeat;
	vertical-align:-10px;
}

.lienRSS{ display:inline-block; margin:1em 0; }
.lienRSS:before{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:6px;
	background:url(../gx/m/icone-rss.png) 0 0 no-repeat;
	vertical-align:-3px;
}



[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before { content: '\e800'; } /* telephone */
.icon-share:before { content: '\e801'; } /* partage */
.icon-paper-plane:before { content: '\e802'; } /* form contact */



/* Bouton/cta
--------------------------------------------------------------------------------------- */
.btnGen {display:inline-block; height: 35px; font: 1em/2.5em 'open_sansbold'; color: #fff; border-radius: 2px; padding:0 38px;}

.btn1 {background-color: #f55a36;} /* bouton orange */
.btn1:hover {background-color: #202020;}

.ctaGen {display: block; width: 100%; height: 100px; max-width: 280px; font:14px/14px 'open_sanslight'; color: #fff;
	text-align:left; margin:0 auto 20px auto; padding:30px 0 0 10px; background-color: #f55a36;
}
.ctaGen span {font:24px/30px 'open_sansextrabold_italic'; text-transform: uppercase;}
.ctaGen:after {float:right; font:30px 'guifx'; content: '>'; margin:-10px 10px 0 0;}

.ctaGen:hover {background-color: #202020;}

@media only screen and (min-width: 768px) {
	.ctaGen {display: inline-block; width: 32%; max-width: 100%; }
	.ctaGen:nth-child(2) {margin:0 1.373%;}
}

@media only screen and (min-width: 980px) {
	.ctaGen {display: block; width: 100%; max-width: 320px; margin:0 0 20px 0;}
	.ctaGen:nth-child(2) {margin:0 0 20px 0;}
}


/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
#wrapHd {width: 100%; background-color: #202020;}
#wrapHd .inner {max-width: 940px; margin: 0 auto; }

#logo{display:block; position: relative; top:15px; /*width: 124px;*/ margin:0 auto;}
#logo img{width:101px; margin:0 auto;}

@media only screen and (min-width: 980px) {
    #logo img{display:block; width:181px; position:absolute; top:-28px; margin:0;}
}

#btnSoumissionMobile {position: absolute; top:12px; right: 10px; width: 35px; text-align: center; padding:0;}
#btnSoumissionMobile .icSoumission {position:absolute; top:6px; left:7px; width: 21px; height: 21px;}

@media only screen and (min-width: 980px) {
  #wrapHd {position:fixed; z-index: 998;}

	#logo {top:24px; left:0; width: 181px; margin: 0;}
	#btnSoumissionMobile {display: none;}
}


/* Menu principal
--------------------------------------------------------------------------------------- */
#menu.bureau {float:right; display: inline-block; width: 80%;}
#menu.bureau > ul {float:right;}
#menu.bureau > ul > li {display: inline-block; position: relative; text-align: left;}
#menu.bureau > ul > li > a {}

#menu.bureau a {display: block; padding: 0 12px; font:15px/22px 'open_sansbold'; color: #fff; text-decoration: none; position: relative;}
#menu.bureau a:hover, #menu.bureau a.actif {color: #f55a36;}

#menu.mobile > ul > li.desktop {display: none !important;}

#menu.bureau > ul > li.desktop {display: inline-block !important;}
#menu.bureau > ul > li.desktop a {line-height:33px; padding:0 25px;}

/* Menu secondaire
--------------------------------------------------------------------------------------- */
#menuSec {display: none;}

@media only screen and (min-width: 980px) {
	#menuSec{display: inline-block; float:right; width: 80%; font:0.857em/1em 'open_sansregular', Arial, Helvetica, sans-serif;/* 12-22/14 */ margin:10px 0 14px 0;}
	#menuSec ul {float: right;}
	#menuSec li{ float:left; }
	#menuSec a{color:#fff; padding:0 6px; }
	#menuSec a:hover, #menuSec a.actif {color: #f55a36;}

	#menuSec li.dernier {font:14px/12px 'open_sansbold';}
	#menuSec li.dernier a:before {font:14px 'icons'; content: '\e800'; color: #f55a36; margin-right: 7px; vertical-align: -1px;}
}

/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
#colPrincipale{width:100%; padding:20px; background-color: #fff;}
#colPrincipale.width100 {width: 100%; max-width: 100%;}

@media only screen and (min-width: 980px) {
	#colPrincipale{float:left; width: 65.306%; max-width:640px; margin-right:2.040%; padding:30px 20px;}
}


/* Sidebar
--------------------------------------------------------------------------------------- */
#sidebar {width: 100%; padding: 20px 0 0 0;}

#boiteSidebar {text-align: left; margin-bottom:20px; padding:20px; background-color: #fff;}
#boiteSidebar > p {font:20px 'open_sanssemibold'; color: #202020; margin-bottom: 18px; padding-bottom: 13px; border-bottom:3px solid #dbdbdb;}
#boiteSidebar li {margin-bottom: 7px;}
#boiteSidebar li a {font-family: 'open_sanslight'; color:#707070;}
#boiteSidebar li a:before {content: '>'; font: 14px 'guifx'; color: #f55a36; margin-right: 12px;}

#boiteSidebar li a:hover {color: #202020;}
#boiteSidebar li a.actif {color: #f55a36;}

@media only screen and (min-width: 768px) {
    #sidebar{text-align: center;}
}

@media only screen and (min-width: 980px) {
    #sidebar{float:left; width: 32.653%; max-width:320px; padding:0;}
}

/* BANNIERES PAGE
--------------------------------------------------------------------------------------- */
#banniere {width: 100%; max-width: 1920px; margin:0 auto; z-index: 0;}
	#banniere img {width: 100%;}

#banniereTitre {display:table; width:100%; height: 125px; background-size: cover;}
#banniereTitre .centre {position: relative; display: table-row; height: 100%;}
#banniereTitre .centre h1 {display:table-cell; line-height: 32px; text-align: center; padding:0 10px; vertical-align: middle;}
#banniereTitre .centre h1 > span {position:relative; display: table; width:100%; height: auto; max-width: 980px; margin:0 auto; vertical-align: middle;}
#banniereTitre .centre h1 > span > span {position: relative; top: 0; bottom: 0; left: 0; height: 100%; vertical-align: middle;}
#banniereTitre .centre h1 > span > img {display: none;}

#banniereTitre.img1 {background: url(../gx/m/banniere-titre-640.jpg) 50% 0 no-repeat;}
#banniereTitre.img2 {background: url(../gx/m/banniere-titre2-640.jpg) 50% 0 no-repeat;}

@media only screen and (min-width: 640px) {
    #banniereTitre {height: 150px;}
    #banniereTitre.img1 {background: url(../gx/m/banniere-titre-768.jpg) 50% 0 no-repeat;}
    #banniereTitre.img2 {background: url(../gx/m/banniere-titre2-768.jpg) 50% 0 no-repeat;}

	#banniereTitre .centre h1 {text-align: left; margin-left: 20px;}
    #banniereTitre.img1 .centre h1 > span > span { padding:0 40px;}
    #banniereTitre.img2 .centre h1 > span > span { padding:0 10px;}
}

@media only screen and (min-width: 768px) {
	#banniereTitre.img1 {background: url(../gx/m/banniere-titre-1170.jpg) 50% 0 no-repeat;}
    #banniereTitre.img2 {background: url(../gx/m/banniere-titre2-1170.jpg) 50% 0 no-repeat;}
}

@media only screen and (min-width: 980px) {
	#banniereTitre {height: 200px;}
    #banniereTitre.img1 {background: url(../gx/m/banniere-titre.jpg) 50% 0 no-repeat;}
    #banniereTitre.img2 {background: url(../gx/m/banniere-titre2.jpg) 50% 0 no-repeat;}

    #banniereTitre.img1 .centre h1 > span > span { padding:0 20px;}
    #banniereTitre.img2 .centre h1 > span > span { padding:0;}
    #banniereTitre .centre h1 > span > img {display:inline; margin-left:55px;}
    #banniereTitre .centre h1 > span > img.viContact {margin-left: 10px;}
}

@media only screen and (min-width: 1000px) {
    #banniereTitre .centre h1 > span > img.viContact {margin-left: 29px;}
}

/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */
#plan ul{ list-style:none; }
#plan ul ul{ margin-left:1em; }
#plan a {text-decoration: none;}


/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */
/*CTA*/
.ctaAcc {clear:both; display: block; width: 100%; max-width:256px; height: 191px;
	font:1.786em/1.240em 'open_sanssemibold';/* 25-31/14 */ color:#fff; text-align: center; text-transform: uppercase;
	margin:0 auto 1px auto; padding-top: 70px;
}
	.ctaAcc span {font:1.240em/1em 'open_sansextrabold_italic';/* 31-31/25 */}

.ctaAcc:hover {text-decoration: underline;}

#cta1 {background: url(../gx/01/sprite-cta-mobile.jpg) 0 0 no-repeat;}
#cta2 {background: url(../gx/01/sprite-cta-mobile.jpg) 0 -192px no-repeat;}
#cta3 {background: url(../gx/01/sprite-cta-mobile.jpg) 0 -384px no-repeat;}

/*TEXTE EXPERTISE*/
#txtExpertise {padding:40px 0 0 0;}
	#txtExpertise h2 {position:relative; font:40px/40px 'open_sansextrabold_italic'; text-transform: uppercase; text-align: center;}
	#txtExpertise h2:after {position:absolute; bottom:-40px; left:50%; content: ''; width: 0; height: 0; margin-left: -21px; border-style: solid; border-width: 22px 21.5px 0 21.5px; border-color: #1d1d1b transparent transparent transparent;}

#txtExpertise .item {width:100%; margin: 20px 0 60px 0;}
#txtExpertise .item.dernier {margin-bottom: 40px;}
	.item .titre {position:relative;}
	.item .titre .chiffre {font: 150px/150px 'oswaldbold'; color: #e9e9e9; letter-spacing:-10px; opacity: .5; z-index: 0; padding-top: 3px;}
	.item .titre h3 {position:absolute; bottom:32px; font:2.143em 'open_sanssemibold';/* 30/14 */ color: #202020; margin:0; z-index: 5;}
	.item .titre h3:after {position:absolute; left:0; bottom: -22px; content: ''; width: 40px; height: 3px;  background-color:#f55a36;}
	.item p {font-size:1.143em;/* 16/14 */ line-height:1.563em;/* 25/16 */ padding-top: 6px;}

/*TEXTE ACCUEIL*/
#txtAcc {text-align: center; padding:40px 20px;background-color: #f3f0f0;}
	#txtAcc h1 {font: 32px 'open_sansbold'; color: #202020; line-height: 32px; text-transform: none; margin-bottom: 15px; padding:0 20px;}
	#txtAcc p.intro {font:18px/19px 'open_sanssemibold'; color: #202020;}
	#txtAcc p {font-size:1.143em;/* 16/14 */ line-height:1.563em;/* 25/16 */}


@media only screen and (min-width: 640px) {
	#wrapCta {text-align: center; z-index: 10;}
	#wrapCta .inner {display:block; width:100%; max-width:768px; margin:0 auto;}
	.ctaAcc {clear:none; float:left; width: 33.333%; margin:0; }
	.ctaAcc span {font-size:0.871em;/* 27/31 */}

	#cta1 {background: url(../gx/01/sprite-cta.jpg) 0 -10px no-repeat;}
	#cta2 {height:211px; margin-top:-10px; background: url(../gx/01/sprite-cta.jpg) -313px 0 no-repeat;}
	#cta3 {background: url(../gx/01/sprite-cta.jpg) -626px -10px no-repeat;}

	#txtExpertise {padding:60px 20px 20px 20px;}
		#txtExpertise h2:after {position:absolute; bottom:-70px; left:50%; margin-left: -36px; border-width: 37px 36px 0 36px;}
		#txtExpertise .item { margin: 0;}
			#txtExpertise .item .inner {float:left; width: 60%;}
			#txtExpertise .item:nth-child(even) .inner {float: right;}

            .ie8 #txtExpertise #item2 .inner {float:right;}
}

@media only screen and (min-width: 768px) {
	.ctaAcc span {font-size:1.148em;/* 31/27 */}
	#cta2 {height:231px; margin-top:-20px; padding-top: 90px;}

	#txtExpertise h2 {letter-spacing: 5px;}
	#txtExpertise .item { margin: 20px 0 60px 0; }
		#txtExpertise .item .inner {width: 50%;}
			.item figure {float:right; width: 50%; max-width: 344px;}
			.item:nth-child(even) figure {float: left;}

			#item1 .titre {margin-top: -45px;}
			#item1 figure {margin-top: 54px;}

            .ie8 #item2 figure {float:left;}

	#txtAcc {text-align: left;}
		#txtAcc .inner {float: left; width: 50%;}
			#txtAcc h1 {padding: 0;}
			#txtAcc figure {float:right; width: 50%; margin-top: 80px;}
}

@media only screen and (min-width: 980px) {
	#wrapCta .inner {max-width:940px;}
	.ctaAcc {max-width:313px; height: 231px; padding-top: 90px;}
	#cta2 {height: 251px; margin-top:-10px; padding-top: 98px;}

	#txtExpertise h2:after {position:absolute; bottom:-107px; left:50%; margin-left: -50px; border-width: 51px 50px 0 50px;}
	#txtExpertise .item { margin: 20px 0 90px 0; }
	#txtExpertise .item.dernier {margin-bottom: 60px;}
	#txtExpertise .item .inner {width: 42%; max-width: 400px;}
	#item1 .titre {margin-top: -25px;}
	.item figure {width: 58%;}
    #item1 figure {max-width: 500px;}
    #item2 figure {max-width: 434px;}
    #item3 figure {max-width: 520px;}

	#txtAcc .centre {max-width: 940px;}
	#txtAcc figure {margin: 0;}
}



/* 03_100 : EQUIPEMENTS
--------------------------------------------------------------------------------------- */
.pEquipement h3 {margin:10px 0 22px 0; padding-bottom:8px; border-bottom: 3px solid #dbdbdb;}

/*LISTE PHOTO ALBUM*/
.liItem {list-style:none;}
.liItem li{float:left; width:47.916%; margin:0 4.166% 4.166% 0; overflow: hidden;}

.ie8 .liItem li{ margin-right:1.5%; }
.ie8 .ie8clear{ clear:left; }

.liItem li:nth-of-type(2n){ margin-right:0; }
.liItem li:nth-of-type(2n+1){ clear:left; }

.liItem a{ display:block; }
.liItem a img {margin:0 auto; max-width: 186px;}

/*FANCYBOX*/
.fancybox-title-over-wrap {display:none !important; width: 100%; max-height: 30% !important; padding: 10px !important; background: #202020; background: rgba(32, 32, 32, .85);}
.fancybox-title {font:12px 'open_sanslight' !important;}

.fancybox-close {top:-10px !important; right:-10px !important; width: 20px !important; height: 20px !important; text-align: center; border-radius: 100%; background: #f55a36 !important;}
.fancybox-close:after {position:relative; top:-3px; content: 'x'; font:12px/12px 'guifx'; color: #fff;}

#fancybox-thumbs {display: none !important;}
#fancybox-thumbs ul li a {border:1px solid #fff !important; border-radius: 0 !important;}
#fancybox-thumbs ul li.fancybox-thumb-active a {border:2px solid #f55a36 !important;}

a.fancybox-prev {left:-50px !important;}
a.fancybox-next {right: -50px !important;}

@media only screen and (min-width: 640px) {
  .liItem li{width:31%; margin:0 3.333% 3.333% 0;}

  .liItem li:nth-of-type(2n){ margin-right:3.333%; }
  .liItem li:nth-of-type(2n+1){ clear:none; }
  .liItem li:nth-of-type(3n){ margin-right:0; }
  .liItem li:nth-of-type(3n+1){ clear:left; }

  .ie8 .liItem li{ width: 23.5%; }
}

@media only screen and (min-width: 768px) {
  .fancybox-title-over-wrap {display:block !important; max-height: 50% !important; padding: 22px !important;}
  .fancybox-title {font:14px 'open_sanslight' !important;}
  .fancybox-close {top:-20px !important; right:-20px !important; width: 40px !important; height: 40px !important;}
  .fancybox-close:after {top:8px; font:25px/25px 'guifx'; color: #fff;}
  #fancybox-thumbs {display: block !important;}

  .liItem li{width:22.819%; margin:0 2.6% 2.6% 0;}

  .liItem li:nth-of-type(3n){ margin-right:2.6%; }
  .liItem li:nth-of-type(3n+1){ clear:none; }
  .liItem li:nth-of-type(4n){ margin-right:0; }
  .liItem li:nth-of-type(4n+1){ clear:left; }
}

@media only screen and (min-width: 980px) {
  .liItem li{width:31%; margin:0 3.333% 3.333% 0;}

  .liItem li:nth-of-type(2n){ margin-right:3.333%; }
  .liItem li:nth-of-type(2n+1){ clear:none; }
  .liItem li:nth-of-type(3n){ margin-right:0; }
  .liItem li:nth-of-type(3n+1){ clear:left; }
}


/* 04_100 : EXPERTISES
--------------------------------------------------------------------------------------- */
.pExpertise #txtExpertise {padding:20px 0 0 0;}
.pExpertise #txtExpertise .item {float:left; width: 100%; margin: 0 0 50px 0;}
.pExpertise #txtExpertise .item .inner {float:left; width: 100%; max-width: 400px;}
.pExpertise #txtExpertise .item .titre h3 {font-size: 32px; line-height: 32px; bottom: inherit; top:18px;}
.pExpertise #txtExpertise .item .titre h3:after {display: none;}
.pExpertise #txtExpertise .item p {position:relative; font-size: 14px; margin-top: -90px; padding:0; z-index: 10;}
.pExpertise #txtExpertise.en .item p { margin-top: -20px;}
.pExpertise #txtExpertise .item .suite {position:relative; font:1em 'open_sanssemibold'; color: #202020; font-style: italic;}
.pExpertise #txtExpertise .item .suite:after {content: '>'; font:12px 'guifx'; color: #f55a36; margin-left: 5px;}
.pExpertise #txtExpertise .item .suite:before {position:absolute; left:0; bottom: -18px; content: ''; width: 40px; height: 3px;  background-color:#f55a36;}

.pExpertise #txtExpertise .item .suite:hover {color: #F55A36;}

.pExpertise #txtExpertise #item1 .titre {margin-top: 0;}

/*LISTE CERTIFICATIONS*/
#certification .liItem li {float:left; width:47.916%; margin:0 4.166% 4.166% 0; border: 1px solid #e6e7e8;}
#certification .liItem li:nth-of-type(2n){ margin-right:0; }
#certification .liItem li:nth-of-type(2n+1){ clear:left; }
#certification .liItem img {width:100%; margin:0 auto; max-width: 216px;}
#certification .liItem span { display: block; text-align: center;}

#certification .sansLogo{ position: relative;}
#certification .sansLogo div { padding:28px 0 50%;}
#certification .sansLogo span{position: absolute; top:50%; /* Centrer en js avec margin-top negatif */ width:100%;
    font:15px/0 'open_sansbold'; color:#202020; text-align: center; padding:0 20px;
}

.ie8 #certification .liItem li{ width: 45%; }

@media only screen and (min-width: 640px) {
    #certification .liItem li {width:22.978%; margin:0 2.655% 2.655% 0;}
    #certification .liItem li:nth-of-type(2n){ margin-right:2.655%; }
    #certification .liItem li:nth-of-type(2n+1){ clear:none; }
    #certification .liItem li:nth-of-type(3n+1){ clear:none; }
    #certification .liItem li:nth-of-type(4n){ margin-right:0; }
    #certification .liItem li:nth-of-type(4n+1){ clear:left; }

    #certification .sansLogo div { padding:31px 0 50%;}

    .ie8 #certification .liItem li{ width: 22.3%; }
}

@media only screen and (min-width: 768px) {
    .pExpertise #txtExpertise {padding:20px 0 40px 0;}
    .pExpertise #txtExpertise .item {width: 33%; margin: 0; padding-right: 15px;}
    .pExpertise #txtExpertise .item .titre h3 {font-size: 30px;}

    #certification .sansLogo div { padding:39px 0 50%;}
    #certification .sansLogo span{font-size:20px;}
}

@media only screen and (min-width: 980px) {
    .pExpertise #txtExpertise .item {padding-right: 40px;}
    .pExpertise #txtExpertise .item .titre h3 {font-size: 32px;}

    #certification .sansLogo div { padding:53px 0 50%;}
    #certification .sansLogo span{font-size:25px;}
}


/* 05_100 : REALISATIONS
--------------------------------------------------------------------------------------- */
#realisation

.liRea {list-style:none;}
.liRea li{float:left; width:48.214%; margin:0 2.631% 2.631% 0; overflow: hidden;}

.liRea li:nth-of-type(2n){ margin-right:0; }
.liRea li:nth-of-type(2n+1){ clear:left; }

.liRea li div {display: table; margin:0 auto;}
.liRea a{ display:table-cell; width: 100%;}
.liRea a img {width: 100%; max-width: 228px; margin:0 auto;}

.liRea a p, .liRea a h2 {display:table-cell; width: 228px; max-width: 228px; height: 84px;
    font:14px/16px 'open_sansregular'; color: #707070; margin:0 auto; padding:10px; background: #fff;
    vertical-align: middle;
}

.ie8 .liRea li{ margin-right:1.5%; }

@media only screen and (min-width: 640px) {
    .liRea a p, .liRea a h2 {height:68px;}
}

@media only screen and (min-width: 768px) {
  .liRea li{width:22.939%; margin:0 2.747% 2.747% 0;}

  .liRea li:nth-of-type(2n){ margin-right:2.747%; }
  .liRea li:nth-of-type(2n+1){ clear:none; }
  .liRea li:nth-of-type(4n){ margin-right:0; }
  .liRea li:nth-of-type(4n+1){ clear:left; }
}

@media only screen and (min-width: 980px) {
  .liRea li{width:23.265%; margin:0 2.040% 2.040% 0;}
}


/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
#contact #contactForm {padding: 0;}
#contact #contactForm h3:before {display: none;}

#contactForm .note {font-size: 12px; font-style: normal;}

#contactForm {text-align: left; padding:20px; background-color: #fff;}
#contactForm h3 {margin:0 0 10px 0; padding-bottom: 15px; border-bottom: 3px solid #dbdbdb;}
#contactForm h3:before {content: '\e802'; font:25px 'icons'; color:#dbdbdb; margin-right: 12px; vertical-align: -3px;}


/* Responsive Google Maps */
#carte{display:table; position: relative; width:100%; height: 125px; margin:50px 0 0 0; background: url(../gx/09/map-640.jpg) 50% 50% no-repeat;}
#carte .centre {display:table-cell; text-align:center; vertical-align:middle;}
#carte .centre .lienMap {display:inline-block; width:50px; height:50px; margin-top:30px;}

#boiteSidebar.contact {margin-bottom: 0;}
#boiteSidebar.contact h4 {margin-bottom: 0;}
#boiteSidebar.contact p a {color: #F55A36;}

#top {position: absolute; top:70%;}
#contact #top {top: 0;}

@media only screen and (min-width: 640px) {
    #contact .form .col1, #contact .form .col2{float:left; width:47.5%; margin-bottom:1em;}
    #contact .form .col1{ clear:left; }
    #contact .form .col2{ margin:0 0 0 5%; }
    #contact .form .colFull{ clear:left; margin-bottom:1em; }
}

@media only screen and (min-width: 640px) {
    #carte {height: 150px; background: url(../gx/09/map-768.jpg) 50% 50% no-repeat;}
}

@media only screen and (min-width: 768px) {
    #carte {height: 300px; background: url(../gx/09/map-1170.jpg) 50% 50% no-repeat;}
    #carte .centre .lienMap {width:100px; height:110px; margin-top:-30px;}
}

@media only screen and (min-width: 980px) {
    #carte {background: url(../gx/09/map.jpg) 50% 50% no-repeat;}
    #top {position: absolute; top:-50%;}
    #contact #top {top: -50%;}
}

/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
#wrapFt{width:100%; background-color: #202020;}
#piedPage {
  color: #fff;
  font:0.929em/1.538em 'open_sansregular';/* 13-22/14 */
  margin:0 auto;
  padding:20px 40px;
  height: auto;
  text-align: center;
  width:100%;
  max-width: 980px;
}
#piedPage a {color: #fff;}
#piedPage a:hover{ text-decoration:underline; }

.referencement{ font-size:11px; }

.copyrights{ display: block; margin-bottom: 10px;}

@media only screen and (min-width: 640px) {
	.signatureVortex{ white-space: nowrap; }
}

@media only screen and (min-width: 900px) {
	#piedPage { text-align: left; padding:20px;}
  .copyrights{ display: inline-block; margin-bottom: 0;}
	.lienPiedPage { float:right;}
}


/*--------------------------------------------------------------------------------------- */
/* Formulaires */
/*--------------------------------------------------------------------------------------- */
input, select { vertical-align:middle; }
input[type=radio], input[type=checkbox]{ vertical-align:-1px; margin-right:5px; }
input[readonly]{ background-color:#eee; }
textarea{ resize: vertical; }
label{ display:block; font:13px/13px 'open_sanssemibold'; color: #202020; margin: 0.75em 0 8px 0; }

/* Couleur de l'etoile pour champs obligatoires */
label abbr, .note abbr{color:#f55a36; padding:0 2px; border:0 none !important; cursor:help;}

/* - - - Input default - - - */
.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel],
.form input[type=search], .form input[type=url], .form select, .form textarea{
	width:100%; height:40px; font:13px/30px 'open_sanslight'; color:#707070;	padding:5px 12px; border:1px solid #dbdbdb;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  border-radius: 0;
	-webkit-transition:box-shadow ease-in-out 0.3s;
	transition:box-shadow ease-in-out 0.3s;
}

.form textarea{ height:184px; padding:10px 12px;}

.form input[type=checkbox]{ float:left; margin:1px 1em 0 0; }


/* - - - Shadow focus - - - */
.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=password]:focus, .form input[type=tel]:focus,
.form input[type=search]:focus, .form input[type=url]:focus, .form select:focus, .form textarea:focus{
	outline:0;
	border:1px solid #f55a36;
	border:1px solid rgba(245,90,54,0.6);
}


/* - - - Placeholders - - - */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#999; font-style:italic; }
input::-moz-placeholder, textarea::-moz-placeholder{ opacity:1; color:#999; font-style:italic; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color:#999 !important; font-style:italic; }


/* - - - Buttons - - - */
button, .button{display:inline-block; text-decoration:none !important;
	-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s;
	transition: background 0.15s linear 0s, color 0.15s linear 0s;
}
.button{ font:14px/35px 'open_sansbold', Arial, Helvetica, sans-serif; color:#fff; margin-top:1em; padding:0 27px; border-radius:3px; background-color:#f55a36;}

button:hover, .button:hover,
button:focus, .button:focus,
button:active, .button:active{ background-color: #202020; outline:none; }

.colSubmit {text-align: center;}

/* - - - Avertissements et erreurs - - - */
.messageInfo, .messageSucces, .messageAvertissement, .messageErreur {
	margin-bottom:10px;
	padding:10px;
	border:1px solid;
	border-radius:4px;
	text-align:center;
}

.messageInfo{ color:#004868; background-color:#c6edff; border-color:#004868; }
.messageSucces{ color:#005729; background-color:#dff2bf; border-color:#005729; }
.messageAvertissement{ color:#790000; background-color:#feefb3; border-color:#790000; }
.messageErreur{ color:#a9181c; background-color:#fdd; border-color:#a9181c; }

.erreur, .erreur label, .erreur abbr { color:#c00 !important; }
.erreur input, .erreur textarea, .erreur select, input.erreur, textarea.erreur, select.erreur{ border:1px solid #c00 !important; }

.form .erreur input:focus, .form .erreur textarea:focus, .form .erreur select:focus,
.form input.erreur:focus, .form textarea.erreur:focus, .form select.erreur:focus{
	color: #f55a36;
	-webkit-box-shadow:0 0 5px rgba(204,0,0,0.8);
	box-shadow:0 0 5px rgba(204,0,0,0.8);
}

/* - - - Layout - - - */
.form .col1, .form .col2{float:left; width:100%; margin-bottom:1em;}
.form .colFull{	clear:left;	margin-bottom:1em; }

@media only screen and (min-width: 640px) {
	.form .col1, .form .col2{
		float:left;
		width:31.4%;
		margin-bottom:1em;
	}
	.form .col2{ margin:0 2.8%; }
	.form .colFull{	clear:left;	margin-bottom:1em; }

	.colSubmit {text-align:left;}
}

@media only screen and (min-width:980px) {
	.form .col1, .form .col2{float:left; width:100%; margin-bottom:1em;}
	.form .col2{ margin:0 0 1em 0; }

	.colSubmit {text-align:center;}
}

/* ==================================================================================== */
/*  Media Queries for Responsive Design  */
/* ==================================================================================== */

/* Styles pour appareils haute resolution */
@media (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* Mobile portrait
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) {

}

/* Mobile paysage
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) {

}

/* Tablette portrait
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	.desktop{ display:block !important; }
	.mobile{ display:none !important; }
}

/* Tablette paysage et desktop
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 960px) {

}