/* Styles communs à toutes les pages -----------------------------------------*/
.Bg  {
	background:#25354b url(images/Bg.gif) repeat-y top center; 
}

.landing, .landingfoot {

	font-family:Verdana, Arial, Helvetica, Sans-serif; 
	color:#FFF; 
	
}

.landing {
	
	height:280px;
	padding:30px 15px 15px 15px;
	background-color:#006699; 
	border-left:1px solid white; 
	font-size:13px;
}

.landingfoot {
	
	height:39px;
	background-color:#6699CC; 
	border-top:1px solid white; 
	border-left:1px solid white;
	padding:10px; 
	font-size:16px;
	text-align:center;
	
}

.landing H1 {

	font-size:16px;
	font-weight:normal;
	margin-bottom:20px;

}
.landing ul {

	list-style: url(images/bullet.gif);
	margin: 0;
	padding: 0;
	border: none;

}

.landing ul li {

	margin-left:15px;

	}


.collections {

	width:305px; 
	height:380px; 
	font: 10px/100% Verdana, Arial, Helvetica, Sans-serif;
	line-height:12px;
	color:#FFFFFF;

}

.collections p {
	
	margin:10px 30px 0 58px;

}

.collections h1 {

	margin:25px 50px 10px 60px;
	font: 11px/100% Verdana, Arial, Helvetica, Sans-serif;
	font-weight:bolder;
	line-height:13px;

}

a.collectionlink:link,a.collectionlink:visited,a.collectionlink:active {
text-decoration:none;
}
a.collectionlink:hover {
text-decoration:none;
color:#ffffff;
}


.barretitre {
font: 10px/100% Verdana, Arial, Helvetica, Sans-serif;
color:#ccc;
background:#293f5c;
text-align:left;
padding:6px 10px 6px 10px;
margin-bottom:5px;
}

.barretitre2 {
font: 10px/100% Verdana, Arial, Helvetica, Sans-serif;
color:#ccc;
text-align:right;
padding:6px 10px 6px 10px;
margin-bottom:5px;
}

.barretitre2 a {
	
	text-decoration:none;
	
}

.barretitre SPAN {

	color:#ff9900;

}

.titre {
font: 10px/100% Verdana, Arial, Helvetica, Sans-serif;
color:#ccc;
text-align:left;
padding-top:10px;
}

.boxy {
background:#293f5c;
padding:6px 10px 6px 10px;
}

.celltitre {
font: 10px/100% Verdana, Arial, Helvetica, Sans-serif;
color:#ccc;
background:#293f5c;
padding:6px 10px 6px 10px;
}

.celltitre_blanc {
font: 13px Verdana, Arial, Helvetica, Sans-serif;
color:#FFFFFF;
background:#293f5c;
line-height:13px;
padding:0;
margin:0;
height:13px;
}

.sousmenu {
text-align:left;
padding:12px 0 12px 8px;

}

