html, body {
width: 100%;
height: 100%;
text-align: center;
}

body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", sans-serif;
font-size: 0.8em;
font-weight: normal;
background-color: #352D2E;
color: #352D2E;
}


.centrage{
position:fixed !important; 
position:absolute;
top:50%;
left:50%;
margin-top: -355px;
margin-left: -470px;
width: 940px;
height: 710px;
text-align: left;
}



.conteneur {
width: 100%;
height: 100%;
position: absolute;
background-color: #352D2E;
}









.defil{
width: 640px;
height: -78 px;
position: absolute;
left: 20px;
margin-top: 30px;
z-index: 5;
text-align: left;

}



.defil a:link, .defil a:visited
{
color: #97765D;
text-decoration: none;
}

.defil a:hover
{
background-color: #97765D;
color: #CCCCCC;
text-decoration: none;
}




.banner {
width: 640px;
height: 188 px;
position: absolute;
left: 20px;
margin-top: 67px;
right: 10px;
z-index: 4;
text-align: center;

}





.header {
z-index: 2;
margin-left: 10px;
height: 40px;
background-color: #352D2E;
}

.menufixe {
position: absolute;
z-index: 2;
top: -23px;
left: -31px;
width: 100%;
height: 60px;
font-family: "Trebuchet MS", sans-serif;
text-align: right;
vertical-align: top;
line-height: 0.8em;
margin: 0;
}

.menuuk{
font-family: "Trebuchet MS", sans-serif;
font-size: 0.8em;
text-align: right;
vertical-align: middle;
}	

.menufixe ul {
margin:0;
padding:0;
list-style:none;
font-size: 1em;       
}
   
.menufixe li {
float:left;
background:url("img/left_both.png") no-repeat left top;
margin: 0;
padding:0 0 0 9px;
list-style:none;
border-bottom:1px solid #352D2E;
}
      
.menufixe li:hover, .menufixe li:hover a {
background-position:0% -152px;
color:#CCCCCC;
} 
  
.menufixe li:hover a {
background-position:100% -152px;
}    
      
.menufixe a {
display:block;
background:url("img/right_both.png") no-repeat right top;
padding:15px 15px 4px 6px;
text-decoration:none;
font-weight: bold;
color:#97765D;
}

.menufixe #current {
background-position:0% -152px;
border-width:0;
}

.menufixe #current a {
background-position:100% -152px;
color:#B1B3B4;
padding-bottom:5px;
}





.menu {
position: absolute;
height: 701px;
right:0;
margin-top: -51px;
margin-right: 10px;
padding-right: 10px;
width: 250px;
background-color:#DEC1AD;
z-index: 3;
}

.menufixe2 {
background: url("img/bernardslogo.png") no-repeat ;
font-family: "Trebuchet MS", sans-serif;
font-size: 0.85em;
text-align: left;
font-style: normal;
vertical-align: middle;
}

.menufixe2 H1{
background-color: #352D2E;
font-family: "Trebuchet MS", sans-serif;
font-size: 2.5em;
text-align: left;
padding: 10px;
font-style: normal;
color: #B1B3B4;
font-weight: lighter;
margin-top: 0;
}


.menufixe2 H4{
font-size: 1.2em;
color: #97765D;
margin-top: 0;
}

.menufixe2 H6{
font-size: 0.9em;
color: #97765D;
margin-top: 0;
}


.menufixe2 H5{
font-size: 1em;
color: #97765D;
margin-top: 0;
}

.menufixe2 a:link, .menufixe2 a:visited
{
color: #97765D;
text-decoration: none;
}

.menufixe2 a:hover
{
background-color: #97765D;
color: #CCCCCC;
}

.menufixe2 img {
margin-top: 78px;
}





.menufixe3 {
background: url("img/bernardslogo.png") no-repeat ;
font-family: "Trebuchet MS", sans-serif;
font-size: 0.85em;
text-align: left;
font-style: normal;
vertical-align: middle;
color: #97765D;
}

.menufixe3 H1{
background-color: #352D2E;
font-family: "Trebuchet MS", sans-serif;
font-size: 2.5em;
text-align: left;
padding: 10px;
font-style: normal;
color: #B1B3B4;
font-weight: lighter;
margin-top: 0;
}

.menufixe3 H5{
font-size: 1em;
color: #97765D;
margin-top: 0;
}

.menufixe3 img {
margin-top: 78px;
}





.navcontainer {
width: 250px;
margin-top: -14px;
}



.navcontainer ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
text-align: right;
line-height: 12px;
font-weight: bolder;
}


.navcontainer li {
padding-top: 2px;
}

.navcontainer a {
display: block;
padding: 4px;
width: 242px;
height: 35px;
background-color: #352D2E;
border-bottom: 1px solid #CCCCCC;
}

.navcontainer a:link, .navlist a:visited
{
color: #97765D;
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #97765D;
color: #CCCCCC;
height: 34px;
width: 241px;
border: 1px solid #FFF;
}
      
.navcontainer #current a {
background-color: #97765D;
color: #B1B3B4;
height: 34px;
width: 241px;
border: 1px solid #FFF;
}





.frame {
margin-right: 250px;
margin-left: 10px;
width: auto;
height: 640px;
background-color:#DEC1AD;
overflow: auto;
padding-top: 10px;
padding-right: 25px;
padding-left: 25px
}


.logo {
position: absolute;
left:0;
margin-top: -185px;
margin-left: 20px;
padding-right: 10px;
z-index: 5;
}

