/*
fond (moyenne)			#E7E2D1
texte gris/marron			#57564C
liens					#E76903
*/

* {
margin:0;
padding:0;
border:0;
}
html{
/*min-height:100%;*/
height:100%;
background:#E7E2D1 url(/images/bg.jpg) 0 0 repeat;
}
body{
min-height:100%;
/*height:100%;*/
background:url(/images/degrade.png) 0 0 repeat-x;
text-align:center;
font:normal 76%/100% Georgia,Garamond,Times,serif;
color:#000;
}

#cadre{
/*position:relative;*/
width:620px;
margin:0 auto;
text-align:left;
/*background:#E7E2D1;*/
}
* html #cadre{width:530px;padding:0 0 0 90px;}

#header{
padding:60px 0 0;
width:620px;
cursor:default;
}
#header a img{padding:0;}
#header #rss{float:right;margin:0;}
#header #rss a img{padding:0;}
#header #p-rss{text-align:right;margin:0 0 5px;}
#header #div-rss p a{background:#fff;color:#E76903;line-height:100%;padding:0 2px;}
#header #div-rss p a:hover{background:#E76903;color:#fff;}

#menu{
position:relative;
top:14px;
left:0;
width:620px;
height:22px;
background:url(/images/fr/menu++.png) 0 0 no-repeat;
z-index:2;
}
#menu li{
list-style:none;
position:absolute;
top:0;
}
#menu li,#menu a{
height:22px;
display:block;
}
#menu li a span{display:none;}

#menu1{left:0;width:88px;}
#menu2{left:88px;width:85px;}
#menu3{left:173px;width:74px;}
#menu4{left:247px;width:102px;}
#menu5{left:349px;width:67px;}
#menu6{left:416px;width:90px;}
#menu7{left:511px;width:28px;}
#menu8{left:546px;width:37px;}
#menu9{left:583px;width:37px;}
#menu1 a:hover{background:transparent url(/images/fr/menu++.png) 0 -22px no-repeat;}
#menu2 a:hover{background:transparent url(/images/fr/menu++.png) -88px -22px no-repeat;}
#menu3 a:hover{background:transparent url(/images/fr/menu++.png) -173px -22px no-repeat;}
#menu4 a:hover{background:transparent url(/images/fr/menu++.png) -247px -22px no-repeat;}
#menu5 a:hover{background:transparent url(/images/fr/menu++.png) -349px -22px no-repeat;}
#menu6 a:hover{background:transparent url(/images/fr/menu++.png) -416px -22px no-repeat;}
#menu7 a:hover{background:transparent url(/images/fr/menu++.png) -511px -22px no-repeat;}
#menu8 a:hover{background:transparent url(/images/fr/menu++.png) -546px -22px no-repeat;}
#menu9 a:hover{background:transparent url(/images/fr/menu++.png) -583px -22px no-repeat;}
/*
#menu1{left:0;width:88px;}
#menu2{left:88px;width:85px;}
#menu3{left:173px;width:72px;}
#menu4{left:173px;width:102px;}
#menu5{left:275px;width:67px;}
#menu6{left:342px;width:90px;}
#menu7{left:511px;width:28px;}
#menu8{left:546px;width:37px;}
#menu9{left:583px;width:37px;}
#menu1 a:hover{background:transparent url(/images/fr/menu+.png) 0 -22px no-repeat;}
#menu2 a:hover{background:transparent url(/images/fr/menu+.png) -88px -22px no-repeat;}
#menu3 a:hover{background:transparent url(/images/fr/menu+.png) -173px -22px no-repeat;}
#menu4 a:hover{background:transparent url(/images/fr/menu+.png) -173px -22px no-repeat;}
#menu5 a:hover{background:transparent url(/images/fr/menu+.png) -275px -22px no-repeat;}
#menu6 a:hover{background:transparent url(/images/fr/menu+.png) -342px -22px no-repeat;}
#menu7 a:hover{background:transparent url(/images/fr/menu+.png) -511px -22px no-repeat;}
#menu8 a:hover{background:transparent url(/images/fr/menu+.png) -546px -22px no-repeat;}
#menu9 a:hover{background:transparent url(/images/fr/menu+.png) -583px -22px no-repeat;}
*/

