@charset "utf-8";



/* Blocs principaux */

#page {
	width: 750px;

	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	
	overflow: visible;	
}
#content {
	background: url(../images/logo/bgleft.jpeg) left repeat-y;
	
	width: auto;
	
	margin-left: -100px;
	padding: 5px;
	padding-left: 105px;
	
	color: #FFF;
}
#content2 {
	background: #FFF;
	border: #000 2px solid;
	
	width: auto;
	
	padding: 70px;
	padding-top: 25px;
	
	text-align: center;
	color: #000;
}
#header {
	background: #000;
	
	height: auto;
	
	margin-left: -100px;
	margin-right: -20px;
}
#headercontent {
	padding: 5px;
	padding-left: 105px;
	padding-bottom: 36px;
	
	text-align: center;
	color: #FFF;
}
#footer {
	background: #000;
	
	height: 100px;
	
	margin-left: -100px;
	margin-right: -20px;
	
	text-align: left;
}
#footercontent {
	padding: 5px;
	padding-left: 105px;
	padding-top: 36px;
	
	text-align: center;
	font-size: 0.8em;
	
	color: #FFF;
}

.footertext {
	color: #BBBBBB;
	font-size: 0.7em;
}



/* Decoration Cadre */

.cornertr {
	background: url(../images/logo/backtr.jpg) top right no-repeat;
	height: 100%;
	width: 100%;
}
.cornerbr {
	background: url(../images/logo/backbr.jpg) bottom right no-repeat;
	height: 100%;
	width: 100%;
}
.cornertl {
	background: url(../images/logo/backtl.jpg) top left no-repeat;
	height: 100%;
	width: 100%;
}
.cornerbl {
	background: url(../images/logo/backbl.jpg) bottom left no-repeat;
	height: 100%;
	width: 100%;
}



/* Box */

.box {
	width: auto;
	
	background-color: #e68200;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.boxbl {
	background: url(../images/logo/boxbl.gif) bottom left no-repeat;
	width: 100%;
}
.boxbr {
	background: url(../images/logo/boxbr.gif) bottom right no-repeat;
	width: 100%;
}
.boxtl {
	background: url(../images/logo/boxtl.gif) top left no-repeat;
	width: 100%;
}
.boxtr {
	background: url(../images/logo/boxtr.gif) top right no-repeat;
	width: 100%;
}
.boxtext {
	padding: 10px;
	
	text-align: center;
}
.boxlabel {
	position: relative;
	float: left;
	
	width: 50px;
	height: 50px;
	
	margin: 10px -30px;
	
	color: #000;
	
	background: url(../images/logo/num.png) no-repeat;
}
.boxnum {
	font-size: 20px;
	text-align: center;
	line-height: 50px;
}



/* Navigation */

#nav {
	position: absolute;
	float: left;
	
	width: auto;
	min-width: 700px;
	height: 30px;
	
	margin-top: -40px;
	padding-left: 10px;
	
	text-align: center;
}
#nav2 {
	position: absolute;
	float: left;
	
	width: auto;
	min-width: 700px;
	height: 30px;
	
	margin-top: -7px;
	padding-left: 117px;
	
	text-align: center;
}

.navtl {
	background: url(../images/logo/navtl2.jpg) top left no-repeat;
	height: 100%;
}
.navtr {
	background: url(../images/logo/navtr2.jpg) top right no-repeat;
	height: 100%;
}
.navbl {
	background: url(../images/logo/navbl2.jpg) bottom left no-repeat;
	height:100%;
}
.navbr {
	background: url(../images/logo/navbr2.jpg) bottom right no-repeat;
	height:100%;
}

