body{
font-family:Arial, Verdana, serif, "Helvetica Neue Regular";
font-size: 11px;
background-color:#110101;
color:#6b717c;
text-align:left;
/*   background-image: url("../images/skieur.gif"); /* Le fond est l'image "skieur.gif" */
/*   background-repeat: no-repeat; /* Le fond ne se répète pas */
/*   background-position: top right; /* Le fond est aligné en haut à droite */
/*   background-attachment: fixed; /* Le fond est fixé */
/* 
background: url("../images/skieur.gif") no-repeat top right fixed;
*/
}

/* *********
	___   On affecte a certaine balise des valeur car elle ne sont pas les mm entre IE et FF si on ne spécifie rien . ___ 
******** */
div{
	margin:0px;
	padding:0px;
}

img{
	border:0px;
}

ul{
	margin: 0;
	padding : 0 5px 0 25px;
}

h1{
	font-size: 16px;
	margin : 6px 0 6px 0;
	padding: 0;
}
h2{
	font-size: 15px;
	margin : 5px 0 5px 0;
	padding: 0;
}
h3{
	font-size: 14px;
	margin : 4px 0 4px 0;
	padding: 0;
}
h4{
	font-size: 13px;
	margin : 3px 0 3px 0;
	padding: 0;
}
h5{
	font-size: 12px;
	margin : 2px 0 2px 0;
	padding: 0;
}
span{
	margin : 0;
	padding: 0;
}
p{
	margin : 2px 0 2px 0;
	padding: 0;
}

a:link {
text-decoration: none;
color: #707173;
}
/* style du lien qui a déjà été visité */
a:visited {
text-decoration: none;
color: #707173;
}
/* style du lien qui est survolé par la souris */
a:hover {
text-decoration:none;
color: #707173;
}
/* style du lien au moment où il est cliqué */
a:active {
text-decoration: none;
color: #707173;
}
/********************
		DIV QUI CONTIENT  LE SITE + LA DECO SE REPETANT A LINFINI
********************/
#global
{
	position : absolute;
	top:0px;
	left:0px;

	width:100%;
	height:100%;

	margin:0px;
	padding:0px;

	text-align:center;

	background: url("../medias/images/fondSite3dmp.jpg") repeat-x top left;

	border: 0px solid red;
}
/********************
		DIV QUI CONTIENT   LE SITE
********************/
#main
{
	position : relative;
	top:5px;
	width:990px;
	height:717px;

	margin:0px;
	padding:0px;

	margin-right:auto;
	margin-left:auto;

	/*background: url("../medias/images/Fond_LaSolutionRF.jpg") no-repeat top left;*/

	/*overflow:hidden;*/

	/*background-color:lightblue;*/
	border: 0px solid green;
	z-index : 15;
}

#BordureTop{
position : relative;
top:0px;
left:0px;

width:100%;
height:9px;

background: url("../medias/images/bordureHaut.png") repeat-x top left;
}
		
#BordureLeft{
position : relative;
top:0px;
float:left;

width:14px;
height:96%;

background: url("../medias/images/bordureGauche.png") repeat-y top left;
}
		
#BordureRight{
position : relative;
top:0px;
float:right;

width:12px;
height:96%;

background: url("../medias/images/bordureDroite.png") repeat-y top left;
}
		
#site{
position : relative;
top:0px;
float:left;

width:964px;
height:680px;

text-align:left;

background-color:#FFFFFF;
}
/*  Hack css pr IE 6 */
	* html #site
	{
		width:960px;
	}



#BordureBottom{
position : relative;
top:0px;
float:left;

width:964px;
height:9px;

background: url("../medias/images/bordureBas.png") repeat-x top left;
}


/********************
		DIV QUI AFFICHE LA LOGO 3DMP
********************/
#logo{
position : relative;
top:30px;
left:40px;
float:left;

width:197px;
height:79px;

background: url("../medias/images/logo3DMPfondBlanc.gif") no-repeat top left;
border: 0px solid red;
}


/* ******************
		DIV du menu SECONDAIRE english contact client
******************* */
#menuSecondaire{
position : relative;
top:40px;
right:40px;
float:right;

height:25px;

border: 0px solid red;
}


/********************
		DIV QUI CONTIENT  LE MENU
********************/
#menuPrincipal{
position : relative;
top:50px;
float:left;

width : 200px;
margin-left:5px;

border: 0px solid red;
}

#menuPrincipal li{
	font-size: 12px;
	color:#707173;
	margin-top:3px;
}

#menuPrincipal ul li.itemSelect{
	font-size: 12px;
	color:#e31b22;
	/*display:inline; */
	/*list-style-type: disc;*/
	list-style-image:url("../medias/images/flecherondItemSelect.jpg");
	
	margin-left:4px;
	
	/*	background: url("../medias/images/flecheItemSelect.jpg") no-repeat top left;	*/
}

/* style du lien */
#menuPrincipal li a:link {
text-decoration: none;
color: #707173 ;
}
/* style du lien qui a déjà été visité */
#menuPrincipal li a:visited {
color: #707173 ;
text-decoration: none;
}
/* style du lien au moment où il est cliqué */
#menuPrincipal li a:active {
text-decoration: none;
color: #707173 ;
}
/* style du lien qui est survolé par la souris */
#menuPrincipal li a:hover {
text-decoration:underline;
color: #707173 ;
}

/********************
		ENCART PUBLICITAIRE
********************/
#encartPublicite
{
	position : relative;

	margin-top: 15px;
	width : 200px;
	height : 200px;

	border: 0px solid red;
}

