/* div layout */

body {background: #28408a url(../inc_images/landscape_bg_new.jpg) no-repeat; background-size: contain; font-family:Arial, Verdana; font-size:8pt;}


/* MR - 16-06-2022 - ^o^ - Ajout de class */

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 720px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}


/* Partie des arrondies */
.rounded {
	border-radius: 0.25rem; /* 4px */
}
.rounded-lg {
    border-radius: 0.5rem;
}
.rounded-t-lg {
	border-top-left-radius: 0.5rem; /* 8px */
	border-top-right-radius: 0.5rem; /* 8px */
}
.rounded-b-lg {
	border-bottom-left-radius: 0.5rem; /* 8px */
	border-bottom-right-radius: 0.5rem; /* 8px */
}

/* MR - Partie des ombres */
.drop-shadow{
    -webkit-filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
            filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
}

/* MR - Partie du flex */
.flex{
	display: flex;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-col {
  flex-direction: column;
}

.question {
	width: 100%;
}
.question > div:first-of-type {
	width: 80%;
}

.question {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 1px solid rgb(0 0 0 / 10%);
  padding: 1rem;
  border-radius: 15px;
  background-color: rgb(255 255 255 / 80%);
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}

.question img{
	width: 100%;
	max-height: 200px;
	object-fit: cover;
  border-radius: 15px;
}

.response_wrapper {
  width: 80%;
}
.response_wrapper ~ div{
	width: 20%;
	height: fit-content;
	margin-top: auto;
	margin-bottom: auto;
}

.response_wrapper > div:first-of-type {
	/* height: 1rem; */
	margin-bottom: 0.5rem;
	padding: 0 1rem;
}
.response:hover {
    background: #8eadff2e;
		border-radius: 4px
}
.response {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  width: 90%;
  transition: background .1s;
  margin-left: 4rem;
  cursor: pointer;
}
.response label {
  width: 100%;
  display: flex;
  padding-left: 0.5rem;
  align-items: center;
	cursor: pointer;
}
.response input {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  width: auto;
	cursor: pointer;
}

.mx-auto{
	margin-left: auto;
	margin-right: auto;
}

.container > .tab_principal{
	width: 90%
}

.bg-white{
	background-color: rgb(255 255 255);
}

.mb-\.0\.5{
	margin-bottom: 0.5rem;
}

.required::after{
	content: "*";
	color: red;
}
/* MR - 17-06-2022 - END */


/* MR - 03-05-2023 - ^o^ - devis pages formulaire de satisfaction */

#form_satisfaction > .title {
	background-color:#08215c;
	color:#ffffff;
	font-size: 14px;
	font-weight:bold;
	text-align: left;

	padding: 0.5rem;
    border-radius: 6px;
	width: 100%;
}

#form_satisfaction hr {
    width: 50%;
}

#form_satisfaction #questions{
	background-color: #fff;
	padding: 1rem;
	margin-top: 1rem;
	width: 100%;
}

#form_satisfaction #questions > div {
	margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
	width: 100%;
}

#form_satisfaction #questions > div .bool,
#form_satisfaction #questions > div .input,
#form_satisfaction #questions > div .range{
	max-width: 70%;
}

#form_satisfaction #questions > div .satis-question {
	font-size: 15px;
	display: flex;
	margin-top: 1rem;
	text-align: justify;
}

#form_satisfaction #questions > div .input > textarea ~ p{
	border: 1px solid gray;
    border-radius: 4px;
}
#form_satisfaction #questions > div .input > textarea,
#form_satisfaction #questions > div .input > textarea ~ p{
	width: 100%;
	margin-top: 1rem;
	padding: .5rem;
	font-size: 1rem;
	resize: vertical;
	min-height: 1.5rem;
}



#form_satisfaction #questions > div .bool > label {
	display: flex;
	margin-top: 1rem;
	user-select: none;
	cursor: pointer;
}
#form_satisfaction #questions > div .bool > label > input[value="1"] ~ div {
	--gColor: rgb(78,175,78); 
}
#form_satisfaction #questions > div .bool > label > input[value="0"] ~ div {
	--gColor: rgb(250,61,65);
}
#form_satisfaction #questions > div .bool {
	justify-content: space-evenly;
}
#form_satisfaction #questions > div .bool > label > div {
	width: 9rem;
	display: flex;
	background-color: var(--gColor);
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	transition: all .05s;
	margin: auto;
	min-height: 2rem;
}
#form_satisfaction #questions > div .bool > label > input:checked ~ div {
	outline-style: solid;
	outline-offset: 4px;
    outline-width: 2px;
	outline-color: var(--gColor);
	z-index: 1;
	border-radius: 4px;
}



