img, div, td, a, input { behavior: url(css/iepngfix.htc) }


/* --- GÉNÉRAL --- */
html, body {
    margin: 0;
    padding: 0;
}
/*------------ remise à zéro  --------------------------*/


a {
    text-decoration: none;
    color: #000000;
}

a:hover {
    text-decoration: none;
}

img {
    border: none;
}

p {
    margin: 0;
    padding: 0;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.spacer {
    clear: both;
    font-size: 1px;
    height: 1px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */



/*-----------------------------------------------------------------------------------
 STRUCTURE INDEX
 ------------------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;	
	background:url(../medias/fond-image-portail.jpg) no-repeat top center;
}

div#partie-sup {
	margin:0;
	padding:0;
}

div#zone-logo {
	margin: 0px 0 0 10px;
	height:126px;
}

div#zone-lien-fr-nl {
	/*position:absolute;
	left:1016px;*/
	top:0px;
	background:url(../medias/lien-vide.jpg) no-repeat top left;
	height:33px;
	width:60px;
	float : right;
	margin: 0px 10px 0px 0px;
	padding: 6px 0px 0px 10px;
	font-size:11px;
}

div#conteneur-general {
    position: relative;
    width: 975px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
	min-height: 653px;
    height: auto !important;
    height: 653px;
}

/*-----------------------------------------------------------------------------------
 PARTIE DE GAUCHE VIDEO
 ------------------------------------------------------------------------------------*/
div#conteneur-video {
	float:left;
	width:467px;
	margin: 74px 10px 0 0;
	padding:0;
	height:415px;
	/*background:url(../medias/video-fond.png) no-repeat top left;*/
}

div#player-video {
	float:left;
	width:467px;
	margin: 74px 11px 0 0;
	padding:0;
	height:415px;
	/*background:url(../medias/video-fond.png) no-repeat top left;*/
}

.video {
	padding:8px 9px 8px 0;
	margin:58px 0 0 8px;
}

div#bt-univers {
	position:absolute;
	top:200px;
	left:8px;
	height:95px;
	width:195px;
	background:url(../medias/video-tout-univers.png) no-repeat top left;
}

div#bt-univers h1 {
	color:#ff000b;
	text-transform:uppercase;
	font: normal 17px Georgia, "Times New Roman", Times, serif;
	margin:29px 0 0 0;
	padding:0;
	text-align:center;
	line-height:18px;	
}

div#bt-zoom {
	position:absolute;
	top:250px;
	left:360px;
	height:95px;
	width:110px;
	background:url(../medias/video-zoom.png) no-repeat top left;
}

div#bt-zoom p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform:uppercase;
	margin:7px 38px 0 8px;
	padding:0;
	text-align:right;
}



/*-----------------------------------------------------------------------------------
 PARTIE DE DROITE SITES
 ------------------------------------------------------------------------------------*/
div#conteneur-sites {
	float:left;
	width:476px;	
	margin: 0 0 0 11px;
	padding:0 0 0 0;
	background:url(../medias/fond-zone-sites.png) no-repeat top left;
	height:501px;
}

.zone-sites-image {
	float:left;
	width:229px;
	margin:0;
	padding:0 8px 0 8px;
}

.zone-sites-texte {
	float:left;
	position:relative;
	width:211px;
	margin:0;
	padding:25px 0 0 10px;
}

img.drapeaux {
	margin:0 0 2px 0;
	padding:0 0 0 0
}

.txt-titre-entremont {
	color:#291b00;
	text-transform:uppercase;
	font: bold 14px normal Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}

.txt-titre-entremont a:hover {
	color:#55524b;
}

div#conteneur-sites p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #291b00;
	margin:0;
	padding:0;
}

div#conteneur-sites p a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #291b00;
	margin:0;
	padding:0;
	text-decoration:none;
}

.acces-sites {
	position:absolute;
	top:24px;
	left:202px;
	height:19px;
	width:19px;
	background:url(../medias/pix.gif) no-repeat top left;
}

/*-----------------------------------------------------------------------------------
 MENTIONS LEGALES et CREDIT 
 ------------------------------------------------------------------------------------*/

div#partie-inf {
	float:left;
	background: none repeat scroll 0%;
	padding-bottom:40px;
	width:100%;
}

div#footer {
    clear: left;
    margin: 0 auto;
    padding: 0 0 5px 0;
    width: 975px;
}

div#footer p.liens {
    font: normal 10px Arial, Helvetica, sans-serif;
    color: #9c9c9c;
	text-align:center;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
}

div#footer p.liens a {
    font: normal 10px Arial, Helvetica, sans-serif;
    color: #9c9c9c;
    text-decoration: none;
    margin: 0 3px 0 3px;
    padding: 0 0 0 0;	
}

div#footer p.liens a:hover {
    text-decoration: underline;
}