.CellCredits {
	font:					10px/100% Verdana, Arial, Helvetica, Sans-serif;
	color:					#7F8C9D;
	padding:				14px 0 0 0;
	text-align:				right;
}
.MenuPrincipal, .MenuPrincipalOn {
	font:					10px/100% Verdana, Arial, Helvetica, Sans-serif;
	color:					#7F8C9D;
	padding:				6px 6px 10px;
	border-top:				1px solid #293F5C;
	border-left:			1px solid #293F5C;
	border-right:			1px solid #293F5C;
	vertical-align:			bottom;
}
.MenuPrincipalOn {
	color:					#FFF;
	border-top:				1px solid #3F536D;
	border-left:			1px solid #3F536D;
	border-right:			1px solid #3F536D;
	vertical-align:			top;
}
.MenuPrincipal a:link, .MenuPrincipal a:visited, .MenuPrincipal a:active,
A.LienNavFixe:link, A.LienNavFixe:visited, A.LienNavFixe:active,
.CellCredits a:link, .CellCredits a:visited, .CellCredits a:active {
	font:					12px/100% Verdana, Arial, Helvetica, Sans-serif;
	color:					#7F8C9D;
	text-decoration:		none;
	padding:0 5px 7px 5px;
}
.MenuPrincipal a:hover, .MenuPrincipal a:visited:hover, .MenuPrincipal a:active:hover,
.MenuPrincipalOn a:link, .MenuPrincipalOn a:visited, .MenuPrincipalOn a:active,
.MenuPrincipalOn a:hover, .MenuPrincipalOn a:visited:hover, .MenuPrincipalOn a:active:hover,
A.LienNavFixe:hover, A.LienNavFixe:visited:hover, A.LienNavFixe:active:hover,
.CellCredits a:hover, .CellCredits a:visited:hover, .CellCredits a:active:hover {
	font:					12px/100% Verdana, Arial, Helvetica, Sans-serif;
	color:					#FFF;
	text-decoration:		none;
	padding:0 5px 7px 5px;
}

 
 a.accueil {
 	margin:0 10px 0 10px;
 	float:left;
	display: block;
	width: 16px;
	height: 16px;
	background: url("images/accueil.gif") 0 0 no-repeat;
	text-decoration: none;
 }
 a:hover.accueil { background-position: 0 -16px; }






.BordureMenu {
	border-bottom:			1px solid #3F536D;
}
.CellMenuFixe {
	padding:				0 0 8px 17px
}
.CellPisteNavigation {
	font:					10px/100% Verdana, Arial, Helvetica, Sans-serif;
	color:					#7F8C9D;
	background:				#293F5C;
	padding:				0 10px;
	height:					21px;
}
.CellCouleurContenu {
	background:				#3F536D;
	padding:				5px 5px;
	margin-bottom:10px;
}
.TextePisteAccueil {
	color:					#C2C2C2;
}
.TextePisteAtmosphere {
	color:					#809EE7;
}
.TextePisteAmbiance {
	color:					#e5745a;
}
.TextePisteConference {
	color:					#84b9de;
}
.TextePisteLimboLoft {
	color:					#ff9900;
}
.TextePisteNITY {
	color:					#d2b333;
}
.TextePisteZoom {	
	color:					#add651;
}
.TextePiste {
	color:					#aa979c;
}
.TextePagination {
	font:					10px/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					#7F8C9D;
}

/* Styles spéciaux pour page d'accueil ---------------------------------------*/
.CellBgContenuAcc {
	background:				url(images/Bg_AccContenu.jpg) no-repeat;
	vertical-align:			top;
	padding:				0 9px;
	border:					1px solid #FFF;
}
.BordureImageStructure {
	border-top:				1px solid #FFF;
	border-bottom:			1px solid #FFF;
}
.CellCollection2k6Acc {
	background:				#000;
	border-top:				1px solid #FFF;
	border-right:			1px solid #FFF;
	border-bottom:			1px solid #FFF;
	width:					20px;
	text-align:				center;
	vertical-align:			bottom;
}

/* Styles spéciaux pour pages intérieures ------------------------------------*/
.BorduresBlanches {
	border:					1px solid #FFF;
}
.BordureBlancheD {
	border-right:			1px solid #FFF;
}
.BordureBlancheBas {
	border-bottom:			1px solid #FFF;
}
.CellCollection2k6 {
	background:				#000;
	width:					20px;
	text-align:				center;
	vertical-align:			bottom;
}
.CellAgrandirImage {
	background:				#545454;
	padding:				0 0 0 5px;
	height:					21px;
}
.CellLegende {
	font:					10px/100% Verdana, Arial, Helvetica, Sans-serif;
	color:					#FFF;
	text-align:				center;
	background:				#5c4c4f;
	border-bottom:			1px solid #FFF;
	border-left:			1px solid #FFF;
	border-right:			1px solid #FFF;
	height:                 13px;
}

/* Maxime Forget-Séguin - START */

