/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 17px; font-family: Arial,Helvetica,sans-serif; font-size: 12px;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

/* Fin Reset*/

body{background:#fff7f4 url(images/main-background.jpg) no-repeat center top; color: #000000;}
#container{margin: 0 auto; width: 851px;}
#top{width: 851px; height: 23px; background: url(images/top.png) no-repeat;}
#main-content{width: 851px; background: url(images/main-shadow.png) repeat-y; overflow: hidden; zoom: 1;}
#bottom{width: 851px; height: 22px; background: url(images/bottom.png) no-repeat;}

#left-col{width:215px; float: left; margin-left: 8px;}
#left-col #logo{margin-left: 27px;}
#left-col #menu ul{background: url(images/menu-top.png) no-repeat right top; padding-top: 7px; text-align: center; font-size: 14px;}
#left-col #menu li{background: url(images/menu-background.png) no-repeat right top; width: 215px; height: 54px; padding-bottom: 9px;}
#left-col #menu li a{color:#000000; text-decoration: none; display: inline-block; margin-top:21px;}
#left-col #menu li a:hover{color: #FEA188;}
#left-col #menu li.contact{background: url(images/gallets.gif) no-repeat; font-size: 11px; text-align: left; padding-left: 70px; padding-top: 15px; width: 145px; height: 52px;}
#left-col #menu li.contact a{color: #FEA188; margin-top: 0px;}

#right-col{width: 620px; float: left;}
#right-col #baseline{width: 620px; background: url(images/ombre-bambou.jpg) no-repeat right top; height: 60px; padding-top: 20px;}
#right-col #content{background: url(images/background-content.png) no-repeat; width: 565px; padding: 30px 20px 20px 35px; overflow:hidden; zoom:1; min-height:580px;}
#content h1{width: 558px; font-size: 20px; margin:15px 0px; background-color: #fee3d0; padding:4px 5px; font-weight: normal;}
#content h1 a{text-decoration: none; color: #89898A;}
#content h1 a:hover{text-decoration: underline;}
#content .introduction{padding:15px 0px 0px 0px;}
#content .intro{width: 548px; clear: both; margin-bottom: 30px; overflow:hidden; zoom:1;}
#content .intro img{float: left;}
#content .intro p, #content .intro h2{margin-left: 110px;}
#content .intro h2{margin-bottom: 8px; font-weight: normal;}
#content .intro h2 a{font-size: 13px; color: #FEA188; text-decoration: none;}
#content .intro p{color: #000000;}
#content .intro p a.more{color: #89898A; display: block; text-align: right; text-decoration: underline; margin-top: 3px;}

/* Pages */
#content.page h1, #content.article h1{text-indent: 0px; color: #FEA188; font-size: 18px;}
#content .entry{text-align: justify;}
#content .entry p{margin:7px 0px;}

/* Articles */
#content.article .image{float: right; padding: 4px; margin: 0 0 2px 7px; padding-left:10px; padding-bottom: 10px; }

/* Categorie Atelier */
#content .intro.ateliers{width:270px; float: left; clear: none;}
#content .intro.ateliers img{float: none;}
#content .intro.ateliers h2{font-size: 13px; font-weight: bold; margin-left: 0px; text-align: center; margin-top: 10px;}
#content .intro.ateliers p{margin-left: 0px; text-align: center;}

/* Categorie Telechargements */
#content .intro.telechargements h2, #content .intro.liens h2
{font-size: 13px; font-weight: bold; margin-left: 0px; margin-top: 10px; padding-left: 15px; background: url(images/puce.gif) no-repeat 0px 3px;}
#content .intro.telechargements div.text, #content .intro.liens div.text{margin-left: 15px;}
#content .intro.telechargements div.text a, #content .intro.liens div.text a
{color:#79B45C; font-weight: bold; text-align: right; display: block; margin-top: 10px;}
#content .intro.telechargements div.text p, #content .intro.liens div.text p{margin-left: 0px;}

/* Ateliers */
#content.atelier h1{color:#FEA188; font-size: 18px; background-color: transparent; font-weight: bold; padding: 0px;}
.atelier ul.submenu{overflow: hidden; zoom: 1;}
.atelier ul.submenu li{float: left; margin:0 1px; overflow: visible;}
.atelier ul.submenu a{display:inline-block; background: url(images/onglets.png) repeat-x; padding:7px 10px; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.atelier ul.submenu a:hover{background: url(images/onglets.png) repeat-x 0px -29px;}
.atelier ul.submenu li.on a{background: url(images/onglets.png) repeat-x 0px -29px;}
.atelier .entry{clear: both; margin-top: 30px;}

#content .entry ul{margin: 7px 0px;}
#content .entry li{float: none; margin-left: 5px; padding-left:15px; margin:4px 0px; background: url(images/puce.gif) no-repeat 5px 3px;}
#content .entry a{color:#79B45C; text-decoration: none;}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
padding-left:10px;
padding-bottom: 10px;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
padding-right:10px;
padding-bottom: 10px;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */

/* Navigation */
.navigation {
display: block;
text-align: center;
margin-top: 30px;
}

.navigation .more a{color: #89898A; text-decoration: underline;}