@charset "utf-8";
/* CSS Document */

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background-image:url(images/fond3.jpg);}
p{margin:0 10px 10px}
/*a{display:block;color: #981793;padding:10px}*/
div#container{text-align:left;border-style:solid;border-with:1px;top:15px;position:relative;background-color:#FFFFFF;}
div#navigation{background:#B9CAFF}
div#extra{background-color:#FFFFFF;background-repeat:no-repeat;background-image:url(images/post_it.png);height:auto;width:200px;bottom:0px;}
div#footer{background: #333;color: #FFF}
div#header{height:150px;position:relative;width:700px;background-image:url(images/ban.png);border-bottom:solid;}

div#container{width:700px;margin:0 auto}
div#content{float:right;width:500px;background-image:url(images/fond_content.png);}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px;}
div#footer{clear:both;width:100%}

div#extra p{padding-left:25px;padding-top:5px;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:9px;line-height:5px;}
div#footer p{margin:0;padding:5px 10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#FFFFFF;text-align:right;}
div#content p{line-height:1.4;font-family:Verdana, Arial, Helvetica, sans-serif;}
div#content h1{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#000000;text-decoration:underline;}
div#content h2{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000000;margin-left:5px;}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;background: #EEE;color: #79B30B}
div#navigation h1{font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;color:#000000;}
div#navigation h1:hover{display:block;background-color:#f8f864;}

#vignette1{background-image:url(images/corpssait.png);height:134px;width:100px;position:relative;margin-left:10px;float:left;}
#vignette1:hover{background-image:url(images/corpssait_hover.png);height:134px;width:100px;position:relative;margin-left:10px;float:left;}
#vignette2{background-image:url(images/etreange.png);height:134px;width:100px;position:relative;margin-left:10px;float:left;}
#vignette2:hover{background-image:url(images/etreange_hover.png);height:134px;width:100px;position:relative;margin-left:10px;float:left;}
#vignette3{background-image:url(images/papierdesoi.png);height:134px;width:100px;position:relative;margin-left:10px;float:left;}
#vignette3:hover{background-image:url(images/papierdesoi_hover.png);height:133px;width:100px;position:relative;margin-left:10px;float:left;}
#vignette4{background-image:url(images/lumieredame.png);height:134px;width:100px;position:relative;margin-left:10px;float:left;}
#vignette4:hover{background-image:url(images/lumieredame_hover.png);height:134px;width:100px;position:relative;margin-left:10px;float:left;}

.separateur{font-size:18px;font-weight:bold;}

.date{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#000000;}
.lettrine{color:#921205;font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;padding-left:5px;}
.carte {height:139px;width:250px;margin-left:5px;}
.galerie{height:134px;width:100px;position:relative;margin-left:10px;float:left;text-decoration:none;margin-bottom:10px;}
a.liens {color:black;text-decoration:none;border:none;target:_blank;}
a.liens:hover {font-weight:bold;}
a.liens:active{border:none;}
a.liens:visited{border:none;color:black;}

div#navigation a:active{text-decoration:none;color:#000000;}
div#navigation a:hover{text-decoration:none;}
div#navigation a:link{text-decoration:none;color:#000000;}
div#navigation a:visited{text-decoration:none;color:#000000;}

.galerie img a:active{border:0;}
.galerie img a:hover{text-decoration:none;}
.galerie img a:link{text-decoration:none;}
.galerie img a:visited{text-decoration:none;}