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

* {margin:0;padding:0;}

body {color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;text-align:left;background:#666666 url(images/bg.jpg);}
body a {text-decoration:none;color:#FFFFFF;}
body a:hover {text-decoration:underline;color:#FFFFFF;}
img {border:none;}
#clear {clear:both;}

#site {width:800px;height:600px;margin:0 auto;padding:0;}

#gauche {width:176px;height:600px;display:block;float:left;position:relative;}
#droite {width:624px;height:600px;display:block;float:left;position:relative;}

#banner {width:624px;height:66px;display:block;margin:50px 0 0 0;float:left;position:relative;}
#image {margin:20px 25px 0 0;float:left;border:5px solid #FFFFFF;}
#ligne {margin:50px 25px 0 25px;float:left;}

#menu {width:125px;margin:120px 0 0 0;float:left;}

#menu a:hover {background-position:right bottom;}
.accueil {background:url(images/accueil.png) no-repeat right top;height:25px;width:125px;margin:15px 0;}
.expo {background:url(images/expo.png) no-repeat right top;height:25px;width:125px;margin:15px 0;}
.biographie {background:url(images/biographie.png) no-repeat right top;height:25px;width:125px;margin:15px 0;}
.peintures {background:url(images/peintures.png) no-repeat right top;height:25px;width:125px;margin:15px 0;}
.contact {background:url(images/contact.png) no-repeat right top;height:25px;width:125px;margin:15px 0;}

.saccueil {background:url(images/accueil.png) no-repeat right bottom;height:25px;width:125px;margin:15px 0;}
.sexpo {background:url(images/expo.png) no-repeat right bottom;height:25px;width:125px;margin:15px 0;}
.sbiographie {background:url(images/biographie.png) no-repeat right bottom;height:25px;width:125px;margin:15px 0;}
.speintures {background:url(images/peintures.png) no-repeat right bottom;height:25px;width:125px;margin:15px 0;}
.scontact {background:url(images/contact.png) no-repeat right bottom;height:25px;width:125px;margin:15px 0;}

#annees {display:none;}
#sannees {display:block;}
#menu2 li:hover #annees{display:block;}
#menu2 li a, #menu2 li {display:block;}

.a2011 {background:url(images/2011.png) no-repeat right top;height:25px;width:125px;}
.a2010 {background:url(images/2010.png) no-repeat right top;height:25px;width:125px;}
.a2009 {background:url(images/2009.png) no-repeat right top;height:25px;width:125px;}
.a2008 {background:url(images/2008.png) no-repeat right top;height:25px;width:125px;}
.a2007 {background:url(images/2007.png) no-repeat right top;height:25px;width:125px;}
.a2006 {background:url(images/2006.png) no-repeat right top;height:25px;width:125px;}
.a2005 {background:url(images/2005.png) no-repeat right top;height:25px;width:125px;}
.archives {background:url(images/archives.png) no-repeat right top;height:25px;width:125px;}

.sa2011 {background:url(images/2011.png) no-repeat right bottom;height:25px;width:125px;}
.sa2010 {background:url(images/2010.png) no-repeat right bottom;height:25px;width:125px;}
.sa2009 {background:url(images/2009.png) no-repeat right bottom;height:25px;width:125px;}
.sa2008 {background:url(images/2008.png) no-repeat right bottom;height:25px;width:125px;}
.sa2007 {background:url(images/2007.png) no-repeat right bottom;height:25px;width:125px;}
.sa2006 {background:url(images/2006.png) no-repeat right bottom;height:25px;width:125px;}
.sa2005 {background:url(images/2005.png) no-repeat right bottom;height:25px;width:125px;}
.sarchives {background:url(images/archives.png) no-repeat right bottom;height:25px;width:125px;}

#copyright {width:100%;height:20px;display:block;position:fixed;bottom:0;right:0;}
#copyright p{text-align:right;font-size:9px;color:#FFFFFF;padding:5px 5px;}
#copyright p a{text-decoration:none;color:#FFFFFF;}
#copyright p a:hover{text-decoration:underline;color:#FFFFFF;}

#intro {margin:20px 25px 0 0;float:left;font-style:italic;}

/*Biographie*/

#bio {margin:25px 0 0 0;float:left;width:600px;}
#bio p {text-align:justify;}

/*Expositions*/

#expo {margin:25px 0 0 0;float:left;width:600px;}
#expo p {text-align:justify;}
#exposition {margin:0 0 15px 0;}
#exposition:hover {}
#h3{font-size:11px;color:#FFFFFF;font-weight:bold;}
#h4{font-size:11px;color:#CCCCCC;}
#h5{font-size:11px;color:#FFFFFF;}
#h6{font-size:11px;color:#FFFFFF;}

/*Peintures*/

#slides {float:left;}
#previous a {float:left;height:25px;width:25px;display:block;background:#FFFFFF url(images/previous.png) no-repeat top left;}
#next a {float:right;height:25px;width:25px;display:block;background:#FFFFFF url(images/next.png) no-repeat top left;}
#rewind a {float:left;height:25px;width:25px;display:block;background:#FFFFFF url(images/rewind.png) no-repeat top left;}
#previous a:hover {background-position:left bottom;}
#next a:hover {background-position:left bottom;}
#rewind a:hover {background-position:left bottom;}
#peinture {max-width:520px;max-height:390px;border:5px solid #FFFFFF;}

#controller {height:auto;width:140px;text-align:left;overflow:auto;scrollbar-base-color:#000000;scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;scrollbar-darkshadow-color:#FFFFFF;scrollbar-3dlight-color:#FFFFFF;scrollbar-track-color:#000000;scrollbar-arrow-color:#ff6633;position:fixed;top:50px;right:0;bottom:20px;}
#controller ul {list-style:none;}
#peinture_cont {width:100px;height:100px;display:block;border:1px solid #FFFFFF;margin:5px;}


/*Contact*/

#formulaire {margin:25px 0 0 0;float:left;}
#label1 {width:100px;display:block;float:left;padding:10px 0;}
#envoi {padding:2px 5px;background:none;color:#FFFFFF;width:340px;cursor:pointer;border:solid 1px #FFFFFF;}
#envoi:hover {border:solid 1px #FFFFFF;background-color:#FFFFFF;color:#666666;}
#nom, #email {float:left;width:240px;border:1px solid #FFFFFF;background:none;margin:10px 0;color:#FFFFFF;}
#message {color:#FFFFFF;border:solid 1px #FFFFFF;background:none;width:340px;font-family:Verdana, Arial, Helvetica, sans-serif;overflow:auto;}
#erreur {color:#ff6633;margin:25px 0 0 0;float:left;}
#bon {color:#ff6633;margin:25px 0 0 0;float:left;}