@charset "UTF-8";
/* CSS Document */

/* Filtre pour les navigateurs Win 4.x et IE5.0 Mac et Windows */
@import'base.css';

@font-face {
	font-family: Varela;
	src: url("../fonts/VarelaRound-Regular.woff") format("woff"), url("../fonts/VarelaRound-Regular.ttf") format("truetype"), url("../fonts/VarelaRound-Regular.svg#VarelaRound-Regular") format("svg");
	font-weight: normal;
}

@font-face {
	font-family: petits-pictos;
	src: url("../fonts/petits-pictos.woff") format("woff"), url("../fonts/petits-pictos.ttf") format("truetype"), url("../fonts/petits-pictos.svg#petits-pictos") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: grands-pictos;
	src: url("../fonts/grands-pictos.woff") format("woff"), url("../fonts/grands-pictos.ttf") format("truetype"), url("../fonts/grands-pictos.svggrands-pictos") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="picto-"], [class*=" picto-"], [class^="picto-L-"], [class*=" picto-L-"] {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="picto-"], [class*=" picto-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'petits-pictos' !important;
}

[class^="picto-L-"], [class*=" picto-L-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'grands-pictos' !important;
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GLOBAL                                                                                     //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Disparition Alerte phishing                                                    +
+-------------------------------------------------------------------------------*/

#entete-page #bandeau #zone-perso {
    display: none;
}

.connecte #entete-page #bandeau #zone-perso {
    display: block;
}

.connecte #entete-page #bandeau #zone-perso #alerte-phishing {
    display: none;
}

#entete-page #menu {
	top: 0 !important; /* idealement a variabiliser en fonction de la presence de l'alerte phishing : 0px si pas d'alerte, 30px si presence de l'alerte */
}

@media screen and (min-width: 1221px) { /* Bureau */

.connecte #entete-page #menu {
	top: 30px !important; /* idealement a variabiliser en fonction de la presence de l'alerte phishing : 0px si pas d'alerte, 30px si presence de l'alerte */
}

}



/*-------------------------------------------------------------------------------+
+ global                                                                         +
+-------------------------------------------------------------------------------*/

body {
	position: relative;
	background-color: #54565b;
	color: #54565b;
	z-index: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.tunnel {
	background: #f4f4f4;
}

body.popup, body.page-orpheline {
	background: #fff;
}

body.popup {
	min-width: 10px!important;
}

body .conteneur {
	position: relative;
	clear: both;
	max-width: 1180px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial;
}

a, a:hover, a:active, a:visited, a:focus {
	color: #54565b;
}

#corps-page {
	background-color: #fff;
}
	
video {
	background-color: transparent;
}

.displayNone {
    display: none!important;
}

.taillesup {
	font-size: 1.15em;
}

.tailleinf {
	font-size: 0.85em;
}

.mentions-legales {
	color: #727272;
	font-size: 1.2em!important;
}

.mentions-legales a {
	color: #727272;
}

.alaligne {
	white-space: nowrap;
}



/*-------------------------------------------------------------------------------+
+ Message d'alerte IE8                                                           +
+-------------------------------------------------------------------------------*/

#alerte-ie8 {
	background: #ffe5e5 url(../img/pictos/attention-rouge-xl.gif) no-repeat 20px 20px;
	width: 870px;
	margin: 20px auto 20px auto;
	padding: 10px 10px 10px 80px;
	color: #ff0000;
}

#alerte-ie8 h6 {
	margin-bottom: 15px;
	font-size: 1.8em;
	line-height: 1.4em;
}

#alerte-ie8 h6 strong {
	text-decoration: underline;
}

#alerte-ie8 p {
	font-size: 1.4em;
	line-height: 1.5em;
}



/*-------------------------------------------------------------------------------+
+ Avertissement javascript                                                       +
+-------------------------------------------------------------------------------*/

#avertissement-javascript {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffff99;
    width: 100%;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    z-index: 100000;
}

#avertissement-javascript p {
	background: url(../img/puces/puce-alerte-javascript.png) no-repeat 32px 9px;
	max-width: 980px;
	margin: 0 auto;
    padding: 10px 10px 10px 60px;
    color: #000;
    font-size: 1.4em;
}



/*-------------------------------------------------------------------------------+
+ Bouton "Haut de page"                                                          +
+-------------------------------------------------------------------------------*/

#back-to-top {
	position: fixed;
	z-index: 9999;
	text-align: center;
	background: #ebebeb;
	color: #333;
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	transition: background 0.2s ease-out;
	opacity: 0;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

#back-to-top:hover {
    background: #cfcfcf;
}

#back-to-top:active {
    background: #8bbc06;
    color: #fff;
}

#back-to-top:before {
	display: block;
	font-family: 'petits-pictos' !important;
	content: "\e90f";
	transform: rotate(270deg);
}

#back-to-top.show {
    opacity: 1;
}

#back-to-top span {
   display: none;
}

@media screen and (max-width: 767px) { /* Mobile */

	#back-to-top {
		bottom: 20px;
		right: 20px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
	}

	#back-to-top:before {
		font-size: 2.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#back-to-top {
		bottom: 40px;
		right: 40px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
	}

	#back-to-top:before {
		font-size: 3em;
	}

}



/*-------------------------------------------------------------------------------+
+ Boutons (NEW)                                                                  +
+-------------------------------------------------------------------------------*/

