@charset "UTF-8";
/* CSS Document */

html {
	width:948px;
	height:600px;
	margin: 0 auto;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt; /*il est conseillé de mettre cette valeur à 12pt, sous peine de voir les calques en pos. relatives se décaler. */
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
}

.oneColElsCtr #containerFront {
	position: absolute;
	top:0px;
	left:center;
	width: 46em;
	height:1em;
	/*background: #0F0;*/
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 0px solid #000;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	z-index:20;
}

.oneColElsCtr #container {
	position: absolute;
	top:0px;
	left:center;
	width: 948px;
	/*height:37.5em;
	background: #F00;*/
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 0px solid #FFF;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	z-index:10;
	/*background-color: #F00;*/
}

.oneColElsCtr #containerBg {
	position: absolute;
	top:0px;
	left:center;
	width: 46em;
	/*height:1em;
	background: #00F;*/
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 0px solid #000;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	z-index:1;
}

#mainContent { margin:0; padding:44px 0 0 0; /*background-color:#FFF;*/}

#menuContent { display:block; margin:0; padding:0 0 0 0;}

#textContent { display:block; margin:0; padding:0 300px 0 0; height:550px; overflow:hidden;}

#footContent { display:none; margin:0; padding:0 0 20px 0; min-height:20px;}

#refletContent { display:block; margin:0; padding:20px 0 0 0; height:187px; font-size:10px; text-align:center; color:#707173;}

.oneColElsCtr #deco1_sup {
	padding: 0 20px;
	position: absolute;
	width:157px;
	height:1em;
	z-index:2;
}

.oneColElsCtr #deco2_sup {
	padding: 0 20px;
	position: absolute;
	width:293px;
	height:1em;
	z-index:3;
}

.oneColElsCtr #deco3_sup {
	padding: 0;
	position: absolute;
	/*width:398px;
	height:487px;*/
	z-index:22;
}

.oneColElsCtr #decoPhoto_sup {
	padding: 0;
	position: absolute;
	/*width:382px;
	height:310px;*/
	z-index:21;
}

.myclearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement des éléments flottants */
      clear: both;
      height: 0;
      font-size: 1px;
      line-height: 0px;
}

/* /////// MENU //////////////////////////////////////////////////////////////////////////////////////////////// */

#menuContent img {
	display:inline-block;
	margin:0;
	vertical-align:top;
}

/* /////// TEXTES //////////////////////////////////////////////////////////////////////////////////////////////// */

h1, h2, h3, p { 
	margin:0; 
	font-family:Helvetica, sans-serif, Arial;
}

h1 { padding:0 0 15px 30px; font-size:32px; color:#8991a1;}

h2 { padding:0 0 0 30px; font-size:18px;}

h3 { padding:0 0 12px 30px; font-size:15px; color:#002052;}



.legendeTitre { margin:0 0 0 0; padding:0 0 0 15px; font-size:11px; color:#707173;}

.txtTemp { color:#f377ab;}
.txtSun { color:#b3c10f;}
.txtHot { color:#ef8537;}
.txtBleu { color:#002052;}
.txtOrange { color:#ff4800;}
.txtRose { color:#ff005a;}
.txtViolet { color:#cf68ff;}
.txtVert { color:#94ca2c;}

p a { padding: 0 20px 0 0;}
a:link		{ color: #002052; text-decoration: underline;}
a:visited	{ color: #002052; text-decoration: underline;}
a:hover		{ color: #ff005a; text-decoration: underline;}
a:active	{ color: #002052; text-decoration: underline;}

.pVisuel a { padding: 0 10px 0 0;}

#preview{
	position: fixed;
	border:1px solid #fff;
	background:#fff;
	padding:5px;
	display:none;
	color:#002052;
	z-index:30;
} 

#refletContent a:link 		{ color:#707173;}
#refletContent a:visited 	{ color:#707173;}
#refletContent a:hover 		{ color:#002052;}
#refletContent a:active 	{ color:#707173;}

#press-scroll {width:550px;height:170px; overflow: auto; margin-left: 30px; -moz-background-clip:border;
-moz-background-inline-policy:continuous;-moz-background-origin:padding;-x-system-font:none;background:#FFFFFF none repeat scroll 0 0;display:block;}
#press-scroll ul {width: 2500px}
#press-scroll li {display:inline; }
#press-scroll img {padding: 0 10px 0 0; border:none}

#video-scroll {width:650px;height:170px; overflow: auto; margin-left: 30px; -moz-background-clip:border;
-moz-background-inline-policy:continuous;-moz-background-origin:padding;-x-system-font:none;background:#FFFFFF none repeat scroll 0 0;display:block;}
#video-scroll ul {width: 1000px}
#video-scroll li {display:inline; }
#video-scroll img {padding: 0 10px 0 0; border:none}