/* CSS Document */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #141414;
	line-height: 1em;
}
/**COMMON**/
.floatright{float:right;}
.floatrightdown{float:right;top:30px;}
.floatleft {float:left;}
.spacer {clear:both;height:0;font-size:0;border:0;margin:0;padding:0;}
.floatprot {position:relative;width:100%;}
.invisible{display:none;}
/*COMMON*/

/*MENU AVEC IMAGES*/
ul#menuImage {
position:relative;
list-style:none; display:block;overflow:hidden;
padding:0;margin:0;border:0;
width: 100%; /* précision pour Opera */
}

ul#menuImage li {
display:block;	float:left;
height:20px;margin:0;padding:0;border:0;
background-color:transparent;
}


ul#menuImage li.accueil a {background:url(/images/menus/mathieu_blanc.png) 0 0 no-repeat; width:105px;}
ul#menuImage li.concours a {background:url(/images/menus/concours.png) 0 0 no-repeat; width:76px;}
ul#menuImage li.animation_3d a {background:url(/images/menus/video.png) 0 0 no-repeat; width:57px;}

ul#menuImage li.promotions a {background:url(/images/menus/promotions.png) 0 0 no-repeat; width:88px;}

ul#menuImage li.plan_masse_facade a {background:url(/images/menus/plan_masse_facade.png) 0 0 no-repeat; width:160px;}
ul#menuImage li.revue_presse a {background:url(/images/menus/revue_presse.png) 0 0 no-repeat; width:118px;}
ul#menuImage li.contact a {background:url(/images/menus/contact.png) 0 0 no-repeat; width:66px;}

ul#menuImage a {
display:block;
padding:0;border:0;margin:0;
background-position:0;
height:20px;
}
ul#menuImage li a:hover	, ul#menuImage li a.selected	{background-position:0 -20px;}


ul#menuImage a span{
display:none;
}

ul#menuImage a:hover {
padding:0;border:0;margin:0;
}
/*MENU AVEC IMAGES*/


/*MENU*/
ul#menu {
position:relative;
list-style:none; display:block;overflow:visible;
color: #444;
padding:0;margin:0;border:0;
}
ul#menu li{
display:inline;overflow:visible;
background-color:transparent;
padding:0;border:0;margin:0;
margin:0 0 0 0;
}
ul#menu a{float:left;
padding:0.2em 0.7em 0.1em 0.7em;
margin:0;border:0;border-left:1px;border-right:1px;border-style:solid;border-color:#AAAAAA; 
display:block; font-weight:normal; line-height:8px; font-size:14px;
font-family:  Arial, Verdana,Helvetica, sans-serif;font-variant:small-caps; letter-spacing:0.5px;
color:#444;background-color:transparent;
text-decoration: none;overflow:visible;
}
ul#menu a:hover, ul#menu .selected a{
text-decoration: none;color:black; color:#86CDEB; font-weight:400;
}

html>body #container {
				height: auto;
}
#header {
	height: 30px;
	margin: 0;
	
	padding: 5px 0 0 1em;
}
#conteneur {
	position: relative;
	min-height: 100%;
	height: auto;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}

#footer {
	position: absolute;
	bottom: 0;
	padding: 0;
	background-color: #FFFFFF;
	width:100%;
	
}

#centre {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/*---------------------------page_image--------------------*/	
 

#imgBig {
	position:absolute;
	border:0;
	top:85px;
	width:100%;
	height:100%;
 	margin:0 ;
 	overflow:hidden;
	/*text-align: center;*/
	padding: 0;
	left:0px;
}

#bigImage, #imgScrollH, #imgScrollV {
	position:absolute;margin:0;padding:0;border:0;
}
#imgminis {
	position:absolute;
	bottom:0;
	width:90%;
	height:75px;
	overflow:hidden;
	text-align:center;
	padding:0;
	border: 0;
	margin: 5px 0 0 0;
}
#imgtexte {
	position:absolute;
	width:250px;
	height:75px;
	bottom:0.2em;
	overflow:hidden;
	text-align:left;
	padding:0;
	border: 0;
	margin:0 10px 0 5px;
	float: left;
}
#footer2 {
	position:absolute;
	overflow:hidden;
	width:100px;
	height:75px;
	bottom:0.2em;
	right:10px;
	text-align:right;
	padding:0 0 0 0;
	border: 0;
	margin:0;
}
/*#footer2 a, #footer2 a.navret:hover {

	background-image: url(/images/retour_on.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
*/
#footer2 a.navprec {background-image: url(/images/precedent.gif);}
#footer2 a.navret {background-image: url(/images/retour.gif);}
#footer2 a.navsuiv {background-image: url(/images/suivant.gif);}

#footer2 a span{display:none;}
#footer2 a {
display:block; float:left; overflow:hidden;
padding:0;border:0;margin:0;
background-position:center 0;
background-image: url(/images/retour.gif);
background-repeat: no-repeat;
width:20px;
height:15px;
}
#footer2 a:hover, #footer2 a.selected	{background-position:center -15px;}
/*-----
#imgtexte {
	position:absolute;
	bottom:0.2em;
	width:90%;
	height:2.3em;
	overflow:hidden;
	text-align:center;
	padding:0;	border: 0; margin:0 5%;
}
----*/
#imgtexte p{
font-size:1em;
padding:0;	border: 0; margin :0;

}
/*---------------------------Liens--------------------*/

	
a:link {
	color: #86CDEB;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #141414;
}

a:visited {
text-decoration: underline;
	color: #86CDEB;
}
a:active {
text-decoration: none;
	color: #141414;
}



/*---------------------------COMMUNS--------------------*/	

.bleu {
	
	color: #86CDEB;
}

.spacer {
 clear:both;
}

.floatright {
  float:right;
  margin:0;
 }

.floatleft {
  float:left;
  margin:0;
 }
.floatrightclear {
  float:right;
  margin:0;
  clear:right;
 }
 
 /*---------------------------vignettes--------------------*/	
 
 .floatmini {
	float: left;
	width: 101px;
	height: 76px;
	margin: 1em 1em 0 0;
	background-color: #FFFFFF;
	padding-top: 2px;	
}
 .floatmini:hover {
	float: left;
	width: 101px;
	height: 76px;
	margin: 1em 1em 0 0;
	background-color: #86CDEB;
	padding-top: 2px;	
}

.legendes {	
	margin: 15px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #141414;
	font-size: 10px;
	line-height: 11px;
}
.miniNiv2{	
	border:0;padding:0;margin:0;
	height: 65px;
	margin: 0 0 0 10px;
	background-color: #FFFFFF;
	padding-top: 2px;
	
}

.miniNiv2:hover{
		
	height: 65px;
	margin: 0 0 0 10px;
	background-color: #86CDEB;
	padding-top: 2px;
}

 /*---------------------------REVUE DE PRESSE--------------------*/
 
 .floatPresse {
  float: left;  
  margin: 1em 1em 0 0;
}
.legendesPresse1 {	
	margin:  0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #141414;
	font-size: 12px;
	
}	
.legendesPresse2 {	
	margin:  0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #141414;
	font-size: 12px;
	
}


 /*---------------------------VIDEO--------------------*/
 
 .floatVideo {
	margin: 1em 0 0 1em;
	width: 415px;
	position: absolute;
	left: 250px;
}
 .floatMiniVideo {
  
  margin: 1em 1em 2em 0;
  width: 250px;
 
}

 .VignetteVideo {
	float: left;
	margin: 0 0.5em 0 0;
	width: 50px;
	height: 50px;
	border: 0; 
}

.legendesVideo {	
	margin:  0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #141414;
	font-size: 12px;
	
}