@import url('https://fonts.googleapis.com/css?family=Baloo&display=swap');

@font-face { font-family: 'sinkin_sans100_thin'; src: url('/fonts/SinkinSans-100Thin-webfont.eot');
    src: url('/fonts/SinkinSans-100Thin-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/SinkinSans-100Thin-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-100Thin-webfont.woff') format('woff'), url('/fonts/SinkinSans-100Thin-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-100Thin-webfont.svg#sinkin_sans100_thin') format('svg');
    font-weight: normal;  font-style: normal;}
@font-face { font-family: 'sinkin_sans100_thin_italic';  src: url('/fonts/SinkinSans-100ThinItalic-webfont.eot');
    src: url('/fonts/SinkinSans-100ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-100ThinItalic-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-100ThinItalic-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-100ThinItalic-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-100ThinItalic-webfont.svg#sinkin_sans100_thin_italic') format('svg');
    font-weight: normal;  font-style: normal;}
@font-face {    font-family: 'sinkin_sans200_x_light';  src: url('/fonts/SinkinSans-200XLight-webfont.eot');
    src: url('/fonts/SinkinSans-200XLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-200XLight-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-200XLight-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-200XLight-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-200XLight-webfont.svg#sinkin_sans200_x_light') format('svg');
    font-weight: normal;   font-style: normal;}
@font-face {    font-family: 'sinkin_sans200_x_light_italic';   src: url('/fonts/SinkinSans-200XLightItalic-webfont.eot');
    src: url('/fonts/SinkinSans-200XLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-200XLightItalic-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-200XLightItalic-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-200XLightItalic-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-200XLightItalic-webfont.svg#sinkin_sans200_x_light_italic') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans300_light';    src: url('/fonts/SinkinSans-300Light-webfont.eot');
    src: url('/fonts/SinkinSans-300Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-300Light-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-300Light-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-300Light-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-300Light-webfont.svg#sinkin_sans300_light') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans300_light_italic';    src: url('/fonts/SinkinSans-300LightItalic-webfont.eot');
    src: url('/fonts/SinkinSans-300LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-300LightItalic-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-300LightItalic-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-300LightItalic-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-300LightItalic-webfont.svg#sinkin_sans300_light_italic') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans400_italic';    src: url('/fonts/SinkinSans-400Italic-webfont.eot');
    src: url('/fonts/SinkinSans-400Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-400Italic-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-400Italic-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-400Italic-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-400Italic-webfont.svg#sinkin_sans400_italic') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans400_regular';    src: url('/fonts/SinkinSans-400Regular-webfont.eot');
    src: url('/fonts/SinkinSans-400Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-400Regular-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-400Regular-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-400Regular-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-400Regular-webfont.svg#sinkin_sans400_regular') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans500_medium';    src: url('/fonts/SinkinSans-500Medium-webfont.eot');
    src: url('/fonts/SinkinSans-500Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-500Medium-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-500Medium-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-500Medium-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-500Medium-webfont.svg#sinkin_sans500_medium') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans500_medium_italic';    src: url('/fonts/SinkinSans-500MediumItalic-webfont.eot');
    src: url('/fonts/SinkinSans-500MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-500MediumItalic-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-500MediumItalic-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-500MediumItalic-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-500MediumItalic-webfont.svg#sinkin_sans500_medium_italic') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans600_semibold';    src: url('/fonts/SinkinSans-600SemiBold-webfont.eot');
    src: url('/fonts/SinkinSans-600SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-600SemiBold-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-600SemiBold-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-600SemiBold-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-600SemiBold-webfont.svg#sinkin_sans600_semibold') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans600SBdIt';    src: url('/fonts/SinkinSans-600SemiBoldItali-webfont.eot');
    src: url('/fonts/SinkinSans-600SemiBoldItali-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-600SemiBoldItali-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-600SemiBoldItali-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-600SemiBoldItali-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-600SemiBoldItali-webfont.svg#sinkin_sans600SBdIt') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans700_bold';    src: url('/fonts/SinkinSans-700Bold-webfont.eot');
    src: url('/fonts/SinkinSans-700Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-700Bold-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-700Bold-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-700Bold-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-700Bold-webfont.svg#sinkin_sans700_bold') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans700_bold_italic';    src: url('/fonts/SinkinSans-700BoldItalic-webfont.eot');
    src: url('/fonts/SinkinSans-700BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-700BoldItalic-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-700BoldItalic-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-700BoldItalic-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-700BoldItalic-webfont.svg#sinkin_sans700_bold_italic') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans800_black';    src: url('/fonts/SinkinSans-800Black-webfont.eot');
    src: url('/fonts/SinkinSans-800Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-800Black-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-800Black-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-800Black-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-800Black-webfont.svg#sinkin_sans800_black') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans800_black_italic';    src: url('/fonts/SinkinSans-800BlackItalic-webfont.eot');
    src: url('/fonts/SinkinSans-800BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-800BlackItalic-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-800BlackItalic-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-800BlackItalic-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-800BlackItalic-webfont.svg#sinkin_sans800_black_italic') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans900_x_black';    src: url('/fonts/SinkinSans-900XBlack-webfont.eot');
    src: url('/fonts/SinkinSans-900XBlack-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-900XBlack-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-900XBlack-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-900XBlack-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-900XBlack-webfont.svg#sinkin_sans900_x_black') format('svg');
    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sinkin_sans900_x_black_italic';    src: url('/fonts/SinkinSans-900XBlackItalic-webfont.eot');
    src: url('/fonts/SinkinSans-900XBlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SinkinSans-900XBlackItalic-webfont.woff2') format('woff2'),
         url('/fonts/SinkinSans-900XBlackItalic-webfont.woff') format('woff'),
         url('/fonts/SinkinSans-900XBlackItalic-webfont.ttf') format('truetype'),
         url('/fonts/SinkinSans-900XBlackItalic-webfont.svg#sinkin_sans900_x_black_italic') format('svg');
    font-weight: normal;    font-style: normal;}

