@font-face {
    font-family: 'gotham_boldregular';
    src: url('/fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('/fonts/gotham-bold-webfont.woff') format('woff');
    font-weight: normal;    font-style: normal;
}	


.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:5px 5px 5px 0px;text-align:center;}
.image_droite{margin:5px 0px 5px 5px;text-align:center;}
/*quand bug 2colonnes et legendes*/
/*.image_simple{display:table; margin:0 auto} 
@media (max-width:990px) {.image_simple{display:inherit;}}
*/
.bloc-colonne{display:table-cell;}
/*palette illicopage*/
/* #div_modif_illicopage{ width:110px; position:absolute; top:0; left:-130px; text-align:center; padding:5px; background:#ffffff} */
#div_modif_illicopage{ text-align:center; padding:5px; background:#ffffff}
.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;/*marge interieure*/margin-right:3px;vertical-align:top;}
/*.image_ombree{display:inline-table;}*/
.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: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align: center;color: #505050;background-color: #ece9d8;border: 1px solid #AAAAAA;}
.dpTD {cursor: pointer;}
.dpDayHighlightTD {background-color: #CCCCCC;border: 1px solid #AAAAAA;cursor: pointer;}
.dpDayTD {background-color: #CCCCCC;border: 1px solid #AAAAAA;color: white;}
.dpTitleText {font-size: 12px;color: gray;font-weight: bold;}
.dpDayHighlight {color: #4060ff;font-weight: bold;}
.dpButton {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;padding: 0px;}
.dpTodayButton {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;}

#datepicker{ background:#dedede;  text-align:center;}
.dpTitleTR{ background:#cccccc;  text-align:center;}
.dpDayTR, .dpTR{ text-align:center;}
td.dpDayTD{ text-align:center; width:14%;  }


/*Formulaire*/
.FormAffiche {width:100%; }
form .affichageForm {margin:5px 0; width:100%; clear:both; float:left; }
form .affichageForm label span.comm{margin-top:.2em; font-size:.8em; font-style:italic; }
form .affichageForm>label{display:block; float:left; min-width:170px; width:30%; text-align:right; font-weight:bold; /*cursor:pointer;*/ }
form .affichageForm input,form .affichageForm textarea, form .affichageForm select, form .affichageForm radio, form .affichageForm checkbox {margin-left:12px; padding:2px 4px; }
form .affichageForm textarea {height:6em;  }
form .FormButton {text-align:center; padding:0px 0px; margin:0 0 20px; }
.GroupRadio {float:left; /*top:-17px;*/ position:relative; }
.GroupRadio>br:first-child{display:none}
.GroupRadio input{margin-left:12px !important; }
.GroupRadio select {position:relative; /*top:20px;*/ left:12px; margin-left:0px !important; }
.GroupRadio label{position:relative; /*top:-3px !important;*/ left:3px !important; display:inline !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:10px; border:1px solid red; background-color:#FFDDCC; color:black; }
.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*/
.TextCaptcha{display:none; }
 .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; height:380px; }
.album_agrandie img{ max-height:370px}
.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.6%; margin:10px 1%; padding:10px 0;  text-align:center; border:1px solid #E7E8E8; background-color:#f2f2f2;
 border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.documentGEDI img{ margin:0 0 0.7em; } /*border:1px solid #ccc;*/
@media (max-width: 360px){.documentsGEDIllustre{width:auto;}}
.documentsGEDHorizontal .documentGEDI{display:inline-table; width:100%; margin:10px 0; padding:10px 2%;  text-align:left; }
.documentsGEDHorizontal .documentGEDI_Image{ float:left}
.documentsGEDHorizontal .documentGEDI_Image img{ margin:0 15px 0 0 ;}


/* Mediatheque */
.erreur-mediatheque { padding: 10px; margin-bottom: 5px; clear:both; display:block; width:94%; border: 1px solid red; background-color: #FFDDCC; }
.erreur-mediatheque h4 { color: black; margin: 0 0 5px; font-weight: bold;}
.erreur-mediatheque li { margin-left: 15px; }
.succes-mediatheque { padding: 10px; margin-bottom: 5px; clear:both; display:block; width:94%; border: 1px solid green; background-color: #D0FFCC; }
.lien-selection{ width:100%; float:left; margin: 5px 0;}
.lien-retour a, .lien-selection a { background: #454545; color: #ffffff; font-weight: bold;  padding: 3px 20px; float:right;
border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.mediatheque-type-fichier { font-weight: bold; }

.mediatheque{ width:100%; float:left;}
.mediatheque a{ text-decoration:none !important}
.mediatheque a:hover{ text-decoration:underline !important}
.mediatheque h2, .mediatheque h3{ width:100%; float:left;}
.liste-sous-famillles{ width:100%; float:left; }
.sous-famille{ width:140px; float:left; margin:5px 1%; height:140px; overflow:hidden; position:relative;}
.sous-famille-vignette img{ min-width:100%; min-height:140px}
.sous-famille-lien{ position:absolute; left:0; bottom:0px; width:100%; float:left; padding:3px 0; text-align:center;
background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6); }
.sous-famille-lien a, .nom-fichier a{ color:#ffffff !important; display:block;}
.liste-fichiers{ width:100%; float:left; }
.liste-fichiers a{ display:block;}
.fichier{ width:32%; float:left; margin:5px 1% 5px 0.3%; text-align:center;  background:#333; 
  border-bottom:1px solid #cccccc; min-height:15vw; color:#ffffff ; }
.apercu-fichier{ width:100%; float:left; position:relative; }
.apercu-fichier img{ width:auto}
.loupe-fichier{ background:rgba(0,0,0,0.3) url(/charte/ok.png) center center no-repeat; width:100%; height:100%; position:absolute;
left:0; top:0; opacity:0 }
.fichier:hover .loupe-fichier{ opacity:1}
.nom-fichier .thickbox{  position:relative; z-index:1; background-color:#333; padding:2px 0;width:100%; float:left; color:#ffffff; margin-top:-10px}
.credit-fichier{ font-style:italic; font-size:90%}
.selection-fichier{   margin:2px 0; }
.selection-fichier ul{ margin:0; padding-left:0; }
.selection-fichier li{ margin:0; list-style: none}

/* selection */
.mediatheque-selection{width:100%; float:left;}
.mediatheque-selection p{ width:100%; float:left; text-align:center;margin:5px 0; padding:5px 0; background:#eeeeee; border-bottom:1px solid #cccccc}
.mediatheque-selection p a{ float:right; margin: 10px 12px 0 0; text-decoration:none; color:#000000;}
.selection-fichier .mediatheque-lien-suppr img{height:20px;}

/* Thickbox */
#TB_caption{ width:60%; padding:8px 4%; height:auto; }
#TB_secondLine{ width:100%; float:left; padding-bottom:26px; position:relative;}
#TB_next a, #TB_prev a{ width:48%; float:left; margin:3px 0; position:absolute; bottom:0;
color:#ffffff !important; background:#000000; text-align:center; text-decoration:none;
font-weight:bold; padding:4px 0;}
#TB_next a{ right:0}
#TB_prev a{ left:0}
#TB_closeWindow{ position:absolute; right:12px; bottom:11px; height:auto;  padding:0;
 width:26%; text-align:center}
#TB_closeWindow a{   padding:3px 0; background:#cccccc; width:100%; display:block;
text-decoration:none; font-weight:bold; }

/* Contact ADT */

.ensemble {  display: flex;width: 102%; margin-left:-1%;flex-direction: row;flex-wrap: wrap;align-items: stretch;}
.boite{    position: relative;overflow: hidden; text-align:center;margin: 15px 1% 15px 1%;
  width: 31.33%;display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch;
font-size:110%; }
.contenu{ text-align:left; padding: 15xp 20px;}
.Nom{font-size: 140%;line-height: 130%;margin: 8px 0; color:#e43434; font-family: 'gotham_boldregular';}
.Fonction::before{ content:"- "; color:#e43434;}
.Chef{ text-transform: uppercase; margin: 3px 0;}
.Service{ font-weight: bold; margin: 5px 0;}
.Email{ font-style:italic; margin: 2px 0;}
.Lien { margin: 2px 0;}
.Lien a{ color:#e43434; text-decoration: none; }
.contenu span{ display:block}
.image img{ max-width:100%}
.bouton, .showall{background-color: #dcdcdc; margin:4px; display: inline-block;vertical-align: middle;
  padding: 0 20px; height: 30px;line-height: 30px; font-size: 110%;text-align: center;
box-sizing: border-box; cursor: pointer; text-transform: uppercase;
text-decoration: none;  border-radius: 60px; color: #565455; font-weight:bold}

.bouton:hover, .showall.active, .showall:hover, .bouton.active {
    color: #fff;   background-color: #363435;   border-color: #363435;}

.contenu .MotsCles{ text-indent:-6000px; visibility: hidden; font-size:1px; height:0px}


@media (max-width: 990px){
.boite{ width: 48%;}
}
@media (max-width: 600px){
.boite{ width: 98%;}
}