/*********************************/
/*    Styles personnalisés ASSO  */
/*********************************/

/* Import de la CSS principale */

@import url("main.css"); /* ATTENTION !!! MAIN.CSS LOCALE !!!!!! */

/*  voir main.css pour autres attributs */

body {
	color:#666666;
}

/*  H E A D E R   */
#header{
	position: relative;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/fd_header.jpg);
	background-repeat:repeat-x;
	border-top: #333 solid 3px;
	margin-right: -15px; 
	z-index: 10;
}

#logo {
	position:absolute;
	top: 3px;
	left: 3px;
	z-index: 10;
}

#visuel_droit_header {
	position:absolute;
	top:0;
	right:0;
	z-index: 50;
}

/* Séparateur vertical à utiliser avec un floatRight */
.separVertical {
	border-left: 2px solid #19CEE1;
	padding-left: 20px;
	margin: 0 0 20px 20px !important;
	margin: 20px 0 20px 20px;
	background-color:#fff;
}

	/*  M E N U  G A U C H E  */

#menuGauche {
	width: 136px;
}

#menuGauche li {
	height:25px;
	list-style-type: none;
	display:block;
	background: url(../images/fd_menu_gauche.gif) no-repeat;
	padding: 0 0 0 15px;
	margin-bottom:2px;
}

#menuGauche li:hover {
	background: url(../images/fd_menu_gauche.gif) no-repeat 0 -25px;
	padding: 0 0 0 15px;
	margin-bottom:2px;
}

#menuGauche a, #menuGauche a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height:22px;
}

/* L I E N S  */
/* Seule la couleur est définie ici */
a {	color: #00A8DF;}

/*  L I S T E S   */
.listPages li{
	list-style-image: url(../images/pages/puce1.gif);
	padding-left: 0px;
	margin: 0 0 7px 0px;
	border-width: 3px;
}

.listPages2 {
	margin:0 0 0 40px;
	padding:0px
}
.listPages2 li {
	list-style-image: url(../images/puce1.gif);
	padding-left:0;
	margin: 0 0 0 -15px;
}

/*  P O L I C E S   */
/*  Redéfinition des balises titres H1 à H4 */
div.titre{
	background-image:url(/images/pages/fd_titre_pgsm_asso.gif);
	color: #bc0001;
	margin-top: 0 !important;
	margin-top: 10px;
}

div.titre h1{
	font: bold 1.5em Arial, Helvetica, sans-serif;
	display:inline;
}

h2{
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #bc0001;
	line-height:16px;
	margin-top: 0px !important;
	margin-top: 20px;
}

h2.strong {color: #6D5C54;}

h3 {
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color:#508fc4;
	padding: 0px 10px 0 0 !important;
	padding: 10px 10px 0 0;
}

h4 {
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	border-left: 3px solid #990000;
	color: #34405C;
	background-color: #fff;
	padding:5px;
	background-image: url(/images/pages/fd_encadre_titre.jpg);
	background-repeat:repeat-x;
}

h5 {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #CC6600;
	border-bottom:2px dotted #FF6600;
	margin-top: 10px;
}

h6 {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #ff0000;
	border:2px solid #FF6600;
	padding: 10px;
	background-color:#DAC9FC;
}

.profil {
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #3366FF;
}

div#boxGrise {
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	width:250px;
	float:right;
	color:#666666;
}

div#boxGrise span.boxGriseTop {
	display:block;
	background:url(../images/fd_box-grise_top.gif) no-repeat;
	height:17px;
	margin:0;
}

div#boxGrise span.boxGriseCenter {
	display:block;
	background:url(../images/fd_box-grise_center.gif) repeat-y;
	padding:1px 20px 10px 20px;
}

div#boxGrise span.boxGriseBottom {
	display:block;
	background:url(../images/fd_box-grise_bottom.gif) no-repeat;
	height:17px;
	margin:0;
}

div#boxGrise h3 {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color:#508fc4;
	margin:10px 0 6px 0 !important;
	margin:0 0 5px 0;
}




/*   M O D U L E   P H O T O   */

.title_img1 {
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #3366FF;
}


/*   S P E C I A U X   */

