/*--------------------------------------------------------------------------------------- */
/* Polices locales via font-face */
/*--------------------------------------------------------------------------------------- */
@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_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'),calendar
		 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_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;

}

.miniConsole {display: none;}
#vortexDebugShow, #vortexDebugMenu {display: none;}

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


/*--------------------------------------------------------------------------------------- */
/* Styles generaux */
/*--------------------------------------------------------------------------------------- */
#vortexDebugContenu {height: auto !important;}

/* - - - - - 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:26px 0 29px 0; border-top: 1px solid #ccc; }
img{ display:block; vertical-align: middle; }
blockquote{ margin-bottom:1em; font-style:italic; }
cite{ font-weight:bold; }
q{ font-style:italic; }

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

/* Fixe espacement inline-block | Si on ne peut pas retirer les espaces blancs en programmation */
.ie8 .ibfix {letter-spacing: -1em; word-spacing: -1em;}
.ie8 .ibfix > * {letter-spacing: normal; word-spacing: normal;}

.ibfix {display: table; table-layout: fixed; font-size: 0rem; width: 100%;}
.ibfix > * {font-size: 1rem; font-size: 14px; 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; }

.desktopOnly {display:none;}
.tabletteOnly {display:none;}
.mobileOnly {display: block;}
.floatL {float:left;}
.floatR {float:right;}
p {line-height: 1.571em;/* 22/14 */}

/* LOADING
--------------------------------------------------------------------------------------- */
#divLoading{display: none; position:fixed; top: 0; left: 0; width: 100%; height: 100%;
	font-size:16px; color:#fff; text-align:center;
	background: #000000 url(../Gx/m/ajax-loader.gif) center center no-repeat !important; z-index: 1;
}
#divLoading p {margin-top:-40px; padding-top:50vh;}


