* {
	margin:0;
	padding:0;
}

div#global{
	padding:auto;
	margin:auto;
	background:url(images/maquettefond.jpg) repeat-y;
	width:900px;
}


div#header{
	width:800px;
	height:204px;
	padding:auto;
	margin:auto;
	}
	
div#container{
	margin:auto;
	padding:auto;
	width:900px;
	height:auto;
}

div#container2{
	margin:auto;
	padding:auto;
	width:900px;
	height:1200px;
}

div#container3{
	margin:auto;
	padding:auto;
	width:800px;
	height:600px;
	background-image:url(images/beynac.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

div#container3 p{
	text-align:center;
	font-weight:bold;
}

#refe{
	margin-top:-570px;
	width:1025px;
}

#ref{
	width:1025px;
	text-align:center;
	padding-left:200px;
}


.texte {
position: absolute;
margin-left:20000px;
}

.liens a:link{
text-decoration:none;
font-size:9px;
font-size:100%;
color:black;
}
.liens a:visited{
text-decoration:none;
font-size:9px;
font-size:100%;
}
.liens a:hover{
text-decoration:underline;
color:#000000;
font-size:9px;
font-size:100%;
}
.liens {
color:black;
font-size:9px;
text-align:center;
font-size:100%;
}

.liens22 a:link{
text-decoration:none;
font-size:9px;
font-size:100%;
color:black;
}
.liens22 a:visited{
text-decoration:none;
font-size:9px;
font-size:100%;
color:black;
}
.liens22 a:hover{
text-decoration:underline;
color:#000000;
font-size:9px;
font-size:100%;
color:black;
}
.liens22 {
color:black;
font-size:9px;
text-align:center;
font-size:100%;
margin-right:-10000px;
}








div#container h4{
	padding-left:80px;
	padding-top:60px;
	padding-bottom:15px;
	width:350px;
	color:#006600;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

div#container h2{
	text-align:center;
	padding-top:20px;
	color:#006600;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

div#container2 h2{
	text-align:center;
	margin-bottom:20px;
	padding-top:20px;
	color:#006600;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

div#container3 h2{
	text-align:center;
	margin-bottom:20px;
	padding-top:20px;
	color:#006600;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;

}


div#carte1{
	width:350px;
	height:350px;
	position:relative;
	left:450px;
	top:-500px;
	}

div#carte1 object.carte{
	width:350px;
	height:350px;
	overflow:hidden;	

}

div#circuit {
	margin:auto;
	padding:auto;
	margin-bottom:60px;
	width:600px;
	
}

#site {
	margin-right: auto;
	margin-left: auto;
	/*background-image: url(images/2.jpg);*/
	background-repeat: no-repeat;
	background-position: center;
}
	
