/* CSS Document */

.bold{font-weight:bold;}
.italic{font-style:italic;}
.left { float:left; }
.right { float:right; }
.center{text-align:center;}
.tleft { text-align:left; }
.tright { text-align:right; }
.tjustify { text-align:justify; }
.c { clear:both; }
#global .none { display:none; }
.block { display:block; }
.hidden { visibility:hidden; }
img{border:0;}
.marginL10 { margin:0 0 0 10px; }

/*********************** general ***************************/
* {  font-family: "Arial", Tahoma; }
body { text-align:center; margin: 0; padding: 0; }
#global { width:900px; margin:0 auto; text-align:left; }
TABLE img { display:block; } /*correction bug epaisseur lignes, pointilles*/

/*********************** header ***************************/
#global { width:900px; margin:0 auto; }
#header { height:225px; width:900px; background:url('../images2009/fond-bandeau.jpg') no-repeat; }
#header_gauche { float:left; width:240px; }
#logo { display:block; float:left; padding:20px 0 0 37px; }
#recherche { float:right; width:170px; height:24px; margin:6px 0 0 0; background:url('../images2009/fond-recherche-bleu.jpg') no-repeat; background-position:3px 0px; padding:2px 0 0 10px; }
.recherche_txt { border: 0px; width:120px; font-size:12px; padding:2px 0 0 0; color:#333; margin:0 5px 0 5px; }
#header_droite { float:right; width:660px; }
#bandeau { float:left; width:660px; height:208px; }
#outils { display:block; float:right; margin: 150px 0 0 0; }

/*********************** menu gauche ***************************/
#menu_gauche { float:left; width:240px; }

/*********************** contenu ***************************/
body #contenu { float:left; width:660px; }
#txt_defilant { display:block; background:url('../images2009/fond-texte-defilant.jpg') no-repeat; height:35px; width:470px; padding:0px 0 0 10px; background-position: -5px -4px; color:#004494; font-family:Lucida Sans, Arial; font-size:12px; font-weight:bold; margin:0 0 0px 0; line-height:35px; }
#txt_defilant marquee { width:450px; }

/*********************** page accueil col droite et centre ***************************/
.colonne_milieu { width:470px; float:left; }
.colonne_droite { width:170px; float:right; }

/*********************** actualites accueil ***************************/
div#actus_accueil { width:470px; margin:20px 0 25px 0; padding:0; }
div#actus_accueil h1 { font-family:Lucida sans, arial; font-size:18px; color:#004494; font-weight:normal; margin: 0 0 10px 0; padding:0; background:url('../images2009/trait-titre.gif') repeat-x; background-position:0px 15px; }
div#actus_accueil h2 { font-size:14px; font-weight:bold; color:#333; margin: 15px 0 10px 0; padding:0; }
div#actus_accueil p { font-size:12px; color:#333; line-height:18px; margin:0; padding:0; }
div#actus_accueil h2 a {  font-size:14px; color:#004494; text-decoration:none; margin:0; padding:0; }
div#actus_accueil a {  font-size:12px; color:#004494; text-decoration:none; margin:0; padding:0; }
div#actus_accueil a:hover, div#actus_accueil a:active, div#actus_accueil a:focus {  color:#004494; text-decoration:underline; }
div#actus_accueil a.lire_suite { font-size:12px; margin:0; padding:0; }
ul#nav_actus_accueil { display:block; list-style:none; margin:10px 0 0 0; padding:0; }
ul#nav_actus_accueil li { display:block; float:left; margin:0; padding:0; }
ul#nav_actus_accueil li a { display:block; float:left; margin:0 1px 0 0; padding:12px 0 0 0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; background:url('../images2009/fleche-actus.jpg') no-repeat center top; }
ul#nav_actus_accueil li a img { width:113px; overflow:hidden; border:1px solid #004494; margin:0; padding:0; }
ul#nav_actus_accueil li a:hover, ul#nav_actus_accueil li a:focus, ul#nav_actus_accueil li a:active, ul#nav_actus_accueil li a.active { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;  }
img.actu_img { display:block; float:right; border:1px solid #004494; margin:0 0 0px 10px; padding:0; }
div.actu_detail { display:block; width:470px; height:240px; margin:0; padding:0; }

/*********************** actualites detail ***************************/
#actualites_detail h1 { font-family:Lucida sans, arial; font-size:18px; color:#004494; font-weight:normal; border-bottom:1px solid #004494; margin: 0 0 10px 0; }
#actualites_detail h2 { font-size:14px; font-weight:bold; color:#333; margin: 0 0 10px 0; }
#actualites_detail p { font-size:12px; color:#333; line-height:18px; }
#actualites_detail a {  font-size:12px; color:#004494; text-decoration:none; }
div#actualites_detail a:hover, div#actualites_detail a:active, div#actualites_detail a:focus {  color:#004494; text-decoration:underline; }
#actualites_detail img { display:block; float:right; border:1px solid #004494; margin:0 0 10px 10px; }
#actualites_detail .liste_actus { padding:0 0 0 10px; margin:0 0 0 10px; }

/*********************** agenda liste accueil ***************************/
#agenda_liste { width:470px; }
#agenda_liste h1 { font-family:Lucida sans, arial; font-size:18px; color:#004494; font-weight:normal; margin: 0 0 10px 0; background:url('../images2009/trait-titre.gif') repeat-x; background-position:0px 15px; }
#agenda_liste ul { padding:0 0 0 10px; margin:0 0 0 10px; }
#agenda_liste li { margin:8px 0 8px 0px; font-family:arial; font-size:12px; color:#333; }
#agenda_liste li a { color:#004494; text-decoration:none; }
div#agenda_liste a:hover, div#agenda_liste a:active, div#agenda_liste a:focus {  color:#004494; text-decoration:underline; }

/*********************** actualites detail ***************************/
#agenda_detail h1 { font-family:Lucida sans, arial; font-size:18px; color:#004494; font-weight:normal; border-bottom:1px solid #004494; margin: 0 0 10px 0; }
#agenda_detail h2 { font-size:14px; font-weight:bold; color:#333; margin: 0 0 10px 0; }
#agenda_detail p { font-size:12px; color:#333; line-height:18px; }
#agenda_detail p.periode { font-size:12px; color:#666; line-height:18px; font-weight:bold; margin:0 0 15px 0; }
#agenda_detail a {  font-size:12px; color:#004494; text-decoration:none; }
div#agenda_detail a:hover, div#agenda_detail a:active, div#agenda_detail a:focus {  color:#004494; text-decoration:underline; }
#agenda_detail img { display:block; float:right; border:1px solid #004494; margin:0 0 10px 10px; }
#agenda_detail .liste_evts { padding:0 0 0 10px; margin:0 0 0 10px; }
#agenda_detail .liste_evts li { margin:8px 0 8px 0px; font-family:arial; font-size:12px; color:#333; }

/*********************** agenda sous menu ***************************/
div#encart_agenda { width:220px; height: 181px; background:url('../images2009/fond-agenda.jpg') no-repeat; text-align:center; }
a.prev_link { background:url('../images2009/fleche-gauche.gif') no-repeat; float:left; width:33px; height:38px; display:block; text-decoration:none; margin:60px 10px 0 0px; background-position:right;  }
a.next_link { background:url('../images2009/fleche-droite.gif') no-repeat; float:left; width:17px; height:38px; display:block; text-decoration:none; margin:60px 10px 0 10px; padding:0; }
a.agenda_complet { display:block; float:right; padding:5px 10px 0 0; color:#004494; font-size:11px; text-decoration:none; }
div.calendrierAnnuel{ width:120px; float:left; margin:0 20px; height:165px; }
table.calendrier{ margin:10px 0 0 0; width:100px; font: normal 11px arial; text-align: center; background-color: transparent; }
table.versionImprimable{ width:600px; border:#666666 solid 1px; }
table.versionImprimable td{ padding:3px; }
tr.titreVersionImprimable{ }
td.month { color: #41464a; text-align:center; width: 100px; padding:3px; font-weight:bold; }
tr.daysofweek td{ text-align:center; /*background-color: #faf8a1;*/ background-color:#fffc77; }
td.days{ padding: 3px 3px; background-color: #eeeeee; }
td.event { background:#004494; }
td.currentDay { color: #fff; background:#666; }
td.event a{ display:block; color: #fff; font: normal 11px arial; text-decoration:none; }
td.event em { display:none; }
td.event a:hover { border: 0; position: relative; z-index: 500; text-decoration:none; }
td.event a:hover em { font-style: normal; text-align:left; display: block; position: absolute; top: 20px; left: -10px; padding: 5px; color: #333; border: 1px solid #004494; background: #fff; width:170px; }
td.event a:hover em span { position: absolute; top: -7px; left: 15px; height: 7px; width: 11px; background: transparent url(../images/image-infobulle.gif); margin:0; padding: 0; border: 0; }
	
/*********************** phototheque categories ***************************/	
div#phototheque p { font-size:12px; color:#333; }
div.cat_bloc { float:left; width:120px; margin:10px 0 0 10px; text-align:center; }
div.cat_bloc h2 { font-size:12px; font-weight:bold; color:#333; margin: 0 0 0px 0; }
div.cat_bloc h2 a { color:#0A57A4; text-decoration:none; }
div.cat_bloc h2 a:hover, div.cat_bloc h2 a:active, div.cat_bloc h2 a:focus { text-decoration:underline; }
div#phototheque div.cat_bloc p { font-size:11px; color:#666; margin:0px 0 0 0;  }
	
/*********************** phototheque detail ***************************/		
div#phototheque_detail { font-size:12px; color:#333; margin: 15px 0 5px 0; }
div#phototheque_detail h2 { font-size:14px; font-weight:bold; color:#333; margin: 0 0 5px 0; }
div#phototheque_detail p.desc_cat { margin:10px 0 5px 0; }
div#phototheque_detail a.retour { font-size:12px; color:#0A57A4; text-decoration:none;}
div#phototheque_detail a.retour:hover, div#phototheque_detail a.retour:active, div#phototheque_detail a.retour:focus { text-decoration:underline; }
div#phototheque_detail a.photo { display:block; float:left; margin:0 10px 0 0; }

/*********************** lettre d'info ***************************/
.titre_nl { display:block; }
#encart_nl { background:url('../images2009/fond-lettre-info.jpg') no-repeat; width:170px; height:66px; }
#encart_nl .champ_nl { float:left; border:0px; height:22px; width:131px; margin:10px 0 0 5px; padding:4px 0 0 5px; font-size:11px; color:#333; background:url('../images2009/fond-champ-lettre-info.gif') no-repeat; }
#encart_nl .btn_ok { margin:10px 0 0 3px; float:left; }
#encart_nl .desab_lien { float:right; padding:7px 10px 0 0; color:#fff; font-size:11px; text-decoration:none; }
#encart_nl .desab_lien:hover { text-decoration:underline; }

/*********************** vues en 360 ***************************/
#encart_360 { background:url('../images2009/fond-360.jpg') no-repeat; width:170px; height:51px; margin:10px 0 0 0; padding: 25px 0 0 0; }
#encart_360 .img_titre { display:block;  }
#encart_360 .lien_decouvrir { display:block; float:right; color:#fff; font-size:11px; text-decoration:none; margin:5px 10px 10px 0; }
#encart_360 .lien_decouvrir:hover { text-decoration:underline; }

/*********************** service public ***************************/
#encart_service_pub { background:url('../images2009/fond-service-public.gif') no-repeat; width:170px; height:113px; font-size:11px; color:#333; margin:10px 0 0 0; }
#encart_service_pub .serv_lien_img { display:block; padding:10px 0 5px 0; margin:0 0 0 5px; }
#encart_service_pub .serv_lien { float:right; margin:7px 10px 0 0; color:#004494; font-size:11px; text-decoration:none; }
#encart_service_pub .serv_lien:hover { text-decoration:underline; }
#encart_service_pub p { padding:0 0 0 10px; margin:0; }

/*********************** Coordonnées ***************************/
#encart_coordonnees { background:url('../images2009/fond-coordonnees.gif') no-repeat; width:170px; height:188px; color:#333; margin:10px 0 0 0; font-size:11px; }
#encart_coordonnees h3 { font-size:11px; padding:10px 0 2px 10px; margin:0; }
#encart_coordonnees address { font-style:normal; padding: 0 0 0 10px; margin:0; }
#encart_coordonnees a { color:#004494; font-size:11px; text-decoration:none; }
#encart_coordonnees a:hover { text-decoration:underline; }
#encart_coordonnees span.horaires { display:block; padding: 0 0 0 10px; margin:0; }

/*********************** plan d'accès ***************************/
#encart_carte { background:url('../images2009/fond-plan-acces.gif') no-repeat; width:170px; height:150px; font-size:11px; padding:0 0 0 0px; color:#333; margin:10px 0 0 0; text-align:center; }
#encart_carte a { color:#004494; font-size:11px; text-decoration:none; }
#encart_carte a:hover { text-decoration:underline; }

/*********************** footer ***************************/
#footer { width:900px; height:30px; text-align:center; border-top: 1px solid #ccc; color:#666; font-size:11px; font-family:Arial; margin:20px 0 30px 0; padding:10px 0 0 0; }
#footer a { font-family:Arial; color:#666; font-size:11px; text-decoration:none; }
#footer a:hover, #footer a:focus, #footer a:active { text-decoration:underline; }

/************************ Modules de couleur *****************************/
/* 
defaut #004494;
bleu #0A57A4; 
rouge #F8130D;
cyan #41B7C8;
orange #FA7100;;
vert #5B842B;
violet #8B1D8A;
anis #B7D30B;
fuchia #F0027F;
chrome #00768A;
rose #ED97C0;*/

/* titres h1 */
h1.ligne_defaut { font-family:Lucida sans, arial; font-weight:normal; padding:10px 0 5px 0; color:#004494; font-size:20px; border-bottom:2px solid #004494; margin:0 0 5px 0; }
h1.ligne_bleu { font-family:Lucida sans, arial; font-weight:normal; padding:10px 0 5px 0; color:#0A57A4; font-size:20px; border-bottom:2px solid #0A57A4; margin:0 0 5px 0; }
h1.ligne_rouge { font-family:Lucida sans, arial; font-weight:normal; padding:10px 0 5px 0; color:#F8130D; font-size:20px; border-bottom:2px solid #F8130D; margin:0 0 5px 0; }
h1.ligne_cyan { font-family:Lucida sans, arial; font-weight:normal; padding:10px 0 5px 0; color:#41B7C8; font-size:20px; border-bottom:2px solid #41B7C8; }
h1.ligne_orange { font-family:Lucida sans, arial; font-weight:normal; padding:10px 0 5px 0; color:#FA7100; font-size:20px; border-bottom:2px solid #FA7100; }
h1.ligne_vert { font-family:Lucida sans, arial; font-weight:normal; padding:10px 0 5px 0; color:#5B842B; font-size:20px; border-bottom:2px solid #5B842B; }
h1.ligne_violet { font-family:Lucida sans, arial; font-weight:normal; padding:10px 0 5px 0; color:#8B1D8A; font-size:20px; border-bottom:2px solid #8B1D8A; }
h1.ligne_anis { font-family:Lucida sans, arial; font-weight:normal; padding:10px 0 5px 0; color:#B7D30B; font-size:20px; border-bottom:2px solid #B7D30B; }
h1.ligne_fuchia { font-family:Lucida sans, arial; font-weight:normal; padding:10px 0 5px 0; color:#F0027F; font-size:20px; border-bottom:2px solid #F0027F; }
h1.ligne_chrome { font-family:Lucida sans, arial; font-weight:normal; padding:10px 0 5px 0; color:#00768A; font-size:20px; border-bottom:2px solid #00768A; }
h1.ligne_rose { font-family:Lucida sans, arial; font-weight:normal; padding:10px 0 5px 0; color:#ED97C0; font-size:20px; border-bottom:2px solid #ED97C0; }