.CellLegende2 {
	font:					10px/100% Verdana, Arial, Helvetica, Sans-serif;
	color:					#FFF;
	text-align:				center;
	background:				#000;
	border-bottom:			1px solid #FFF;
	border-left:			1px solid #FFF;
	border-right:			1px solid #FFF;
	height:                 13px;
}

.CellImage {
	font:					10px/100% Verdana, Arial, Helvetica, Sans-serif;
	color:					#FFF;
	text-align:				center;
	background:				#000;
	border:					1px solid #FFF;
}

a.Gallerie {
	display:                block;
	width:                  100%;
	height:		            100%;
	color:					#FFF;
	text-decoration:        none;
}

.CellContenu 
{
	padding:				21px 15px 14px 25px;
	vertical-align:			top;	
}

.CellGalerie {
	vertical-align:			top;
	padding:				33px 32px 0 27px;
	border-right:			1px solid #FFF;
}

/* Maxime Forget-Séguin - END */

/* Styles Collections */
.CellContenuAtmosphere {
	background:				url(images/Bg_Atmosphere.jpg) no-repeat;
	padding:				21px 15px 14px 25px;
	vertical-align:			top;	
}
.CellGalerieAtmosphere {
	background:				url(images/Bg_AtmosphereGalerie.jpg) no-repeat;
	vertical-align:			top;
	padding:				33px 32px 0 27px;
	border-right:			1px solid #FFF;
}
.CellContenuAmbiance {
	background:				url(images/Bg_Ambiance.jpg) no-repeat;
	padding:				21px 15px 14px 25px;
	vertical-align:			top;	
}
.CellGalerieAmbiance {
	background:				url(images/Bg_AmbianceGalerie.jpg) no-repeat;
	vertical-align:			top;
	padding:				33px 32px 0 27px;
	border-right:			1px solid #FFF;
}
.CellContenuCaffe {
	background:				url(images/Bg_Caffe.jpg) no-repeat;
	padding:				21px 15px 14px 25px;
	vertical-align:			top;	
}
.CellGalerieCaffe {
	background:				url(images/Bg_CaffeGalerie.jpg) no-repeat;
	vertical-align:			top;
	padding:				33px 32px 0 27px;
	border-right:			1px solid #FFF;
}
.CellContenuConference {
	background:				url(images/Bg_Conference.jpg) no-repeat;
	padding:				21px 15px 14px 25px;
	vertical-align:			top;	
}
.CellGalerieConference {
	background:				url(images/Bg_ConferenceGalerie.jpg) no-repeat;
	vertical-align:			top;
	padding:				33px 32px 0 27px;
	border-right:			1px solid #FFF;
}
.CellContenuLimboLoft {
	background:				url(images/Bg_LimboLoft.jpg) no-repeat;
	padding:				21px 15px 14px 25px;
	vertical-align:			top;	
}
.CellGalerieLimboLoft {
	background:				url(images/Bg_LimboLoftGalerie.jpg) no-repeat;
	vertical-align:			top;
	padding:				33px 32px 0 27px;
	border-right:			1px solid #FFF;
}
.CellContenuNITY {
	background:				url(images/Bg_NITY.jpg) no-repeat;
	padding:				21px 15px 14px 25px;
	vertical-align:			top;	
}
.CellGalerieNITY {
	background:				url(images/Bg_NITYGalerie.jpg) no-repeat;
	vertical-align:			top;
	padding:				33px 32px 0 27px;
	border-right:			1px solid #FFF;
}
.CellContenuZoom {
	background:				url(images/Bg_Zoom.jpg) no-repeat;
	padding:				21px 15px 14px 25px;
	vertical-align:			top;	
}
.CellGalerieZoom {
	background:				url(images/Bg_ZoomGalerie.jpg) no-repeat;
	vertical-align:			top;
	padding:				33px 32px 0 27px;
	border-right:			1px solid #FFF;
}
.CellGalerieDefaut {
	background:				url(images/Bg_Defaut.jpg) no-repeat;
	vertical-align:			top;
	padding:				33px 32px 0 27px;
	border-right:			1px solid #FFF;
}
.CellGalerieDefautOver {
	background:				url(images/Bg_Defaut.jpg) no-repeat;
	vertical-align:			top;
	padding:				33px 32px 0 27px;
	border-right:			1px solid #000;
}
.CellContact {
	background:				url(images/Bg_Contact.jpg) no-repeat;
	vertical-align:			top;
	padding:				33px 32px 0 27px;
	border-right:			1px solid #FFF;
}
/* Styles pour sous menus ----------------------------------------------------*/
.SousMenuOff, .SousMenuOn {
	font:					10px/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					#7F8C9D;
}
.SousMenuOn {
	color:					#FFF;
}
.SousMenuOff a:link, .SousMenuOff a:visited, .SousMenuOff a:active {
	font:					10px/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					#7F8C9D;
	text-decoration:		none;
}
.SousMenuOff a:hover, .SousMenuOff a:visited:hover, .SousMenuOff a:active:hover {
	font:					10px/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					#FFF;
	text-decoration:		none;
}
.SousMenuOn a:link, .SousMenuOn a:visited, .SousMenuOn a:active,
.SousMenuOn a:hover, .SousMenuOn a:visited:hover, .SousMenuOn a:active:hover {
	font:					10px/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					#FFF;
	text-decoration:		none;
}

