/* Cette feuille .css gère les styles communs à toutes les pages du site */

/* Eléments généraux */
body { background-color: #FFFFFF; background-image: url(../images/bg_body.jpg); background-repeat: repeat-x; height: auto; }
h1 { font-size: 24px; margin: 0 0 20px 28px; padding: 0 0 0 42px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 36px; color: #333333; background-image: url(../images/puce_h1.jpg); background-repeat: no-repeat; background-position: 0 7px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #00a1ea; font-weight: normal; padding-left: 15px; margin: 20px 0; text-decoration: underline; }
.intro { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #131313; margin: 0 0 15px 0; font-weight: bold; line-height: 15px; }
p { color: #939393; line-height: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-indent: 15px; text-align: justify; }
.important { color: #139EF5; font-weight: bold; }
.liste_simple { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00a1ea; padding-left: 25px; }
.liste_simple li { list-style-type: none; background-repeat: no-repeat; background-position: 0 4px; line-height: 17px; padding-left: 10px; }
#blocActu { font: normal 11px Arial, Helvetica, sans-serif; color: #939393; height: 80px; }
a:hover img  { border: 1px solid #1AA4D2; }
a img { border: 1px solid white; }


#blocActu #actu { border-left: 4px solid #ccc; float: left; height: 80px; width: 285px; padding-left: 15px; }
#blocActu #actu .ActuDate { font: bold 14px Tahoma, Arial; color: #242424; }
#blocActu #actu .ActuTitre A { color: #333333; }
#blocActu #actu .ActuResume { float: left; margin: 4px 0 0 0; }
.photo_left { margin: 0 25px 3px 0; float: left; display: block; }

.photo_right { margin: 0 0 3px 25px; float: right; display: block; }
.legende { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #a8c313; color: #FFFFFF; display: block; padding: 3px 6px; text-align: right; }
.clearer { clear: both; }
/* Conteneur principal */
#main_container { margin: 0 auto 20px auto; width: 910px; }
/* Conteneur du bloc de contenu principal */
#container { width: 100%; float: left; }
#illustration { height: 445px; width: 353px; }
#contact { background-color: #029ac3; height: 110px; /*color: #8ce8ff;*/ color:#FFFFFF; font: normal 11px Arial, Helvetica, sans-serif; width: 353px; }
#contact .bloc_contact { margin-top: 20px; margin-left: 30px; float:left }

/* Contenu principal */
#content { padding: 25px 35px 25px 35px; }
/* Header */
	#header { height: 128px; background-image: url(../images/bg_header_coin.gif); background-position: left bottom; background-repeat: no-repeat; width: 900px; background-color: #FFFFFF; margin: 0 auto; }
#header #logo { height: 43px; width: 171px; background-image: url(../images/logo.gif); margin: /*45px*/ 57px auto 0 auto; cursor: pointer;  }
/* Menu */
	#menu { height: 128px; float: left; width: 547px; padding: 0; }
#menu ul { margin: /*37px*/ 58px auto 0 auto; /*height: 90px;*/ height:70px; }
/* Boutons */
		#menu li { list-style-type: none; display: inline; float: left; }
#menu li a { color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; /*height: 91px;*/ height:70px; margin: 0; display: block; float: left; text-align: center; background-repeat: no-repeat; background-position: right; text-decoration: none; /*line-height: 91px;*/ line-height:70px; width: 135px; }
#menu2 li a:hover, #menu2 li a:active, #menu2 li a:focus { color: #069; text-decoration: none; }
.links #btn a:hover, .links #btn a:active, .links #btn a:focus { color: #FFF; text-decoration: none; background-color:#029ac3;}
.links #btn1 a:hover,.links #btn1 a:active,.links #btn1 a:focus  { color: #FFF; text-decoration: none; background-color:#35aecf;}
.links #btn2 a:hover, .links #btn2 a:active, .links #btn2 a:focus { color: #FFF; text-decoration: none; background-color:#67c2db;}
.links #btn3 a:hover, .links #btn3 a:active, .links #btn3 a:focus { color: #FFF; text-decoration: none; background-color:#9ad7e7;}


#menu li .sepa { float: left; width: 1px; }
/* Chemin de progression */
#chemin { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #939393; padding: 0 10px 12px 15px; height: 20px; text-align: left; }
#chemin a { color: #00A1EA; text-decoration: none; }
#chemin a:hover, #chemin a:active { color: #139EF5; }
/* Colonne gauche */
	#colonne_gauche { width: 353px; float: left; height: 555px; padding-left: 5px; }
#colonne_gauche #illustration { height: 445px; width: 353px; }
#container #telechargements a { width: 159px; margin: 15px auto 0 auto; height: 67px; background-image: url(../images/bg_btn_telechargement.png); display: block; }
#container #adherents a { width: 159px; margin: 10px auto 0 auto; height: 67px; background-image: url(../images/bg_btn_adherents.png); display: block; }

/* Colonne droite */
	#colonne_droite { width: 547px; margin: 0; background-color: #FFFFFF; float: left; min-height: 480px; height:555px !important; height:480px; background-image: url(../images/bg_col_droite.jpg); background-repeat: no-repeat; background-position: top; }
/* Footer */
	#footer { clear: both; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0; line-height: 16px; color: #333333; float: left; width: 100%; text-align: right; margin: 18px 0 0 0; }
#footer a { color: #333333; text-decoration: none; }
#footer a IMG { padding: 2px; }

#footer a:hover { text-decoration: underline; }
#alibi { height: 20px; width: 880px; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; padding: 4px 20px 0 0; }
#alibi a { text-decoration: none; color: #666666; }


/* ==> AJOUTS */
.form_contact { margin-top:20px }
.form_contact P { margin:0 }
#map iframe{ border:1px solid #333333}
.contact h1 { float:left }
.contact .acces { background-color:#019ac3; padding:10px; float:right; }
.contact .acces a { color:#FFFFFF;  font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none }
.contact .acces a:hover { text-decoration:underline}

.page_acces h1 { float:left }
.page_acces .acces { background-color:#019ac3; padding:10px; float:right; }
.page_acces .acces a { color:#FFFFFF;  font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none }
.page_acces .acces a:hover { text-decoration:underline}

A.accueil_acces { color:#FFFFFF; text-decoration:underline}
A:hover.accueil_acces { color:#FFFFFF; text-decoration:none}