.bouton_nw {
	position: relative;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.bouton_nw .bt {
	display: block;
}

.bouton_nw .bt input {
	display: inline-block;
	padding: 0 !important;
	vertical-align: middle;
}

.bouton_nw .bt .picto {
	position: relative;
	/* display: inline-block; */
	display: table-cell;
	vertical-align: middle;
}

.bouton_nw .bt .libelle {
	/* display: inline-block; */
	display: table-cell;
	vertical-align: middle;
	text-align: left !important;
}

.bouton_nw .bt .libelle .alaligne {
	display: block;
}


/* Cas INPUT */

.bouton_nw.bt-input .bt .picto {
	display: inline-block !important;
}

.bouton_nw.bt-input .bt input.libelle {
	display: inline-block !important;
}


/* Types boutons *******************************************************/

/* Bouton LARGE */
	
.bouton_nw.bt-L .bt .picto {
	font-size: 1.7em;
}

@media screen and (max-width: 767px) { /* Mobile */

	.bouton_nw.bt-L {
		font-size: 1.8em;
	}
	
	.bouton_nw.bt-L .bt {
		padding: 14px 20px 15px 20px;
	}
	
	.bouton_nw.bt-L.bt-filet .bt {
		padding: 13px 19px 14px 19px;
	}
	
	.bouton_nw.bt-L .bt .picto {
		margin: -14px 0 -15px 0;
	}
	
	.bouton_nw.bt-L .bt .picto + .libelle {
		width: calc(100% - 46px);
		padding-left: 15px;
	}
	
	.bouton_nw.bt-L .bt input {
		width: 100% !important;
		margin: -14px -20px -15px -31px;
		padding: 14px 20px 15px 46px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.bouton_nw.bt-L {
		font-size: 2em;
	}
	
	.bouton_nw.bt-L .bt {
		padding: 18px 30px 19px 30px;
	}
	
	.bouton_nw.bt-L.bt-filet .bt {
		padding: 17px 29px 18px 29px;
	}
	
	.bouton_nw.bt-L .bt .picto {
		margin: -18px 0 -19px 0;
	}
	
	.bouton_nw.bt-L .bt .picto + .libelle {
		width: calc(100% - 54px);
		padding-left: 20px;
	}
	
	.bouton_nw.bt-L .bt input {
		width: 100% !important;
		margin: -18px -30px -19px -34px !important;
		padding: 18px 30px 19px 54px !important;
	}

}


/* Bouton MEDIUM */
	
.bouton_nw.bt-M .bt .picto {
	font-size: 1.5em;
}

@media screen and (max-width: 767px) { /* Mobile */

	.bouton_nw.bt-M {
		font-size: 1.5em;
	}
	
	.bouton_nw.bt-M .bt {
		padding: 11px 15px 12px 15px;
	}
	
	.bouton_nw.bt-M.bt-filet .bt {
		padding: 10px 14px 11px 14px;
	}
	
	.bouton_nw.bt-M .bt .picto {
		margin: -11px 0 -12px 0;
	}
	
	.bouton_nw.bt-M .bt .picto + .libelle {
		width: calc(100% - 33px);
		padding-left: 10px;
	}
	
	.bouton_nw.bt-M .bt input {
		width: 100% !important;
		margin: -11px -15px -12px -18px !important;
		padding: 11px 15px 12px 28px !important;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.bouton_nw.bt-M {
		font-size: 1.8em;
	}
	
	.bouton_nw.bt-M .bt {
		padding: 14px 15px 15px 15px;
	}
	
	.bouton_nw.bt-M.bt-filet .bt {
		padding: 13px 14px 14px 14px;
	}
	
	.bouton_nw.bt-M .bt .picto {
		margin: -14px 0 -15px 0;
	}
	
	.bouton_nw.bt-M .bt .picto + .libelle {
		width: calc(100% - 42px);
		padding-left: 12px;
	}
	
	.bouton_nw.bt-M .bt input {
		width: 100% !important;
		margin: -14px -15px -15px -22px !important;
		padding: 14px 15px 15px 37px !important;
	}

}


/* Bouton SMALL */
	
.bouton_nw.bt-S .bt .picto {
	font-size: 1.3em;
}

@media screen and (max-width: 767px) { /* Mobile */

	.bouton_nw.bt-S {
		font-size: 1.4em;
	}
	
	.bouton_nw.bt-S .bt {
		padding: 7px 10px 7px 10px;
	}
	
	.bouton_nw.bt-S.bt-filet .bt {
		padding: 6px 9px 6px 9px;
	}
	
	.bouton_nw.bt-S .bt .picto {
		margin: -7px 0 -7px 0;
	}
	
	.bouton_nw.bt-S .bt .picto + .libelle {
		width: calc(100% - 28px);
		padding-left: 10px;
	}
	
	.bouton_nw.bt-S .bt input {
		width: 100% !important;
		margin: -7px -10px -7px -13px !important;
		padding: 7px 10px 7px 23px !important;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.bouton_nw.bt-S {
		font-size: 1.5em;
	}
	
	.bouton_nw.bt-S .bt {
		padding: 11px 15px 12px 15px;
	}
	
	.bouton_nw.bt-S.bt-filet .bt {
		padding: 10px 14px 11px 14px;
	}
	
	.bouton_nw.bt-S .bt .picto {
		margin: -11px 0 -12px 0;
	}
	
	.bouton_nw.bt-S .bt .picto + .libelle {
		width: calc(100% - 30px);
		padding-left: 10px;
	}
	
	.bouton_nw.bt-S .bt input {
		width: 100% !important;
		margin: -11px -15px -12px -15px !important;
		padding: 11px 15px 12px 25px !important;
	}
	
}


/* Bouton EXTRA-SMALL */
	
.bouton_nw.bt-XS .bt .picto {
	font-size: 1.2em;
}

@media screen and (max-width: 767px) { /* Mobile */

	.bouton_nw.bt-XS {
		font-size: 1.2em;
	}
	
	.bouton_nw.bt-XS .bt {
		padding: 5px 10px;
	}
	
	.bouton_nw.bt-XS.bt-filet .bt {
		padding: 4px 9px;
	}
	
	.bouton_nw.bt-XS .bt .picto {
		margin: -5px 0;
	}
	
	.bouton_nw.bt-XS .bt .picto + .libelle {
		width: calc(100% - 24px);
		padding-left: 10px;
	}
	
	.bouton_nw.bt-XS .bt input {
		width: 100% !important;
		margin: -5px -10px -5px -14px !important;
		padding: 5px 10px 5px 24px !important;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.bouton_nw.bt-XS {
		font-size: 1.4em;
	}
	
	.bouton_nw.bt-XS .bt {
		padding: 7px 10px;
	}
	
	.bouton_nw.bt-XS.bt-filet .bt {
		padding: 6px 9px;
	}
	
	.bouton_nw.bt-XS .bt .picto {
		margin: -7px 0;
	}
	
	.bouton_nw.bt-XS .bt .picto + .libelle {
		width: calc(100% - 27px);
 		padding-left: 10px;
	}
	
	.bouton_nw.bt-XS .bt input {
		width: 100% !important;
		margin: -7px -10px -7px -12px !important;
		padding: 7px 10px 7px 22px !important;
	}

}


/* Couleur boutons *****************************************************/

.bouton_nw.bt-filet {
	border-width: 1px;
	border-style: solid;
}


/* Bouton vert */

.bouton_nw.bt-vert {
	background-color: #8bbc06;
	color: #fff;
}

.bouton_nw.bt-vert input {
	color: #fff;
}


/* Bouton filet vert */

.bouton_nw.bt-vert.bt-filet {
	background-color: rgba(255,255,255,0.15);
	color: #8bbc06;
	border-color: #8bbc06;
}

.bouton_nw.bt-vert.bt-filet input {
	color: #8bbc06;
}


/* Bouton gris */

.bouton_nw.bt-gris {
	background-color: #54565b;
	color: #fff;
}

.bouton_nw.bt-gris input {
	color: #fff;
}


/* Bouton filet gris */

.bouton_nw.bt-gris.bt-filet {
	background-color: rgba(255,255,255,0.15);
	color: #54565b;
	border-color: #54565b;
}

.bouton_nw.bt-gris.bt-filet input {
	color: #54565b;
}


/* Bouton blanc */

.bouton_nw.bt-blanc {
	background-color: #fff;
	color: #8bbc06;
}

.bouton_nw.bt-blanc input {
	color: #8bbc06;
}


/* Bouton filet blanc */

.bouton_nw.bt-blanc.bt-filet {
	background-color: rgba(0,0,0,0.15);
	color: #fff;
	border-color: #fff;
}

.bouton_nw.bt-blanc.bt-filet input {
	color: #fff;
}

/* Bouton noir */

.bouton_nw.bt-noir {
	background-color: #000;
	color: #fff;
}

.bouton_nw.bt-noir input {
	color: #fff;
}


/* Bouton filet noir */

.bouton_nw.bt-noir.bt-filet {
	background-color: #000;
	color: #fff;
	border-color: #000;
}

.bouton_nw.bt-noir.bt-filet input {
	color: #fff;
}


/* Petits pictos (boutons et liens) ************************************/

.picto:before {
	display: inline-block;
}

.picto-ampoule:before {
	content: "\e925";
}

.picto-attention:before {
	content: "\e911";
}

.picto-avion-papier:before {
	content: "\e913";
}

.picto-bouclier:before {
	content: "\e90e";
}

.picto-bouee:before {
	content: "\e949";
}

.picto-brouette:before {
	content: "\e926";
}

.picto-bulle-aide:before {
	content: "\e900";
}

.picto-bulle-bonhomme:before {
	content: "\e964";
}

.picto-bulles:before {
	content: "\e914";
}

.picto-bulles-points:before {
	content: "\e940";
}

.picto-cadeau:before {
	content: "\e94b";
}

.picto-cadena:before {
	content: "\e901";
}

.picto-calculatrice:before {
	content: "\e94d";
}

.picto-calendrier:before {
	content: "\e91d";
}

.picto-calendrier-2:before {
	content: "\e923";
}

.picto-calendrier-20:before {
	content: "\e924";
}

.picto-calendrier-28:before {
	content: "\e91c";
}

.picto-calendrier-euro:before {
	content: "\e942";
}

.picto-camembert:before {
	content: "\e957";
}

.picto-cartable:before {
	content: "\e907";
}

.picto-carte-bancaire:before {
	content: "\e917";
}

.picto-casque-telephone:before {
	content: "\e92b";
}

.picto-chariot:before {
	content: "\e918";
}

.picto-checklist-plus-valide:before {
	content: "\e948";
}

.picto-cheque:before {
	content: "\e958";
}

.picto-chevrons-droite:before {
	content: "\e928";
}

.picto-chevrons-gauche:before {
	content: "\e928";
	transform: rotate(180deg);
}

.picto-chronometre:before {
	content: "\e939";
}

.picto-chronometre-48h:before {
	content: "\e91e";
}

.picto-clavier-1234:before {
	content: "\e962";
}

.picto-cle:before {
	content: "\e919";
}

.picto-coeur:before {
	content: "\e93d";
}

.picto-coffre-fort:before {
	content: "\e929";
}

.picto-compteur:before {
	content: "\e965";
}

.picto-couvertures-magazines:before {
	content: "\e932";
}

.picto-croix:before {
	content: "\e908";
}

.picto-curseurs-reglages:before {
	content: "\e91f";
}

.picto-deconnexion:before {
	content: "\e905";
}

.picto-deux-billets:before {
	content: "\e94e";
}

.picto-deux-mains:before {
	content: "\e95b";
}

.picto-engrenage:before {
	content: "\e953";
}

.picto-enveloppe:before {
	content: "\e902";
}

.picto-enveloppe-lettre:before {
	content: "\e954";
}

.picto-etiquette-euro:before {
	content: "\e933";
}

.picto-etoile-vide:before {
	content: "\e934";
}

.picto-euro:before {
	content: "\e955";
}

.picto-expedition:before {
	content: "\e952";
}

.picto-facebook:before {
	content: "\e90a";
}

.picto-fauteil-roulant:before {
	content: "\e943";
}

.picto-feuille-crayon:before {
	content: "\e94f";
}

.picto-fiche-infos-perso:before {
	content: "\e91a";
}

.picto-fiche-liste:before {
	content: "\e959";
}

.picto-fichier-barre:before {
	content: "\e92c";
}

.picto-fichier-fleche-droite:before {
	content: "\e935";
}

.picto-fichier-sceau:before {
	content: "\e95a";
}

.picto-fleche-droite:before {
	content: "\e906";
}

.picto-fleche-droite-vide:before {
	content: "\e915";
}

.picto-fleche-filaire-droite:before {
	content: "\e93c";
}

.picto-fleche-filaire-gauche:before {
	content: "\e93c";
	transform: rotate(180deg);
}

.picto-fleche-gauche:before {
	content: "\e906";
	transform: rotate(180deg);
}

.picto-fleche-gauche-vide:before {
	content: "\e915";
	transform: rotate(180deg);
}

.picto-fleches-droite-vide:before {
	content: "\e916";
}

.picto-fleches-gauche-vide:before {
	content: "\e916";
	transform: rotate(180deg);
}

.picto-fleches-aleatoire:before {
	content: "\e931";
}

.picto-graphique-barres:before {
	content: "\e92d";
}

.picto-globe:before {
	content: "\e94c";
}

.picto-globe-bureau:before {
	content: "\e963";
}

.picto-graphique-fleche-diminution:before {
	content: "\e945";
}

.picto-graphique-fleche-progression:before {
	content: "\e93e";
}

.picto-groupe-personnes:before {
	content: "\e95d";
}

.picto-horloge:before {
	content: "\e920";
}

.picto-info:before {
	content: "\e90c";
}

.picto-linkedin:before {
	content: "\e912";
}

.picto-liste-points:before {
	content: "\e960";
}

.picto-livre:before {
	content: "\e956";
}

.picto-loupe:before {
	content: "\e94a";
}

.picto-mail:before {
	content: "\e950";
}

.picto-main-visage:before {
	content: "\e958";
}

.picto-maison:before {
	content: "\e936";
}

.picto-menu:before {
	content: "\e910";
}

.picto-moto:before {
	content: "\e944";
}

.picto-oney:before {
	content: "\e90d";
}

.picto-ordinateur:before {
	content: "\e92e";
}

.picto-ordinateur-casse:before {
	content: "\e951";
}

.picto-ordinateur-euro:before {
	content: "\e93b";
}

.picto-oreille-barree:before {
	content: "\e95c";
}

.picto-parapluie:before {
	content: "\e946";
}

.picto-panneau-direction:before {
	content: "\e966";
}

.picto-pause-vide:before {
	content: "\e92f";
}

.picto-personne:before {
	content: "\e904";
}

.picto-personne-costume:before {
	content: "\e941";
}

.picto-pieces-euro:before {
 	content: "\e921";
}

.picto-pourcentage:before {
	content: "\e937";
}

.picto-pouce-up:before {
	content: "\e922";
}

.picto-plus:before {
	content: "\e909";
}

.picto-precedent:before {
	content: "\e90f";
	transform: rotate(180deg);
}

.picto-rechargement-euro:before {
	content: "\e947";
}

.picto-sac-a-main:before {
	content: "\e91b";
}

.picto-site-web:before {
	content: "\e93a";
}

.picto-smartphone:before {
	content: "\e930";
}

.picto-suivant:before {
	content: "\e90f";
}

.picto-telephone:before {
	content: "\e903";
}

.picto-telephone-fleche-retour-gauche:before {
	content: "\e963";
}

.picto-telephone-ondes:before {
	content: "\e93f";
}

.picto-telephone-pc-portable:before {
	content: "\e967";
}

.picto-tirelire-piece:before {
	content: "\e938";
}

.picto-twitter:before {
 	content: "\e90b";
}

.picto-txt:before {
	content: "\e954";
}

.picto-valide:before {
	content: "\e92a";
}

.picto-voiture:before {
	content: "\e927";
}


/* Cas particulier */

.typo-varela {
	font-family: Varela !important;
}



/* Grands pictos (illustrations) ***************************************/

.picto-L-ampoule:before {
	content: "\ba039";
}

.picto-L-billets-plus:before {
	content: "\ba014";
}

.picto-L-bouton-curseur:before {
	content: "\ba000";
}

.picto-L-bulle-fleches:before {
	content: "\ba048";
}

.picto-L-cadena:before {
	content: "\ba042";
}

.picto-L-cadena-cle:before {
	content: "\ba001";
}

.picto-L-carte-bancaire:before {
	content: "\ba013";
}

.picto-L-carte-bancaire-cheque:before {
	content: "\ba008";
}

.picto-L-casque-moto:before {
	content: "\ba026";
}

.picto-L-casque-telephone:before {
	content: "\ba024";
}

.picto-L-champ-formulaire-curseur:before {
	content: "\ba009";
}

.picto-L-chariot:before {
	content: "\ba007";
}

.picto-L-cheque:before {
	content: "\ba040";
}

.picto-L-chronometre:before {
	content: "\ba046";
}

.picto-L-coeur:before {
	content: "\ba017";
}

.picto-L-curseurs-reglages:before {
	content: "\ba012";
}

.picto-L-deux-billets:before {
	content: "\ba041";
}

.picto-L-distributeur-billet-main:before {
	content: "\ba021";
}

.picto-L-enveloppe-feuille:before {
	content: "\ba030";
}

.picto-L-fichier-fleche-droite:before {
	content: "\ba025";
}

.picto-L-fichier-fleche-bas-curseur:before {
	content: "\ba037";
}

.picto-L-fichier-fleche-droite:before {
	content: "\ba025";
}

.picto-L-fichier-fleche-gauche:before {
	content: "\ba036";
}

.picto-L-globe-repere:before {
	content: "\ba032";
}

.picto-L-graphique-fleche-progression:before {
	content: "\ba044";
}

.picto-L-groupe-personnes:before {
	content: "\ba020";
}

.picto-L-imprimante:before {
	content: "\ba027";
}

.picto-L-liste-chiffres:before {
	content: "\ba045";
}

.picto-L-magasin:before {
	content: "\ba034";
}

.picto-L-magazine:before {
	content: "\ba038";
}

.picto-L-maison:before {
	content: "\ba016";
}

.picto-L-ordinateur:before {
	content: "\ba023";
}

.picto-L-ordinateur-curseur:before {
	content: "\ba028";
}

.picto-L-ordinateur-smartphone:before {
	content: "\ba047";
}

.picto-L-page-choix:before {
	content: "\ba011";
}

.picto-L-page-login:before {
	content: "\ba002";
}

.picto-L-page-panier:before {
	content: "\ba033";
}

.picto-L-parapluie:before {
	content: "\ba029";
}

.picto-L-pieces-euro:before {
	content: "\ba004";
}

.picto-L-pieces-euro-fleches:before {
	content: "\ba003";
}

.picto-L-portefeuille:before {
	content: "\ba022";
}

.picto-L-pouce-up:before {
	content: "\ba005";
}

.picto-L-signature:before {
	content: "\ba035";
}

.picto-L-silhouette-homme:before {
	content: "\ba031";
}

.picto-L-telecharger:before {
	content: "\ba043";
}

.picto-L-telephone-clavier:before {
	content: "\ba019";
}

.picto-L-telephone-ondes:before {
	content: "\ba018";
}

.picto-L-valide:before {
	content: "\ba010";
}

.picto-L-virement-plus:before {
	content: "\ba006";
}

.picto-L-voiture:before {
	content: "\ba015";
}

/****taille logo pour ne pas être coupée au niveau du O de Oney ***/

.picto-oney:before {
	font-size:0.99em;
}

/* Animation d'attente *************************************************/

.bouton_nw .chargement {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.bouton_nw.bt-filet .chargement {
	top: -1px;
	left: -1px;
}


/* Bouton vert */

.bouton_nw.bt-vert .chargement {
	background-color: #8bbc06;
}

.bouton_nw.bt-vert.bt-filet .chargement {
	background-color: #fff;
	border: 1px solid #8bbc06;
}

.bouton_nw.bt-vert.bt-L .chargement, .bouton_nw.bt-vert.bt-M .chargement {
	background-image: url(../img/divers/chargement-30x30-blanc-fd-vert.gif);
}

.bouton_nw.bt-vert.bt-filet.bt-L .chargement, .bouton_nw.bt-vert.bt-filet.bt-M .chargement {
	background-image: url(../img/divers/chargement-30x30-vert-fd-blanc.gif);
}

.bouton_nw.bt-vert.bt-S .chargement {
	background-image: url(../img/divers/chargement-20x20-blanc-fd-vert.gif);
}

.bouton_nw.bt-vert.bt-filet.bt-S .chargement {
	background-image: url(../img/divers/chargement-20x20-vert-fd-blanc.gif);
}

.bouton_nw.bt-vert.bt-XS .chargement {
	background-image: url(../img/divers/chargement-16x16-blanc-fd-vert.gif);
}

.bouton_nw.bt-vert.bt-filet.bt-XS .chargement {
	background-image: url(../img/divers/chargement-16x16-vert-fd-blanc.gif);
}


/* Bouton gris */

.bouton_nw.bt-gris .chargement {
	background-color: #54565b;
}

.bouton_nw.bt-gris.bt-filet .chargement {
	background-color: #fff;
	border: 1px solid #54565b;
}

.bouton_nw.bt-gris.bt-L .chargement, .bouton_nw.bt-gris.bt-M .chargement {
	background-image: url(../img/divers/chargement-30x30-blanc-fd-gris.gif);
}

.bouton_nw.bt-gris.bt-filet.bt-L .chargement, .bouton_nw.bt-gris.bt-filet.bt-M .chargement {
	background-image: url(../img/divers/chargement-30x30-noir-fd-blanc.gif);
}

.bouton_nw.bt-gris.bt-S .chargement {
	background-image: url(../img/divers/chargement-20x20-blanc-fd-gris.gif);
}

.bouton_nw.bt-gris.bt-filet.bt-S .chargement {
	background-image: url(../img/divers/chargement-20x20-noir-fd-blanc.gif);
}

.bouton_nw.bt-gris.bt-XS .chargement {
	background-image: url(../img/divers/chargement-16x16-blanc-fd-gris.gif);
}

.bouton_nw.bt-gris.bt-filet.bt-XS .chargement {
	background-image: url(../img/divers/chargement-16x16-noir-fd-blanc.gif);
}


/* Bouton blanc */

.bouton_nw.bt-blanc .chargement {
	background-color: #fff;
}

.bouton_nw.bt-blanc.bt-L .chargement, .bouton_nw.bt-blanc.bt-M .chargement {
	background-image: url(../img/divers/chargement-30x30-noir-fd-blanc.gif);
}

.bouton_nw.bt-blanc.bt-S .chargement {
	background-image: url(../img/divers/chargement-20x20-noir-fd-blanc.gif);
}

.bouton_nw.bt-blanc.bt-XS .chargement {
	background-image: url(../img/divers/chargement-16x16-noir-fd-blanc.gif);
}



/*-------------------------------------------------------------------------------+
+ Boutons et liens (ANCIENS STYLES)                                              +
+-------------------------------------------------------------------------------*/

/* Liens ***************************************************************/

/* Lien puce */

.lien-puce {
	display: block;
	background: url(../img/puces/puce-triangle.png) no-repeat left 0px;
	margin-bottom: 10px;
	padding-left: 18px;
	min-height: 15px;
	text-decoration: none;
	line-height: 1.1em;
	cursor: pointer;
}

.lien-puce:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) { /* Mobile */

	.lien-puce {
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.lien-puce {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.lien-puce {
		font-size: 1.2em;
	}

}


/* Lien telecharger */

.lien-telecharger {
	display: block;
	background-image: url(../img/puces/puce-telecharger-noir.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	text-decoration: none;
	line-height: 1.1em;
}

.lien-telecharger:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) { /* Mobile */

	.lien-telecharger {
		background-position: left top;
		padding: 2px 0 2px 18px;
		min-height: 13px;
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.lien-telecharger {
		padding: 3px 0 3px 23px;
		padding-left: 25px;
		min-height: 15px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.lien-telecharger {
		background-position: left -282px;
		font-size: 1.3em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.lien-telecharger {
		background-position: left -281px;
		font-size: 1.2em;
	}

}


/* Lien imprimer */

.lien-imprimer {
	display: block;
	background-image: url(../img/puces/puce-imprimer-noir.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	text-decoration: none;
	line-height: 1.1em;
	cursor: pointer;
}

.lien-imprimer:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) { /* Mobile */

	.lien-imprimer {
		background-position: left top;
		padding: 2px 0 2px 18px;
		min-height: 13px;
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.lien-imprimer {
		padding: 3px 0 3px 23px;
		padding-left: 25px;
		min-height: 15px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.lien-imprimer {
		background-position: left -282px;
		font-size: 1.3em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.lien-imprimer {
		background-position: left -281px;
		font-size: 1.2em;
	}

}


/* Boutons *************************************************************/

/* Boutons standards */

.bouton {
	display: inline-block;
	padding: 6px;
	text-decoration: none!important;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bouton input {
	text-transform: uppercase;
	vertical-align: middle;
}

.bouton .bt {
	display: block;
	padding: 10px 15px 8px 15px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.bouton .bt .libelle {
	display: inline-block;
	vertical-align: middle;
}

.bouton .bt .puce-droite {
	display: inline-block;
	background-image: url(../img/boutons/puce-fleche-droite.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}

.bt-blanc .bt .puce-droite, .bt-grisclair .bt .puce-droite {
	background-image: url(../img/boutons/puce-fleche-droite-noir.png);
}

.bouton .bt .puce-gauche {
	display: inline-block;
	background-image: url(../img/boutons/puce-fleche-gauche.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}

.bt-blanc .bt .puce-gauche, .bt-grisclair .bt .puce-gauche {
	background-image: url(../img/boutons/puce-fleche-gauche-noir.png);
}

.bouton .bt .puce-loupe {
	display: inline-block;
	background-image: url(../img/boutons/puce-loupe.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}

.bouton .bt .puce-cadena {
	display: inline-block;
	background-image: url(../img/boutons/puce-cadena.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}

.bt-vert .bt .puce-chargement {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: middle;
}

.bouton .bt .mineur {
	display: block;
	margin-bottom: -0.1em;
	font-weight: normal;
	font-size: 0.9em;
	text-transform: none;
}

.bt-grisfonce .bt {
    background-color: #505050;
}

.bt-grisfonce .bt input {
    color: #fff;
}

@media screen and (max-width: 767px) { /* Mobile */

	.bouton .bt {
		font-size: 1.1em;
	}

	.bouton .bt input {
		margin: -10px;
		padding: 10px;
	}

	.bouton .bt .puce-gauche {
		background-position: left top;
		width: 17px;
		height: 12px;
		margin-right: 6px;
	}

	.bouton .bt .puce-droite {
		background-position: left -80px;
		width: 10px;
		height: 16px;
		margin-right: 10px;
	}
	
	.bouton .bt .puce-loupe {
		background-position: left -80px;
		width: 24px;
		height: 16px;
		margin-right: 10px;
	}

	.bouton .bt .puce-cadena {
		background-position: left -80px;
		width: 24px;
		height: 16px;
		margin-right: 10px;
	}

	.bt-vert .bt .puce-chargement {
		background-image: url(../img/divers/chargement-16x16-blanc-fd-vert.gif);
		width: 16px;
		height: 16px;
		margin-right: 10px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.bouton .bt {
		font-size: 1.5em;
	}

	.bouton .bt input {
		margin: -14px -16px -12px -16px;
		padding: 16px 16px 12px 16px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.bouton .bt .puce-gauche {
		background-position: left -277px;
		width: 10px;
		height: 23px;
		margin-right: 14px;
	}

	.bouton .bt .puce-droite {
		background-position: left -277px;
		width: 10px;
		height: 23px;
		margin-right: 14px;
	}
	
	.bouton .bt .puce-loupe {
		background-position: left -277px;
		width: 36px;
		height: 23px;
		margin-right: 14px;
	}

	.bouton .bt .puce-cadena {
		background-position: left -277px;
		width: 36px;
		height: 23px;
		margin-right: 14px;
	}

	.bt-vert .bt .puce-chargement {
		background-image: url(../img/divers/chargement-30x30-blanc-fd-vert.gif);
		width: 30px;
		height: 30px;
		margin-right: 14px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.bouton .bt .puce-gauche {
		background-position: left -279px;
		width: 10px;
		height: 20px;
		margin-right: 14px;
	}

	.bouton .bt .puce-droite {
		background-position: left -279px;
		width: 10px;
		height: 20px;
		margin-right: 14px;
	}
	
	.bouton .bt .puce-loupe {
		background-position: left -173px;
		width: 31px;
		height: 20px;
		margin-right: 14px;
	}

	.bouton .bt .puce-cadena {
		background-position: left -173px;
		width: 31px;
		height: 20px;
		margin-right: 14px;
	}

	.bt-vert .bt .puce-chargement {
		background-image: url(../img/divers/chargement-20x20-blanc-fd-vert.gif);
		width: 20px;
		height: 20px;
		margin-right: 14px;
	}
	
	#footer-services .bouton .bt {
	
		padding: 14px 15px 15px 15px;
	}

}


/* Boutons "+" et "-" reglette */

.bouton-reglette {
	position: relative;
	display: inline-block;
	text-decoration: none!important;
}

.bouton-reglette .bt {
	display: block;
	font-weight: bold;
	text-align: center;
	line-height: 1.2em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bouton-reglette .bt input {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
}

@media screen and (max-width: 767px) { /* Mobile */

	.bouton-reglette .bt {
		width: 30px;
		height: 30px;
		font-size: 1.2em;
	}

	.bouton-reglette .bt input {
		width: 30px;
		height: 30px;
		line-height: 28px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.bouton-reglette .bt {
		width: 40px;
		height: 40px;
		font-size: 1.4em;
	}

	.bouton-reglette .bt input {
		width: 40px;
		height: 40px;
		margin: 0;
		padding: 0;
		line-height: 38px;
	}
	
	.bt-reglette-moins {
		margin-right: -6px;
	}
	
	.bt-reglette-plus {
		margin-left: -6px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.bouton-reglette .bt {
		width: 38px;
		height: 38px;
		font-size: 1.8em;
	}

	.bouton-reglette .bt input {
		width: 38px;
		height: 38px;
		line-height: 36px;
	}
	
	.bt-reglette-moins {
		margin-right: -4px;
	}
	
	.bt-reglette-plus {
		margin-left: -4px;
	}

}


/* Couleur des boutons */

.bouton.bt-blanc .bt {
	background: #fff;
	color: #000;
}

.bouton.bt-blanc .bt input {
	color: #000;
}

.bouton.bt-noir .bt {
	background: #222;
	color: #fff;
}

.bouton.bt-noir .bt input {
	color: #fff;
}

.bouton.bt-grisfonce .bt {
	background-color: #505050;
	color: #fff;
}

.bouton.bt-grisfonce .bt input {
	color: #fff;
}

.bouton.bt-grismoyen .bt {
	background-color: #878787;
	color: #fff;
}

.bouton.bt-grismoyen .bt input {
	color: #fff;
}

.bouton.bt-grisclair .bt {
	background-color: #d5d5d5;
	color: #333;
}

.bouton.bt-grisclair .bt input {
	color: #333;
}

.bouton.bt-vert .bt, .bouton.bt-vert-faq .bt {
	background-color: #8bbc06;
	color: #fff;
}

.bouton.bt-vert .bt input {
	color: #fff;
}

.bouton.bt-orange .bt {
	background-color: #ff7200;
	color: #fff;
}

.bouton.bt-orange .bt input {
	color: #fff;
}

.bouton.bt-bleu .bt {
	background-color: #345E9A;
	color: #fff;
}

.bouton.bt-bleu .bt input {
	color: #fff;
}

.bouton.bt-rose .bt {
	background: #fa337e;
	color: #fff;
}

.bouton.bt-rose .bt input {
	color: #fff;
}


/* Boutons speciaux */

.bt-deplier, .bt-replier {
	display: inline-block;
	background: url(../img/boutons/bt-replier-btn-deplier.png) no-repeat 0 -1px;
	width: 32px;
	height: 26px;
	text-align: center;
}

.bt-replier {
	background-position: 0 -29px;
}

.bt-deplier, .bt-replier {
	text-indent: 0;
}



/*-------------------------------------------------------------------------------+
+ Popup                                                                          +
+-------------------------------------------------------------------------------*/

.popup {
	padding: 30px 15px;
}

.popup p {
	font-size: 1.2em;
	text-align: center;
}

.popup p .bouton {
	font-size: 0.9em;
}

.popup .sablier {
	background: url(../img/divers/sablier-vert.gif) no-repeat center bottom;
	padding-bottom: 70px;
}



/*-------------------------------------------------------------------------------+
+ Popup abandon                                                                  +
+-------------------------------------------------------------------------------*/

#popup-abandon {
	position: static;
}

#popup-abandon #overlay-form {
	position: relative;
}

#popup-abandon #fermerOverlay {
	position: absolute;
	top: -30px;
	right: -10px;
}

#popup-abandon h5 {
	text-align: center;
	font-weight: normal;
}

#popup-abandon h5 strong {
	font-weight: bold;
}

#popup-abandon .precision {
	text-align: center;
}

#popup-abandon .infos-telephone {
	display: block;
	width: 190px;
	margin: 10px auto 0px;
	color: #9d9d9d;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-abandon h5 {
		padding: 5px 0 15px 0;
		font-size: 1.4em;
	}

	#popup-abandon .precision {
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-abandon {
		width: 550px;
	}

	#popup-abandon h5 {
		padding: 5px 30px 20px 30px;
		font-size: 2.8em;
	}

	#popup-abandon .precision {
		font-size: 1.3em;
	}

}


/* Contact conseiller **************************************************/

#popup-abandon #assistance-conseiller {
	text-align: center;
}

#popup-abandon #assistance-conseiller .tarif {
	color: #9d9d9d;
	font-style: italic;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-abandon #assistance-conseiller {
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#popup-abandon #assistance-conseiller {
		font-size: 1.3em;
	}

}


/* Boutons *************************************************************/

#popup-abandon .validation {
	padding-bottom: 20px;
	text-align: center;
}

#popup-abandon .validation .bouton {
	vertical-align: middle;
}

#popup-abandon .validation .btOui {
	margin-right: 20px;
}

#popup-abandon.abandonRAC .validation .btNon {
	margin-right: 20px;
}

#popup-abandon .validation .btOui span {
	/*height: 18px;*/
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-abandon .validation .no-mobile {
		display: none;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-abandon .validation .btOui .puce-gauche {
		background-position: left -279px;
		height: 20px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#popup-abandon #assistance-conseiller {
		font-size: 1.2em;
	}

}



/*-------------------------------------------------------------------------------+
+ Popup client                                                                  +
+-------------------------------------------------------------------------------*/

#popup-client {
	position: static;
}

#popup-client div.validation {
	text-align:center;
}

#popup-client #overlay-form {
	position: relative;
}

#popup-client #fermerOverlay {
	position: absolute;
	top: -30px;
	right: -10px;
}

#popup-client h5 {
	text-align: center;
	font-weight: normal;
}

#popup-client p {
	text-align: center;
	font-size:1.4em;
}


@media screen and (max-width: 767px) { /* Mobile */

	#popup-client h5 {
		padding: 5px 0 15px 0;
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-client {
		width: 550px;
	}

	#popup-client h5 {
		padding: 5px 30px 20px 30px;
		font-size: 2.5em;
	}

}



