body#Default, body#Page, body#Reference {
	text-align: center;
	background: #010103 url(../images/ui/repet.jpg) top center repeat-x;
}

#Main{
	width:950px; margin:0 auto;
	text-align: left;
}

#Header{
	position: relative;
	width: 950px;
	height: 193px;
}
	#Header #Logo{
		position: absolute;
		width: 950px;
		height: 193px;
		z-index: 1;
	}
	#Header #MainMenu{
		position: absolute;
		top: 10px; left: 300px;
		width: 640px;
		height: 156px;
		z-index: 2;
		background-color: transparent;
		overflow: hidden;
	}
	#Header #MainMenu .mask{
		position: absolute;
		right: -10px; top: 0;
		width: 19px; height: 193px;
		background: transparent url(../images/ui/ombmenu.png) top right no-repeat;
		z-index: 3;
	}
								
#Body{
	/*
	background: transparent url(../images/accueil/bg-content.gif) top left no-repeat;
	padding: 5px 0 10px; 
	*/
}

#Footer{
	position: relative;
	margin-top: 10px;
	margin-left: 4px;
	width:942px; height: 36px;
	background: transparent url(../images/ui/feet.gif) top left no-repeat;
}
	#Footer #LinkExtra{
		position: absolute;
		top: 0; left: 4px;
		height: 36px; width: 800px;
		line-height: 36px;
		overflow:hidden;
		color:#666;
	}
	
	#Footer #LinkExtra a{
		text-decoration: none;
		color: #333333;
	}
	#Footer #LinkExtra a:hover{
		border-bottom: 1px solid #6FC5FF;
		color:#0099FF;
	}
	
	#Footer  #LinkContact{
		position: absolute; top: 0; left: 860px; height: 36px; width: 30px;
	}
	#Footer  #LinkHome{
		position: absolute; top: 0; left: 890px; height: 36px; width: 30px;
	}
	#Footer  #LinkPlan{
		position: absolute; top: 0; left: 920px; height: 36px; width: 30px;
	}
	
#BottomLinks{
	margin-top: 10px;
	text-align: center;
	background-color: transparent;	
	color: #204050;
}
#BottomLinks a{
	color: #204050;
	text-decoration: none;
}


/* Layout */
#LayoutIntro{
	position: relative;
	height: 383px; width: 950px;
}

#Reference #LayoutIntro{
	position: relative;
	height: 300px; width: 950px;
}

	#LayoutIntro #RefGallery{
		position: absolute;
		z-index: 3;
		height: 300px; width: 950px;
		top: 0; left: 0;
		background-color: #FFFFFF;
	}
	
	#LayoutIntro #Menu{
		position: absolute;
		z-index: 3;
		height: 290px; width: 383px;
		top: 7px; left: 0;
	}
	#LayoutIntro #Prelude{
		position: absolute;
		z-index: 3;
		height: 200px; width: 420px;
		top: 50px; left: 400px;
	}
	#LayoutIntro #Diaporama{
		position: absolute;
		z-index: 2;
		height: 383px; width: 950px;
		top: 0; left: 0;
		background: transparent none top left no-repeat;
	}
	#LayoutIntro #Diaporama span.diapoTitle{
		visibility: hidden;
		display: block;
		position: absolute;
		z-index: 2;
		right: 0; bottom: 0;
		height: 40px; line-height: 40px;
		width: 350px; text-align: center; 
		color: #def;
		font-style: italic; font-weight: bold;
		background: transparent url(../images/ui/bg-diapo-title-2.png) top left no-repeat;
	}
	
