@charset "utf-8";
/* CSS Document */

html {
	margin: 0px;
	padding: 0px;
	min-width: 780px;
	height: 100%;
}

body {
	background-color: #bfbfbf;
	background-image:none;
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:'PT Sans',Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	min-width: 780px;
	height: 100%;
	vertical-align:top;
	line-height:normal;
}


p {
	margin: 0px;
	padding: 0px;
	font-family:'PT Sans',Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

a {
	font-family:'PT Sans',Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	font-size: inherit;
}

a:link,a:visited {
	text-decoration:none;
	color: #000000;
}

a:hover {
	text-decoration:none;
	color: #aa8b2c;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align:bottom;
}

h1 {
	font-size:16px;
	font-weight:bold;
	color:#000000;
	padding-top:0px;
	font-family:'Cinzel',Times New Roman, serif;
	font-variant: small-caps;
}
h2 {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	padding-top:0px;
	font-family:'Cinzel',Times New Roman, serif;
	font-variant: small-caps;
}
h3 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding-top:0px;
	font-family:'Cinzel',Times New Roman, serif;
	font-variant: small-caps;
}
h4 {
	font-size:9px;
	font-weight:normal;
	color:#000000;
	padding-top:0px;
	padding-bottom:0px;
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	line-height: 9px;
	height: 9px;
}
	
#mainpage {
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#home-container {
	width: 100%;
	background-color: #bfbfbf;
	background-image:url("../images/homeback.png");
	background-repeat: repeat-y;
	background-position: center;
	min-width: 770px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -450px; /* the bottom margin is the negative value of the footer's height */
}
#page-container {
	width: 100%;
	background-color: #bfbfbf;
	background-image:url("../images/back.png");
	background-repeat: repeat-y;
	background-position: center;
	min-width: 770px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -450px; /* the bottom margin is the negative value of the footer's height */
}

#page-header {
	width: 770px;
	min-width: 770px;
	height: 100px;
	background-color: #bfbfbf;
	padding-top: 10px;
	margin : 0px;
	margin-left:auto;
	margin-right:auto;
}

#page-header-menu {
	width: 770px;
	min-width: 770px;
	height: 100px;
	background-color: #000000;
}

#page-menu {
	width: 100%;
	min-width: 770px;
	height: 50px;
	background-color: #ffffff;
	background-image:url("../images/toolbar48.gif");
	background-repeat:repeat-x;
	background-position:center;
}

#page-banner {
	width: 770px;
	min-width: 770px;
	height: 133px;
	padding: 0px;
	margin : 0px;
	margin-left: auto ;
	margin-right: auto ;
}

#page-gallery {
	width: 770px;
	min-width: 770px;
	height: 320px;
	padding: 0px;
	margin : 0px;
	margin-left: auto ;
	margin-right: auto ;
}

#page-content {
	width: 770px;
	min-width: 770px;
	min-height: 400px;
	padding: 0px;
	margin : 0px;
	margin-left: auto ;
	margin-right: auto ;
	margin-bottom: 20px;
}

.page-content-left {
	float:left;
	width: 200px;
	min-width: 200px;
}

.page-content-right {
	margin-left: 200px;
	padding : 0px;
	width: 569px;
	min-width: 559px;
	min-height: 320px;
}

.content-padding {
	padding : 10px;
}

#page-push {
	width: 100%;
	min-width: 770px;
	height: 450px;
	padding: 0px;
	margin : 0px;
}

#page-footer {
	width: 100%;
	min-width: 770px;
	height: 450px;
	border : 0px;
	padding: 0px;
	margin : 0px;
}

#page-footer-menu {
	width: 100%;
	min-width: 770px;
	border : 0px;
	padding: 0px;
	margin : 0px;
	height: 390px;
	background-color: #555555;
	overflow:hidden;
}

#page-footer-bottom {
	width: 100%;
	min-width: 770px;
	border : 0px;
	padding: 0px;
	margin : 0px;
	height: 60px;
	background-color: #bfbfbf;
	overflow:hidden;
}

#logo-top {
	width: 385px;
	height: 80px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	background-image: url("../images/aypioss-385.png");
}
#logo-top:hover {
	opacity: 0.6;
	cursor:pointer;
}

