body { 
	/*background-image:url('img/jump.jpg');*/
	background-color:black;
	background-repeat:no-repeat;
	background-position:top center; 
	background-attachment:fixed;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
	margin:0px;
	padding:0px;
}

#petitlogo{ 
	width:1100px;
	height:41px;
	margin-top:0%; 
	margin-left: auto;
 	margin-right: auto;
	}

#ombre{ 
	background-image:url('img/ombree.png');
	background-repeat:repeat-y;
	background-position:top center; 
	width:1100px;
	margin-top:0%;
	padding-bottom:2%;
	padding-top:5%;
	margin-bottom:10%;
	}
	
#menumilieu{  
	background-color:transparent;purple;
	width:946px;
	height:700px;
	padding-top:0;
	margin-top:0;
	border-width:2px;
	border-style:none;dotted;
	border-color:#3e9acc;red;
		}
#menumilieu2{  
	background-color:transparent;purple;
	width:546px;
	height:100%;
	padding-top:0;
	margin-top:0;
	border-width:2px;
	border-style:none;dotted;
	border-color:#3e9acc;red;
		}
#menumilieu3{  
	background-color:transparent;purple;
	width:946px;
	height:100%;
	padding-top:0;
	margin-top:0;
	border-width:2px;
	border-style:none;dotted;
	border-color:#3e9acc;red;
		}
#menumilieutxt{  
	background-color:transparent;
	width:808px;
	height:100%;
	padding-left:20px;
	padding-right:20px;
	margin-top:0;
	text-align:justify;
		}
#menun{  
	background-color:transparent;green;
	width:950px;
	height:100%;
	}
#menugauche{  
	background-color:transparent;red;
	width:600px;
	height:410px;
	float:left;
	padding-top:20px;
	padding-left:30px;
	margin-top:3%;
		}
#menugaucheun{  
	background-color:transparent;pink;
	width:609px;
	height:310px;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	margin-top:0;
	margin-left:30px;
	border-width:2px;
	border-style:dotted;
	border-color:#3e9acc;red;
	font-size: 16px;
	color: white;
	font-style:bold;
		}
#menugaucheun a { color: #3e9acc;#3399cc; text-decoration: none; }
#menugaucheun a:hover { text-decoration: underline; }

#menudroite{  
	background-color:transparent;blue;
	width:400px;
	height:852px;
	float:right;
	padding-right:21px;
		}
#menudroite1{  
	background-color:transparent;
	width:450px;
	height:280px;
	float:right;
	margin-top:9%;
		}
#menudroite2{  
	background-color:transparent;yellow;
	width:583px;
	height:250px;
	float:right;
	padding-left:20px;
	padding-top:9%;
		}
#menugauche2{  
	background-color:transparent;red;brown;
	width:365px;
	height:349px;
	float:left;
	margin-left:12%;
	margin-top:0%;
		}
#menubas{  
	background-color:transparent;yellow;
	width:1080px;
	height:210px;
	display:inline-block; 
	padding-top:1px;
	margin-top:8%;
		}
#menubas1{  
	background-color:transparent;yellow;
	width:1100px;
	height:25px;
	display:inline-block;
	color: #1ab3ff;
		}
#menubas1 a{font-size: 18px; color: #1ab3ff; #04fefb;}
#menubas1 a:hover {color: #fd04fd;#0480fe;}
#menubas ol {position:relative; margin-left:0; margin-top:5%; list-style:none;}
#menubas ul {list-style:inside;}
#menubas h1 {text-align:center;}

h1,h3,h4,h5{
color:#1ab3ff; 
} 
h2{
background-color:none;
color:#1ab3ff; 
} 
/* Remise à zero pour compatibilité des navigateur */
html,body,div,span,ul,li{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	}
body{
	line-height:1;
	}
ol,ul{
	list-style:none;
	}
blockquote,q{
	quotes:none;
	}
	blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a {text-decoration:none;}

/* Menu DEROULANT */
#cadre-menu {
	position:fixed;
	left:-330px;
	overflow:hidden;
	top:25%;
	width:380px; 
	height:239px;
	font:14px Arial;
	font-weight:bold;
	z-index:3;
}
#bordure-menu {	
	float:left;
	background:#8D0511;
	width:300px;
	height:239px;
	margin:0px;
	padding:15px;
	padding-top:30px;
	border:none;5px solid #999;
	border-left:none;
	z-index:3;
}
#bordure-menu ul {
	list-style: square inside;
	z-index:3;
}
#bordure-menu ul li {
	padding-bottom:8px;
	z-index:3;
}
#bordure-menu ul li a {
	color:#555;
	z-index:3;
}
#bordure-menu ul li a:hover {
	text-decoration:underline;
	z-index:3;
}
#bouton-menu {
	float:right;
	width:45px;
	margin:0px;
	height:239px;
	background:#8D0511 url('img/contact.png') top right no-repeat;
	z-index:3;
}
label
{
	display: block;
	width: 80px;
	float: left;
}
table
{
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
td
{
    border: none;
}
#menutest {
  position: fixed;
  float: left;
  right: 0;
  top: 40%;
  margin-top: -2.5em;
  z-index:3;
}
#ftHolder { 
	width:601px; 
	height:400px;
	z-index:1;
}
#ft { border: 5px solid #3e9acc;#BAD340; -moz-border-radius: 5px; 
z-index:1;}
.ft-title { 
	padding: 20px 20px; 
	width: 560px; 
	text-align: left;
	z-index:1;
	}

