/*--------------------------------------------------------------------------------------- */
/* Polices locales via font-face */
/*--------------------------------------------------------------------------------------- */

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

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

	@font-face {
		font-family: 'guifx';
		src: url('../font/guifx.eot');
		src: url('../font/guifx.eot?#iefix') format('embedded-opentype'),
			 url('../font/guifx.woff2') format('woff2'),
			 url('../font/guifx.woff') format('woff'),
			 url('../font/guifx.ttf') format('truetype'),
			 url('../font/guifx.svg#guifxregular') 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}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;}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}


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

/* - - - - - Box-model - - - - - */

*, *:before, *:after{box-sizing: border-box;}

abbr { text-decoration: none;}
td, th { vertical-align:top; }
hr{ margin: 1em 0; border-top: 1px solid #ccc; }
img{ display:block; vertical-align: middle; max-width: 100%;}
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; }

/* Correction pour AddThis */
#_atssh{ top:0; }
#at15pf { box-sizing: content-box;}

h1, h2, h3, h4, h5, h6 { font-family: "asul", arial, sans-serif;}

h1, h2 { font-size: 30px; color: #000; font-weight: bold; line-height: 1.2; margin-bottom: 16px; text-transform: uppercase;}
h1 { margin-bottom: 40px; /*margin-top: -7px;*/}
h3, .bandeau { color: #4f5253; font-size: 20px; text-transform: uppercase; margin: 20px 0 4px; font-weight: 300;}


a{	color:#9ec1c8;	text-decoration:none; transition: color 0.15s linear 0s;}
a:hover, a:focus, a:active{ color:#666; outline:none; }

/*.aVenir { position: relative;}
#aVenirModal { position: absolute; top: 100%; margin-top: 8px; padding: 10px 20px; background:#6d7b83 ; color: #fff; border-radius: 2px; width: 150px; text-align: center; z-index: 999; display: none; font-size: 12px; text-transform:uppercase;}
*/.wrapContenu { 	min-height: 100%;	height: auto !important;	height: 100%;}

/* couleurs des boites sur l'accueil et listing des chirurgies */
.teinte1 h3 { background-color: #6d7b83;}
.teinte2 h3 { background-color: #91a3ad;}
.teinte3 h3 { background-color: #9ec1c8;}
.teinte4 h3 { background-color: #b7d2d3;}
.teinte1, .teinte3 { background-color: #f0f0f0;}
.teinte2, .teinte4 { background-color: #f7f7f7;}

.bouton-principal { font-size: 15px; color: #000; padding: 10px 20px; border: 1px solid #dcdcdc; font-weight: bold; display: inline-block; text-align: center;
	background: #cdcdcd; 	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#dcdcdc',GradientType=1 );
	background: -webkit-linear-gradient(#fff, #dcdcdc); background: linear-gradient(#fff, #dcdcdc);}
.bouton-principal:hover, .bouton-principal:active, .bouton-principal:focus, .bouton-principal.actif { color: #000;
	background: #f2f2f2; 	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fff',GradientType=1 );
	background: -webkit-linear-gradient(#f2f2f2, #fff); background: linear-gradient(#f2f2f2, #fff);}
.bouton-secondaire { background: #363636; color: #fff!important; transition: all 0.3s;}
.bouton-secondaire:hover, .bouton-secondaire:active, .bouton-secondaire:focus { background: #6d7b83;}
.bouton-couleur { font-size: 15px; color: #fff; padding: 10px 20px; border: 1px solid #a2c3ca; font-weight: bold; display: inline-block; text-align: center;
	background: #8eaeb4; 	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abc9cf', endColorstr='#8eaeb4',GradientType=1 );
	background: -webkit-linear-gradient(#abc9cf, #8eaeb4); background: linear-gradient(#abc9cf, #8eaeb4); }
.bouton-couleur:hover, .bouton-couleur:active, .bouton-couleur:focus { color: #fff;
	background: #a2c3ca; 	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0ccd2', endColorstr='#a2c3ca',GradientType=1 );
	background: -webkit-linear-gradient(#b0ccd2, #a2c3ca); background: linear-gradient(#b0ccd2, #a2c3ca);}

ul { list-style : none;}

blockquote { position: relative; text-indent: 34px; padding-right: 22%; padding-top: 6px;}
blockquote:before { content: url(../gx/m/citation.png); position: absolute; top: 0px; left: -34px;}
blockquote .finCitation { position: relative;}
blockquote .finCitation:before { content: url(../gx/m/citation-fin.png); position: absolute; top: 4px; right: -32px;}
blockquote .auteur { display: block; color: #000; font-weight: bold; margin-top: 10px; text-indent: 0;}
blockquote .auteur:before { content: "_ ";}

body{	font:14px/1.42 "Lato", Arial, Helvetica, sans-serif;	color:#666; background: #fff;}



@media screen and (min-width: 1000px) {
	h2, h1{ font-size: 40px;}
}


/* Conteneurs
--------------------------------------------------------------------------------------- */

.conteneur { max-width: 1440px; width: 100%; margin: 0 auto; padding: 0 20px; position: relative; }
.strate .conteneur { margin: 0 auto;}
aside { width: 100%; display: block; vertical-align: top; padding-top: 1px; }
.pageContenu {width: 100%; display: inline-block; vertical-align: top; position: relative;}
main { min-height:550px; padding-bottom: 20px;}
.contenuTexte { margin-bottom: 30px;}
.pageContenu.pleineLargeur { width: 100%; padding-right: 0;}
.pageContenu article .incTinyMce{ margin-bottom: 50px;}

.itemBureau, .itemTablette, .itemTablette-large { display: none;}


@media screen and (min-width: 480px) {
	.itemMobile { display: none;}
	.itemTablette { display: block;}
}


@media screen and (min-width: 768px) {
	.itemTablette { display: none;}
	.itemTablette-large { display: block;}

}


@media screen and (min-width: 1000px) {
	aside  { width: 28%; display: inline-block; padding-top: 0;}
	.pageContenu {width: 72%;  padding-right: 50px;}

	.itemTablette-large { display: none;}
	.itemBureau { display: block;}
}


@media screen and (min-width: 1100px) {
	aside  { width: 22%;}
	.pageContenu {width: 78%;}
}




/* Textes et CMS
--------------------------------------------------------------------------------------- */
.incTinyMce a{ text-decoration:underline; }
.incTinyMce p { margin-bottom: 20px; color: #6b696a;}
.incTinyMce abbr[title]{border-bottom:1px dotted; }
.incTinyMce img{ max-width:100%; max-height: 100%; }
.incTinyMce hr { border-top: 1px solid #e4e4e4;}

.incTinyMce h2, .styleH2 { color: #445056; font-size: 30px; text-transform: none; margin: 30px 0 10px; font-weight: 400; font-family: "asul", arial, sans-serif;}
.incTinyMce h3 { color: #000000; font-size: 20px; text-transform: none; margin: 30px 0 10px; font-weight: bold;}
.incTinyMce h4 { color: #000; font-size: 16px; margin: 30px 0 10px; }

/* - - - Listes - - - */
.incTinyMce ul, .incTinyMce ol{ margin-bottom:1em; overflow:hidden; }
.incTinyMce ul li{ margin-left:30px; position: relative; margin-bottom: 3px;}
.incTinyMce ul li:before { content: "\2022"; color: #a3c3c9; font-size: 14px; position: absolute; top: 0px; left: -14px; }
.incTinyMce ol li{ margin-left:30px; margin-bottom: 3px;}
.incTinyMce ol ol > li{ list-style:lower-alpha; }

/* Liste incrementale stylable */
/*.incTinyMce ol {	counter-reset: bullet;	list-style-type: none;}
.incTinyMce ol li{ position:relative; margin-left:20px; }
.incTinyMce ol li:before {	counter-increment: bullet;	content: counters(bullet,".") ".";	position:absolute;	top:0;	left:-20px;	color:#000;   }*/

/* - - - Image en float - - - */
.mortaise { float:left;	margin:0 20px 10px 0; text-align:center; font-size:12px;}
.mortaise img { margin-top: 6px; }

.intro{ font-weight:bold; font-size: 16px; color: #445056; margin-bottom: 20px;}

.note{ font-size:11px; line-height: 1.5em; }

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

/* - - - Responsive video - - - */
.videoConteneur{ max-width:520px;}
.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, iframe[src*=youtube] {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}

/* - - - Style par défaut d'un tableau - - - */
.tableau { overflow-x: auto; max-width: 100%;}
.incTinyMce table{ width: 100%!important;}
.incTinyMce table caption{font: 300 20px "asul", Arial; color: #fff; background: #9ec1c8; padding: 20px 26px; text-transform: uppercase;}
.incTinyMce table th{	border: 1px solid #666;	background: #333;	font-weight: bold;	color: #fff;}
.incTinyMce table td, .incTinyMce table th{	min-width:  50px;	padding: 2px 16px 2px; background: #f7f7f7;}
/*.incTinyMce table tr:nth-child(even){ background: #eee; }*/


/* 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;}



/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
#filAriane { color:#9ec1c8; margin: 48px 0 20px;}
#filAriane li{ display:inline; margin-right: 2px; }
#filAriane li:before{ content: '\2192'; margin-right: 5px; color: #6d7b83;}
#filAriane li:first-child:before { display: none; }
#filAriane a { color: #6d7b83; }
#filAriane a:hover, #filAriane a:focus, #filAriane a:active{ color: #91a3ad; }



/*--------------------------------------------------------------------------------------- */
/* Formulaires */
/*--------------------------------------------------------------------------------------- */
input, select, .customSelect { vertical-align:middle; }
input[type=radio], input[type=checkbox]{ vertical-align:-1px; margin-right:5px; }
input[type=checkbox]{ float:left; margin:1px 1em 0 0; }
input[readonly]{ background-color:#eee; }
label{ display:block; margin-top: 0.75em; color: #6d7b83; font-weight: bold; margin-bottom: 2px;}
label abbr, .note abbr{	padding:0 2px;	border:0 none !important;	color:#9ec1c8;	cursor:help;}


/* - - - Input default - - - */
input, select, textarea, .customSelect {
	width:100%;
	height:40px;
	padding: 5px;
	border:1px solid #c5ced3;
	border-radius: 1px;
	/*-webkit-appearance: none;*/
	font-size:13px;
	color:#333;
	box-sizing: border-box;
	-webkit-transition:box-shadow ease-in-out 0.3s;
	transition:box-shadow ease-in-out 0.3s;
	background-color: #fafafa;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fafafa',GradientType=1 );
	background: -webkit-linear-gradient(#fff, #fafafa);
	background: linear-gradient(#fff, #fafafa);
}

.customSelect { padding: 10px!important;}


input[type=radio], input[type=checkbox] { width: auto; height: auto; display: inline-block; vertical-align: middle; margin-top: 3px;}

#vortexDebug input, #vortexDebug select, #vortexDebug textarea { height: 20px;}

textarea { resize: none; height: 100px; }


input:focus, select:focus, textarea:focus{ outline:0; border:1px solid #9ec1c8; border:1px solid rgba(158,193,200,0.6);
	-webkit-box-shadow:0 0 5px rgba(158,193,200,0.6);box-shadow:0 0 5px rgba(158,193,200,0.6);}

::-webkit-input-placeholder{ color:#666; font-style:italic; }
::-moz-placeholder{ opacity:1; color:#666; font-style:italic; }
:-ms-input-placeholder{ color:#666 !important; font-style:italic; }

[class^=message] {	margin-bottom:10px;	padding:10px;	border:1px solid;	border-radius:4px;	 text-align:center;	font-weight:bold; margin-top: 10px;}
.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{	-webkit-box-shadow:0 0 5px rgba(204,0,0,0.8);	box-shadow:0 0 5px rgba(204,0,0,0.8);}

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

@media screen and (min-width: 480px) {
	.col1, .col2{ float:left; width:49%;}
	.col1{ clear:left; margin-right: 1%; }
	.col2{ margin-left: 1%; }
}


/*--------------------------------------------------------------------------------------- */
/* Menu - entête */
/*--------------------------------------------------------------------------------------- */


#logo { float: left; }
#logo img { margin: 20px 0;}
.enteteMobile { border-bottom: 1px solid #ccc; box-shadow: 1px 1px 1px #ccc; height: 53px; padding: 5px 5px 5px 20px; width: 100%;}
.logoMobile, .logoMobile img { display: inline-block; height: 100%; }
.logoMobile img  { max-height: 100%; width: auto;}
#entete form, #menuMobile form { display: inline-block; vertical-align: middle; height: 33px; position: relative; width: 120px; margin-left: 10px;}
#entete input, #menuMobile input { vertical-align: top; border: none; outline: none;  background: #d0d1d2; color: #fff; padding-bottom: 3px; margin-left: -4px; border-radius: 20px;  padding-left: 12px; padding-top: 2px;}
#entete button, #menuMobile button { background: url(../gx/m/loupe.png) -50% 0; width: 18px; height: 18px; vertical-align: top; margin-right: 2px; transition: none; position: absolute; top: 7px; right: 8px;}
#menuMobile button { right: 12px;}
#entete button:hover, #entete button:active, #entete button:focus, #entete button.actif, #menuMobile button:hover, #menuMobile button:active, #menuMobile button:focus, #menuMobile button.actif  { background-position: 0 -100%;}
#entete form ::-webkit-input-placeholder{ color:#fff; font-style:italic; }
#entete form ::-moz-placeholder{ opacity:1; color:#fff; font-style:italic; }
#entete form  :-ms-input-placeholder{ color:#fff !important; font-style:italic; }
#menuMobile form ::-webkit-input-placeholder{ color:#fff; font-style:italic; }
#menuMobile form ::-moz-placeholder{ opacity:1; color:#fff; font-style:italic; }
#menuMobile form  :-ms-input-placeholder{ color:#fff !important; font-style:italic; }
#menuMobile .changementLangue a, #menuMobile .bouton-principal, #menuMobile .reseauSocial a { text-transform: none; text-align: left;}
#iconeMenu > span span:before,	#iconeMenu > span span:after,#iconeMenu > span span { background: #000;}

.menuPlus { display: none;}

.rechercheEntete input, #entete input { height: 32px;}
#menu .rechercheEntete:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;}

#menu .conteneur, #menuSec ul { margin: 0 auto; }
#menu, #menuSec { width: 100%; text-align: right;}
#menu li, #menuSec li { display: inline-block; position: relative; text-transform: uppercase;}
#menu li li li{text-transform: none;}

#menu { background: #fff; box-shadow: 1px 1px 3px #c6c6c6; display: none; height: 106px; }
#menu li a { color: #000; margin: 0 16px 0; font-weight: bold; font-size: 13px; }
#menu li:last-child a { margin-right: 0;}
#menu a:hover, #menu a:active, #menu a:focus { color: #6d7b83;}
#menu .actif, #menu .sousMenu a.actif, footer .actif, #menuSec a.actif { color: #9ec1c8!important;}
#menu .conteneur:before { content: ''; display: inline-block; height: 100%; vertical-align: middle;}
#menu ul { display: inline-block; vertical-align: middle;}

#menuSec { background: #000; }
#menuSec ul { display: none;}
#menuMobile #menuSec ul { display: block;}
#menuSec a { color: #acacac; display: inline-block; vertical-align: middle; padding: 3px 10px; font-size: 12px;}
#menuSec li { vertical-align: top; padding: 3px 0;}
#menuSec li:before { content: '';  display: inline-block;  height: 100%;  vertical-align: middle;}
#menuSec li:first-child img { display: inline-block; margin-left: 14px;}
.ie8 #menu .sousMenu { outline: #e7e8e8 1px solid;}
#menuSec .sousMenu, #menu .sousMenu { position: absolute; top:90%; left: 16px; background: #fff; z-index: 21; box-shadow: 1px 1px 3px #c6c6c6;  width: 150px; text-align: left; padding: 16px 0 0; line-height: 1; display: none;}
#menuSec .sousMenu:before, #menu .sousMenu:before { position: absolute; top: -11px; left: 30px; content: url(../gx/m/menu-deroulant-boite.png); display: inline-block; width: 10px; height: 6px;}
#menuSec .sousMenu li, #menu .sousMenu li { width: 100%; height: auto; border: none; margin: 0 0 16px 0; padding: 0 14px;}
#menuSec .sousMenu a, #menu .sousMenu a { color: #4f5253; font-size: 13px; line-height: 1.3; margin: 0; transition: all 0.3s; text-transform: none;}
#menuSec .sousMenu a:hover, #menuSec .sousMenu a:active, #menuSec .sousMenu a:focus, #menu .sousMenu a:hover, #menu .sousMenu a:active, #menu .sousMenu a:focus{ color: #6d7b83;}
#menuSec a:hover, #menuSec a:active, #menuSec a:focus { color: #fff;}
#menuSec .changementLangue:before { content: "|"; color: #acacac;}

.rechercheEnteteMobile { float: right; margin: 19px 60px 0 0; display: none;}
#entete .rechercheEnteteMobile form { width: 230px;}

.menuSecMobile { width: 100%!important;}

#menuMobile .banniereMobile { height: 60px; background: #004ea6;}
#menuMobile .banniereMobile a { padding: 0; background: transparent; border: none; text-align: center;}
#menuMobile .banniereMobile img { display: inline-block; padding-top: 10px;}
#menuMobile li { list-style: none; min-height: 20px}
#menuMobile #logo { display: none;}
#menuMobile .conteneur { padding: 0;}
#menuMobile .rechercheEntete { margin: 10px 20px 10px 10px;}
#menuMobile .rechercheEntete form { width: 100%;}


[class*=menuLateral] a { color: #4f5253; font-weight: bold;}
[class*=menuLateral] a:hover, .menuLateral a:active, .menuLateral a:focus, .menuLateral > .actif > a, .menuLateral ul ul .actif a { color: #004ea6;}
[class*=menuLateral] > li { margin-bottom: 20px; font-size: 14px;}
.actifCat { background: #e6e7e9;}
.menuLateral { padding: 18px; display: none;}
.menuLateral ul > li { margin-bottom: 14px; font-size: 13px}
.menuLateral ul { margin-left: 20px; margin-top: 8px; display: none;}
.menuLateral ul > .actif a { color: #000;}
.menuLateral ul ul { margin-left: 40px;}
.menuLateral ul ul > li { margin-bottom: 5px;}
.menuLateral ul ul a { font-weight: normal;}
.menuLateral span:before { content: ""; background: url(../gx/m/icone-menu-lateral.png) 0 -49px no-repeat; display: inline-block; height: 10px; width: 10px; cursor: pointer}
.menuLateral .ouvert > span:before { background-position: 0 -4px; }
.menuLateral ul .ouvert > span:before { background-position: 0 -25px; }
.boiteMenuMobile { margin: 20px 20px 0; position: relative; background: url(../gx/m/select.png) top right no-repeat;}
.menuLateralNouvelles .menuAnnee, .menuLateralNouvelles .menuMois, .menuLateralNouvelles .boiteMenuMobile.menuCategorie { background: url(../gx/m/select.png) top right no-repeat; position: relative; }
.menuLateralNouvelles .champDisabled { background-color: #eee;}
.menuLateralNouvelles .boiteMenuMobile div div { font-size: 11px;}
.boiteMenuMobile.actif { background-position: 100% 100%;}
.boiteMenuMobile div div { border: 1px solid #e5e5e5; padding: 12px 20px; cursor: pointer; border-radius: 3px; display: inline-block; width: 100%; }
.menuLateralMobile > li { margin-bottom: 6px;}
.menuLateralMobile { background: #fff; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 14px 20px 6px; display: none;  position: absolute; top: 96%; left: 0; right: 0; z-index: 50;}



@media screen and (min-width: 768px) {
	.menuLateral { display: block;}
	.enteteMobile { text-align: left; float: left; height: 104px; padding: 15px 0px 15px 20px;}
	.rechercheEnteteMobile { display: inline-block;}
	.boiteMenuMobile { display: none;}
		#menuMobile .rechercheEntete { display: none;}

}

@media screen and (min-width: 1000px) {
	#menu { display: block; box-shadow: none; border-bottom: 1px solid #eaeaea;}
	#menuSec ul { display: block;}
	.enteteMobile, #menu .sousMenu, #menu .banniereMobile, .rechercheEnteteMobile  { display: none;}

	/* sous-menu bureau*/
	#menu .sousMenu { right: 0; z-index: 500;}
	#menu li a { display: inline-block; margin: 20px 0 20px 16px; }
	#menu .sousMenu .sousMenu { left: 100%; top: -16px; }
	#menu .sousMenu:before { top: -12px; right: 20px;}
	#menu .sousMenu .sousMenu:before { content: "";}

	.blocAlignement:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
	.blocAlignement { position: absolute; top: 0; right: 20px; bottom: 0;}

}

@media screen and (min-width: 1150px) {
	#menu li a {  font-size: 15px;}
	#entete form { width: 200px;}
}



/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */

/* Page d'accueil */

.banniere { background-image: url(../gx/01/banniere.jpg); background-position: 60% center; color: #fff; position: relative; }
.banniere .conteneur { width: 100%;  position: absolute; top: 0; left: 0; bottom: 0;}
.banniere .conteneur:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.banniere .description { display: inline-block; vertical-align: middle; font-weight: 300; width: 99%; margin-top: -26%;}
.banniere p { font-size: 23px; width: 88%; }
.banniere p:first-child { font-size: 20px;}
.banniere span { font-family: "asul", arial, sans-serif; font-size: 30px; text-transform: uppercase; display: inline-block; line-height: 1.15; text-shadow: none;}

.boiteInfo { padding-top: 24px;}
.boiteInfo li { width: 100%; }
.boiteInfo h3 { margin: 0; padding: 20px; color: #fff; height: 100px;  position: relative; z-index: 2; font-family: "Lato", arial, sans-serif; font-weight: 200;}
.boiteInfo p { padding: 20px;}

.resumeMedecin li, .resumeChirurgie li { width: 100%;}

.resumeMedecin { margin: 22px 0;}
.resumeMedecin li > a { outline: 1px solid #e7e8e8; display: inline-block; width: 100%; height: 100px; text-align: center; transition: all 0.3s; color: #445056; font-size: 20px; font-weight: 900; font-size: 14px;}
.resumeMedecin li > a span { color: #4f5b61; font-weight: 300; display: block;}
.resumeMedecin li > a:hover, .resumeMedecin li > a:active, .resumeMedecin li > a:focus  { outline: 1px solid #6d7b83; color: #6d7b83;}
.resumeMedecin li > a:hover span, .resumeMedecin li > a:active span, .resumeMedecin li > a:focus span { color: #6d7b83;}
.resumeMedecin li > a:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.resumeMedecin li img { float: left; display: inline-block; vertical-align: top; max-height: 100%; width: auto; display: none;}
.resumeMedecin li img:first-child { display: inline-block;}
.resumeMedecin li{ margin-bottom: 10px;}
.resumeMedecin p { display: inline-block; vertical-align: middle; }

/*.resumeMedecin { margin: 22px 0;}
.resumeMedecin li > a { outline: 1px solid #e7e8e8; display: inline-block; width: 100%; height: 100px; text-align: center; transition: all 0.3s; color: #445056; font-size: 20px; font-weight: 900; font-size: 14px;}
.resumeMedecin li > a span { color: #4f5b61; font-weight: 300; display: block;}
.resumeMedecin li > a:hover, .resumeMedecin li > a:active, .resumeMedecin li > a:focus  { outline: 1px solid #6d7b83; color: #6d7b83;}
.resumeMedecin li > a:hover span, .resumeMedecin li > a:active span, .resumeMedecin li > a:focus span { color: #6d7b83;}
.resumeMedecin li > a:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.resumeMedecin li img { float: left; display: inline-block; vertical-align: top; max-height: 100%; width: auto; display: none;}
.resumeMedecin li img:first-child { display: inline-block;}
.resumeMedecin li:first-child { margin-bottom: 10px;}
.resumeMedecin p { display: inline-block; vertical-align: middle; }*/

.accent { background: #f0f0f0; border-top: 1px solid #e7e8e8; border-bottom: 1px solid #e7e8e8; padding: 20px 0 30px; text-align: center;}
.resumeChirurgie h2 { margin: 0 0 20px;}
.resumeChirurgie h3 { height: 157px; background: url(../gx/m/icone-section.png); background-size: auto 400%; background-position: right -314px; margin: 0; line-height: 160px; text-align: center; color: #fff; font-family: "Lato", arial, sans-serif;}
.resumeChirurgie li:first-child h3 { background-position: right 0;}
.resumeChirurgie li{ margin-bottom: 10px;}
.resumeChirurgie a { display: inline-block; width: 100%; height: 100%; background: #fff; outline: 1px solid #e7e8e8; padding: 20px; color: #445056; font-size: 16px; font-weight: bold; text-align: center;}
.resumeChirurgie a:hover, .resumeChirurgie a:active, .resumeChirurgie a:focus { color: #9ec1c8;}
.resumeChirurgie a:hover h3, .resumeChirurgie a:focus h3, .resumeChirurgie a:active h3 {  background-position: right -471px;}
.resumeChirurgie p { margin-top: 16px;}
.resumeChirurgie li:first-child a:hover h3, li:first-child .resumeChirurgie a:focus h3, li:first-child .resumeChirurgie a:active h3 {  background-position: right -158px;}

.blocTypeChirurgie a { display: inline-block; width: 100%; height: 100%; background: #fff; color: #445056; font-size: 16px; font-weight: bold; text-align: center;}
.blocTypeChirurgie span:before { content: url(../gx/m/fleche-cta.png); margin-left: 16px;}
.blocTypeChirurgie span { display: inline-block; vertical-align: top;}
.blocTypeChirurgie li { margin-bottom: 1px;}
.blocTypeChirurgie li:first-child h3 { background-position: right 0px;}
.blocTypeChirurgie h3 { height: 100px; padding-left: 20px; background: url(../gx/m/icone-section.png); background-size: auto 400%; background-position: right -200px; margin: 0; line-height: 100px; text-align: left; color: #fff; font-family: "Lato", arial, sans-serif;}
.blocTypeChirurgie a:hover h3, .blocTypeChirurgie a:focus h3, .blocTypeChirurgie a:active h3 {  background-position: right -300px;}
.blocTypeChirurgie li:first-child a:hover h3, li:first-child .blocTypeChirurgie a:focus h3, li:first-child .blocTypeChirurgie a:active h3 {  background-position: right -100px;}

.temoignages ul { display: inline-block; padding-bottom: 20px; width: 100%;}
.temoignages li { float: left; width: 100%; text-align: left; display: none;}
.temoignages li:first-child { display: inline-block;}
.temoignages .sousTitre, .listing.sousTitre { font: 30px "asul", arial, sans-serif; color: #445056; display: block; margin-bottom: 26px; text-transform: none;}
.temoignages { text-align: center; padding: 22px 0;}
.soumettreTemoignage { margin: 20px 0;}
.pageContenu article .incTinyMce.margeException { margin-bottom: 20px;}
.sansMarge { margin-bottom: 0;}

@media screen and (min-width: 640px) {
	.pageInterne.resumeChirurgie li { display: inline-block; vertical-align: top; width: 50%; padding-left: 10px; margin-bottom: 0;}
	.pageInterne.resumeChirurgie li:first-child { padding-left: 0; padding-right: 10px; margin-bottom: 0;}
	.pageInterne.resumeChirurgie h2 { margin: 0 0 20px;}
	.pageInterne.resumeChirurgie li { padding-bottom: 0;}
	.pageInterne.resumeChirurgie h3 { height: 207px; line-height: 208px; background-position: right -416px; background-size: auto;}
	.pageInterne.resumeChirurgie a:hover h3, .pageInterne.resumeChirurgie a:focus h3, .pageInterne.resumeChirurgie a:active h3 { background-position: right -625px;}
	.pageInterne.resumeChirurgie li:first-child a:hover h3, .pageInterne.resumeChirurgie li:first-child a:focus h3, .pageInterne.resumeChirurgie li:first-child a:active h3 {  background-position: right -209px;}

	.accent{ padding: 40px 0;}
	.resumeChirurgie h2 { margin: 0 0 20px;}
	.resumeChirurgie li { padding-bottom: 0;}
	.resumeChirurgie h3 { height: 207px; line-height: 208px; background-position: right -416px; background-size: auto;}
	.resumeChirurgie a:hover h3, .resumeChirurgie a:focus h3, .resumeChirurgie a:active h3 { background-position: right -625px;}
	.resumeChirurgie li:first-child a:hover h3, .resumeChirurgie li:first-child a:focus h3, .resumeChirurgie li:first-child a:active h3 {  background-position: right -209px;}


}

@media screen and (min-width: 768px) {
	.banniere { height: 565px; width:100%;}
	.banniere .conteneur { height: 465px; position: relative;}
	.banniere p:first-child { font-size: 35px;}
	.banniere span { font-size: 40px; }
	.banniere .description {margin-top: 0;}
	.banniere p { text-shadow: 1px 1px 1px #000;}

	.boiteInfo { margin-top: -100px;}
	.boiteInfo { padding-top: 0;}
	.boiteInfo li { display: table-cell; vertical-align: top; width: 50%;}

	.resumeChirurgie li { display: inline-block; vertical-align: top; width: 50%; padding-left: 10px; margin-bottom: 0;}
	.resumeChirurgie li:first-child { padding-left: 0; padding-right: 10px; margin-bottom: 0;}

	.resumeMedecin li{ display: inline-block; vertical-align: top; width: 33%; padding-left: 10px; margin-bottom: 0;}
	.resumeMedecin li:first-child{ padding-left: 0; padding-right: 10px; margin-bottom: 0;}
	.resumeMedecin li > a { font-size: 14px; height: 100px;}
	.resumeMedecin li img { display: inline-block; max-width: 100px; max-height: 100px;}
	.resumeMedecin li img:first-child { display: none;}

	/*.resumeMedecin li, .resumeChirurgie li { display: inline-block; vertical-align: top; width: 50%; padding-left: 10px; margin-bottom: 0;}
	.resumeMedecin li:first-child, .resumeChirurgie li:first-child { padding-left: 0; padding-right: 10px; margin-bottom: 0;}
	.resumeMedecin li > a { font-size: 20px; height: 150px;}
	.resumeMedecin li img { display: inline-block;}
	.resumeMedecin li img:first-child { display: none;}*/

	.temoignages li {width: 33.33%; display: inline-block;}
	.temoignages ul { padding-bottom: 50px;}
	.temoignages .sousTitre { margin-bottom: 30px;}
	.temoignages { padding: 40px 0 45px;}
}


@media screen and (min-width: 1000px) {
	.banniere p { width: 75%;}
	.banniere p:first-child { width: 60%;}
	.banniere span { margin-bottom: 40px;}
	.banniere { background-position: top center;}

	.boiteInfo .conteneur { font-size: 0;}
	.boiteInfo ul { display: inline-block; width: 50%; font-size: 14px; vertical-align: top;}
	.boiteInfo li { display: inline-block; vertical-align: top; height: 350px;}

	.accent { padding: 50px 0;}
	.resumeChirurgie h3 { padding-left: 15%; text-align: left;}
	.resumeChirurgie h2 { margin: 0 0 45px;}

	.resumeMedecin { margin: 50px 0;}
	.resumeMedecin li > a { height: 150px;}
	.resumeMedecin li > a span { display: inline;}
	.resumeMedecin li a{font-size: 14px;}
	.resumeMedecin li > a { height: 125px;}
	.resumeMedecin li img { max-width: 125px; max-height: 125px;}

	/*.resumeMedecin { margin: 50px 0;}
	.resumeMedecin li > a { height: 210px;}
	.resumeMedecin li > a span { display: inline;}*/

	.temoignages .sousTitre { margin-bottom: 50px;}

}

@media screen and (min-width: 1080px) {
	.resumeMedecin li > a { font-size: 16px;}
}


@media screen and (min-width: 1200px) {
	.boiteInfo li {  height: 320px;}
}

@media screen and (min-width: 1220px) {
	.resumeMedecin li > a { font-size: 20px;}
}

@media screen and (min-width: 1200px) {
	.boiteInfo li {  height: 300px;}
}




/* pages internes */

.listeChirurgieSimple { width:100%; }
.listeChirurgieSimple li { display: inline-block; width: 100%; max-width: 325px; margin-bottom: 22px; }
.listeChirurgieSimple span { height: 110px; display: inline-block; width: 100%;}
.listeChirurgieSimple a { outline: 1px solid #e7e8e8; display: inline-block; width: 100%; color: #445056; font-weight: 900; font-size: 16px; transition: all 0.3s;}
.listeChirurgieSimple a:hover, .listeChirurgieSimple a:active, .listeChirurgieSimple a:focus { color: #6d7b83; outline: 1px solid #6d7b83;}
.listeChirurgieSimple p {  padding: 20px 26px; font-weight: normal; font-size: 14px;}
.listing.sousTitre { line-height: 1;}
.listeChirurgieSimple h2 { color: #fff}
.listeChirurgieSimple h3 { color: #fff;  padding: 20px 26px; text-transform: none; margin: 0; font-family: "Lato", arial; font-size: 16px; font-weight: bold;}
.listeChirurgieSimple .boiteCouleur0, .listeChirurgieSimple .boiteCouleur1 {background-color: #f0f0f0;}
.listeChirurgieSimple .boiteCouleur2 { background-color: #f7f7f7;}
.listeChirurgieSimple .boiteCouleur1 h3 {background-color: #6d7b83;}
.listeChirurgieSimple .boiteCouleur2 h3 {background-color: #91a3ad;}
.listeChirurgieSimple .boiteCouleur0 h3 {background-color: #9ec1c8;}

.listeChirurgieSimple .listingSousCat a{outline: 0; font-weight: normal; height: auto !important; padding: 0; font-size: 14px;}
.listeChirurgieSimple .listingSousCat .listeSousCat{height: 182px; display: inline-block; padding: 20px 26px;}
.listeChirurgieSimple .listingSousCat .listeSousCat ul{ margin-bottom:1em; overflow:hidden; }
.listeChirurgieSimple .listingSousCat .listeSousCat li{width: 100% !important; margin-bottom: 0; margin-left:16px; position: relative; }
.listeChirurgieSimple .listingSousCat .listeSousCat li:before { content: "\2022"; color: #a3c3c9; font-size: 14px; position: absolute; top: 0px; left: -16px; }
.listeChirurgieSimple .listingSousCat .boiteCouleur0, .listeChirurgieSimple .listingSousCat .boiteCouleur1.listeChirurgieSimple .listingSousCat .boiteCouleur2{
	background: none;
}

.galerie { position: relative; cursor: pointer;}
.galerie ul { display: none;}
.galerieTexte ul { display: block;}
.galerie li { float: left; width: 47%; margin-bottom: 20px; margin-right: 6%;}
.galerie li:nth-child(2n), .galerie li:last-child { margin-right: 0;}
.galerie li:nth-child(2n+1) { clear:left;}
.barreGalerie.bouton-principal { width: 100%; text-align: left; margin-bottom: 20px; cursor: pointer;}
.barreGalerie:before { content: ""; float: right; display: inline-block; width: 12px; height: 12px; background: url(../gx/m/sprites-icones.png) -24px 0px ; margin-top: 4px; }
.barreGalerie.actif:before { background-position: -24px -70px;}

.galerie li a { position: relative; display: inline-block; width: 100%; height: 100%;  }
.galerie li a:hover .grayscale { opacity: 0; }
.ie8 .galerie li a:hover .grayscale { display: none;}
.grayscale { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index:1; }

.ctaInterne ul { width: 100%; }
.ctaInterne li { margin-bottom: 10px;}
.ctaInterne span { display: block; font-weight: 900;}
.ctaInterne a { display: inline-block; padding: 25px 0px; text-transform: uppercase; width: 100%; text-align: center; font-size: 20px; font-weight: 300; line-height: 1.2;}

.listingTemoignages ul { display: none; }
.listingTemoignages blockquote { padding: 0;}
.listingTemoignages ul:first-child { display: block;}
.listingTemoignages li { padding: 35px 30px 30px; border: 1px solid #e7e8e8; margin-bottom: 20px; position: relative;}
.listingTemoignages .bouton-principal { margin: 0 auto; display: block; margin-top: 50px;}
.listingTemoignages .retourHaut { position: absolute; bottom: 15px; right: 30px; font-size: 14px; color: #445056; text-decoration: underline;}

.listingQuestions a { color: #666; font-size: 16px; text-decoration: none;}
.listingQuestions h2 { margin-top: 0;}
.listingQuestions ul { margin-top: 50px; }
.listingQuestions ul li { padding-bottom: 40px; margin-left: 0; position: relative; margin-bottom: 20px;}
.listingQuestions ul li ul li{margin-left: 20px; padding-bottom: 0;}
.listingQuestions ul li ul li:before{content: "\2022"; color: #a3c3c9; font-size: 14px; position: absolute; top: 0px; left: -16px; }
.listingQuestions ul li ul li a, .listingQuestions ul li p a{font-size: 14px; color:#9ec1c8; text-decoration:underline; transition: color 0.15s linear 0s;}
.listingQuestions ul li ul li a:hover, .listingQuestions ul li p a:hover, .listingQuestions ul li ul li a:active, .listingQuestions ul li p a:active, .listingQuestions ul li ul li a:focus, .listingQuestions ul li p a:focus{color:#666; outline:none;}
/*
a{	color:#9ec1c8;	text-decoration:none; transition: color 0.15s linear 0s;}
a:hover, a:focus, a:active{ color:#666; outline:none; }*/
.listingQuestions .sousTitre { font-size: 16px; color: #445056; font-weight: bold;}
.listingQuestions .sousTitre img { display: inline-block; vertical-align: middle; margin-right: 10px;}
.listingQuestions ul > li:before { content: "";}
.listingQuestions ol {	counter-reset: bullet;	list-style-type: none; margin-bottom: 35px;}
.listingQuestions ol li{ position:relative; margin-left:20px; margin-bottom: 15px;}
.listingQuestions ol li:before {counter-increment: bullet;	content: counters(bullet,".") ".";	position:absolute;	top:2px;	left:-20px;	color:#445056; font-weight: 900;  }
.listingQuestions .retourHaut { position: absolute; bottom: 0; right: 0; font-size: 14px; color: #445056; text-decoration: underline;}

[class^=succursale] { margin-bottom: 20px;}
[class^=succursale] p { margin-bottom: 10px;}
[class^=succursale] .sousTitre { font-size: 20px; color: #445056; font-weight: 900; display: inline-block; margin-bottom: 14px;}
[class^=succursale] h2 { font-size: 16px; font-weight: bold; font-family: "Lato", arial, sans-serif; color: #445056; text-transform: none;}
[class^=succursale] strong { color: #445056;}
.succursaleBureau .sousTitre { border-bottom: 5px solid #445056;}
.succursaleHopital .sousTitre { border-bottom: 5px solid #9ec1c8;}
.succursaleResidence .sousTitre { border-bottom: 5px solid #91a3ad;}
#contactForm form { width: 100%;}
#contactForm { margin-top: 40px;}
#contactForm [class^=bouton] { display: block; margin: 14px auto 0 auto; }
.titreForm { font-weight: 900; font-size: 20px; color: #445056;}

.boiteGalerie { margin-bottom: 30px;}
.boiteGalerie .slick .slick-next, .boiteGalerie .slick .slick-prev { transition: all 0.3s; position: absolute; top: 30%; left: 0%; z-index: 100; font-family: "guifx", arial, sans-serif; width: 40px; height: 40px; background: #6d7b83; color: #fff; font-weight: 200; font-size: 20px;}
.boiteGalerie .slick .slick-next { left: auto; right: 0;}
.boiteGalerie .slick .slick-next:hover, .boiteGalerie .slick .slick-prev:hover { background: #9ec1c8;}

.informationsMedecin { margin-top: 50px;}
.informationsMedecin strong { color: #445056;}
.informationsMedecin ul { margin-bottom: 30px; padding-right: 30px; width: 100%;}
.informationsMedecin ul li:first-child { font-size: 20px; border-bottom: 5px solid #445056; color: #445056; margin-bottom: 14px; display: inline-block; font-weight: 900;}
.informationsMedecin ul:nth-child(odd) { clear: left;}


.texteSharingCondition{width: 100%; padding: 10px 10px 0 10px; background: #f8f8f8; margin-bottom: 10px; border: 1px solid #e2e0e0; display: none;}
.texteSharingCondition p.titreSharing{font-size: 14px; font-weight: bold;}
.texteSharingCondition p.intro{font-size: 12px; font-weight: normal; margin-bottom: 5px;}
.texteSharingCondition .incTinyMce p{font-size: 12px;}
.pageContenu .texteSharingCondition article .incTinyMce{margin-bottom: 0 !important;}


@media screen and (min-width: 480px) {
	.galerie li, .galerie li:nth-child(2n) { width: 30%; margin-right: 5%;}
	.galerie li:nth-child(3n) { margin-right: 0;}
	.galerie li:nth-child(2n+1) { clear:none;}
	.galerie li:nth-child(3n+1) { clear:left;}

	[class^=succursale] { display: inline-block; vertical-align: top; width: 40%; margin-right: 6%;}

}

@media screen and (min-width: 600px) {
	.galerie li, .galerie li:nth-child(3n), .galerie li:nth-child(2n) { width: 23%; margin-right: 2.66%;}
	.galerie li:nth-child(4n) { margin-right: 0;}
	.galerie li:nth-child(3n+1) { clear:none;}
	.galerie li:nth-child(4n+1) { clear:left;}

	.listeChirurgieSimple li { float: left; width: 47%; margin-right: 3%;}
	.listeChirurgieSimple li:nth-child(2n) { margin-right: 0;}
	.listeChirurgieSimple li:nth-child(2n+1) { clear:left; }

	[class^=succursale]{ width: 26%; margin-right: 6%;}/*width: 25%;*/
	#contactForm form { width: 70%;}

}


@media screen and (min-width: 768px) {
	.boiteGalerie .slick .slick-next, .boiteGalerie .slick .slick-prev { top: 45%;}
	.informationsMedecin ul { float: left; width: 50%; margin-bottom: 30px; padding-right: 30px;}
	.ctaInterne ul { display: table;}
	.ctaInterne li { display: table-cell; padding-left: 10px; vertical-align: top; width: 50%;}
	.ctaInterne li:first-child { padding-left: 0; padding-right: 10px;}

	.galerie li, .galerie li:nth-child(3n), .galerie li:nth-child(2n), .galerie li:nth-child(4n) { width: 15%; margin-right: 2%;}
	.galerie li:nth-child(6n) { margin-right: 0;}
	.galerie li:nth-child(4n+1) { clear:none;}
	.galerie li:nth-child(6n+1) { clear:left;}

	.listeChirurgieSimple li, .listeChirurgieSimple li:nth-child(2n) { float: left; width: 32%; margin-right: 2%; }
	.listeChirurgieSimple li:nth-child(3n) { margin-right: 0;}
	.listeChirurgieSimple li:nth-child(2n+1) { clear: none;}
	.listeChirurgieSimple li:nth-child(3n+1) { clear:left; }

	#contactForm [class^=bouton] { float: right; margin: 0;}

}




/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */
#plan ul { margin-bottom: 10px; }
#plan ul ul { margin-left: 20px; }
#plan li { margin-bottom: 2px;}
#plan > ul > li { margin-bottom: 12px;}
#plan > ul a { color: #000; font-weight: bold}
#plan ul ul a { color: #888;}
#plan ul ul ul a { color: #a1a1a1;}
#plan ul ul ul ul a { color:#bbb;}
#plan a:hover { color: #004ea6;}
.catPrincipale, .sousCatPrincipale { font-style: italic; font-weight: bold;}
.indentation, .sousCatPrincipale { margin-left: 20px;}


/*--------------------------------------------------------------------------------------- */
/* Barre latérale */
/*--------------------------------------------------------------------------------------- */

aside a, .sousTitreCat { color: #6d7b83;}
aside a:hover, aside a:active, aside a:focus, .sousTitreCat:hover, .sousTitreCat:active, .sousTitreCat:focus { color: #91a3ad;}
aside a.actif { color: #9ec1c8;}
aside [class^=bloc] { margin-bottom: 20px;}
aside { display: inline;}

.blocMenuLateral, .blocImportant, .blocCompte {outline: 1px solid #e7e8e8; }
.bandeau { display: none; padding: 20px; background: #6d7b83; color: #fff; width: 100%; margin: 0; padding: 14px 20px;}
.bandeau a { color: #fff;}
.bandeau a:hover, .bandeau a:focus, .bandeau:active { color: #fff; }
.menuDeroulant:before, .selectMenu:before, .customSelect:before { content: ""; display: inline-block; width: 9px; height: 7px; background: url(../gx/m/sprites-icones.png) 0 -65px; margin-left: 10px;}

.selectMenu { background: #fff; text-align: left; padding: 14px 20px; display: inline-block; margin-bottom: 0; width: 100%; font-size: 16px; font-weight: bold; color: #6d7b83; font-family: "Lato", arial, sans-serif; }
.selectMenu:before  {float: right; margin-top: 8px; margin-right: 6px;}
.customSelect:before { position: absolute; right: 10px; top: 10px;}
.hasCustomSelect { height: 90%!important;}
.customSelectInner { padding-right: 30px; }
.customSelect { position: relative; z-index:-1; height: auto; }
.customSelect:before { margin-top: 7px;}
.blocMenuLateral { position: relative; }
.listePage { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 102; padding: 10px; outline: #e7e8e8 solid 1px; border-top: 0; background-color: #fff; margin-top: 2px; box-sizing: border-box;}
.blocMenuLateral ul li, .sousTitreCat{ padding: 0 30px; font-weight: bold; margin-bottom: 10px;}
.blocMenuLateral ul ul li { padding: 0 20px; font-weight: 400;}
.blocMenuLateral .liste { padding: 6px 0 6px; display: block;}
.blocMenuLateral ul .menuCategorie { display: inline-block; width: 100%; padding: 6px 16px; font-size: 16px; color: #6d7b83; cursor: pointer; margin-bottom: 0; transition: 0.3s;}
.blocMenuLateral ul .menuCategorie.ouvert .menuDeroulant:before, .sousTitreCat.ouvert .menuDeroulant:before, .selectMenu.ouvert:before { background-position: 0 0;}
.sousCategorie { margin-left: 30px; display: block;}
.sousTitreCat { cursor: pointer;}

.blocImportant div p, .blocCompte div p { padding: 14px 20px; font-size: 16px; color: #6d7b83; font-weight: bold;}
.blocImportant .bouton-couleur, .blocCompte .bouton-couleur { }
.blocImportant .centre, .blocCompte .centre { text-align: center; padding-top: 0;}

.blocChirurgien { display: none;}
.blocChirurgien img { width: 44%; display: inline-block; vertical-align: top;}
.blocChirurgien li { width: 100%; /*padding-left: 3%;*/ display: inline-block;}
.blocChirurgien li:first-child { /*padding-left: 0; padding-right: 3%;*/}
.blocChirurgien li > a { border: 1px solid #e7e8e8; transition: all 0.3s; color: #445056; font-weight: 900; font-size: 14px; display: inline-block; width: 100%; height: 100%;}
.blocChirurgien li > a span { color: #4f5b61; font-weight: 300; display: block;}
.blocChirurgien li > a:hover, .blocChirurgien li > a:active, .blocChirurgien li > a:focus  { border: 1px solid #6d7b83; color: #6d7b83;}
.blocChirurgien li > a:hover span, .blocChirurgien li > a:active span, .blocChirurgien li > a:focus span { color: #6d7b83;}
.blocChirurgien p { padding: 12px 4px;display: inline-block;}

/*.blocChirurgien img { width: 100%;}
.blocChirurgien li { width: 50%; padding-left: 3%; display: table-cell;}
.blocChirurgien li:first-child { padding-left: 0; padding-right: 3%;}
.blocChirurgien li > a { border: 1px solid #e7e8e8; transition: all 0.3s; color: #445056; font-weight: 900; font-size: 14px; display: inline-block; height: 100%;}
.blocChirurgien li > a span { color: #4f5b61; font-weight: 300; display: block;}
.blocChirurgien li > a:hover, .blocChirurgien li > a:active, .blocChirurgien li > a:focus  { border: 1px solid #6d7b83; color: #6d7b83;}
.blocChirurgien li > a:hover span, .blocChirurgien li > a:active span, .blocChirurgien li > a:focus span { color: #6d7b83;}
.blocChirurgien p { padding: 12px 20px;}*/

.blocTemoignage { position: relative; display: none;}
.blocTemoignage blockquote { padding-right: 0;}
.blocTemoignage .sousTitre { font-size: 20px; font-weight: 200; text-transform: uppercase; color: #000; margin-bottom: 20px;}
.flipTemoignage { margin-bottom: 20px;}
.flipTemoignage .slick-dots { position: absolute; top: -42px; right: 0;}
.flipTemoignage .slick-dots li { float: left; background: transparent; margin-left: 5px;}
.flipTemoignage .slick-dots button { height: 8px; width: 8px; background: #e1e1e1; border-radius: 20px; behavior: url(js/pie/PIE.htc); }
.flipTemoignage .slick-dots button:hover, .flipTemoignage .slick-dots .slick-active button { background: #9ec1c8; }

.blocTypeChirurgie, .blocImportant, .blocCompte { display: none;}

@media screen and (min-width: 1000px) {
	.bandeau { display: inline-block;}
	.blocImportant, .blocCompte, .blocTypeChirurgie, .blocChirurgien, .blocTemoignage{ display: block;}
	.listePage { display: block!important; margin-top: 0; left:0; right: 0; position: relative; padding: 0; outline: 1px solid #ccc; }
	.blocMenuLateral .liste { display: none; padding: 16px 0 6px;}
	.blocMenuLateral ul .menuCategorie { padding: 14px 20px; outline: 1px solid #e7e8e8;}
	.menuCategorie.actif, .menuCategorie:hover, .menuCategorie:active, .menuCategorie:focus { background: #e6e7e9;}
	.selectMenu, .sousCategorie { display: none;}

	aside { display: inline-block;}

}


/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */

.signatureVortex{ white-space: nowrap; }

footer { text-align: left; color: #a7a7a7;}
footer a { font-size: 13px; color: #a7a7a7;}
footer a:hover, footer a:active, footer a:focus, footer .sousTitre a:hover, footer .sousTitre a:active, footer .sousTitre a:focus { color: #9ec1c8;}
footer .sousTitre { color: #fff; display: inline-block; padding-bottom: 4px; border-bottom: 1px solid #4e5051; width: 100%; }
footer .sousTitre a { color: #fff; }
footer .bouton-principal { padding-left: 0; padding-right: 0; width: 100%;}

#menuPied { display: none;}
#menuPied nav > ul { width: 100%; display: inline-block;}
#menuPied nav > ul > li { float: left; width: 100%; padding-right: 12px;}
footer .sousTitre { text-transform: uppercase; }
#menuPied ul li ul:first-child img, #menuPied ul:first-child span, .reseauSocial img { display: inline-block; vertical-align: middle;}
#menuPied ul li ul:first-child img, .reseauSocial img { margin-left: 10px;}
#menuPied ul ul { padding-right: 50px;}
#menuPied ul ul li { margin-bottom: 4px;}
#menuPied p { margin-bottom: 10px;}
#menuPied p a { color: #9ec1c8;}
#menuPied p a:hover, #menuPied p a:active, #menuPied p a:focus { text-decoration: underline;}
#menuPied .bouton-principal { margin-top: 6px; }
#menuPied { background: #222425; padding: 40px 0 0;}

.copyrights { background: #000; padding: 30px 0; text-align: center;}
.copyrights li { display: inline-block; vertical-align: top; }
.copyrights a:hover{ text-decoration:underline; }
.copyrights li:before { content: "|"; display: inline-block; margin: 0 7px 0 5px;}
.copyrights li:first-child:before { content: ""; margin: 0;}
.copyrights small { margin-bottom: 20px; display: inline-block;}
.mention { color: #fff; }
.mention img { display: inline-block; margin-bottom: 18px;}

@media screen and (min-width: 768px) {
	#menuPied { display: block;}
	#menuPied nav > ul > li { width: 33.33%; margin-bottom: 20px; }
	.copyrights { text-align: left;}
	.copyrights small, .mention { float: left;}
	.copyrights small { width: 40%}
	.mention img {float: right; margin-left: 10px; margin-bottom: 0;}
	.mention { width: 60%; padding-left: 40px;}
}

@media screen and (min-width: 1000px) {
	#menuPied nav > ul > li { width: 33.33%; }
	#menuPied nav > ul { width: 50%; float: left;}
	#menuPied ul ul { padding-right: 0;}
	.mention, .copyrights small {  width: 50%;}
	.mention { padding-left: 0;}
}