.flag {
	width: 24px;
	height: 15px;
	margin-top:10px;
	margin-right:10px;
	color:#ffffff;
	border:1px;
	border-style:solid;
	float:right;
}
a.flag:visited,a.flag:link {
	border:1px;
	border-style:solid;
	border-color: #ffffff;
}
a.flag:hover {
	border:1px;
	border-style:solid;
	color: #aa8b2c;
	border-color: #aa8b2c;
}

.menubar {
	width: 770px;
	min-width: 770px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	list-style-position:outside;
	margin-left:auto;
	margin-right:auto;
}
.menubar li {
	float: left;
	list-style-type:none;
	list-style-position:outside;
	width: 130px;
	height: 48px;
	line-height: 48px;
	margin-top: 1px;
	margin-right: 2px;
	background-color: #555555;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	vertical-align: bottom;
	text-shadow: 1px 1px 2px #444444;
	color:#ffffff;
}
.menubar a:link,.menubar a:visited {
	color:#ffffff;
	display: block;
}
.menubar a:hover {
	color:#ffffff;
	background-color:#aa8b2c;
}

.leftbar {
	width: 200px;
	min-width: 200px;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	list-style-position:outside;
	font-family:'Cinzel',Copperplate Gothic Light, Times New Roman, serif;
}
.leftbar2 {
	width: 200px;
	min-width: 200px;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	list-style-position:outside;
}
.leftbar li {
	float: left;
	list-style-type:none;
	list-style-position:outside;
	width: 200px;
	height: 23px;
	line-height: 23px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1px;
	font-size:12px;
	font-weight: 400;
	text-align: left;
	vertical-align: bottom;
	text-shadow: 1px 1px 2px #444444;
	color:#ffffff;
	background-image:url("../images/button-off.png");
}

.leftbar a
{
	display: block;
	padding-left: 10px;
	font-family:'Cinzel',Copperplate Gothic Light, Times New Roman, serif;
	font-weight: normal;
}
.leftbar2 a
{
	display: block;
	padding-left: 20px;
	font-family:'PT Sans',Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}
.leftbar a:link,.leftbar a:visited {
	display: block;
	color:#ffffff;
}
.leftbar2 a:link,.leftbar2 a:visited {
	display: block;
	color: #CCC;
}
.leftbar a:hover {
	display: block;
	color:#aa8b2c;
	background-image:url("../images/button-on.png");
}

#headline {
	position: relative;
	float:right;
	top: 45px;
	right:10px;
	color:#ffffff;
	font-family:'PT Sans',Arial, Helvetica, sans-serif;
	vertical-align:baseline;
	font-size:14px;
	text-shadow: 2px 2px 3px #888888;
	font-weight:bold;
}

#banner-770x133 {
	position:relative;
	top: 0px;
	height:133px;
	width:770px;
	min-width: 770px;
	border: 0px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#banner-770x180 {
	position:relative;
	top: 0px;
	height:180px;
	width:770px;
	min-width: 770px;
	border: 0px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#banner-large {
	position:relative;
	top: 0px;
	width:770px;
	min-width: 770px;
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
}
#banner-medium {
	position:relative;
	top: 0px;
	width:570px;
	min-width: 570px;
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
}
#banner-small {
	position:relative;
	top: 0px;
	width:200px;
	min-width: 200px;
	border: 0px;
	margin:0px;
	padding:0px;
	float:right;
}

.slideshow180 {
	position: relative;
	border: 0px;
	margin:0px;
	padding:0px;
	top: -180px;
	z-index:2;
}
.slideshow133 {
	position: relative;
	border: 0px;
	margin:0px;
	padding:0px;
	top: -133px;
	z-index:2;
}

#slide1back {
	margin:0px;
	padding:0px;
}

#slide2back {
	margin:0px;
	padding:0px;
}

#slide1 {
	margin:0px;
	padding:0px;
}

#slide2 {
	margin:0px;
	padding:0px;
}

div.thumbinner {
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	text-align: center;
	overflow: hidden;
	padding: 4px;
	margin: 0px;
}

div.thumbinner-left {
	float: left;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	text-align: center;
	overflow: hidden;
	padding: 4px;
	margin: 0px 10px 0px 0px;
}