/*-------------------------------------------------------------------------------+
+ Popup autoverification-email                                                   +
+-------------------------------------------------------------------------------*/

#popup-autoverification-email {
	position: relative;
}
#popup-autoverification-email .validation {
	margin-top: 10px;
}
#popup-autoverification-email h5 {
	text-align: center;
	font-weight: normal;
}

#popup-autoverification-email h5 strong {
	font-weight: bold;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-autoverification-email h5 {
		padding: 5px 0 15px 0;
		font-size: 1.4em;
	}

	#popup-autoverification-email p {
		font-size: 1.1em;
	}
	
	#popup-autoverification-email .bouton {
		width: 95%;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-autoverification-email {
		width: 550px;
	}

	#popup-autoverification-email h5 {
		padding: 5px 30px 20px 30px;
		font-size: 2.8em;
	}

	#popup-autoverification-email p {
		margin: 0 10px;
		font-size: 1.5em;
	}

}



/*-------------------------------------------------------------------------------+
+ Popup edition contrat accord                                                   +
+-------------------------------------------------------------------------------*/

#popup-edition-contrat-accord {
	position: static;
}

#popup-edition-contrat-accord #overlay-form {
	position: relative;
}

#popup-edition-contrat-accord #fermerOverlay {
	position: absolute;
	top: -30px;
	right: -10px;
}

#popup-edition-contrat-accord h5 {
	text-align: center;
	font-weight: normal;
}

#popup-edition-contrat-accord h5 strong {
	font-weight: bold;
}

#popup-edition-contrat-accord .precision {
	text-align: center;
}

#popup-edition-contrat-accord .infos-telephone {
	display: block;
	width: 190px;
	margin: 10px auto 0px;
	color: #9d9d9d;
}

#popup-edition-contrat-accord .validation .ligne {
	margin-bottom: 20px;
	text-align: center;
}

#popup-edition-contrat-accord .validation .ligne .libelle {
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2em;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-edition-contrat-accord h5 {
		padding: 5px 0 15px 0;
		font-size: 1.4em;
	}

	#popup-edition-contrat-accord .precision {
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-edition-contrat-accord.relance-edition-contrat {
		width: 550px;
	}

	#popup-edition-contrat-accord h5 {
		padding: 5px 30px 20px 30px;
		font-size: 2.8em;
	}

	#popup-edition-contrat-accord .precision {
		font-size: 1.3em;
	}

}


/* Contact conseiller **************************************************/

#popup-edition-contrat-accord #assistance-conseiller {
	text-align: center;
	font-size: 1.2em;
}

#popup-edition-contrat-accord #popin-important {
	font-size: 1.2em;
	text-align: center;
	padding: 22px;
	margin-top: -20px;
}

#popup-edition-contrat #popin-important {
	font-size: 1.2em;
	text-align: center;
	padding: 22px;
	margin-top: -20px;
}

#popup-edition-contrat-accord #assistance-conseiller .tarif {
	color: #9d9d9d;
	font-style: italic;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-edition-contrat-accord #assistance-conseiller {
		font-size: 1.1em;
	}

	#popup-edition-contrat-accord #popin-important {
		font-size: 1.1em;
		text-align: center;
	}

	#popup-edition-contrat #popin-important {
		font-size: 1.1em;
		text-align: center;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#popup-edition-contrat-accord #assistance-conseiller {
		font-size: 1.3em;
	}

	#popup-edition-contrat-accord #popin-important {
		font-size: 1.3em;
		text-align: center;
	}
	
	#popup-edition-contrat #popin-important {
		font-size: 1.3em;
		text-align: center;
	}
}



/*-------------------------------------------------------------------------------+
+ Popup edition contrat                                                          +
+-------------------------------------------------------------------------------*/

#popup-edition-contrat {
	position: static;
}

#popup-edition-contrat #overlay-form {
	position: relative;
}

#popup-edition-contrat #fermerOverlay {
	position: absolute;
	top: -30px;
	right: -10px;
}

#popup-edition-contrat h5 {
	text-align: center;
	font-weight: normal;
}

#popup-edition-contrat h5 strong {
	font-weight: bold;
}

#popup-edition-contrat .precision {
	text-align: center;
}

#popup-edition-contrat .infos-telephone {
	display: block;
	width: 190px;
	margin: 10px auto 0px;
	color: #9d9d9d;
}

#popup-edition-contrat .validation .ligne {
	margin-bottom: 20px;
	text-align: center;
}

#popup-edition-contrat .validation .ligne .libelle {
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2em;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-edition-contrat h5 {
		padding: 5px 0 15px 0;
		font-size: 1.4em;
	}

	#popup-edition-contrat .precision {
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-edition-contrat.relance-edition-contrat {
		width: 550px;
	}

	#popup-edition-contrat h5 {
		padding: 5px 30px 20px 30px;
		font-size: 2.8em;
	}

	#popup-edition-contrat .precision {
		font-size: 1.3em;
	}

}


/* Contact conseiller **************************************************/

#popup-edition-contrat #assistance-conseiller {
	text-align: center;
	font-size: 1.2em;
}

#popup-edition-contrat #assistance-conseiller .tarif {
	color: #9d9d9d;
	font-style: italic;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-edition-contrat #assistance-conseiller {
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#popup-edition-contrat #assistance-conseiller {
		font-size: 1.3em;
	}

}



/*-------------------------------------------------------------------------------+
+ Clavier virtuel                                                                +
+-------------------------------------------------------------------------------*/

.clavier-virtuel {
	position: relative;
	width: 220px;
	overflow: hidden;
}

.clavier-virtuel .clavier {
	margin-bottom: 0;
}

.clavier-virtuel .code {
	float: left;
	background: url(../img/divers/clavier-virtuel/code.png) no-repeat left top;
	width: 132px;
	height: 24px;
	margin-top: 1px;
}

.clavier-virtuel .code.etat-1sur5 {
	background-position: left -25px;
}

.clavier-virtuel .code.etat-2sur5 {
	background-position: left -50px;
}

.clavier-virtuel .code.etat-3sur5 {
	background-position: left -75px;
}

.clavier-virtuel .code.etat-4sur5 {
	background-position: left -100px;
}

.clavier-virtuel .code.etat-5sur5 {
	background-position: left -125px;
}

.clavier-virtuel .code.etat-erreur {
	background-position: left -150px;
}

.clavier-virtuel .code input {
	display: none;
}