p.p1{
	padding-left:80px;
	width:350px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p2{
	padding-left:570px;
	margin-top:-480px;
	position:absolute;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
	color:#CF1300;
	font-weight:bold;
	font-size:110%;
}

p.p3{
	padding-left:80px;
	position:absolute;
	margin-top:-150px;
	width:700px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p4{
	padding-left:80px;
	margin-top:-60px;
	position:absolute;
	width:700px;
	padding-bottom:30px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p5{
	text-align:center;
	font-weight:bold;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
	padding-bottom:10px;
}

p.p500{
	text-align:center;
	font-weight:bold;
	padding-top:230px;
}

.vert {
	color:#006600;
	font-weight:bold;
}

.rouge {
	color:#CF1300;
}

.ref{
	margin-left:-20000px;
}

p.p10{
	padding-left:80px;
	padding-top:5px;
	width:700px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p11{
	padding-left:80px;
	padding-top:5px;
	width:700px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p12{
	padding-left:80px;
	padding-top:5px;
	width:700px;
	margin-bottom:20px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

div#texte{
	position:relative;
	top:-355px;
	
}

p.p42{
	text-align:center;
	font-weight:Bold;
	color:#006600;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p40{
	padding-left:65px;
	width:750px;
	font-size:70%;
	margin-top:5px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p41{
	text-align:center;
	font-weight:Bold;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}



p.p43{
	text-align:center;
	font-weight:Bold;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p44{
	text-align:center;
	font-weight:Bold;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p45{
	text-align:center;
	font-weight:Bold;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p46{
	text-align:center;
	font-weight:Bold;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p51{
	margin-left:550px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
	padding-top:22px;
}

p.p52{
	text-align:center;
	padding-bottom:20px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}

p.p520{
	padding-bottom:20px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
	padding-left:110px;
	color:#282A7F;
	font-weight:bold;	
}

p.p222{
	text-align:center;
	padding-bottom:30px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
	font-weight:Bold;
	font-size:150%;
	
}

p.p333{
	color:#4991A8;
	text-align:center;
	padding-bottom:30px;
	font-size:150%;
	font-weight:bold;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif;
}


/*-----------------------formulaire-------------------------------*/

div#formulaire{
	width:380px;
	height:500px;
}


label#idNom
{
	position:absolute;
	top:320px;
	padding-left:65px;
}

#edtNom
{
	position:absolute;
	top:320px;
	margin-left:170px;
}

label#idPrenom
{
	position:absolute;
	top:350px;
	padding-left:65px;
}

#edtPrenom
{
	position:absolute;
	top:350px;
	margin-left:170px;
}

label#idAdresse
{
	position:absolute;
	top:380px;
	padding-left:65px;
}

#edtAdresse
{
	position:absolute;
	top:380px;
	margin-left:170px;
}

label#idCode
{
	position:absolute;
	top:410px;
	padding-left:65px;
}

#edtCode
{
	position:absolute;
	top:410px;
	margin-left:170px;
}

label#idVille
{
	position:absolute;
	top:440px;
	padding-left:65px;
}

#edtVille
{
	position:absolute;
	top:440px;
	margin-left:170px;
}

label#idPays
{
	position:absolute;
	top:470px;
	padding-left:65px;
}

#edtPays
{
	position:absolute;
	top:470px;
	margin-left:170px;
}

label#idTel
{
	position:absolute;
	top:500px;
	padding-left:65px;
}

#edtTel
{
	position:absolute;
	top:500px;
	margin-left:170px;
}

label#idFax
{
	position:absolute;
	top:530px;
	padding-left:65px;
}

#edtFax
{
	position:absolute;
	top:530px;
	margin-left:170px;
}

label#idEmail
{
	position:absolute;
	top:560px;
	padding-left:65px;
}

#edtEmail
{
	position:absolute;
	top:560px;
	margin-left:170px;
}

label#idMessage
{
	position:absolute;
	top:590px;
	padding-left:65px;
}

#edtMessage
{
	position:absolute;
	top:590px;
	margin-left:170px;
	height:100px;
}


#btnSubmit
{
	padding-right:10px;
	position:absolute;
	top:720px;
	margin-left:260px;
}

/*------------------------------------------------*/


#image1{
	background-image:url(images/canoe1.jpg);
	width: 343px;
	height:236px;
	position:relative;
	margin-left:480px;
	bottom:100px;
}

#image2{
	background-image:url(images/logo_canoe.jpg);
	width: 200px;
	height:127px;
	position:relative;
	margin-top:-130px;
	margin-bottom:100px;
	bottom:80px;
	margin-left:90px;
}

#image20{
	background-image:url(images/logo_canoe.jpg);
	width: 200px;
	height:127px;
	position:relative;
	margin-top:-40px;
	margin-left:90px;
}

#image33{
	background-image:url(images/plan.gif);
	width: 600px;
	height:465px;
	position:relative;
	bottom:350px;
	margin-left:150px;
	margin-bottom:20px;
	

}

#image10{
	background-image:url(images/tableau.jpg);
	width: 685px;
	height:344px;
	position:relative;
	margin:auto;
	padding:auto;
	margin-top:10px;
}
	
div#footer{
	background-color:#4991A8;
	width:804px;
	height:60px;
	position:relative;
	margin:auto;
	padding:auto;
}

#image3{
	background-image:url(images/ancv.jpg);
	width:74px;
	height:57px;
	left:728px;
	position:absolute;
	top:1px;
}

#image4{
	background-image:url(images/contact.jpg);
	width:288px;
	height:43px;
	bottom:7px;
	position:absolute;
	left:250px;
}

#image5{
	background-image:url(images/hub.jpg);
	width:34px;
	height:25px;
	bottom:15px;
	position:absolute;
}

#image300 a{
	background-image:url(images/hebergement.jpg);
	width:240px;
	height:180px;
	position:absolute;
	margin-top:20px;
	margin-left:280px;
}

#image300 a:hover{
	background-image:url(images/heber.jpg);
	width:240px;
	height:180px;
	position:absolute;
	margin-top:20px;
	margin-left:280px;
}

#image301 a{
	background-image:url(images/conserve.jpg);
	width:240px;
	height:180px;
	position:absolute;
	margin-left:280px;
	margin-top:20px;
}

#image301 a:hover{
	background-image:url(images/produits.jpg);
	width:240px;
	height:180px;
	position:absolute;
	margin-left:280px;
	margin-top:20px;
}

#imageheberg a{
	background-image:url(images/heberg.png);
	width: 174px;
	height:187px;
	position:relative;
	display:block;
	border: solid 1px;
	top:-485px;
}

#imagecanoe a{
	background-image:url(images/canoe.png);
	width: 174px;
	height:187px;
	position:relative;
	display:block;
	border: solid 1px;
	top:-295px;
	left:-310px;
}

#imageferme a{
	background-image:url(images/ferme.png);
	width: 174px;
	height:187px;
	position:relative;
	display:block;
	border: solid 1px;
	top:-675px;
	left:300px;
}

#site{
	background:url(images/fond.png) no-repeat;
	width:1024px;
	height:484px;
	position:relative;
	margin-top:150px;
	display: block;
}

div#footer p{
	font-size:80%;
	top:40px;
	left:5px;
	color:white;
	position:absolute;
}

div#footer a:link{
	text-decoration:none;
	color:white;
}

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