/*  AIDES
******************************************/
.bord {border : 1px solid black;}
.bloc { display: block;}
.flotte {width: 320px;float : left;margin-bottom: 5px;}
.flotte_droite{width: 260px;float : right;}
.img_float {float : right; margin : 10px 0 10px 10px;}
.img_float_g {float : left; margin : 10px 0 10px 10px;}
.gras { font-size : 1.5em; margin: 0 2px;}
.centrer{margin-left : auto; margin-right : auto;} 
hr {margin-top : 40px;}
.mention {margin-top : 15px; padding-left : 35px;display : block;}
.marge_adresse{margin-top : 135px !important;}
/*fond d'images
************************************/
.frame-block {
position: relative;
display: block;
height:267px;
width: 400px;
}
.frame-block span {
background: url(../images/frame_1.png) no-repeat left top;
height:267px;
width: 400px;
display: block;
position: absolute;
margin : 15px 10px 5px 0px;
}
.double-border {
border: 1px solid #ccc;
padding: 5px; /*Inner border size*/
background: #fff; /*Inner border color*/
}

/*   BODY
/********************************/

body {
margin : 0 ;
padding : 0 ; 
background : #fff ;
text-align : center;
font-size : 0.7em;
color : #000000 ;
font-family :arial, verdana,helvetica,sans serif ;
line-height : 18px;
}
  
/*  SITE
********************************************************************/
 
#site { 
width : 770px;
margin : 0 auto;
text-align : left  ;
padding : 1px 0 0 0 ; 
}

/*   ADMIN
******************************************************************/
#admin {
position : absolute;
top: 271px;
left : 150px;
width : 500px;
color : #003300;
font-size : 1.3em;
line-height : 1.9em;
}

#admin h2 {
text-transform : uppercase ; 
font-weight : normal;
color : #003300;
font-size : 1.5em;
display : block;

}   
#admin a:link, a:visited{
color : #000000;
text-decoration : none;
}
#admin a:hover.lien:before { 
content:" » ";}

#footer_admin {
position : absolute;
top : 550px;
background : url(../images/fond_footer_admin.jpg);
color : #fff;
float : left;
width : 100%;
height : 30px;
}
     
/*  HEADER
********************************************************************/
   
#header {
position : relative ; 
height : 251px;
background : url(../images/header_5.jpg);
margin : 0 0 3px 0
}

/*  HEADER >> TITRE DU SITE >> H1
********************************************************************/

#header h1 {
position : absolute ;
top : 110px ; 
left : 50px ; 
color : #fff;
margin : 0;
padding : 0 ; 
font-size : 2.6em ;
text-transform : uppercase ; 
font-weight : bold;  
}
   
/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
#menu {
position : absolute ; 
top : 130px;
left : 40px; 
}
	
#menu  ul {
list-style : none ;
margin : 0; 
padding : 0 ;
}

#menu  li {
float : left ;
text-transform : uppercase ; 
}
	
#menu  li a {
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #000 ;
font-weight : bold ;
}

.lien_index {
letter-spacing : 0.03em;
}
a:hover.lien_index:before {
content:" » ";

}	
/*  CONTENT
********************************************************************/

#content {
overflow : auto ;
padding : 2px 0 0 0;
}
	
/*  CONTENU
********************************************************************/	
	
#contenu {
width : 490px ; 
float  : left ;
margin : 0;
padding : 0 0 0 40px  ;
}

#contenu_album {
width : 490px ; 
float  : left ;
margin : 50px 0 0 0;
padding : 0  ;
}
   
/*  CONTENU >> POST
********************************************************************/	

.post {
padding : 0 0 20px 0;
}   
.post_descriptif{
padding : 0 ;}

.post_descriptif h2{
font-size : 1.8em ; 
padding :  0 ; 
margin: 0 0 5px 0 ;
color : #000; 
font-weight : normal; 
clear : left ;  

}
.post  h2 {
font-size : 1.8em ; 
padding :  0 ; 
margin: 0 0 5px 0 ;
color : #000; 
font-weight : normal; 
clear : left ;  

}

.post  .sous-h2 {
margin : 0 ;
padding : 0;
color : #000000 ;
font-size : 1.2em;  
}
   
.post img {
float  : left ;
margin : 1px 10px 5px 0px;
}

