body {
background:url('images/bg2.jpg') no-repeat top center #000000;
color:#fff;
font-family: Corbel, 
    Lucida Grande, 
    Lucida Sans Unicode, 
    Lucida Sans, 
    DejaVu Sans, 
    Bitstream Vera Sans, 
    Liberation Sans, 
    Verdana, 
    Verdana Ref, 
    sans serif;
font-size:14px;
}

/*------------------------------TYPO------------------------------*/

a{
color:#fff;
outline:none;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

p{
color:#fff;
font-size:14px;
padding-left:0;
}

h1{
color:#fff;
font-size:22px;
padding-bottom:10px;
padding-left:0;
padding-top:20px;
}

h2{
color:#fff;
font-size:18px;
text-decoration:underline;
padding-bottom:10px;
padding-top:10px;
}

h3{
color:#fff;
font-size:16px;
padding-bottom:10px;
padding-top:10px;
}

span{
color:#fff;
}

small{
font-size:12px;
}

/*------------------------------HEADER------------------------------*/

#conteneur{
margin:60px auto;
width:960px;
}


#logo a{
background:url(images/logo.png) no-repeat top left;
display:block;
height:71px;
margin-left:20px;
margin-top:30px;
width:250px;
}

/*-----------------------------NAVIGATION---------------------------*/

#menu{
float:left;
height:365px;
margin-left:20px;
margin-top:10px;
}

#menu ul li{
height:50px;
list-style:none;
padding-top:3px;
}

#menu ul li a{
background:url(images/btn.png) no-repeat left;
color:#FFFFFF;
display:block;
font-size:14px;
height:40px;
line-height:35px;
text-align:center;
text-decoration:none;
width:220px;
}

#menu ul li a:hover{
background:url(images/btnh.png) no-repeat left;
text-decoration:none;
}

#menu ul li a:active{
outline:none;
text-decoration:underline;
}

/*-----------------------------CONTENT--------------------------------*/

#content{
background:url('images/content.png') no-repeat top center;
float:left;
height:383px;
line-height:16px;
margin-left:10px;
margin-top:13px;
padding-left:20px;
width:620px;
}

#content p{
color:#fff;
padding:10px;
}


.clear {
	clear:both
}

/*-----------------------------PRESENTATION SLIDE--------------------------------*/

#gallery {
height:180px;
position:relative;
margin-left:230px;
margin-top:-170px;
}

#gallery a {
float:left;
position:absolute;
}

#gallery a img {
border: #fff solid 1px;
}
	
#gallery a.show {
z-index:500;
}


#content.presentation{
background:transparent;
margin:0;
padding-left:0px;
}

/*---------------------------------NOTRE CARTE SCROLL---------------------------------*/

#content.scroll {
background:url('images/content.png') repeat-y top center;
float:left;
height:383px;
margin-left:-20px;
margin-top:0px;
overflow:auto;
width:620px;
}

.scroll p{
color:#fff;
padding:10px;
}

/*--------------------------------GALERIE-------------------------------*/

#content.galerie{
background:transparent;
float:left;
height:383px;
margin-left:-30px;
margin-top:0px;
padding-left:20px;
width:620px;
}

#myinnercontainer {
background:transparent;
height:383px;
width:620px;
}

/*-------------------------------LIVRE D'OR-------------------------------*/

#content.livredor{
background:transparent;
float:left;
height:383px;
margin-left:-20px;
margin-top:0px;
padding-left:20px;
width:620px;
}

/*--------------------------------CONTACTS-------------------------------*/

#content.map{
background:transparent;
float:left;
height:383px;
margin-left:-20px;
margin-top:0px;
padding-left:20px;
width:620px;
}

#content.map a{
color:#fff;
text-decoration:none;
}

#content.map a:hover{
color:#fff;
text-decoration:underline;
}

#content.map a:active{
color:#fff;
text-decoration:none;
}

iframe{
border: #fff solid 1px;
height:250px;
margin-left:230px;
margin-top:-262px;
width:360px;
}

/*-----------------------------FOOTER---------------------------------*/

#footer{
float:right;
height:12px;
margin-right:90px;
padding-top:145px;
width:200px;
}

#footer a{
color:#fff;
outline:none;
text-decoration:none;
}

#footer a:hover{
color:#c4c4c4;
outline:none;
text-decoration:none;
}

#footer a:active{
color:#868786;
outline:none;
text-decoration:none;
}