#form_satisfaction #questions > div .range > span {
	position: absolute;
	top: 0;
	right: 0;
}
#form_satisfaction #questions > div .range > span:nth-child(1) {
	left: 0;
	right: unset;
}

#form_satisfaction #questions > div .range > label {
	display: flex;
	width: 100%;
	margin-top: 1rem;
	user-select: none;
	cursor: pointer;
}

#form_satisfaction #questions > div .range > label > div {
	min-height: 2rem;
	width: 100%;
	display: flex;
	background-color: var(--gColor);
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	transition: all .05s;
}

#form_satisfaction #questions > div .range > label > input:checked ~ div {
	outline-style: solid;
	outline-offset: 4px;
    outline-width: 2px;
	outline-color: var(--gColor);
	z-index: 1;
	border-radius: 4px;
	margin: 0 8px;
}
#form_satisfaction #questions > div .range,
#form_satisfaction #questions > div .bool{
	position: relative;
	margin-top: 1rem;
}

#form_satisfaction #questions > div .range > label > input,
#form_satisfaction #questions > div .bool > label > input {
	opacity: 0;
	position: absolute;
    bottom: 0%;
    left: 50%;
    translate: -50% 50%;
}


#form_satisfaction #questions > div .range > label > div > span,
#form_satisfaction #questions > div .bool > label > div > span {
	margin: auto;
}

#questions > div > div:not(:first-child) .satis-question span{
	margin-left: 1.5rem;
}


#form_satisfaction button#submit_form_satisfaction{
	width: 50%;
	min-height: 2rem;
	font-size: 1rem;
	cursor: pointer;

	min-height: 2rem;;
    background-color: rgb(78,175,78);
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    margin: auto;
    min-height: 2rem;
	border: 0;
}



/* MR - 03-05-2023 - END */