.fdBDEF {
	background-image: url(/images/pages/fd_bde_esgf.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.fdBDEI {
	background-image: url(/images/pages/fd_bde_esgi.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.fdBDEI {
	background-image: url(/images/pages/fd_bde_bba.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

/*   A G E N D A   */
.cal_body {
	background : #FFF;
	text-align: center;
}

.cal_left { text-align: left; }

.cal_margin_auto { margin: auto; }

a.cal_linkday:link {
	font: italic 10px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #003300;
}
a.cal_linkday:visited {
	color: #990000;
}
a.cal_linkday:hover, a.cal_linkday:active {
	color: #3366FF;
}
.cal_today {
	background-color: #99FF99;
	text-align: center;
	width: 20px;
}
.cal_day {
	text-align: center;
	width: 20px;
}
.cal_emptyday {
	text-align: center;
	width: 20px;
}
.cal_eventday {
	background-color: #00CCFF;
	text-align: center;
	width: 20px;
}
.cal_eventoday {
	background-color: #FF6633;
	text-align: center;
	width: 20px;
}
.cal_daycal {
	font: normal 10px Arial, Helvetica, sans-serif;
	text-align: center;
}
a.cal_linkmonth:link {
	font: normal 12px Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-decoration: underline;
	text-align: center;
	color: #660000;
}
a.cal_linkmonth:visited {
	color: #993366;
}
a.cal_linkmonth:hover, a.cal_linkmonth:active {
	color: #003300;
}
.cal_month {
	font-size: 10px;
	font-variant: small-caps;
	text-align: center;
	background-color:#ccc;
}
.cal_monthcal {
	vertical-align: top;
	margin: auto;
	background-color:#fff;
}
a.cal_linkyear:link {
	font: normal 10px Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-decoration: underline;
	text-align: center;
	color: #003333;
}
a.cal_linkyear:visited {
	color: #000066;
}
a.cal_linkyear:hover, a.cal_linkyear:active {
	color: #FF0000;
}
.cal_year {
	font: normal 12px Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-align: center;
}
.cal_yearcal {
	width: 600px;
	margin: auto;
}
.cal_title {
	width: 300px;
	margin: auto;
	text-align: left;
	background-color: #FFFFCC;
	font-size: 12px;
}
.cal_desc {
	width: 300px;
	margin: auto;
	text-align: justify;
	background-color: #FFCC66;
	font-size: 12px;
}
.cal_contacts {
	width: 300px;
	margin: auto;
	text-align: right;
	background-color: #CCCCCC;
	font-size: 9px;
}
.cal_floatbutton {
	width: 300px;
	margin: auto;
	text-align: right;
}


/*  L I V R E   D' O R   */
.tbmsg {
	width: 90%;
}
.barrenavig {
	font: normal 0.8em Arial, Helvetica, sans-serif;
	background-color: #FEAA2E;
}
.title {
	font: normal 0.8em Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #08365A;
	text-align:left;
	padding-left: 12px;
}

.desc {
	font: normal 0.8em Arial, Helvetica, sans-serif;
	background-color: #EBEBEB;
	padding-left: 12px;
	border-left: dashed 4px #08365A;
	border-right: dashed 4px #08365A;
	border-bottom: solid 4px #08365A;
}

/*  E V E N E M E N T S  */
.tbmsgEVE {
	width: 90%;
}
.barrenavigEVE {
	font: normal 0.8em Arial, Helvetica, sans-serif;
	background-color: #FFCC00;
}
.titreEVE {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	background-color: #B63DA4;
	color:#FFF;
}
.descEVE {
	font: normal 0.8em "Courier New", Courier, monospace;
	background-color: #fff;
	padding: 14px;
	border-left: dashed 4px #B63DA4;
	border-right: dashed 4px #B63DA4;
}
.contactsEVE {
	font: normal 0.8em "Courier New", Courier, monospace;
	padding: 14px;
	background-color: #ABE7F3;
	border-left: solid 4px #B63DA4;
	border-right: solid 4px #B63DA4;
	border-bottom: solid 4px #B63DA4;
}

.msgHome {
	width: 350px;
	font: bold 1em "Courier New", Courier, monospace;
	background:#2DB0B0;
	border: 2px solid #3366CC;
	color:#66FFFF;
	padding:6px;
	text-align:center;
}