#LayoutBody{
	margin-top: 10px;
	width: 950px;
}
	#LayoutBody .header{
		margin:0; padding: 0;
		height: 9px;
		font-size: 1px; line-height:1px;
		background: transparent url(../images/ui/txth.png) top left no-repeat;
	}
	#LayoutBody .footer{
		height: 12px;
		font-size: 1px; line-height:1px;
		margin:0; padding: 0;
		background: transparent url(../images/ui/txtb.png) top left no-repeat;
	}
	#LayoutBody .body{
		position: relative;
		margin: 0;
		padding: 0 10px;
		background: transparent url(../images/ui/txtrep.png) top left repeat-y;
	}
	#LayoutBody .body #DiapoAllImages{
		position: absolute;
		z-index: 2;
		right: 10px; top: -5px;
		height: 22px; width: 25px;
	}

/* Menu interieur */
ul#PreludeMenu, ul#PreludeMenu li{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul#PreludeMenu a{
	display: block;
	width: 292px; height:30px;
	padding: 0; /* 10px 0 16px 32px; */
	color: #FF9900;
	background-repeat: no-repeat;
	background-position: top left ;
	background-attachment: scroll;
	background-color: transparent;
	background-image: none;
	text-indent: -9999em;
}

ul#PreludeMenu a#Mn691{background-image: url(../images/ui/mn691-off.png);height:241px}
ul#PreludeMenu a#Mn699{background-image: url(../images/ui/mn699-off.png);height:30px}
ul#PreludeMenu a#Mn700{background-image: url(../images/ui/mn700-off.png);height:30px}
ul#PreludeMenu a#Mn701{background-image: url(../images/ui/mn701-off.png);height:30px}
ul#PreludeMenu a#Mn6{background-image: url(../images/ui/mn6-off.png);height:31px}

ul#PreludeMenu a#Mn702{background-image: url(../images/ui/mn702-off.png);height:121px}
ul#PreludeMenu a#Mn703{background-image: url(../images/ui/mn703-off.png);}
ul#PreludeMenu a#Mn704{background-image: url(../images/ui/mn704-off.png);}
ul#PreludeMenu a#Mn705{background-image: url(../images/ui/mn705-off.png);}
ul#PreludeMenu a#Mn706{background-image: url(../images/ui/mn706-off.png);}
ul#PreludeMenu a#Mn707{background-image: url(../images/ui/mn707-off.png);height:60px}
ul#PreludeMenu a#Mn708{background-image: url(../images/ui/mn708-off.png);}
ul#PreludeMenu a#Mn709{background-image: url(../images/ui/mn709-off.png);height:121px}
ul#PreludeMenu a#Mn710{background-image: url(../images/ui/mn710-off.png);}
ul#PreludeMenu a#Mn711{background-image: url(../images/ui/mn711-off.png);}
ul#PreludeMenu a#Mn712{background-image: url(../images/ui/mn712-off.png);height:60px}
ul#PreludeMenu a#Mn713{background-image: url(../images/ui/mn713-off.png);}
ul#PreludeMenu a#Mn714{background-image: url(../images/ui/mn714-off.png);}
ul#PreludeMenu a#Mn716{background-image: url(../images/ui/mn716-off.png);}
ul#PreludeMenu a#Mn717, ul#PreludeMenu a#Mn718{background-image: url(../images/ui/mn717-off.png);}

ul#PreludeMenu a#Mn691:hover{background-image: url(../images/ui/mn691-on.png);}
ul#PreludeMenu a#Mn699:hover{background-image: url(../images/ui/mn699-on.png);}
ul#PreludeMenu a#Mn700:hover{background-image: url(../images/ui/mn700-on.png);}
ul#PreludeMenu a#Mn701:hover{background-image: url(../images/ui/mn701-on.png);}
ul#PreludeMenu a#Mn6:hover{background-image: url(../images/ui/mn6-on.png);}