.clavier-virtuel .effacer {
	float: right;
	padding-top: 8px;
	color: #9d9d9d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}



/*-------------------------------------------------------------------------------+
+ Numeros de telephone                                                           +
+-------------------------------------------------------------------------------*/

/* Numero standard *****************************************************/

.numtel {
	display: inline-block;
	background: #333;
	background-image: url(../img/pictos/picto-numtel.png);
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial;
}

.numtel a {
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 767px) { /* Mobile */

	.numtel {
		background-position: 3px 3px;
		height: 26px;
		padding: 0 10px 0 30px;
		font-size: 15px; /* exceptionnellement, taille en px ici */
		line-height: 30px;
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
		border-radius: 13px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.numtel {
		background-position: 3px 2px;
		height: 25px;
		margin-top: 3px;
		padding: 0 15px 0 30px;
		font-size: 15px; /* exceptionnellement, taille en px ici */
		line-height: 25px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.numtel a {
		cursor: default;
	}

}

/* Numero standard (petit) *********************************************/

.numtel-small {
	display: inline-block;
	background: #333;
	background-image: url(../img/pictos/picto-numtel.png);
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial;
	background-position: 3px 3px;
	height: 26px;
	padding: 0 10px 0 30px;
	font-size: 15px; /* exceptionnellement, taille en px ici */
	line-height: 30px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
}

.numtel-small a {
	color: #fff;
	text-decoration: none;
}

@media screen and (min-width: 1221px) { /* Bureau */

	.numtel-small a {
		cursor: default;
	}
	
}


/* Numero Tarif gratuite **********************************************/

/* Version noir */

.tarif-gratuite {
	position: relative;
	display: inline-block;
	background-color: #fff;
	height: 23px;
	width: 213px;
	margin: 3px 0;
	color: #000;
	font-size: 15px; /* exceptionnellement, taille en px ici */
	line-height: 25px;
	vertical-align: middle;
	border: 1px solid #000;
	z-index: 10;
}

.tarif-gratuite .type-numero {
	display: inline-block;
	position: absolute;
	top: -2px;
	right: 6px;
	background-color: #000;
	height: 23px;
	line-height: 1em;
	font-size: 0.7em;
	font-weight: bold !important;
	padding: 3px 6px 2px 13px;
	color: #fff;
	z-index: 500;
}

.tarif-gratuite .type-numero .puce {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #ffffff
}

.tarif-gratuite .type-numero .prix {
	display: block;	
}

.tarif-gratuite a {
	position: absolute;
	top: 0;
	left: 6px;
	color: #000 !important;
	font-weight: bold !important;
	text-decoration: none;
}

@media screen and (min-width: 1221px) { /* Bureau */

	.tarif-gratuite a {
		cursor: default;
	}

}


/* Version vert */

.tarif-gratuit-vert {
	position: relative;
	display: inline-block;
	background-color: #fff;
	height: 23px;
	width: 230px;
	margin: 3px 0;
	color: #79b51d;
	font-size: 15px; /* exceptionnellement, taille en px ici */
	line-height: 25px;
	vertical-align: middle;
	border: 1px solid #79b51d;
	z-index: 10;
}

.tarif-gratuit-vert .type-numero {
	display: inline-block;
	position: absolute;
	top: -2px;
	right: 6px;
	background-color: #79b51d;
	height: 23px;
	line-height: 1em;
	font-size: 0.7em;	
	font-weight: bold !important;
	padding: 3px 6px 2px 13px;
	color: #fff;
	z-index: 500;
}

.tarif-gratuit-vert .type-numero .puce {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #ffffff;
}

.tarif-gratuit-vert .type-numero .prix {
	display: block;	
}

.tarif-gratuit-vert a {
	position: absolute;
	top: 0;
	left: 6px;
	color: #79b51d !important;
	font-weight: bold !important;
	text-decoration: none;
}

.infos-telephone .horaire {
 	display: inline-block;
	margin-left: 10px;
	font-size: 0.8em;
    color: #aeadad;
    line-height: 1em;
    text-align: left;
}

@media screen and (min-width: 1221px) { /* Bureau */

	.tarif-gratuit-vert a {
		cursor: default;
	}

}



/* Numero Tarif banalisée **********************************************/

/* Version gris */

.tarif-banalisee-gris {
	position: relative;
	display: inline-block;
	background-color: #fff;
	height: 23px;
	width: 208px;
	margin: 3px 0;
	color: #91919b;
	font-size: 15px; /* exceptionnellement, taille en px ici */
	line-height: 25px;
	vertical-align: middle;
	border: 1px solid #91919b;
	z-index: 10;
}

.tarif-banalisee-gris .type-numero {
	display: inline-block;
	position: absolute;
	top: -2px;
	right: 6px;
	background-color: #91919b;
	height: 23px;
	line-height: 1em;
	font-size: 0.7em;	
	font-weight: bold !important;
	padding: 3px 6px 2px 13px;
	color: #fff;
	z-index: 500;
}

.tarif-banalisee-gris .type-numero .puce {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #ffffff
}

.tarif-banalisee-gris .type-numero .prix {
	display: block;	
}

.tarif-banalisee-gris a {
	position: absolute;
	top: 0;
	left: 6px;
	color: #91919b !important;
	text-decoration: none;
	font-weight: bold !important;
}

@media screen and (min-width: 1221px) { /* Bureau */

	.tarif-banalisee-gris a {
		cursor: default;
	}

}


/* Version noir */

.tarif-banalisee {
	position: relative;
	display: inline-block;
	background-color: #fff;
	height: 23px;
	width: 208px;
	margin: 3px 0;
	color: #000;
	font-size: 15px; /* exceptionnellement, taille en px ici */
	line-height: 25px;
	vertical-align: middle;
	border: 1px solid #000;
	z-index: 10;
}

.tarif-banalisee .type-numero {
	display: inline-block;
	position: absolute;
	top: -2px;
	right: 6px;
	background-color: #91919b;
	height: 23px;
	line-height: 1em;
	font-size: 0.7em;	
	font-weight: bold !important;
	padding: 3px 6px 2px 13px;
	color: #fff;
	z-index: 500;
}

.tarif-banalisee .type-numero .puce {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #ffffff
}

.tarif-banalisee .type-numero .prix {
	display: block;	
}

.tarif-banalisee a {
	position: absolute;
	top: 0;
	left: 6px;
	color: #000 !important;
	font-weight: bold !important;
	text-decoration: none;
}

@media screen and (min-width: 1221px) { /* Bureau */

	.tarif-banalisee a {
		cursor: default;
	}

}


/* Numero Tarif majorée **********************************************/

/* Version violet */

.tarif-majoree-violet {
	position: relative;
	display: inline-block;
	background-color: #fff;
	height: 23px;
	width: 230px;
	margin: 3px 0;
	color: #af007d;
	font-size: 15px; /* exceptionnellement, taille en px ici */
	line-height: 25px;
	vertical-align: middle;
	border: 1px solid #af007d;
	z-index: 10;
}

.tarif-majoree-violet .type-numero {
	display: inline-block;
	position: absolute;
	top: -2px;
	right: 6px;
	background-color: #af007d;
	height: 23px;
	line-height: 1em;
	font-size: 0.7em;	
	font-weight: bold !important;
	padding: 3px 6px 2px 13px;
	color: #fff;
	z-index: 500;
}

.tarif-majoree-violet .type-numero .puce {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #ffffff;
}

.tarif-majoree-violet .type-numero .prix {
	display: block;	
}

.tarif-majoree-violet a {
	position: absolute;
	top: 0;
	left: 6px;
	color: #af007d !important;
	font-weight: bold !important;
	text-decoration: none;
}

@media screen and (min-width: 1221px) { /* Bureau */

	.tarif-majoree-violet a {
		cursor: default;
	}

}


/* Version violet small */

.tarif-majoree-violet-small {
	position: relative;
	display: inline-block;
	background-color: #fff;
	height: 23px;
	width: 172px;
	margin: 3px 0;
	color: #af007d;
	font-size: 15px; /* exceptionnellement, taille en px ici */
	line-height: 25px;
	vertical-align: middle;
	border: 1px solid #af007d;
	z-index: 10;
}

.tarif-majoree-violet-small .type-numero {
	display: inline-block;
	position: absolute;
	top: -2px;
	right: 6px;
	background-color: #af007d;
	height: 23px;
	line-height: 1em;
	font-size: 0.7em;	
	font-weight: bold !important;
	padding: 3px 6px 2px 13px;
	color: #fff;
	z-index: 500;
}

.tarif-majoree-violet-small .type-numero .puce {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #ffffff;
}

.tarif-majoree-violet-small .type-numero .prix {
	display: block;	
}

.tarif-majoree-violet-small a {
	position: absolute;
	top: 0;
	left: 6px;
	color: #af007d !important;
	font-weight: bold !important;
	text-decoration: none;
}

@media screen and (min-width: 1221px) { /* Bureau */

	.tarif-majoree-violet-small a {
		cursor: default;
	}

}


/* Version noir */

.tarif-majoree {
	position: relative;
	display: inline-block;
	background-color: #fff;
	height: 23px;
	width: 230px;
	margin: 3px 0;
	color: #000;
	font-size: 15px; /* exceptionnellement, taille en px ici */
	line-height: 25px;
	vertical-align: middle;
	border: 1px solid #000;
	z-index: 10;
}

.tarif-majoree .type-numero {
	display: inline-block;
	position: absolute;
	top: -2px;
	right: 6px;
	background-color: #000;
	height: 23px;
	line-height: 1em;
	font-size: 0.7em;	
	font-weight: bold !important;
	padding: 3px 6px 2px 13px;
	color: #fff;
	z-index: 500;
}

.tarif-majoree .type-numero .puce {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #ffffff;
}

.tarif-majoree .type-numero .prix {
	display: block;	
}

.tarif-majoree a {
	position: absolute;
	top: 0;
	left: 6px;
	color: #000 !important;
	font-weight: bold !important;
	text-decoration: none;
}

@media screen and (min-width: 1221px) { /* Bureau */

	.tarif-majoree a {
		cursor: default;
	}

}

/* Numero cristal */

.tarif-cristal {
	position: relative;
	display: inline-block;
	background-color: #fff;
	height: 25px;
	width: 230px;
	margin: 0;
	color: #90989e;
	font-size: 16px; /* exceptionnellement, taille en px ici */
	line-height: 25px;
	vertical-align: middle;
	border: 1px solid #90989e;
	z-index: 10;
	border-radius:16px;
	margin-bottom: 20px;
}

.tarif-cristal a {
		position:relative!important
}

.tarif-cristal .picto-fleche-droite {
	font-size:0.8em;
	border-radius:16px;
	padding:1px;
	border:1px solid #fff;
	margin-left:3px;	
	margin-right:3px;
}

.tarif-cristal .type-numero {
	position:relative;
	display: inline-block;
	background-color: #90989e;
	height: 25px;
	font-size:1em;	
	font-weight: bold !important;
	padding:0 3px;
	color: #FFF;
	z-index: 500;
	border-radius:16px;
	padding-right:10px;
	margin-right: 5px;
	left:-5px;
}

.tarif-cristal .type-numero .puce {
	display: inline-block;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #ffffff;
}

.tarif-cristal .type-numero .prix {
	display: block;	
}

.tarif-cristal a {
	color: #90989e !important;
	font-weight: bold !important;
	text-decoration: none;
}

.tarif-cristal span.nonSurtaxe {
	color:#90899e;
	text-transform: uppercase;
	text-align:right;
	font-size:0.7em;
	display:inline-block;
	width:220px;
}

@media screen and (min-width: 1221px) { /* Bureau */

	.tarif-cristal a {
		cursor: default;
	}

}



/*-------------------------------------------------------------------------------+
+ Pastille                                                                       +
+-------------------------------------------------------------------------------*/

.pastille {
	position: relative;
	display: block;
	font-family: Arial;
	border-style: solid;
	border-color: #fff;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-moz-box-shadow: 0 1px 10px 0 #656565;
	-webkit-box-shadow: 0 1px 10px 0 #656565;
	box-shadow: 0 1px 10px 0 #656565;
}

.pastille .contenu-pastille {
	position: absolute;
	display: block;
	font-weight: bold;
	text-align: center;
}

.pastille .contenu-pastille * {
	line-height: 1em;
}

@media screen and (max-width: 767px) { /* Mobile */

	.pastille {
		padding: 5px;
		width: 60px;
		height: 60px;
		border-width: 2px;
	}

	.pastille .contenu-pastille {
		top: 5px;
		left: 5px;
		width: 60px;
		height: 60px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.pastille {
		padding: 10px;
		width: 100px;
		height: 100px;
		border-width: 4px;
	}

	.pastille .contenu-pastille {
		top: 10px;
		left: 10px;
		width: 100px;
		height: 100px;
	}

}


/* Gestion de la couleur ***********************************************/

.pastille-rouge {
	background-color: #e2001a;
	color: #fff;
}

.pastille-blanche {
	background-color: #fff;
	color: #e2001a;
}



/*-------------------------------------------------------------------------------+
+ Infobulle                                                                      +
+-------------------------------------------------------------------------------*/

/* Picto ***************************************************************/

.picto-infobulle {
	display: inline-block;
	padding-left: 2px;
}

.picto-infobulle a {
	display: block;
	background-color: #9d9d9d;
	width: 14px;
	height: 14px;
	color: #fff;
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
	line-height: 14px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	cursor: help;
}

.ligne span .picto-infobulle {
	display: inline-block;
	padding-left: 2px;
}

.ligne span .picto-infobulle .infobullelk {
	background-color: transparent;
	width: 100%;
	height: 100%;
	color: #54565b;
	text-decoration: underline;
	font-style: normal;
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 100%;
	line-height: 100%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	cursor: help;
}

/* Bulle d'info ********************************************************/

.contenu-infobulle {
	display: none;
	position: absolute;
	background-color: #fff;
	max-width: 300px;
	padding: 10px;
	-moz-box-shadow: 1px 1px 10px 0px #656565;
	-webkit-box-shadow: 1px 1px 10px 0px #656565;
	box-shadow: 1px 1px 10px 0px #656565;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	z-index: 100;
}

.contenu-infobulle.floatingBar {
	position:fixed;
	z-index:25000;
}

.contenu-infobulle h6 {
	color: #8bbc06;
	font-size: 1.5em;
}

.contenu-infobulle p {
	margin-bottom:0;
}

.contenu-infobulle .repere {
	position: absolute;
	left: 50%;
	background-repeat: no-repeat;
	width: 23px;
	height: 12px;
	margin-left:-11px;
}

@media screen and (max-width: 767px) { /* Mobile */

	.contenu-infobulle h6 {
		font-size: 1.2em;
	}

	.contenu-infobulle p {
		font-size: 1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.contenu-infobulle h6 {
		font-size: 1.2em;
	}

	.contenu-infobulle p {
		font-size: 1.1em;
	}

}


/* Infobulle au dessus ou en dessous */

.infobulle-haut .repere { /* Infobulle au dessus */
	bottom: -12px;
	background-position: left bottom;
}

.infobulle-bas .repere { /* Infobulle en dessous */
	top: -12px;
	background-position: left top;
}

/* Infobulle blanche, verte ou rouge */

.infobulle-blanc {
	background-color: #fff;
}

.infobulle-blanc h6 {
	color: #8bbc06;
}

.infobulle-blanc .repere {
	background-image: url(../img/divers/repere-infobulle-blanc.png);
}

.infobulle-vert {
	background-color: #8bbc06;
	color: #fff;
}

.infobulle-vert a {
	color: #fff;
}

.infobulle-vert .repere {
	background-image: url(../img/divers/repere-infobulle-vert.png);
}

.infobulle-rouge {
	background-color: #e2001a;
	color: #fff;
}

.infobulle-rouge a {
	color: #fff;
}

.infobulle-rouge .repere {
	background-image: url(../img/divers/repere-infobulle-rouge.png);
}

.infobulle-rouge.floatingBar .repere {
	background-image: url(../img/divers/puce-infobulle-fleche.png);
	top:-10px;
	left:-5px;
	width:32px;
	height:20px;
}



/*-------------------------------------------------------------------------------+
+ Mentions depliables                                                            +
+-------------------------------------------------------------------------------*/

.ln-mentions-depliables:hover {
	cursor: pointer;
}

.mentions-depliables {
	display: none;
	position: absolute;
	bottom: 0;
	background-color: #fff;
	padding: 30px 10px 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 50;
}

.mentions-depliables .zone-defilement {
	padding-top: 3px;
	font-size: 11px;
	overflow: auto;
}

.mentions-depliables .zone-defilement p {
	color: #000!important;
}

.mentions-depliables .fermer {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	background: url(../img/puces/puce-croix-noir.png) no-repeat 6px center;
	padding: 5px 10px 5px 25px;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.mentions-depliables .fermer:hover {
	background-color: #f4f4f4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

@media screen and (max-width: 767px) { /* Mobile */

	.mentions-depliables .zone-defilement p {
		font-size: 10px!important;
	}

	.mentions-depliables .zone-defilement {
		max-height: 230px;
		padding-right: 10px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.mentions-depliables .zone-defilement {
		max-height: 400px;
		padding-right: 10px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.mentions-depliables .zone-defilement p {
		font-size: 11px!important;
	}

}



/*-------------------------------------------------------------------------------+
+ XITI (image transparente)                                                      +
+-------------------------------------------------------------------------------*/

.xiti-img {
	display: none;
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  ENTETE DE PAGE                                                                             //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#entete-page {
	z-index: 10;
}



/*-------------------------------------------------------------------------------+
+ Bandeau - styles communs                                                       +
+-------------------------------------------------------------------------------*/

#entete-page #bandeau {
	position: fixed;
	background-color: rgba(0,0,0,0.05);
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.3);
	z-index: 1500;
	transition: background-color 0.2s ease-in;
}

.scroll #entete-page #bandeau {
	background-color: #fff;
	/* border-bottom-color: rgba(0,0,0,0.3); */
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.espace-client #entete-page #bandeau {
	background-color: #fff;
	/* border-bottom-color: rgba(0,0,0,0.3); */
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #bandeau .bandeau {
		height: 65px;
		padding: 0 10px;
	}

	.scroll #entete-page #bandeau .bandeau {
		height: 55px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #bandeau .bandeau {
		height: 90px;
		padding: 0 20px;
		transition: height 0.2s ease-out;
	}

	.scroll #entete-page #bandeau .bandeau {
		height: 70px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#entete-page.menu-deplie #bandeau {
		background-color: #fff;
		border-bottom-color: rgba(139,188,6,0.3);
	}

}


/* Logo Oney ***********************************************************/

#entete-page #bandeau .bandeau .logo-oney {
	position: absolute;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
	color: #8bbc06;
	overflow: hidden;
}

#entete-page #bandeau .bandeau .logo-oney .oney {
	color: rgba(0,0,0,0);
}

#entete-page.menu-deplie #bandeau .bandeau .logo-oney {
	z-index: 10;
}

#entete-page #bandeau .bandeau .logo-oney a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	color: #8bbc06;
	text-decoration: none;
}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #bandeau .bandeau .logo-oney {
		top: 20px;
		width: 93px;
		height: 30px;
		font-size: 11.7em;
		line-height: 30px;
	}

	#entete-page #bandeau .bandeau .logo-oney:before {
		margin-left: -11px;
	}

	.scroll #entete-page #bandeau .bandeau .logo-oney {
		top: 15px;
	}

	#entete-page #bandeau .bandeau .logo-oney a {
		width: 93px;
		height: 30px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #bandeau .bandeau .logo-oney {
		top: 23px;
		width: 156px;
		height: 50px;
		font-size: 19.5em;
		line-height: 50px;
	}

	#entete-page #bandeau .bandeau .logo-oney:before {
		margin-left: -19px;
	}

	.scroll #entete-page #bandeau .bandeau .logo-oney {
		top: 18px;
		width: 124px;
		height: 40px;
		font-size: 15.4em;
		line-height: 40px;
	}

	.scroll #entete-page #bandeau .bandeau .logo-oney:before {
		margin-left: -15px;
	}

	#entete-page #bandeau .bandeau .logo-oney a {
		width: 156px;
		height: 50px;
	}

	.scroll #entete-page #bandeau .bandeau .logo-oney a {
		width: 124px;
		height: 40px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#entete-page #bandeau .bandeau .logo-oney {
		z-index: 30;
	}

	#entete-page.menu-deplie #bandeau .bandeau .logo-oney {
		z-index: 30;
	}

}


/* Bouton Connexion et Espace client ***********************************/

#entete-page #bandeau .bandeau .bouton-bandeau {
	position: absolute;
	right: 0;
	background-color: rgba(0,0,0,0.1);
	color: #fff;
	font-weight: bold;
	border: 1px solid #fff;
	z-index: 30;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

#entete-page #bandeau .bandeau .bouton-bandeau:hover {
	background-color: rgba(0,0,0,0.4);
}

.espace-client #entete-page #bandeau .bandeau .bouton-bandeau, .espace-client #entete-page #bandeau .bandeau .bouton-bandeau:hover {
	background-color: transparent;
	color: #54565b;
	border-color: #54565b;
}

/* on change la couleur du bouton uniquement pour les utilisateurs connectes */
.espace-client.connecte #entete-page #bandeau .bandeau .bouton-bandeau, .espace-client.connecte #entete-page #bandeau .bandeau .bouton-bandeau:hover {
	background-color: #8bbc06;
	color: #fff;
	border: none;
}

.scroll #entete-page #bandeau .bandeau .bouton-bandeau {
	background-color: transparent;
	color: #54565b;
	border-color: #54565b;
}

.espace-client.connecte.scroll #entete-page #bandeau .bandeau .bouton-bandeau {
	background-color: #8bbc06 !important;
	color: #fff;
	border: none;
}

