body
{
   font-family: Arial, Verdana, serif;
   font-size: 12px;
   margin:0 auto; 
   background-color: #eeeeee;
   width: 1000px;
   background-image:url("../design/fond-plage-pellegrin.jpg");
   background-repeat: no-repeat;
   background-position : top center;
}

h1
{
   text-align: left;
   padding: 2px;
   margin: 2px;
   margin-top: 10px;
   margin-bottom: 125px;
   font-size: 24px;
   font-weight : bold;
   color: #545454;
   margin-left: 40px;
   text-align: left;
}

h2
{
   text-align: left;
   padding: 2px;
   margin: 2px;
   margin-top: 20px;
   font-size: 18px;
   font-weight : bold;
   color: #4475ba;
   margin-left: 40px;
}

#large h2
{
   text-align: left;
   padding: 2px;
   margin: 2px;
   margin-top: 20px;
   font-size: 18px;
   font-weight : bold;
   color: #4475ba;
}


a
{
   font-weight : normal;
   color: #0000ff;
   text-decoration: none;
}

a:hover
{
   color: #00a2ff;
   text-decoration: none;
}

a img
{
border:0px solid #FFF;
}




p
{
   padding: 2px;
   margin: 2px;
   text-align: justify;
}

#top
{
   text-align: right;
   margin-right: 15px;
}

#barre
{
   width: 990px;
   padding-top: 10px;
   padding-left: 10px;
   height: 30px;
   background-image:url("../design/top.png");
   background-repeat: no-repeat;
   background-position : top center;
}

#page
{
   padding: 10px;
   background-color: #ffffff;
   width: 980px;
   text-align: left;
}

#large
{
   float: left;
   width: 620px;
   padding-right: 4px;
}

#etroit
{
   width: 340px;
   margin-left: 640px;
   text-align: left;
}


#gauche
{
   float: left;
   width: 480px;
   padding-right: 4px;
}

#droite
{
   text-align: justify;
   width: 480px;
   margin-left: 500px;
}

#news
{
   border: 1px solid #4475ba;
   background-color: #eaf3ff;
   padding: 5px;
}

#news ul
{
    text-align:right;
	list-style-type: none;

}

#news li
{

	margin-left: 50px;
	padding: 1px;
	display: inline;
	font-size: 16px;
}

.actu
{
   padding: 0px;
   margin: 0px;
   border-bottom: 2px solid #ffffff;
}

.actu p
{
   margin: 0;
   font-size: 12px;
   padding: 2px;
}


#news h2
{

   padding: 0;
   margin: 0;
   margin-bottom: 5px;
   font-size: 18px;
   font-weight : bold;
   padding-left: 40px;
   color: #ffffff;
   background-color: #4475ba;
}

#news h3
{

   padding: 4px;
   margin: 4px;
   font-size: 14px;
   font-weight : bold;
   color: #4475ba;
}

#bas
{
   width: 1000px;
   height: 30px;
   background-image:url("../design/bottom.png");
   background-repeat: no-repeat;
   background-position : bottom center;
}

#footer
{
   text-align: right;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right : 20px;
}

#footer p
{
   text-align: right;
}

#etroit li
{
   display: inline;
}

#etroit ul
{
    padding : 0; 
    margin : 0; 
}


#guide h3
{
   text-align: left;
   padding: 2px;
   margin: 2px;
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 18px;
   font-weight : normal;
   color: #333333;
   border-bottom:1px solid blue;
}

.guideindex
{
text-align: left; 
width: 490px; 
margin-bottom: 10px;

}

.guideindex ul
{
    text-align:left;
	list-style-type: none;
	font-size: 16px;
	margin-left: 1px;
	margin: 2px;
	padding: 2px;
	line-height: 30px;
}

.guideindex li
{
	margin: 2px;
	padding: 2px;
}


#guide
{
   float: left;
   width: 620px;
   padding-right: 4px;
}



#guidelist h3
{
   text-align: left;
   padding: 2px;
   margin: 2px;
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 18px;
   font-weight : normal;
   color: #333333;
   background-color: #ffffff;
}

#guidelist
{
   float: left;
   width: 620px;
   padding-right: 4px;
}

#photosindex
{
   float: left;
   width: 620px;
   padding-right: 4px;
}