.titres {
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	padding-top:0px;
	margin-bottom: 10px;
}
.header {
	font-size:16px;
	font-weight:700;
	color:#C19200;
	padding-top:0px;
	font-family:'Cinzel',Copperplate Gothic Light, Times New Roman, serif;
	font-variant: small-caps;
	margin-bottom: 10px;
}
.sous_titres {
	font-size:12px;
	font-weight:bold;
	color: #000034;
	margin-bottom: 10px;
}
.content {
	font-family:'PT Sans',Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #000034;
	text-decoration:none;
	text-align: justify;
	margin-bottom: 10px;
}
.mw-headline {
	font-size:14px;
	font-weight:bold;
	color: #000034;
	margin-bottom: 10px;
}

.page-footer-container {
	width: 770px;
	min-width: 770px;
	border : 0px;
	padding: 0px;
	margin : 0px;
	margin-left:auto;
	margin-right:auto;
}
#page-footer-menuleft {
	width: 256px;
	min-height: 360px;
	float: left;
	text-align:left;
	border : 0px;
	padding: 0px;
	margin : 0px;
	margin-top: 5px;
	border-style:none;
	border-right: 1px solid #ffffff;
}
#page-footer-menucenter {
	width: 255px;
	min-height: 360px;
	float: left;
	text-align:center;
	border : 0px;
	padding: 0px;
	margin : 0px;
	margin-top: 5px;
	border-style:none;
}
#page-footer-menuright {
	width: 256px;
	min-height: 360px;
	float: left;
	text-align:center;
	border : 0px;
	padding: 0px;
	margin : 0px;
	margin-top: 5px;
	border-style:none;
	border-left: 1px solid #ffffff;
}
#page-footer-menu a,#page-footer-menu a:link,#page-footer-menu a:visited {
	color: #ffffff;
}
#page-footer-menu a:hover {
	color:#aa8b2c;
}

.footertitle {
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}
.footertitle li {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size:10px;
	font-weight: normal;
	list-style: none;
	list-style-type: none;
	list-style-position:inside;
}
.footertitle p {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size:14px;
	font-weight: normal;
	list-style: none;
	list-style-type: none;
	list-style-position:inside;
}
div.footertitle {
	margin-top: 6px;
}

.footerimage {
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}
.footerimage img:hover {
	opacity:0.6;
}

.imageshaddow {
	box-shadow:2px 2px black;
}

.footer {
	font-size:12px;
	font-weight:400;
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#page-footer-bottom .footer {
	font-size:12px;
	font-weight:400;
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 10px;
}
#page-footer-bottom .footertitle {
	font-size:14px;
	font-weight:400;
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 10px;
}
#page-footer-bottom a,#page-footer-bottom a:link,#page-footer-bottom a:visited {
	color: #000000;
}
#page-footer-bottom a:hover {
	color:#aa8b2c;
}

.gallerydatas {
	visibility:hidden;
	height:0px;
	overflow:hidden;
}

.gallerycontainer {
	position: relative;
	margin:0px;
	width:550px;
	height:	300px;
	overflow:hidden;
}

.gallery300 {
	position: relative;
	margin:0;
	top: -300px;
} 

img.gallerybleft {
	position: absolute;
	margin:10px;
	width:36px;
	height:	36px;
	top: 120px;
	background-color:#000000;
	color:#ffffff;
	background-clip:padding-box;
	overflow:hidden;
	background:url(../images/gallery/nav.png) 0px 0px;
	background-repeat:no-repeat;
	z-index:6;
}
img.gallerybleft:hover {
	cursor:pointer;
	background:url(../images/gallery/nav.png) 0px -36px;
	background-repeat:no-repeat;
}

img.gallerybright {
	position: absolute;
	margin:10px;
	width:36px;
	height:	36px;
	top: 120px;
	right: 0px;
	background-color:#000000;
	color:#ffffff;
	background-clip:padding-box;
	overflow:hidden;
	background:url(../images/gallery/nav.png) -36px 0px;
	background-repeat:no-repeat;
	z-index:6;
}
img.gallerybright:hover {
	cursor:pointer;
	background:url(../images/gallery/nav.png) -36px -36px;
	background-repeat:no-repeat;
}