ul#PreludeMenu a#Mn702:hover{background-image: url(../images/ui/mn702-on.png);}
ul#PreludeMenu a#Mn703:hover{background-image: url(../images/ui/mn703-on.png);}
ul#PreludeMenu a#Mn704:hover{background-image: url(../images/ui/mn704-on.png);}
ul#PreludeMenu a#Mn705:hover{background-image: url(../images/ui/mn705-on.png);}
ul#PreludeMenu a#Mn706:hover{background-image: url(../images/ui/mn706-on.png);}
ul#PreludeMenu a#Mn707:hover{background-image: url(../images/ui/mn707-on.png);}
ul#PreludeMenu a#Mn708:hover{background-image: url(../images/ui/mn708-on.png);}
ul#PreludeMenu a#Mn709:hover{background-image: url(../images/ui/mn709-on.png);}
ul#PreludeMenu a#Mn710:hover{background-image: url(../images/ui/mn710-on.png);}
ul#PreludeMenu a#Mn711:hover{background-image: url(../images/ui/mn711-on.png);}
ul#PreludeMenu a#Mn712:hover{background-image: url(../images/ui/mn712-on.png);}
ul#PreludeMenu a#Mn713:hover{background-image: url(../images/ui/mn713-on.png);}
ul#PreludeMenu a#Mn714:hover{background-image: url(../images/ui/mn714-on.png);}
ul#PreludeMenu a#Mn716:hover{background-image: url(../images/ui/mn716-on.png);}
ul#PreludeMenu a#Mn717:hover, ul#PreludeMenu a#Mn718:hover{background-image: url(../images/ui/mn717-on.png);}


/* Slider MMenu */
.sm{ list-style:none; width:650px; height:156px; display:block; overflow:hidden; margin: 0; }
.sm li{ float:left; display:inline; overflow:hidden }


/* Formulaire
-------------------------------- */
.form{
	color: #333333;
	background-color: #f7f7f7; 
	border: 1px solid #333333;
}

.formTitre{
	padding: 5px 10px 5px 10px;	
}
.formTitre div{
	text-align: left;
	color: #4aa2d6;	
	padding-bottom: 3px;	
	border-bottom: 1px solid #c7c7c7;
	font-size: 1.2em;
	font-weight: bold;
}

.formSection{
	padding: 5px 30px 5px 0;	
}
.formSection div{
	text-align: right;
	letter-spacing: 2px;
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px dashed #c7c7c7;
}

.formBouton{
	font-weight: bold;
	padding: 5px 10px 5px 10px;	
}
.formBouton div{
	font-style: italic;
	text-align: right;	
}

.Bouton{ 
	border: 1px solid #a0a0a0;
	background-color: #d0d0d0;
	color: #333333;
	padding: 1px;
}
.Bouton:hover{
	border: 1px solid #808080;
	background-color: #c0c0c0;
	color: #010000;
	padding: 1px;
}

.formLibelle{
	font-weight: normal;
	text-align: right;
	padding-right: 3px;	
}
.formValeur{
	text-align: left;
}
/* -------------------------------- */

/* 
Tableau Actu */