.logo img {
border: 0;
}


.logo a:link, .logo a:visited
{
border:1px solid #DEC1AD;
}

.logo a:hover
{
border:1px solid #B1B3B4;
}







.flechehaut {
position: absolute;
left:0;
margin-top: -648px;
margin-left: 5px;
padding-left: 10px;
z-index: 3;
border: 0;
}





.flechebas {
position: absolute;
left:0;
margin-top: -20px;
margin-left: 5px;
padding-left: 10px;
z-index: 3;
border: 0;
}







.content {
font-family: "Trebuchet MS", sans-serif;
font-size: 1.2em;
text-align: right;
line-height: 1.5em;
}

.flash {
border:1px solid #FFF;
background-color:#FFF;
padding-left: 0;
padding-top: 0;
padding-right: 0;
text-align: center;

}

.content H5 {
line-height: 1em;
color: #352D2E;
}

.content em {
color: #6D4B32;
}

.content a:link, .content a:visited
{
color: #97765D;
text-decoration: underline;
}

.content a:hover
{
background-color: #97765D;
color: #CCCCCC;
text-decoration: none;
}



.content2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 1.2em;
text-align: justify;
line-height: 1.5em;
}

.content2 em {
color: #6D4B32;
}

.content2 P:first-letter {
font-family : "Times New Roman", times, serif;
font-size : 3em;
font-style: normal;
color : #352D2E;
line-height: 0.9em;
}


.content2 a:link, .content2 a:visited
{
color: #97765D;
text-decoration: underline;
}

.content2 a:hover
{
background-color: #97765D;
color: #CCCCCC;
text-decoration: none;
}






.content3 {
font-family: "Trebuchet MS", sans-serif;
font-size: 1em;
text-align: justify;
line-height: 1.2em;
}

.content3 H2 {
color: #97765D;
}

.content3 H3 {
color: #B1B3B4;

}

.carre
{
list-style-image: url("img/puce.png");
}






.content4 {
font-family: "Trebuchet MS", sans-serif;
text-align: justify;
text-align: left;
font-size: 1em;
line-height: 1em;
color: #352D2E;
text-decoration: none;
width: 590px;
}


.content4 h5 {

font-family: "Trebuchet MS", sans-serif;
text-align: left;
vertical-align: bottom;
font-size: 1.2em;
line-height: 1.5em;
color: #CCCCCC;
background-color: #352D2E;
padding-left: 20px;
text-decoration: none;
width: 590px;
padding-top: 5px;
margin-top:18px;
}





.title {
font-family: "Trebuchet MS", sans-serif;
text-align: justify;
width: 550px;
font-weight: bold;
font-size: 1.2em;
line-height: 1.2em;
color: #352D2E;
padding-left: 20px;
padding-right: 20px;
background-color: #97765d;
margin-left: 10px;
z-index:2;
}





.date {
text-align: right;
padding-right: 0;
z-index:2;
}



.resume {
font-weight: bold;
line-height: 1.2em;
font-size: 1.2em;
padding-left: 60px;
text-align: justify;
z-index:2;
}


.publication {
font-family: "Trebuchet MS", sans-serif;
text-align: left;
font-size: 1em;
line-height: 1em;
padding-left: 20px;
}



.text{
padding-left: 20px;
font-size: 1.2em;
line-height: 1.2em;
text-align: justify;
z-index:2;
}




.source{
padding-left: 20px;
font-size: 0.8em;
text-align: justify;
z-index:2;
}




.content4 ul{
text-align: justify;
line-height: 1.2em;
font-size: 1.2em;
vertical-align: center;
}

.content4 ul a:link, .content4 ul a:visited
{
color: #97765D;
text-decoration: none;
}

.content4 ul a:hover
{
background-color: #97765D;
color: #CCCCCC;
text-decoration: none;
}

.content4 li{
font-family: "Trebuchet MS", sans-serif;
text-align: left;
font-size: 0.9em;
line-height: 0.9em;
}






.publi{
width: 590px;
position: absolute;
left:0;
bottom:20px;
margin-left: 35px;
z-index: 4;
padding-left: 20px;
background-color:#DEC1AD;

}



.publi H5{
font-family: "Trebuchet MS", sans-serif;
text-align: left;
vertical-align: bottom;
font-size: 1.2em;
line-height: 1.5em;
color: #CCCCCC;
background-color: #352D2E;
padding-left: 0px;
text-decoration: none;
width: 590px;
margin-left: -20px;
padding-left: 20px;
}










.content5 {
font-family: "Trebuchet MS", sans-serif;
font-size: 1em;
text-align: justify;
line-height: 1.2em;
}

.content5 H2 {
color: #97765D;
}

.content5 H4 {
color: #352D2E;
}

.content5 a:link, .content5 a:visited
{
color: #97765D;
text-decoration: none;
}

.content5 H4 a:link, .content5 H4 a:visited
{
color: #352D2E;
text-decoration: none;
}

.content5 a:hover
{
background-color: #97765D;
color: #CCCCCC;
}

.content5 H4 a:hover
{
background-color: #97765D;
color: #CCCCCC;
}




.footer {
bottom: 0;
left: 0;
height: 40px;
z-index: 3;
background: #352D2E;
color: #DEC1AD;
text-align: center;
}

.footer p {
margin: 2px 0;
font-size: 0.9em;
}

.footer a:link, .footer a:visited
{
color: #DEC1AD;
text-decoration: none;
}

.footer a:hover
{
color: #CCCCCC;
text-decoration: none;
}