*{
	margin:0;
	padding:0;

}
img{
	border: none;
}

body {
	
margin:0 0 0 0;
	padding: 0;
	background-color: #316fae;
	
	}
	
h2, h3{
text-align: center;
/*color: #ffcc66;*
/*color: #ff6600;*/


}	


#colonne2 ul{

padding-left: 41px;
padding-top: 29px;
padding-right: 33px;
line-height: 1.7em;

}

#colonne2 ul li{
list-style-image: url(../images/bullet3.png);

}
	
#center {
position:absolute;
width: 960px;
left:50%;
margin-left: -480px;


padding-left: 10px;
	
}

#logo {

width: 960px;
height: 251px;

background: white url("../images/logo2.jpg") no-repeat;
	
	
}

#menu{
height: 85px;
margin-top: -15px;
background: url(../images/menu3.png) no-repeat;

}

#barre {
height: 68px;
background: url(../images/menu5.png) no-repeat 10px 11px;
}

#menutop {

padding-top: 20px;
font-family: "Comic Sans Ms";
font-size: 19px;
margin-left: 50px;
text-decoration: none;

}

#menu ul li{
list-style: none;
display: inline;
border: none;
margin-left: 13px;


}



#menu ul li a {
text-decoration: none;
color: #336699;
}

#menu ul li a:hover {
text-decoration: none;
color: #ff6600;
}


#corps{
height: 1156px;
margin-top: -15px;
background: #f5f9fb url(../images/fond2.jpg) no-repeat;
}

#corps2{
height: 1590px;
margin-top: -15px;
background: #f5f9fb url(../images/fond2.jpg) no-repeat;
}


#texte{
float: left;
/*background: url(../images/fond_bleu2.png) no-repeat 13px 10px;*/
width: 627px;
height: 600px;
padding-top: 40px;
padding-left: 50px;
padding-top: 15px;

	font-family: "Trebuchet Ms";
    font-size: 12px;
    color: #336699;
    margin-left: 0;
    
}

#texte p{
padding: 20px 33px;
line-height: 1.4em;
text-align: justify;
}

#colonne1{

width: 290px;
height: 600px;
float: left;
/*background-color: rgba(255, 255, 255, 0.5); */
background: url(../images/colonne4.png) no-repeat;
margin-top: 11px;
padding-top: 31px;
}

#colonne1 h2{
background: url(../images/menu_blanc.png) no-repeat;
color: #ff6600;
height: 43px;
font-size: 20px;
margin-left: -9px;
padding-top: 8px;

}


#colonne2{
margin-left: 20px;
width: 290px;
height: 600px;
float: left;
/*background-color: rgba(255, 255, 255, 0.3);*/ 
background: url(../images/colonne4.png) no-repeat;
margin-top: 11px;
padding-top: 31px;
}




#nouvelle{
float: left;
width: 237px;
margin-top: 24px;

background: url(../images/fond_bleu.png) no-repeat;
height: 600px;

}
#nouvelle a{
	
	text-decoration: none;
}

#nouvelle p{

padding: 4px;

text-align: center;
	font-family: "Trebuchet Ms";
    font-size: 15px;
    color: #336699;
    font-weight: bold;
}

#nouvelle h2{
/*color: #ff9900;*/

padding-top: 20px;
text-align: center;
color: #336699;
font-family: Tahoma;
font-size: 21px;
}

#couleur h2{

padding-top: 20px;
text-align: center;
color: #336699;
font-family: Tahoma;
font-size: 21px;
margin-top: -46px;
margin-left: -8px;
margin-bottom: 10px;

}

#nouvelle img{
padding-left: 96px;
padding-top: 10px;

}

#colonne2 img{
padding-left: 25px;

}
 .fleur{
margin-top: -40px;
 
 }
 
 #innerfade{

 height: 250px;
	width: 530px;
position: absolute;
z-index: 10;
margin-left: 2px;
margin-top: -168px;	
 }
 ul#portfolio li {
 list-style: none;
 text-decoration: none;
	
}	

ul#portfolio img{

border: none;
}


#photos{
width: 610px;
padding-top: 48px;
padding-left: 47px;
height: 256px;
float: left;
}


#bloc{
float: left;
height: 191px;
width: 251px;
background: url(../images/bloc2.png) no-repeat;
margin-left: 21px;
margin-top: 126px;


}

#bloc p{
width: 173px;
padding: 5px 33px;
text-align: center;
	font-family: "Trebuchet Ms";
    font-size: 15px;
    color: white;
    font-weight: bold;
    
}

#bloc h2{
color: #336699;
padding-top: 53px;

padding-right: 19px;

}

#meteo{
background: url(../images/fond_bleu4.png) no-repeat;
height: 350px;
width: 231px;
float: left;
margin-left: 679px;
margin-top: -287px;
padding-left: 15px;
padding-top: 19px;

}
#meteo h4{
	font-size: 13px;
}


.fleur{
margin-left: 113px;
margin-top: -22px;

}


#logo img{
padding-top: 115px;
margin-left: -32px;

}

/* debut formulaire*/

.photo{
margin-top: -115px;
margin-left: -147px;		
	
}

#page-wrap {
	width: 618px;
	margin-top: 11px;
	background: url(../images/contact.png) no-repeat;
	height: 810px;
	margin-left: 9px;

}

#page-wrap ul{
padding-left: 18px;
	
}

#page-wrap ul li{
display: inline;		
margin-left: 10px;
list-style: none;		
}

