HTML {
   overflow-y: scroll;
   overflow: -moz-scrollbars-vertical;
}

body{
font-family:Arial,Verdana,sans-serif;
letter-spacing:0.4px;
color:#b17251;
font-size:0.7em;
line-height:1.3em;
background:#322828;
}

img{border:0;}

span{
color:#ffffff;
}

h2{
margin:0 0 0;
paddding:0;
font-size:1em;
color:#fff;
text-transform:uppercase;
font-weight:normal;
}

h3{
display:block;
margin:0 0 12px 0;
paddding:0;
font-size:1em;
font-weight:normal;
}
h3 span{
font-weight:normal;
}

ul{
margin:4px 0;
padding:0;
text-align:left;
list-style:none;
}

li{
padding:0 0 0 12px;
background: url(/images/arrow/bullet.gif) left 6px no-repeat;
}

a{
color:#b4aaa0;
background: url(/images/arrow/link.gif) left 4px no-repeat;
padding-left:9px;
text-decoration:none;
}

a:hover{
color:#fff;
background: url(/images/arrow/link.gif) left -10px no-repeat;
}
/***************************  template  *******************************/

#container{
width:954px;
margin:60px auto;
}

#header{}

#header a,
#navigator #imgcontainer a,
.biothumb a{
background-image:none;
padding:0;
}



.mycontent{
padding-top:26px;
clear:both;
}
*html .mycontent{
padding-top:18px;
}
*+html .mycontent{
padding-top:18px;
}
.col1{
float:left;
width:324px;
}


.col2{
float:right;
width:600px;
margin-top:2px;
cursor:pointer;
}


.cols .col1,
.cols .col2,
.cols .col3{
width:305px;
float:left;
cursor:default;
margin:0 0 0 12px;
}

/********** scroll mycontent ***************/

.scroll{
height:330px;
overflow:hidden;
}


/********** biographie *******************/ 

.bio .col1{
width:510px;
}

.bio .col2{
width:324px;
}

.biothumb{
float:left;
width:93px;
height:136px;
margin-right:12px;
}

.biothumb img{
width:93px;
height:93px;
padding-bottom:2px;
}
.biothumb a{
text-decoration:none;
}

.bio .s a{
color:#fff;
}

.bio li{
background:none;
padding:0;
}

.moretext .col1{
float:left;
width:600px;
}
.moretext .col2{
float:right;
width:324px;
margin-top:2px;
cursor:default;
}

.moretext img{
float:right;
padding-left:30px;
margin-top:2px;
}

/*
#content2 .col1-2{
float:left;
width:682px;
}

#content2 .col2-2{
float:right;
width:262px;
height:343px;

}*/


.clear{
clear:both;
}
.sep{
height:30px;
}
/***************************  navigator  ******************************/

#navigator{
clear:both;
width:954px; 
height:72px;
overflow:hidden;
position:relative;
background:#322828; /*ie...*/
margin:0;
}
#imgcontainer{
position:relative;
width:10001px; /* to avoid flickering in safari */  /*1000px*/
height:72px;
}

#imgcontainer{
/*display:none;*/ 
}

#navigator #imgcontainer a{
margin:0 12px 12px 0;
display:block;
float:right;
width:126px;
height:72px;
background:#fff;
}
#navigator #imgcontainer p{
margin:0 12px 12px 0;
padding:0;
display:block;
float:right;
width:126px;
height:71px;
text-align:justify;
font-size:10px;
line-height:10px;
overflow:hidden;
}
#navigator #imgcontainer p a{
margin-right:0;
display:inline;
text-decoration:none;
color:#b17251;
float:none;
-moz-outline:none;
background:none;
}


#navigator #imgcontainer p a:hover{
color:#bd7d53;
}






.btncontainer{
position:absolute;
z-index:1002;
width:10px;
height:10px;
margin:auto;
}
 .prev{
position:relative;
margin:-72px 0 0 0;
width:126px;
}
*html .prev{
margin:-87px 0 0 0;
}
 .prev a, 
  .prev a:hover{
display:block;
width:126px;
height:72px;
background: url(/images/arrow/moreleft.png) left top no-repeat;
-moz-outline:none;
}



 .next{
position:relative;
margin:-72px 0 0 828px;
}



 .next a, 
  .next a:hover{
display:block;
width:126px;
height:72px;
background: url(/images/arrow/moreright.png) left top no-repeat;
-moz-outline:none;
}


*html .next{
margin:-87px 0 0 828px; /*-75px 0 0 828px;*/
}


/*
#imgcontainer ul,
#imgcontainer li{
display:inline;}
*/

/***************************  detail    *******************************/

.descr{
margin:0 0 12px 0;
text-align:justify;
}

.descr table{
text-align:left;
}

.descr p{
padding:0 0 12px 0;
margin:0;}
.info{}

/*span.title{
color:#fff;}*/
.descr em{
color:#fff;
font-style:normal;
}

