@font-face {
    font-family: 'regular';
		font-display: fallback;
    src: url('../Fonts/CircularStd-Book.eot');
    src: url('../Fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/CircularStd-Book.ttf') format('truetype'),
         url('../Fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bold';
		font-display: fallback;
    src: url('../Fonts/CircularStd-Bold.eot');
    src: url('../Fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/CircularStd-Bold.ttf') format('truetype'),
         url('../Fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'black';
		font-display: fallback;
    src: url('../Fonts/CircularStd-Black.eot');
    src: url('../Fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/CircularStd-Black.ttf') format('truetype'),
         url('../Fonts/CircularStd-Black.svg#CircularStd-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*ICON*/
@font-face {
  font-family: 'icoME';
  src:  url('../Fonts/icoME.eot?0003');
  src:  url('../Fonts/icoME.eot?0003#iefix') format('embedded-opentype'),
    url('../Fonts/icoME.ttf?0003') format('truetype'),
    url('../Fonts/icoME.woff?0003') format('woff'),
    url('../Fonts/icoME.svg?0003#icoQI') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ico-"], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icoME' !important;
  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;
}

.ico-aide:before {
  content: "\e900";
}
.ico-android:before {
  content: "\e901";
}
.ico-apple:before {
  content: "\e902";
}
.ico-arbre:before {
  content: "\e903";
}
.ico-cadeau:before {
  content: "\e904";
}
.ico-cadena_ferme:before {
  content: "\e905";
}
.ico-cadena_ouvert:before {
  content: "\e906";
}
.ico-calend:before {
  content: "\e907";
}
.ico-clef:before {
  content: "\e908";
}
.ico-close:before {
  content: "\e909";
}
.ico-commande:before {
  content: "\e90a";
}
.ico-done:before {
  content: "\e90b";
}
.ico-egal:before {
  content: "\e90c";
}
.ico-error:before {
  content: "\e90d";
}
.ico-facebook:before {
  content: "\e90e";
}
.ico-factu:before {
  content: "\e90f";
}
.ico-fleche_down:before {
  content: "\e910";
}
.ico-fleche_left:before {
  content: "\e911";
}
.ico-fleche_right:before {
  content: "\e912";
}
.ico-fleche_up:before {
  content: "\e913";
}
.ico-google_plus:before {
  content: "\e914";
}
.ico-histo:before {
  content: "\e915";
}
.ico-info:before {
  content: "\e916";
}
.ico-instagram:before {
  content: "\e917";
}
.ico-livraison:before {
  content: "\e918";
}
.ico-mail:before {
  content: "\e92f";
}
.ico-maison:before {
  content: "\e919";
}
.ico-menu:before {
  content: "\e91a";
}
.ico-obj:before {
  content: "\e91b";
}
.ico-param:before {
  content: "\e91c";
}
.ico-pdf:before {
  content: "\e91d";
}
.ico-phone:before {
  content: "\e930";
}
.ico-poubelle:before {
  content: "\e91e";
}
.ico-prise:before {
  content: "\e91f";
}
.ico-profil:before {
  content: "\e920";
}
.ico-quit:before {
  content: "\e921";
}
.ico-rapport:before {
  content: "\e922";
}
.ico-repart:before {
  content: "\e923";
}
.ico-service_client:before {
  content: "\e924";
}
.ico-smartphone:before {
  content: "\e925";
}
.ico-stylo:before {
  content: "\e926";
}
.ico-surface:before {
  content: "\e927";
}
.ico-tableau:before {
  content: "\e928";
}
.ico-tirelire:before {
  content: "\e929";
}
.ico-twitter:before {
  content: "\e92a";
}
.ico-vmc:before {
  content: "\e92b";
}
.ico-warning:before {
  content: "\e92c";
}
.ico-web:before {
  content: "\e92d";
}
.ico-youtube:before {
  content: "\e92e";
}
/*FIN ICONS*/

/*DEFAULT*/
html {
  font-family:'regular', Arial, sans-serif;
	font-size:100%;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body { margin: 0;	padding:0; color:#036450; background-color:#FFFFFF; font-size:16px; box-sizing:border-box; }
a { -webkit-transition: 0.25s; transition: 0.25s; color:#00AA73; outline:none; }
a:hover { text-decoration:none; }
b { font-family:'bold'; }
/*DEFAULT*/

/*MAIN*/
.MAIN { width:100%; height:auto; line-height:0rem; box-sizing:border-box; }
.PAGE { width:98%; margin:0 auto 0 auto; line-height:1.2rem; padding:0.2rem 0rem; box-sizing:border-box; }
@media (max-width: 1050px) {
	.PAGE { width:96%; }
}
/*FIN MAIN*/

/*DATA CONNEXION*/
.DATA_CONNEXION { position:fixed; top:0; left:0; transform:translate(calc(50vw - 50%)); padding:0.3rem 0.5rem; border-bottom-right-radius:0.5rem; border-bottom-left-radius:0.5rem; font-size:0.8rem; }
@media (max-width: 1050px) {
  .DATA_CONNEXION { transform:none; border-bottom-left-radius:0; }
}
/*FIN DATA CONNEXION*/

/*HEADER*/
.HEADER { width:100%; height:4rem; box-sizing:border-box; border-width:0 0 inherit 0; }
.HEADER .Logo { float:left; margin-top:0.3rem; text-align:center; }
.HEADER .Logo img { height:2.7rem; width:auto; border:0; }
.HEADER .Menu { float:right; font-size:0.9rem; line-height:1.2rem; margin-top:1rem; }
.HEADER .Menu .quit { display:inline; margin-left:1rem; min-width:unset; }
.HEADER .Menu .label { font-size:0.8rem; line-height:1rem; }
@media (max-width: 1050px) {
	.HEADER { width:100%; height:auto; text-align:center; }
	.HEADER .Logo { float:none; }
	.HEADER .Menu { float:none; margin-top:0; }
	.HEADER .Menu .quit { margin:0rem; position:absolute; top:0.3rem; right:0.3rem; }
	.HEADER .Menu .label { margin:0.3rem 0; }
}
/*FIN HEADER*/

/*BG COLOR*/
.BG1 { background-color:#FFFFFF; } /*Blanc*/
.BG2 { background-color:#2D2155; } /*Violet foncé*/
.BG3 { background-color:#00AA73; } /*Vert*/
.BG4 { background-color:#8ED0DA; } /*Bleu*/
.BG5 { background-color:#FFC31E; } /*Jaune*/
.BG6 { background-color:#F7F7F7; } /*Gris très très clair*/
.BG7 { background-color:#ED6751; } /*Rouge*/
.BG8 { background-color:#006450; } /*Vert foncé*/
.BG9 { background-color:#F6BB94; } /*Saumon*/
/*FIN BG COLOR*/

/*TITRES*/
h1 { font-size:2rem; line-height:3rem; padding:1rem 0; display:block; margin:0; font-family:'regular'; font-weight:lighter; text-align:center; text-transform:uppercase; }
h2 { font-size:1.6rem; line-height:1.8rem; padding:1rem 0 1rem 0; display:block; margin:0; font-family:'regular'; font-weight:lighter; }
h3 { font-size:1.4rem; line-height:1.6rem; padding:1rem 0 1rem 0; display:block; margin:0; font-family:'regular'; font-weight:lighter; }
/*FIN TITRES*/

/*TEXT COLOR*/
.TColor1 { color:#ffffff; } /*Blanc*/
.TColor2 { color:#036450; } /*Vert foncé*/
.TColor3 { color:#00AA73; } /*Vert clair*/
/*FIN TEXT COLOR*/

/*BORDER COLOR*/
.BorderColor { border:1px solid #EAEAEA; } /*Gris clair*/
/*FIN BORDER-COLOR*/

/*TEXT*/
.TCenter { text-align:center; }
.TLeft { text-align:left; }
.TRight { text-align:right; }
.TJustify { text-align:justify; }
.TUnderline { text-decoration: underline; }
/*FIN TEXT*/

/*COL*/
.Col11 { width:100%; box-sizing:border-box; display:inline-block; }
.Col12 { width:50%; box-sizing:border-box; display:inline-block; }
.Col13 { width:33.33%; box-sizing:border-box; display:inline-block; }
.Col14 { width:25%; box-sizing:border-box; display:inline-block; }
.Col15 { width:20%; box-sizing:border-box; display:inline-block; }
.Col23 { width:66.66%; box-sizing:border-box; display:inline-block; }
.Col25 { width:40%; box-sizing:border-box; display:inline-block; }
.Col34 { width:75%; box-sizing:border-box; display:inline-block; }
.Col35 { width:60%; box-sizing:border-box; display:inline-block; }
.Col45 { width:80%; box-sizing:border-box; display:inline-block; }
@media (max-width: 1050px) { .Col12, .Col13, .Col14, .Col15, .Col23, .Col25, .Col34, .Col35, .Col45 { width:100%; margin:auto; } }
/*FIN COL*/

/*FORM*/
input, .input, select { font-family:'regular'; width:100%; padding:0.5rem 1rem; box-sizing:border-box; border:0.05rem solid #EAEAEA; background-color:#FFFFFF; font-size:1rem; color:#2D2155; border-radius:0.2rem; outline:none; }
input:hover, .input:hover, input:focus, .input:focus { border-color:#00AA73; }
[type="button"], [type="submit"] { width:auto; }
.inputWrong { border:1px solid #ED6751; background-color:#FCD8D2; }
.txtWrong { color:#EF5063; }

.Block { border-radius:0.3rem; box-sizing:border-box; padding:1rem; }
.FormBlock { border-radius:0.3rem; box-sizing:border-box; padding:1rem; border:0.05rem solid #EAEAEA; background-color:#F7F7F7; margin-bottom:1rem; }
.FormRub { text-align:left; padding:1rem 0 0.5rem 0; display:block; font-size:1.2rem; line-height:1.5rem; font-family:'bold'; margin-bottom:0.5rem; }
.FormLabel { padding:0.5rem 0 0.3rem 0; display:block; font-size:1rem; line-height:2rem; }
.FormLabelFirst { padding:0 0 0.5rem 0; display:block; font-size:1rem; line-height:2rem; }
.FormInput { display:block; margin:0.3rem 0rem; }
.FormInline { display:inline-block; }
.FormSep { height:1px; padding-top:1rem; margin-bottom:1rem; border-bottom:1px solid #e1e9ed; }
.FormPadLR { padding-left:0.2rem; padding-right:0.2rem; }
.FormPadTB { padding-top:0.2rem; padding-bottom:0.2rem; }
.FormInline { display:inline-block; }
@media (max-width: 1050px) {
	.FormInput { display:block; margin:0.5rem 0rem; }
	.FormRub { text-align:center; }
	.FormPadLR { padding-left:0rem; padding-right:0rem; }
	.FormPadTB { padding-top:0rem; padding-bottom:0rem; }
}

::-webkit-input-placeholder { color:#aaa; font-family:'regular'; font-weight:normal; font-style:italic; }
::-moz-placeholder { color:#aaa; font-family:'regular'; font-weight:normal; font-style:italic; }
:-ms-input-placeholder { color:#aaa; font-family:'regular'; font-weight:normal; font-style:italic; }
:-moz-placeholder { color:#aaa; font-family:'regular'; font-weight:normal; font-style:italic; }
/*FIN FORM*/

/*BOUTONS*/
.Btn1, .Btn1 a, .Btn1 input, .Btn2, .Btn2 a, .Btn2 input {
	font-family:'regular'; text-decoration:none; font-size:1em; text-align:center;
	border-radius:0.3rem; padding:0.3rem 1rem; display:inline-block;
	outline:none; width:auto; cursor:pointer;
}
/*Vert Clair*/
.Btn1, .Btn1 a, .Btn1 input { background-color:#00AA73; color:#FFFFFF; border:1px solid #00AA73; }
.Btn1:hover, .Btn1 a:hover, .Btn1 input:hover { background-color:#FFFFFF; color:#00AA73; border:1px solid #00AA73; }
/*Vert Foncé*/
.Btn2, .Btn2 a, .Btn2 input { background-color:#036450; color:#FFFFFF; border:1px solid #036450; }
.Btn2:hover, .Btn2 a:hover, .Btn2 input:hover { background-color:#FFFFFF; color:#036450; border:1px solid #036450; }
/*FIN BOUTONS*/

/*MISC*/
.Sep { padding:1rem 0; }
.Clear { clear:both; margin:0; padding:0; height:0; }
.FRight { float:right; }
.FLeft { float:left; }
.NoWrap { white-space:nowrap; }
.Round { display:inline-block; padding:0.5rem; border-radius:50%; width:1rem; height:1rem; line-height:1rem; text-align:center; margin-right:0.5rem; }
.Video { width:50%; height:300px; margin:1rem auto; }
.Video iframe { border:3px solid #32a9db; }
@media (max-width:1050px) 
{
	.FRight, .FLeft { float:none; }
	.Round { display:block; margin:0 auto 0.5rem auto; }
	.Video { width:90%; height:300px; margin:1rem auto; }
}
/*FIN MISC*/

/*ALERT*/
.MessageAlert { width:100%; margin:1rem auto; }
.MessageAlertContent { padding:0.7rem; font-size:1rem; margin:0.5rem; box-sizing:border-box; border-radius:0.5rem; }
.MessageAlertContent .picto { float:left; font-size:1.8rem; margin-right:0.2em; }
.MessageAlertContent .ico-close { margin-left:0.8rem;}
.MessageAlertContent .message { /*float:left;*/ font-size:1rem; padding-top:0.3rem; line-height:1.3rem; }
.MessageAlertContent .ico-close { cursor:pointer; float:right; font-size:1.2em; color:rgba(255,255,255,0.7); }
.AlertError { color:#fff; background-color:#EF5063; text-align:justify; }
.AlertDone { color:#fff; background-color:#a0da05; text-align:justify; }
.AlertWarning { color:#fff; background-color:#F9A121; text-align:justify; }
.AlertInfo { color:#fff; background-color:#32a9db; text-align:justify; }
/*FIN ALERT*/

/*TOOLTIP*/
#tooltip {
	text-align: center; color: #ffffff; background: #32a9db; position: absolute; z-index: 100; padding: 0.8em; border:1px solid #ffffff; border-radius:0.3em;
	-moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);
}
/*TOOLTIP*/

/*POPIN*/
.popin { display:none; position:absolute; _position:absolute; width:850px; height:auto; background:#FFFFFF; border-radius:0.3em; z-index:2; }
.popin_title { font-size:1.1em; font-weight:bold; background-color:#32a9db; padding:0.5em; color:#ffffff; border-radius:0.3em 0.3em 0 0; }
.popin_content { padding:1em; }
.mask_bg { display:none; position:fixed; _position:absolute; height:120%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; }
.popin_close { padding:0.7em 0.7em; float:right; display:block; cursor:pointer; color:#FFFFFF; }
.bt_popin { cursor:help; }
.popin_img { width:60%; border-radius:0.5rem; border:1px solid #cecece; }
@media (max-width: 1050px) {
	.popin { width:80%; }
}
/*FIN POPIN*/