@charset "utf-8";
* {margin:0; padding:0;}
img{border:none; vertical-align:bottom;}
a{text-decoration:none; color:#666;}
a:hover, #goto li a:hover, #home #content #goto li a:hover, #signature a:hover {color:#ED7D0F;}
.w3c {clear:both; padding-top:40px;}

html {font-size: 100%;}
body 
{
	position:absolute;
	top:0;
	left:20px;
	background-color:#FFF;
	font-size: .7em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-style:italic;
	text-transform:uppercase;
}

#entete
{
	position:absolute;
	top:20px;
	left:0;
	width:1180px;
/*	height:373px;*/
}

#logo { position:absolute; color:#ED7D0F; }
#logo span {display:block; width:678px; height:373px; float:left;}
#logo>span {background:url(../img/waixing.png) no-repeat;}
#logo span {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/waixing.png",sizingMethod="crop");}

#illus_index #image { float:right;}
#illus_index #legende {position:relative; float:right; height:373px; }
#illus_index #legende p { position:absolute; bottom:0; right:16px; white-space:nowrap;}

#illus #image { clear:both; float:right;}
#illus #legende { clear:both; float:right; width:480px; margin:10px 0;}
.contact #legende { height:170px;}
#illus ul#PDF 
{
	list-style:none;
	float:right;
	margin-top:20px;
	z-index:30;
}

#illus #PDF li 
{
	float:left;
	text-align:center;
	/*width:35px;*/
	margin-left:10px;
	font-size:9px;
}
#illus #PDF li span
{
	display: block;
}

#navig
{
	position:absolute;
	top:-20px;
	left:680px;
	z-index:30;
}
#navig img
{
	margin:0 3px;
}
#legende #flecheBas
{
	margin-top:10px;
}

/**************************/
/******** DESCRIPT ********
#illus
{
	position:absolute;
	top:-20px;
	right:0;
}
#home #illus
{
	top:0;
}
#illus img
{
	vertical-align:bottom;
	margin:0 3px;
}
#illus img#flecheBas
{
	margin-left:19px;
}
#home #illus p
{
	float:left;
	margin-top:330px;
	margin-right:16px;
	height:40px;
}
#illus #desc
{
	position: relative;
	width:440px;
	z-index:2;
}
#illus #desc #descText
{
	margin-top:1em;
	height:6em;
}
#illus #image
{
	position:absolute;
	right:0;
	height:635px;
}
#illus #image img
{
	position:absolute;
	margin:0;
	right:0;
	bottom:0;
}

ul#PDF 
{
	list-style:none;
	float:right;
	margin-top:20px;
}

#PDF li 
{
	float:left;
	text-align:center;
	width:35px;
	margin-left:20px;
	font-size:9px;
}

#illus #contactDesc
{
	position: relative;
	width:490px;
	z-index:2;
}
#contactDesc p
{
	clear:both;
	margin:10px 0;
}
#contactDesc img#plan
{
	position:absolute;
	margin:0;
	right:0;
}
/****** fin DESCRIPT ******/
/**************************/

/*********************/
/****** CONTACT ******/

#signature
{
/*	clear:both;*/
	padding-top:40px;
	color:#0D3082;
	font-size:1em;
	width:450px;
}
#signature h1, #legende h1
{
	font-size:1.4em;
	font-weight:normal;
}
/*#signature p
{
	font-weight:bold;
}*/
#signature ul{
margin-top:1em;
list-style-type:none;
}
#signature li{
margin-bottom:.5em;
}
p.copy
{
	margin-top:1.5em;
	font-size:0.9em;
/*	font-weight:normal;*/
}
#signature a
{
	color:#0D3082;
}

/****** fin CONTACT ******/
/*************************/


#content
{
	position: absolute;
	top:420px;
	left:10px;
	width:480px;
	z-index:10;
/*	margin-top:10px;*/
}
#home #content
{
	position:absolute;
	top:400px;
	left:231px;
	width:780px;
}
#home #content h1 span
{
	margin-left:-5000px;
}

#txtindex
{
	width:750px;
}
#mail
{
	margin-left:-170px;
	font-size:3.7em;
	color:#666;
}


/*******************************/
/************ MENU ************/
#visit
{
	float:left;
	font-size:1.4em;
	font-weight:bold;
	width:60px;
	color:#999;
	background:url(../img/pt_fleche_visit.png) bottom right no-repeat;
}
#home #content #visit
{
	margin-left:-140px;
	margin-top:10px;
	width:130px;
	background:url(../img/fleche_visit.png) bottom right no-repeat;
	font-size:3.2em;
	color:#0D3082;
}
#goto
{
	list-style:none;
	margin-left:-5px;
	color:#999;
	font-size:1.4em;
}
#home #content #goto
{
	margin-top:10px;
	font-size:3.2em;
	color:#0D3082;
}
#goto li
{ 
	display:inline;
	float:left;
}
#home #content #goto li.index
{
	display:none;
}
#goto li a
{
	float:left;
	color:#999;
}
#home #content #goto li a
{
	color:#0D3082;
}
#goto li a span
{
	display:none;
}
#home #content #goto li a span
{
	display:block;
	font-size:12px;
	font-weight:bold;
}
#goto li a:hover span
{
	color:#AE007C;
}
/********** fin MENU **********/
/******************************/



/************************/
/******** THUMBS ********/
.thumbs
{
	float:left;
	margin-right:3px;
	margin-top:30px;
}
.thumbs li
{
	list-style:none;
	width:80px;
	height:50px;
	margin-bottom:5px;
	border:#BBB solid 1px;
	border-right:#CCC solid 7px;
}
.thumbs li.vide
{
	width:82px;
	height:52px;
	border:none;
}
/************************/
/****** fin THUMBS ******/



/******************************/
/******** BULLE D'INFO ********/
a.thumb, a.thumb2 {
    position:relative; /* Très important */
    background:none; /* Important pour le fonctionnement sur IE */
/*    z-index:10;*/
}


a.thumb:hover, a.thumb2:hover {
    z-index:20;
}

a.thumb span, a.thumb2 span {
    display:none;
    position:absolute;
    top:5px;
    left:5px;

     
    /* Éléments pour positionner le texte dans la bulle */
	padding:5px 40px 0px 0px;
    width:100px;
    height:27px;
    /* Style du character dans la bulle */
    font-weight:normal;
    font-style:italic;
	line-height:0.8em;
/*    font-size:10px;*/
    color:#777;
    text-decoration:none;
    text-align:center;
}
a.thumb2 span {
	line-height:13px;
}

a.thumb:hover span, a.thumb2:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
    display:block;
}

/* Pour avoir un beau background de bulle avec PNG transparent*/
a.thumb:hover>span, a.thumb2:hover>span {
background:url(img/bulle.png) no-repeat;
}

a.thumb:hover span, a.thumb2:hover span {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bulle.png",sizingMethod="crop");
}

/****** fin BULLE D'INFO ******/
/*****************************/



/**************************/
/******** BIG LINK ********/
#biglk
{
	position:absolute;
	top:334px;
	left:472px;
	width:200px;
}
#biglk li
{
	list-style:none;
	float:left;
	height:20px;
	width:20px;
	border:#999 solid 1px;
	background-color:#CCC;
	margin:3px;
	cursor:pointer;
}
#biglk li#check
{
	background-color:#FFF;
	cursor:default;
}
#biglk li#fleche
{
	border:none;
	background-color:#FFF;
	padding-top:4px;
	cursor:default;
}
/****** fin BIG LINK ******/
/**************************/