* { margin: 0; padding: 0; outline: none; }
.clear { clear: both; }
body { background: #d7e8f8 url(../images/bg.jpg) top repeat-x; color: #616161; font-family: Arial, Verdana, sans-serif; font-size: 12px; } 
img { border: none; }
.thumb { border: 3px solid #cce1f6; padding: 1px;}
a { color: #0081c9; }

html, body { height: 100%; } 

#wrapper { width: 940px; margin: 0 auto; min-height: 100%; margin-bottom: -195px; position: relative; background: #ffffff;}
#clouds { background: url(../images/bottom_bg.png) repeat-x; height: 195px; }

/* HEADER */

#header { height: 182px; background: url(../images/header.jpg) no-repeat; position: relative; }
a#logo { display: block; width: 250px; height: 150px; position: absolute; top: 25px; left: 25px; }


/* MAIN NAV */
#main_nav { display: block; overflow: hidden; list-style: none; background: url(../images/mainnav_bg.jpg) no-repeat; height: 40px; text-align: center; padding-left: 40px; } 
#main_nav li { display: block; float: left; font-size: 15px; font-weight: bold; margin-top: 10px; }
#main_nav li a { display:block; color: white; text-decoration: none; padding:5px 15px; }
#main_nav li:hover, #main_nav li#current { background: url(../images/mainnav_tab_r.gif) no-repeat right top; }
#main_nav li:hover a, #main_nav li#current a { background: url(../images/mainnav_tab_l.gif) no-repeat left top; }
#main_nav a:hover{ color: #ffe438; }

/* CONTENT */
/* General */
#container { background: #ffffff url(../images/content_bg.jpg) no-repeat; }
#content { width: 600px; float: left; padding: 30px; }
#context_bar { width: 240px; float: right; padding: 20px; }

/* Content styling */
#content { line-height: 1.8em; font-size: 12px;}
#content p { margin: 0.5em 0 2em 0;}
.col { float: left; width: 47%; margin-right: 3%; margin-bottom: 30px;}


/* Calendar */
.calendar h3 { margin-top: 20px;}
.calendar dl { display: block; overflow: hidden; background: #edf6fd; width: 100%;}
.calendar dl dt{  display: block; width: 53%; float: left; padding: 5px; }
.calendar dl dd{  display: block; width: 37%; 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_star.gif) left no-repeat; padding: 5px 0 5px 20px; }
#context_bar .galerie { display: block; margin-bottom: 10px;; }


/* FOOTER */

#footer {
	background: url(../images/fr/bg_footer.gif) top no-repeat;
	height: 195px;
	position: absolute;
	bottom: -2px;
	width: 999px;
	left: auto;
}
#footer .copy { position: absolute; bottom: 15px; left: 10px; font-size: 11px;}
.clearfooter { height: 195px; clear: both; }

/* TITRE */
h1 { color: #098ae0; font-size: 24px; margin-bottom: 1em; }
#context_bar h1 { color: #ed391f; font-size: 14px; }
h2 { font-size: 18px; color: #ed391f;}
h3 { margin: 0; }
h4 { margin-top: 1.5em; }

/* 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; margin-top: 1em;}
ol.ls_regie h1{ display: inline;}

/* ÉQUIPE */
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: #edf6fd; margin-bottom: 50px;}
dl#ls_staff dd p{ margin-bottom: 1em;}

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

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

.boy_letter{ margin-left: -30px; float: left; margin-right: 20px; padding-bottom:300;}
.girl_block{ margin-right: 0px; float: right; margin-left: 20px; margin-bottom:100;}