/* FONTS
========================================================================== */
@font-face{font-family:'fira_sansmedium'; src: url('../fonts/firasans-medium-webfont.woff2') format('woff2'), url('../fonts/firasans-medium-webfont.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'fira_sansregular'; src: url('../fonts/firasans-regular-webfont.woff2') format('woff2'), url('../fonts/firasans-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal}



/* WARNING 
========================================================================== */
.browserupgrade{margin:0.2em 0;background:#ccc;color:#111;padding:0.2em 0}
.browserupgrade a{text-decoration:underline;cursor:pointer;color:#db0525}

/* BASE
========================================================================== */
html,body{height:100%;font-size:62.5%;background:#fff}
body{font-size:1.4rem;line-height:1.214285em;color:#111;font-family:'fira_sansregular', sans-serif;}
a{text-decoration:none;cursor:pointer;color:inherit}
a:hover,a:active,a:focus{outline:0;outline:none;text-decoration:none;color:inherit}
::selection{background:rgba(222,222,222,.9);color:inherit;text-shadow:none}
::-moz-selection{background:rgba(222,222,222,.9);color:inherit;text-shadow:none}

img[data-sizes="auto"]{display:block;width:100%;height:auto}
.lazyload{opacity:0}
.lazyloading{opacity:1;transition:opacity 0.3s;background-position:center center;background-repeat:no-repeat;background-size:40px 40px;background-image:url('img/svg/ripple.svg')}
img.lazyload:not([src]){visibility:hidden}
img{text-align:center;font-family:'fira_sansregular';font-size:1.3rem}

#menuHamburger,#menutech{display:none}
.boxShadow{box-shadow:6px 6px 5px 0 rgba(2,2,2,.2)}
hr{display:block;width:70%;height:1px;background:transparent;border:none;border-top:2px solid #c8c8c8;margin:10px auto}

.rougeErreur{color:#d04428}
.grisFormBorder{color:#c8c8c8}
.grisForm{color:#666666}
.noirTexte{color:#111}
.bleuTexte{color:#1879b7}
.vertTexte{color:#2fc446}

/* LOGIN 
========================================================================== */
body.bodylogin {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../img/fond.jpg')
}
	.centrage{display:block;width:calc(100% - 40px);margin:0 auto;max-width:404px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
	#barreFrise{border-radius:4px 4px 0 0 ;background-position:2px 0;background-repeat:repeat;background-size:contain;background-image:url('../img/oeil.png')}
	#barreFrise img{display:block;width:100%;height:10px}
		#encartLogin{border-radius:0 0 4px 4px;padding:0 40px 20px 40px;background:#fff}
		.headerLogin{font-family:'fira_sansregular';padding:20px 0;text-align:center}
		.headerLogin strong{font-family:'fira_sansmedium';color:#1879b7}
		.headerLogin img{max-width:190px;margin:0 auto 40px auto}
		.footerLogin{padding:30px 0 10px 0;text-align:center}
		.footerLogin a{text-decoration:none;color:#0a7fff}


/* FORMS 
========================================================================== */
/* Bloc Input */
form h2{display:block;padding:40px 0 20px 0;color:#1879b7;text-align:center;font-family:'fira_sansmedium';font-size:2.2rem;line-height:120%}
form h3{display:block;padding:40px 0 20px 0;text-align:center;font-family:'fira_sansmedium';font-size:3.2rem;line-height:120%}
form h4{display:block;padding:40px 0 20px 0;text-align:center;font-family:'fira_sansmedium';font-size:1.5rem;line-height:120%}
form h5{display:block;padding:0px 0 0px 0;color:#1879b7;text-align:center;font-family:'fira_sansmedium';font-size:2.2rem;line-height:120%}
.blocInput{padding:10px 0}
	.blocInput label{display:block;padding:2px 4px;text-transform:uppercase;font-size:1.2rem;line-height:14px;color:#111111;cursor:pointer}
	.cellInput{display:block;width:100%;margin:1px auto;padding:2px;border-radius:4px;border:1px solid #c8c8c8}
		/* A choisir */
		input[type="text"],input[type="password"],input[type="email"]{width:100%;border:none;outline:0;background:transparent;padding:10px;text-overflow:ellipsis;line-height:0;font-family:'fira_sansmedium';color:#111111}
		input::placeholder{text-transform:uppercase;color:#333}
		input:focus{outline:none}
.cellInput.noevent input{pointer-events:none;background-color:#f5f5f5;text-transform:none}
.cellInput.nopass input[type="password"]{pointer-events:none;background-color:#e3f1f9}

/* Bloc Retours */
	.flexretour{display:flex;flex-flow:row nowrap}
	.flexretour span{flex:1 1 100%;padding-left:4px;font-size:1.2rem;line-height:14px;color:#111}
	.flexretour span.erreur{color:#d04428}
	.flexretour span.erreurDroite{text-align:right;color:#d04428}
	.flexretour span.correction{color:#d0a628}
	.flexretour span.information{color:#1879b7}
	.flexretour span.validation{color:#53d028}

/* Bloc Select */
	.cellSelect{display:block;vertical-align:top;width:auto;margin:1px 2px 1px 0;padding:11px;border-radius:4px;border:1px solid #c8c8c8}
		.cellSelect select{width:100%;font-size:1.4rem}
		.cellSelect option{background-color:#f7f7f7}

/* Bloc Submit */
.blocSubmit{padding:10px 0}
	.cellSubmit{display:block;width:100%;border-radius:4px;margin:1px auto;padding:2px;background:#1879b7;transition:all 0.5s}
		input[type="submit"]{width:100%;text-align:center;text-transform:uppercase;border:none;background:transparent;padding:10px;background:#1879b7;font-size:1.8rem;font-family:'fira_sansmedium';color:#fff}
		input[type="submit"]:hover{background:#b55e5e;transition:all 0.5s}
		input[type="text"]{width:100%;border:none;outline:0;background:transparent;padding:10px;text-overflow:ellipsis;line-height:0;font-family:'fira_sansmedium';color:#111111}
	.cellSubmit:hover{background:#b55e5e;transition:all 0.5s}
	.flexretourSubmit{display:flex;flex-flow:row nowrap;margin-top:10px;background:#e6f0f8}
	.flexretourSubmit span{flex:1 1 100%;padding:10px;border-radius:4px;border:1px solid #1879b7;text-align:center;color:#111}
.cellSubmit.suppr{background:#e33434}
.cellSubmit.suppr:hover{background:#b52929;transition:all 0.3s}

/* Bloc Submit in zone */
.zoneSubmit{display:inline-block;vertical-align:top;width:auto;border-radius:4px;margin:1px auto;padding:2px;background:#1879b7;transition:all 0.3s}
	.zoneSubmit input[type="submit"]{width:100%;text-align:center;text-transform:uppercase;border:none;background:transparent;padding:13px;line-height:1.1;font-size:1.6rem;font-family:'fira_sansmedium';color:#fff}
	.zoneSubmit:hover{background:#115a89;transition:all 0.3s}


/* Structure 
========================================================================== */
body.bodyPage{height:initial;background-position:bottom center;background:linear-gradient(0deg, rgba(85,162,204,1) 6%, rgba(148,197,223,1) 20%, rgba(244,244,244,1) 50%, rgba(244,244,244,1) 100%)}
.mainContent{min-height:calc(100vh - 120px)}
.compt{text-align:right;color:#1879b7;font-size:7rem;background:#fff;padding:30px 10px 0px 0px}
.wrapperHeader{width:100%;max-width:1400px;margin:0 auto;padding:20px}
.wrapperMenu{width:100%;max-width:1400px;margin:0 auto;padding:0 10px}
.wrapper{width:calc(100% - 20px);max-width:1400px;margin:0 auto;padding:40px 10px 0 10px}

/* HEADER 
========================================================================== */
header{background:#fff;overflow:hidden}
	.flexlogo{display:flex;flex-flow:row nowrap}
		.logo{flex:0 0 160px;padding-left:10px}
		.logo img{display:block;width:140px}
		.connexion{flex:1 0 auto}
			.flexconnex{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}
			.flexconnex li:first-child{flex:0 1 auto;padding:10px;text-align:right;text-transform:uppercase;color:#1879b7;font-family:'fira_sansmedium'}
			.flexconnex li span{color:#666;font-family:'fira_sansregular'}
			.flexconnex li:last-child{flex:0 0 45px;padding:0}
/*Rouge #d91c1c*/

ul {list-style: none;position: relative;text-align: left;}
li {float: left;}
ul:after {clear: both;}
ul:before,
ul:after {content: " ";display: table;}
nav {position: relative;background: #1879b7;background-image: -webkit-linear-gradient(bottom, #1879b7 7%, #1879b7 100%);background-image: -moz-linear-gradient(bottom, #1879b7 7%, #1879b7 100%);
     background-image: -moz-linear-gradient(bottom, #1879b7 7%, #1879b7 100%);background-image: linear-gradient(bottom, #1879b7 7%, #1879b7 100%);
     text-align: center;letter-spacing: 1px;text-shadow: 1px 1px 1px #0E0E0E;-webkit-box-shadow: 2px 2px 3px #888;-moz-box-shadow: 2px 2px 3px #888;
     box-shadow: 2px 2px 3px #888;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
ul.primary li a {display: block;padding: 20px 30px;border-right: 1px solid #3D3D3D;text-decoration: none;color: #fff;}
ul.primary li.active{background-image: -webkit-linear-gradient(bottom, #b55e5e 7%, #b55e5e 100%);background-image: -moz-linear-gradient(bottom, #b55e5e 7%, #b55e5e 100%);
     background-image: -moz-linear-gradient(bottom, #b55e5e 7%, #b55e5e 100%);background-image: linear-gradient(bottom, #b55e5e 7%, #b55e5e 100%);color:#1879b7;text-decoration:underline}
ul.primary li.inactive{background:#868a89;color:#0d0d0d;text-decoration:underline}
ul.primary li:last-child a {border-right: none;text-decoration: none;color: #fff;display: block;}
ul.primary li a:hover {color: #FFF;background:#b55e5e;transition:all 0.5s}
ul.primary li:hover ul {display: block;background: #fff;}
ul.primary li:hover a {background: #44474b;color: #fff;text-shadow: none;text-decoration: none;color: #fff;display: block;}
ul.primary li:hover > a {background: #d04428;color: #fff;text-decoration: none;color: #fff;display: block;} /*text selection menu*/

/* BOXE 
========================================================================== */
#mainFrise{border-radius:4px 4px 0 0;background-position:0 0;border-left:18px solid #fff;border-right:18px solid #fff;background-repeat:repeat;background-size:contain;background-image:url('../img/oeil.png')}
#mainFrise img{display:block;width:100%;height:10px}
.boxContent{width:100%;max-width:1400px;margin:0 auto;padding:20px 20px 40px 20px;border-radius:0 0 4px 4px;background:#fff}
	.listeagences{display:flex;flex-flow:row wrap;justify-content:space-between}
	.listeagences li{flex:0 1 calc(25%);padding:10px 0}
	.listeagences li img{padding:10px 10px 10px 10px;height:100px}
	.listeagences li.active{background:#e38888;color:#1879b7;text-decoration:underline}
	.listeagences li:hover{background:#e38888;color:#1879b7;text-decoration:underline}
.form2col{display:flex;flex-flow:row nowrap}
	.formCell01{flex:0 0 50%;padding-right:21px;border-right:1px solid #ddd;}
	.formCell02{flex:0 0 50%;padding-left:22px}


/* controlezone  */
.controlezone{padding-bottom:20px}
.controlezone h2,.blocInfo h2{display:block;padding-bottom:10px;text-transform:uppercase;color:#1879b7;font-size:1.6rem;font-family:'fira_sansmedium'}
.controlezone p,.blocInfo p{display:block;padding-bottom:10px}
.controlezone .cellSelect{display:inline-block}
.controlezone .cellSelect select{width:auto}



/* Tableau en FLEX controle
========================================================================== */
.frameTab{display:block;width:100%;overflow:auto}

.libFlex{display:flex;flex-flow:row nowrap;min-width:944px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
	.libClient,.libFaits,.libUtilisateur,.libDate,.libAuto,.libReponse,.libResultat,.libStat{text-transform:uppercase;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;background:#1879b7;color:#fff;font-family:'fira_sansmedium';padding:10px}
	.libClient{flex:0 1 calc(100% - 677px);min-width:230px}
	.libFaits{flex:0 0 75px;text-align:center}
	.libUtilisateur{flex:0 1 260px}
	.libDate{flex:0 0 90px;text-align:center}
	.libAuto{flex:0 0 100px}
	.libReponse{flex:0 0 100px;text-align:center}
	.libResultat{flex:0 0 90px;text-align:center}
	.libStat{flex:0 0 52px}

.rowFlex{display:flex;flex-flow:row nowrap;min-height:40px;min-width:944px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
	.rowClient,.rowFaits,.rowUtilisateur,.rowDate,.rowAuto,.rowReponse,.rowResultat,.rowStat{border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;padding:10px}
	.rowClient{flex:0 1 calc(100% - 677px);min-width:230px;text-overflow:ellipsis;font-family:'fira_sansmedium'}
	.rowFaits{flex:0 0 75px;text-align:center}
	.rowUtilisateur{flex:0 1 260px;font-family:'fira_sansmedium'}
	.rowDate{flex:0 0 90px;text-align:center}
	.rowAuto{flex:0 0 100px;text-align:center;padding:4px 10px}
		.rowAuto img{display:block;margin:0 auto;width:30px;height:auto}
	.rowReponse{flex:0 0 100px;text-align:center}
	.rowResultat{flex:0 0 90px;text-align:center}
	.rowStat{flex:0 0 52px;text-align:center;padding:4px 10px}
		.rowStat img{display:block;margin:0 auto;width:30px;height:auto}

.rowFlex:nth-child(odd){background:#f8f8f8}
.rowFlex:nth-child(even){background:#fff}
.rowFlex:hover{background:#e3f1f9}

/* Tableau en FLEX client */
.libFlexClient{display:flex;flex-flow:row nowrap;min-width:550px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
.libNomClient,.libUsers,.libControle,.libEditer,.libSuppr{text-transform:uppercase;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;background:#1879b7;color:#fff;font-family:'fira_sansmedium';padding:10px}
	.libNomClient{flex:1 1 calc(100% - 400px);min-width:150px}
	.libUsers,.libControle,.libSuppr{flex:0 0 100px}
	.libEditer{flex:0 0 80px;text-align:center}
.rowFlexClient{display:flex;flex-flow:row nowrap;min-height:40px;min-width:550px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
	.rowNomClient,.rowUsers,.rowControle,.rowEditer,.rowSuppr{border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;padding:4px 10px}
	.rowNomClient{flex:1 1 calc(100% - 400px);min-width:150px;padding:10px;text-overflow:ellipsis;font-family:'fira_sansmedium'}
	.rowUsers{flex:0 0 100px;text-align:center}
	.rowControle{flex:0 0 100px;font-family:'fira_sansmedium'}
	.rowEditer{flex:0 0 80px;text-align:center}
	.rowSuppr{flex:0 0 100px;text-align:center}
		.rowUsers img,.rowControle img,.rowEditer img,.rowSuppr img{display:block;margin:0 auto;width:30px;height:auto}
.rowFlexClient:nth-child(odd){background:#f8f8f8}
.rowFlexClient:nth-child(even){background:#fff}
.rowFlexClient:hover{background:#e3f1f9}

/* Tableau en FLEX Utilisateur */
.formsListe{display:flex;flex-flow:row nowrap}
	.rowForm{flex:0 0 100%;padding:4px 2px 8px 2px;font-size:0}
		.rowForm input[type="text"]{display:inline-block;width:calc(33% - 22px);margin-right:4px;font-size:1.4rem;vertical-align:top;border:none;outline:0;background:#e3f1f9;padding:10px;text-overflow:ellipsis;line-height:0;font-family:'fira_sansmedium', sans-serif;color:#111111}
		.rowForm input.premquatre[type="text"]{display:inline-block;width:calc(20% - 22px);margin-right:4px;font-size:1.4rem;vertical-align:top;border:none;outline:0;background:#e3f1f9;padding:10px;text-overflow:ellipsis;line-height:0;font-family:'fira_sansmedium', sans-serif;color:#111111}
		.rowForm input[type="text"]::placeholder{text-transform:none;font-style:italic;color:#333}
		.rowForm input.secondinput{width:calc(50% - 25px)}
		.rowForm input.troisiemeinput{width:calc(30% - 25px)}
		.rowForm input.quatriemeinput{width:calc(20% - 25px)}
		.rowForm input:focus{outline:none}
		.rowForm input[type="image"]{display:inline-block;width:38px;font-size:1.4rem;height:42px;vertical-align:top;text-align:center;border:none;background:#1779b6;padding:5px;transition:all 0.3s}
		.rowForm input[type="image"]:hover{background:#115a89;transition:all 0.3s}
.libFlexUti{display:flex;flex-flow:row nowrap;text-align:center;line-height:40px;vertical-align:middle;min-height:40px;min-width:550px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
	.libUti,.libUtinom,.libLogin,.libGroupe,.libUser,.libSite,.libAdresse,.libCP,.libVille,.libSelec,.libUti{text-transform:uppercase;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;background:#1879b7;color:#fff;font-family:'fira_sansmedium';padding:10px}
	.libUti{flex:1 1 calc(100% - 580px);min-width:150px}
	.libRep{flex:1 1 calc(100% - 580px);min-width:150px}
	.libUtinom{flex: 0 1 180px}
	.libUser{flex: 0 1 260px}
	.libLogin{flex: 0 1 220px}
	.libSite{flex: 0 1 220px}
	.libAdresse{flex: 0 1 180px}
	.libCP{flex: 0 1 80px}
	.libVille{flex: 0 1 180px}
	.libSelec{flex: 0 0 50px;text-align:center}
	.libGroupe{flex: 0 0 100px;text-align:center}
.rowFlexUti{display:flex;flex-flow:row nowrap;min-height:40px;min-width:550px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
	.rowUti,.rowUtiNom,.rowLogin,.rowSite,.rowUser,.rowAdresse,.rowGroupe,.rowCP,.rowVille,.rowSelec,.rowRep{padding:10px;text-overflow:ellipsis;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;font-family:'fira_sansmedium'}
	.rowUti{flex:1 1 calc(100% - 580px);min-width:150px}
	.rowRep{flex:1 1 calc(100% - 580px);min-width:150px;text-align:center;}
		.rowRep:hover{background:#a8d4ed}
		input[type="radio"].reponse {display: none;}
		.rowRep input:checked{}
		.rowRep input:checked + label{background:#1879b7;color:white}
		.rowRep input + label{display:block;font-size:2rem;line-height:120%;}
	.rowUtiNom{flex: 0 1 180px}
    .rowUser{flex: 0 1 260px}
	.rowLogin{flex: 0 1 220px}
	.rowSite{flex: 0 1 220px}
	.rowAdresse{flex: 0 1 180px}
	.rowCP{flex: 0 1 80px}
	.rowVille{flex: 0 1 180px}
	.rowSelec{flex: 0 0 50px;text-align:center}
	.rowGroupe{flex: 0 0 100px;text-align:center}
	.rowGroupe img{display:block;margin:0 auto;width:30px;height:auto}

.rowFlexUti:nth-child(odd){background:#f8f8f8}
.rowFlexUti:nth-child(even){background:#fff}
.rowFlexUti:hover{background:#e3f1f9}


/* Tableau en GRID controle
========================================================================== */
.tableInGrid{display:grid;grid-template-columns:6fr 1fr 3fr 1fr 100px 1fr 1fr 52px;min-width:550px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
.tableInGrid li{padding:10px;min-height:40px;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2}
li.gridlib{text-transform:uppercase;height:56px;background:#1879b7;color:#fff;font-family:'fira_sansmedium'}
li.gridlib{padding:10px}
	.gridClient{font-family:'fira_sansmedium'}
	.gridFaits{text-align:center}
	.gridUtilisateur{font-family:'fira_sansmedium'}
	.gridDate{text-align:center}
	li.gridAuto{padding:4px 10px}
		.gridAuto img{display:block;margin:0 auto;width:30px;height:auto}
	.gridReponse{text-align:center}
	.gridResultat{text-align:center}
	li.gridStat{padding:4px 10px}
		.gridStat img{display:block;margin:0 auto;width:30px;height:auto}
.tableInGrid li:nth-child(16n + 9),
.tableInGrid li:nth-child(16n + 10),
.tableInGrid li:nth-child(16n + 11),
.tableInGrid li:nth-child(16n + 12),
.tableInGrid li:nth-child(16n + 13),
.tableInGrid li:nth-child(16n + 14),
.tableInGrid li:nth-child(16n + 15),
.tableInGrid li:nth-child(16n + 16){background:#f8f8f8}
.tableInGrid li:hover:not(.gridlib){background:#e3f1f9}

/* Tableau en GRID client  */
.tableGridcli{display:grid;grid-template-columns:6fr 100px 100px 70px 100px;min-width:550px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
.tableGridcli li{min-height:40px;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2}
.gridUsers,.gridControle,.gridEditer,.gridSuppr{padding:4px 10px}
.gridNomClient{font-family:'fira_sansmedium';padding:10px}
.tableGridcli li img{display:block;margin:0 auto;width:30px;height:auto}
.tableGridcli li:nth-child(10n + 6),
.tableGridcli li:nth-child(10n + 7),
.tableGridcli li:nth-child(10n + 8),
.tableGridcli li:nth-child(10n + 9),
.tableGridcli li:nth-child(10n + 10){background:#f8f8f8}
.tableGridcli li:hover:not(.gridlib){background:#e3f1f9}

/* Tableau en GRID utilisateur  */
.tableGridUti{display:grid;grid-template-columns:3fr 3fr 100px 100px 70px 100px;min-width:550px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
.tableGridUti li{min-height:40px;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2}
.gridGroupe,.gridControle,.gridEditer,.gridSuppr{padding:4px 10px}
.gridUti,.gridLogin{font-family:'fira_sansmedium';padding:10px}
.tableGridUti li img{display:block;margin:0 auto;width:30px;height:auto}
.tableGridUti li:nth-child(12n + 7),
.tableGridUti li:nth-child(12n + 8),
.tableGridUti li:nth-child(12n + 9),
.tableGridUti li:nth-child(12n + 10),
.tableGridUti li:nth-child(12n + 11),
.tableGridUti li:nth-child(12n + 12){background:#f8f8f8}
.tableGridUti li:hover:not(.gridlib){background:#e3f1f9}



/* Reload
========================================================================== */
.relaoding{padding:20px;margin:20px auto;text-align:center}
.relaoding a{display:inline-block;font-family:'fira_sansmedium';white-space:nowrap;text-transform:uppercase;font-size:2.0rem;color:#1879b7}
.relaoding img{display:inline-block;width:40px;height:auto}
@-webkit-keyframes rotating { from{ -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}
@-keyframes rotating { from{ transform: rotate(0deg); } to { transform: rotate(360deg); }}
.rotating{-webkit-animation: rotating 2s linear infinite}

/* INFO STATS  
========================================================================== */
.infoStat{padding:10px 0}
	.callInfo{padding:20px 40px;background:#1879b7;text-align:center;font-family:'fira_sansmedium';color:#fff;font-size:1.8rem}
	.listeInfos{display:flex;flex-flow:row wrap;justify-content:center;width:100%;max-width:600px;margin:0 auto}
		.listeInfos li{flex:0 0 33.33333%;white-space:nowrap;padding:10px;text-align:center;align-self:center}
		.listeInfos li a img{display:inline-block;vertical-align:bottom;width:100%;max-width:44px}
		.listeInfos li a span{display:inline-block;vertical-align:bottom;line-height:40px;text-transform:uppercase;font-family:'fira_sansmedium';color:#1879b7}
		.listeInfos li a:hover span{text-decoration:underline}

.callStat{padding:10px;background:#1879b7;font-family:'fira_sansmedium';color:#fff;font-size:1.6rem}

/* GED  
========================================================================== */
.frameGed{display:block;width:100%;overflow:auto}
	iframe{display:block;width:100%;min-height:650px;background-color:#f7f7f7;background-position:center center;background-repeat:no-repeat;background-size:40px 40px;background-image:url('../img/svg/ripple.svg')}

/* Gestion Utilisateur */
.bloc2col{display:flex;flex-flow:row wrap}
	.blocForm,.blocInfo{flex:0 0 50%}
	.blocForm{padding:0 20px 20px 0}
	.blocInfo{padding:30px 20px;background-color:#f7f7f7}
	.blocCanvas{flex:0 0 50%;padding:10px}
	.fullCanvas{padding:10px}

.blocInfo.suppinfo h2{color:#b52929}
.blocInfo p strong{font-weight:normal;font-family:'fira_sansmedium';color:#000}

/* FOOTER
========================================================================== */
footer{padding-top:92px;height:120px}
	.footerWrapper{padding:4px;background:#fff}
	.footerWrapper a{display:block;width:130px;margin:0 auto}
	.footerWrapper img{position:relative;display:block;height:20px;margin:0 auto}
	




/* MEDIA QUERIES
========================================================================== */

/* max 800px */
@media screen and (max-width:50em){
/*header{background:yellow}*/

/* Gestion Utilisateur */
.blocForm,.blocInfo{flex:0 0 100%;padding:20px}
.form2col{flex-flow:row wrap}
.formCell01, .formCell02{flex:0 0 100%;padding:0;border:none}
}

/* max 768px */
@media screen and (max-width:48em){
/*header{background:grey}*/

}

/* max 640px */
@media screen and (max-width:40em){
/*header{background:orange}*/

}

/* max 512px */
@media screen and (max-width:32em){
/*header{background:purple}*/
.centrage{width:calc(100% - 20px)}
#encartLogin{padding:0 10px 0 10px}
.wrapperHeader{padding:20px 10px}
.wrapperMenu{padding:0}
.wrapper{width:100%}
.boxContent{padding:20px 10px 20px 10px}
.blocForm,.blocInfo{padding:20px 10px}
}