@charset "utf-8";
/* CSS Document */
body {
	background-color: #CCCCCC;
	
}

#container {
	position: relative;
	width : 955px;
	margin-left: -477px;
	margin-right: auto;
	left: 50%;	
	height: 700px;	
	}
		
#haut {
	position: absolute;
	width : 955px;
	height :90px;
	top: 0px;
	left: 0px;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	z-index:1;
	}
#navigation {
	position: absolute;
	width : 955px;
	height :40px;
	top: 90px;
	left: 0px;
	background-image: url(../images/navig.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	z-index:1;
	}	

#haut2 {
	position: absolute;
	width : 955px;
	height :110px;
	top: 129px;
	left: 0px;
	background-image: url(../images/top2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	z-index:1;
	}
	
#contenu {
	position: absolute;
	width : 955px;
	height : 470px;
	top: 130px;
	left: 0px;
	background-image: url(../images/contenu.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	}
	
	#photo {
	position: absolute;
	width : 755px;
	height : 400px;
	top: 60px;
	left: 100px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
	}
	
	#diapo {
	position: absolute;
	width : 755px;
	height : 400px;
	top: 60px;
	left: 100px;
	z-index: 2;
	}
	
#bas {
	position: absolute;
	width : 955px;
	height :99px;
	top: 600px;
	left: 0px;
	background-image: url(../images/bas.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	z-index:1;
	}
#carrousselle {
	width : 955px;
	height: 360px;
	top: 130px;
	left: 0px;
	position: absolute;
	line-height: 20px;
	font-size: 16px;
	overflow: visible;
	z-index:3;
	}
	
#texte {
	width : 825px;
	height: 440px;
	top: 56px;
	left: 69px;
	position: absolute;
	line-height: 20px;
	font-size: 16px;
	overflow: auto;
	z-index:1;
	}
	
#zoom {
	width : 825px;
	height: 460px;
	top: 0px;
	left: 62px;
	position: absolute;
	overflow: visible;
	z-index:3;
	}			
	
#cache1 {
	width : 62px;
	height: 80px;
	top: 200px;
	left: 0px;
	position: absolute;
	background-image: url(../images/cache1_r2_c1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	visibility: visible;
	position: absolute;
	z-index:6;
	}
#cache2 {
	width : 62px;
	height: 80px;
	top: 200px;
	left: 888px;
	position: absolute;
	background-image: url(../images/cache1_r2_c16.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	visibility: visible;
	position: absolute;
	z-index:6;
		
	}
		

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: -0.05em;
	background-image: url(../images/degrad_r1_c1.png);
	background-repeat: repeat;
	background-position: left top;
	background-color: #CCCCCC;
	color: #FFF;
}

p.texte {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #666666;
	text-transform:none;
	letter-spacing:-.05em;
}
a {
text-decoration: none;
color: #666666;
}	


#navig {
	width : 590px;
	height: 40px;
	top: 90px;
	position: absolute;
	left: 176px;
	z-index:2;
	}
	
 table.navig {
	width: 100%;
	text-align: justify;
}
td.navig {
	width: 80px;
}

a.navig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #666666;
	text-transform: none;
	letter-spacing: -.05em;
	text-decoration: none;
	
	}
a.navig:link {
	
}
a.navig:visited {
	color: #333333;
	
}
a.navig:active {
	color: #333333;

}
a.navig:hover {
	color: #333333;

	}	

	

#copyright {
	position: absolute;
	width : 640px;
	height: 10px;
	top:640px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #333333;
	text-align: center;
	left: 180px;
	z-index:2;
	}
a.copyright{
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	
	}
a.copyright:link {
	
}
a.copyright:visited {
}
a.copyright:active {
}
a.copyright:hover {
	}	


	/*Gallery*/
	#gallery {
	width : 830px;
	overflow:hidden;
	visibility: visible;
	left: 57px;
	position: absolute;
	height: 360px;
	z-index:5;
		}
		
	#print {
	width : 830px;
	overflow:hidden;
	visibility: visible;
	left: 62px;
	position: absolute;
	height: 360px;
	z-index:4;
		}

/*===== gallery =====*/
.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;
}
.roundabout-moveable-item {
   width: 248px;
   height: 178px;
   cursor: pointer;
	 border:3px solid #ccc;
	 border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:3px solid rgba(0, 0, 0, 0.2);
}


#sites {
	width : 830px;
	height: 360px;
	overflow:scroll;
	visibility: visible;
	left: 62px;
	position: absolute;
	height: 360px;
	z-index:3;
	}
	
	
	
	#formulaire {
	width : 760px;
	height: 370px;
	overflow:hidden;
	visibility: visible;
	left: 90px;
	position: absolute;	
	z-index:5;
	font-family: "Times New Roman", Times, serif;
	color: #666666;
	font-weight: bold;
	top: 85px;
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
	}
	
	#formulaire2 {
	width : 760px;
	height: 370px;
	left: 90px;
	top: 85px;
	position: absolute;
	height: 370px;
	z-index:5;
	background-image: url(../images/fondMessageRecu.jpg);
	background-repeat: no-repeat;
	}
	
	
	
	
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
	
	
	




	












/* IE6 specific styles */
.extra-wrap, .news li {zoom:1;}
li {
	list-style-image: none;
	list-style-type: none;
}