#entete-page #bandeau .bandeau .bouton-bandeau .picto {
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #bandeau .bandeau .bouton-bandeau {
		top: 11px;
		font-size: 2.4em;
	}
	
	#entete-page #bandeau .bandeau #bouton-connexion-espace-client {
		padding: 5px 7px 7px 7px;
	}
	
	.scroll #entete-page #bandeau .bandeau #bouton-connexion-espace-client {
		padding: 2px 5px 5px 5px;
	}

	#entete-page #bandeau .bandeau #bouton-acces-espace-client {
		padding: 6px 7px;
	}

	.scroll #entete-page #bandeau .bandeau #bouton-acces-espace-client {
		padding: 3px 4px;
	}

	#entete-page #bandeau .bandeau .bouton-bandeau .libelle {
		display: none;
	}
	
	.scroll #entete-page #bandeau .bandeau #bouton-connexion-espace-client .picto {
		font-size: 0.9em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #bandeau .bandeau .bouton-bandeau {
		top: 17px;
		height: 54px;
		font-size: 1.8em;
		line-height: 54px;
	}

	.scroll #entete-page #bandeau .bandeau .bouton-bandeau {
		top: 12px;
		height: 44px;
		line-height: 44px;
	}
	
	#entete-page #bandeau .bandeau #bouton-connexion-espace-client {
		padding: 0 25px 0 17px;
	}

	#entete-page #bandeau .bandeau .bouton-bandeau .libelle {
		display: inline-block;
		line-height: 1em;
		vertical-align: middle;
	}
	
	#entete-page #bandeau .bandeau .bouton-bandeau span {
		-webkit-animation-duration: 0.1s;
		-webkit-animation-name: fontfix;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: linear;
		-webkit-animation-delay: 2s;
	}

	@-webkit-keyframes fontfix {
		from{ 	opacity: 1; }
		50%{	opacity: 1; }
		to{	opacity: 1; }
	}

	#entete-page #bandeau .bandeau .bouton-bandeau .libelle .mineur {
		font-size: 0.8em;
		font-weight: normal;
	}

	#entete-page #bandeau .bandeau #bouton-acces-espace-client {
		padding: 0 20px 0 15px;
	}

	#entete-page #bandeau .bandeau .bouton-bandeau .picto {
		font-size: 1.4em;
		vertical-align: middle;
	}
	
	#entete-page #bandeau .bandeau #bouton-connexion-espace-client .picto {
		margin: -3px 14px 0 0;
	}
	
	#entete-page #bandeau .bandeau #bouton-acces-espace-client .picto {
		margin: -3px 10px 0 0;
	}
	
	#entete-page #bandeau .bandeau #bouton-connexion-espace-client .libelle .mineur {
		display: block;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#entete-page.menu-deplie #bandeau .bandeau .bouton-bandeau {
		background-color: transparent;
		color: #54565b;
		border-color: #54565b;
	}

	.espace-client.connecte #entete-page.menu-deplie #bandeau .bandeau .bouton-bandeau {
		background-color: #8bbc06;
		color: #fff;
		border: none;
	}

}



/*-------------------------------------------------------------------------------+
+ Bandeau "complet"                                                              +
+-------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #bandeau #bandeau-complet .logo-oney {
		left: 50%;
		margin-left: -46px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#entete-page #bandeau #bandeau-complet .logo-oney {
		left: 50%;
		margin-left: -78px;
	}

	.scroll #entete-page #bandeau #bandeau-complet .logo-oney {
		margin-left: -62px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#entete-page #bandeau #bandeau-complet .logo-oney {
		left: 0;
	}

}



/*-------------------------------------------------------------------------------+
+ Bandeau "tunnel"                                                               +
+-------------------------------------------------------------------------------*/

#entete-page #bandeau #bandeau-tunnel {
	background-color: #fff;
}

#entete-page #bandeau #bandeau-tunnel .titre {
	position: absolute;
	color: #54565b;
}

@media screen and (max-width: 1220px) { /* Mobile + Tablette */

	#entete-page #bandeau #bandeau-tunnel .titre {
		right: 0;
	}

}

@media screen and (max-width: 479px) { /* Mini Mobile */

	#entete-page #bandeau #bandeau-tunnel .logo-oney {
		top: 8px;
		left: 50%;
		width: 80px;
		font-size: 10em;
		-ms-transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}

	.scroll #entete-page #bandeau #bandeau-tunnel .logo-oney {
		top: 5px;
	}

	#entete-page #bandeau #bandeau-tunnel .logo-oney:before {
		margin-left: -8px;
	}

	#entete-page #bandeau #bandeau-tunnel .logo-oney a {
		width: 80px;
	}

	#entete-page #bandeau #bandeau-tunnel .titre {
		top: 32px;
		width: 100%;
		font-size: 1.3em;
		text-align: center;
		line-height: 33px;
		transition: line-height 0.2s ease-out;
	}

	.scroll #entete-page #bandeau #bandeau-tunnel .titre {
		line-height: 25px;
	}

}

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

	#entete-page #bandeau #bandeau-tunnel .titre {
		font-size: 1.6em;
		line-height: 65px;
	}

	.scroll #entete-page #bandeau #bandeau-tunnel .titre {
		line-height: 55px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #bandeau #bandeau-tunnel .titre {
		line-height: 90px;
	}

	.scroll #entete-page #bandeau #bandeau-tunnel .titre {
		line-height: 70px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#entete-page #bandeau #bandeau-tunnel .titre {
		font-size: 2.6em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#entete-page #bandeau #bandeau-tunnel .titre {
		left: 0;
		width: 920px;
		padding: 0 100px 0 200px;
		font-size: 3em;
		text-align: center; 
	}

}



/*-------------------------------------------------------------------------------+
+ Zone de personnalisation                                                       +
+-------------------------------------------------------------------------------*/

#entete-page #bandeau #zone-perso {
	background-color: rgba(0,0,0,0.3);
	overflow: hidden;
}

.scroll #entete-page #bandeau #zone-perso {
	background-color: #cfcfcf;
}

.espace-client #entete-page #bandeau #zone-perso {
	background-color: #cfcfcf !important;
}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #bandeau #zone-perso {
		/*height: 25px; */
		padding: 0 10px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #bandeau #zone-perso {
		/*height: 30px; */
		padding: 0 40px 0 20px;
	}

	#entete-page #bandeau #zone-perso .conteneur {
		max-width: 1160px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#entete-page.menu-deplie #bandeau #zone-perso {
		background-color: #cfcfcf;
	}

}


/* Personnalisation client *********************************************/

#entete-page #bandeau #zone-perso #perso-client {
	color: #cfcfcf;
}

#entete-page #bandeau #zone-perso #perso-client a {
	color: #cfcfcf;
	text-decoration: none;
}

.scroll #entete-page #bandeau #zone-perso #perso-client, .scroll #entete-page #bandeau #zone-perso #perso-client a {
	color: #54565b;
}

.espace-client #entete-page #bandeau #zone-perso #perso-client, .espace-client #entete-page #bandeau #zone-perso #perso-client a {
	color: #54565b;
}

#entete-page #bandeau #zone-perso #perso-client .nom, #entete-page #bandeau #zone-perso #perso-client .deconnexion {
	vertical-align: middle;
}

#entete-page #bandeau #zone-perso #perso-client .deconnexion {
	color: #cfcfcf;
	text-decoration: none;
}

.scroll #entete-page #bandeau #zone-perso #perso-client .deconnexion {
	color: #54565b;
}

.espace-client #entete-page #bandeau #zone-perso #perso-client .deconnexion {
	color: #54565b;
}

#entete-page #bandeau #zone-perso #perso-client .deconnexion:hover .libelle {
	text-decoration: underline;
}

#entete-page #bandeau #zone-perso #perso-client .deconnexion .picto, #entete-page #bandeau #zone-perso #perso-client .deconnexion .libelle {
	display: inline-block;
	vertical-align: middle;
}

#entete-page #bandeau #zone-perso #perso-client .deconnexion .picto {
}

@media screen and (max-width: 479px) { /* Mini Mobile */

	#entete-page #bandeau #zone-perso #perso-client .nom .bonjour {
		display: none;
	}

}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #bandeau #zone-perso #perso-client {
		height: 25px;
		font-size: 1.2em;
		line-height: 25px;
	}

	#entete-page #bandeau #zone-perso #perso-client .nom {
		float: left;
	}

	#entete-page #bandeau #zone-perso #perso-client .deconnexion {
		float: right;
	}

	#entete-page #bandeau #zone-perso #perso-client .deconnexion .picto {
		position: relative;
		top: -1px;
		margin-right: 3px;
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #bandeau #zone-perso #perso-client {
		float: right;
		height: 30px;
		font-size: 1.4em;
		line-height: 30px;
	}

	#entete-page #bandeau #zone-perso #perso-client .deconnexion {
		position: relative;
		top: -1px;
		margin-left: 15px;
	}

	#entete-page #bandeau #zone-perso #perso-client .deconnexion .picto {
		margin-right: 5px;
		font-size: 1.3em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#entete-page.menu-deplie #bandeau #zone-perso #perso-client, #entete-page.menu-deplie #bandeau #zone-perso #perso-client a {
		color: #54565b;
	}

	#entete-page.menu-deplie #bandeau #zone-perso #perso-client .deconnexion {
		color: #54565b;
	}

}


/* Alerte phishing *****************************************************/

#entete-page #bandeau #zone-perso #alerte-phishing {
	color: #fff;
}

#entete-page #bandeau #zone-perso #alerte-phishing strong {
	text-transform: uppercase;
}

#entete-page #bandeau #zone-perso #alerte-phishing a {
	color: #fff;
}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #bandeau #zone-perso #alerte-phishing {
		height: 25px;
		font-size: 1.2em;
		line-height: 25px;
	}

	#entete-page #bandeau #zone-perso #alerte-phishing .breakpoint {
		display: none;
	}

	.connecte #entete-page #bandeau #zone-perso #alerte-phishing {
		display: none;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #bandeau #zone-perso #alerte-phishing {
		float: left;
		height: 30px;
		font-size: 1.4em;
		line-height: 30px;
	}

	#entete-page #bandeau #zone-perso #alerte-phishing .picto {
		position: relative;
		top: 2px;
		margin-right: 5px;
		font-size: 1.3em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#entete-page #bandeau #zone-perso #alerte-phishing .breakpoint {
		display: none;
	}
	
}



/*-------------------------------------------------------------------------------+
+ Menu                                                                           +
+-------------------------------------------------------------------------------*/
	
#entete-page #menu {
	z-index: 20;
	transition: top 0.2s ease-out;
}


/* Cas menu vertical ***************************************************/

@media screen and (max-width: 1220px) { /* Mobile + Tablette */

	#entete-page .bt-ouvrir-menu {
		position: absolute;
		height: 22px;
		padding-left: 38px;
		text-decoration: none;
	}
	 
	#entete-page .bt-ouvrir-menu .picto {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		height: 22px;
		color: #fff;
		font-size: 3.5em;
		line-height: 22px;
		transition-duration: 0.2s;
		transition-timing-function: ease-out;
	}
	 
	.scroll #entete-page .bt-ouvrir-menu .picto {
		color: #54565b;
	}
	 
	.espace-client #entete-page .bt-ouvrir-menu .picto {
		color: #54565b;
	}
	 
	#entete-page .bt-ouvrir-menu:active .picto {
		color: #8bbc06;
	}
	 
	#entete-page .bt-ouvrir-menu .libelle {
		display: none;
		color: #fff;
		font-size: 1.2em;
		line-height: 22px;
	}
	 
	.scroll #entete-page .bt-ouvrir-menu .libelle {
		color: #54565b;
	}
	 
	#entete-page .bt-ouvrir-menu:hover .libelle {
		display: block;
	}
	 
	#entete-page .bt-ouvrir-menu:active .libelle {
		color: #8bbc06;
	}
	 
	#entete-page .bt-ouvrir-menu .picto {
	}

	#entete-page #menu {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		min-height: 100vh;
		padding: 0 0 20px 0;
		-moz-box-shadow: 4px 0 8px rgba(0,0,0,0.2);
		-webkit-box-shadow: 8px 0 8px rgba(0,0,0,0.2);
		box-shadow: 4px 0 8px rgba(0,0,0,0.2);
	}

	#entete-page #menu .conteneur {
		overflow-y: auto;
		overflow-x: hidden;
	}

	#entete-page #menu .bt-fermer-menu {
		position: absolute;
		left: 20px;
		height: 21px;
		padding-left: 30px;
		text-decoration: none;
	}
	 
	#entete-page #menu .bt-fermer-menu .picto {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 2.4em;
	}
	 
	#entete-page #menu .bt-fermer-menu:active .picto {
		color: #8bbc06;
	}
	 
	#entete-page #menu .bt-fermer-menu .libelle {
		display: none;
		color: #9d9d9d;
		font-size: 1.2em;
		line-height: 24px;
	}
	 
	#entete-page #menu .bt-fermer-menu:hover .libelle {
		display: block;
	}
	 
	#entete-page #menu .bt-fermer-menu:active .libelle {
		color: #8bbc06;
	}

}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page .bt-ouvrir-menu {
		bottom: 19px;
		left: 7px;
	}

	.scroll #entete-page .bt-ouvrir-menu {
		bottom: 16px;
	}

	#entete-page #menu {
		width: 300px;
		padding-top: 60px;
	}

	#entete-page #menu .bt-fermer-menu {
		top: 20px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#entete-page .bt-ouvrir-menu {
		bottom: 33px;
		left: 17px;
	}

	.scroll #entete-page .bt-ouvrir-menu {
		bottom: 25px;
	}

	#entete-page #menu {
		width: 320px;
		padding-top: 80px;
	}

	#entete-page #menu .bt-fermer-menu {
		top: 30px;
	}

}

	
/* Niveau 1 */
#entete-page #menu ul.n1 li.n1 a.n1.h2{
	font-weight:bold;
}
@media screen and (max-width: 1220px) { /* Mobile + Tablette */
	
	#entete-page #menu ul.n1 {
		padding-left: 15px;
	}

	#entete-page #menu ul.n1 li.n1 {
		padding: 5px;
		border-bottom: 1px solid #d9d9d9;
		transition: background-color 0.3s ease-out;
	}

	#entete-page #menu ul.n1 li.n1:last-child {
		border-bottom: none;
	}

	#entete-page #menu ul.n1 li.n1:hover {
		background-color: rgba(84,86,91,0.1);
	}

	#entete-page #menu ul.n1 li.n1.deplie:hover {
		background-color: transparent;
	}

	#entete-page #menu ul.n1 li#menu-n1-espaceclient {
		background-color: #54565b;
		margin-left: -15px;
		padding-left: 20px;
	}

	#entete-page #menu ul.n1 li#menu-n1-espaceclient .h2 {
		padding: 10px 0;
		color: #fff;
	}
	
	#entete-page #menu ul.n1 li.n1 a.n1.h2 {
		display: block;
		position: relative;
		padding: 10px 0;
		text-decoration: none;
	}

	#entete-page #menu ul.n1 li.n1.deplie a.n1.h2 {
		color: #8bbc06;
	}

	#entete-page #menu ul.n1 li#menu-n1-connexion a.n1.h2 {
		color: #8bbc06;
	}

	#entete-page #menu ul.n1 li.n1 a.n1.h2 .puce {
		display: block;
		position: absolute;
		right: 20px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 5.5px 0 5.5px;
		border-color: rgba(84,86,91,0.4) transparent transparent transparent;
	}
	
	#entete-page.menu-deplie #menu ul.n1 li.n1.deplie a.n1.h2 .puce {
		border-width: 0 5.5px 6px 5.5px;
		border-color: transparent transparent rgba(139,188,6,0.5) transparent;
	}

	#entete-page #menu ul.n1 li#menu-n1-connexion a.n1.h2 .picto {
		display: block;
		position: absolute;
		top: 8px;
		left: 0;
		font-size: 1.2em;
	}

	#entete-page #menu ul.n1 li#menu-n1-connexion a.n1.h2 .libelle .mineur {
		font-size: 0.8em;
		font-weight: normal;
	}

}

@media screen and (max-width: 767px) { /* Mobile */
	
	#entete-page #menu ul.n1 {
		width: 285px;
	}
	
	#entete-page #menu ul.n1 li.n1 .h2 {
		font-size: 1.6em;
	}

	#entete-page #menu ul.n1 li#menu-n1-connexion a.n1.h2 {
		padding-left: 25px
	}

	#entete-page #menu ul.n1 li.n1 a.n1.h2 .puce {
		top: 15px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#entete-page #menu ul.n1 {
		width: 305px;
	}
	
	#entete-page #menu ul.n1 li.n1 .h2 {
		font-size: 1.8em;
	}

	#entete-page #menu ul.n1 li#menu-n1-connexion a.n1.h2 {
		padding-left: 28px
	}

	#entete-page #menu ul.n1 li.n1 a.n1.h2 .puce {
		top: 16px;
	}

}

	
/* Niveau 2 */

@media screen and (max-width: 1220px) { /* Mobile + Tablette */
		
	#entete-page #menu ul li .sous-menu {
		display: none;
	}
	
	#entete-page.menu-deplie #menu ul li.deplie .sous-menu, #entete-page #menu ul.n1 li#menu-n1-espaceclient .sous-menu {
		display: block;
		padding: 0 0 20px 20px;
	}
	
	#entete-page #menu ul.n1 li#menu-n1-espaceclient .sous-menu {
		display: block;
	}
	 
	#entete-page #menu ul li .sous-menu .bt-fermer-sousmenu {
		display: none;
	}

	#entete-page #menu ul li .sous-menu ul.n2 li.n2 .h3 {
		color: #8bbc06;
		display:block;
		font-weight:bold;
		margin: 20px 0 5px 0;
	}

	#entete-page #menu ul.n1 li#menu-n1-espaceclient .sous-menu ul.n2 li.n2 .h3 {
		color: #9d9d9d;
		text-transform: uppercase;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 a.h3 {
		color: #8bbc06;
		text-decoration: none;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 p {
		display: none;
	}

}

@media screen and (max-width: 767px) { /* Mobile */
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 .h3 {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 .h3 {
		font-size: 1.5em;
	}

}

	
/* Niveau 3 */

@media screen and (max-width: 1220px) { /* Mobile + Tablette */
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 {
		padding: 8px 0;
		font-size: 1.4em;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 a {
		position: relative;
		display: inline-block;
		padding-left: 14px;
		color: #54565b;
		text-decoration: none;
	}

	#entete-page #menu ul.n1 li#menu-n1-espaceclient .sous-menu ul.n2 li.n2 ul.n3 li.n3 a {
		color: #fff;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 a:hover {
		text-decoration: underline;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 a:active, #entete-page #menu ul.n1 li#menu-n1-espaceclient .sous-menu ul.n2 li.n2 ul.n3 li.n3 a:active, #entete-page #menu ul.n1 li .sous-menu ul.n2 li.n2 ul.n3 li.n3 strong a, #entete-page #menu ul.n1 li#menu-n1-espaceclient .sous-menu ul.n2 li.n2 ul.n3 li.n3 strong a {
		color: #8bbc06;
	}

	#entete-page #menu ul.n1 li .sous-menu ul.n2 li.n2 ul.n3 li.n3 strong a {
		color: #8bbc06;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 a .puce {
		position: absolute;
		top: 6px;
		left: 1px;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3.5px 0 3.5px 4px;
		border-color: transparent transparent transparent #bababa;
		margin: 0 5px 0 3px;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 a:active .puce, #entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 strong a .puce {
		border-color: transparent transparent transparent #8bbc06;
	}

}

