* { margin: 0; padding: 0; outline: none; }
.clear { clear: both;}
body { background: url(../images/bg.jpg) top repeat-x; color: #693457; font-family: Arial, Verdana, sans-serif; font-size: 11px; } 
img{ border: none; }
.thumb { border: 3px solid #eedee9; padding: 1px;}
a { color: #693457;}
.left {float: left; margin: 0px 20px 15px 0;}
.right {float: right; margin: 15px 0px 15px 20px;}
ul.bullet { list-style-position: inside;}

html, body { height: 100%; } /* !! */

#wrapper { width: 922px; margin: 0 auto; background: white; min-height: 100%; margin-bottom: -185px; position: relative; }

/* HEADER */
#header { height: 210px; background: url(../images/header.jpg) no-repeat; position: relative; }
a#logo { display: block; width: 600px; height: 75px; position: absolute; top: 85px; }

/* MAIN NAV */
#main_nav { display: block; overflow: hidden; list-style: none; padding-left: 25px; margin: 5px 0 15px 0; } 
#main_nav li{ float: left; background: url(../images/fr/nav/nav_sep.gif) right no-repeat; padding: 0 20px;} 
#main_nav li.last{ float: left; background: none; padding: 0 20px;}
#main_nav li a{ display: block; height: 20px; text-indent: -9999px; } 
#main_nav li a.historique { width: 62px; background: url(../images/fr/nav/nav_historique.gif) left 2px no-repeat; }
#main_nav li a.services { width: 54px; background: url(../images/fr/nav/nav_services.gif) left 2px no-repeat; }
#main_nav li a.visite { width: 36px; background: url(../images/fr/nav/nav_visite.gif) left 2px no-repeat; }
#main_nav li a.equipe { width: 41px; background: url(../images/fr/nav/nav_equipe.gif) no-repeat; }
#main_nav li a.galerie { width: 90px; background: url(../images/fr/nav/nav_gallerie.gif) left 2px no-repeat; }
#main_nav li a.calendrier { width: 64px; background: url(../images/fr/nav/nav_calendrier.gif) left 2px no-repeat; }
#main_nav li a.parents { width: 102px; background: url(../images/fr/nav/nav_coin-des-parents.gif) left 2px no-repeat; }
#main_nav li a.contact { width: 99px; background: url(../images/fr/nav/nav_contact.gif) left 2px no-repeat; }
#main_nav li a.historique:hover { background: url(../images/fr/nav/nav_historique_o.gif) left 2px no-repeat; }
#main_nav li a.services:hover { background: url(../images/fr/nav/nav_services_o.gif) left 2px no-repeat; }
#main_nav li a.visite:hover { background: url(../images/fr/nav/nav_visite_o.gif) left 2px no-repeat; }
#main_nav li a.equipe:hover { background: url(../images/fr/nav/nav_equipe_o.gif) no-repeat; }
#main_nav li a.galerie:hover { background: url(../images/fr/nav/nav_gallerie_o.gif) left 2px no-repeat; }
#main_nav li a.calendrier:hover { background: url(../images/fr/nav/nav_calendrier_o.gif) left 2px no-repeat; }
#main_nav li a.parents:hover { background: url(../images/fr/nav/nav_coin-des-parents_o.gif) left 2px no-repeat; }
#main_nav li a.contact:hover { background: url(../images/fr/nav/nav_contact_o.gif) left 2px no-repeat; }

/* CONTENT */
/* General */
#container {  margin: 20px 20px 40px 20px !important;}
#content { width: 600px; float: left; margin-right: 20px; padding: 10px 20px 30px 0; border-right: 1px solid #b499ab; }
#context_bar { width: 240px; float: right; padding: 20px 0;}

/* Main pic */
#mainpic { background: url(../images/bg_mainpic.gif) no-repeat; height: 218px; margin-bottom: 30px; padding: 4px;}

/* Content styling */
#content { line-height: 1.5em; font-size: 12px;}
#content p { margin: 1.5em 0;}
.col { float: left; width: 48% !important; margin-right: 2%; margin-bottom: 30px;}

/* Calendar */
#calendar #container {  margin: 20px 0px 40px 20px; }
#calendar .col { width: 46%; margin-right: 1%;}
.calendar dl { display: block; overflow: hidden; background: #eedee9; width: 100%;}
.calendar dl dt{  display: block; width: 52%; float: left; padding: 5px;}
.calendar dl dd{  display: block; width: 35%; float: right; padding: 5px;}

/* Container styling */
#context_bar { }
#context_bar ul.ressources { list-style-position: inside; list-style-type: none; }
#context_bar ul.ressources li { background: url(../images/bullet_rocket.gif) left no-repeat; padding: 5px 0 5px 20px; }
#context_bar .girl_galerie { display: block; margin-top: 50px; }

/* FOOTER */
#footer { background: #bce7f2 url(../images/bg_footer.gif) top repeat-x; height: 185px; position: relative; }
.clearfooter { height: 185px; clear: both; }
#footer_container { width: 922px; text-align: center; margin: 0 auto; padding: 40px 0 20px 0; }
#footer_nav { list-style: none; margin: 20px 0 15px 0; }
#footer_nav li { display: inline; }
#footer_nav li a{ color: #693457; padding: 20px; }
#footer_nav li:after{ content: "|"; }
#footer_nav li.last:after{ content: ""; }
#footer .copy { color: #367e91; }
#footer .copy a { color: #367e91; }
.logo_footer { float: left; }
.box { display: block; width: 190px; height: 35px; padding: 10px; margin-right: 3px; text-align: left; float: left; border: 1px solid #e7f6fa; background: #ffffff; }
.box span{ display: block; float: left; width: 90px; }
.box a{ color: #693457; }

/* TITRE */
h1 { text-indent: -9999px; display: block; }
h1 { height: 30px; margin-bottom: 20px; }
#context_bar h1 { height: 20px; margin-bottom: 10px; }
h2 { border: 1px solid #8b4b75; border-left: none; border-right: none; padding: 5px 15px; }
h3 { margin: 1em 0; }
h4 { margin-top: 1.5em; }

h1.historique { background: url(../images/fr/titre/historique.gif) no-repeat; }
h1.services { background: url(../images/fr/titre/services.gif) no-repeat; }
h1.visite { background: url(../images/fr/titre/visite.gif) no-repeat; }
h1.equipe { background: url(../images/fr/titre/equipe.gif) no-repeat; height: 36px; margin-top: -6px; }
h1.galerie { background: url(../images/fr/titre/galerie_photo.gif) no-repeat; }
h1.calendrier { background: url(../images/fr/titre/calendrier.gif) no-repeat; }
h1.coin_des_parents { background: url(../images/fr/titre/coin_des_parents.gif) no-repeat; }
h1.contactez-nous { background: url(../images/fr/titre/contactez-nous.gif) no-repeat; }
h1.calendrier { background: url(../images/fr/titre/calendrier.gif) no-repeat; }
h1.ressources { background: url(../images/fr/titre/ressources.gif) no-repeat; }
h1.procedures { background: url(../images/fr/titre/procedures.gif) no-repeat; }
h1.menu { background: url(../images/fr/titre/menu.gif) no-repeat; }
h1.bienvenue { background: url(../images/fr/titre/bienvenue.gif) no-repeat; }

/* COIN DES PARENTS */
ol.ls_legend{ list-style-type: decimal; list-style-position: inside; margin: 20px 0; }
ol.ls_legend ol{ list-style-type: upper-alpha;  margin-left: 25px; }
ol.ls_legend ol ol{ list-style-type: lower-alpha;   margin-left: 25px; }

ol.ls_regie{ list-style-type: decimal; list-style-position: inside; margin: 20px 0; font-weight: bold; }
ol.ls_regie ol{ list-style-type: lower-alpha;  margin-left: 25px; }
ol.ls_regie ol ol{ list-style-type: lower-alpha;   margin-left: 25px; }
ol.ls_regie p{ font-weight: normal; }
ol.ls_regie h1{ display: inline;}


/* EQUIPE */
dl#ls_staff { overflow: hidden; }
dl#ls_staff dt{ float: left; width: 100px; margin-right: 25px;}
dl#ls_staff dd{ float: left; width: 450px; padding: 10px; background: #eedee9; margin-bottom: 50px;}
dl#ls_staff dd p{ margin-bottom: 1em;}

/* MENU HEBDO */
table.menu { border-right: 1px solid #693457; width: 600px; line-height: 1.2em;}
table.menu th{ background: #693457; padding: 5px; color: #ffffff;}
table.menu td{ vertical-align:top; border-bottom: 1px solid #693457; border-left: 1px solid #693457; padding: 10px; font-size: 11px;}

.tour .thumb, .galerie .thumb {margin-right: 8px; margin-bottom: 5px;}