/* Styles pour menus déroulants ----------------------------------------------*/
.MenuDeroulOff {
	font:					10px/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					#7F8C9D;
	background:				#273952;
	padding:				8px 9px 0;
	cursor:					pointer;
	cursor:					hand;
}
.MenuDeroulOn {
	font:					10px/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					#809EE7;
	background:				#273952;
	padding:				8px 9px 0;
	cursor:					pointer;
	cursor:					hand;
}
.TableauMenuDeroul {
	border:					1px solid #FFF;
	width:					98px;
}
.TxtGris {
	color:					#7F8C9D;
}	
.MenuDeroulVide {
	background:				#273952;
}

/* Styles pour formulaires----------------------------------------------------*/
.TxtBox {
	font:					10px/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					#000;
	border:					1px solid #000;
	padding:				0 0 0 2px;
	margin:					0 0 0 0;
}
.TxtArea {
	font:					10px/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					#000;
	border:					1px solid #000;
	padding:				0 0 0 2px;
	margin:					0 0 0 0;
}
.Btn {
	font:					10px/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					#FFF;
	background:				#3F536D;
	border:					1px solid #666666;
}

/* Général -------------------------------------------------------------------*/
BODY {
	padding:				0;
	margin:					0 0 10px 0;
	background:				#FFF;
}
a:link, a:visited, a:active {
	font:					100%/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #FFFFFF;
	text-decoration:		;
}
a:hover, a:visited:hover, a:active:hover {
	font:					100%/120% Verdana, Arial, Helvetica, Sans-serif;
	color:#66FFFF;
	text-decoration:		;
	
}

P {
	padding:				0;
	margin:					0 0 12px 0 ;
}
UL {
	font:					100%/120% Verdana, Arial, Helvetica, Sans-serif;
	margin: 0 0 0px 0px;
	
}
OL {
	font:					100%/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					;
}
LI {
	
	font:					100%/120% Verdana, Arial, Helvetica, Sans-serif;
	color:					;
	margin: 				10px 0 0 10px;
}

LI LI { list-style:disc; }

FORM {
	padding:				0;
	margin:					0;
}

/* Arrière-plan --------------------------------------------------------------*/

.BgBlanc {
	background:				#FFF;
}

/* Style des textes pour l'editeur */

.Texte Strong {

text-align:left;

}

.Texte {
	font:					10px/13px Verdana, Arial, Helvetica, Sans-serif;
	color:					#FFF;
}
.TextePetit {
	font:					9px/13px Verdana, Arial, Helvetica, Sans-serif;
	color:					#FFF;
}