.ft-prev, .ft-next { 
	background-color: #000; 
	padding: 0 10px; 
	z-index:1;
	}

.ft-button-ft-active { color: #3e9acc; z-index:1; }
.topbar a { color: white;#3399cc; text-decoration: none; }
.topbar a:hover { text-decoration: underline; }

a.lien1 { color: white;#5C7F99; text-decoration: none;   font-weight:bold;}
a.lien1:hover { color:#3e9acc; text-decoration: underline;   font-weight:bold;}
a.lien2 { color: white;#5C7F99; text-decoration: none;}
a.lien2:hover { color:#3e9acc; text-decoration: underline;}
p { 
      color: white;
      font-size: 12pt;
      text-align:center;
  }
#decouverte,#start,#services,#power {position:absolute; width:200px; height:300px;}
#decouverte{left:30px;}
#start {left:260px;}
#services {right:260px;}
#power {right:30px;}

nav  {
	display: block;
	overflow: hidden;
	width:990px;
	margin:auto;
}

nav ul {
	margin: 0px 0 0px 0;
	padding: .5em;
	float: left;
	list-style: none;
	background: #444;
	background: rgba(0,0,0,.8);
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;    
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; 
}

nav li {
	float:left;
}

nav a {
	float:left;
	padding: .8em 1.5em;
	text-decoration: none;
	color: #fff;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-width: 1px;
	border-style: solid;
	border-color: #1ab3ff;tranparent;#fff #ccc #999 #eee;
	background: tranparent;#0000;
	         
 }
 
nav a:hover, nav a:focus {
	outline: 0;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	background: #1ab3ff;
	background: -moz-linear-gradient(#1ab3ff, #3e9acc);
	background: -webkit-gradient(linear, left top, left bottom, from(#1ab3ff), to(#3e9acc));
	background: -webkit-linear-gradient(#1ab3ff, #3e9acc);
	background: -o-linear-gradient(#1ab3ff, #3e9acc);
	background: -ms-linear-gradient(#1ab3ff, #3e9acc);
	background: linear-gradient(#1ab3ff, #3e9acc);
}

nav a:active {
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
 
nav li:first-child a {
	border-left: 0;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;            
}

nav li:last-child a {
	border-right: 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;            
}
/*	formulaire de contact    	 */

#message {
	width: 410px;
	
}
#message label {
	display: block;
	border: 1px dashed #900;
	background: #1ab3ff;
	margin: 4px 0px 0px;
	padding: 3px 8px 1px;
	font-size: 18px;
	font-weight: bold;
	color: #999;
}
#message .entree {
	background: #1ab3ff;
	line-height: 18px;
	padding: 0;
	border: 0;
	font-size: 18px;
	width: 200px;
}
#message .codespam {
	background: #1ab3ff;
	line-height: 11px;
	padding: 0px 4px;
	border: 1px solid #ccc;
	font-size: 18px;
	width: 10px;
}
#message .area {
	height: 40px;
	width: 100%;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
#message #Envoyer {
	margin: 0px;
	padding: 0px 6px 0px;
}

/*	les photos    	 */

#holdere {width:850px; height:130px; background-color:tranparent;:url(images/backun.gif);margin-top:0%;margin-left:2%;}

ul.outere {padding:0; margin:0; list-style:none; width:208px; height:208px; float:left; position:relative;}
ul.outere ul {padding:0; margin:0; list-style:none;}
ul.outere span {display:none; color:#fff;999999;#9cf; text-align:center; font:normal 12px arial, sans-serif; position:absolute; top:150px; left:0; width:208px; z-index:100;}
ul.outere a {text-decoration:none;}

ul.outere table {border-collapse:collapse; padding:0; margin:-1px;}

ul.outere li {display:block; float:left; padding:2.5px; margin:0;}

* html ul.outere li {padding:0;} /* for IE6 */
* html ul.outere li a {float:left; display:block; padding:2.5px;} /* for IE6 */

ul.outere li.inner img {width:100%; display:block; border:0; cursor:pointer;}

ul.outere li:hover {padding:1px;}
ul.outere li:hover span {display:block;}
* html ul.outere a:hover {padding:1px;}
* html ul.outere a:hover span {display:block;}

ul.outere li.innere:hover img {width:106px; height:106px;}