@charset "utf-8";

/*================================== Flexi-surmesure V1.1.0 [2015-09-09] =============================*/

/*====================================================================================================
	:: FONTS
==================================================================================================== */

/*====================================================================================================
	:: RESET CSS
==================================================================================================== */

html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,  time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: top;text-decoration: none;line-height:normal;}
html {font-size:100%; height: 100%;  overflow-y: scroll; -webkit-text-size-adjust: 100%;}
body {font-family: sans-serif;min-height: 100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#fff;-webkit-hyphens: manual;-moz-hyphens: manual;-ms-hyphens: manual;hyphens: manual;}
table {border-collapse: collapse; border-spacing: 0;}
th {text-align: left}
tr, th, td {border-bottom: 0 solid #333}
form {margin: 0}
fieldset {border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
button, input, select, textarea {vertical-align: baseline;word-break:normal;}
button, input {line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="search"] {-webkit-appearance: textfield; /*-moz-box-sizing: content-box; -webkit-box-sizing: content-box;	box-sizing: content-box*/}
strong, b, dt { font-weight: bold}

/*====================================================================================================
	:: STRUCTURE (FLEXI)
==================================================================================================== */

/***   PIV Haut   *************************************************************************************/
.pivHaut {padding:0;background:none;box-shadow:none;margin-bottom:15px;}
.pivHaut a:focus {outline:dotted 2px;}
.pivHaut a:active {outline:none;}
.pivHaut .banniere {display:table;background: none;}
.pivHautLogo {margin:0;padding:0;background:#FFF;display:table-cell;height:72px;vertical-align:bottom;}
.pivHautLogo a {display:block;position:relative;bottom:-12px;}
.pivHautMenu {vertical-align:bottom;display:table-cell;width:100%;height:auto;font-size:medium;} 
.pivHautBoutonMenu, .pivHautBoutonRecherche, .pivHautBoutonsMobile, .recherche .pivHautRecherche {display:none;}
.pivHautMenu ul, .lte8.no-js .banniere ul {background:#003399;min-height:15px;font-size:70%;margin:0;padding:0;}
.pivHautMenu ul:after {content:"";clear:both;display:block;}
.pivHautMenu li, .lte8.no-js .banniere ul li {display:block;float:left;font-weight:normal;border-top:none; }
.pivHautMenu .pivAlignementDroit, .lte8.no-js .banniere ul .pivAlignementDroit {float:right;padding:0 15px 0 0;}
.pivHautMenu a, .lte8.no-js .banniere ul li a {display:block;padding:0 0 0 15px;font-size:.6875rem;color:#fff;text-decoration:none;}
.pivHautMenu a:hover, .pivHautMenu a:focus, .pivHautMenu a:active {background:none;text-decoration:underline;}

/***   PIV Bas   **************************************************************************************/       
.pivBas, .lte8.no-js .pivBasDate, .lte8.no-js .pivBasCopyright {text-align:center;margin:10px 0;font-size:medium;}
.pivBas p, .lte8.no-js .pivBasDate,  .lte8.no-js .pivBasCopyright {margin:0;font-size:70%;}
.pivBas ul, .lte8.no-js .pivBasLiens {list-style-type:none;margin:0;padding:0;text-align:center;font-size:70%;}
.pivBas ul li, .lte8.no-js .pivBasLiens li {margin:0;padding:0;display:inline;}
.pivBas a:link, .lte8.no-js .pivBasLiens a:link {color:#003399;font-size:.6875rem;font-weight:normal;margin-right:8px;margin-left:8px;}
.pivBas a:visited, .lte8.no-js .pivBasLiens a:visited {color:#003399;font-weight:normal;}
.pivBas a:hover, .lte8.no-js .pivBasLiens a:hover {color:#06F;text-decoration:underline;}
.pivBas a:active, .lte8.no-js .pivBasLiens a:active {color:#009;}
.pivBas .pivBasLogo img, .lte8.no-js .pivBasLogo img {border:none; width:96px; height:26px;}
.lte8.no-js .pivBasLogo {text-align:center;display:block;}

/*====================================================================================================
	:: GENERAL
==================================================================================================== */

html {/*font-size:100%;*/} /*par défaut: font-size:100% */

.conteneur {
	min-width: 945px;
	max-width: 945px;
	*width: 945px;
	margin: 0 auto; 
	padding: 0 18px;
	overflow: hidden;
} 

.conteneur.pivHaut {
	min-width: 980px;
	max-width: 980px;
	min-height: 94px;
	margin-bottom: 15px;
}

.pivHautMenu ul, .pivHautMenu ul li {
	font-size: 11px !important;
}

.pivHautMenu a {
	margin-top: 1px;
	font-size: 11px !important;
	vertical-align: middle;
}

.pivBas {
	position: relative;
	top: -25px;
	width: 981px;
	margin: 0 auto;
	padding: 20px 0 60px 0;
	background: #fff;
}

.pivBas a {
	font-size: 11px !important;
}

h1 {
	margin: 2px 0;
	font-family: Sans-serif;
	font-size: 36px;
	line-height: 1;
	font-weight: normal;
	color: #fff;
	vertical-align: baseline;
}

h1 span {
	font-family: Sans-serif;
	vertical-align: baseline;
}

h2 {
	display: inline-block;
	margin: 16px 0;
	font-family: 'geogrotesque-rg';
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
	color: #2E4A79;
}

h3 {
	display: inline-block;
	margin: 0 !important;
	font-family: 'geogrotesque-md';
	font-size: 20px !important;
	line-height: 1.3;
	text-transform: uppercase;
	color: #444449;
}

ul, ol {
	margin: 0;
}

ul li, ol li {
	margin: 0;
}

p, ul li {
	font-family: Arial, Sans-serif;
	font-size: 14px;
	line-height: 1.2857;
	color: #444449;
}

p {
	margin-bottom: 16px;
}

a {
	font-family: Arial, Sans-serif;
	font-size: 14px;
	line-height: 1.14286;
	text-decoration: underline;
	color: #2E4A79;
	vertical-align: baseline;
}

a:hover, a:focus {
	text-decoration: none;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.horsChamp, .hors-champ  {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*====================================================================================================
	:: HEADER
==================================================================================================== */

.mainNav {
	border-top: 6px solid #75727d;
	background: #323134;
	color: #fff;
}

.boxShadow {
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}

/*====================================================================================================
	:: FORM ELEMENTS
==================================================================================================== */

form, .form {
	padding: 0;
	background: none;
}

form p, .form p {
	padding-top: 10px;
	font-family: Arial, Sans-serif;
	font-size: 14px;
	line-height: 1.2857;
	color: #47444b;
}

form label, .form label {
	display: block;
	margin-bottom: 14px;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #444449;
}

form label span, .form label span {
	font-weight: normal;
}

form input, .form input {
	outline: none;
}

input[type='text'], input[type='password'] {
	display: inline-block;
	width: 100%;
	margin-bottom: 16px;
	padding: 10px;
	box-sizing: border-box;
	border: 0 none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #fff;
	font-family: Arial, Sans-serif;
	font-size: 12px;
	line-height: 1.25;
	color: #444449;
}

select, input[type='search'] {
	height: 33px;
	padding: 8px 10px;
	border: 0 none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #fff;
	font-family: Arial, Sans-serif;
	font-size: 13px;
	line-height: 1;
	color: #444449;
}

input[type=checkbox] {
	position:absolute;
	z-index:-9999;
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

input[type=checkbox] + label {
	cursor: pointer;
	display:inline-block;
	height: 19px; 
	padding-left: 24px;
	font-size: 14px;
	line-height: 19px;
	background: url(../images/icones/checkbox-unchecked.png) 0 0 no-repeat;
}

input[type=checkbox].checked + label {
	background: url(../images/icones/checkbox-checked.png) 0 0 no-repeat;
}

.btnRegular {
	float: right;
	margin: 11px 0 0 0;
	padding: 10px;
	border: 0 none;
	background: #2E4A79;
	font-family: Arial, Sans-serif;
	font-size: 15px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
}

.btnRegular:hover {
	background: #406E97;
}

/***   Alertes   **************************************************************************************/  

.alert {
	display: none;
	margin: 10px 0 0 0;
}

.alertText {
	display: table-cell;
	height: 39px;
	padding: 4px 16px;
	vertical-align: middle;
}

.alertText ul {
	list-style: none;
}

.alertText ul li, .alertText p {
	position: relative;
	margin: 0 0 6px 0;
	padding: 0 !important;
	color: #000;
}

.alert.error {
	border: 2px solid #cc0000;
	border-left: 0 none;
	background: #f5cccc;
}

.alert.warning {
	border: 2px solid #ff9900;
	border-left: 0 none;
	background: #ffebcc;
}

.alert.info {
	border: 2px solid #276193;
	border-left: 0 none;
	background: #c9d7e4;
}

.alert .icon {
	position: relative;
	display: table-cell;
	width: 52px;
	min-height: 49px;
	vertical-align: middle;
}

.alert.error .icon   {background: #cc0000 url(../images/icones/ic-Error.png)   50% 50% no-repeat;}
.alert.warning .icon {background: #ff9900 url(../images/icones/ic-Warning.png) 50% 50% no-repeat;}
.alert.info .icon    {background: #276193 url(../images/icones/ic-Info.png)    50% 50% no-repeat;}

.alert .icon .arrow {
	position: relative;
	left: 98%;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 11px;
}

.alert.error .icon .arrow   {border-color: transparent transparent transparent #cc0000;}
.alert.warning .icon .arrow {border-color: transparent transparent transparent #ff9900;}
.alert.info .icon .arrow    {border-color: transparent transparent transparent #276193;}

/*====================================================================================================
	:: LOGIN PAGE
==================================================================================================== */

.loginPage .boxShadow {
	height: 20px;
}

.loginPage .pivBas {
	top: 0;
}

.loginBkg {
	background: #e5e5e5;
	background-size: contain;
}

.loginBkg img {
	position: absolute;
	width: 100%;
	height: 244px;
	z-index: 0;
}

.loginBkg .conteneur {
	position: relative;
	min-width: 504px;
	width: 504px;
	z-index: 1;
}

.loginPage h1 {
	margin-top: 29px;
    margin-bottom: 10px;
}

.loginBoxWrapper {
	min-height: 311px;
	padding: 8px;
	background: #fff;
}

.loginBoxWrapper p {
	margin: 0;
	padding: 12px 25px 6px 31px;
	font-size: 13px;
	line-height: 1.23077;
}

.loginBoxBorder {
	padding: 5px;
	background-color: #cbcbcb;
}

.loginBox {
	position: relative;
	z-index: 1;
	padding: 40px 40px 46px;
	background: #eeeeee;
}

.submitBox {
	border-top: 1px solid #fff;
	background: #f6f6f6;
	text-align: center;
}

.submitBox .btnRegular {
	float: none;
	display: inline-block;
	width: 137px;
	margin: 15px 0 14px 0;
	text-decoration: none !important;
}

.btnRegular.arrow {
	width: 86px;
	padding-right: 25px;
	background: #2E4A79 url(../images/icones/ic-w-Right.png) 97px 11px no-repeat;
}

.btnRegular.arrow:hover {
	background: #406E97 url(../images/icones/ic-w-Right.png) 97px 11px no-repeat;
}

.form .loginBox label.checkboxLabel {
	float: right;
	margin: 0;
	font-size: 14px;
	line-height: 19px;
	font-weight: normal;
}

.accessBox {
	padding: 48px 0 54px 0;
	text-align: center;
}

.btnReverse {
	display: inline-block;
	width: 145px;
	padding: 9px 0 10px 41px;
	border: 1px solid #2E4A79;
	background: transparent url(../images/icones/ic-Access.png) 14px 5px no-repeat;
    font-family: Arial, Sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    text-decoration: none !important;
    color: #2E4A79;
    text-align: left;
}

.btnReverse:hover {
	background: #fff url(../images/icones/ic-Access.png) 14px 5px no-repeat;
}

.loginBoxTitle a {
	display: inline-block;
	width: 100%;
	padding: 15px 0 16px 0;
	background: url(../images/icones/ic-Back.png) 6px 3px no-repeat;
	text-align: center;
	font-size: 15px;
	line-height: 1.06667;
	font-weight: bold;
	text-decoration: none;
}

.loginBoxTitle a:hover {
	text-decoration: underline;
}

.loginBoxTitle h2 {
	margin: 0;
	padding: 15px 15px 16px 15px;
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 0.88889;
	font-weight: bold;
	text-transform: none;
}

.loginBoxTitle h2 + a {
	float: right;
	width: 70px;
	padding: 16px 15px 15px 15px;
	background: url(../images/icones/ic-Back-small.png) 14px 14px no-repeat;
	font-weight: normal;
	text-align: right;
}

.loginBox.helpOptions {
	min-height: 250px;
	padding: 13px;
}

.helpOptions ul li {
	display: inline-block;
	width: 100%;
	padding: 0;
}

.helpOptions a, .helpOptions button {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 20px 0 4px 0;
	border: 0 none;
	border-bottom: 1px solid #b7b6bb;
	background: none;
	font-size: 14px;
	line-height: 1.14286;
    font-weight: bold;
    text-decoration: none !important;
    text-align: left;
    color: #444449;
}

.helpOptions a {
	background: url(../images/icones/ic-bl-Right.png) 100% 20px no-repeat;
}

.helpOptions button {
	background: url(../images/icones/ic-bl-Down.png) 100% 25px no-repeat;
}
.helpOptions button.hide {
	background: url(../images/icones/ic-bl-Up.png) 100% 25px no-repeat;
	color: #2E4A79;
}

.helpOptions a:focus,
.helpOptions button:focus {
	outline: none;
}

.helpInfo {
	display: none;
	margin-top: 2px;
	padding: 11px 0 12px 35px;
	background: #d1d6dc url(../images/icones/ic-Phone24.png) 29px 9px no-repeat;
}

.helpInfo p {
	padding: 8px 20px 6px 39px;
	font-size: 14px;
	line-height: 1.14286;
}

/*====================================================================================================
	:: PRINT
==================================================================================================== */

@media print{
	* {background: transparent !important;color: black !important;filter:none !important;-ms-filter: none !important;overflow:visible;} 	
	p a, p a:visited {color: #444 !important;text-decoration: underline;}
	img {page-break-inside: avoid;}
	.pivHautMenu, .conteneur.pivHaut, .mainNav, footer, .loginBkg img, .btnReverse, .submitBox, .alert .icon, .alert .icon .arrow {display:none;}
	.helpInfo {display: block !important;}
	.loginBoxWrapper {padding-bottom: 40px;border: 5px solid #cbcbcb;}
	.form input[type="text"], .form input[type="password"] {border: 1px solid #cbcbcb;}
	.alert {border: 1px solid #000 !important;}
}