/* *****     *****     *****
		CONTENU DES PAGES
			*****     ****    **** */
			
		/* **** **** ***** 	DIV des la liste des vignettes de la categories selectionné 	**** **** **** */
		#listeVignette{
		position : relative;
		top:-20px;
		float:right;

		width : 650px;
		height : 60px;

		text-align:right;

		overflow:hidden;
		overflow-x: hidden;
		overflow-y: hidden;
		/*overflow : -moz-scrollbars-horizontal; */
		white-space: nowrap; 

		border: 0px solid red;
		}
			/* vignette */
		#listeVignette .vignette{
		position : relative;
		top:0;

		float:right;
		width : 75px;
		height : 55px;

		border: 0px solid green;
		}

		/********************
				DIV QUI CONTIENT  LE CONTENU CENTRAL ( le medias en cours )
		********************/

		#contentMedia{
		position : relative;
		top:-10px;
		float:right;

		width : 726px;
		height : 412px;

		background: url("../medias/images/fondMedia.jpg") no-repeat top left;

		border: 0px solid red;
		}

		#infoRelativeAuMedia{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height : 80px;
		border: 0px solid green;
		clear:both;
		}
				#descriptionMedia{
				position : relative;
				top:0px;
				float:right;

				width : 726px;
				height : 140px;

				overflow-y: auto;
				
				border: 0px solid red;
				}
				#descriptionMedia ul ul{
				list-style-type : none ;
				}

				#menuAction{
				position : relative;
				top:0px;
				float:left;

				width : 200px;
				height: 140px;
				
				margin-left:5px;
				
				border: 0px solid red;
				}
				
				/* ***  Menu RSS PDF dl movies  *** */
				#menuAction .dl{
					position:relative;
					width : 100%;
					height: 35px;
					
					padding-left: 25px;
					
					background: url("../medias/images/iconeDownload.jpg") no-repeat top left;
				}
				#menuAction .feedRss{
					position:relative;
					width : 100%;
					height: 35px;
					
					padding-left: 25px;
					
					background: url("../medias/images/iconeRss.jpg") no-repeat top left;
				}
				
				
				#menuAction div h4 a:link {
				text-decoration: none;
				color: #e31b22;
				font-size:12px;
				}
				/* style du lien qui a déjà été visité */
				#menuAction div h4 a:visited {
				text-decoration: none;
				color: #e31b22;
				font-size:12px;
				}
				/* style du lien qui est survolé par la souris */
				#menuAction div h4 a:hover {
				text-decoration:none;
				color: #e31b22;
				font-size:12px;
				}
				/* style du lien au moment où il est cliqué */
				#menuAction div h4 a:active {
				text-decoration: none;
				color: #e31b22;
				font-size:12px;
				}
				
				#menuAction div h4{
					/*  pr centre les ecritures en par rapport a limage de fond*/
					padding-top:5px;
				}
				
		/*  CONTACT  ************************************************************************************ */
		#contact{
			position:relative;
			float: right;
			width : 616px;
			height : 595px;
			padding : 15px 5px 5px 105px;
			
			overflow-x: auto;
			border: solid 0px green;
		}
		
		
	/* MENTIONS LEGALES   ******************************************* */
		#mentionL{
			position:relative;
			float: right;
			width : 616px;
			height : 610px;
			
			overflow-x: auto;
			
			padding : 0px 5px 5px 105px;
			border: solid 0px green;
		}
	#index{
			position:relative;
			width : 100%;
			height : 535px;
			text-align:center;
			overflow-x: auto;
			
			margin: 0 auto;
			padding : 110px 0px 0px 0px;
			
			border: solid 0px green;
		}
		
	#index a.passerIntro{
		color : #BBBBBB;
	}
/* PIED DE PAGE  *****/	
	#footer{
		position : relative;
		top: -60px;
		border: solid 0px green;
		height:15px;
		float: left;
	}
	#footerentree{
		position : relative;
		top: -10px;
	}
/********************
		DIV QUI CONTIENT  LE PIED DE PAGE
********************/


/* ___________   Classe    ___________*/
.texteAcueil
{
	padding : 2px;
}
.textCenter{
 text-align:center;
}
.textLeft{
 text-align:left;
}
.floatLeft{
float:left;
}
.floatRight{
float:right;
}

.label1{
	font-weight: bold;
	color: #707173;
}
.bouton1{
	border: solid 1px red;
}
.bouton2{
	background-color : #e31b22;
	color: #FFFFFF;
	border: 0;
	cursor :pointer;
	font-weight: bold;
}

.masquer{
display:none;
}
.afficher{
display:block;
}

/*
h2
h3
h4
p
color:#e31b22;
*/

.descriptionMediaTitre{
	color:#e31b22;
}
.descriptionMediaTexte{
	color:#707173;
}
.feedBack{
	color :brown;
}


a.lienLangue{
text-decoration: none;
color: red;
font-size:12px;
}
a.lienLangue:link {
text-decoration: none;
color: #e31b22;
font-size:12px;
}
/* style du lien qui a déjà été visité */
a.lienLangue:visited {
text-decoration: none;
color: #e31b22;
font-size:12px;
}
/* style du lien qui est survolé par la souris */
a.lienLangue:hover {
text-decoration:none;
color: #e31b22;
font-size:12px;
}
/* style du lien au moment où il est cliqué */
a.lienLangue:active {
text-decoration: none;
color: #e31b22;
font-size:12px;
}


a.lienMenuSecondaire:link {
text-decoration: none;
color: #707173;
font-size:12px;
}
/* style du lien qui a déjà été visité */
a.lienMenuSecondaire:visited {
text-decoration: none;
color: #707173;
font-size:12px;
}
/* style du lien qui est survolé par la souris */
a.lienMenuSecondaire:hover {
text-decoration:none;
color: #707173;
font-size:12px;
}
/* style du lien au moment où il est cliqué */
a.lienMenuSecondaire:active {
text-decoration: none;
color: #707173;
font-size:12px;
}