/* Global */
@font-face {
 	font-family: 'Lato';
 	font-weight: normal;
 	src: url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
}
@font-face {
 	font-family: 'Lato';
 	font-weight: bold;
 	src: url('../fonts/Lato/Lato-Bold.ttf') format('truetype');
}
.showonphone {
  	display: none;
  }
.hideonphone {
	display: block;
}
.hideonphoneIB {
	display: inline-block;
}
.flexdisplay {
	display: flex;
}
.menuG_div {
	margin-bottom: 0;
	margin-bottom:16px;
}
.menu_gauche {
	flex:0 0 250px;
	flex-grow: 0;
	vertical-align:top;
	overflow-x: hidden;
	background-color: #fff;
	margin-bottom: 10px;
	margin-right: 30px;
	
}
.menu_gauche p {margin: 0;}
.menu_gauche h4 {font-weight: bold;font-size: 17px;padding-bottom: 6px;cursor: pointer;}
.main_div {
	flex: 2;
}

@media screen and (max-width: 500px) {
	.mosaique div {	
		width: 100%;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 874px) {
	#top_menu {
    	display: none;
  	}	
	#top_menu a {
    	background-color: #444;
    	width: 100%;
    	text-align: left !important;
    	border-bottom: 1px solid #888;
		box-sizing: border-box;
  	}	
	#top_menu a:first-child {
    	border-top: 1px solid #888;
  	}	
	.hideonphone {
		display: none !important;
	}
	.hideonphoneIB {
		display: none;
	}
	.showonphone {
		display: block;
	}
	div.principal {
		max-width:100%;
		background-color:#fff;
		padding:20px 20px 50px;
		z-index:95;
		color:#333;
		min-height:800px;
		margin:0 auto;
	}  
	div.logo {
		padding-top: 7px;
	}
	.flexdisplay {
		display: block;
	}
	.menu_gauche {
		width: 100%;
	}
	.menu_gauche h4 {
		margin: 0;
		padding: 0;
	}
}
html {
	margin:auto;
	font-family:'Lato';
	font-size:14px;
}
body {
	color:#666;
	margin:0 auto;
	background-color:#f9faf8;
	line-height:1.5em;
	word-break: break-word;	
}
a {
	text-decoration:none;
	color:#0083f9;
	cursor: pointer;
}
a:hover {
	text-decoration:none;
	color:#ff763c;
}
.a_btn {
	border-style: none;
	padding:7px 20px;
	background-color: #f9faf8;
	border-radius: 4px;
	border:1px solid #0083f9;
	font-family:'Lato';
	line-height: 3.5em;
}
.a_btn:hover {
	color:#0083f9;
	background-color: #dbedffff !important;
}


