
body {
margin : 0;
padding : 0;
text-align : center;
background : #89B3DC;
font-family : arial;
font-size : 11px;
color : #373737;
}

/*************** Début du pop up *************************************/
#popup {
	height:525px; 
	width:350px; 
	border:1px solid #000; 
	background-image:url(images_site/vacances2012.png);
	position:absolute;
        border:none;
	top:-400px;
	left:-400px;
	text-align: center;

}
.poptext {

	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
        color: #FF0000;
	margin-left : auto;
	margin-right : auto;
        cursor: pointer;
}
.poptext1 {
	width: 400px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	font-family: arial;
        color: #FF6600;
	margin-right : auto;

}
.poptext2 {
	width: 400px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	font-family: arial;
        color: #1f2331;
	margin-left : auto;
	margin-right : auto;
}
.poptext3 {
	width: 400px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-family: arial;
        color: #FF6600;
	margin-left : auto;
	margin-right : auto;
}

/*************** Fin du pop up*************************************/



/*************** Début rotation messages livre or *************************************/

#logo2 {   
margin-left: auto;
margin-right: auto;
text-align: center;
vertical-align: middle;
width : 500px; 
height : 262px; 
background-color:#A4BCE0; 
} 

/*************** Fin rotation messages livre or *************************************/




/*************** Début du slide show *************************************/
input { 
color:#000; 
background-color:#BCC687; 
font-size:12px; 
font-family:arial;
}


/*************** Fin du slide show *************************************/


.imageg { float: left; border: 2px solid #393A3E; padding: 3px; margin: 0 10px 3px 10px; }
.imaged { float: right; border: 2px solid #393A3E; padding: 3px; margin: 0 5px 3px 10px; }
#content {
position : relative;
width : 857px;
background : transparent;
margin-left : auto;
margin-right : auto;
text-align : center;
}
#haut {
border-top : 1px solid #2D0800;
width : 100%;
height : 303px;
background : url(images_site/haut.gif) no-repeat;
margin-left : auto;
margin-right : auto;
text-align : left;
}
.img_haut {
border-top : 1px solid #2D0800;
background : url(images_site/expo.jpg) no-repeat;
width : 557px;
height : 206px;
margin : 80px 0 0 200px;
}


#centre {
width : 100%;
background : url(images_site/centre.gif);
margin-left : auto;
margin-right : auto;
padding-bottom : 0;
text-align : left;
}
#bas {
width : 100%;
height : 151px;
background : transparent url(images_site/bas.gif);
margin-left : auto;
margin-right : auto;
}
#menu {
position : absolute;
left : 0;
top : 26px;
text-align : left;
font-weight : bold;
background : url(images_site/menubleu.gif) no-repeat top left;
}
#menu ul {
width : 202px;
height : 275px;
list-style : none;
margin : 5px 0 0 0;
padding : 95px 0 0 29px;
text-transform : uppercase;
}
#menu li {
margin : 0;
padding : 0;
list-style : none;
line-height : 26px;
text-align : left;
text-indent : 10px;
}
#menu li a {
background : transparent url(images_site/bg_menu.gif) no-repeat bottom;
width : 150px;
display : block;
height : 26px;
text-decoration : none;
margin : 0;
padding : 0;
list-style : none;
color : #fff;
}
#menu li a:hover {
background : transparent url(images_site/bg_menu_ov.gif) no-repeat bottom;
height : 26px;
}
.corect_bug_galery {
width : 100%;
height : 145px;
background : #fff url(images_site/bgbugmenu.jpg);
}
dl.gallery {
background : #37393d;
width : 167px;
text-align : center;
float : left;
margin : 0;
padding : 0;
color : #fff;
}
.gallery dt { }
.gallery dt img {
width : 167px;
height : 124px;
border : none;
}
.gallery dd {
font-weight : bold;
text-transform : uppercase;
margin : 0;
padding : 0 0 4px 0;
background : #37393d;
color : #fff;
}
.gallery dd a {
color : #fff;
text-decoration : none;
}
#pub {
position : absolute;
bottom : 36px !important ;
bottom : 35px;
right : 2px !important ;
right : 1px;
width : 224px;
height : 403px;
background : transparent url(images_site/menubrun.gif) no-repeat top left;
color : #fff;
text-align : left;
}
.text_pub {
overflow : auto;
width : 174px;
height : 360px;
margin : 15px 0 0 25px;
padding : 0;
background : transparent;
}
.text_pub p {
padding : 0 10px 0 10px;
}
.text_pub a {
color : #fff;
text-decoration : underline;
}
.text_pub a:hover {
color : #FFCC99;
text-decoration : underline;
}
.text_pub .top {
padding-top : 20px;
text-transform : uppercase;
font-weight : bold;
}
#bloc_centre {
width : 670px;
padding-bottom : 30px;
background : #fff url('images_site/fond.jpg') repeat-y bottom;
margin-left : 88px !important ;
margin-left : 88px;
text-align : justify;

}