#photosindex h2
{
   text-align: left;
   padding: 2px;
   margin: 2px;
   font-size: 16px;
   font-weight : bold;
   color: #4475ba;
   text-align: center;
}



#guide h3
{
   text-align: left;
   padding: 2px;
   margin: 2px;
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 18px;
   font-weight : normal;
   color: #333333;
   border-bottom:1px solid blue;
}



#full h3
{
   text-align: left;
   padding: 2px;
   margin: 2px;
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 18px;
   font-weight : normal;
   color: #333333;
   background-color: #ffffff;
}

#full
{
   float: left;
   width: 978px;
   padding-right: 4px;
   background-color: #ffffff;
}


#gal h3
{
   text-align: left;
   padding: 2px;
   margin: 2px;
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 18px;
   font-weight : normal;
   color: #333333;
   background-color: #ffffff;
}

#gal
{
   width: 978px;
   padding-right: 4px;
   background-color: #ffffff;
   text-align: left;
}


#gal img
{
	width:220px;
	height:165px;
	margin: 7px 7px;
	padding: 2px 2px;
	border: 1px solid #d4d4d4;
	background-color: #ffffff;
}

.article
{
    padding : 5px; 
    margin : 0;
    margin-bottom: 20px;	
	border: 2px solid #d6d6d6;
	background-color: #eeeeee;
}

.article p
{
	margin-left: 237px;
}





.article ul
{
    text-align:center;
	list-style-type: none;
	font-size: 18px;
	font-weight: blod;
}

.article li
{
	margin: 6px;
	padding: 6px;
	display: inline;
}


.article2
{
    padding : 5px; 
    margin : 0;
    margin-bottom: 20px;	
	border: 2px solid #d6d6d6;
	background-color: #eeeeee;
	width: 620px;
}

.article2 p
{
	margin: 2px;
	padding: 2px;
	line-height: 24px;
}





.article2 ul
{
    text-align:left;
	list-style-type: none;
	font-size: 16px;
	margin-left: 1px;
	margin: 2px;
	padding: 2px;
	line-height: 30px;
}

.article2 li
{
	margin: 2px;
	padding: 2px;
}

.video
{
    padding : 5px; 
    margin : 0;
    margin-bottom: 20px;	
	border: 2px solid #d6d6d6;
	background-color: #eeeeee;
}

.immobilier
{
    padding : 5px; 
    margin : 0;
    margin-bottom: 20px;	
	border: 2px solid #d6d6d6;
	background-color: #eeeeee;
}

.immobilier p
{
   margin-left : 212px;
}


.immoprix
{
   text-align: right;
   font-size: 20px;
   font-weight: normal;
   color: #333333;
}

.galerie
{
	margin: 6px;
	padding: 6px;
	display: inline;
	width: 260px;
	text-align: justify;
	border: 2px solid #d6d6d6;
	background-color: #eeeeee;
}

.photog
{
	width: 240px;
	text-align: center;
}

#menu, #menu ul 
{
        padding : 0; 
        margin : 0; 
        list-style : none; 
        line-height : 25px; 
        text-align : center; 

}

#menu 
{
        font-weight : bold; 
        font-family : Arial; 
        font-size : 14px; 

}

#menu a 
{
        display : block; 
        padding : 0; 
        background : #4475ba;         
        color : #ffffff; 
        text-decoration : none; 
        width : 160px; 
		
}

#menu li 
{ 
        float : left; 
        border-right : 1px solid #fff; 
}

html>body #menu li
{
        border-right: 1px solid transparent ; 
		
}

#menu li ul 
{ 
        position: absolute; 
        width: 160px; 
        left: -999em; 
			
}


#menu li ul li 
{
        border-top : 1px solid #fff; 
					
}

html>body #menu li ul li                
{
        border-top : 5px solid transparent; 
	
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; 
        border-left     : 3px solid #fff ;    
	
}

html>body #menu li ul ul                
{
        border-left     : 3px solid transparent ; 
}

#menu a:hover  
{
        color: #000; 
        background: #fff; 
			
}
#menu li:hover ul ul, #menu li.sfhover ul ul 
{
        left: -999em; 
	
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  
{
        left: auto; 
        min-height: 0; 
				z-index: 20;
}