@media screen and (max-width: 767px) { /* Mobile */
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 {
		font-size: 1.4em;
	}

}


/* Cas menu horizontal *************************************************/

@media screen and (min-width: 1221px) { /* Bureau */

	#entete-page .bt-ouvrir-menu {
		display: none;
	}
	
	#entete-page #menu {
		position: fixed;
		top: 30px; /* idealement a variabiliser en fonction de la presence de l'alerte phishing : 0px si pas d'alerte, 30px si presence de l'alerte */
		width: 100%;
		height: 90px;
	}
	
	.scroll #entete-page #menu {
		height: 70px;
	}
	 
	.connecte #entete-page #menu {
		top: 30px;
	}

	#entete-page #menu .bt-fermer-menu {
		display: none;
	}

}

	
/* Niveau 1 */

@media screen and (min-width: 1221px) { /* Bureau */
	
	#entete-page #menu ul.n1 {
		position: absolute;
		top: 0;
		right: 220px;
		width: auto;
	}
		
	.connecte #entete-page #menu ul.n1 {
		right: 210px;
	}
	
	#entete-page #menu ul.n1 li.n1 {
		display: table-cell;
		vertical-align: middle;
	}
	
	#entete-page #menu ul.n1 li#menu-n1-espaceclient, #entete-page #menu ul.n1 li#menu-n1-connexion {
		display: none;
	}
	
	#entete-page #menu ul.n1 li.n1 .h2 {
		height: 88px;
		font-size: 1.9em;
		border-bottom: 3px solid transparent;
		transition: border-bottom-color 0.2s ease-out;
		transition: height 0.2s ease-out;
	}
	
	.scroll #entete-page #menu ul.n1 li.n1 .h2 {
		height: 68px;
	}
	
	#entete-page #menu ul.n1 li.n1 .h2:hover {
		border-bottom-color: rgba(255,255,255,0.3);
	}
	
	#entete-page #menu ul.n1 li.n1 .h2.actif {
		border-bottom-color: #fff;
	}
	
	#entete-page.menu-deplie #menu ul.n1 li.n1 .h2.actif {
		border-bottom-color: rgba(255,255,255,0);
	}
	
	.scroll #entete-page #menu ul.n1 li.n1 .h2:hover, #entete-page.menu-deplie #menu ul.n1 li.n1 .h2:hover {
		border-bottom-color: rgba(84,86,91,0.3);
	}
	
	.espace-client #entete-page #menu ul.n1 li.n1 .h2:hover {
		border-bottom-color: rgba(84,86,91,0.3);
	}
	
	#entete-page.menu-deplie #menu ul.n1 li.n1.deplie .h2 {
		border-bottom-color: #8bbc06;
	}
	
	#entete-page #menu ul.n1 li.n1 a.n1.h2 {
		display: block;
		margin: 0;
		padding: 0 20px;
		color: #fff;
		line-height: 90px;
		text-decoration: none;
	}
		
	.espace-client #entete-page #menu ul.n1 li.n1 a.n1.h2 {
		color: #54565b;
	}
	
	#entete-page.menu-deplie #menu ul.n1 li.n1 a.n1.h2 {
		color: #54565b;
	}
	
	#entete-page.menu-deplie #menu ul.n1 li.n1.deplie a.n1.h2 {
		color: #8bbc06;
	}
	
	.scroll #entete-page #menu ul.n1 li.n1 a.n1.h2 {
		color: #54565b;
		line-height: 70px;
	}
	
	#entete-page #menu ul.n1 li.n1 a.n1.h2 .puce {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 9px;
		border-style: solid;
		border-width: 6px 5.5px 0 5.5px;
		border-color: rgba(255,255,255,0.4) transparent transparent transparent;
		vertical-align: middle;
	}
	
	.espace-client #entete-page #menu ul.n1 li.n1 a.n1.h2 .puce {
		border-color: rgba(84,86,91,0.3) transparent transparent transparent;
	}
		
	.scroll #entete-page #menu ul.n1 li.n1 a.n1.h2 .puce, #entete-page.menu-deplie #menu ul.n1 li.n1 a.n1.h2 .puce {
		border-color: rgba(84,86,91,0.3) transparent transparent transparent;
	}
	
	#entete-page.menu-deplie #menu ul.n1 li.n1.deplie a.n1.h2 .puce {
		border-width: 0 5.5px 6px 5.5px;
		border-color: transparent transparent rgba(139,188,6,0.5) transparent;
	}

}

	
/* Niveau 2 */

@media screen and (min-width: 1221px) { /* Bureau */
		
	#entete-page #menu ul li .sous-menu {
		display: none;
	}
	
	#entete-page.menu-deplie #menu ul li.deplie .sous-menu {
		display: block;
		opacity: 0;
		position: fixed;
		left: 0;
		background-color: #fff;
		width: 100%;
		padding: 40px 0 30px 0;
		overflow: hidden;
		-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
		box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  	}
	 
	#entete-page.menu-deplie #menu ul li .sous-menu .bt-fermer-sousmenu {
		position: absolute;
		top: 15px;
		right: 50%;
		height: 21px;
		margin-right: -580px;
		padding-right: 30px;
		text-decoration: none;
	}
	 
	#entete-page.menu-deplie #menu ul li .sous-menu .bt-fermer-sousmenu .picto {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 2.4em;
	}
	 
	#entete-page.menu-deplie #menu ul li .sous-menu .bt-fermer-sousmenu:active .picto {
		color: #8bbc06;
	}
	 
	#entete-page.menu-deplie #menu ul li .sous-menu .bt-fermer-sousmenu .libelle {
		display: none;
		color: #9d9d9d;
		font-size: 1.2em;
		line-height: 24px;
	}
	 
	#entete-page.menu-deplie #menu ul li .sous-menu .bt-fermer-sousmenu:hover .libelle {
		display: block;
	}
	 
	#entete-page.menu-deplie #menu ul li .sous-menu .bt-fermer-sousmenu:active .libelle {
		color: #8bbc06;
	}
	
	#entete-page.menu-deplie #menu ul li .sous-menu ul.n2 {
		max-width: 1180px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	#entete-page.menu-deplie #menu ul li .sous-menu ul.n2 li.n2 {
		float: left;
	}
	
	#entete-page.menu-deplie #menu ul li#menu-n1-paiements .sous-menu ul.n2 li.n2 {
		width: 21%;
		margin: 0 2%;
	}
	
	#entete-page.menu-deplie #menu ul li#menu-n1-credits .sous-menu ul.n2 li.n2 {
		width: 21%;
		margin: 0 2%;
	}
	
	#entete-page.menu-deplie #menu ul li#menu-n1-assurances .sous-menu ul.n2 li.n2 {
		width: 21%;
		margin: 0 2%;
	}

	#entete-page.menu-deplie #menu ul li#menu-n1-epargne .sous-menu ul.n2 li.n2 {
		width: 42%;
		margin: 0 4%;
	}

	#entete-page.menu-deplie #menu ul li .sous-menu ul.n2 li.n2 .h3 {
		color: #8bbc06;
		display: block;
		font-size: 1.7em;
		font-weight:bold;
		height: 50px;
		text-decoration: none;
	}
	
	#entete-page.menu-deplie #menu ul li#menu-n1-epargne .sous-menu ul.n2 li.n2 .h3 {
		height: 30px;
		
	}
	/*
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 h3 a {
		
	}*/
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 .titre-sous-rubrique span {
		display: block;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 p {
		font-size: 1.3em;
		font-style: italic;
		line-height: 1.2em;
	}
	
	#entete-page.menu-deplie #menu ul li#menu-n1-paiements .sous-menu ul.n2 li.n2 p,#entete-page.menu-deplie #menu ul li#menu-n1-assurances .sous-menu ul.n2 li.n2 p {
		min-height: 45px;
	}
	
	#entete-page.menu-deplie #menu ul li#menu-n1-credits .sous-menu ul.n2 li.n2 p {
		min-height: 60px;
	}
	
	#entete-page.menu-deplie #menu ul li#menu-n1-epargne .sous-menu ul.n2 li.n2 p {
		min-height: 35px;
	}

}

	
/* Niveau 3 */

@media screen and (min-width: 1221px) { /* Bureau */
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 {
		padding: 5px 0;
		font-size: 1.5em;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 a {
		position: relative;
		display: inline-block;
		padding-left: 14px;
		text-decoration: none;
		line-height: 1.2em;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 a:hover {
		text-decoration: underline;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 a:active {
		color: #8bbc06;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 a .puce {
		position: absolute;
		top: 6px;
		left: 1px;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3.5px 0 3.5px 4px;
		border-color: transparent transparent transparent #bababa;
		margin: 0 5px 0 3px;
	}
	
	#entete-page #menu ul li .sous-menu ul.n2 li.n2 ul.n3 li.n3 a:active .puce {
		border-color: transparent transparent transparent #8bbc06;
	}

}



/*-------------------------------------------------------------------------------+
+ Barre d'aide flottante                                                         +
+-------------------------------------------------------------------------------*/

ul#barreAide {
	position: fixed;
	left: 0;
}

ul#barreAide {
	display: block;
	background: #8bbc06;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	padding: 13px 10px;
}

ul#barreAide li {
	position: relative;
}

ul#barreAide li a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	cursor:pointer;
}

ul#barreAide li a .picto {
	display: block;
}

ul#barreAide li a .libelle {
	display: block;
    font-family: Arial;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 5px;
    text-transform: uppercase;    
}

ul#barreAide li a#Qfacebook {
	border-top: 1px solid rgba(255,255,255,0.3);
}

ul#barreAide li a#QbaOney {
	background: url(../img/divers/barre-aide/iconBAO.gif) no-repeat center 7px;
}

@media screen and (max-width: 767px) { /* Mobile */

	ul#barreAide {
		z-index: 18;
	}

	ul#barreAide {
		display: block;
		width: 30px;
		height: 30px;
	}
	
	ul#barreAide {
		width: auto;
		height: auto;
		overflow: hidden;
	}
	
	ul#barreAide li {
		display: block;
		padding: 8px 0;
	}
	
	ul#barreAide {
	    display: block;
	    background: #8bbc06;
	    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	    box-shadow: 0 0 8px rgba(0,0,0,0.2);
	    padding: 4px 13px 15px 7px;
	}
	
	ul#barreAide li a {
		width: 40px;
		height: 30px;
	}
	
	ul#barreAide li a .libelle {
	    display: block;
	    font-family: Arial;
	    font-weight: bold;
	    font-size: 0.9em;
	    margin-bottom: 0;
	    text-transform: uppercase;
	}
	
	ul#barreAide li a .picto {
		width: 30px;
		height: 30px;
		font-size: 2.6em;
		line-height: 30px;
		margin: 0 auto;
	}
	
	ul#barreAide li a .picto-oreille-barree {
		font-size: 3em;
	}
	
}

@media screen and (min-width: 768px)  { /* Tablette + bureau */
	
	ul#barreAide.picto:before {
		display:none;
	}
	
	ul#barreAide li {
		padding: 0;
	}

	ul#barreAide li a {
		width: 55px;
		height: 65px;
	}

	ul#barreAide li a#Qfacebook {
		padding-top: 6px;
	}

	ul#barreAide li a#QbaOney {
		padding-top: 5px;
	}
	
	ul#barreAide li a .picto {
		width: 54px;
		height: 38px;
		font-size: 5em;
		line-height: 38px;
	}
	
	ul#barreAide li a .picto-oreille-barree {
		font-size: 4em;
	}
	
	ul#barreAide li .fleche {
		display: none;
		position: absolute;
		left: 50px;
		top: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 15px 15px 0;
		border-color: transparent #ffffff transparent transparent;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	ul#barreAide {
		z-index: 18;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	ul#barreAide {
		z-index: 10010;
	}

}



/*-------------------------------------------------------------------------------+
+ Message CNIL cookies                                                           +
+-------------------------------------------------------------------------------*/

.alerte-cookie{
	width:100%;
	position: fixed;
	bottom: 0;
	z-index:100;
	background:url(../img/fonds/fd-gris-85pc.png) repeat;
	color:#FFF;
}

.alerte-cookie .conteneur-alerte-cookie{
	margin:0 auto;
	max-width:960px;
	position:relative;
}

.alerte-cookie .contenu-alerte-cookie{
	font-size:13px;
	margin:0 auto;
	position: relative;
	padding:9px 10px 9px 45px;
	background:url(../img/pictos/picto-info.png) no-repeat 22px 7px;
	margin-right: 64px;
}

.alerte-cookie a{
	color:#FFF;font-size:13px;text-decoration:underline;
	white-space: nowrap;
}

.alerte-cookie a:hover{
	text-decoration:none;
}

.alerte-cookie .close{
	background: url(../img/pictos/picto-fermer.png) no-repeat 0 6px;
	cursor: pointer;
	display: block;
	height: 26px;
	line-height: 26px;
	padding-left: 19px;
	position: absolute;
	right: 15px;
	text-decoration: underline;
	top: 2px;
	width: 36px;
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  CORPS DE PAGE                                                                              //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page {
	position: relative;
	z-index: 5;
}



/*-------------------------------------------------------------------------------+
+ Chapo                                                                          +
+-------------------------------------------------------------------------------*/

#chapo {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 3;
}

#chapo .debord {
	position: relative;
}

@media screen and (max-width: 767px) { /* Mobile */

	#chapo {
		padding-top: 100px;
	}

	.tunnel #chapo {
		padding-top: 60px;
	}

	#chapo .debord {
		display: none;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#chapo {
		padding-top: 140px;
	}

	.tunnel #chapo {
		padding-top: 110px;
	}

	#chapo .debord {
		display: block;
		background: url(../img/divers/debord-chapo.png) no-repeat center bottom;
		width: 100%;
		height: 20px;
	}
	
}


/* Fil d'Ariane ********************************************************/

#chapo #fil-ariane {
	margin: 0 auto;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

#chapo #fil-ariane li {
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
}

#chapo #fil-ariane li a {
	text-decoration: none;
}

#chapo #fil-ariane li .libelle {
	display: inline-block;
	vertical-align: middle;
}

#chapo #fil-ariane li.present strong {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#chapo #fil-ariane li.dernier {
	background: none!important;
	margin-right: 0;
	padding-right: 0;
}

@media screen and (max-width: 767px) { /* Mobile */

	#chapo #fil-ariane {
		padding-top: 10px;
		max-width: 320px;
	}

	#chapo #fil-ariane li {
		height: 30px;
		background-position: right 15px;
		margin-bottom: -10px;
		margin-right: 0;
		padding: 5px 20px 20px 0;
		letter-spacing: -0.1em;
		line-height: 30px;
	}

	#chapo #fil-ariane li.present strong {
		height: 50px;
		margin-bottom: -20px;
	}
	
	#chapo #fil-ariane li .libelle {
		line-height: 1.1em;
	}

	#chapo #fil-ariane li .breakpoint {
		display: block;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#chapo #fil-ariane {
		padding-top: 30px;
		max-width: 720px;
		font-size: 1.8em;
	}

	#chapo #fil-ariane li {
		height: 40px;
		background-position: right -85px;
		margin-bottom: -10px;
		margin-right: 20px;
		padding: 5px 30px 30px 0;
		line-height: 40px;
	}

	#chapo #fil-ariane li.present strong {
		height: 70px;
		margin-bottom: -30px;
	}
	
	#chapo #fil-ariane li .libelle {
		line-height: 1.2em;
	}

	#chapo #fil-ariane li .breakpoint {
		display: block;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#chapo #fil-ariane {
		padding-top: 30px;
		max-width: 800px;
		font-size: 1.4em;
	}

	#chapo #fil-ariane li {
		height: 30px;
		background-position: right -97px;
		margin-bottom: -10px;
		margin-right: 5px;
		padding: 7px 21px 20px 0;
	}

	#chapo #fil-ariane li.present strong {
		height: 50px;
		margin-bottom: -20px;
	}
	
	#chapo #fil-ariane li .libelle {
		line-height: 1.2em;
	}

}

/* GenTitle : titre dans le chapo ***********************************************/
@media screen and (max-width: 767px) { /* Mobile */
	
	#chapo h4.genTitle {
		display:inline-block;
		position:relative;
		left:50%;
		font-size:1.5em;
		font-weight:normal;
		padding-left:13px;
		padding-top:17px;
		border-left:1px solid #2c2c2c;
		color:#2c2c2c;
		text-transform:uppercase;
		line-height:1.3em;
		margin-top:65px;
		margin-left:-140px;
	}
	
	.connecte #chapo h4.genTitle {
		margin-top:90px;
	}

}
@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#chapo h4.genTitle {
		position:relative;
		display:inline-block;
		left:50%;
		font-size:1.9em;
		font-weight:normal;
		padding-left:13px;
		padding-top:17px;
		border-left:1px solid #2c2c2c;
		color:#2c2c2c;
		text-transform:uppercase;
		line-height:1.3em;
		margin-top:-50px;
		margin-left:-364px;
	}
	
	.connecte #chapo h4.genTitle {
		margin-top:-20px;
	}
 
}