#main{
width:620px;
}
#footer{
height:60px;
}
#stats{
display:none;
}


#main div.line{
height:1px;
background:url(/images/bg-line.png) 0 0 repeat-x;
margin:0 0 1em;
}
/* pour les images des galeries */
#main div.bg img{width:50px;height:50px;padding:3px 9px 9px 3px;background:url(/images/bg-img.png) 0 0 no-repeat;overflow:hidden;}

a img{border:0;}
a{text-decoration:none;color:#E76903;}
.clear{clear:both;}
.desc{display:none;}
.align_right{text-align:right;}
.float_right{float:right;}
.underline{border-bottom:1px solid #000;}

#main h1,#main h2, #main h3{
line-height:200%;
font-size:0.9em;
background:url(/images/h1.jpg) left bottom repeat-x;
color:#000;
margin:3em 0 1em;
text-transform:uppercase;
letter-spacing:0.1em;
}
#main span.en{color:#57564C;}

#main p{
line-height:160%;
margin:0 0 1em;
}
#main a{
text-decoration:underline;
color:#E76903;
}
#main a.rtl{
unicode-bidi:bidi-override;
direction:rtl;
}
#main a:hover{
color:#99541C;
}
#main a.smenuon{
background:#E7E2D1;
color:#333;
}


/*
#main ul{
list-style-image:url(images/puce.gif);
margin:0 0 0 30px; 
}
#main ul li{
line-height:160%;
}
*/

/* accueil */
#main img.img_home{margin:3em 0 0;}
#main #left{
float:left;
width:310px;
}
#main #right{
float:right;
width:290px;
}
#main p.news{
}
#main p.news span.news_date{
font:italic 1em/100% Arial, Helvetica, Verdana, sans-serif;
color:#E76903;
}
#main p.news span.news_titre{
font-weight:bold;
line-height:200%;
}

/* contact */
#main .identite{margin:0 0 10px;}
#main .identite img{float:left;margin:0 16px 0px 0;}

/* liens */
#main .left{
float:left;
width:300px;
}
#main .right{
float:right;
width:300px;
}
#main .left p,#main .right p{
padding:10px 0 4px;
}
#main #copy{
line-height:100%;
margin:0;
}
#selec{
width:286px;
border:1px solid #57564C;
border-width:1px 1px 1px 6px;
background:#fefefe;
margin:0;
padding:3px 0 0 6px;
font:0.9em/100% Georgia,Garamond,Times,serif;
}
#main p.link{
line-height:80%;
}
#main p.link a{
display:block;
padding:10px 0;
}

/* guestbook */
/*
#guestbook{
width:420px;
margin:20px;
}
*/
#main p.error,#main p.ok{
text-align:center;
font:bold 1.2em/120% Arial,Helvetica,Verdana,sans-serif;
color:#c00;
margin:0 0 1em;
}
#main p.ok{
color:#E76903;
}
.f-left{float:left;}
#main div.padd{padding:0 10px 0 0;}

label{display:block;line-height:160%;}
label.inline{display:inline;}
input,textarea,select{
display:block;
font:1em/120% Georgia,Garamond,Times,serif;
color:#000;
padding:2px 4px 0;
background:#fff;
}
input{
width:192px;
height:1.6em;
margin-bottom:10px;
}
*:first-child+html input{margin-bottom:0;}
* html input{width:191px;margin-bottom:0;}
input.inline{width:auto;height:auto;display:inline;margin:0;}
textarea{
width:612px;
margin-bottom:10px;
}
textarea{
width:612px;
margin-bottom:10px;
}
select{
padding:0;
}
select.inline{width:auto;height:auto;display:inline;}
input.submit{
margin:1em auto 1em;
padding:0.2em 0 0.4em;
width:8em;
height:2em;
font-weight:bold;
text-align:center;
}
*:first-child+html input.submit{height:1.7em;}
* html input.submit{height:1.7em;}