table.actu1, table.actu2{
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;	
}
table.actu1 td.min, table.actu2 td.min{
	padding: 0; margin: 0;
	border: 0;

}
table.actu1 td, table.actu2 td{
	background-color: #FFFFFF;
}
table.actu1 td.tl{ width: 13px; height:  13px; background-image: url(../images/actu/hg1.gif); }
table.actu1 td.tr{ width: 13px; height:  13px; background-image: url(../images/actu/hd1.gif); }
table.actu1 td.tc{ height:  13px; background-image: url(../images/actu/h1.gif); }
table.actu1 td.cl{ width: 13px; background-image: url(../images/actu/g1.gif); }
table.actu1 td.cr{ width: 13px; background-image: url(../images/actu/d1.gif); }
table.actu1 td.cc{ font-size: 1.0em; background-color: #FFFFFF; }
table.actu1 td.bl{ width: 13px; height:  13px; background-image: url(../images/actu/bg1.gif); }
table.actu1 td.br{ width: 13px; height:  13px; background-image: url(../images/actu/bd1.gif); }
table.actu1 td.bc{ height:  13px; background-image: url(../images/actu/b1.gif); }
table.actu2 td.tl{ width: 13px; height:  13px; background-image: url(../images/actu/hg2.gif); }
table.actu2 td.tr{ width: 13px; height:  13px; background-image: url(../images/actu/hd2.gif); }
table.actu2 td.tc{ height:  13px; background-image: url(../images/actu/h2.gif); }
table.actu2 td.cl{ width: 13px; background-image: url(../images/actu/g2.gif); }
table.actu2 td.cr{ width: 13px; background-image: url(../images/actu/d2.gif); }
table.actu2 td.cc{ font-size: 1.0em; background-color: #FFFFFF; }
table.actu2 td.bl{ width: 13px; height:  13px; background-image: url(../images/actu/bg2.gif); }
table.actu2 td.br{ width: 13px; height:  13px; background-image: url(../images/actu/bd2.gif); }
table.actu2 td.bc{ height:  13px; background-image: url(../images/actu/b2.gif); }

.actu3, .actu4{
	background-color: #fff;
	margin-bottom: .5em;
}
.actu3 .acBody, .actu4 .acBody{
	background-color: #FFFFFF;
	padding: 5px;
}

.tl-10, .bl-10, .tr-10, .br-10{
	margin:0;
	padding: 0;
	font-size:1px;
	line-height:1px;
	height: 10px;
}
.tl-10{ background: transparent url(../images/border/tl2-10.png) top left no-repeat; }
.tr-10{	background: transparent url(../images/border/tr2-10.png) top right no-repeat;  }
.bl-10{	background: transparent url(../images/border/bl2-10.png) bottom left no-repeat; }
.br-10{ background: transparent url(../images/border/br2-10.png) bottom right no-repeat; }



/*
References */

.recRef{
	position: relative;
	width: 813px;
	height: 186px;
	
}
#RecRef0, #RecRef699{ background-image: url(../images/ui/fdref00.gif); }
#RecRef719{ background-image: url(../images/ui/fdref01.gif); }
#RecRef720{ background-image: url(../images/ui/fdref02.gif); }
#RecRef721{ background-image: url(../images/ui/fdref05.gif); }
#RecRef722{ background-image: url(../images/ui/fdref03.gif); }
#RecRef724{ background-image: url(../images/ui/fdref04.gif); }

.recRef .myForm{
	position: absolute;
	left: 360px; top: 40px;
	width: 430px; height: 90px;
}
.recRef .myForm table.form{ background-color: #fff; border: 0; }
.recRef .myForm table.form td{ padding-top: 1px; padding-bottom: 1px; }
.recRef .myForm input, .recRef .myForm select { margin: 0 ; }

.layoutReferences table.actu2 { margin-bottom: 0; }
.layoutReferences table.actu2 td.cc { padding: 0; }

.layoutReference{margin-bottom: 0;}
.layoutReference .logo{ float: left; width: 210px; height: 135px; text-align:center; overflow: hidden; margin-right: 10px; }
.layoutReference h3{ color: #2d4e5d; font-weight: bold; margin-bottom: .5em;}
.layoutReference h3 a{ color: #2d4e5d; text-decoration: none; }
.layoutReference h3 a:hover{ color: #09f; border-bottom: 1px solid #6FC5FF }
.layoutReference div.bodyRef{ background-color: #fff;}
.layoutReference div.lien{ text-align:right; }

.layoutReference2{margin-bottom: 0;}
.layoutReference2 .logo{ text-align:center; }
.layoutReference2 h3{ color: #2d4e5d; text-align:left; font-weight: bold; margin: .5em 0; }
.layoutReference2 div.bodyRef{ background-color: #fff;}

.layoutReference3{margin-bottom: 0;}
.layoutReference3 .logo{ text-align:center; }
.layoutReference3 h3{ color: #2d4e5d; text-align:center; font-weight: bold; margin: .5em 0; }
.layoutReference3 div.bodyRef{ background-color: #fff;}

.layoutReference div.lien{ text-align:right; }

.notify {background:#FFFFFF; color:#333; border-width: 2px 0 0 2px; padding:.8em; margin-bottom:1em; border-style: solid; border-color: #ddd;}
.notify a {color: #555;}

.lienAdmin{ font-size: 9px !important; }

/*
Page Diaporama
*/
.listeImage{
float: left;
margin: 10px 0 0 10px;
width: 140px; height: 56px;
}

.w1titre{ color: #2d4e5d; font-weight: bold; margin-bottom: .5em; font-size: 1.2em; }

.layout-bd{}
.layout-bd h3{font-size: 1.2em;}
.layout-bd h3 a{ display: block; height: 25px; color: #2d4e5d; font-size: 1em; font-weight: bold; text-decoration: none;  }

.layout-bd-body{ display: none; }
.layout-bd-off{ background: transparent url(../images/commun/ouvrir2.png) top right no-repeat; }
.layout-bd-on{ background: transparent url(../images/commun/fermer2.png) top right no-repeat; }



img.left{ float: left; margin: 0 10px 10px 0; }
img.right{ float: right; margin: 0 0 10px 10px; }

.layout2col-sep1, .layout2col-sep2, .layout2col-sep3{
	width: 0;
	padding: 0 2px 0 3px;
	background: transparent url(../images/separation/sep1.png) top center repeat-y;
}
/*
.layout2col-sep2{
	width: 0;
	padding: 0 2px 0 3px;
	background: transparent url(../images/separation/sep2.png) top center repeat-y;
}
.layout2col-sep3{
	width: 0;
	padding: 0 3px 0 4px;
	background: transparent url(../images/separation/sep3.png) top center repeat-y;
}
*/

/*
player
*/
.player{}
.player .video-container{
	width: 320px; height: 240px; margin: 10px auto;
}
.player .video-container .video{
	width: 320px; height: 240px;
}
/*
.player .video{
	width: 240px; 
	height: 180px;
}
.player .playlist{
	float: left;
	margin-left: 20px;
}
*/

/**
* Diaporama
*/
.ads{
	position: relative;
	overflow: hidden;
	top: 0; left: 0;
	/*border: 1px solid red;*/
}
.ads img{
	border: 0;
}	
	.ads .pub{
		position: absolute;
		overflow: hidden;
		z-index: 5;
	}

	.ads .pub .textinfo{
		position: absolute;
	}
	
	#ads-11 .pub .textinfo{
		top: 25px; left: 25px;
		width: 200px; height: 260px;
		color: #222222;
	}
	
.photoBoxBody{
	padding: 3px 5px;
	background-color: #FFFFFF;
	border-right: 1px solid #b7bab7;
	border-bottom: 1px solid #b7bab7;	
	margin-bottom: 10px;
}

.photoBox{
    display: none; 
    /* padding: 10px; */
	min-height: 275px;
}
h3.photoBoxTitle{
	font-weight: bold;
	margin-bottom: .5em;
	color: #557b8c;
}
.photoBoxBody hr.cb{
	margin-bottom: .5em;
}

.photoBoxContainer{
    display: none;
	position: relative; 
	background: transparent url(../images/accueil/fd-fleche.jpg) top left no-repeat;
}
.photoBoxResume{
	/* width: 255px; */
	padding: 0 5px 5px 0;
}
.photoBoxResumeHidden{ display: none; }
.photoBoxLibelle{
	text-align: left;
	/* width: 255px; */
	padding: 0 5px 5px 0;
}
.photoBox{
	float:right;
	/*margin-left: 220px;*/
}
.photoBoxThumbs{ padding: 10px 0 0 10px;}
.photoBoxThumbs img{
    float: left;
    margin: 0 10px 10px 0;
}

div.clearer{
	clear:both;
	display:block;
	font-size:1px;
	height:0pt;
	line-height:1px;
	margin:0pt;
	padding:0pt;	
}