/* GenTitle : titre dans le chapo ***********************************************/
@media screen and (max-width: 767px) { /* Mobile */
	
	#chapo h4.genTitle {
		display:inline-block;
		position:relative;
		left:50%;
		font-size:1.5em;
		font-weight:normal;
		padding-left:13px;
		padding-top:17px;
		border-left:1px solid #2c2c2c;
		color:#2c2c2c;
		text-transform:uppercase;
		line-height:1.3em;
		margin-top:65px;
		margin-left:-140px;
	}
	
	.connecte #chapo h4.genTitle {
		margin-top:90px;
	}

}
@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#chapo h4.genTitle {
		position:relative;
		display:inline-block;
		left:50%;
		font-size:1.9em;
		font-weight:normal;
		padding-left:13px;
		padding-top:17px;
		border-left:1px solid #2c2c2c;
		color:#2c2c2c;
		text-transform:uppercase;
		line-height:1.3em;
		margin-top:-50px;
		margin-left:-364px;
	}
	
	.connecte #chapo h4.genTitle {
		margin-top:-20px;
	}
 
}

@media screen and (min-width: 1221px) { /* Bureau */
	
	#chapo h4.genTitle {
		display:inline-block;
		position:relative;
		left:50%;
		font-size:1.9em;
		font-weight:normal;
		padding-left:13px;
		padding-top:17px;
		border-left:1px solid #2c2c2c;
		color:#2c2c2c;
		text-transform:uppercase;
		line-height:1.3em;
		margin-top:-50px;
		margin-left:-515px;
	}
	
	.connecte #chapo h4.genTitle {
		margin-top:-20px;
	}

}

/*-------------------------------------------------------------------------------+
+ Modules papier volume                                                          +
+-------------------------------------------------------------------------------*/

#corps-page .mod-papier-volume {
	position: relative;
}

#corps-page .mod-papier-volume .bord-haut, #corps-page .mod-papier-volume .bord-bas {
	position: relative;
	clear: both;
}




/*-------------------------------------------------------------------------------+
+ Fenêtre modale                                                                 +
+-------------------------------------------------------------------------------*/

#black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1501;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); 
    zoom: 1;
}

#flash_overlay {
	position: absolute;
	left: 0;
    display: none;
	width: 100%;
    z-index: 1502;
}

.fenetre-modale {
	position: relative;
	background-color: #fff;
	margin: 0 auto;
	padding: 40px 15px 15px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.fenetre-modale .fermer {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	background: url(../img/puces/puce-croix-noir.png) no-repeat 6px center;
	padding: 5px 10px 5px 25px;
	text-decoration: none;
}

.fenetre-modale .fermer:hover {
	background-color: #ebebeb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.fenetre-modale .mentions-legales {
	margin-top: 30px;
	color: #727272;
	font-size: 1.2em;
}

@media screen and (max-width: 767px) { /* Mobile */

	#flash_overlay {
		top: 10px;
	}

	.fenetre-modale {
		padding: 40px 10px 15px 10px;
		max-width: 280px;
	}

	.fenetre-modale .zone-defilement {
		margin-right: -5px;
		overflow: auto;
	}

	.fenetre-modale .fermer {
		font-size: 1.1em;
		line-height: 1.2em;
	}	
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#flash_overlay {
		top: 20px;
	}

	.fenetre-modale {
		max-width: 720px;
	}

	.fenetre-modale .zone-defilement {
		margin-right: -10px;
		overflow: auto;
	}

	.fenetre-modale .fermer {
		font-size: 1.2em;
		line-height: 1.2em;
	}	

}

@media screen and (min-width: 1221px) { /* Bureau */

	#flash_overlay {
		top: 10%;
	}

	.fenetre-modale {
		max-width: 920px;
	}

	.fenetre-modale .zone-defilement {
		overflow: hidden;
	}

	.fenetre-modale .fermer {
		font-size: 1.2em;
		line-height: 1.2em;
	}	

}



/*-------------------------------------------------------------------------------+
+ Formulaires                                                                    +
+-------------------------------------------------------------------------------*/

/* Styles communs ******************************************************/

.formulaire .fd-fonce {
	background-color: #f4f4f4;
	padding: 10px 0;
}

.formulaire fieldset {
	position: relative;
}

.formulaire fieldset legend {
	position: absolute;
	left: 0;
	background-repeat: no-repeat;
	color: #8bbc06;
}

.formulaire fieldset legend .titre {
	display: block;
	border-bottom: 5px solid #8bbc06;
}

.formulaire #form-len legend .titre {
	border-bottom: 5px solid #e0e0e0;
}

.formulaire hr {
	background-color: #e0e0e0;
	height: 1px;
	margin: 15px 0;
	border: none;
}

.formulaire .focus, .formulaire .focus-autovalidate {
	background-color: #e0e0e0;
}

.formulaire .inactif {
	opacity: 0.4;
    filter: alpha(opacity=40);
}

.formulaire .ligne {
	position: relative;
	margin-bottom: 2px;
	overflow: hidden;
}

.formulaire .ligne label {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}

.formulaire .ligne label .precision {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
}

.formulaire .ligne .input {
	display: inline-block;
	vertical-align: middle;
}

.formulaire .ligne input.montant {
	text-align: right;
}

.formulaire .ligne .complement {
	display: inline-block;
	font-weight: bold;
}

.formulaire .ligne .choix-multiple select {
	display: inline;
	width: auto;
}

.formulaire .ligne .choix-multiple label {
	width: auto;
	padding-right: 20px;
	font-weight: normal;
}

.formulaire .ligne .choix-multiple p {
	font-size: 0.8em;
}

.formulaire .ligne .reglette {
	position: relative;
}

.formulaire .ligne .reglette input, .formulaire .ligne .reglette .ui-slider, .formulaire .ligne .reglette .complement {
	vertical-align: middle;
}

.formulaire .ligne .reglette .ui-slider .ui-state-default {
	border: 0;
}

.formulaire .ligne .reglette .montant {
	margin-left: 5px;
}

.formulaire .ligne .bouton {
	margin-right: 10px;
	padding: 4px;
	vertical-align: middle;
}

.formulaire .ligne .bouton .bt {
	padding: 8px 12px;
	font-size: 1em;
}

.formulaire .ligne .cocher {
	position: relative;
	width: auto!important;
	padding-left: 25px;
	font-weight: normal;
}
	
.formulaire .ligne .cocher .input {
	position: absolute;
	left: 0;
	width: auto!important;
}

.formulaire .ligne .statut-champ {
	display: inline-block;
	vertical-align: middle;
}

.formulaire .ligne .statut-champ .OK {
	background-image: url(../img/puces/puce-cocher-vert.png);
	background-repeat: no-repeat;
}

.formulaire .ligne .statut-champ .KO {
	background-image: url(../img/puces/puce-erreur.png);
	background-repeat: no-repeat;
}

.formulaire .ligne .statut-champ .alerte {
	background-image: url(../img/puces/puce-alerte.png);
	background-repeat: no-repeat;
}

.formulaire .focus .aide-form, .formulaire .focus-autovalidate .warning-autovalidate{
	font-style: italic;
}

.formulaire .focus .aide-form p, .formulaire .focus-autovalidate .warning-autovalidate {
	margin-bottom: 0;
}

.formulaire .lien-puce {
	background-position: left -250px;
	margin-left: 20px;
	color: #8bbc06;
}

.formulaire .info-erreur-globale {
	background-image: url(../img/puces/puce-erreur.png);
	background-repeat: no-repeat;
	color: #ff0000;
}

.formulaire .erreur-locale {
	background-color: #ffe5e5;
}

.formulaire .erreur-locale label {
	font-weight: bold;
}

.formulaire .erreur-locale .info-erreur-locale {
	font-style: italic;
	color: #ff0000;
}

.formulaire .erreur-locale .erreur-autovalidate {
	font-style: italic;
	color: #ff0000;
}

.formulaire .erreur-locale .erreur-autovalidate-cot {
	font-style: italic;
	color: #ff0000;
}

.formulaire .erreur-locale .info-erreur-locale p {
	margin-bottom: 0;
}

.formulaire .erreur-locale .info-erreur-locale a {
	color: #ff0000;
}

.formulaire .ligne .info-alerte {
	font-style: italic;
	color: #777;
}

.formulaire .ligne .info-alerte p {
	margin-bottom: 0;
}

.formulaire .ligne .info-alerte a {
	color: #777;
}

.formulaire .ligne .info-arrondi {
	font-style: italic;
}

.formulaire .ligne .info-arrondi p {
	margin-bottom: 0;
}

@media screen and (max-width: 479px) { /* Mini Mobile */

	.formulaire .ligne .choix-multiple select {
		display: block;
	}

}

@media screen and (max-width: 767px) { /* Mobile */

	.formulaire {
		padding: 20px 0;
	}

	.formulaire .conteneur {
		margin: 0 2%;
	}

	.formulaire .intro {
		font-size: 1.1em;
	}

	.formulaire fieldset {
		padding: 60px 0 20px 0;
	}

	.formulaire fieldset legend {
		top: 20px;
		background-position: left 1px;
		width: 94.5%;
		padding-left: 27px;
		font-size: 1.4em;
	}

	.formulaire fieldset legend .titre {
		padding: 0 0 4px 0;
	}

	.formulaire fieldset .note {
		padding-left: 27px;
		font-size: 1.1em;
	}

	.formulaire .focus, .formulaire .focus-autovalidate {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.formulaire .ligne {
		padding: 10px 15px;
		font-size: 1.2em;
		line-height: 1.3em;
	}

	.formulaire .ligne label {
		width: 30%;
		padding-right: 10px;
	}

	.formulaire .ligne select, .formulaire .ligne select option {
		font-size: 13px;
		margin-bottom: 5px;
	}

	.formulaire .focus .aide-form, .formulaire .focus-autovalidate .warning-autovalidate, .formulaire .erreur-locale .info-erreur-locale, .formulaire .ligne .info-alerte, .formulaire .ligne .info-arrondi {
		padding-top: 10px;
		font-size: 0.85em;
	}

	.formulaire .ligne .choix-multiple label {
		padding-right: 10px;
	}

	.formulaire .ligne .input {
		width: 60%;
	}

	.formulaire .ligne input[type='text'], .formulaire .ligne input[type='email'], .formulaire .ligne input[type='number'] {
		width: 90%;
	}

	.formulaire .ligne input.montant {
		width: 70px;
	}

	.formulaire .ligne input.duree {
		width: 40px;
	}

	.formulaire .ligne input.code-postal {
		width: 60px;
	}

	.formulaire .ligne input.telephone {
		width: 100px;
	}

	.formulaire .ligne select {
		width: 90%;
	}

	.formulaire .ligne .statut-champ .OK, .formulaire .ligne .statut-champ .KO, .formulaire .ligne .statut-champ .alerte {
		background-position: left top;
		width: 14px;
		height: 13px;
		margin-right: -10px;
	}

	.formulaire .ligne .reglette .bt-reglette-plus {
		margin-left: 65px;
	}

	.formulaire .ligne .reglette input.montant {
		width: 40px;
		margin-left: -95px;
	}

	.formulaire .ligne .reglette input.duree {
		width: 20px;
		margin-left: -95px;
	}

	.formulaire .ligne .reglette input.montant, .formulaire .ligne .reglette input.duree, .formulaire .ligne .reglette .complement {
		margin-top: -22px;
	}
	
	.formulaire .ligne .reglette .ui-slider, .formulaire .ligne .reglette .limite-basse, .formulaire .ligne .reglette .limite-haute {
		display: none;
	}
	
	.formulaire .info-erreur-globale {
		background-position: 10px 10px;
		padding: 10px 10px 0 30px;
		font-size: 1.2em;
	}

	.formulaire .erreur-locale {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	#formulaire .zone-formulaire p#montant-plus {
		font-size: 0.7em;
		font-style: italic;
		margin-top: 0px;
		margin-left: -123px;
		position: relative;
		left: 50%;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.formulaire {
		padding: 30px 0;
	}

	.formulaire .intro {
		font-size: 1.4em;
	}

	.formulaire fieldset legend {
		top: 20px;
		background-position: left bottom;
		padding-left: 42px;
	}

	.formulaire fieldset legend .titre {
		padding: 10px 0 5px 0;
	}

	.formulaire fieldset .note {
		padding-left: 40px;
	}

	.formulaire .focus, .formulaire .focus-autovalidate {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	.formulaire .ligne .choix-multiple label {
		padding-right: 20px;
	}

	.formulaire .ligne .statut-champ .OK, .formulaire .ligne .statut-champ .KO, .formulaire .ligne .statut-champ .alerte {
		background-position: left bottom;
		width: 24px;
		height: 22px;
	}

	.formulaire .ligne .reglette .ui-slider {
		display: inline-block;
		position: relative;
		background-color: #cfcfcf;
		height: 16px;
		border-top: 1px solid #c5c5c5;
		border-bottom: 1px solid #c5c5c5;
	}

	.formulaire .ligne .reglette .ui-slider .ui-slider-range {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #8bbc06;
		height: 16px;
	}

	.formulaire .ligne .reglette .ui-slider .ui-slider-handle {
		position: absolute;
		bottom: 0;
		background: url(../img/divers/curseur-reglette.png) no-repeat center bottom;
		width: 26px;
		height: 42px;
		margin-left: -13px;
		z-index: 2;
	}

	.formulaire .ligne .reglette .limite-basse, .formulaire .ligne .reglette .limite-haute {
		position: absolute;
		bottom: 0;
		background: url(../img/divers/repere-limites-reglette.png) no-repeat center -4px;
		padding-top: 5px;
		text-align: center;
	}

	.formulaire .lien-puce {
		font-size: 1.3em;
	}

	.formulaire .info-erreur-globale {
		background-position: 10px -265px;
		min-height: 28px;
		padding: 15px 10px 0 45px;
	}

	.formulaire .erreur-locale {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.formulaire .conteneur {
		margin: 0 2.6%;
	}

	.formulaire fieldset {
		padding: 85px 0 30px 0;
	}

	.formulaire fieldset legend {
		width: 95%;
		font-size: 3em;
	}

	.formulaire fieldset .note {
		font-size: 1.8em;
	}

	.formulaire .ligne {
		padding: 10px 30px;
		font-size: 1.5em;
		line-height: 1.3em;
	}

	.formulaire .ligne label {
		width: 36%;
		padding-right: 10px;
	}

	.formulaire .ligne select, .formulaire .ligne select option {
		font-size: 14px;
	}

	.formulaire .focus .aide-form, .formulaire .focus-autovalidate .warning-autovalidate, .formulaire .focus-autovalidate .warning-autovalidate , .formulaire .erreur-locale .info-erreur-locale, .formulaire .ligne .info-alerte, .formulaire .ligne .info-arrondi {
		padding-top: 15px;
		font-size: 0.85em;
	}

	.formulaire .ligne .input {
		width: 57%;
	}

	.formulaire .ligne input[type='text'], .formulaire .ligne input[type='email'], .formulaire .ligne input[type='number'] {
		width: 300px;
	}

	.formulaire .ligne input.montant {
		width: 100px;
	}

	.formulaire .ligne input.duree {
		width: 60px;
	}

	.formulaire .ligne input.code-postal {
		width: 80px;
	}

	.formulaire .ligne input.telephone {
		width: 140px;
	}

	.formulaire .ligne select {
		width: 300px;
	}

	.formulaire .ligne .statut-champ {
		padding-top: 5px;
	}

	.formulaire .ligne .reglette {
		padding-bottom: 28px;
	}

	.formulaire .ligne .reglette .bouton-reglette {
		top: 9px;
	}

	.formulaire .ligne .reglette .ui-slider {
		margin-top: -10px;
	}

	.formulaire .ligne .reglette .limite-basse, .formulaire .ligne .reglette .limite-haute {
		width: 70px;
		height: 25px;
		font-size: 0.7em;
	}

	.formulaire .info-erreur-globale {
		font-size: 1.8em;
	}
	
	#formulaire .zone-formulaire p#montant-plus {
		width: 280px;
		font-size: 0.7em;
		font-style: italic;
		position: relative;
		left: 50%;
		margin-top: -25px;
		margin-left: 190px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.formulaire .conteneur {
		width: 800px;
	}

	.formulaire fieldset {
		padding: 75px 0 20px 0;
	}

	.formulaire fieldset legend {
		width: 758px;
		font-size: 2.2em;
	}

	.formulaire fieldset .note {
		font-size: 1.3em;
	}

	.formulaire .ligne {
		min-height: 45px;
		padding: 10px 20px;
		font-size: 1.5em;
		line-height: 1.3em;
	}

	.formulaire .ligne label {
		width: 160px;
		padding-right: 10px;
		vertical-align: top;
	}

	.formulaire .ligne .input {
		width: 270px;
		vertical-align: top;
	}

	.formulaire .ligne select, .formulaire .ligne select option {
		font-size: 14px;
	}

	.formulaire .ligne input[type='text'], .formulaire .ligne input[type='email'], .formulaire .ligne input[type='number'] {
		width: 250px;
	}

	.formulaire .ligne input.montant {
		width: 80px;
	}

	.formulaire .ligne input.duree {
		width: 40px;
	}

	.formulaire .ligne input.code-postal {
		width: 60px;
	}

	.formulaire .ligne input.telephone {
		width: 120px;
	}

	.formulaire .ligne select {
		width: 250px;
	}

	.formulaire .focus .aide-form, .formulaire .focus-autovalidate .warning-autovalidate, .formulaire .erreur-locale .info-erreur-locale, .formulaire .ligne .info-alerte, .formulaire .ligne .info-arrondi {
		display: inline-block;
		width: 265px;
		padding-left: 5px;
		font-size: 0.85em;
		vertical-align: top;
	} 

	.formulaire .ligne .reglette {
		padding-bottom: 25px;
	}

	.formulaire .ligne .reglette input, .formulaire .ligne .reglette .ui-slider, .formulaire .ligne .reglette .complement {
		vertical-align: top;
	}

	.formulaire .ligne .reglette .bouton-reglette {
		top: 9px;
	}

	.formulaire .ligne .reglette .ui-slider {
		top: 19px;
	}

	.formulaire .ligne .reglette .limite-basse, .formulaire .ligne .reglette .limite-haute {
		width: 70px;
		height: 15px;
		font-size: 0.8em;
	}

	.formulaire .ligne .reglette input[type='text'], .formulaire .ligne .reglette input[type='number'], .formulaire .ligne .reglette .complement {
		margin-top: 15px;
	}

	.formulaire .ligne-reglette label {
		margin-top: 15px;
	}

	.formulaire .ligne-reglette .aide-form, .formulaire .ligne-reglette .info-erreur-locale, .formulaire .ligne-reglette .info-alerte, .formulaire .ligne-reglette .info-arrondi {
		margin-top: 13px;
	}

	.formulaire .ligne .bouton {
		vertical-align: top;
	}

	.formulaire .ligne-reglette .bouton {
		margin-top: 8px;
	}

	.formulaire .ligne .statut-champ {
		vertical-align: top;
	}

	.formulaire .ligne-reglette .statut-champ {
		margin-top: 15px;
	}

	.formulaire .info-erreur-globale {
		font-size: 1.6em;
	}
	
	#formulaire .zone-formulaire p#montant-plus {
		font-size: 0.7em;
		font-style: italic;
		margin-top: -25px;
		margin-left: 440px;
	}

}


/* Boutons "Retour" / "Valider" ****************************************/

.retour-validation {
	clear: both;
	position: relative;
}

.retour-validation .bt-vert {
	position: absolute;
	top: 0;
	right: 0;
}

.retour-validation .bt-grismoyen {
	position: absolute;
	top: 10px;
	left: 0;
}

@media screen and (max-width: 767px) { /* Mobile */

	.retour-validation {
		min-height: 60px;
		margin: 10px 0 0 0;
	}
	
	.retour-validation .bt-vert .bt {
		padding: 15px;
		font-size: 1.4em;
	}
	
	.retour-validation .bt-vert .bt .puce-droite {
		display: none;
	}
	
	.retour-validation .bt-grismoyen {
		top: 0;
		left: 0;
	}
	
	.retour-validation .bt-grismoyen .bt .puce-gauche {
		display: none;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.retour-validation {
		margin: 20px 0 0 0;
	}
	
	.retour-validation .bt-vert .bt, .retour-validation .bt-noir .bt {
		padding: 20px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.retour-validation {
		min-height: 90px;
	}
	
	.retour-validation .bt-vert .bt {
		font-size: 2em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.retour-validation {
		min-height: 70px;
	}
	
	.retour-validation .bt-vert .bt {
		font-size: 1.8em;
	}

}


/* Etapes de finalisation **********************************************/

.etape-finalisation h2 {
	background-repeat: no-repeat;
	color: #8bbc06;
	font-weight: normal;
}

.etape-finalisation h2 .titre {
	display: block;
	border-bottom: 5px solid #8bbc06;
}

@media screen and (max-width: 767px) { /* Mobile */

	.etape-finalisation .conteneur {
		padding: 0 6px 20px 6px;
	}

	.etape-finalisation h2 {
		background-position: left 1px;
		margin-bottom: 10px;
		padding-left: 27px;
		font-size: 1.4em;
	}
	
	.etape-finalisation h2 .titre {
		padding: 0 0 4px 0;
	}
	
	.etape-finalisation h2 .titre span {
		display: none;
	}
	
	.etape-finalisation p {
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.etape-finalisation h2 {
		background-position: left bottom;
		padding-left: 42px;
	}

	.etape-finalisation h2 .titre {
		padding: 10px 0 5px 0;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.etape-finalisation .conteneur {
		padding: 0 10px 30px 52px;
	}

	.etape-finalisation h2 {
		margin: 0 0 20px -42px;
		font-size: 3em;
	}
	
	.etape-finalisation h2 .titre span {
		display: none;
	}
	
	.etape-finalisation p {
		font-size: 1.6em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.etape-finalisation .conteneur {
		width: 758px;
		padding: 0 0 30px 42px;
	}

	.etape-finalisation h2 {
		margin: 0 0 15px -42px;
		font-size: 2.2em;
	}
	
	.etape-finalisation p {
		font-size: 1.4em;
	}

}



/*-------------------------------------------------------------------------------+
+ Mentions legales (bas de page)                                                 +
+-------------------------------------------------------------------------------*/

#mentions-legales {
	color: #727272;
	font-size: 1.2em;
}

#mentions-legales a {
	color: #727272;
}

#mentions-legales strong {
	font-size: 1.2em!important;
}

#mentions-legales .taillesup {
	font-size: 1.5em;
}

@media screen and (max-width: 767px) { /* Mobile */

	#mentions-legales {
		padding: 0 10px;
	}

	#mentions-legales .conteneur {
		max-width: 750px;
		padding: 20px 0;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#mentions-legales .conteneur {
		padding: 20px 0 30px 0;
	}

	#mentions-legales h2 {
		padding: 30px 0;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#mentions-legales {
		padding: 0 10px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#mentions-legales .conteneur {
		width: 1180px;
	}

}


/* ML mode « tunnel » **************************************************/

.tunnel #mentions-legales {
	background: #fff;
}

.tunnel #mentions-legales .conteneur {
	background: none;
	padding-top: 0;
}

