.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%;}
.float_left, .image_gauche{float:left;}
.float_right, .image_droite{float:right;}
.image_gauche{margin:15px 25px 15px 0px;text-align:center;}
.image_droite{margin:15px 0px 15px 25px;text-align:center;}
.image_simple{ margin:15px 0}

.bloc-colonne{display:table-cell;}
/*palette illicopage*/
.titre_rub_{ display:none}
#div_modif_illicopage{ width:auto; text-align:center; padding:15px; background:rgba(255,255,255,.6); z-index:100}
.nom_user{color:#FF0000;font-weight:bold;}
.user_courant{font-weight:bold;text-align:center;display:block; }
.user_fonction{text-align:center;display:block; }
#div_modif_illicopage > div{ display: inline-block}
.lien_menu{ padding:8px 12px; background:rgba( 0,0,0,.7); display:block; color:#ffffff !important; text-decoration: none; 
   border-radius:15px; margin:2px 1px}
.lien_menu:hover{ background:rgba( 0,0,0,1);}
.illico_important{font-weight:bold;}
.gm-style img{max-width:inherit}
.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;}

.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;}

/* Tableau */
th, table.centrer td{text-align: center;}
th, td{ margin: 0; padding: 5px}

.btn-action {display:flex;justify-content:center;}
.btn-action button {margin:0 5px;background-color:#5095b6;color:#fff;padding:3px 10px;border-radius:18px;border:1px solid #5095b6;cursor:pointer;}
.btn-action button:hover {background-color:#fff;color:#5095b6;}

input[type="submit"], a button, input[type="reset"] {margin:0 5px;background-color:#006F6A;color:#fff;padding:3px 10px;border-radius:18px;border:1px solid #006F6A;cursor:pointer;}
input[type="submit"]:hover, a button:hover, input[type="reset"]:hover {background-color:#fff;color:#006F6A;}


/*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:10px 0; width:100%;  float:left; background: rgba(0,0,0,.2); 
   border-radius:10px; padding:15px; text-align:left;}
form .affichageForm label span.comm{margin-top:.2em; font-size:.8em; font-style:italic; }
form .affichageForm label{display:block; float:left;  width:auto; min-width:0;font-size:110%; text-align:right; font-weight:bold; /*cursor:pointer;*/ margin-bottom: 10px;} 
form .affichageForm input,form .affichageForm textarea, form .affichageForm select, form .affichageForm radio, form .affichageForm checkbox {margin-left:25px; padding:2px 4px; }
form .affichageForm > input, form .affichageForm textarea{min-width:50%; position: relative;display: inline-block;background: #fff;border-radius: 10px;border:none; padding: 12px; width:100%;margin:0}
form .affichageForm textarea {height:6em;  }
form .FormButton {text-align:center; padding:0px 0px; margin:0 0 20px; }
.GroupRadio {float:left; position:relative; margin-left:12px}
.GroupRadio > div{ display:inline-block}
.GroupRadio > div label{ font-weight: normal}
.GroupRadio input{margin-left:12px !important; }
.GroupRadio select {position:relative;  left:12px; margin-left:0px !important; }
.GroupRadio label{position:relative;  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; color:white !important;}
.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-weight:bold; color:#EB7600; font-size:150%; margin:15px 0; border-bottom: 1px dotted #EB7600; width: auto;}
.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{ text-align: center}
.LabelCaptcha label {font-weight:bold; }
.CodeCaptcha {  float:left; margin-bottom:15px; text-align: center }
.g-recaptcha > div{ margin:0 auto}
.FormButton input{ background: #545454; border:none; padding:6px 15px; cursor: pointer; color:#ffffff}
.FormButton input:hover{ background: #343434;}
/*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:32px; height:32px; line-height:32px !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%; margin:0 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;}}

/* carte interactive */
.mapg, .mapd{ width:24%;}
.mapg-carto, .mapd_carto{ width:75%; margin:0; padding:0}
td .bloc_isole{ margin:0px !important}
#Cartographie_carte{ }
.maph, .mapb, .maph-cato, .mapb_carto{ width:94%; float:left; padding:20px 3% !important; background:#ffffff; border:none !important}
.Carto_onglet { float: left; padding-right: 2%; width: 100%; }
.Carto_legende_titre { background: #0095C7 none repeat scroll 0 0; color: #fff; font-weight: bold; padding: 1% 2% 1% 3%; }
.Carto_legende_titre > span { display: table-cell; height: 36px; vertical-align: middle; }
.elmt_map{ width:100%; float:left; min-height:30px; padding:5px 0; border-bottom:1px dotted #C3D500}
.elmt_map input{ float:left;  min-height:24px; margin-right:4px }
.elmt_map img{ float:left; margin-right:4px }

/* Thickbox */
#TB_window {font-size: 90%;position: fixed;background: #000;z-index: 102;color:#fff;display:none;text-align:left;
	top:50%;left:50%;padding:0}
#TB_secondLine {color:#bbb; margin:0; font-size: 90%; }
#TB_window a:link {color: #999; }
#TB_window a:visited {color: #999;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #999;}
#TB_window a:focus{color: #999;}
#TB_overlay {	position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {	background-color:#000;	filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */
   position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
* html #TB_window { position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 0 0 0 0; width:100%}
#TB_caption{float:left; padding:6px 15px; height:auto;  width:100% ; }
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;	float:right;}
#TB_ajaxWindowTitle{	float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;	overflow:auto;	text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;	height:13px;width:208px;z-index:103;top: 50%;left: 50%;
	margin: -6px 0 0 -104px; }
* html #TB_load { position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{	z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);
	-moz-opacity: 0;opacity: 0;height:100%;	width:100%;}
* html #TB_HideSelect {     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;	border:none;margin-bottom:-1px;margin-top:0px;	_margin-bottom:1px;background:#fff}
#TB_prev{  position:absolute; left:0; top:45%}
#TB_next{ position:absolute; right:0; top:45%}
#TB_next a, #TB_prev a{ position:absolute; top:0; right:0; left:0; bottom:0; width:40px; height:70px;  display:block; text-indent:-5000px;}
#TB_closeWindow{ position:absolute; right:0; top:0; height:auto; ;
text-align:center}
#TB_closeWindow a{ width:40px; height:36px;  display:block; text-indent:-5000px;}
#TB_closeWindow a:before{ content:"X"; color:#fff; position:absolute; background:rgba(0,0,0,.5); top:0; right:0; width:30px; height:28px; font-size:22px;text-indent:0px; padding:6px; }

#TB_prev:before{ content: url(/charte/left.png); background:rgba(0,0,0,.5); width:40px; height:70px; display:block;  }
#TB_next:before{ content: url(/charte/right.png); background:rgba(0,0,0,.5); width:40px; height:70px;display:block }

#Div_contenu{ width:100%; float:left; margin:40px 0; text-align: center; font-size:110%; font-weight:700}
#Div_contenu a{ display: inline-block; margin:15px; background:#f06d2d; padding:10px 20px; color:#ffffff; text-decoration: none}
#Div_contenu a:hover{ background:#666666; }

a.icon_pdf,  a.icon_doc,  a.icon_docx,  a.icon_fichier{ padding:5px 10px; display: inline-block; margin:2px 0; border:1px solid #444; border-radius:10px; 
	text-decoration: none; color:#000}
a.icon_pdf:hover,  a.icon_doc:hover,  a.icon_docx:hover,  a.icon_fichier:hover{ background: #ddd}
 a.icon_fichier:before, a.icon_doc:before, a.icon_docx:before{ content:url(../images/librairie/feuilleter.png) ;  
  position:relative; width:21px; height:21px;float:left; margin:0 5px 0 0}
  a.icon_pdf:before{ content:url(../images/librairie/pdf1.png) ;  
  position:relative; width:21px; height:21px;float:left; margin:0 5px 0 0}

@media (min-width:990px) {
form .affichageForm > input, form .affichageForm textarea {   padding: 15px 20px;}
  form .affichageForm{padding:15px 25px}

}