html, body {
	font-family: Optima;
	margin: 0px;
	font-size: 11pt;
	background: #DDD;
	height: 100%;	
}

div{
	margin: 0px;
	padding: 0px;	
	overflow: auto;
}

h1{
	font-weight: bold;
	color: #26509B
}


a{
	text-decoration: none;
	color: #26509B;
}
/* LAYOUT */
#div_site{
	width: 90%;
	height: 100%;
	margin: auto;
	background: #DDD;
}

#div_header{
	width: 100%;
	min-height: 10%;
	background: #FFF;
}

#div_content{
	width: 94%;
	min-height: 60%;
	background: #FFF;
	padding: 3%;
}

#div_footer{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 5px;
	background: #FFF;
	font-size: 0.7em;
	text-align: center;
	color: #747474; 
}

#div_logo{
	width: 20%;
	float: left;
}

#div_menu{
	padding-top: 1%;
	width: 75%;
	font-size: 1.3em;
}

.img_logo{
	width: 90%;
	padding: 5px;
	
}

.message_important{
	width: 80%;
	margin: auto;
	border: 2px solid #CC2B34;
	margin-bottom: 20px;
	padding: 3px;
	background: #FBEDED;
}

/* MENU */
#menu_gauche{
	width: 45%;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
}

#menu_droite{
	width: 45%;
	
}

.a_lienmenu{
	text-decoration: none;
	color: #747474;	
}

.a_menuselect{
	text-decoration: none;
	color: #26509B;
}

/* NEWS */
.div_news{
	width: 70%;
	margin: auto;
}

.titre_news{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.2em;	
	font-weight: bold;
	color: #26509B;
}

.content_news{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #747474;	
	text-align: justify;
}
.footer_news{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: italic;
	font-size: 0.7em;
	color: #747474;	
}

.img_news{
	max-width: 80px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* GROUPES */
.div_groupes{
	width: 80%;
	margin: auto;
}

.grp_gauche{
	width: 48%;
	float: left;
	margin-right: 4%;
}

.grp_droite{
	width: 48%;
}

.grp_min{
	border: 1px solid #999;
	padding: 3px;
	color: #747474;
}

.grp_head{
	text-align: center;
	font-size: 1.1em;	
	font-weight: bold;
	color: #26509B;
	padding-top: 3px;
	padding-bottom: 3px;
}

.grp_remarque{
	color: #CC2B34;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: center;
}

.grp_sstitre{
	font-weight: bold;
	color: #26509B;
	padding-top: 15px;
}

.a_scroll{
	font-size: 0.9em;
	color: #747474;
}

/* CALENDRIER */
.cal_annee{
	
	float: left;
	margin-right: 30px;
}
.cal_mois{
	width: 80%;
	margin: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 1.1em;	
	font-weight: bold;
	color: #26509B;
	margin-top: 30px;
	background: #EDF5FB;
	
}

.div_evenement{
	width: 80%;
	margin: auto;
	color: #747474;
	
	
	
}

.cal_date{
	width: 20%;
	float: left;
}

.cal_header{
	width: 80%;
}

.cal_intitule{
	float: left;
	
}
.cal_lieu{
	float: left;
	margin-right: 10px;
	color: #26509B;
	font-style: italic;
}
.cal_plus{
	
	margin-left: 10px;
	font-style: italic;
	float: left;
}
.cal_infos{
	width: 80%;
	
	padding-top: 3px;
	padding-left: 5%;
	
	font-style: italic;
}

.cal_info_texte{
	width: 100%;
	font-size: 0.8em;
	text-align: justify;
}

.cal_info_dl{
	float: left;
	margin-right: 10px;
	text-align:center;
	font-size: 0.8em;
}

.a_scroll_cal{
	font-size: 0.8em;
	color: #747474;
}

/* SOCIETE */
.ste_texte{
	width: 80%;
	margin: auto;
	
}
.ste_gauche{
	width: 45%;
	float: left;
	margin-right: 5%;
}
.ste_droite{
	width: 45%;

}
.ste_titre{
	width: 100%;
	margin: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 1.1em;	
	font-weight: bold;
	color: #26509B;
	margin-top: 30px;
	background: #EDF5FB;
	margin-bottom: 5px;
}

.div_comite{
	width: 100%;
	margin: auto;
	margin-bottom: 3px;
	color: #747474;
}
.com_fonction{
	float: left;	
	font-weight: bold;
	color: #26509B;
	margin-right: 10px;
}
.com_nom{
	float: left;
	
}
.com_contact{
	width: 100%;
	font-size: 0.9em;
	font-style: italic;
}
.com_lien{
	color: #747474;
}

.com_adresse{

	width: 100%;
	color: #747474;
}

/* PAGE GENERALE (OCCASIONNELLE) */
.general_frame{
	width: 80%;
	margin: auto;
	color: #747474;
}

.general_titre{
	width: 100%;
	margin: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 1.1em;	
	font-weight: bold;
	color: #26509B;
	margin-top: 30px;
	background: #EDF5FB;
	margin-bottom: 5px;
}
.general_texte{
	width: 100%;
	margin-bottom: 5px;
	text-align: justify;
}

.general_lien{
	color: #747474;
}