.tab_principal{vertical-align:middle; text-align:left;}
.principal_col1{height:40px;}
.principal_col2{height:30px; background-image: URL('../inc_images/navigation_bg.png');}
/* EP |***| 07/03/2023 - Modification opacité 95 à 85*/
.principal_col3{height:555px; width:950px; background-color: rgb(255 255 255 / .85); padding-top:30px; padding-bottom:30px;}
.principal_col4{height:30px; background-image: URL('../inc_images/navigation_bg.png'); font-size:11px; color:#ffffff; font-weight:bold; padding-left:10px;}

table.menu_haut{width:100%; color:#ffffff; font-weight:bold;}
a.menu_haut{color:#ffffff;text-decoration:none; border:none; padding-left:10px; padding-right:10px; outline:none; font-size:12px; font-weight:bold;}
a.menu_haut:visited{color:#ffffff;text-decoration:none; border:none; padding-left:10px; padding-right:10px;}
a.menu_haut:hover{color:#5eac41; text-decoration:underline;}


a.menu_bas{color:#ffffff;text-decoration:none; border:none; padding-left:5px; padding-right:5px; font-size:11px; font-weight:bold;  outline:none;}
a.menu_bas:link{color:#ffffff;text-decoration:none; border:none; padding-left:5px; padding-right:5px;}
a.menu_bas:visited{color:#ffffff;text-decoration:none; border:none; padding-left:5px; padding-right:5px;}
a.menu_bas:hover{color:#5eac41; text-decoration:underline;}

a.menu_accueil{color:#5eac41;text-decoration:none; border:none; padding-left:10px; padding-right:10px; outline:none; font-size:12px; font-weight:bold;}
a.menu_accueil:visited{color:#5eac41;text-decoration:none; border:none; padding-left:10px; padding-right:10px;}
a.menu_accueil:hover{color:#5eac41; text-decoration:underline;}

a.lien_entete_tableau{color:#000000;text-decoration:none; border:none; padding-left:5px; padding-right:5px; font-size:11px; font-weight:bold;  outline:none;}
a.lien_entete_tableau:link{color:#000000;text-decoration:none; border:none; padding-left:5px; padding-right:5px;}
a.lien_entete_tableau:visited{color:#000000;text-decoration:none; border:none; padding-left:5px; padding-right:5px;}
a.lien_entete_tableau:hover{color:#face26; text-decoration:underline;}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../inc_images/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../inc_images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:hover {
    background-position:bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    text-decoration:underline;
}

a.button:hover span {
    background-position:bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}



a.lien_ligne_tableau{color:#3a00dd;text-decoration:none; border:none; padding-left:0px; padding-right:0px; font-size:11px; font-weight:normal;  outline:none;}
a.lien_ligne_tableau:link{color:#3a00dd;text-decoration:none; border:none; padding-left:0px; padding-right:0px;}
a.lien_ligne_tableau:visited{color:#3a00dd;text-decoration:none; border:none; padding-left:0px; padding-right:0px;}
a.lien_ligne_tableau:hover{color:#5eac41; text-decoration:underline;}

a.lien_exemple_fichier{color:#000000;text-decoration:none; border:none; padding-left:5px; padding-right:5px; font-size:10px; font-weight:bold;  outline:none;}
a.lien_exemple_fichier:link{color:#000000;text-decoration:none; border:none; padding-left:5px; padding-right:5px;}
a.lien_exemple_fichier:visited{color:#000000;text-decoration:none; border:none; padding-left:5px; padding-right:5px;}
a.lien_exemple_fichier:hover{color:#face26; text-decoration:underline;}


table.login{vertical-align:middle; width:350px; height:200px; background-color:#ffffff; margin:0px; padding:0px;}
td.titre_login{height:30px; background-image: URL('../inc_images/navigation_bg.png'); color:#ffffff; font-weight:bold; text-align:center;}
table.login2{vertical-align:middle; width:350px; height:320px; background-color:#ffffff; margin:0px; padding:0px;}

td.libelle_formulaire{color:#000000; font-weight:bold; text-align:left; padding-left:10px;}
td.saisie_formulaire{color:#000000; font-weight:bold; text-align:right; padding-right:10px;}

input.input_connexion{color:#000000; font-weight:bold; text-align:center; font-size:8pt;}
input.btn_connexion{color:#000000; font-weight:bold; text-align:center; font-size:8pt;}

.popin_classique {

	padding:10px;
	text-align:justify;
	text-indent:5px;
	background:transparent;
	border-radius:.5em;
	-moz-border-radius:.5em;
}
.popin_classique.popin-content {
	padding:10px;
}
.popin_classique.popin-content p {
	padding:0;
	margin:0 0 1em;
}

table.fond_popin_classique{width:1280px; height:580px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.fond_popin_compteur{width:900px; height:580px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_suivi_releve{width:1080px; height:600px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_suivi_export{width:960px; height:600px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_do_export{width:450px; height:300px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
tr.titre_popin{background-color:#08215c; height:30px; font-weight:bold; font-size:8pt; color:#ffffff;  background-repeat:repeat-x; text-align: left}
tr.titre_popin td{text-align: left}
tr.bas_popin{background-color:#08215c; height:30px; font-weight:bold; font-size:8pt; color:#ffffff;  background-repeat:repeat-x;}


table.conteneur_popin_classique{border:1px solid #c0c0c0; text-align: left;width: 90%;}
table.conteneur_popin_releve{border:1px solid #c0c0c0; text-align: left}

tr.titre_popin_classique{background-color:#08215c; color:#ffffff; font-size:8pt; font-weight:bold; height:25px; text-align: left;}
tr.titre_popin_classique td{text-align: left;}
tr.titre_popin_releve{background-color:#08215c; color:#ffffff; font-size:8pt; font-weight:bold; height:20px; text-align: left;}
tr.titre_popin_releve td{text-align: left;}


tr.submit_popin_classique{background-color:#08215c; color:#ffffff; font-size:8pt; font-weight:bold; height:25px}

td.lib_form_popin_classique{background-color:#F0F0F6; color:#000000; font-size:8pt; font-weight:normal; padding-left:2px; padding-right:2px; width:50%; padding-top:1px; padding-bottom:1px; text-align: left}
td.input_form_popin_classique{background-color:#ffffff; color:#000000; font-size:8pt; font-weight:normal; padding-left:2px; padding-right:2px; width:50%; padding-top:1px; padding-bottom:1px; text-align: left}

td.lib_form_popin_classique_mini{background-color:#F0F0F6; color:#000000; font-size:8pt; font-weight:normal; padding-left:2px; padding-right:2px;  padding-top:1px; padding-bottom:1px; text-align: left}
td.input_form_popin_classique_mini{background-color:#ffffff; color:#000000; font-size:8pt; font-weight:normal; padding-left:2px; padding-right:2px;  padding-top:1px; padding-bottom:1px; text-align: left}

option.correctQuestion{background-color: #b5eca0;}
option.falseQuestion{background-color: #fc6e6e;}

td.td_close_popin{text-align: right; padding-right: 10px;}

td.input_form_popin_classique input{color:#000000; font-weight:normal; text-align:left; font-size:8pt;font-family:Arial, Verdana;}
td.input_form_popin_classique select{color:#000000; font-weight:normal; text-align:left; font-size:8pt;font-family:Arial, Verdana;}
td.input_form_popin_classique textarea{color:#000000; font-weight:normal; text-align:left; font-size:8pt;font-family:Arial, Verdana;}
tr.submit_popin_classique td input{color:#000000; font-weight:bold; text-align:center; font-size:8pt; font-family:Arial, Verdana;}

tr.tab_liste_paire{background-color:#F0F0F6; color:#000000; font-size:8pt; font-weight:bold; height:25px}
tr.tab_liste_impaire{background-color:#ffffff; color:#000000; font-size:8pt; font-weight:bold; height:25px}
tr.tab_liste_selected{background-color:#cfffd5; color:#000000; font-size:8pt; font-weight:bold; height:25px}

td.tab_liste_paire{background-color:#F0F0F6; color:#000000; font-size:8pt;  height: 30px;}
td.tab_liste_paire_titre{background-color:#9a9acc; color:#000000; font-size:8pt;  height: 30px;}
td.tab_liste_paire_sous_titre{background-color:#c1c1e5; color:#000000; font-size:8pt;  height: 30px;}
td.tab_liste_impaire{background-color:#ffffff; color:#000000; font-size:8pt; height: 30px;}

tr.tab_liste_releve_paire{background-color:#F0F0F6; color:#000000; font-size:8pt;  height:20px}
tr.tab_liste_releve_impaire{background-color:#ffffff; color:#000000; font-size:8pt; height:20px}

.msg_ok{color:green; font-size:8pt; font-weight:bold;}
p.msg_erreur{color:red; font-size:8pt; font-weight:bold;}

input{color:#000000; font-weight:normal; text-align:left; font-size:8pt;font-family:Arial, Verdana;}
select{color:#000000; font-weight:normal; text-align:left; font-size:8pt;font-family:Arial, Verdana;}
textarea{color:#000000; font-weight:normal; text-align:left; font-size:8pt;font-family:Arial, Verdana;}

.popin_suivi_releve {

	padding:00px;
	text-align:justify;
	text-indent:5px;
	background:transparent;
	border-radius:.5em;
	-moz-border-radius:.5em;
}
.popin_suivi_releve.popin-content {
	padding:10px;
}
.popin_suivi_releve.popin-content p {
	padding:0;
	margin:0 0 1em;
}

p.FileAriane{color:#5eac41; font-size:8pt; font-weight:bold;}
p.FileAriane a{color:#5eac41;text-decoration:none; border:none; padding-left:8px; padding-right:8px; outline:none; font-size:12px; font-weight:bold;}
p.FileAriane a:visited{color:#5eac41;text-decoration:none; border:none; padding-left:8px; padding-right:10px;}
p.FileAriane a:hover{color:#5eac41; text-decoration:underline;}

/* ******************************************** */

#container {
	width: 950px;
	position: relative;
	margin: 0 auto;
}

#onionskin {
position: absolute;
left: 1px;
top: 45px;
width: 950px;
height: 555px;
min-height: 555px;
background: url(../inc_images/transparent.png);
z-index: 1

}

#onionskindynamicheight {
position: absolute;
left: 1px;
top: 45px;
width: 950px;
min-height: 550px;
height:100%;
z-index: 1;
}



#logo {
position: absolute;
left: 1px;
top: 1px;
border-color: transparent;
z-index: 2
}

#login {
font: .70em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #090544;
position: absolute;
left: 640px;
top: 18px;
text-align: left;
width: 100px;
height: 20px;
z-index: 3
}

#searchbox {
position: absolute;
left: 710px;
top: 20px;
text-align: left;
width: 300px;
height: 20px;
z-index: 4
}

#gobutton {
position: absolute;
left: 912px;
top: 17px;
width: 300px;
height: 20px;
z-index: 40
}

#main-menu {
font: 1.2em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;
position: absolute;
left: 1px;
top: 45px;
width: 950px;
height: 30px;
margin: 0px 0px 20px 0px;
background: #090544 url(../inc_images/navigation_bg.png);
z-index: 6

}

#main-menu ul {
	height: 28px;
	margin: 0px;
	padding: 9px 0px 0px 7px;
	list-style: none;
}

#main-menu li {
	display: inline;
}

#main-menu a {
	padding: 0px 8px 0px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#main-menu .first a {
	background: none;
}

#main-menu ul {
}


#languageselect {
position: absolute;
left: 710px;
top: 50px;
text-align: left;
width: 300px;
height: 20px;
z-index: 60
}


#directdownload {
position: absolute;
padding: 5px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #fff;
background: #090544 url(../inc_images/directdownload_bg.png);
overflow: auto;
left: 20px;
top: 88px;
width: 180px;
height: 45px;
z-index:19
}


#configurator1 {
position: absolute;
padding: 5px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #fff;
background: #2faa11 url(../inc_images/config1_bg.png);
overflow: auto;
left: 20px;
top: 152px;
width: 180px;
height: 125px;
z-index:20
}

#configurator2 {
position: absolute;
padding: 5px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #fff;
background: #2faa11 url(../inc_images/config2_bg.png);
overflow: auto;
left: 20px;
top: 296px;
width: 180px;
height: 125px;
z-index:22
}

#configurator3 {
position: absolute;
padding: 5px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #fff;
background: #2faa11 url(../inc_images/config3_bg.png);
overflow: auto;
left: 20px;
top: 440px;
width: 180px;
height: 125px;
z-index:23
}

#companyprofile {
position: absolute;
padding: 3px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;
background: #fc9a3f url(../inc_images/companyprofile_bg.png);
overflow: auto;
left: 225px;
top: 88px;
width: 465px;
height:90px;
z-index:11
}


#slideshow {
position: absolute;
left: 225px;
top: 190px;
width: 470px;
height: 275px;
z-index: 50

}


#productlinks {
position: absolute;
padding: 2px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;

left: 223px;
top: 465px;
width: 460px;
height: 92px;

z-index:12
}



#residential {
position: absolute;
padding: 1px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #090544;
text-align: center;

left: 212px;
top: 488px;
width: 85px;
height: 90px;

z-index:70
}

#apartment {
position: absolute;
padding: 1px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #090544;
text-align: center;
left: 300px;
top: 488px;
width: 80px;
height: 90px;

z-index:71
}


#bulk {
position: absolute;
padding: 1px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #090544;
text-align: center;
left: 385px;
top: 488px;
width: 80px;
height: 90px;

z-index:72
}

#heat {
position: absolute;
padding: 1px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #090544;
text-align: center;
left: 470px;
top: 488px;
width: 80px;
height: 90px;

z-index:73
}


#systems {
position: absolute;
padding: 1px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #090544;
text-align: center;
left: 550px;
top: 478px;
width: 75px;
height: 90px;

z-index:74
}


#services {
position: absolute;
padding: 1px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #090544;
text-align: center;
left: 625px;
top: 478px;
width: 75px;
height: 90px;

z-index:74
}


#newsstory {
position: absolute;
padding: 10px;
font: .60em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;
background: #fc9a3f url(../inc_images/newsstory_bg.png);
overflow: auto;
left: 711px;
top: 88px;
width: 200px;
height: 245px;
z-index:13
}

#tagcloud {
position: absolute;
left: 711px;
top: 366px;
width: 220px;
height: 210px;
background: #090544 url(../inc_images/tagcloud_bg.png);
z-index:14
}

#footerhome {
font: .70em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;

position: absolute;
text-align: left;
left: 1px;
top: 600px;
padding: 5px;
height: 10px;
width: 495px;
z-index: 16
}


#footer {
font: .70em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;

position: relative;
text-align: left;
left: 1px;
top: 20px;
padding: 5px;
height: 30px;
width: 795px;
z-index: 16
}


footer a {
color: #090544;
text-decoration: none;
border: none;
font-weight: bold;
}

footer a:hover {
text-decoration: underline;
}

footer a:visited {
color: #404741;
}




/* headers */
h1, h2, h3 {
	font: bold 1em Verdana, Tahoma, Helvetica, sans-serif;
margin: 3px 7px;
}
h1 { font-size: 1.7em; color: #090544; }
h2 { font-size: 1.2em; colour: #090544;}
h3 { font-size: 1em; color: #090544; }

confighead {
	font: bold 1.5em Verdana, Tahoma, Helvetica, sans-serif;
color: #fff;
margin: 2px 2px;
}


newshead {
	font: bold 1.4em Verdana, Tahoma, Helvetica, sans-serif;
color: #fff;
}

producthead {
	font: bold 1.2em Verdana, Tahoma, Helvetica, sans-serif;
color: #090544;
}


profiletext {
	font: bold 1em Verdana, Tahoma, Helvetica, sans-serif;
color: #090544;
}

newsbody {
	font: 1em Verdana, Tahoma, Helvetica, sans-serif;
color: #090544;
}


p {
	margin: 3px 7px;
	color: #000000;
}


ul {
	font: .55em Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 0px 0; padding: 0;
	text-decoration: none;
}


ul.sidemenu li {
	list-style: none;
	padding: 15px 5px 10px 15px;
	margin: 0px 0px;
	color: #ffa62e;
border-bottom: 1px solid #666;
}

ul.sidemenu li a {
	text-decoration: none;
	color: #ffa62e;
}


ul.sidemenu li a:visited {
	color: #ffa62e;
}

ul.sidemenu li#current {
	text-transform: uppercase;
}

ul.sidemenu li a:hover {
	display: block;
text-decoration: underline;
color: #ffffff;
}


img {
   border: 0px solid #DCDCDC;
	padding: 0px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}


p {
line-height: 1.3em;
}


a {
color: #090544;
text-decoration: none;
border: none;
outline:none;
}

a:hover {
text-decoration: underline;
}

a:visited {
/*color: #090544;
text-decoration: none;
border: none;*/
}




#quote {
	margin: 9px;
  	padding: 5px;
  	text-align: left;
	display: block;
  	overflow: auto;
  	font: bold 1em/1.1em 'Trebuchet MS', Tahoma, Sans-serif ;
	background: url(../fr/index.html);
	border: 0px solid #000000;
	color: #333;
	z-index: 12
}

#singlecolumncontent
{
	position:relative;
	padding: 20px;
	font: 10pt Verdana, Tahoma, Helvetica, sans-serif;
	color: #000000;
	overflow: auto;
	left: 0px;
	right: 0px;
	top: 20px;
	background: url(../inc_images/transparent.png);
	min-height: 550px;
	width: 910px;
	z-index:19
}

.itemfootnotes
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #D6CECE;
	text-decoration: none;
}

.itemicontext
{
	font-family: Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22pt;
	line-height:normal;
	font-weight: bold;
	color: #ADAFB2;
	text-decoration: none;
	letter-spacing: -1px;
	font-stretch: ultra-condensed;
	text-align:left;
}
.itemicontextsmall
{
	font-family: Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height:normal;
	font-weight: bold;
	color: #ADAFB2;
	text-decoration: none;
	text-align:left;
}

/* ************************************************************* */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 930px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #f0f0f0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 8pt;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #e0e0e0;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 930px;
	background: #fff;
}
.tab_content {
	padding: 60px;
	font-size: 8pt;
	height: 100%;
}

.btn_vert{
    background-image: linear-gradient(bottom,#297915,#a7d090);
    background-image: -o-linear-gradient(bottom,#297915,#a7d090);
    background-image: -moz-linear-gradient(bottom,#297915,#a7d090);
    background-image: -webkit-linear-gradient(bottom,#297915,#a7d090);
    background-image: -ms-linear-gradient(bottom,#297915,#a7d090);
    display: inline-block;
    border-radius: 0;
    margin: 0;
    padding: 4px 25px;
    text-shadow: none;
    color: #fff;
    font-weight: normal;
    white-space: normal;
    border: 1px solid #5fad41;
    width: 238px;
    cursor: pointer;
	text-align: center;
}
.btn_vert:hover {
    background-image: linear-gradient(bottom,#a7d090,#297915);
    background-image: -o-linear-gradient(bottom,#a7d090,#297915);
    background-image: -moz-linear-gradient(bottom,#a7d090,#297915);
    background-image: -webkit-linear-gradient(bottom,#a7d090,#297915);
    background-image: -ms-linear-gradient(bottom,#a7d090,#297915);
}

.petit_btn_vert,
.petit_btn_vert:visited{
    background-image: linear-gradient(bottom,#297915,#a7d090);
    background-image: -o-linear-gradient(bottom,#297915,#a7d090);
    background-image: -moz-linear-gradient(bottom,#297915,#a7d090);
    background-image: -webkit-linear-gradient(bottom,#297915,#a7d090);
    background-image: -ms-linear-gradient(bottom,#297915,#a7d090);
    display: inline-block;
    border-radius: 0;
    margin: 0;
    padding: 4px 25px;
    text-shadow: none;
    color: #fff !important;
    font-weight: normal;
    white-space: normal;
    border: 1px solid #5fad41;
    width: 100px;
    cursor: pointer;
	text-align: center;
}
.petit_btn_vert:hover {
    background-image: linear-gradient(bottom,#a7d090,#297915);
    background-image: -o-linear-gradient(bottom,#a7d090,#297915);
    background-image: -moz-linear-gradient(bottom,#a7d090,#297915);
    background-image: -webkit-linear-gradient(bottom,#a7d090,#297915);
    background-image: -ms-linear-gradient(bottom,#a7d090,#297915);
}

.menu_page{
	display: inline-flex;
	flex-direction: row;
	width: 100%;
	margin: auto;
	justify-content: space-around;
}

#content_mail{width: 90%;display: block;margin: 3px auto;height: 250px;}

#frm_filtre select, #frm_filtre input[type="text"] {
    background: #28408a;
    /* border: none; */
    border-radius: 4px;
    color: white;
    border: 1px solid #767676;
}

#frm_filtre{
	text-align: left;
	padding: 0.5rem;
	background-color: #28408a;
	border-radius: 10px;
	color: white;
	display: inline-block;
}


@media only screen and (hover: none) and (pointer: coarse) {
	.container{
		max-width: 100% !important;
	}
	.container > table.tab_principal{
		width: 100%;
	}
	.container > table.tab_principal{
		width: 100%;
	}

	#form_satisfaction #questions > div .range > label > div{
		min-height: 9rem;
		margin-top: .5rem;
	}
	#form_satisfaction #questions > div .range > label > input:checked ~ div {
		outline-offset: .5rem;
		outline-width: .5rem;
		margin: 0 .5rem;
	}

	#form_satisfaction #questions > div .bool > label > input:checked ~ div {
		outline-offset: .5rem;
		outline-width: .5rem;
		/* margin: 0 .5rem;*/
	}

	#form_satisfaction #questions > div .bool > label > input ~ div {
		height: 9rem;
	}

	#form_satisfaction *{
		font-size: 2em;
	}

	#form_satisfaction hr{
		display: none;
	}
	#form_satisfaction #questions > div .range > span {
	font-size: 12pt;
	}

}

.note{
	color: white;
    border-radius: 5px;
    padding: 5%;
}

.flexParent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.flexHalf {
    display: flex;
    flex: 1 1 49%;
    max-width: 50%;
}

.flexThird {
    display: flex;
    flex: 1 1 32%;
    max-width: 33%;
}

.flexTwoThirds {
    display: flex;
    flex: 1 1 64%;
    max-width: 65%;
}

.flexQuarter {
    display: flex;
    flex: 1 1 24%;
    max-width: 25%;
}

.flexThreeQuarter {
    display: flex;
    flex: 1 1 74%;
    max-width: 75%;
}

.flexRight {
    justify-content: flex-end;
}

.flexCenter {
    justify-content: center;
}

.flexLeft {
    justify-content: flex-start;
}

.flexColumn {
    flex-direction: column !important;
}

.flexRow {
    flex-direction: row !important;
}

.flexStart {
    align-items: flex-start;
}

.flexEnd {
    align-items: flex-end;
}

.flexStretch {
    align-items: stretch;
}

.flexWrap {
    flex-wrap: wrap;
}

.flexBetween {
    justify-content: space-between;
}

.flexAround {
    justify-content: space-around;
}

.flexVCenter {
    align-items: center !important;
}
.flexVEnd{align-items: end !important;}

.flex10{ flex: 10%;}
.flex20{ flex: 20%;}
.flex30{ flex: 30%;}
.flex50{ flex: 50%;}
.flex70{ flex: 70%;}
/*=============================================================================================================*/

/* Class gap */
.gap_5 {
    column-gap: 5px;
    row-gap: 5px;
}

.gap_10 {
    column-gap: 10px;
    row-gap: 10px;
}

.gap_15 {
    column-gap: 15px;
    row-gap: 15px;
}

.gap_20 {
    column-gap: 20px;
    row-gap: 20px;
}

.gap_30 {
    column-gap: 30px;
    row-gap: 30px;
}

.gap_40 {
    column-gap: 40px;
    row-gap: 40px;
}

.gap_50 {
    column-gap: 50px;
    row-gap: 50px;
}

.gap_60 {
    column-gap: 60px;
    row-gap: 60px;
}

.gap_70 {
    column-gap: 70px;
    row-gap: 70px;
}

.gap_80 {
    column-gap: 80px;
    row-gap: 80px;
}

.gap_90 {
    column-gap: 90px;
    row-gap: 90px;
}

.gap_100 {
    column-gap: 100px;
    row-gap: 100px;
}

/*=============================================================================================================*/

/* Variable positionnement */
.wp_10 {
    width: 10%;
}

.wp_20 {
    width: 20%;
}

.wp_30 {
    width: 30%;
}

.wp_40 {
    width: 40%;
}

.wp_50 {
    width: 50%;
}

.wp_60 {
    width: 60%;
}

.wp_70 {
    width: 70%;
}

.wp_80 {
    width: 80%;
}

.wp_90 {
    width: 90%;
}

.wp_100 {
    width: 100%;
}

.hp_100{
	height:100%;
}

.hp_50{
	height: 50%;
}

.hv_40{
        height: 40vh;
}

.mb_auto {
    margin-bottom: auto;
}
.mb_3 {
    margin-bottom: 3px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

.ml_auto {
    margin-left: auto;
}
.ml_3 {
    margin-left: 3px;
}
.ml_10 {
    margin-left: 10px;
}

.ml_20 {
    margin-left: 20px;
}

.ml_30 {
    margin-left: 30px;
}

.ml_40 {
    margin-left: 40px;
}

.ml_50 {
    margin-left: 50px;
}
.mr_auto {
    margin-right: auto;
}
.mr_3 {
    margin-right: 3px;
}
.mr_10 {
    margin-right: 10px;
}

.mr_20 {
    margin-right: 20px;
}

.mr_30 {
    margin-right: 30px;
}

.mr_40 {
    margin-right: 40px;
}

.mr_50 {
    margin-right: 50px;
}

.mt_auto {
    margin-top: auto;
}
.mt_10 {
    margin-top: 10px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_50 {
    margin-top: 50px;
}

.p_20{
    padding: 20px;
}
.pr_10{
    padding-right: 10px;
}
.pr_30{
    padding-right: 30px;
}
.input_1
{
    width: 1em
}
.input_2
{
    width: 2em;
}
.input_3
{
    width: 3em;
}
.input_4
{
    width: 4em;
}
.input_5
{
    width: 5em;
}
.input_6
{
    width: 6em;
}
.input_7
{
    width: 7em;
}
.input_8
{
    width: 8em;
}
.input_9
{
    width: 9em;
}
.input_10
{
    width: 10em;
}
.input_20
{
    width: 20em;
}
.input_30
{
    width: 30em;
}

.nowrap
{
    white-space: nowrap;
}

.cursorPointer{
    cursor:pointer;
}