* { margin: 0; padding: 0; }
body { color: black; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; margin: 0; padding: 0; background: white url(../images/bkgd_corpo.gif); text-align: center; }
h1 { color: #0f276e; font-weight: bold; font-size: 20px; margin-bottom: 10px; line-height: 105%;}
h2 { color: #0f276e; font-weight: bold; font-size: 14px; line-height: 105%; margin-bottom: 5px; }
h3 { font-size: 12px; color: black; text-transform: uppercase; }
p { margin-bottom: 10px; color: #393939; line-height: 120%; }
a { color: #1b71b8; }
a:hover { color: #393939; }
a:focus { outline: none; }
hr { display: none; }
table { border-collapse: collapse; }
th, td { font-size: 12px; }

#page { text-align: left; margin: 0 auto; width: 782px; background: white; padding: 0 0 5px 0; overflow: hidden; }


#header { text-indent: -1000em; height: 85px; /* Le background du header est determine dans les css bouton_en et bouton_fr */ }
#header .link_logo_lq { display: block; width: 200px; height: 70px; }
#header #fonctionsEntete {  padding: 5px 0px; width: 385px; float: right;}
/* la taille est differente en anglais, voir le fichier bouton_en*/
#header #fonctionsEntete { font-size: 10px; text-indent: 0; color: #0c246c; }
#header #fonctionsEntete a { display: inline; text-decoration: none; color: #0c246c; }
#header #fonctionsEntete a:hover { text-decoration: underline; color: #4a587f; }

#header #fonctionsEntete #texteTailleTexte { float: left; }

#header #fonctionsEntete #liensTailleTexte a { float: left; display: block; text-indent: 0; text-indent: -1000em; margin-top: -2px;  }

#header #fonctionsEntete #liensTailleTexte a.petit { margin-left: 5px; width: 15px; height: 17px; background: url(/images/bt_a_petit.gif) no-repeat; font-size: 11px; }
/*#header #fonctionsEntete #liensTailleTexte a.petit:hover { background: url(/images/bt_a_petit.gif) no-repeat 0 0px; }*/

#header #fonctionsEntete #liensTailleTexte a.moyen { margin-left: 0px; width: 15px; height: 17px; background: url(/images/bt_a_moyen.gif) no-repeat; font-size: 12px; }
/*#header #fonctionsEntete #liensTailleTexte a.moyen:hover {background: url(/images/bt_a_moyen.gif) no-repeat 0 0px; }*/

#header #fonctionsEntete #liensTailleTexte a.gros { margin-left: 0px; width: 15px; height: 17px; background: url(/images/bt_a_gros.gif) no-repeat; font-size: 13px; }
/*#header #fonctionsEntete #liensTailleTexte a.gros:hover { background: url(/images/bt_a_gros.gif) no-repeat 0 0px; }*/

#header #fonctionsEntete #texteCarteSite a { /*width: 21px;*/ height: 17px; float: left; margin-left: 5px; background: url(/images/bt_map.gif) no-repeat right -19px; padding-right: 22px; display: inline; text-decoration: none; }
#header #fonctionsEntete #texteCarteSite a:hover { background: url(/images/bt_map.gif) no-repeat right 0px; }
#header #fonctionsEntete #lienContact { margin-left: 10px; color: #1b71b8; white-space: nowrap; color: #0c246c;}
#header #fonctionsEntete #lienLangue { margin-left: 10px; color: #1b71b8; white-space: nowrap; float: left; color: #0c246c; display: inline;}
#header #fonctionsEntete #boutonRss a { width: 16px; height: 17px; float: left; margin-left: 5px; background: url(/images/bt_rss.gif) no-repeat; margin-top: -5px; display: inline; }
#header #fonctionsEntete #boutonRss a:hover { background: url(/images/bt_rss.gif) no-repeat 0 -17px; }

#header .logo {  }

#breadcrumb { background: url(../images/bgd_header_breadcrumb.gif) no-repeat; height: 30px; }

#content { /*overflow: auto;*/ width: 770px; margin: 20px 5px 10px 5px; padding-bottom: 10px; border-bottom: 1px solid #bbd4e9; float: left;}

#content #calendrier { border: 1px solid #bbd4e9; width: 505px; padding: 5px; float: left; margin-right: 10px; }
#content #actions { width: 170px; float: left; margin-top: 20px;  }
#content #actions .erreur { color: #900; padding: 0 0 4px 0px; margin: 0; font-size: 11px; }
#content #actions input.erreur { color: black; background-color: #ffd0d0; }
#content #actions .message { color: #285c00; padding: 0 0 10px 0px; margin: 0; font-size: 11px; }


#content #actions .small { font-size: 10px; color: #002a71; padding: 0 25px 0 10px; }

#content #tools .bt { margin-top: 10px; }

#content #actions input[type="text"] { width: 140px; }


#content #main { border: none; width: 510px; padding: 0px 0px 0 0; float: left; margin-right: 10px; }

.detail #content #main { width: 590px; }

.recherche #content #main { margin-left: 15px; }
.calendrier #content #calendrier { margin-left: 15px; }
.recherche #content h1, .calendrier #content h1 { margin-left: 15px; }

.detail #content #main ul { margin: 5px 10px; padding: 0 10px;}

#content #main table { border: 1px solid #bbd4e9; }
#content #main table th { color: white; text-align: left; font-weight: bold; background-color: #01267f; padding: 4px; }
#content #main table td { padding: 4px; text-align: left; background-color: #fff; }
#content #main table.table_resultatrecherche { width: 505px; }
#content #main table.table_resultatrecherche tr.odd td { background-color: #f0f5fb; }
#content #main table.table_resultatrecherche tr.even td { background-color: #fff; }
#content #main .ico_evenement { border: 1px solid #bbd4e9; background: #eff5fa; padding: 10px; width: 150px; float: right; margin: 0 0 30px 10px; display: inline; }


#content #tools { border: 1px solid #bbd4e9; background: #eff5fa; padding: 10px; width: 200px; float: left; margin: 0 0 10px 0; }
#content #tools p { margin-top: 15px; margin-bottom: 0; }
#content #tools p.first { margin-top: 0px; }
#content #tools select { width: 190px; }
#content #tools input[type="text"] { width: 190px; }

.bt_form { cursor:pointer; }



.listemois a { color: black; font-weight: bold; }
ul.listemois { background: url(../images/bgd_th_mois.gif) repeat-x; display: block; height: 44px; padding-top: 10px; text-align: center; clear: both; padding-left: 22px; }
ul.listemois li { font-size: 14px; list-style-type: none; height: 38px; width: 103px; display: block; float: left; }
ul.listemois li.small { width: 20px; }
ul.listemois .select { background: url(../images/bgd_selected_mois.gif) no-repeat 0 -10px; }
.listemois .select a { color: white; }

#listeevenement_container { background: url(../images/bgd_pointer.gif) no-repeat 0 15px; padding-left: 16px; float: left; margin-left: 10px; display: inline; }
#listeevenement_pop { background-color: #cf242a; padding: 10px; font-size: 12px; color: white; width: 200px; border-right: 1px solid #e2cb64; border-bottom: 1px solid #e2cb64; }
#listeevenement_pop a { color: white; }
#listeevenement_pop li { padding: 3px 0 3px 0; list-style-type: none; }
#listeevenement_pop .jour { padding: 0 0 10px 0; font-weight: bold; }

.table_calendrier { width: 250px; color: white; font-weight: bold; float: left; }
.table_calendrier p { color: white; }
.table_calendrier th { padding-top: 15px; padding-bottom: 5px; color: black; background: url(../images/bgd_th_calendar.gif) repeat-x; }
.table_calendrier td { padding: 7px; border-bottom: 1px solid white; text-align: center; }
.table_calendrier a { color: black; text-decoration: none; }
.table_calendrier a:hover { color: white; text-decoration: underline; }
/* Jour hors mois*/
.table_calendrier td { background-color: #eff5fa; }
/*Jour normal, sans evenement*/
.table_calendrier td.normalday { background: #aacce9; /*background-color: #eff5fa;*/ }
/*Jour avec un evenement*/
.table_calendrier td.actif {  color: black; }
/* Jour */
.table_calendrier td.selected { background: #aacce9 url(/images/bgd_selected_jour.gif) no-repeat 5px; }
.table_calendrier td.selectedactif { background: #aacce9 url(/images/bgd_selected_jour.gif) no-repeat 5px; }

.table_calendrier td.message_calendrier { text-align: center; font-weight: bold; color: #1b71b8; background-color: white;}
.table_calendrier td.message_calendrier p { color: #1b71b8; }


#footer { text-align: left; margin: 0 5px; font: 9px verdana, sans-serif; color: #6b88ad; }

#footer .topfooter { height: 1px; background: url(../images/bgd_topfooter.gif) no-repeat; overflow:  hidden; }
#footer .mainfooter { background: url(/images/bgd_footer.gif) no-repeat right bottom; overflow: auto; }
#footer .botfooter { height: 1px; background: url(../images/bgd_botfooter.gif) no-repeat; overflow:  hidden; }

#footer a { color: #6b88ad; }
#footer a:hover { color: #9eb0c8; }
#footer .logo_misesurtoi { float: left; width: 140px; margin: 7px 7px 5px 7px; display: inline; }
#footer .liens_legaux { float: left; width: 372px; border-left: 1px solid #dde4eb; border-right: 1px solid #dde4eb; padding-left: 10px; margin: 5px 4px; display: inline; }
#footer .logo_sosjeux { float: right; margin: 7px 7px; }

.basdepage { margin: 10px 0 0 175px; }

.even td { background-color: #eff5fa; }
.link_inline_top_first { font-weight: bold; padding: 0 10px 0 0; }
.link_inline_top { font-weight: bold; border-left: 1px solid #666; padding: 0 10px; }

.onoff_form { display: none; margin: 0 0 5px 5px; padding: 5px; color: #0f276e; font-weight: bold; background: url(../images/bgd_degrade_actions.jpg) no-repeat left bottom; }
.onoff_form a { text-align: center; }
.form_ok { margin: 0 10px 0 10px; padding-right: 10px; border-right: 1px solid #dedede; }

.blocker { clear: both; font-size: 1px; line-height: 1px; height: 1px;
width: 100%; }

/*debug pour explorer */
* html #page { }
* html #content { float: left; width: 772px; display: inline; }
* html #main  { } 
* html .detail #content #main { width: 580px; }

* html .recherche #content h1 { margin-left: 15px; }
* html .recherche #content #main { margin-left: 15px; padding-left: 0; display: inline; }

* html #header #fonctionsEntete #boutonRss a { background: url(/images/bt_rss.gif) no-repeat 0 2px; height: 19px; }
* html #header #fonctionsEntete #boutonRss a:hover { background: url(/images/bt_rss.gif) no-repeat 0 -15px; height: 19px; }

* html #content #actions input { width: 140px; }
* html .onoff_form { background: none; border-bottom: 1px solid #d0d5d9; width: 150px; }


* html #footer { float: left; width: 772px; display: inline; margin: 0 5px; display: inline; }
* html #footer .mainfooter { float: left; }

* html #footer .logo_misesurtoi { width: 140px; margin: 7px 7px 5px 7px; display: inline; }
* html #footer .liens_legaux { width: 382px; padding-left: 10px; margin: 5px 4px;  display: inline; }
* html #footer .logo_sosjeux { float: right; margin: 7px 7px;  display: inline; }
* html #footer_bgd { width: 100%; height: 20px; background: url(/images/bgd_page_bottom.gif); }