p {
	margin-top: 0;
}
h1,h2,h3,h4,h5 {
	margin:0px;
	padding-bottom:14px;
	font-weight: normal;
	color:#4ba700;
	line-height: 1em;
	
}
h1 {font-size:32px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:15px;padding-bottom: 8px;font-weight: bold;}
hr {padding:0px;border-style: none;border-bottom: 1px solid #91bde5;}
fieldset { border:1px solid #e9e6d9;border-radius: 8px;}
img {
	border-width:0;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
sup {
	font-size: xx-small;
	line-height: 4px;
}
table tr td {
	word-break: normal;	
}

input[type="text"],input[type="file"],input[type="password"],input[type="number"], textarea, select { border:1px solid #e9e6d9;padding:7px 8px;border-radius:4px;font-family:'Lato';background-color: #f9faf8;color:#666;}
input[type="text"]:focus,input[type="file"]:focus,input[type="password"]:focus,input[type="number"]:focus, textarea:focus, select:focus {outline: 0px solid transparent;}
select {padding:6px 8px;}
input[type="button"],input[type="submit"],input[type="reset"],button {border-style: none;padding:8px 20px;background-color: #f9faf8;border-radius: 4px;font-family:'Lato';}
textarea {line-height: 1.5em;font-size: inherit;}

.entete {max-height:112px;padding:0px;background: url('../images/entete_fond_0.jpg?_=2') center #fff;text-align: center; }
.logo {
	max-width:960px;
	margin: 0px auto;
	text-align: left;
	padding-top: 7px;
	padding-left: 16px;
}

/* ===== MENU  =====  */ 
.top_menu_bandeau {
	background-color:#313230;
}
#top_menu {
	z-index:111;
	margin:0;
	max-width: 940px;
	margin:0 auto;
}
#top_menu a {
	display: inline-block;
	font-family:"Lato";
	font-size:15px;
	text-decoration:none;
	text-align:center;
	padding: 9px 13px;
	color:#e5ddc6;
}
#top_menu a:hover{
	background-color:#584a33;
}
.item_espace_adh {
	color:#92df52 !important;
}
/* ===== Bouton de menu surligné ======  */ 
.btnMenuSurlig {
	font-size: 14px;
	margin: 0px 5px 8px 0px;
	padding:5px 12px 9px !important;
	cursor: pointer;
	border-radius: 0 !important;
	border-bottom: 4px solid #f3f3f3 !important;
	background-color:transparent !important;
	color: #0083f9;
	text-align: left;
}
.btnMenuSurlig:hover {
	border-bottom: 4px solid #ccc !important;
}
.btnMenuSurligActif {
	font-weight: bold;
	border-bottom: 4px solid #92cb58  !important;
	color: #666;
}
.btnMenuSurligActif:hover {
	border-bottom: 4px solid #92cb58  !important;
}
.masque {
    display: none;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    padding: 300px;
    background-color: #222;
    z-index: 10;
}
.alpha70 {
    opacity: .70;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.pop_up {
    display: none;
    text-align: center;
    background-color: #fff;
    position: fixed;
    width: 400px;
	min-height: 80px;
    max-height: 80%;
    padding: 25px !important;
    padding-bottom: 40px !important;
    margin: auto;
    z-index: 20;
    left: 50%;
    margin-left: -200px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 6px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.5);
}
/* ===== Menu FLEX ======  */ 
.mosaique {
	display: inline-flex;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-grow: 1;
	justify-content: center;
	margin:0 -5px
}
.mosaique div {
	font-size: 14px;
	padding: 17px 14px 16px;
	margin: 5px;
	background-color: #ecf1d6;
	color: #0083f9;
	border-radius: 6px;
	min-width: 276px;
	cursor: pointer;
	font-weight: bold;
}
.mosaique div:hover {
	background-color: #e1f195ff;
}
.mosaique div img {
	vertical-align: middle;
	margin-right: 14px;
	margin-top: -8px;
	margin-bottom: -5px;
}
/* =====  ======  */ 
.principal {
	max-width:940px;
	background-color:
	#fff;padding:34px 20px 50px;
	z-index:95;
	color:#333;
	min-height:1000px;
	margin:0 auto;
}
/* ===== FORMULAIRES ======  */
.divNomChamp {
	display: inline-block;
	width: 95px;
	margin: 7px 2px 2px;
	vertical-align: top;
}
.divChamp {
	display: inline-block;
	width: 320px;
	max-width: 100%;
	margin: 3px 0;
}
.divText {
	display: inline-block;
	width: 480px;
	max-width: 100%;
	margin: 14px 0;
}


p.bande_couleur {font-weight:bold;font-size:1.3em;width:auto;color:black;}
p.moyenne_bande_couleur {font-weight:bold;font-size:16px;color:black;height:1.5em;border-bottom:1px green solid;}
p.grosse_bande_couleur {font-weight:bold;font-size:15px;width:auto;color:black;}

.alert{color:red;background-color: #ffdbc9;padding:12px 14px;border-radius: 4px;margin-bottom: 14px;}
.info{color:#2b6201;background-color: #d0ff92;padding:12px 14px;border-radius: 4px;margin-bottom: 14px;}
.btn {background-color: #0083f9 !important;cursor: pointer;color:#fff;}
.btn:hover {background-color: #00aeff !important;}
.btnOK {background-color: #54b100 !important;color:#fff;cursor: pointer;}
.btnOK:hover {background-color: #63d000 !important;color:#fff;}
.btnSUPPR {background-color: #b15800ff !important;color:#fff;cursor: pointer;}
.btnSUPPR:hover {background-color: #e76c00ff !important;color:#fff;}
.btnCANCEL {background-color: #87756d !important;color:#fff;cursor: pointer;}
.btnCANCEL:hover {background-color: #a39087 !important;color:#fff;}
.chk, label {cursor: pointer;}
label:hover {color:#0083f9;}
.diams {color:#91b76d;padding:0 7px;}
.normal_red {color:#ff3300;}
.releves { border-collapse:collapse;}
.releves td { border:#b9b4ac 1px solid;padding:1px 8px 3px 8px;text-align:left;font-size: 14px;}
.releves th { border:#b9b4ac 1px solid;padding:3px 8px 4px 8px;text-align:left;background:#e1ddcd;font-weight: bold;font-size: 14px;}
.releves tr:hover { background-color:#fbffcc;}
.titre_local {}
.surligne {background-color:#fff799;}

.menu_releve tr td {text-align:center;}
.menu_releve a {color:black;font-size:16px;}
.menu_releve img {border:1px solid #ccc}
.menu_releve img:hover {border:1px solid #f55}

*[contenteditable="true"] {background-color: #fff;border:1px solid #e9e6d9; border-radius:4px;outline: 0px solid transparent;}
*[contenteditable="true"]:focus {outline: 0px solid transparent;}
/* *[contenteditable="true"]:hover {background-color: #f5ffe5ff;} */

.moinslarge {padding: 20px 55px !important;}

.bandeau {text-align: center;z-index: 100;padding:9px 10px 8px;background-color:#92cb58;color:#333;}
.bandeau .item {display: inline-block;cursor: pointer;}
.bandeau .item:hover {color:#f50}
.bandeau .itemlist {max-width: 950px;text-align: right;margin:0 auto;}

/* Page d'accueil */
table.accueil {display:table;text-align:center;width:710px;}
tr.accueil {display:table-row-group;}
th.accueil {display:table-cell;width:345px;background:#3a7001;color:transparent;padding:5px;}
td.accueil {display:table-cell;width:345px;vertical-align:top;text-align:left;padding:10px;}
span.date {color:black;font-size:16px;text-align:left;font-weight:bold;background-color:transparent;}
span.date_rouge {color:red;font-size:16px;text-align:left;font-weight:bold;background-color:transparent;}



/* A SUPPRIMER !!! */
ul#menu li ul{display:none;z-index:150;}
ul#menu li:hover>ul{display:block;z-index:150;}
ul#menu{margin:0px;padding:0px;list-style:none;z-index:151;max-width: 980px;margin:0 auto;}
ul#menu hr{margin-right: 4px;margin-left: 0px;z-index:150;}
ul#menu li{float:left;display:block;padding:0;z-index:150;}
ul#menu li.first{padding-left:0px;z-index:150;}
ul#menu li.last{padding-right:0px;z-index:150;}

ul#menu li a{font-family:"Lato";font-size:15px;display:block;margin:0;padding:10px 15px;color:#e5ddc6;text-decoration:none;text-align:center;z-index:150;} /* menu */
ul#menu li a:hover{background-color:#584a33;z-index:150;}
ul#menu .item_espace_adh {color:#92df52;}

ul#menu ul{position:absolute;background:#fff;list-style:none;margin:0px;padding:0px;width:200px;z-index:151;}

ul#menu ul ul{top:0px;left:220px;z-index:158;border-left:1px solid #fff} /* sous-sous-menu */

ul#menu ul li{position:relative;top:0px;float:none;margin:0px;padding:0px;text-align:left;z-index:152;} /* sous-menu */
ul#menu ul li a{font-size:15px;display:block;margin:0px;padding:0px;width:220px;border:none;vertical-align:middle;text-align:left;font-weight:normal;color:#313230;} 
ul#menu ul li a span{display:block;border:none;background-color:#f1ede1;cursor:hand;padding:10px 15px;border-bottom:1px solid #fff}
ul#menu ul li a.next span{background:url(../images/fleche01_D.png?_=2) no-repeat #f1ede1 195px;vertical-align:middle;}
ul#menu ul li a.next:hover span{vertical-align:middle;}
ul#menu ul li a.next_last span{background:url(../images/fleche01_D.png?_=2) no-repeat #f1ede1 195px;vertical-align:middle;}
ul#menu ul li a.next_last:hover span{vertical-align:middle;}
ul#menu ul li a:hover span{vertical-align:middle;background-color:#d9d3c1;}
ul#menu ul li.first{vertical-align:middle;padding-left:0px;}
ul#menu ul li.first a{vertical-align:middle;padding-top:0px;}
ul#menu ul li.first1{vertical-align:middle;padding-left:0px;}
ul#menu ul li.first1 a{vertical-align:middle;padding-top:0px;}
ul#menu ul li.last{padding-right:0px;}
ul#menu ul li.last a{vertical-align:middle;}
ul#menu ul li.next{vertical-align:middle;padding-right:0px;}
ul#menu ul li.next a{vertical-align:middle;padding-bottom:0px;}
ul#menu ul li.next_last{vertical-align:middle;padding-right:0px;}
ul#menu ul li.next_last a{vertical-align:middle;height:2em;}

/* Menus Liens */
h3.liens {margin:3px;padding-bottom:10px;text-align:center;}
div.liens {width:160px;background:#fcf9ec;z-index:110;color:black;padding:8px;margin:20px 30px;border:1px solid #d5c791;text-align:center;}
.panier {}
.panier a { color:red;}
dl, dt, ul, li {margin: 0;padding: 0;list-style-type: none;}
dd {margin: 0;padding: 0;list-style-type: none; display:none;}
#menul {}
dl#menul {border:1px solid #ccc;border-width:1px 0 0 0;}
dl#menul dt {border:1px solid #ccc;border-width:0 1px 1px 1px;cursor: pointer;margin: 0px 0;height: 30px;line-height: 30px;text-align: left;font-weight: bold;background: #eee;font-weight: bold;color:black;font-size:14px;text-align:center;}
dl#menul dd {}
dl#menul li {text-align: left;background: #fbffcc;text-align:center;}
dl#menul li a, dl#menul dt a {padding:5px 10px;color: #555;text-decoration: none;display: block;border: 0 none;height: 100%;}
dl#menul li a:hover, dl#menul dt a:hover {background: #B7EFFF;}
#mentionsl {position: absolute;bottom : 200px;left : 10px;color: #000;background-color: #FFFBEB;}
#mentionsl a {text-decoration: none;color: #000;}
#mentionsl a:hover{text-decoration: underline;}

/* Membres de l'ACGC */
div.membres_ca {vertical-align: middle; color:black;text-align:left;left:20px;min-height:130px;background-color:#fff;border:1px #ddd solid;width:415px;max-width:100%;box-sizing: border-box; display: inline-block;margin:10px 0;padding-right:20px;padding:8px;border-radius: 8Spx;}
div.membres {color:black;left:20px;background-color:transparent;}
/*p.charge {line-height:1.3em;font-size:15px;width:auto;color:#fff;vertical-align:middle;background-color:#eee;padding: 2px;}*/
.nom_prenom {font-size:15px;background-color:transparent;color:black;font-weight:bold;}
a.mail_membres:link {font-style:italic;font-weight:bold;color:#655;background-color:transparent;}
a.mail_membres:before {font-style:italic;font-weight:bold;color:#655;content: url(../images/icon_email.gif);vertical-align:top;background-color:transparent;}
a.mail_membres:hover {font-style:italic;font-weight:bold;color:#655;background-color:transparent;}
a.mail_membres:visited {font-style:italic;font-weight:bold;color:#655;background-color:transparent;}
a.site_membres:link {font-style:italic;font-weight:bold;color:#655;background-color:transparent;}
a.site_membres:before {font-style:italic;font-weight:bold;color:#655;content: url(../images/icon_www.gif);vertical-align:top;background-color:transparent;}
a.site_membres:hover {font-style:italic;font-weight:bold;color:#655;background-color:transparent;}
a.site_membres:visited {font-style:italic;font-weight:bold;color:#655;background-color:transparent;}
img.texte_bas {vertical-align:baseline;}
ul li#liste_defaut {list-style-type:disclosure-closed;list-style-position:inside;}
a.mail:after {content: url(../images/icon_email.gif);vertical-align:middle;}
a.www:after {content: url(../images/icon_www.gif);vertical-align:middle;}

th.intitule {text-align:left;padding:8px 0px;border-top:1px solid #dbd7d0;color:#666;font-weight: normal;}
a.mail_questions:link {font-weight:bold;color:#655;}
a.mail_questions:hover {font-weight:bold;color:#655;}
a.mail_questions:visited {font-weight:bold;color:#655;}
div.fin {color:#877;font-weight:100;}
div.href {cursor:pointer;color:#67c111;font-weight: normal;}
div.bas_page_fixe {z-index:95;text-align:center;}
div.bas_page_fixe_in {margin:auto;margin-top:30px;margin-bottom: 40px;font-weight:bold;max-width: 100%;box-sizing: border-box;word-break: break-word;line-height: 40px;}
.lien_page {padding:10px 12px;border:1px solid #fff;margin:2px;}
.lien_page:hover { border:1px solid #dbd8cb;border-radius:4px;}
.lien_page_courante { background:#fbf9f3;color:#605b4a;padding:10px 12px;border-radius:4px;border:1px solid #aec7fe; }