@media screen and (min-width: 1221px) { /* Bureau */

	.tunnel #mentions-legales .conteneur {
		max-width: 920px;
	}

}



/*-------------------------------------------------------------------------------+
+ Contenu inaccessible (écran trop petit)                                        +
+-------------------------------------------------------------------------------*/

#contenu-inaccessible {
	display: none;
	visibility: hidden;
	padding: 30px 6px;
}

#contenu-inaccessible p {
	background: url(../img/pictos/attention-rouge-xl.png) no-repeat 10px top;
	padding-left: 50px;
	color: #ff0000;
}

@media screen and (max-width: 767px) { /* Mobile */

	#contenu-inaccessible.mobile, #contenu-inaccessible.tablette {
		display: block;
		visibility: visible;
	}

	#contenu-inaccessible p {
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#contenu-inaccessible.tablette {
		display: block;
		visibility: visible;
	}

	#contenu-inaccessible p {
		font-size: 1.4em;
	}

}



/*-------------------------------------------------------------------------------+
+ Connexion Conseiller                                                           +
+-------------------------------------------------------------------------------*/

#connexion-conseiller {
	clear: both;
	background-color: #e5f3ed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#connexion-conseiller p {
	background: url(../img/pictos/picto-connexion-conseiller.png) no-repeat 10px center;
	margin: 0 !important;
	padding: 10px 0 10px 70px;
	color: #8bbc06;
	text-align: left !important;
}

@media screen and (max-width: 767px) { /* Mobile */

	#connexion-conseiller {
		margin: 20px 10px;
		padding: 15px;
	}

	#connexion-conseiller p {
		font-size: 1.2em !important;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#connexion-conseiller {
		margin: 30px 10px;
		padding: 20px;
	}

	#connexion-conseiller p {
		font-size: 1.6em !important;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PIED DE PAGE                                                                               //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#pied-page {
	clear: both;
	background-color: #cfcfcf;
	color: #54565b;
}

#pied-page a {
	color: #54565b;
	text-decoration: none;
}

#pied-page a:hover {
	text-decoration: underline;
}



/*-------------------------------------------------------------------------------+
+ Raccourcis                                                                     +
+-------------------------------------------------------------------------------*/

#pied-page #raccourcis {
	padding: 20px 10px;
}

#pied-page #raccourcis .conteneur {
	overflow: hidden;
}

#pied-page #raccourcis .liste-liens {
	float: left;
	overflow: hidden;
}

#pied-page #raccourcis .liste-liens h3 { 
	min-height: 20px;
	padding-top: 18px;
	margin-bottom: 12px;
	padding-bottom: 10px;
	font-size: 1.6em;
	line-height: 1.2em;
	text-transform: uppercase;
	border-bottom: 1px solid #9d9d9d;
}

#pied-page #raccourcis .liste-liens h3 span {
	display: block;
}


#pied-page #raccourcis .liste-liens ul li {
	position: relative;
	padding: 4px 0 3px 15px;
	font-size: 1.1em;
	line-height: 1.3em;
}

#pied-page #raccourcis .liste-liens ul li .puce {
	position: absolute;
	left: 2px;
	top: 8px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 4px;
	border-color: transparent transparent transparent #54565b;

}

#pied-page #raccourcis .liste-liens h3.dernier.acceo:before{
	background:url('../img/pictos/picto-acceo-gris.png') 0 0 no-repeat;
	background-size: 98%;
    content: ' ';
    display: inline-block;
    height: 33px;
    width: 24px;    
    margin: 0 5px 0 0;
}

@media screen and (max-width: 767px) { /* Mobile */

	#pied-page #raccourcis .liste-liens {
		width: 46%;
		margin: 0 2%;
	}
	
	#pied-page #raccourcis #footer-guide-credit {
		margin-top: 25px;
	}

	#pied-page #raccourcis #footer-cartes, #pied-page #raccourcis #footer-services, #pied-page #raccourcis #footer-credits, #pied-page #raccourcis #footer-assurances, #pied-page #raccourcis #footer-epargne {
		display: none;
	}
	
	#pied-page #raccourcis #footer-boutons {
		padding-top: 35px;
		clear: both;
		text-align: center;
	}

	#pied-page #raccourcis #footer-boutons li {
		display: inline-block;
		margin: 0 5px;
	}

	#pied-page #raccourcis #footer-boutons li img {
		width: 140px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#pied-page #raccourcis .conteneur {
		padding-bottom: 40px;
	}
	
	#pied-page #raccourcis .separateur-tablette {
		display: block;
		clear: both;
		height: 40px;
	}

	#pied-page #raccourcis .liste-liens {
		width: 21%;
		margin: 0 2%;
	}
	
	#pied-page #raccourcis #footer-services.liste-liens{
		margin: 0 0 0 2%;
	    width: 23%;
	}

	#pied-page #raccourcis #footer-oney li.mobile {
		display: none;
	}

	#pied-page #raccourcis #footer-guide-credit {
		position: absolute;
		top: 130px;
		left: 25%;
	}
	
	#pied-page #raccourcis #footer-boutons {
		position: absolute;
		left: 77%;
		padding-top: 20px;
	}

	#pied-page #raccourcis #footer-boutons li {
		margin-bottom: 15px;
	}
	
	#pied-page #raccourcis .liste-liens h3.dernier {
    	min-height: 20px;
	    padding-top: 0px;
	    margin-bottom: 0px;
	    padding-bottom: 0px;
	    padding-left:7px;
	    margin-top: 22px;
	    font-size: 1.4em;
	    line-height: 1.2em;
	    text-transform: uppercase;
	    border-bottom: none;
	}
	
	#pied-page #raccourcis .liste-liens h3.dernier.acceo{
		font-size:1.2em;
	}
	
	#pied-page #raccourcis .liste-liens h3.dernier.acceo:before {
		background-position: 0 5px;
	    width: 10%;
	    margin: 0 2% 0 0;
	    max-width: 21px;
	}
	
	#pied-page #raccourcis .liste-liens h3.dernier.acceo span{
	    display: inline-block;
	    width: 87%;
    }
	
	#pied-page #raccourcis .liste-liens h3.dernier{
		line-height: 1.5em;
		overflow: hidden;
	}
	
	#pied-page #raccourcis #footer-services .bouton .bt {
    	font-size: 0.9em;
    	line-height: 1.2em;
	}
}

@media screen and (min-width: 1221px) { /* Bureau */
	
	#pied-page #raccourcis .separateur-bureau {
		display: block;
		clear: both;
		height: 25px;
	}

	#pied-page #raccourcis .liste-liens {
		width: 200px;
		margin-right: 36px;
	}

	#pied-page #raccourcis #footer-oney li.mobile {
		display: none;
	}
	
	#pied-page #raccourcis #footer-cartes {
		margin-left: 0;
	}
	
	#pied-page #raccourcis #footer-oney {
		width: 436px;
	}
	
	#pied-page #raccourcis #footer-oney ul {
		float: left;
		width: 200px;
	}
	
	#pied-page #raccourcis #footer-oney ul.premier {
		margin-right: 36px;
	}

	#pied-page #raccourcis #footer-boutons {
		float: left;
		margin-left: 20px;
		padding-top: 20px;
	}

	#pied-page #raccourcis #footer-boutons li {
		margin-bottom: 15px;
	}
	
	#pied-page #raccourcis .liste-liens h3.dernier {
	    min-height: 20px;
	    padding-top: 0px;
	    margin-bottom: 0px;
	    padding-bottom: 0px;
	    padding-left:7px;
	    margin-top: 22px;
	    font-size: 1.4em;
	    line-height: 1.2em;
	    text-transform: uppercase;
	    border-bottom: none;
	}
	
	#pied-page #raccourcis .liste-liens h3.dernier{
		line-height: 1.5em;
		overflow: hidden;
	}
	
	#pied-page #raccourcis #footer-services h3 {
		padding-top: 0;
	}
	
	#pied-page #raccourcis .liste-liens h3.dernier.acceo span{
	    display: inline-block;
	    width: 82%;
    }

	#pied-page #raccourcis #footer-services .bouton .bt {
    	font-size: 1.4em;
	}
}



/*-------------------------------------------------------------------------------+
+ Referencement / SEO                                                            +
+-------------------------------------------------------------------------------*/

#referencement {
	position: absolute;
	left: 0;
	width: 100%;
	color: #9d9d9d;
	overflow: hidden;
}

#referencement .conteneur {
	padding: 0 10px;
}

#referencement h1, #referencement h2 {
	margin-bottom: 25px;
	font-weight: normal;
	text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	#referencement {
		bottom: 110px;
	}

	#referencement h1, #referencement h2 {
		font-size: 1.6em;
	}

	#referencement p {
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#referencement {
		bottom: 90px;
	}

	#referencement h1, #referencement h2 {
		font-size: 2.2em;
	}

	#referencement p {
		font-size: 1.3em;
	}

}



/*-------------------------------------------------------------------------------+
+ Signature                                                                      +
+-------------------------------------------------------------------------------*/

#pied-page #signature {
	clear: both;
	background-color: #54565b;
	padding: 20px 10px;
	color: #fff;
}

#pied-page #signature p {
	margin-bottom: 0;
}

#pied-page #signature p a {
	color: #fff;
}

@media screen and (max-width: 767px) { /* Mobile */

	#pied-page #signature {
		margin-top: 280px; /* SEO */
		font-size: 1.2em;
		text-align: center;
	}

	#pied-page #signature .logo-oney-footer img {
		width: 70px;
		margin-bottom: 10px;
	}

	#pied-page #signature .social {
		display: none;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#pied-page #signature {
		margin-top: 200px; /* SEO */
		font-size: 1.3em;
	}

	#pied-page #signature .logo-oney-footer {
		display: block;
		position: relative;
		top: -5px;
		width: 100px;
		height: 32px;
		margin: 0 -120px -32px 0;
	}

	#pied-page #signature .logo-oney-footer img {
		width: 100px;
	}

	#pied-page #signature .copyright {
		padding-left: 120px;
		padding-right: 100px;
	}

	#pied-page #signature .social {
		position: absolute;
		top: 0;
		right: 0;
	}

	#pied-page #signature .social a {
		font-size: 1.6em;
		text-decoration: none;
	}

	#pied-page #signature .social a .libelle {
		display: none;
	}

}



/*-------------------------------------------------------------------------------+
+ Mentions DCC mode « tunnel »                                                   +
+-------------------------------------------------------------------------------*/

.tunnel #pied-page #mention-dcc {
	padding: 20px 10px;
	color: #333;
	text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	.tunnel #pied-page #mention-dcc {
		font-size: 1.5em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.tunnel #pied-page #mention-dcc {
		font-size: 3em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.tunnel #pied-page #mention-dcc {
		font-size: 2.5em;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PAGE ORPHELINE                                                                             //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


@media screen and (max-width: 767px) { /* Mobile */

	#page-orpheline {
		padding: 0 10px;
	}

	#page-orpheline .conteneur {
		max-width: 750px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#page-orpheline {
		padding: 0 10px;
	}

	#page-orpheline .conteneur {
		max-width: 980px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#page-orpheline .conteneur {
		width: 980px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  TEMPORAIRE PP                                                                              //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#entete-page #menu ul li#menu-n1-credits .sous-menu ul.n2 li.n2 ul.n3 li #ppTravaux.lien-puce {
	color: #8b72b4;
	font-weight: bold;
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#entete-page #menu ul li#menu-n1-credits .sous-menu ul.n2 li.n2 ul.n3 li #ppTravaux.lien-puce {
		background: url(../img/puces/puce-triangle-pret-travaux.png) no-repeat left 0px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#entete-page #menu ul li#menu-n1-credits .sous-menu ul.n2 li.n2 ul.n3 li #ppTravaux.lien-puce {
		background: url(../img/puces/puce-triangle-pret-travaux.png) no-repeat left 0px;
	}

}