@charset "utf-8";

/*
INDEX
Florent Laroche stylesheet
Copyright ©2010
*/

html,body{background-color:#fff;margin:0;padding:0;font-family:georgia,serif;font-size:11px;line-height:1.75em;color: #000;}
p{line-height:1.75em;color: #000;}
#content{position:relative;width:820px;margin:0 auto;}

/* ### HEADER ### */

#logo{top:15px;visibility:visible;position:absolute;margin:0;padding:0;}
#orn{left:120px;position:absolute;margin:0;padding:0;width:720px;height:773px; background-image:url(../img/orn.png);}
#web_d{left:252px;top:46px;position:absolute;margin:0;padding:0;width:317px;height:109px; background-image:url(../img/web_d.png); z-index:1;}

/* ### NAVIGATION ### */

#cadre_nav{top:77px;visibility:visible;position:absolute;margin:0;padding:0;}
.navigation{font-family: 'Vollkorn', serif;float:left;font-size:18px;margin:0;padding:0; line-height:34px;}
.navigation li{font-family:inherit;list-style:none;padding:0; margin:0;text-decoration:none;}
.navigation li a{color:#000;padding:0 0 1px 6px; border-left:5px solid #999;text-decoration:none;}
.navigation li a.visited{color:#000;padding:0 0 1px 6px; border-left:5px solid #999;text-decoration:none;}
.navigation li a:hover{color:#000;padding:0 0 1px 6px; border-left:5px solid #F93;text-decoration:none;}
.navigation li a.selected{color:#000;padding:0 0 1px 6px; border-left:5px solid #000;text-decoration:none;}

/* ### BODY ### */

#welcometext{left:0;position:absolute;top:245px;visibility:visible;}
#introtext{position:absolute;top:285px;visibility:visible;width:399px;color:#333;}
#linet{background-image:url(../img/linet.png);height:23px;left:0;position:absolute;top:193px;visibility:visible;width:820px;}
#lineb{background-image:url(../img/linet.png);height:23px;left:0;position:absolute;top:684px;visibility:visible;width:820px;}
#p1text,#p2text{position:absolute;top:597px;visibility:visible;width:257px;}
#p2text{left:282px;}
#p3text{left:564px;position:absolute;top:597px;visibility:visible;width:257px;}
#t2text{left:282px;position:absolute;top:560px;visibility:visible;}
#t3text{left:564px;}
#t3text,#t1text{position:absolute;top:560px;visibility:visible;}

/* ### SLIDER ### */

#slider{height:252px;left:420px;position:absolute;top:241px;visibility:visible;width:400px;}
.container{background-image:url(../img/loading.gif);background-position:center;background-repeat:no-repeat;width:400px;height:252px;overflow:hidden;position:relative;cursor:pointer;}
.slides{position:absolute;top:0;left:0;}
.slides div{position:absolute;top:0;width:400px;display:none;height:344px;}
#loopedSlider{width:400px;position:relative;clear:both;margin:0;}
ul.pagination{list-style-type:none;width:88px;margin:12px auto;padding:0;}
ul.pagination li{float:left;margin:0 5px;}
ul.pagination a{display:block;width:12px;padding-top:12px;height:0;overflow:hidden;background-image:url(../img/pagination.png);background-position:0 0;background-repeat:no-repeat;}
ul.pagination li.active a{background-position:0 -12px;}

/* ### FOOTER ### */

#copy{top:702px;left:0px;visibility:visible;position:absolute;margin:0;}
#copy p{line-height:1em;}
#aproposdusite{top:702px;left:229px;visibility:visible;position:absolute;margin:0;}
#aproposdusite p{font-style:italic;line-height:1em;color:#555;}
#nav{top:702px;left:748px;margin:0;visibility:visible;position:absolute;text-align:right;}
#nav p{line-height:1em;}
#footerbar{left:0;position:absolute;top:765px;visibility:visible;height:1px;width:820px;border-bottom:1px dotted #000;}

/* ### TYPO & LINK & CLASS ### */

#p1text p,#p2text p,#p3text p{color:#555;text-align:left;font-size:13px;margin:0;}
#introtext p{color:#555;text-align:left;margin:0;font-size:13px;}

h1,h2{font-family: 'Vollkorn', serif;color:#222;font-size:30px;text-align:left;margin:0;font-weight:400;font-style: normal;}

A:link,A:visited,A:active{text-decoration:none;color:#000;}
A:hover{text-decoration:underline;}
img,a img{border:none;}
a:focus{outline:none;}

.initial {background-color:#999;color:#fff;float:left;width:auto;clear:none;font-size:20px;line-height:22px;padding:6px 7px 5px 6px;margin:6px 10px 0 0;}
.aide{color: #f93; font-weight:bold;}

blockquote{float:left;clear:both;font-size:13px;padding:0 0 0 10px;text-align:justify;margin:16px 0 0 0;border-left: 5px solid #999;}