.titre  {
font-weight : bold;
text-decoration : underline; 

}



.partnerlist {
margin : 20px 0 0 10px; 
width : 650px ;
height : 800px ; 
display : block;


}
.centerpart {
margin : auto;
width : 5px ;
background : #fff url('images_site/sep.jpg') repeat-y top;
display : block;

}
.partnerleft {
float : left ; width : 140px ;
margin : 20px 5px 0 5px; 
display : block;

}
.partnerright {
float : left ; width : 468px ;
margin : 20px 0 0 10px; 
display : block;

}


h1 {
margin : 0 0 0 20px;
padding : 20px 0 10px 0;
font-size : 32px;
clear : left;
}
p {
margin : 0;
padding : 0;
}
div.pousse {
margin-left : 10px !important ;
margin-left : 5px;
}
.float_left {
float : left;
}
.spacer {
clear : both;
height : 13px;
}

.prix {
color: #E65830;
font-weight: bold;
font-size: 14px;

}
.intro {
width : 90%;
text-align : center;
font-size : 14px;
font-weight : bold;
padding : 5px 0 0 10px;
margin : 0 25px 0 20px;
}
.apropos {
width : 75%;
padding : 5px 0 0 0;
margin : 0 25px 0 20px;
font-size : 13px;
font-weight: bold;
}
.commentaire {
width : 93%;
padding : 5px 0 0  0;
margin : 0 20px 0 20px;
font-size : 14px;

}
.commentaire1 {
width : 93%;
padding : 5px 0 0  0;
margin : 0 20px 0 20px;
font-size : 13px;
font-weight: bold;
}

.commentaires {
width : 93%;
padding : 5px 0 0  0;
margin : 0 20px 0 20px;
font-size : 14px;
font-style : italic;
font-weight: bold;
}
.contact {
width : 95%;
padding : 5px 0 0  0;
margin : 10px 10px 0 10px;
font-size : 15px;
font-weight : bold;
}
.top {
padding-top : 20px;
}
a {
color : #ffa500;
text-decoration : none;
}
a:hover {
color: #FFCC99;
text-decoration : none;
}
.nordsud {
margin : 20px 5px 0 10px;
background : transparent;
}
.nordsud img {
text-align : center;
float : left;
margin-right : 20px;
}
.content_img {
background-color : #fff;
width : 320px;
text-align : left;
padding : 50px 5px 0 10px;
float : left;
}
img {
border : none;
}
.content_img p {
margin : 0;
padding : 0;
}
.ref {
float : left;
color : #ffa500;
}
.tarifs {
float : right;
margin : 0;
padding : 0;
}
.name {
font-weight : bold;
clear : both;
}
.content_image {
background : transparent;
width : 100%;
text-align : center;
padding : 5px 5px 0 0;
}
.content_image p {
margin : 0;
padding : 0;
}
.description {
margin : 20px 0 0 20px;
height : 60px;
background : transparent;
}
.description img {
float : left;
margin-right : 10px;
}
.nord {
margin-left : auto;
margin-right : auto;
text-align : justify;
float : left;
width : 250px;
}
.sud {
margin-left : auto;
margin-right : auto;
text-align : right;
font-size : 16px;
font-weight : bold;
float : right;
width : 100%;
}
h2 {
margin : 0;
padding : 10px;
font-size : 16px;
clear : left;
color : #373737;
}
h3 {
margin : 0;
padding : 10px;
font-size : 16px;
text-align : right;
clear : right;
color : #373737;
}

#compteur {
width : 100%;
margin-left : auto;
margin-right : auto;
}






