/*
----- CSS Mon-PereNoel v1 -----
----- Des droits d'auteurs veillent sur ce fichier -----
----- email: julien@dif-studio.com -----
*/

@import url("css/contact.css");
@import url("css/jquery.lightbox-0.5.css");

/*----- Les liens -----*/
a:link	{color:#FED78A; text-decoration: none; }
a:active	{color: #FFFFFF; text-decoration: overline underline; }
a:visited	{color:#FED78A; text-decoration: none; }
a:hover	{color:#FFFFFF; text-decoration: overline underline; }

/*----- Balises H -----*/
h1 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
h2 {
	color: #FED78A;
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

h3 {
	color: #FED78A;
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	margin-bottom: 5px;
}

li {line-height: 22px;}


/*
##########################################
----- Body -----
*/
body {
	margin: 0px;
	font-family: verdana;
	color: #FFF;
	font-size: 12px;
	background-color: #630b0f;
}

/*
##########################################
----- Div:ID et Class générales du site -----
(Bannière, partie centrale et footer)
*/
#page {
	width: 1000px;
	height: auto;
	position: absolute;
	margin-left: -500px;
	left: 50%;
	margin-bottom: 0px;
	padding: 0px;
}


#topsite	{
	width: 1000px;
	height: 300px;
	padding: 0px;
	position: absolute;
	background-image: url(images/topsite.jpg);
	background-repeat: no-repeat;
}

#center	{
	width: 1000px;
	height: auto;
	margin: 300px 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	background-image: url(images/bg-center.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.footer {
	width: 1000px;
	height: 211px;
	background-image: url(images/footer.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
	padding: 0 0 0 0;
	color: #FFFFFF;
	font-size: 10px;
	float: left;
}
/* Liens footer */
.footer a:link, .footer a:visited { color:#FFFFFF; text-decoration: underline; }
.footer a:active, .footer a:hover { color:#FED78A; text-decoration: underline; }
/*  FIN Liens footer*/


/*##########################################
##########################################
##########################################*/
/* MENU */
#leftbloc {
	height: auto;
	width: 220px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#leftbloc table	{
	height: auto;
	width: 218px;
	text-align: center;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 35px;
}

#leftbloc a, #leftbloc a:visited	{
	color: #FED78A;
	cursor: pointer;
}

#leftbloc a:hover, #leftbloc a:active	{
	color: #FFF; text-decoration: none;
	cursor: pointer;
}

.leftbloc-tabtop	{
	height: 64px;
	background-image: url(images/menu/top-menu.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
/* Accueil */
.leftbloc-tabaccueil a, .leftbloc-tabaccueil a:visited{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/off.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}

.leftbloc-tabaccueil a:hover, .leftbloc-tabaccueil a:active{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/accueil-on.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}
/* FIN - Accueil */

/* Presentation */
.leftbloc-tabpresentation a, .leftbloc-tabpresentation a:visited{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/off.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}

.leftbloc-tabpresentation a:hover, .leftbloc-tabpresentation a:active{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/presentation-on.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
/* FIN - Présentation */

/* Medias */
.leftbloc-tabmedias a, .leftbloc-tabmedias a:visited{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/off.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}

.leftbloc-tabmedias a:hover, .leftbloc-tabmedias a:active{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/photos-on.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}
/* FIN - Medias */

/* Photos */
.leftbloc-tabphotos a, .leftbloc-tabphotos a:visited{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/off.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}

.leftbloc-tabphotos a:hover, .leftbloc-tabphotos a:active{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/photos-on.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}
/* FIN - Photos */

/* Vidéos */
.leftbloc-tabvideos a, .leftbloc-tabvideos a:visited{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/off.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}

.leftbloc-tabvideos a:hover, .leftbloc-tabvideos a:active{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/videos-on.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}
/* FIN - Vidéos */

/* Presse */
.leftbloc-tabpresse a, .leftbloc-tabpresse a:visited{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/off.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}

.leftbloc-tabpresse a:hover , .leftbloc-tabpresse a:active{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/presse-on.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}
/* FIN - Presse */

/* Reférences */
.leftbloc-tabreferences a, .leftbloc-tabreferences a:visited{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/off.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}

.leftbloc-tabreferences a:hover, .leftbloc-tabreferences a:active{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/references-on.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}
/* FIN - Références */

/* Liens */
.leftbloc-tabliens a, .leftbloc-tabliens a:visited{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/off.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}

.leftbloc-tabliens a:hover, .leftbloc-tabliens a:active{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/liens-on.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}
/* FIN - Liens */

/* Contact */
.leftbloc-tabcontact a, .leftbloc-tabcontact a:visited{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/off.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}

.leftbloc-tabcontact a:hover , .leftbloc-tabcontact a:active{
	height: 35px;
	width: 218px;
	display: block;
	background-image: url(images/menu/contact-on.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}
/* FIN - Contact */
/* FIN - Menu */
/*##########################################
##########################################
##########################################*/


/* Contenu partie centrale */

#rightbloc	{
	height: auto;
	width: 778px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

#rightbloc table	{
	height: auto;
	width: 778px;
}

.rightbloc-tabmid	{
	height: auto;
	background-image: url(images/center/middle-center.jpg);
	background-repeat: repeat-y;
}

/* Pour IE */

.mep-IE {width: 738px; text-align: left; margin: 0 auto 0 auto;}

* html .mep-IE {
	/* Pour IE 5.5 */	voice-family: "\"}\""; voice-family: inherit;
	/* Pour IE 6.0 */	width: 738px; text-align: left; margin: 0 auto 0 auto;
}

.mep-IE p{
	line-height: 20px;
	margin: 0 0 25px 0;
	text-align: justify;
}
.mep-IE span, .mep-IE span:visited{
	color:#FED78A;
	text-decoration: none;
}

.mep-IE span:hover, .mep-IE span:active{
	color: #FFFFFF;
	text-decoration: overline underline;
}

/* FIN pour IE */

.rightbloc-tabbottom	{
	height: 48px;
	background-image: url(images/center/bottom-center.jpg);
	background-repeat: no-repeat;
	background-position:top
}

/* Entêtes de la partie centrale des pages */
/* Page d'accueil */
.rightbloc-topwelcome	{
	height: 64px;
	background-image: url(images/center/top-welcome.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.rightbloc-topvideos	{
	height: 64px;
	background-image: url(images/center/top-videos.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.rightbloc-topliens	{
	height: 64px;
	background-image: url(images/center/top-liens.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.rightbloc-topreferences	{
	height: 64px;
	background-image: url(images/center/top-references.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.rightbloc-topmedias	{
	height: 64px;
	background-image: url(images/center/top-medias.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.rightbloc-topcontact	{
	height: 64px;
	background-image: url(images/center/top-contact.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.rightbloc-toppresentation	{
	height: 64px;
	background-image: url(images/center/top-presentation.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
/* FIN - Entêtes de la partie centrale des pages */

/* FIN - partie centrale */


/*##########################################
##########################################
##########################################*/
/* Tableau Références */
.tabreferences	{
	width: 700px;
	height: auto;
	margin: 20px 0 20px 0;
}
.tabreferences	img	{
	border: none;
	margin: 0 auto 0 auto;
	display: block;
}
.tabreferences-col {
	width: 325px;
	text-align: center;
}
.tabreferences-separ {
	width: 50px;
}


/*##########################################
##########################################
##########################################*/
/* Tableau Photos */
.tabphotos	{
	width: 480px;
	height: auto;
	margin: 0;
	padding: 0;
}
.tabphotos	img	{
	border: none;
	margin: 4px auto 4px auto;
	padding: 0;
	display: block;
}
.tabphotos	td {
	width: 160px;
	padding: 0;
	text-align: center;
}