img.push{
float:right;
padding:2px 0 0 24px;
height:343px;
}

.doc{
display:block;
margin-top:11px;
background-position:left 6px;
}
a.doc:hover{
background-position:left -8px;
}

/*************************** biography **************************************/
.bio ul{
list-style:none;
padding:0;
}

.bio ul li{
margin-left:80px;}
.bio ul em{
display:block;
position:absolute;
width:80px;
margin-left:-80px;
}

/*************************** big image gallery ******************************/
#bigimage,
#bigvideo{
height:343px;
width:600px;
overflow:hidden;
cursor:default;
position:relative; /* ie */
}
#imgcontainer #bigwrapper{
position:relative;
width:120000px;
height:343px;
}
#bigimage .btncontainer{
position:absolute;
width:10px;
height:10px;
margin:auto;
}
#bigimage #bigwrapper{
position:relative;
width:122400px;
height:343px;
background:#fff;
}
#bigimage.video{
background:#fff;
}

#bigimage  #bigwrapper div{
float:left;
width:600px;
text-align:right;
/*padding-left:1px;*/
/*border-right:12px solid #322828;*/
}



#bigimage .prev{
position:relative;
margin:-343px 0 0 0px;
cursor:pointer;
}
#bigimage .prev a{
display:block;
height:343px;
width:300px;
background: url(/images/arrow/moreleftbig.png) left 0 no-repeat;
-moz-outline:none;
cursor:pointer;
}






#bigimage .next{
position:relative;
margin:-343px 0 0 300px;
border:none;
cursor:pointer;

}

#bigimage .next a{
display:block;
height:343px;
width:300px;
-moz-outline:none;
cursor:pointer;
background: url(/images/arrow/morerightbig2.png) right 0 no-repeat;

}


*+html #bigimage .prev {
width:300px;
}



*+html #bigimage .next a {
width:294px;
}

*html #bigimage .prev,
*html #bigimage .next {
margin-top:-346px;
}

*html #bigimage .next a {
width:293px;
}

/***********  tips ***********/

.tip {
	color: #fff;
	z-index: 1600;
	
}
 
.tip-title,
.tip-text {
	font-weight: normal;
	font:Verdana;
	font-size:10px;
	color: #fff!important;
	padding: 2px 7px ;
	background:#b17251;
	text-transform:uppercase;
}
 
/*.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background:#b17251;
}*/



/*#thumbdrawer{
position:absolute;
margin:0 0 0 600px;
width:0px;
height:350px;
float:right;
overflow:hidden;
}

#thumbdrawer #wrapper{
background:#322828;
width:98px;
height:350px;
float:right;
}

#thumbdrawer img{
float:right;
margin-bottom:11px;
width:86px;
height:48px;
}*/

/***************************  mainmenu  *******************************/ 


#logo{
float:left;
width:57px;
height:19px;
}

#slogan{
float:left;
padding:7px 0 0 0;
margin:0 0 0 5px;
color:#fff;
text-transform:uppercase;
overflow:hidden;
height:12px;
font-size:11px;
}



ul#mainmenu{
font-family:Arial,Verdana,sans-serif;
letter-spacing:0.8px;
line-height:1.3em;
font-size:11px;
list-style:none;
margin:0;
padding:4px 0 0 4px;
height:15px;
overflow:hidden;  /*little safari bug when reload...  à essayer de virer pour bien dégrader... */
}

*+html #slogan{
padding-top:6px;
}
*html #slogan{
padding-top:6px;
}
*+html ul#mainmenu{
padding-top:3px;
}
*html ul#mainmenu{
padding-top:4px;
}

ul#mainmenu li{
	float:left;
	background:none;
	padding:0;
}

ul#mainmenu .wrap{
float:left; 
overflow:hidden;
width:0;
}

ul#mainmenu a{
background-image:none;
text-decoration:none;
text-transform:uppercase;
color:#b17251;
-moz-outline:none;
display:block;
float:left;
padding:3px 6px 3px 2px;
}
/*ul#mainmenu a.s,
ul#mainmenu a:hover.s{
	color:#bd7d53;
}*/


ul#mainmenu a:hover{
color:#ebb388;
}


ul#mainmenu ul{
float:left;
margin:0;
padding:0;
list-style:none; /* inheritage safari */
height:20px;
width:1200px;
}

#mainmenu ul li a{
color:#b4aaa0;
padding:3px 5px 3px 3px;
}
#mainmenu ul li.s a{
color:#fff;
padding:3px 5px 3px 3px;
}
#mainmenu ul li a:hover,
#mainmenu ul li.s a:hover{
color:#fff;
}


/************ langues ***************/

.lang{
padding-top:10px;
float:right;
color:#b4aaa0;
}

.lang a{
text-transform:uppercase;
color:#b17251;
}

.lang a:hover{
color:#ebb388;
}