#home .home .navtr, 
#gala .gala .navtr,
#galb .galb .navtr,
#galc .galc .navtr,
#gald .gald .navtr,
#gale .gale .navtr,
#contact .contact .navtr {
	background: url(../images/logo/navtr.jpg) top right no-repeat;
}
#home .home .navtl, 
#gala .gala .navtl,
#galb .galb .navtl,
#galc .galc .navtl,
#gald .gald .navtl,
#gale .gale .navtl,
#contact .contact .navtl {
	background: url(../images/logo/navtl.jpg) top left no-repeat;
}
#home .home2 .navbr, 
#gala .gala2 .navbr,
#galb .galb2 .navbr,
#galc .galc2 .navbr,
#gald .gald2 .navbr,
#gale .gale2 .navbr,
#contact .contact2 .navbr {
	background: url(../images/logo/navbr.jpg) bottom right no-repeat;
}
#home .home2 .navbl, 
#gala .gala2 .navbl,
#galb .galb2 .navbl,
#galc .galc2 .navbl,
#gald .gald2 .navbl,
#gale .gale2 .navbl,
#contact .contact2 .navbl {
	background: url(../images/logo/navbl.jpg) bottom left no-repeat;
}

.home, 
.gala,
.galb,
.galc,
.gald,
.gald,
.gale,
.contact {
	width: 100px;
	
	position: relative;
	float: left;
	
	background: #CCC url(../images/logo/ombre-haut.jpg) bottom repeat-x;
	
	border: #000 solid 1px;
	
	margin-right: 2px;
	margin-top: 9px;
}
#home .home, 
#gala .gala,
#galb .galb,
#galc .galc,
#gald .gald,
#gale .gale,
#contact .contact {
	background: #FFF;
	
	margin-top: 0px;
	
	height: 40px;
	width: 120px;
	
	border-bottom: #FFF solid 1px;
}
.home2, 
.gala2,
.galb2,
.galc2,
.gald2,
.gald2,
.gale2,
.contact2 {
	width: 100px;
	
	position: relative;
	float: left;
	
	background: #CCC url(../images/logo/ombre-bas.jpg) top repeat-x;
	
	border: #000 solid 1px;
	border-top: #000 solid 2px;
	
	margin-right: 2px;
	margin-bottom: 9px;
}
#home .home2, 
#gala .gala2,
#galb .galb2,
#galc .galc2,
#gald .gald2,
#gale .gale2,
#contact .contact2 {
	background: #FFF;
	
	margin-bottom: 0px;
	
	height: 40px;
	width: 120px;
	
	border-top: #FFF solid 0px;
}

.navcnt {
	line-height: 30px;
	font-size: 17px;
	
	padding-left: 5px;
	padding-right: 5px;
}
#home .home .navcnt, 
#gala .gala .navcnt,
#galb .galb .navcnt,
#galc .galc .navcnt,
#gald .gald .navcnt,
#gale .gale	.navcnt,
#contact .contact .navcnt,

#home .home2 .navcnt,
#gala .gala2 .navcnt,
#galb .galb2 .navcnt,
#galc .galc2 .navcnt,
#gald .gald2 .navcnt,
#gale .gale2 .navcnt,
#contact .contact2 .navcnt {
	line-height: 40px;
	font-size: 20px;
	
	padding-left: 15px;
	padding-right: 15px;
}

.tooltiptop {
	background: url(../images/logo/bubble.gif) top no-repeat;
	
	height: 30px;
	width: 200px;
}
.tooltipmiddle {
	background: url(../images/logo/bubble_filler.gif);
	width: 200px;
	
	text-align: center;
	color: #000;
}
.tooltipbottom {
	background: url(../images/logo/bubble.gif) bottom no-repeat;
	
	height: 12px;
	width: 200px;
}

#infodiv {
	visibility: hidden;
}



/* Agrandissements */

#agr #content {
	background: none;
	
	padding: 10px;
	margin: 10px;
	
	float: left;
	position: relative;
	left: 50%;
}
#agr #content2 {
	padding: 10px;
	margin: 10px;
	
	float:left;
	position: relative;
	left: -50%;
}
#agr .box {
	width: auto;
	background-color: #e68200;
	
	margin: 10px;
}



.lng {
	position: relative;
	float: left;

	margin: 30px;
	padding: 1px;
	
	background: #FFF;
}