/* Style Sheet Document
   Compiled by tHemT at 07.10.2007 */

@font-face{ 
	font-family: 'coperplate';
	src: url('../font/copperplate-webfont.eot');
	src: url('../font/copperplate-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../font/copperplate-webfont.woff') format('woff'),
	     url('../font/copperplate-webfont.ttf') format('truetype'),
	     url('../font/copperplate-webfont.svg#webfont') format('svg');
}
@font-face{ 
	font-family: 'gilsans';
	src: url('../font/gillsans-webfont.eot');
	src: url('../font/gillsans-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../font/gillsans-webfont.woff') format('woff'),
	     url('../font/gillsans-webfont.ttf') format('truetype'),
	     url('../font/gillsans-webfont.svg#webfont') format('svg');
}

#total {
	width:1265px;
	height:1096px;
	margin-left:auto;
	margin-right:auto;

	padding-top:0px
}


#logo {
	width:407px;
	height:122px;
	float:left;
	margin-top:30px;
	
}
#logo img{
	margin-left:55px;
	border:none
	
}
#menu-gauche ul{
	list-style:none;
	margin-top:294px;
	.margin-top:274px;
	margin-left:-392px;
	.margin-left:55px
	}
#social{
	margin-left:-347px;
	margin-top:40px;
		.margin-left:63px;
	.margin-top:41px
}
#mentionlegal{
		margin-left:-345px;
	margin-top:278px;
			.margin-left:63px;
	.margin-top:282px
}

#ContenuCentral{
	width: 655px;
	height:auto;
	margin-left:365px;
	margin-top:-16px;
	.margin-top:-272px;
	color:#00ff00;
	text-align: justify;
	font-size:13px;
	font-family:gilsans;
	z-index:9000;
	overflow:visible;
	letter-spacing:1px;
	overflow:visible;
	position:relative;
}


#nomTitre{ font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; padding-top:5px; font-size:17px; margin:0; padding:0; color:#FFF; position:absolute; left:-7px
}
#NomMetier{ font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#FFFFFF
}
#NomContenu{ font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;  font-size:17px; color:#FFF; position:absolute; top:27px; left:-7px
}

#NomContenu img{ margin:0 10px 0 0; float:left
}
#NomContenuText{
	text-align:justify;
	padding-top:15px;
	position:relative;
	height:170px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	font-style:normal;
	color:#acacac;
	width: 540px;
	margin-top:23px;
	padding:0 10px 0 5px;
	line-height:19px;
	font-weight: lighter
}
#credits{ font-family:Georgia, "Times New Roman", Times, serif; color:#acacac; margin-top:30px; font-size:12px; line-height:18px
}
#credits .vertsclair a{ color:#a9dc93; text-decoration:none
}
#credits .vertsclair a:hover{ color:#00ff00;
}
.vertsfonce{ color:#00ff00
}
#tableauBas{ position:absolute; top:301px; left:0px; width:500px
}
.tableauBasDroite{ position:absolute; right:0px; height:50px; font-family: Georgia, "Times New Roman", Times, serif; line-height:20px
}
#tableauBas td{ vertical-align:top; font-size:13px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold
}
.callMAUVE{ color:#ff00ff
}

.callWHITE{ color:#ffffff
}

.plusdevideo{ font-style:normal; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:12px; font-weight:lighter
}
.plusdevideo a { text-decoration:none; color:#FFF
}
#CallVoir{ text-align:center; padding-top:15px; position:absolute; bottom:38px; left:435px; .left:130px; font-family: Helvetica, Arial, sans-serif; font-size:11px; font-style:normal; font-style:normal
}
#CallVoir a { text-decoration:none; color:#FFF
}
.callROSE{ color:#ec008c
}
#CotenuVideo{margin-top:187px;font-family: Helvetica, Arial, sans-serif; font-size:11px; position:relative; font-style:normal; 
}
#NomContenuText a:hover {color:#ff00ff
}
.plusdevideoNom{ position:absolute; right:45px; top:-5px;font-style:normal; letter-spacing:1px; font-size:13px; font-family:gilsans
}

.ligne {
	background-image:url(../images/ligne-blache.png); background-repeat:repeat-x; background-position:bottom; .background-position:0 7px; margin:0 2px; margin-right:3px
}
#plusdevideoDoite{
	margin-top:20px}

#menu-droite-video{
	float:right; width:235px; margin-right:48px; margin-top:63px; .margin-top:39px;  position:relative
}
.NomDroite{ margin-bottom:20px

}
.NomDroite a{ text-decoration:none; color:#FFF; text-decoration:none

}

.PlusdeVideoDroiteNom:hover{ color:#00ff00

}

.PlusdeVideoDroiteNom{ position:absolute; left:0px; 

}
.PlusdeVideoDroiteTITRE{position:absolute; right:0px; 

}
#plusdevideoDoite a {color:#FFF

}
#plusdevideoDoite a:hover {color:#00ff00

}

.autresvideos a{ text-decoration:none; color:#d7d7d7; font-family: Helvetica, Arial, sans-serif; font-size:12px; line-height:16px; letter-spacing:.1em; 
}

.autresvideos .italic{ font-style:italic;
}
.autresvideos a:hover{ color:#00ff00;
}
.autresvideos{ margin-bottom:19px;
}

.callVERT{ color:#00ff00; font-style:italic;
}

.ligneBlanche {height:30px; float:left
}

.ligneBlanche2 {height:45px; float:left
}