.gallerymenu {
	position: absolute;
	margin:0;
	width:550px;
	height:	20px;
	top: 280px;
	overflow:hidden;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.6);
	color:#ffffff;
	vertical-align: baseline;
	font-family:'PT Sans',Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.gallerybthumb {
	float:left;
	padding:4px;
	background-color:#000000;
	color:#ffffff;
	background-clip:padding-box;
	margin-right: 5px;
	border-color:#ffffff;
	border-right:thin;
	border-right-style: solid;
	overflow:hidden;
	background:url(../images/gallery/thumbs.png) 4px 4px;
	background-repeat:no-repeat;
	opacity:0.6;
   	filter:alpha(opacity=60); /* For IE8 and earlier */
	z-index:6;
}
.gallerybthumb:hover {
	opacity:1;
   	filter:alpha(opacity=100); /* For IE8 and earlier */
	cursor:pointer;
}

img.gallerybplay {
	float:left;
	padding:4px;
	background-color:#000000;
	color:#ffffff;
	background-clip:padding-box;
	margin-right: 2px;
	border-color:#ffffff;
	border-right:thin;
	border-right-style: solid;
	overflow:hidden;
	background:url(../images/gallery/playpause.png) 1px 4px;
	background-repeat:no-repeat;
	z-index:6;
}
img.gallerybplay:hover {
	cursor:pointer;
	background:url(../images/gallery/playpause.png) 2px -96px;
	background-repeat:no-repeat;
}

.gallerybpop {
	float:right;
	padding:4px;
	background-color:#000000;
	color:#ffffff;
	background-clip:padding-box;
	margin-left: 2px;
	border-color:#ffffff;
	border-left:thin;
	border-left-style: solid;
	overflow:hidden;
	background:url(../images/gallery/popout.png) 4px 4px;
	background-repeat:no-repeat;
	opacity:0.6;
   	filter:alpha(opacity=60); /* For IE8 and earlier */
	z-index:6;
}
.gallerybpop:hover {
	opacity:1;
   	filter:alpha(opacity=100); /* For IE8 and earlier */
	cursor:pointer;
}

.gallerybfull {
	float:right;
	background-color:#ffffff;
	color: #ffffff;
	background-clip:padding-box;
	margin-left: 0px;
	padding-left: 0px;
	border-color:#ffffff;
	border-left:thin;
	border-left-style: solid;
	overflow:hidden;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	background:url(../images/gallery/fullscreen.png) 3px 3px;
	background-repeat:no-repeat;
	z-index:6;
}
.gallerybfull:hover {
	opacity:1;
   	filter:alpha(opacity=100); /* For IE8 and earlier */
	cursor:pointer;
}

#carousel{
	width: 660px;
	height:	225px;
	overflow: hidden;
}

#carousel ul {
	width:	1000px;
	padding:0;
	margin:0;
}

#carousel li {
	width:230px;
	height:	225px;
	list-style: none;
	float:	left;
}

.carousel-item:hover {
	opacity: 0.6;
}


.carousel-title {
	width:200px;
	height:	20px;
	overflow:hidden;
	font-family:'PT Sans',Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	color:#000;
}

.carousel-text {
	width:200px;
	height:	35px;
	overflow:hidden;
	font-family:'PT Sans',Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
}


#page-featured {
	width: 730px;
	height: 250px;
	padding: 0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	background:#ffffff;
	background-image: url("../images/greyfade250.gif");
	overflow: hidden;
}

#FeaturedLeft {
	width: 25px;
	height: 275px;
	margin:: 0px;
	padding: 0px;
	float:left;
	margin-left:10px;
	margin-top:75px;
}

#FeaturedRight {
	width: 25px;
	height: 275px;
	margin:: 0px;
	padding: 0px;
	float:left;
	margin-left:10px;
	margin-top:75px;
}


#FeaturedTitle {
	width:660px;
	height:25px;
	color:#000; 
	font-size:20px; 
	font-weight:700;
}

#FeaturedContainer {
	width:660px;
	height:275px;
	margin:0px auto 0;
	padding:0px;
	float:left;
	overflow: hidden;
}

#bdetail {
	width:48px;
	height:33px;
	padding:0px;
 	border:1px solid white;
	margin-bottom:10px;
	margin-left: 150px;
	background-color:white;
}

#bdetail:hover {
	border:1px solid #aa8b2c;
	background-color:#aa8b2c;
}

.picto200 {
  width: 200px;
  height: 125px;
  overflow: hidden;
  margin: 0px;
  border: 0px;

  float: left;
}

.grow img{
	width:200px;
	height:125px;
	overflow:hidden;
	
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.grow img:hover {
	width:240px;
	height:150px;
}