.titre-spe{font-family: 'Baloo', cursive;  font-size:1.8em; margin:15px 0; padding:6px 0 15px 0; background:url(/charte/titre-spe.png) left bottom no-repeat; width:100%; float:left;}
.align-center{text-align:center; float:left;width:100%;margin-bottom:10px;}
.bloc_centre{text-align:center;float:left;width:100%;margin-bottom:10px;}
.align-center table, .bloc_centre table{margin:0 auto}
.bloc_align_droite{text-align:right;clear:both;}
.bloc_isole{float:left;width:100%;margin-bottom:10px;}
.float_left, .image_gauche{float:left;}
.float_right, .image_droite{float:right;}
.image_gauche{margin:15px 30px 15px 0px;text-align:center;}
.image_droite{margin:15px 0px 15px 30px;text-align:center;}
.bloc-colonne{display:table-cell;}
/*palette illicopage*/
#div_modif_illicopage{ width:150px; z-index:5; position:absolute; top:190px; right:15px; text-align:center; padding:5px; background:rgba(255,255,255,0.7)}
.nom_user{color:#FF0000;font-weight:bold;font-size:12px;}
.user_courant{font-weight:bold;text-align:center;display:block;font-size:12px;}
.user_fonction{text-align:center;display:block;font-size:12px;}
.lien_menu{font-size:11px;}
.illico_important{font-weight:bold;font-size:12px;}
.gm-style img{max-width:inherit}/*gmap*/
/**/
.tableau_section{border:0;margin:0;padding:0;width:100%;vertical-align:top;}
.tableau_section td, .col_sans_separateur{vertical-align:top;}
.separateur_verti{border-right:1px solid #ccc;padding-right:4px; margin-right:3px;vertical-align:top;}
.image_ombree{width:auto;}
/* v8 */
.block_content {float: left;}
.clear {clear: both;}
.legende_pastille {font-weight: bold;}
.puces {padding: 3px;}
.no_puces {display: none;}
#type_aff_haut {margin-bottom: 10px;text-align: center;}
#type_aff_bas {margin-top: 10px;text-align: center;}
/*DATEPICKER*/
.dpTable {font-family: 'robotoregular'; text-align: center;color: #505050;background-color: #ece9d8;border: none !important}
.dpTD {cursor: pointer;}
.dpDayHighlightTD {background-color: #fff;cursor: pointer;}
.dpDayTD {background-color: #CCCCCC; color: white;}
.dpTitleText {font-size: 16px; }
.dpDayHighlight {color: #4060ff;}
.dpButton {font-family: 'robotoregular';  background:#595959 !important; font-size:18px !important;   text-align:center; color:#fff; padding:0 !important; display:block; cursor:pointer}
.dpTodayButton { font-family: 'robotobold'; color: #fff;background:rgba(0, 0, 0, 0.65);   padding:3px 0; width:48%; float:left; margin:0 1%; border: 1px solid #ffffff;}
#datepicker{ background:#dedede;  text-align:center; z-index:900000000 !important}
.dpTitleTR{ background:#595959; text-align:center; color:#fff}
.dpDayTR, .dpTR{ text-align:center;}
td.dpDayTD{ text-align:center; width:14%;  }
.dpTodayButtonTR td{ padding:0}
/*Formulaire*/
.FormAffiche {width:100%; }
form .affichageForm {margin:5px 1%; width:48%; float:left; }
form .affichageForm.radio{width:100%; }
form .affichageForm label span.comm{margin-top:.2em; font-size:.8em; font-style:italic; }
form .affichageForm label{display:block; float:left; width:100% }
form .affichageForm.radio label{display:block; float:left;  width:auto }
form .affichageForm input,form .affichageForm textarea, form .affichageForm select, 
form .affichageForm radio, form .affichageForm checkbox {padding:3px 6px; }
form .affichageForm input[type="text"]{ width:100%; height:25px; margin:2px 0}
/* Essai Gauthier 14/11/2022 --> avoir le même css que pour les input texts. Ne fonctionne pas.*/
form .affichageForm input[type="tel"]{ width:100%; height:25px; margin:2px 0}

form .affichageForm select{  height:25px; margin:2px 0}
form .affichageForm textarea {height:6em;  }
form .FormButton {text-align:center; padding:0px 0px; margin:0 0 20px; }
.GroupRadio {float:left;  position:relative; }
.GroupRadio input{margin-left:12px !important; }
.GroupRadio select {position:relative; margin-left:12px !important; }
.GroupRadio label{position:relative; margin-left:3px; display:inline-block !important; float:none !important; width:auto !important; text-align:left !important; }
.comm{margin-top:.2em; font-size:.8em; font-style:italic; }
.erreur {clear:both; padding:20px; border:3px solid #C10F29;  color:#C10F29; }
.erreur h4{color:black; margin:0 0 5px; font-weight:bold;}
.succes {clear:both; padding:10px; border:1px solid green; background-color:#D0FFCC; color:black; }
.Form_titre{clear:both; float:left; width:100%; font-size:12px; font-weight:bold; }
.Obligatoire{text-align:center;}
.captcha{float:left; width:150px; }
#verifytext{margin-left:0px !important; position:relative; left:12px !important; }
label.TextCaptcha{position:relative; top:10px !important; left:3px !important; display:block !important; width:100% !important; text-align:left !important; }
.LabelCaptcha label {font-weight:bold; }
.CodeCaptcha {margin-left:12px; float:left; margin-bottom:30px; }
/*nouveau captcha*/
 .recaptcha{clear:both; float:left; margin:5px 0 0 0px;}
.TextCaptcha{display:none; }
#recaptcha_area{background-color:#fff}

@media (max-width: 440px){.recaptcha{width:104% !important; overflow:hidden; margin-left:-3%; position:relative;}
.recaptcha_image_cell, #recaptcha_image{width:250px !important}
#recaptcha_logo{display:none}
#recaptcha_response_field{width:115% !important}
form .affichageForm label, form img.affichageForm, form p.FormButton{width:90%; text-align:left; margin-left:3%}
form .affichageForm input, form .affichageForm textarea, form .affichageForm select{width:90%; margin-left:3%}}

/* PAGINATION */
.pagination{text-align:center; color:#4b4b4b; line-height:22px; padding:2px; margin:7px; }
.pagination ul, .pagination li{list-style-type:none; margin:0 ; padding:0}
.pagination li, .pagination li a{ width:22px; height:22px; line-height:22px !important; text-align:center !important; }
.pagination li{ display:inline-block; background-color:#777777;	color: #ffffff; margin: 2px; }
.pagination li a{display:block; text-decoration: none !important; color: #ffffff; background-color:#bbbbbb;}
.pagination li a:hover{background-color:#777777}
.pagination li:hover, .pagination li:hover a{color: #ffffff;}
/*trombinoscope*/
.trombi-bloc, .trombi-bloc img{border:1px solid #ccc; }
.trombi-bloc a{font-size:1.2em; text-decoration:none; }
.trombi-bloc{background-color:#fff; padding:10px 2%}
.trombi-commune{font-style:italic;}
.liste-trombi .trombi-bloc{text-align:center; min-height:14em; width:30%; margin:0 0.5% 1em; display:inline-block; padding:0.8em 0.8%; vertical-align:middle;  }
.liste-trombi .trombi-bloc p{margin:0}
.liste-trombi .trombi-niveau1{text-align:center; margin:1em 0; }
.liste-trombi .trombi-niveau1 .trombi-bloc{width:40%; min-height:inherit; font-size:1.1em; position:relative; }
.liste-trombi .trombi-niveau2{margin:0 0 2em 0}
.detail-trombi .trombi-bloc{margin:1em auto; width:96%; }
.detail-trombi img{float:left; margin:0px 20px 1em 0;}
.trombi-titre{font-weight:bold; font-size:1.2em; }
.detail-trombi .trombi-bloc-infos{clear:left;border-top:1px solid #ddd; padding-top:0.9em; margin-bottom:0.9em;}
.detail-trombi .trombi-bloc-infos.trombi-fct-commune{clear:none; border:none;}
.detail-trombi p{margin:0.5em 0; }
@media (max-width: 480px){.liste-trombi{text-align:center;}
.liste-trombi .trombi-bloc{width:180px; } 
.liste-trombi .trombi-niveau1 .trombi-bloc{width:90%; }
.detail-trombi .trombi-photo{width:100%;text-align:center; margin:0 0 1em;}}
@media (max-width: 360px){.liste-trombi .trombi-bloc{min-height:inherit;}}
/*album photo*/
#miniature_fleches{float:left; left:0px; height:80px; width:100%; position:relative; margin:5px 0 0 0; padding:5px 0;}
#miniature_fleches img#gauche, #miniature_fleches img#droite{cursor:pointer;position:absolute; top:20px; }
#miniature_fleches img#gauche{ left:5px }
#miniature_fleches img#droite{right:5px;}
#bloc_miniatures{ overflow:hidden; position:relative; margin-left:5%; float:left; height:80px; width:90%;}
#liste_miniatures{position:absolute; top:0; left:0;  width:10000px}
#liste_miniatures img{height:80px;  margin-right:2px;}
#liste_miniatures a{ height:80px; display:inline; float:left;  margin-right:2px;}
#album_agrandie{ float:left; width:100%; text-align:center; min-height:566px; }
#description_agrandie{ width:98%; float:left; margin:5px 1%}
.album_texte{ font-weight:bold;}
/*ged*/
.documentGED{  float:left; padding:7px 1%; width:96%; border-bottom:1px dotted #ccc}
.documentGED:hover{background-color:#F2f2f2}
.gedfichier{margin-right:10px; float:left}
.gedtitre a{text-decoration:none; font-weight:bold;	color:#333;}
.gedtitre a:hover{ text-decoration:underline}
.documentGED .gedtitre{ display:table-cell; }
.documentGED .gedtitre a{height:26px; display:table-cell;  vertical-align:middle}
.geddate{display:none; }
.documentGEDI{display:inline-table; width:30%; margin:0 1%; padding:10px 0;  text-align:center; border:1px solid #E7E8E8; background-color:#f2f2f2;
 border-radius:3px; }
.documentGEDI img{ margin:0 0 0.7em; border:1px solid #ccc;}
@media (max-width: 360px){.documentsGEDIllustre{width:auto;}}
/**************//*Creation des tableau en div*//*****************/
.tableau_div{width:100%;}
.tableau_div .ligne-titre{width:100%; float:left;}
.ligne{width:100%; float:left;}
/*rajouter les couleurs*//*option tableau rechercher un client*/
#systeme .ligne-titre .titre-col{font-weight:bold; float:left; padding:1%; border-bottom:1px solid #cccccc; width:23%; text-align:center;}
#systeme .ligne .col{width:23%;  float:left; text-align:center; padding:1%; word-wrap: break-word;}
/* Param?trage de la table systeme */
#systeme .ligne-titre .identifiant{width:14%;}
#systeme .ligne .identifiant{width:14%;}
#systeme .ligne-titre .texte{width:35%;}
#systeme .ligne .texte{width:35%;}
#systeme .ligne-titre .commentaire{width:35%;}
#systeme .ligne .commentaire{width:35%;}
#systeme .ligne-titre .actions{width:14%;}
#systeme .ligne .actions{width:14%;}
/**********//*Recuperation des css information client ONGLET 1*//*************/
.gauche{ width:49% !important; float:left;}
.droite{ width:49% !important; float:right;}
.mon-espace-client{ width:100%; float:left;}
.mon-espace-client .gauche{ width:62% !important; float:left;}
.mon-espace-client .droite{ width:33% !important; float:right; background: rgba(229, 229, 229, .3);
border-radius:5px; padding:15px}
.mon-espace-client .info-client-bloc .info-client-bloc-admin{ width:96%; padding:1% 2%;}
.libelle{  float:left; width:32%; text-align:right;}
.rep-libelle{ float:right; width:66%; }
.langues-client .libelle{ width:100%; float:left; text-align:left;}
.langues-client .rep-libelle{ width:100%; float:left; text-align:left;}
.rep-libelle textarea{ width:98%; float:left; text-align:left;}
.rep-libelle input{ text-align:left !important; }
.rep-libelle select{width:100%; float:left; }
.photo{width:100%; float:left; text-align:center; margin:3px 0;}
.photo.libelle{ text-align:left;}
.mon-espace-client .valide_add_points{ width:100%; text-align:center; }
.mon-espace-client .valide_add_points input{ background:#E5B62D;color:#fff;font-size: 110%;
display: inline-block;padding: 5px 15px;font-family: 'Baloo', cursive;
border-radius: 30px;margin: 3px 0;text-align: center; border:none}
.info-client{ width:100%; float:left; margin:10px 0;}
.info-client-bloc{ width:100%; float:left; margin:2px 0; padding:0.5% 1%;}
.info-client-titre{ width:30%; float:left; font-weight:bold; margin-right:2%;}
.info-client-donnee{ width:65%; float:left; }
.total{ font-size:16px;  font-weight:bold; }
.champ-obligatoire{ width:100%; float:left; text-align:center; padding:10px 0; text-decoration: underline}
.cf_obligatoire .libelle{ text-decoration: underline}
.valide_add_points{ float:right}
.valide_add_points input{ padding:2px 35px; border:none }
.info-client-bloc-admin{ width:90%; float:left; margin:2px 0; background:orange; padding:0.5% 1%;}
/*********//*Recuperation des css information client ONGLET 2*//*********/
.historique_calendrier{ width:100%; float:left; margin-bottom:5px;}
.historique_calendrier fieldset{ border:none;}
.historique_calendrier legend{ font-weight:bold}
.legende-calendrier{font-weight:bold;}
#calendrier .ui-datepicker-inline{ width:100%; float:left; background: #D3D1D1;}
.ui-datepicker-calendar a{ color:#000000 !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ text-align:center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background: #D3D1D1 !important; border:1px solid #000000 !important}
.mescartes{ width:100%; float:left; position:relative; background: #D3D1D1; min-height:142px; }
.carte_courante{ background:#ffffff; width:100%; float:left; }
ul.ssMenuOnglet{ margin:0; padding:0; list-style-type:none; text-decoration:none; position:relative; /*! top:-3px */}
.ssMenuOnglet li{ list-style-type:none; margin:0 3px 3px 0; padding:0; display:inline-block;   border-radius: 5; }
.ssMenuOnglet li.onglet_ouvert a{ background-color: rgba(25, 30, 56, 1) ; color:#fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.ssMenuOnglet li.onglet_ferme a{ background-color: rgba(229, 229, 229, .3);  }
.ssMenuOnglet a{  font-family: 'sinkin_sans400_regular'; text-decoration:none !important; color:rgba(25, 30, 56, 1);  padding:6px 12px;
display:inline-block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: rgba(229, 229, 229, .3); }

.hotel_exterieur, .pts_nonattrib, .hotel_courant, .hotel_siege{ float:left; margin:5% 1% 3% 1%; width:14%; height:30px;  font-size:20px; position:relative;}
.pts_nonattrib b{ /*padding:1% 2%;*/ width:100%; float:left; text-align:center; padding-top:4px;}
.hotel_exterieur a, .hotel_courant a, .hotel_siege a{ color:#000000 !important; text-decoration:none !important; width:100%; float:left; text-align:center; height:26px; padding-top:4px;}
.hotel_exterieur a{ background:url(/charte/hotel-ext.gif) center center no-repeat;}
.hotel_courant a{ background:url(/charte/hotel-courant.gif) center center no-repeat;}
.hotel_siege a{ background:url(/charte/hotel-siege.gif) center center no-repeat;}
.chambre_occupe{  width:100%; float:left; margin-bottom:10px;}
.titre_chambre_occupe{ font-weight:bold;}
.bloc-parrainage,.liste-offre-doublement{float:left;position:relative;width:100%;}
.convertir_carte, .parrainage{ width:100%; float:left; }
.convertir_carte a{border-radius:0 0 10px 10px;float:right; border-top:none; background: #D3D1D1;}
/*AK : 05-01-2015 : Retrait du bouton convertir carte demandé par Armelle*/
.convertir_carte{display:none}
.convertir_carte a{border-radius:0 0 10px 10px;float:right; border-top:none; background: #D3D1D1;}
.parrainage a{ display:table; /*margin:20px auto;*/ margin:20px 5px;}
.presence { width: 100%; float: left; }
.presence a{background: #C10F29; color:#ffffff !important; text-decoration:none !important;width:30%;  margin:2px 1%; text-align:center; padding:2px 0;  display:block; float:right}
.presence a#geopositionnement{float:right; width:auto; padding:0 5px; line-height:25px}
.presence a#geopositionnement img{top:5px; position:relative}
.presence .ligne-hotel-prox{width:100%;clear:both}
.presence .ligne-hotel-prox div{float:left;width:67%}
#erreur_geolocalisation{font-weight:bold;text-align:center}
#info-hotelier-dde-point{font-weight:bold;text-align:center}
/* PARTIE GESTION HOTEL ADMIN. */
.onglets{float:left; width:100%; margin:10px 0 20px 0; border-bottom:3px solid #191E38;}
.onglets ul, .onglets li{ margin:0; padding:0; list-style-type:none; }
.onglets li{ list-style-type:none; margin:0 2px 0 0; float:left ; color:#191E38; font-size:14px;  border-radius:5px 5px 0 0 ;
  font-family: 'sinkin_sans700_bold';  background-color:#DDDADB; padding:10px 12px; border:1px solid #191E38; border-bottom:none;}
.onglets li a{ color:#191E38; text-decoration:none}
.onglets li.onglet_active, .onglets li:hover{background-color:#191E38;  color:#fff}
.onglets li.a-valider{background-color:#C10F29; color:#fff}
.onglets li.a-valider a, .onglets li:hover a{ color:#fff}
.onglets li.valide{background-color:#ff9d00;}
.onglets li.contrevalide{background-color:#DDDADB;}
a.bouton-ch{ width:100%; background:#D3D1D1; float:left; text-align:center;color:#000000 !important; padding:2px 0; text-decoration:none !important; font-weight:bold;}
/* PARTIE Carte fidelite */
a.bouton-cf{ width:100%; background:#D3D1D1; float:left; text-align:center;color:#000000 !important; padding:2px 0; text-decoration:none !important;}
.cf_confirmation{width:95%; float:left; text-align:center; border:2px solid #48AF48; padding:15px 2%; font-weight:bold; color:#48AF48;}
.cf_erreur{width:95%; float:left; text-align:center; border:2px solid #F70000; padding:15px 2%; font-weight:bold; color:#F70000;}
.cf_avertissement{width:95%; float:left; text-align:center; border:2px solid #F78E1E; padding:15px 2%; font-weight:bold; color:#F78E1E;}
.bas{ width:100%; float:left; margin-top:10px;}
.point-converti{ width:96%; float:left; margin: 5px 2% 0 2%; border-top: 1px dotted #888888; padding-top:5px;}
.point-indication{ width:75%; float:left;}
.point-suppression{ width:25%; float:right; text-align:right}
/* STAT */
.recherche_date{  width:100%; float:left; margin:10px 0; padding:15px;
     border-top:1px solid #191E38; border-bottom:1px solid #191E38;  background:rgba(229, 229, 229, .3)}
#statistique, #historique{ width:100%; float:left; margin-top:20px; }
.stats-admin .titre-col{ width:30%; float:left; margin-right:1%;}
.stats-admin .titre-col a{ display:block; padding:4px 0; background: #A30133; color:#ffffff; text-align:center; font-weight:bold; text-decoration:none; border-radius:8px 8px 0 0;}
.stats-admin .titre-col a:hover{ text-decoration:underline; background: #E61E26;}
.stats-admin .titre-col.active a{text-decoration:underline; background: #E61E26;}
.resultat{ width:98%; float:left;  border:1px solid #A30133; padding:10px 1%;}
.resultat .ligne{ width:100%; float:left; padding: 5px 0; border-bottom:1px dotted #A30133;  }
.resultat .titre-col{ min-height:20px; border-right:1px solid #A30133; text-align:center; font-weight:bold; color:#A30133;border-bottom: 1px solid #A30133}
.resultat .col{ min-height:20px; border-right:1px dotted #A30133; text-align:center}
.resultat .No_fidelite, .resultat .ID{ width:11%; float:left}
.resultat .Nom_client, .resultat .DateRemboursement{ width:25%; float:left}
.resultat .Prenom_client, .resultat .MoyensDePaiement{ width:25%; float:left}
.resultat .Email_client, .resultat .MontantDuRemboursement{width:38%; float:left; }
.resultat .DatePoint{width:33%; float:left}
.resultat .DateEnregistrement{width:33%; float:left}
.resultat .Hotel{width:33%; float:left; }
.resultat .Hotel, .resultat .Email_client, .resultat .MoyensDePaiement{border-right:none}
.bonus_exterieur, .bonus_courant, .bonus_siege{ float:left; margin:5% 1% 3% 1%; width:14%; height:30px;  font-size:20px; position:relative;}
.bonus_exterieur a{ background:url(/charte/bonus-ext.gif) center center no-repeat;}
.bonus_courant a{ background:url(/charte/bonus-courant.gif) center center no-repeat;}
.bonus_siege a{ background:url(/charte/bonus-siege.gif) center center no-repeat;}
.bonus_exterieur a, .bonus_courant a, .bonus_siege a{ color:#000000 !important; text-decoration:none !important; width:100%; float:left; text-align:center; height:26px; padding-top:4px;}



#MailFormEcoscore * {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}


/* ecoscore */

#MailFormEcoscore .GroupRadio input{margin-left:0 !important; }
#MailFormEcoscore .GroupRadio label{ margin-right:15px}
#MailFormEcoscore .GroupRadio {  width:100%; float:left;  position: relative; margin:5px 0}

#FormIllico1{ width:100%; float:left;}
#MailFormEcoscore{ width:100%; float:left; margin:10px 0}
#MailFormEcoscore fieldset.Form_section{ padding:10px 2%; margin:10px 0}
/* GE - changement le 28/04/2023 */
/*.eco_commentaire{ width:100%; float:left; margin:10px 0; text-align: center; font-weight:900;}*/
#MailFormEcoscore .affichageForm {  margin: 12px 0;  width: 100%;  float: left; background:#eee; padding:10px 15px; border-radius:6px;
border:1px solid #ddd}
#MailFormEcoscore .Form_titre{ font-size: 180%;color: #191E38;margin:5px 0;font-family: 'Baloo', cursive;}
#MailFormEcoscore .affichageForm > label{ font-size: 105%;color: #000;  margin-top:10px;font-family: inherit; font-weight: bold; font-weight: 700}
#MailFormEcoscore .affichageForm > label.sous-label{ font-size: 100%;color: #000;margin:5px 0;font-family:inherit; font-weight:900; ; margin-top:5px}
#MailFormEcoscore .affichageForm textarea{ width:100%; float:left;border:1px solid #999; margin:5px 0;border-radius:6px;}

form#MailFormEcoscore  .affichageForm input[type="text"] {  width: 100%; float:left;  height: auto;  margin: 2px 0; font-family: inherit;
border:1px solid #999; margin:5px 0; border-radius:6px;}


/*.Eco_rubrique_title{ font-size: 165%;color: #191E38; font-family: 'Baloo', cursive; margin:15px 0 5px 0; display: block;}*/
.Eco_rubrique_title{ font-size: 165%;color: #FFCC00; font-family: 'Baloo', cursive; margin:15px 0 5px 0; display: block;}


.global_question{ width: 100%; float:left; margin:10px 0}
.question_titre{ font-size: 100%;color: #000;margin:5px 0;font-family:inherit; font-weight:900; ; margin-top:5px}
.global_question select{  margin:0 5px}

.onglets li.en-attente{ background-color: #fead12;}
.onglets li.a-valider{ background-color: #C10F29;}
.onglets li.est-validee{ background-color: #489524;}
.onglets li.en-attente a, .onglets li.est-validee a{  color: #fff;}

/*form .affichageForm label span.comm.info-utile:before{ content: url(/charte/info.png); padding:2px 3px 0 0; float:left;bottom:-6px; position:relative}*/
/*Changement GE - 15/02/2023 */
form .affichageForm label span.comm.info-utile:before{padding:2px 3px 0 0; float:left;bottom:-6px; position:relative}


#MailFormEcoscore .Form_section{ width:100%; float:left; margin:20px 0; }
.optional{ width:100%; float:left; padding:0 20px; margin:5px 0}
.img_ecoscore{ width:100%; float:left; margin:5px 0}
.img_ecoscore img{ max-width: 460px}

.button.a-valider{background-color:#C10F29; color:#fff}
.form_validation_text{color:red;}


form .affichageForm .iti {  height: 25px;  margin: 2px 0; width:100%; z-index:10;padding: 0 6px 6px 0;}
form .affichageForm .iti input[type="tel"]{margin:0; padding:0; float:left; padding-left:  48px;}
form .iti__country {  padding: 1px 10px;  outline: none; font-size:85%}

/* GE 28/11/2022 14h00*/
form .eco_new_question {color: #0070ff; display:block; font-size:130%; font-style: italic}
form .eco_new_question::before{ content:"> "}
form .eco_new_question::after{ content:" <"}
.ecoscore_notAnswered span { display:block;}



/*onglets*/
.fiche_webcim_onglets{float:left; width:100%; color:#ffffff; text-align:center; margin-top:10px; }
.fiche_webcim_onglets li a{color:#fff; text-decoration:none; display:block;  padding:0;padding:5px 5px ; font-size:90%}
.fiche_webcim_onglets ul{margin:0; padding:0; list-style-type:none; display: flex; width: 100%}
.fiche_webcim_onglets li{ list-style-type:none; margin:0; padding:0; display:inline; float:left;  
 border:1px solid #000; border-radius:6px 6px 0 0; background-color:#909090; margin-bottom:-1px; z-index:1}
.fiche_webcim_onglets li.courant, .fiche_webcim_onglets li:hover{background-color:#fff; border-bottom: 1px solid #fff}
.fiche_webcim_onglets li.courant a, .fiche_webcim_onglets li:hover a{ color:#000}
/* contenu bloc onglets */
.contenu_onglet{float:left; width:100%; border:1px solid #000;margin-top:-1px;  margin-bottom:15px; background:#EDEDED; padding:20px;
border-radius:0 0 6px 6px;}

.accordion .contenu_onglet{ width:100%; float:left; padding:10px 15px; margin-bottom:10px; background:#fff}

/* */ 
.bloc-choix-finaliser, .eco-bloc-choix-form{ width:100%; float:left; margin:15px 0 0 0; }
.eco-bloc-choix-form .choix-finaliser, .eco-bloc-choix-form .eco-choix-form { width:32%; float:left; background-color:#efefef; min-height:80px; line-height:70px;
 border-radius:5px; margin:5px 1% 5px 0 !important; text-align: center; background-image:none !important}
.choix-finaliser:hover, .choix-finaliser.active, .eco-choix-form:hover, .eco-choix-form.active{background-color:#191E38;}
.choix-finaliser a, .eco-choix-form a{ color:#191E38; background:none; text-align:left;  font-family: 'sinkin_sans700_bold';
  padding:15px 15px; line-height:130%;vertical-align:middle; display:inline-block; text-decoration:none; text-align:center; width:100%; height:100% }
.choix-finaliser a:hover, .eco-choix-form a:hover{background:#B10D10}
.choix-finaliser:hover a, .choix-finaliser.active a, .eco-choix-form:hover a, .eco-choix-form.active a{background:none; text-decoration:none; color:#fff}
.choix-finaliser a span, .eco-choix-form a span{ font-size:80%; display:block;  font-family: 'sinkin_sans400_regular'; line-height:normal;}

/* choix widget */
.choix-widget{background-color: #191E38; width:100%; float:left; padding:15px; border-radius:6px; margin:15px 0}
.choix-widget select{ padding: 10px 15px; background-color:#ffffff; color:#000000; display: inline-block; height: 38px; border:none;}
.choix-widget input[type="submit"]{padding: 8px 15px; border:none; display: inline-block; height: 38px; margin:0 5px}

#MailFormEcoscore .affichageForm.notAnswered > label{ color:#E10714}


@media (max-width: 520px){
     .page-int.page-adherent .z-contenu {  width: 100%;  padding: 10px .5% 20px .5%;}
     .onglets li{padding: 5px; font-size:13px}
 .eco-bloc-choix-form .choix-finaliser, .eco-bloc-choix-form .eco-choix-form {
  height: auto;  line-height: 110%;  width: 100%;  margin: 6px 0; min-height:30px}    

     /* .Eco_rubrique_title{ font-size: 150%; margin:10px 0 5px 0;line-height:120%} */
     .Eco_rubrique_title{ font-size: 150%; margin:10px 0 5px 0;line-height:120%; color:#FFCC00}
     
#MailFormEcoscore .affichageForm > label {  font-size: 95%;  margin-top: 5px;}
.page-int.page-adherent input[type="checkbox"], .page-int.page-adherent input[type="radio"]{ 
 width:18px; height:18px;  margin:0 1px 0 0; top:2px; border: 1px solid #1d1d1b;}
.page-int.page-adherent input[type="checkbox"]:checked::after, .page-int.page-adherent input[type="radio"]:checked::after{  
  left: 2px;  font-size: 12px;  color: #1d1d1b; }
     .optional {  padding: 0 5px;  margin: 2px 0;}
  
     #MailFormEcoscore .GroupRadio label{ font-size:95%; margin-right: 10px;}
     
}

/* MC - 2023-05-22 */
/* refus formulaire */
.eco_box_refus{ border:2px solid #C91013; padding:15px; text-align: center; font-weight: 900; 
     color:#C91013; font-size:110%; margin:10px 0 }
.eco_box_refus.texte{ border: none; font-size:100%; font-weight: 600; padding:0; margin:0}
#FormEcoscoreRefus{ width:100%; float:left; text-align: center}
#FormEcoscoreRefus textarea{ width:100%; float:left}
#FormEcoscoreRefus input{margin:10px; }

/* Ajout GE 14/11/2023 - Partie Spinner*/
.admin_box a {
     background: #E5B62D;
     color: #fff;
     font-family: 'Baloo', cursive;
     border: none;
     padding: 5px 15px;
     border-radius: 30px;
     margin: 6px 10px;
     float: left;
     text-decoration: none;
}
.spinner {
     display: inline-block;
     opacity: 0;
     width: 0;
     -webkit-transition: opacity 0.25s, width 0.25s;
     -moz-transition: opacity 0.25s, width 0.25s;
     -o-transition: opacity 0.25s, width 0.25s;
     transition: opacity 0.25s, width 0.25s;
}
   
.has-spinner.active {
     cursor:progress;
}
   
.has-spinner.active .spinner {
     opacity: 1;
     width: auto;
}
   
.has-spinner.btn.active .spinner {
     min-width: 20px;
     box-sizing: border-box;
     display: inline-block;
     width: 20px;
     height: 20px;
     border: 2px solid #fff;
     border-radius: 50%;
     animation: lds-ring 1.2s cubic-bezier(0.5, 0.5, 0.5, 0.5) infinite;
     border-color: #fff #fff transparent;
     left: 5px;
     top: 6px;
     vertical-align:middle;
}
   
@keyframes lds-ring {
     0% {
          transform: rotate(0deg);
     }
     100% {
          transform: rotate(360deg);
     }
}

/* GE - Partie Téléchargement de documents Ecoscore 08-03-2024 */
.eco-bloc-download{ width:100%; float:right; margin:15px 0}
.eco_title{ display:block; font-weight:900; font-size:120%}
.eco_text{ display:block; }
a.eco_link {  background: #E5B62D;  color: #191E38;  font-size: 120%;  display: inline-block; text-decoration: none;
  padding: 6px 15px;  font-family: 'Baloo', cursive;  border-radius: 30px; margin:10px 0}
  a.eco_link:hover {  background:#191E38 ;  color: #E5B62D; }
@media (min-width: 992px) { 
  .eco-bloc-download{ width:35%;}
}
.eco_notice{  width:100%; float:left; margin:15px 0; color: #C10F29; font-weight:700; font-size:115%}