.post p { /*font-family : times ;*/ font-size : 120%}
.post_descriptif p {font-size : 110%;}
p.meta-comment {color : #5e3f00 ; clear : left ; font-size : 1.2em !important ;margin :0;}
.meta-comment a {color : #DFCD5E ; text-decoration : none ; font-size : 1.015em}
.meta-comment a:hover {text-decoration : underline ; font-size : 1.015em}
p.meta-liens  {color: #454545; margin: 0 0 3px 10px !important; font-size : 1.015em!important;}
 a:link.liens  {text-decoration : none; color : #000;}
 .liens  {font-size : 1.1em;font-weight : bold;color : #000 !important;}
 .liens:hover  {font-size : 1.1em;font-weight : bold;color : #777 !important;}
 .liste_liens{ list-style-position : outside;}
/* calenrier et tarifs
********************************************************************/
#calendrier {
width: 500px;
margin-top: 50px;}

#img_3 {
float : left;
margin-top : 0px;
}
#img_4 {margin-top :135px;
}
#titre_tarifs{
width : 300px;
height: 20px;
background-color: #003300;
font-size : 1.25em;
font-weight : bold;
text-align : center;
color : #fff;
}
#titre_dispo{
height: 20px;
background-color: #003300;
font-size : 1em;

text-align : center;
margin :0 0 0 29px;
color : #fff;
letter-spacing : 0.2em;
border-bottom : 1px solid #fff;
}
.tarifs_1{
width : 310px;
height : 282px;
border : 1px solid #003300;
border-collapse : collapse;
color: #003300;
padding-left :5px;
font-size : 1.025em;
margin : 0 0 45px 0;
}
.tarifs {
width : 490px;
border : 1px solid #003300;
border-collapse : collapse;
color: #003300;
font-size : 1.025em;
margin-bottom : 11px;
}
.tarifs_1 th {
background-color : #D9FFD9;
}
.tarifs td ,th{
padding-left: 5px;
border : 1px solid #003300;
}
.tarifs_1 td ,th{
padding-left: 5px;
border : 1px solid #003300;
}
/*  SIDE
********************************************************************/

   
#side {
width : 190px ;
background : #fff ; 
float  : left ;
margin : 40px 0 0 0 ;
padding :  0 0 0 20px ;
text-align : justify; 

}
	
#side h2 {
font-size : 1.6em ;
margin : 0 ;
padding :  0 ; 
color : #625F5F ; 
font-weight : normal;  
}
	
#side ul{
list-style : none ; 
margin : 5px 0 30px 0 ; 
padding : 0; 
color : #000;
display : block;
font-weight : bold;
font-size : 110%;
}
 
#side li{
margin : 0 ; 
padding : 0 0 5px 0; 
}
  
#side li a{
color : #000 ;
text-decoration : none ;
display : block ;
height : 25px;
line-height : 25px;   

}

#adresse {
color: #000;
font-size : 0.82em;
line-height : 1.3em;
font-size : 1em;
}

#side li:first-child a{
border-top: 0; 
}

#side li a:hover{
color : #000 
}

#side p{
margin : 10px 0 25px 0 ; 
padding : 0;  
}

#side form {
margin : 0;
padding : 20px 0 0 0;
height : 50px;  
}

#side input {
float : left ; 
margin : 0;
padding : 0; 
}

#side .champ {
width : 115px ;
height : 23px;
border-top  : 1px solid #E2E2E2;
border-left  : 1px solid #E2E2E2;
border-bottom  : 1px solid #E2E2E2;
border-right : 0;   
}

#side .recherche {
background : url(../images/search.jpg);
height : 25px;
width : 67px;
border : 0;
cursor:pointer ;  
}
 #side img.img_2 {
  margin : 20px auto 0 auto ;
} 
 #side img.img_3 {
  margin : 90px auto 0 auto ;
} 
 #side img.img_mentions {
  margin : 210px auto 0 auto ;
} 
 #side img.logo {
  margin-left:  50px;
  margin-top : 30px;
} 
#img_plan {
margin : 400px  0 0 0;}
/*  FOOTER
*******************************************************************/ 
   
#footer { 
height :20px;
line-height : 20px; 
font-size : 90%;
background : #000 ;
margin : 0 20px;
border-bottom : 20px solid #fff ;
border-top : 20px solid #fff ;
text-align : center ;  
}

#footer p { 
margin : 0 ; 
color : #fff; 
}

#footer img { 
float : left ;
margin : 0 0 0 -70px ; 
}


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

#footer a:hover { 
color : #8F6C18;
text-decoration : underline ;  
}
   
   
 


/*  liens descriptif
************************************/
a.desc {text-decoration : none; color : white;}




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;

	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
	}
 .maj {font-variant:small-caps;font-size : 1.1em;padding-top: 5px;}   
/* contour photos pages descriptif
****************************/	
	
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
}/*
.gallery .favorite {
	background: url(images/favorite.gif) no-repeat;
}
.gallery .photo {
	background: url(images/photo.gif) no-repeat;
}
.gallery .video {
	background: url(images/video.gif) no-repeat;
}*/
.gallery a {
	text-decoration: none;
 }   

 .gallery a:hover {
	border-color: #000000;
}

.gallery a:hover img  {
	border-color: #000;
}
.gallery a:hover span {
	background-position: left -22px;
}