#page-wrap ul li a{
color: #336699;
text-decoration: none;	
}

#page-wrap ul li a:hover{
color: #FF6600;	
}

#page-wrap h2{
padding-top: 33px;
background: url(../images/fond_contact2.png) no-repeat 178px 22px;
height: 40px;
color: #FF6600;
font-size: 20px;

 
}

#page-wrap p{
padding:13px 33px;
	
}

	
label {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: gray;
}
	

input[type=text] {
background: url(../images/input.png) no-repeat 0px -45px;
width: 200px;

border: none;

font:normal 12px Georgia;
height: 21px;

padding: 10px 13px;

}

input[type=text]:hover {
background: url(../images/input.png) no-repeat;
width: 200px;
height: 21px;
border: none;

}

textarea {
background: url(../images/message4.png) no-repeat 0 -102px;
width: 500px;
height: 92px;
border: none;
padding: 10px 0 0 17px;
font:normal 12px Georgia;

}


textarea:hover {
background: url(../images/message4.png) no-repeat;
width: 500px;
height: 92px;
border: none;
padding: 10px 0 0 17px;
}

input[type=submit] {

height: 30px;
float: right;
margin-right: 6px;
width: 103px;
background: url(../images/input_3.png) no-repeat bottom left;
border: none;
}

input[type=submit]:hover {
width: 103px;
height: 30px;
border: none;
color: white;
cursor: pointer;
background: url(../images/input_3.png) no-repeat top left;
}

.error_message {
font-size: 12px;
color: #da3939;
font-style: italic;
}

.contactform {
background: url(../images/contactez_nous.png) no-repeat 50%;
text-indent: -9999px;
height: 32px;
margin-top: -7px;
margin-bottom: 0;
border-bottom: 2px solid white;
}

#adresse {
display: none;
}



#formulaire{

padding-top: 29px;
text-align: center;


}

#formule{

padding-top: 26px;
text-align: center;

}

#formulaire .bordure{

background: url("../images/nav2.jpg") no-repeat center;
height: 6px;
padding-top: 20px;

}


.input-bg{

float: left;
padding-left: 30px;

}
.message-bg{

float:left;
width: 500px;
padding-left: 26px;
}


fieldset{
border: 1px solid #cccccc;
width: 536px;
margin-left: 24px;
margin-bottom: 20px;
padding: 10px 0 10px 0;	
}

.legend
{
border: 1px solid #cccccc;	
color: #FF6600;
background: #ffffff;

font-size: 14px;
padding: 2px 6px;
margin-left: 5px;
}
 
#google{
padding-left: 25px;

} 

#page-plan{
width: 618px;
	margin-top: 11px;
	background: url(../images/contact.png) no-repeat;
	height: 810px;
	margin-left: 9px;
	padding-top: 28px;

}

#page-plan h2{
padding-top: 4px;
background: url(../images/fond_contact2.png) no-repeat 178px -7px;
height: 40px;
color: #FF6600;
font-size: 20px;

 
}

#page-plan p{
padding-top: 20px;
padding-left: 42px;
padding-bottom: 10px;
width: 500px;
}

.train{
padding-bottom: 13px;
padding-left: 65px;
}

.tarifs{

padding-top: 41px;
padding-left: 49px;
}

.tarifs_petits{
background: url(../images/tarifs_petit.gif) no-repeat 71px 0;
margin-top: -21px;
padding-left: 71px;
height: 126px;
}

.tarifs_petits ul{
padding-left: 30px;
line-height: 2em;
padding-top: 20px;
}

#reservation{
margin-top: -26px;
text-align: center;
}


.pastille{
margin-top: -148px;
margin-left: -111px;
border: none;
position: absolute;
z-index: 14;
}

.pastille2{
margin-top: -158px;
margin-left: -102px;
border: none;
position: absolute;
z-index: 15;
}

.pastille3{
	margin-top: -34px;
	margin-left: 459px;
	border: none;
	position: absolute;
	z-index: 15;
	}	
	
	
}

#footer{

}

#footer ul{
padding-top: 20px;
background-color: #F5F9FB;	
padding-bottom: 12px;
text-align: center;	
}

#footer ul li{
display: inline;
padding-bottom: 20px;
padding-left: 10px;
padding-top: 15px;
padding-bottom: 15px;

}

#footer ul li a{
text-decoration: none;
list-style-type: none;
color: #336699;	
}

#footer ul li a:hover{
color: #ff6600;	
	
}

#page-conditions{
width: 618px;
	margin-top: 11px;
	background: url(../images/contact2.png) no-repeat;
	height: 1215px;
	margin-left: 9px;
	padding-top: 28px;

}

#page-conditions h2{
padding-top: 4px;
background: url(../images/fond_contact2.png) no-repeat 178px -7px;
height: 40px;
color: #FF6600;
font-size: 20px;

 
}

#page-conditions p{
padding-top: 20px;
padding-left: 42px;
padding-bottom: 10px;
width: 500px;
}
 #page-conditions ul{
 padding-right: 50px;
 padding-left: 30px;
 text-align: justify;
 padding-top: 15px;
padding-bottom: 15px;
 }


.icon {float: left; height: 70px; margin-right: 10px;}
.current {float: left; width: 200px; background-color: #F0F7F9; padding: 5px;}
.forecast {float: left; width: 100px; text-align: center;}


#map{
	margin-left: 45px;
	width: 500px;
	height: 300px;
	
}

.gras{
	font-weight: bold;
}