/*
Theme Name: www.FOL43.org
Theme URI: http://www.fol43.org/
Description: La ligue de l'enseignement FOL 43
Version: 1
Author: guillemot.jeremy at gmail dot com
Tags: special
*/

/* -------------------- ALL -------------------- */
html, body {width:100%;min-width:770px;color:#333;line-height:1.5em;background-color:#deefff;font-size:12px;font-family:Verdana,sans-serif;}
html, body, div, p, h1, h2, h3, ul, li {margin:0;padding:0;}
img {border:none;}
a {color:#333;background-color:transparent;text-decoration:none;}
ul {list-style-type:none;}
span.imp {font-family:Georgia,serif;font-style:italic;background-color:#FFFFCC;padding:0 2px 0 2px;color:#333;font-size:1em;}
.clear {clear:both;height:1px;font-size:1px;}
em {font-size:0.9em;line-height:1.5em;}
acronym {cursor:help;text-decoration:none;border:none;border-bottom:1px dotted #333;}

/* -------------------- TOP -------------------- */
.top {width:100%;height:25px;background:#353a3d url(img/top.png) 50% 0 no-repeat;text-indent:-15333px;color:#353a3d;font-size:1px;border-bottom:1px solid #FFF;}

/* -------------------- CONTAINER -------------------- */
.container {width:100%;background:#deefff url(img/bg_containerARBRE.png) 50% 0 no-repeat;}
.header {margin:0 auto 0 auto;text-align:center;width:750px;height:95px;padding:30px 0 0 0;}
.menu {margin:0 auto 25px auto;width:950px;height:28px;overflow:hidden;font-family:Georgia,serif;font-size:1.1em;}

.menu a {display:block;float:left;text-align:center;line-height:27px;margin-right:2px;border:1px solid #DDD;border-top:0;}
a#menu1 {width:152px;}
a#menu2 {width:144px;}
a#menu3 {width:170px;}
a#menu4 {width:59px;}
a#menu5 {width:81px;}
a#menu6 {width:122px;margin:0;}
a#menu7 {width:130px;margin:0;}


a.classOFF {
background:transparent url(img/menu.png) 0 0 repeat-x;
color:#555;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;}
a:hover.classOFF {background-position:0 -30px;color:#333;}

a.classON {
background-color:transparent;
color:#333;
border-color:transparent;}
a:hover.classON {background-color:transparent;}

/* -------------------- CONTENT -------------------- */
.content {width:750px;margin:0 auto 0 auto;}

.ishome {float:left;width:250px;height:230px;background-color:#none;margin-bottom:55px;margin-left:200px;background-image:reservervosvacances2.png;}

.left div p a, ul.children-link li a {padding:1px;color:#333;border-bottom:1px solid #0066CC;}
.left div p a:hover, ul.children-link li a:hover {border-color:transparent;}

.left {width:525px;float:left;margin-right:25px;}

.left h2 {
	padding:10px 0 10px 10px;
	margin-bottom:12px;
	font-weight:normal;
	font-style:italic;
	font-size:2em;
	border:1px solid #DDD;
	background:transparent url(img/light.png) 0 0 repeat;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
.left h2 span {float:right;color:#999;display:block;text-align:right;height:18px;padding:0 15px 0 15px;font-size:12px;border-left:1px solid #DDD;}
.left h2 span a {color:#999;}

.left div p, .left div ul {padding-left:10px;margin-bottom:18px;}
.left div ul li {padding-left:20px;background:transparent url(img/li_left.png) 5px 6px no-repeat;}
.left div.child {background:transparent url(img/bg_pleft.png) 0 0 repeat-y;margin-bottom:25px;}
.left div.light {padding:25px 25px 15px 25px;margin-bottom:15px;font-size:1em;border:1px solid #DDD;background:transparent url(img/light.png) 0 0 repeat;-moz-border-radius:5px;-webkit-border-radius:5px;}
.left div.light p {margin-bottom:10px;padding:0;background-image:none;font-family:Georgia,serif;text-align:justify;}

.right {width:200px;float:left;}
.right h2 {padding:10px 0 8px 0;font-weight:normal;font-style:italic;font-size:2em;font-family:Georgia,serif;}

/* -------------------- SINGLE -------------------- */
em.permalink {font-family:Verdana,sans-serif;font-size:11px;padding-left:10px;line-height:18px;color:#797267;}

/* -------------------- LASTPOST -------------------- */
ul.lastpost {float:left;font-family:Georgia,serif;font-size:1.1em;margin-bottom:18px;}
ul.lastpost em {font-family:Verdana,sans-serif;font-size:11px;padding-right:10px;color:#999;}
ul.lastpost li {float:left;display:block;margin-bottom:2px;}
ul.lastpost a {display:block;padding-left:10px;border:1px solid #DDD;line-height:24px;width:513px;color:#555;background:transparent url(img/bg_util.png) 0 0 repeat-x;-moz-border-radius:5px;-webkit-border-radius:5px;}
ul.lastpost a:hover {background-position:0 -24px;color:#333;}
ul.lastpost a span {line-height:24px;float:left;display:block;width:22px;background:transparent url(img/util5.png) 0 5px no-repeat;}

/* -------------------- SIDEBAR -------------------- */
ul.util-link {float:left;font-family:Georgia,serif;font-size:1.1em;margin-bottom:18px;}
ul.util-link li {float:left;display:block;margin-bottom:2px;}
ul.util-link a {display:block;padding-left:10px;border:1px solid #DDD;line-height:24px;width:188px;color:#555;background:transparent url(img/bg_util.png) 0 0 repeat-x;-moz-border-radius:5px;-webkit-border-radius:5px;}
ul.util-link a:hover {background-position:0 -24px;color:#333;}

.archives {text-transform:uppercase;}

span#util1 {line-height:24px;float:left;display:block;width:25px;background:transparent url(img/util1.png) 0 4px no-repeat;}
span#util2 {line-height:24px;float:left;display:block;width:25px;background:transparent url(img/util2.png) 0 4px no-repeat;}
span#util3 {line-height:24px;float:left;display:block;width:25px;background:transparent url(img/util3.png) 0 4px no-repeat;}
span#util4 {line-height:24px;float:left;display:block;width:25px;background:transparent url(img/util4.png) 0 4px no-repeat;}

ul.children-link {float:left;background:transparent url(img/bg_pleft.png) right 0 repeat-y;margin-bottom:18px;}
ul.children-link li {display:block;float:left;width:200px;line-height:1.5em;}
ul.children-link li h1 {font-weight:normal;font-size:1.4em;font-family:Georgia,serif;font-style:italic;}

/* -------------------- BOTTOM -------------------- */
.bottom {width:100%;padding:0;background:transparent url(img/bg_bottom.png) 50% 0 no-repeat;}
.bottom-container {width:750px;height:152px;padding-top:30px;margin:0 auto 0 auto;}
.bottom-container p {font-size:0.9em;font-family:Georgia,serif;color:#000000;text-align:center;}