form.out label, form.out input, form.out select{display:inline;width:auto;margin:0;}



#main div.mess{margin:0 0 1em;}
#main img.floatimg{float:right;padding:6px 6px 9px 0px;background:#fff;}
* html #main img.floatimg{padding:8px 8px 7px 0px;}
#main div.mess p.head{
background:#fff;
color:#000;
text-align:left;
line-height:120%;
font-weight:bold;
margin:0;
padding:0.4em 1.2em;
height:1.2em;
}
* html #main div.mess p.head{height:auto;}
#main div.mess p.head span{
font-weight:bold;
color:#E76903;
}
#main div.mess p{
color:#000;
text-align:left;
padding:1em;
}

#main p.nav{
text-align:right;
font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;
color:#E76903;
margin:12px 0 0;
}
#main p.nav a{
text-decoration:none;
color:#615B4F;
}
#main p.nav a:hover{
color:#000;
}


#main a.info {
position: relative;
text-decoration: none;
}
#main a.info span {
display: none;
}
#main a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
#main a.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background: orange;
text-align: center;
color: white;
padding: 2px;
}

#main table{
width:100%;
margin:0 0 1em;
}
#main table th, #main table td{padding:2px 4px;}
#main table th{
border-bottom:2px solid #333;
}
#main table td{
border:1px solid #666;
border-width:0 1px 1px 0;
}


#main #result_thumbs{width:300px;margin:0 0 20px;padding:10px 10px 0;background:#E7E2D1;border:1px solid #666;text-align:center;}
#main #result_thumbs p{line-height:200%;text-align:center;}
#main input#img1,
#main input#img2,
#main input#img3{
display:inline;
width:50px;
height:50px;
padding:0;
margin:0 16px 0;
}


/******* goodies *******/
#main div.goodie{
clear:both;
margin:0 0 16px;
}
#main div.goodie.fixed{
height:100px;
overflow:hidden;
}
#main div.goodie a.thumb{
float:left;
margin:0 16px 0 0;
}
#main div.goodie p{
margin:0;
}
#main div.goodie p span{
display:block;
}
#main div.goodie p span.titre{
font-weight:bold;
}
#main div.goodie p span.date{
color:#E76903;
font-style:italic;
}
#main div.goodie p span.description{
}





/******* mootools *******/

/* tooltip */
.tool-tip {
position:relative;
color:#fff;
width:139px;
z-index:13000;
margin:-90px 0 0 -80px;
}
.tool-title {
font-weight:bold;
font-size:1em;
color:#000;
padding:8px 8px 4px;
background:url(/images/bubble.png) 0 0;
}
.tool-text {
font-size:0.8em;
color:#D30000;
padding:4px 8px 8px;
background:url(/images/bubble.png) 100% 100%;
}

/**************/


/*

#lightbox{
position:absolute;
top:5%;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}
#lightbox a img{border:none;}
#outerImageContainer{
position:relative;
background-color:#111;
width:250px;
height:250px;
margin:0 auto;
}
#imageContainer{padding:10px;}
#loading{
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
z-index:1;
}
#hoverNav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{
width:49%;
height:100%;
background:transparent url(images/blank.gif) no-repeat;
display:block;
}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(images/prevlabel.gif) left 92% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(images/nextlabel.gif) right 92% no-repeat;}
#imageDataContainer{
font:10px/1.2em Verdana, Helvetica, sans-serif;
background:#111;
margin:0 auto;
}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}	
#imageData #caption{letter-spacing:2px;font:bold 1.2em/170% "Trebuchet MS",Arial,Verdana,sans-serif;color:#555;padding:0 0 0 4px;}
#imageData #caption a{text-decoration:underline;color:#E7E2D1;}
#imageData #caption a:hover,#imageData #caption a:focus{text-decoration:none;color:#fff;}
#imageData #numberDisplay{display:none;}			
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.8em;}	
#overlay{
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html>body .clearfix{display:inline-block;width:100%;}
* html .clearfix{height:1%;}

*/