/* ORDRE
--------------------------------------------------------------------------------------- */
ol.sortable{list-style-type: none!important;}
ol.sortable li {border: 1px solid #fff;}
ol.sortable li:hover {background:#ffe8d1; cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab; border: 1px solid #015a9c;}
ol.sortable .placeholder {outline: 1px dashed #015a9c; list-style-type: none!important;}
ol.sortable li:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;}


/* Body et HTML
--------------------------------------------------------------------------------------- */
body{position:relative; font:14px/16px "open_sansregular", Helvetica, sans-serif; color:#555; background:#f3f3f3;}
html,body {margin:0; padding:0;}


/* Conteneurs
--------------------------------------------------------------------------------------- */
.wrapperConteneur {position: relative; height: 100%; left:0; margin-left: 0;}
.conteneur{position:relative; width:100%; min-width: 320px; min-height: 100%; padding-top: 50px; background:#f3f3f3; }

#conteneurHd, #conteneurFt {position:relative; width: 100%; min-width: 320px; background: #fff;}
#conteneurHd {position: fixed; left: 0; top: 0; z-index: 10;}
#conteneurFt {background: #015a9c;}

main{min-height:500px; padding:0 0 20px 0;}

/* Sticky footer */
.wrapContenu {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -87px;}
#conteneurFt, .push {position:relative; height: 87px;}

#splash .wrapContenu {margin: 0 auto -111px;}
#splash #conteneurFt, #splash .push {position:relative; height: 111px;}


/* Titres
--------------------------------------------------------------------------------------- */
h1{ font:bold 20px/1.150em "open_sansregular", Helvetica, sans-serif; color:#004277; margin-bottom:1em; }
h2{ font:bold 16px/20px "open_sansregular", Helvetica, sans-serif; color:#fff; }
h3{ font:normal 14px/21px "open_sansbold", Helvetica, sans-serif; color:#004277;}
h3 a, h3 a:hover {color:#004277;}
h4{ font:bold 14px/14px "open_sansregular", Helvetica, sans-serif; color:#000; }


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


/* Textes et CMS
--------------------------------------------------------------------------------------- */
.incTinyMce a{ 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{ margin-left:17px; }
.incTinyMce ol li{ margin-left:20px; }
.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; font-size:12px; text-align:center; margin:0.25em 1.25em 1.25em 0;}
.mortaise img{ border:3px solid #999; }
.intro{ font-weight:bold; }
.note{float:left; width: 100%; font-size:11px; line-height: 1.5em; margin:0 0 5px 0;}
.vide{font: 18px/25px "open_sansbold", 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:#149fd9; white-space:nowrap;}

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

/* - - - Style par défaut d'un tableau - - - */
table.tbGen { width: 100%;}
table.tbGen th{font: 1em "open_sansregular", Helvetica, sans-serif;/* 14/14 */ color: #000; background: #e5eef5;border-bottom: 1px solid #e1e1e1;}
table.tbGen th:first-child {padding-left: 26px;}

table.tbGen tr, .divSortable li table.tbGen tr {border-bottom: 1px solid #e1e1e1; background: #fff;}

table.tbGen thead tr:first-child, table.tbGen tr:last-child {border: 0;}
table.tbGen tr:nth-child(even),  .divSortable li table.tbGen tr:nth-child(even) { background: #fcfcfc; }

table.tbGen th:first-child, table.tbGen td:first-child {width: 38%; padding-left: 20px;}
table.tbGen td:last-child {padding-right: 20px;}
table.tbGen td.colBtn {width:30%; text-align:right;}
table.tbGen th.colBtn {width:20%;}
table.tbGen td, table.tbGen th{min-width: 50px; width: 20%; padding: 17px 10px 15px 10px;}
table.tbGen th{padding: 10px 10px 10px 10px; }
table.tbGen td a {color:#555;}
table.tbGen td a:hover {text-decoration:underline;}

table.tbGen td label {line-height: 100%;}
table.tbGen td input[type="radio"], table.tbGen td input[type="checkbox"] {margin-right: 10px;}

table.tbGen tr.inactif, table.tbGen tr.inactif a, .inactif {color:#cc0000;}

/* - - - TABLEAU DOSSIER - - - */
table.tbDossier th:first-child, table.tbDossier td:first-child {width: 46%;}

table.tbDossier .btnOrder:before {margin-top: 4px;}
.liNewOrder .btnOrder:before {width:16px; height:10px; background: url(../gx/m/sprite-icone.png) -534px 0 no-repeat; background-size: 575px;}
table.tbGen tr:hover {background:#e5eef5;}

/* Liste par grille */
.divListeGrille {padding: 20px;}
.divListeGrille a:hover {text-decoration:underline;}
.divListeGrille ul {}
.divListeGrille ul li {
	display: inline-block; vertical-align: top; margin-bottom: 20px;
	width: 48.38709677419355%; margin-right: 3.225806451612903%;
}
.divListeGrille ul li:nth-child(2n+0) {margin-right: 0;}
.divListeGrille ul li figure {
	margin-bottom: 10px; max-width: 100%; position: relative;
	height: 0; padding-bottom: 100%; text-align: center;
}
.divListeGrille ul li figure a {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.divListeGrille ul li figure img {display: inline-block; max-width: 100%; max-height: 100%; border: 1px solid #edecec;}
.divListeGrille ul li figure a:hover img{transition: scale 0.3s; transform:scale(1.03);}
.divListeGrille ul li figure.noLink img{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.divListeGrille ul li figure img.defautIco {padding:40px;}
.divListeGrille ul li .divTexte {position: relative; padding-right: 60px; font-size: 14px;}
.divListeGrille ul li .divTexte p {margin-bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.divListeGrille ul li .divAction {position: absolute; top: 0; right: 0;}
.divListeGrille ul li .divAction a:hover {transform:scale(0.9);}


@media only screen and (min-width: 620px) {
	.divListeGrille ul li {width: 31.20567375886525%; margin-right: 3.1914893617021274%;}
	.divListeGrille ul li:nth-child(2n+0) {margin-right: 3.1914893617021274%;}
	.divListeGrille ul li:nth-child(3n+0) {margin-right: 0;}
}
@media only screen and (min-width: 768px) {
	.divListeGrille ul li {width: 48.38709677419355%; margin-right: 3.225806451612903%;}
	.divListeGrille ul li:nth-child(2n+0) {margin-right: 0;}
	.divListeGrille ul li:nth-child(3n+0) {margin-right: 3.225806451612903%;}
}
@media only screen and (min-width: 960px) {
	.divListeGrille ul li {width: 31.20567375886525%; margin-right: 3.1914893617021274%;}
	.divListeGrille ul li:nth-child(2n+0) {margin-right: 3.1914893617021274%;}
	.divListeGrille ul li:nth-child(3n+0) {margin-right: 0;}
}


/* - - - TABLEAU GESTION - - - */
.wrapTbGestion {display:block; width:100%; overflow:auto; overflow-y:hidden; overflow-x:auto;}
.tbGestion {min-width: 745px;}
table.tbGestion th, table.tbGestion td {width:21%; border-right:1px solid #e1e1e1;}
table.tbGestion th:last-child, table.tbGestion td:last-child {border: 0;}
table.tbGestion th {padding:17px 10px 15px 10px;}
	table.tbGestion th label {color:#000; line-height: 100%;}
	table.tbGestion th input[type="checkbox"], table.tbGestion td:first-child input[type="checkbox"] {float: right !important;}
	table.tbGestion th span.fleche {float:right; width: 6px; height: 12px; background: url(../gx/m/sprite-fleche.png) -29px 0 no-repeat; background-size: 55px;}

table.tbGestion tr td:first-child input[type="checkbox"] {margin-right: 10px;}
table.tbGestion td input[type="checkbox"] {margin: 0;}

table.tbGestion td {text-align: center;}
table.tbGestion td:first-child {text-align: left;}
	table.tbGestion input[type="checkbox"] {float:none !important;}
	table.tbGestion td span.fleche {float:right; width: 12px; height: 5px; background: url(../gx/m/sprite-fleche.png) -43px 0 no-repeat; margin-top: 3px; background-size: 55px;}
	table.tbGestion td a, table.tbGestion td:first-child a {float:left; width: 207px; color:inherit; line-height: 100%;}
	table.voirTb td a, table.voirTb td:first-child a {width: auto;}

	table.tbGestion tr.niv1 td:first-child a {padding-left: 15px;}
	table.tbGestion tr.niv2 td:first-child a {padding-left: 56px;}
	table.tbGestion tr.niv3 td:first-child a {padding-left: 97px;}
	table.tbGestion tr.niv4 td:first-child a {padding-left: 138px;}

	 /* tableau voir droit groupe */
	table.voirTb a.inactiveLink {padding-left: 25px;}
	table.voirTb tr.niv1 td:first-child a.noPaddingL {width:211px; padding-left: 0;}
	table.voirTb tr.niv2 td:first-child a.noPaddingL {width:170px; padding-left: 0;}
	table.voirTb tr.niv3 td:first-child a.noPaddingL {width:129px; padding-left: 0;}


/* tableau gestion de la page 03_130 */
#formGroupe	table.tbGestion td a:hover{text-decoration:underline !important;}

/* - - - TABLEAU RESULTATS RECHERCHE - - - */
table.tbRech th:first-child, table.tbRech td:first-child {width: 78%;}


.inactiveLink{pointer-events: none; cursor: default;}
.floatRMarginR {float: right !important; margin-right: 10px !important;}

.wrapTDEnfant{padding:0px !important;}
.wrapTDEnfant table{width: 100%;}
table.tbGestion .wrapTDEnfant input[type="checkbox"].noFLoatNoMargin {float: none !important; margin: 0  !important;}

/* tinymce */
.mceEditor {float:left; width: 100%; margin-bottom: 20px;}
	.mceEditor table {width: 100% !important;}
	/* make the toolbar wrap */
	.mceToolbar td {display:table-row !important; float: left !important; height: 28px;}

/* cache la colonne en mobile */
.cacheCol {display:none; width:0; height:0; opacity:0; visibility: collapse;}

/* - - - TABLEAU ICONE - - - */
.icMoins:before, .icPlus:before, .icDossier:before,
.icJpg:before, .icPdf:before, .icPpt:before,
.icTxt:before, .icAutre:before, .icVideo:before, .icCheck {
	float:left; content: ""; margin:2px 10px 5px 0; background: url(../gx/m/sprite-icone.png) 0 0 no-repeat;
	background-size: 575px;
}

.icMoins:before {width: 12px; height: 9px; background-position: -148px 5px;}
.icPlus:before {width: 12px; height: 12px; background-position: -58px 0;}
.icDossier:before {width: 17px; height: 12px; background-position: -203px 0;}
.icJpg:before {width: 17px; height: 12px; background-position: -264px 0;}
.icPdf:before {width: 11px; height: 14px; margin-left: 5px; background-position: -236px 0;}
.icPpt:before {width: 13px; height: 11px; margin-left: 5px; background-position: -298px 0;}
.icTxt:before {width: 11px; height: 14px; margin-left: 5px; background-position: -331px 0;}
.icAutre:before {width: 11px; height: 14px; margin-left: 5px; background-position: -359px 0;}
.icVideo:before {width: 17px; height: 12px; background:url(../gx/m/ic-video.svg) 0 0 no-repeat;}
.icCheck {float:none; display: block; width: 17px; height: 13px; margin:0 auto 5px auto; background-position: -414px 0;}

.ie8 .icVideo:before {width: 17px; height: 12px; background:url(../gx/m/ic-video.png) 0 0 no-repeat;}


/* Icones
--------------------------------------------------------------------------------------- */
.lienPDF, .lienDoc/*, .icInactif*/ {display:inline-block; margin:.2em 0; line-height:30px; }
.lienPDF:before{display:inline-block; width:20px; height:26px; content:""; margin-right:6px;
	background:url(../gx/m/icone-pdf.png) 0 0 no-repeat; background-size: 20px; vertical-align:-5px;
}
.lienDoc:before{ display:inline-block; width:20px;  height:20px; content:""; margin-right:6px;
	background:url(../gx/m/icone-doc.png) 0 0 no-repeat; background-size: 20px; vertical-align:-5px;
}
/*.icInactif {width:16px;  height:16px; margin-right:6px; background:url(../gx/m/icone-inactif.png) 0 0 no-repeat;
	background-size: 16px; vertical-align:-5px;
}
*/




/*--------------------------------------------------------------------------------------- */
/* Boutons action */
/*--------------------------------------------------------------------------------------- */
.boiteBtnAction {display:block; padding:0 20px;}
.boiteBtnAction.borderB {border-bottom: 1px solid #e1e1e1;}
.boiteBtnAction a, .boiteBtnAction .btnAjout, .boiteBtnAction .btnPartager {float:left; color:#015a9c !important; line-height: 49px; margin-right: 15px;}
.boiteBtnAction a:hover {color:#34a6fe!important;}
	/* boutons image avec texte */
	.btnAjout, .btnOrder, .btnVoir, .btnSuppr, .btnModif,.boiteBtnAction .btnPartager {position:relative; display:block; line-height: 49px; padding-left: 21px;}
	.btnAjout:before, .btnOrder:before, .btnVoir:before, .btnSuppr:before, .btnModif:before {position:absolute; left:0; top:50%; width:12px; height:12px; content: ""; margin-top: -6px; }
  .boiteBtnAction .btnPartager:before {position:absolute; left:0; top:50%; width:15px; height:15px; content: ""; margin-top: -6px; }

	.btnAjout {height: 49px; color:#015a9c !important;}
	.btnAjout:before {background: url(../gx/m/sprite-icone.png) -58px 0 no-repeat; background-size: 575px;}
	.btnOrder {display:none; float:left !important; margin-right: 0 !important;}
	.btnOrder:before {background: url(../gx/m/sprite-icone.png) -175px 0 no-repeat; background-size: 575px;}
	.btnVoir {height: 49px; color:#015a9c !important;}
	.btnVoir:before {width:16px; height:11px; background: url(../gx/m/sprite-icone.png) -444px 1px no-repeat; background-size: 575px;}
	.btnSuppr {height: 49px; color:#015a9c !important; margin-right:0 !important; }
	.btnSuppr:before {background: url(../gx/m/sprite-icone.png) -480px 1px no-repeat; background-size: 575px;}
	.btnModif {height: 49px; color:#015a9c !important;}
	.btnModif:before {background: url(../gx/m/sprite-icone.png) -508px 0 no-repeat; background-size: 575px;}
	.boiteBtnAction .btnPartager{height: 46px; color:#015a9c !important;}
	.boiteBtnAction .btnPartager:before {background: url(../gx/m/sprite-icone.png) -560px 0 no-repeat; background-size: 575px;}

/* boutons image uniquement */
.btnEdit, .btnDelete, .btnPartage, .btnDownload, .btnNewOrder {display:inline-block; width: 15px; height: 15px; margin:0 3px;}
.btnPartage {background: url(../gx/m/sprite-icone.png) -560px 0 no-repeat; background-size: 575px;}
.btnEdit {background: url(../gx/m/sprite-icone.png) -86px 0 no-repeat; background-size: 575px;}
.btnDelete {background: url(../gx/m/sprite-icone.png) -115px 0 no-repeat; background-size: 575px;}
.btnDownload {width:16px; height:13px; background: url(../gx/m/sprite-icone.png) -384px 0 no-repeat; background-size: 575px;}

.retour {position: relative; padding-left: 12px; }
.retour:before {position: absolute; left:0; top:0; width:7px; height: 15px; content: ""; background: url(../gx/m/sprite-fleche.png) -15px 5px no-repeat; background-size:55px;}


/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
#entete{position:relative; width: 100%; height:70px; background: #fff; box-shadow: 0 1px 1px -1px rgba(225, 225, 225, 0.75);}
#logo  {display: block; width: 150px; margin: 5px auto;}
#logo img {width: 100%; height: auto;}


/*--------------------------------------------------------------------------------------- */
/* INDEX / LOGIN */
/*--------------------------------------------------------------------------------------- */
#splash h1 {position:absolute; bottom:0; width:100%; height: 50px;
	font: bold 1.143em/3.125em "open_sansregular", Helvetica, sans-serif;/* 16/14 */ color:#fff; margin:0; padding-left: 3.9em;/* 54/14 */
	background: #015a9c url(../gx/index/ic-login.gif) 0 0 no-repeat;
}
#login .col {display:block; width: 100%; min-height: 210px; margin-bottom: 20px; background: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);}
#login .col:first-child img {margin:20px auto 0 auto;}

	#login .col.floatR h2 {height: 49px; font: bold 1.143em/3.125em "open_sansregular", Helvetica, sans-serif;/* 16/14 */ color:#000; margin:0; padding:0 25px; border-bottom: 1px solid #e1e1e1;}
	#login h2 .btnEdit {margin-top: 15px;}
	#login .col.floatR form {float:left; width: 100%; padding:20px 25px 30px 25px;}
		#login .form label {width: 100px;}
		#login .form input[type=text], #login .form input[type=password] {width: 100%; margin-bottom:20px;}
		#login .form a {display:block; font-size:0.929em;/* 13/14 */ line-height: 42px;}
		#login .form p.note a {display:inline; line-height: 100%;}
		#login .button {float:none; margin-right: 0;}
		#login .button.cancel {margin-left: 20px;}

		#formTxtEditMDP {display: none; padding-top: 0 !important;}


/* Menu principal
--------------------------------------------------------------------------------------- */
#menuBureau{display:none;}


/* Menu secondaire
--------------------------------------------------------------------------------------- */
#menuSec{ padding-right: 9px; position:absolute; right:9px; top:10px;}

#menuSec .mobileOnly li {display: inline-block; height: 50px;}
#menuSec .mobileOnly li a {position:relative; display: inline-block; width: 35px;}
#menuSec .mobileOnly li a:before {position:absolute; left:50%; top:50%; content:""; width:16px; height:16px; }
#menuSec .mobileOnly li a#btnCompte:before {height:18px; margin:0 0 0 -8px; background: url(../gx/m/sprite-mobile.png) 0 0 no-repeat; background-size: 160px;}
#menuSec .mobileOnly li a#btnDeconnexion:before {margin:2px 0 0 -8px; background: url(../gx/m/sprite-mobile.png) -37px 0 no-repeat; background-size: 160px;}


/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
#colPrincipale {position: relative; float:left; width:100%; z-index: 0;}

.boiteTxt {padding:30px 24px 40px 26px; background: #fff;}
.boiteTxt h2 {color:#004277;}
.inner a:hover {text-decoration:underline;}


/* Sidebar
--------------------------------------------------------------------------------------- */
#sidebar{position:relative; float:left; width: 100%; min-height:100%; padding:0 20px; z-index: 1;}
	/* subnav bouton */
	#menuSidebar {margin-bottom: 22px;}
	#menuSidebar li {width: 100%; height: 50px; margin-bottom: 5px;}
	#menuSidebar li:last-child {margin-bottom: 0;}
	#menuSidebar li a {position:relative; display: block; font:bold 1.143em "open_sansregular", Helvetica, sans-serif;/* 16/14 */ color:#015a9c; line-height: 50px; padding:0 21px; border-radius: 2px; background: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);}
	#menuSidebar li a:before {position: absolute; right: 20px; top:20px; width: 4px; height: 8px; content: ""; background: url(../gx/m/sprite-fleche.png) 0 0 no-repeat; background-size:55px;}
	#menuSidebar li a:hover {color:#fff;
		box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
		background: #82878b;
		background: -moz-linear-gradient(top,  #82878b 0%, #8a8f92 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82878b), color-stop(100%,#8a8f92));
		background: -webkit-linear-gradient(top,  #82878b 0%,#8a8f92 100%);
		background: -o-linear-gradient(top,  #82878b 0%,#8a8f92 100%);
		background: -ms-linear-gradient(top,  #82878b 0%,#8a8f92 100%);
		background: linear-gradient(to bottom,  #82878b 0%,#8a8f92 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82878b', endColorstr='#8a8f92',GradientType=0 );
	}
	#menuSidebar li a:hover:before, #menuSidebar li a.actif:before {background-position: -8px 0;}
	#menuSidebar li a.actif {color: #fff;
		box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
		background: #004073;
		background: -moz-linear-gradient(top,  #004073 0%, #08487b 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004073), color-stop(100%,#08487b));
		background: -webkit-linear-gradient(top,  #004073 0%,#08487b 100%);
		background: -o-linear-gradient(top,  #004073 0%,#08487b 100%);
		background: -ms-linear-gradient(top,  #004073 0%,#08487b 100%);
		background: linear-gradient(to bottom,  #004073 0%,#08487b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004073', endColorstr='#08487b',GradientType=0 );
	}

	/* subnav liste */
	#menuSidebarListe li {margin-bottom:20px; }
	#menuSidebarListe a {display:block; color:#555; line-height:22px; }
	#menuSidebarListe a:hover {color: #868b8f;}
	#menuSidebarListe a.actif {color: #004277;  font-weight: bold;}
	#wrapMenuListe {margin: 0 0 25px 0;}
	#wrapMenuListe a.btnAjout {padding-left:40px; border-top:1px solid #e1e1e1 !important;}
	#wrapMenuListe a.btnAjout:before {margin-left: 20px;}
	#wrapMenuListe a.btnAjout:hover {color:#4db2fe!important;}

	/* boites general sidebar */
	.boiteSidebar {/*width: 100%;*/ margin:0 20px; background: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05)}
	.boiteSidebar.marginB {margin-bottom: 25px;}
		.boiteSidebar h4, nav h4, .boiteSidebar h1 {min-height:49px; font-size: 1.143em;/* 16/14 */ color:#000; text-transform: none; margin:0; padding:18px 21px; border-bottom: 1px solid #e1e1e1; line-height: 20px;}
		.boiteSidebar .inner {padding:20px 20px 0 20px;}

	/* recherche par filtre */
	#formRechFiltre p {color:#000; margin-bottom: 20px;}
	#formRechFiltre p strong {font-family: "open_sansbold"; font-weight: normal; text-transform: uppercase;}
	#formRechFiltre input {display:block; position: relative; margin-bottom: 20px;}
	#formRechFiltre input.date {float:left; width: 142px; margin:0 9px 20px 10px;}
	#formRechFiltre span {float:left; display: block; width: 13px; height: 32px; background: url(../gx/m/sprite-icone.png) -27px 75% no-repeat; background-size: 575px;}

	#fieldsetMotCle div {position:relative; width:100%;}
	#fieldsetMotCle div:before {position: absolute; right:0; width: 24px; height: 32px; content: ""; background:url(../gx/m/sprite-icone.png) 0 8px no-repeat; z-index: 5; background-size: 575px;}
	#fieldsetMotCle div input {padding-right:30px;}

	.boiteSidebar h4 a {display:block; color:#000;}
	.boiteSidebar .inner.fermer {height: 0; padding:0; overflow: hidden;}
	.boiteSidebar .inner.ouvert {height: auto; padding:20px 20px 0 20px; overflow: visible;}
	#btnRechMobile.icPlus:before {float: right; margin:2px 0 5px 10px;}
	#btnRechMobile.icMoins:before {float: right; margin:2px 0 5px 10px;}


/* boites generales col principal
--------------------------------------------------------------------------------------- */
.boiteGen {width: 100%; background: #fff;}
.boiteGen.marginB {margin-bottom: 26px;}
	.boiteGen h1, .boiteGen h2 {font-size:16px; display:block; min-height: 32px; color:#fff; line-height: 140%;  margin:0; padding: 7px 20px; background: #868b8f;}
	.boiteGen h2.bleu {text-transform: none; background: none;color:#004277;padding:0;}
	.boiteGen .inner {padding:20px;}
	.inner {padding:0 20px;}
	.boiteGen .inner label {line-height: 100%; margin:10px 20px 10px 0;}
   .boiteGen .inner label.labelRadio {line-height: 100%; margin:0 20px 10px 0;}
	.boiteGen .inner .form {}

	.boiteGen .inner label strong, label.tiLabel {font:1em/1em "open_sanssemibold"; color:#000; /*text-transform: uppercase;*/ font-weight: normal;}
	label.tiLabel {text-transform: none !important;}
	label.tiLabel2 {font:1em/1em "open_sanssemibold"; color:#555;}
	.boiteGen p strong {font-family: "open_sansregular"; color: #000; font-weight: normal;}

#formNewUser .col1 label, #formNewUser .col2 label {line-height: 32px; margin-bottom: 0;}


/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
/*#filAriane{display:none;}*/
#filAriane{display:block; min-height:22px; font:1em/1.5em "open_sansregular", Helvetica, sans-serif; color:#149FD9; padding:12px 20px; /*border-bottom: 1px solid #e1e1e1;*/}

#filAriane li{ display:inline; color: #004277; margin-right:5px; }
#filAriane li:before{font:1em Arial, Helvetica, sans-serif; color:#868b8f; content:'\2192'; margin-right:6px;}
#filAriane li:first-child:before{ display:none; }

#filAriane a{ color:#96b822;}
#filAriane a:hover, #filAriane a:focus, #filAriane a:active{ color:#465610; }

#filAriane li:last-child{ color:#004277; }


/* 01_200 : FICHIER
--------------------------------------------------------------------------------------- */
.divSortable .btnOrder {float: right !important;}


/* 01_220 : DÉTAIL FICHIER
--------------------------------------------------------------------------------------- */
.colDescr {width: 75%}
.colDescr .boiteGen {margin-left: 0;}
.colDescr .boiteGen h2 {height: auto; color:#004277; text-transform: none; padding:0; background: none;}
.colDescr .boiteGen .btnDownload {margin-left: 0;}
.retour.pFichier {display:block; margin: 12px;}

.colApercu {width: 100%; overflow: auto; margin-top: 30px;}
.colApercu .image img {width: 100%; max-width: 320px; margin:0 0 20px 0;}
.colApercu .icAutre:before {margin-top: 3px;}


/* 02_100 : NOUVELLES
/* 04_100 : BABILLARD
--------------------------------------------------------------------------------------- */
#listeNouvelle, #listeBabillard{ list-style:none; }
#listeNouvelle li, #listeBabillard li{padding: 20px 26px 0 26px;}
#listeNouvelle li:last-child .nouvTexte, #listeBabillard li:last-child .nouvTexte { border: 0;}
#listeNouvelle .nouvTexte, #listeBabillard .nouvTexte {border-bottom:1px solid #dcddde;}
#listeNouvelle .nouvTexte p, #listeBabillard .nouvTexte p {margin-bottom: 20px;}
#listeNouvelle li h3, #listeBabillard li h3 {color:#004277; margin-bottom: 16px; padding-right: 60px;}
#listeNouvelle time, #listeBabillard time{display: inline-block; color:#868b8f; margin-bottom: 19px;}
.suite:hover {text-decoration:underline;}


/* 02_110 : Nouvelle details
--------------------------------------------------------------------------------------- */
#detailNouvelle, #detailBabillard{}
#detailNouvelle .image, #detailBabillard .image {float: left; width: 48%; margin:1%;}
#detailNouvelle .image img, #detailBabillard .image img{width: 100%;}
#detailNouvelle time, #detailBabillard time {display:block; color:#868b8f; margin-bottom: 20px;}


/* 02_200 : CREATION NOUVELLE
/* 04_200 : CREATION ANNONCE BABILLARD
--------------------------------------------------------------------------------------- */
#formNews p strong, #formBabillard p strong, #formLogiciel p strong,
#formMembre p strong {font:16px "open_sansbold"; font-weight: normal; text-transform: none;}

#formNews span.calendar {float:right; display: block; width: 13px; height: 32px; margin-left: 10px; background: url(../gx/m/sprite-icone.png) -27px 70% no-repeat; background-size: 575px;}

#boiteMsg {margin-top: 50px;}

#formBabillard .col1, #formBabillard .col2,
#formNews .col1, #formNews .col2 {margin-bottom: 10px;}


/* 05_100 : LOGICIELS
--------------------------------------------------------------------------------------- */
table#tbLogiciel td {line-height: 1.571em;}
table#tbLogiciel th:first-child, table#tbLogiciel td:first-child {width: 25%;}
table#tbLogiciel th:nth-child(2), table#tbLogiciel td:nth-child(2) {width: 36%;}
table#tbLogiciel th:nth-child(3), table#tbLogiciel td:nth-child(3) {width: 17%;}
table#tbLogiciel th:nth-child(4), table#tbLogiciel td:nth-child(4) {width: 18%;}
table#tbLogiciel .btnDownload {margin-top:8px;}

.br320 {display: block; margin-bottom: 4px;}
.wordBreak {word-break:break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto}


/* 06_100 : RAPPORTS
--------------------------------------------------------------------------------------- */
#formRapport #fieldsetFiltre, #fieldsetDonnee {float:left; width: 100%;}
#formRapport p strong {font-family: "open_sansbold"; color:#000; font-weight: normal; text-transform: uppercase;}

/* filtre periode */
#formRapport label {padding-right: 7px;}
#formRapport #periodeExportDebut, #formRapport #periodeExportFin {float: left; width: 30%; margin-right: 10px;}
#formRapport span {float:left; display: block; width: 13px; height: 32px; margin-right: 7px; background: url(../gx/m/sprite-icone.png) -27px 70% no-repeat; background-size: 575px;}
#formRapport span:last-child {margin-right: 0;}
/* filtre donnees */
#fieldsetDonnee {float: right;}
#fieldsetDonnee label {width:42%; line-height: 1em;}
#formRapport .button {margin-top: 40px;}


/* 07_100 : EQUIPE
--------------------------------------------------------------------------------------- */
#colPrincipale.equipe .inner {padding-top: 0;}

#listeEquipe { list-style:none; }
#listeEquipe li {margin:0; padding: 24px 0 0 0;}
#listeEquipe li:first-child {padding:0;}
#listeEquipe li:last-child .equipeTexte { padding-bottom: 0; border: 0;}
#listeEquipe .equipeTexte {padding-bottom: 24px; border-bottom:1px solid #dcddde;}
	#listeEquipe li .image {float:left; width:36%; max-width: 100px;}
	#listeEquipe li .image img {width: 100%;}
	#listeEquipe .equipeTexte .txt {margin-left: 41%;}
		#listeEquipe .txt h2 {min-height:auto; font-family: "open_sansbold"; color:#000; font-weight: normal; line-height:100%; margin-bottom: 0; padding:0; background: none;}
		#listeEquipe .txt ul li {list-style:disc; line-height: 1.571em;/* 22/14 */ margin-left:16px; padding-top: 0;}

.icEmail:before, .icTel:before,
.icCell:before {float:left; content: ""; margin:0 20px 24px 0; background: url(../gx/m/sprite-mobile.png) 0 0 no-repeat; background-size: 160px;}
.icEmail:before {width: 24px; height: 22px; background-position: -66px 4px;}
.icTel:before {width: 25px; height: 24px; background-position: -105px 0px;}
.icCell:before {width: 15px; height: 24px; background-position: -145px 0px;}


/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
#contactInfos, #contactForm {float:left; width: 100%;}
#contactForm h2, #contactInfos h2 {color:#004277;}
#formContact input {margin-bottom: 0;}


/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
#piedPage{width:100%; max-width: 1000px; color:#fff; text-align: center; margin:0 auto; padding: 20px;}
#piedPage a {color:#fff;}

.lienPartager{ float:right; }
.copyrights {font-size:1em; line-height:1.692em;/* 13/14 */}
.copyrights a:hover{ text-decoration:underline; }


/* Menu pied de page
--------------------------------------------------------------------------------------- */
#menuPied{margin-bottom: 21px;}
#menuPied li{ display:inline-block; }
#menuPied a{font:bold 1.143em "open_sansregular";/* 16/14 */ color:#015a9c; padding:0 26px; }
#menuPied a:first-child{ padding-left:0; }


/*--------------------------------------------------------------------------------------- */
/* PAGINATION */
/*--------------------------------------------------------------------------------------- */
.pagination {clear:both; padding:16px 26px 20px 26px;}
.pagination a, .module_pagination_pagecourante{
	display:inline-block; width:32px; font:15px/32px Arial, Helvetica, sans-serif; color:#fff;
	text-align:center; text-decoration:none; background-color:#015a9c;
	-webkit-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}

.pagination .module_pagination_pagecourante{ background-color:#004277; color:#fff; }

.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pageprecedente a,
.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pagederniere a{
	font: 1em/32px "open_sansbold", monospace; color:#004277; background:transparent; vertical-align:top;
}

.pagination .module_pagination_pagesuivante a:hover, .pagination .module_pagination_pagesuivante a:focus, .pagination .module_pagination_pagesuivante a:active,
.pagination .module_pagination_pageprecedente a:hover, .pagination .module_pagination_pageprecedente a:focus, .pagination .module_pagination_pageprecedente a:focus,
.pagination .module_pagination_pagepremiere a:hover, .pagination .module_pagination_pagepremiere a:focus, .pagination .module_pagination_pagepremiere a:focus,
.pagination .module_pagination_pagederniere a:hover, .pagination .module_pagination_pagederniere a:focus, .pagination .module_pagination_pagederniere a:focus,
.pagination a:hover, .pagination a:focus, .pagination a:active{ background-color:#c2cfe0; color:#555; }


/*--------------------------------------------------------------------------------------- */
/* 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; float:left; color:#555; line-height: 32px;}

/* Couleur de l'etoile pour champs obligatoires */
label abbr, .note abbr{ color:#a2c52c; 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, .form input[type=file]{
	width:100%; height:32px; font:1em "open_sansregular"; color:#000;
	padding:5px 10px; border:1px solid #e7e8e8; background: #fcfcfc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition:box-shadow ease-in-out 0.3s;
	transition:box-shadow ease-in-out 0.3s;

	/*-webkit-appearance:none;*/
	-webkit-border-radius:0px;
}

.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 textarea, .form input[type=file] {-webkit-appearance:none;}

#datePublication{width: 150px;}

.form textarea{ height:104px; }
.form input[type=file] {height: auto;}

.form input[type=radio], .form input[type=checkbox]{ float:left;}
#contenuFichier  input[type=radio]{ margin:10px 5px;}

/* - - - 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 #868b8f; border:1px solid rgba(130,135,139,0.6);
}

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

/* - - - Buttons - - - */
button, .button{
	display:inline-block; text-align: center; text-decoration:none !important; margin:0 auto;
	-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s;
	transition: background 0.15s linear 0s, color 0.15s linear 0s;
}
.button{width:100%; /*max-width: 192px;*/ font:bold 1.143em/2.5em "open_sansregular", Helvetica, sans-serif; color:#fff;
	border:0; border-radius: 2px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.15);
	background: #b1d147;
	background: -moz-linear-gradient(top,  #b1d147 0%, #a2c52e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1d147), color-stop(100%,#a2c52e));
	background: -webkit-linear-gradient(top,  #b1d147 0%,#a2c52e 100%);
	background: -o-linear-gradient(top,  #b1d147 0%,#a2c52e 100%);
	background: -ms-linear-gradient(top,  #b1d147 0%,#a2c52e 100%);
	background: linear-gradient(to bottom,  #b1d147 0%,#a2c52e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d147', endColorstr='#a2c52e',GradientType=0 );

}

button:hover, .button:hover,
button:focus, .button:focus,
button:active, .button:active{ outline:none; color:#fff;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	background: #98b929;
	background: -moz-linear-gradient(top,  #98b929 0%, #a0c131 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98b929), color-stop(100%,#a0c131));
	background: -webkit-linear-gradient(top,  #98b929 0%,#a0c131 100%);
	background: -o-linear-gradient(top,  #98b929 0%,#a0c131 100%);
	background: -ms-linear-gradient(top,  #98b929 0%,#a0c131 100%);
	background: linear-gradient(to bottom,  #98b929 0%,#a0c131 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98b929', endColorstr='#a0c131',GradientType=0 );
}

.cancel {color:#000; border:1px solid #e1e1e1; margin-top: 20px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.15);
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#a0c131 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
.cancel:hover, .cancel:focus, .cancel:active {color:#fff; border-color:#878c90;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	background: #82878b;
	background: -moz-linear-gradient(top,  #82878b 0%, #8a8f92 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82878b), color-stop(100%,#8a8f92));
	background: -webkit-linear-gradient(top,  #82878b 0%,#8a8f92 100%);
	background: -o-linear-gradient(top,  #82878b 0%,#8a8f92 100%);
	background: -ms-linear-gradient(top,  #82878b 0%,#8a8f92 100%);
	background: linear-gradient(to bottom,  #82878b 0%,#8a8f92 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82878b', endColorstr='#8a8f92',GradientType=0 );
}

#formPartage input.date {float:left; width: 162px; margin:0 9px 20px 0px;}
#formPartage span.icone_calendrier {float:left; display: block; width: 13px; height: 32px; background: url(../gx/m/sprite-icone.png) -27px 75% no-repeat; background-size: 575px;}

#formPartage input,#formPartage textarea{margin-bottom: 20px;}
#formPartage input[type="submit"]{margin-bottom: 0;}

/* - - - Avertissements et erreurs - - - */
.messageInfo, .messageSucces, .messageAvertissement, .messageErreur {
	font-size: 0.929em;/* 13/14 */ font-weight:normal; text-align:center;
	margin:0 0 10px 0; padding:5px; border:1px solid; border-radius:4px;
}

.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 - - - */
.form .col1, .form .col2{float:left; width:100%; margin-bottom:1em;}
.form .col1{ clear:left; }
.form .colFull{	clear:left;	margin-bottom:1em; }


.ui-widget {font-family: "open_sansregular" !important;}
.ui-datepicker-month {font-family: "open_sansregular" !important;}
.ui-datepicker-calendar thead th span {font-family: "open_sansregular" !important; color:#000; font-weight: normal !important;}



/* ==================================================================================== */
/*  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) {

	#splash h1 {background: #015a9c url(../gx/index/ic-login@2x.gif) 0 0 no-repeat; background-size: 50px;}

	#menuSidebar li a:before {background-image: url(../gx/m/sprite-fleche@2x.png);}
	.retour:before {background-image: url(../gx/m/sprite-fleche@2x.png);}
	table.tbGestion th span.fleche {background-image: url(../gx/m/sprite-fleche@2x.png);}
	table.tbGestion td span.fleche {background-image: url(../gx/m/sprite-fleche@2x.png);}

	#menuSec .tabletteOnly li a#btnCompte:before {background-image: url(../gx/m/sprite-tablette@2x.png) !important;}
	#menuSec .tabletteOnly li a#btnDeconnexion:before {background-image: url(../gx/m/sprite-tablette@2x.png) !important;}

	#menuSec .mobileOnly li a#btnCompte:before {background-image: url(../gx/m/sprite-mobile@2x.png) !important;}
	#menuSec .mobileOnly li a#btnDeconnexion:before {background-image: url(../gx/m/sprite-mobile@2x.png) !important;}
	.icEmail:before, .icTel:before, .icCell:before {background-image: url(../gx/m/sprite-mobile@2x.png);}



	.lienPDF:before{background-image:url(../gx/m/icone-pdf@2x.png);}
	.lienDoc:before{background-image:url(../gx/m/icone-doc@2x.png);}


	.icMoins:before, .icPlus:before, .icDossier:before,
	.icJpg:before, .icPdf:before, .icPpt:before,
	.icTxt:before, .icAutre:before, .icVideo:before, .icCheck {background-image: url(../gx/m/sprite-icone@2x.png);}
	.icVideo:before {background-image:url(../gx/m/ic-video.svg);}

	.liNewOrder .btnOrder:before {background-image: url(../gx/m/sprite-icone@2x.png);}
	.btnAjout:before, .btnOrder:before, .btnVoir:before, .btnSuppr:before, .btnModif:before {margin-top:-4px;}
	.btnAjout:before {background-image: url(../gx/m/sprite-icone@2x.png);}
	.btnOrder:before {background-image: url(../gx/m/sprite-icone@2x.png); }
	.btnVoir:before {background-image: url(../gx/m/sprite-icone@2x.png); }
	.btnSuppr:before {background-image: url(../gx/m/sprite-icone@2x.png); }
	.btnModif:before {background-image: url(../gx/m/sprite-icone@2x.png);}
	.btnEdit {background-image: url(../gx/m/sprite-icone@2x.png);}
	.btnDelete {background-image: url(../gx/m/sprite-icone@2x.png);}
	.btnDownload {background-image: url(../gx/m/sprite-icone@2x.png);}
	#formRechFiltre span {background-image: url(../gx/m/sprite-icone@2x.png);}
	#fieldsetMotCle div:before {background-image:url(../gx/m/sprite-icone@2x.png);}
	#formNews span.calendar {background-image: url(../gx/m/sprite-icone@2x.png);}
	#formRapport span {background-image: url(../gx/m/sprite-icone@2x.png);}

}


/* Mobile portrait
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) {
	/* 05_100 : LOGICIELS
	--------------------------------------------------------------------------------------- */
	table#tbLogiciel th:nth-child(4), table#tbLogiciel td:nth-child(4) {width: 32%; text-align:right;}
	table#tbLogiciel .btnDownload {margin:2px 5px 0 0;}
}

/* Mobile paysage
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) {
	/* Sidebar
	--------------------------------------------------------------------------------------- */
	#formRechFiltre .button{margin:0 auto 20px auto;}
	#formRechFiltre .br320 {display: none;}
	#fieldsetFiltre label#lbPeriodeFin {margin-left: 10px;}

	.btnOrder {float:right !important;}

	/* 01_220 : DÉTAIL FICHIER
	--------------------------------------------------------------------------------------- */
	.colApercu .image img {width: 100%; max-width: 540px; margin: 0 0;}

	/* 05_100 : LOGICIELS
	--------------------------------------------------------------------------------------- */
	table#tbLogiciel th:nth-child(4), table#tbLogiciel td:nth-child(4) {width: 28%; text-align:left;}
	table#tbLogiciel .btnDownload {margin:2px 3px 0 3px;}
	.br320 {display: none; margin:0;}

	/* 07_100 : EQUIPE
	--------------------------------------------------------------------------------------- */
	#listeEquipe li .image {float:left; width:36%; max-width: 215px;}

	/* - - - Buttons - - - */
	button, .button{margin-right: 20px;}
	.button{max-width: 192px;}
	.cancel {margin-top: 0;}
}

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

	.conteneur{position:relative; max-width:1000px; margin:0 auto; padding:0;}
	main{padding:20px;}
	main.acc {padding-top: 22px;}

	#conteneurHd {position: relative;}
	#conteneurFt {background: #fff;}

	/* Sticky footer */
	.wrapContenu {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -97px;}
	#conteneurFt, .push {position:relative; height: 97px;}

	#colPrincipale {float:left; width:100%; margin-left: -255px;}

	h3{ font:normal 17px/20px "open_sansbold", Helvetica, sans-serif; color:#004277;}

	/* make the toolbar wrap */
	.mceToolbar td {display:table-cell !important; float: inherit !important; height: auto;}


	/*--------------------------------------------------------------------------------------- */
	/* En-tete */
	/*--------------------------------------------------------------------------------------- */
	#entete{position:relative; max-width: 1000px; height:200px; margin:0 auto; padding: 0px 0 0 0; }
	#logo {display:block; position:absolute; left:0; width: 150px; height:auto;margin: 55px 0 0 0;}
	#entete > .contenu > #logo {width: 150px;}


	/* Menu secondaire
	--------------------------------------------------------------------------------------- */
	#menuSec {width: 100%; height: 32px; padding-right: 0; border-bottom: 1px solid #e9e9e9; background: #fff;}
	#menuSec ul {float: right;}
	#menuSec li {float:left; font-family: "open_sanssemibold"; color:#000; line-height: 32px;}
	#menuSec li:first-child {padding-right: 10px;}
	#menuSec .tabletteOnly li a {position:relative; display: block; width: auto;}

	#menuSec .tabletteOnly li a#btnCompte {font-family: "open_sanssemibold"; color:#015a9c; padding:0 10px 0 34px; background:#ebebeb;}
	#menuSec .tabletteOnly li a#btnCompte:hover {text-decoration:underline;}
	#menuSec .tabletteOnly li a#btnDeconnexion {font-family: "open_sanssemibold"; color:#fff; /*width: 32px; height: 32px;*/ padding:0 10px 0 34px; background:#a9cf3f;}
	#menuSec .tabletteOnly li a#btnDeconnexion:hover {background:#b6db3d;}

	#menuSec .tabletteOnly li a#btnCompte:before,
	#menuSec .tabletteOnly li a#btnDeconnexion:before {position:absolute; left:50%; top:50%; content:""; width:16px; height:16px; }

	#menuSec .tabletteOnly li a#btnCompte:before {left:10px; height:18px; margin:-10px 0 0 0; background: url(../gx/m/sprite-tablette.png) 0 0 no-repeat; background-size: 53px;}
	#menuSec .tabletteOnly li a#btnDeconnexion:before {left:10px; margin:-10px 0 0 0px; background: url(../gx/m/sprite-tablette.png) -37px 0 no-repeat; background-size: 53px;}



	/* Menu principal
	--------------------------------------------------------------------------------------- */
	#menuBureau{display:block; position:absolute; bottom:0; width: 100%; background: #015a9c;}
	#menuBureau li{ float:left; height: 50px;}
	#menuBureau a{display:inline-block; height: 100%; font:bold 0.929em/3.846em "open_sansregular", Helvetica, sans-serif;/* 13-50/14 */ color: #fff; padding: 0 10.9px; background: #015a9c;}
	#menuBureau li.tabletteOnly a { margin-left:0; padding:0;}
	#menuBureau a:hover, #menuBureau a:focus, #menuBureau a:active{color:#c2cfe0; }
	#menuBureau a.actif{ background-color:#004277;}

	.ie8 #menuBureau a {padding:0 18px;}


	/* Fil d'Ariane
	--------------------------------------------------------------------------------------- */
	#filAriane{padding:0 0 20px 0;}


	/* Sidebar
	--------------------------------------------------------------------------------------- */
	#sidebar {max-width: 255px; padding: 0 20px 0 0;}
	#formRechFiltre .br320 {display: block;}
	#fieldsetFiltre label#lbPeriodeFin {margin-left: 0;}

	#sidebar .boiteSidebar {margin: 0 0 25px 0;}
	#sidebar .boiteSidebar .inner.fermer,
	#sidebar .boiteSidebar .inner.ouvert {height: auto; padding:20px 20px 0 20px; overflow: visible;}

	.ie8 #sidebar {max-width: 233px;}

	html[lang="en"] #formRechFiltre input.date {width: 126px;}
	html[lang="en"] #formRechFiltre input.date#periodeFin {margin-left: 28px;}


	/* boites generales col principal
	--------------------------------------------------------------------------------------- */
	.boiteGen {width:auto; margin-left: 255px; background: #fff;}

	.inner {padding:0;}
	#colPrincipale .form {margin-left: 255px;}
	#colPrincipale .form .boiteGen {margin-left: 0;}
	#colPrincipale .boiteGen .inner h2 {height: auto; color:#004277; text-transform: none; padding:0; background: none;}
	#colPrincipale .boiteGen .inner h2.dossierPartage{padding-left: 40px;background-image: url(../gx/m/icone-dossier.png);background-repeat: no-repeat;background-size: 30px;}
	.boiteTxt {width: auto; margin-left: 255px;}
	#colPrincipale .boiteTxt .form {margin-left: 0;}


	.boiteBtnAction a, .boiteBtnAction .btnAjout {margin-right: 13px;}

	/* - - - TABLEAU DOSSIER - - - */
	table.tbDossier th:first-child, table.tbDossier td:first-child {width: 62%;}


	/*--------------------------------------------------------------------------------------- */
	/* INDEX / LOGIN */
	/*--------------------------------------------------------------------------------------- */
	#splash h1 {padding-left: 4.375em;/* 70/16 */}

	#login .col {display:block; width: 100%; min-height: 244px; max-width: 488px; margin-bottom: 0;}
	#login .col:first-child {max-width: 216px;}
	#login .col:first-child img {margin:38px auto 0 auto;}
	#login .form input[type=text], #login .form input[type=password] {max-width: 338px;}
	#login .button {float:right;}


	/* 01_220 : DÉTAIL FICHIER
	--------------------------------------------------------------------------------------- */
	.retour.pFichier {display:block; margin:0 0 12px 0;}
	.colDescr {width: 44%;}
	.colDescr .boiteGen h2 {height: auto; color:#004277; text-transform: none; padding:0; background: none;}

	.colApercu {width: 54%; max-width: 540px; margin-top: 30px;}
	.colApercu .image img {width: 100%; max-width: 540px; margin-bottom:0;}
	.colApercu .icAutre:before {margin-top: 3px;}


	/* 02_100 : NOUVELLES
	/* 04_100 : BABILLARD
	--------------------------------------------------------------------------------------- */
	#listeNouvelle li, #listeBabillard li {padding-top: 24px;}
	#listeNouvelle .nouvTexte p, #listeBabillard .nouvTexte p {margin-bottom: 25px;}
	#listeNouvelle .nouvTexte h3 a:hover {text-decoration: underline;}



	/* 02_110 : Nouvelle details
	--------------------------------------------------------------------------------------- */
	#detailNouvelle.boiteTxt, #detailBabillard.boiteTxt {width: auto; margin-left: 255px;}
	#detailBabillard .boiteGen, #detailBabillard .form {margin-left: 0;}

	#formMessage .cancel {margin-right: 0;}


	/* 07_100 : EQUIPE
	--------------------------------------------------------------------------------------- */
	#listeEquipe li .image {width: 32%; max-width: 215px;}
	#listeEquipe .equipeTexte .txt {margin-left: 37%;}


	/*--------------------------------------------------------------------------------------- */
	/* Pied de page */
	/*--------------------------------------------------------------------------------------- */
	#piedPage{color:#868b8f;}
	#piedPage a {color:#868b8f;}

	#menuPied {margin-bottom: 17px;}
	#menuPied a{font:bold 1em "open_sansregular";/* 16/14 */ color:#015a9c; padding:0 14px; }
}


/* Tablette paysage et desktop
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 960px) {
	.miniConsole {display: block;}
	#vortexDebugShow, #vortexDebugMenu {display: block;}

	.tabletteOnly {display: none;}
	.desktopOnly {display: block;}

	main {padding:0 20px 20px 20px;}
	main.acc {padding-top: 45px;}

	 .btnOrder {display:block;}

	/* Menu principal
	--------------------------------------------------------------------------------------- */
	#menuBureau a{font:bold 1.143em/3.125em  "open_sansregular", sans-serif;/* 16/14 */ padding:0 15.69px}


	/* Fil d'Ariane
	--------------------------------------------------------------------------------------- */
	#filAriane{padding:12px 3px;}

	/*#filAriane li{ display:inline; color: #004277; margin-right:5px; }
	#filAriane li:before{font:1em Arial, Helvetica, sans-serif; color:#868b8f; content:'\2192'; margin-right:6px;}
	#filAriane li:first-child:before{ display:none; }

	#filAriane a{ color:#96b822;}
	#filAriane a:hover, #filAriane a:focus, #filAriane a:active{ color:#96b822; }

	#filAriane li:last-child{ color:#004277; }*/

	/* cache la colonne en mobile */
	.cacheCol {display:table-cell; width:26%; height:inherit; opacity:1; visibility: visible;}


	/*--------------------------------------------------------------------------------------- */
	/* INDEX / LOGIN */
	/*--------------------------------------------------------------------------------------- */
	#login {padding:20px 0 0 0;}
	#login .col {display:block; width: 48.5%; min-height: 244px; margin-bottom: 0;}
	#login .col:first-child {max-width: 100%;}
	#login .form input[type=text], #login .form input[type=password] {max-width: 296px;}


	 /* 01_220 : FICHIER DETAIL
	--------------------------------------------------------------------------------------- */
	.retour.pFichier {display: none;}


	 /* 01_230 : TABLEAU RESULTATS RECHERCHE
	--------------------------------------------------------------------------------------- */
	table.tbRech th:first-child, table.tbRech td:first-child {width: 56%;}


	/* 06_100 : RAPPORTS
	--------------------------------------------------------------------------------------- */
	#formRapport #fieldsetFiltre, #fieldsetDonnee {width: 50%;}

	/* filtre periode */
	#formRapport label {padding-right: 10px;}
	#formRapport span {margin-right: 10px;}
	/* filtre donnees */
	#fieldsetDonnee label {width:43%;}


	/* 07_100 : EQUIPE
	--------------------------------------------------------------------------------------- */
	#listeEquipe li .image {width: 34%;}
	#listeEquipe .equipeTexte .txt {margin-left: 37%;}


	/* 09_100 : Nous joindre
	--------------------------------------------------------------------------------------- */
	#contactInfos, #contactForm {width: 48%;}

	/* - - - Layout - - - */
	.form .col1, .form .col2{float:left; width:47.5%; margin-bottom:0px;}
	.form .col2{ margin-left:5%; }
}



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

	main {padding:0 0 150px 0;}

	/* Menu secondaire
	--------------------------------------------------------------------------------------- */
	#menuSec {padding-right: 0;}


	/* Menu principal
	--------------------------------------------------------------------------------------- */
	#menuBureau a{padding:0 18.5px;}


	/* Sidebar
	--------------------------------------------------------------------------------------- */
	#sidebar {max-width:255px; padding: 0 22px 0 0;}


	/*--------------------------------------------------------------------------------------- */
	/* INDEX / LOGIN */
	/*--------------------------------------------------------------------------------------- */
	#login {padding:30px 0 0 0;}
	#login .form input[type=text], #login .form input[type=password] {max-width: 335px;}


	/* 02_100 : NOUVELLES
	/* 04_100 : BABILLARD
	--------------------------------------------------------------------------------------- */
	#listeNouvelle .nouvTexte p, #listeBabillard .nouvTexte p {margin-bottom: 28px;}


	/* 07_100 : EQUIPE
	--------------------------------------------------------------------------------------- */
	#listeEquipe .equipeTexte .txt {margin-left: 34%;}
}