/* CSS Document */

/* Page settings */

html, body {
margin: 0;
padding: 0;
height: 100%;
overflow:visible;
font-family:Arial, Helvetica, sans-serif;
}
body { /* IE settings */
scrollbar-face-color:white;
scrollbar-arrow-color:#426268;
scrollbar-track-color:white;
scrollbar-shadow-color:'';
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:'';
}

/* Text settings */
p,h1,h2,h3,h4,h5,h6,b,i,li {font-family:Arial, Helvetica, sans-serif}
p {
	color:black;
	font-size:75%;
	text-align:justify;
	padding-left:1em;
	padding-right:1em;
}

h1 {
	font-size:x-large;
	color:#FFFFFF;
	font-weight:600;
	margin-left:2%;
	margin-top:2%;
	text-align:left;
	}

h2 {
	color:#00AAD4;
	font-size:100%;
	margin:1em;
}

h3 {
	color:#00AAD4;
	font-size:80%;
	font-weight:bold;
}

h4 {
	color:#426268;
	font-size:54%;
	font-weight:bold;
	text-align:center;
	}
h5 {
	color:black;
	font-size:70%;
	text-align:left;
	}
h6 {
	color:black;
	font-size:75%;
	padding-left:1em;
	padding-right:1em;
	text-align:justify;
	}

li {
	list-style-position:outside;
	display:list-item;
	list-style-image:url(../Images/puce.gif);
	color:black;
	font-size:80%;
	text-align:justify;
	vertical-align:middle;
	padding-left:1em;
	padding-right:1em;
}


/* Picture boxes */
#egg {
	margin-top:1em;
	margin-bottom:1em;
	}


/* Content box */
#content_box {
	background-position:top left;
	background-color:white;
	position:absolute;
	width:47%;
	height:73%;
	left:20%;
	top:27%;
	overflow:auto;
	text-align:justify;
	padding-left:1em;
	padding-right:1em;
	border:0;
	z-index:6;
	}

/* Footer */
#footer_box {
	position:absolute;
	background-color:#BEC8CD;
	color:#BEC8CD;
	width:100%;
	height:auto;
	left:0em;
	text-align:center;
	}

/* Menu */
.buttonscontainer {width:90%;}

.buttons a {
	color:#FFFFFF;
	border:1px solid;
	background-color:#BEC8CD;
	padding:2px;
	padding-left:3px;
	font:75% Arial, sans-serif;
	text-decoration:none;
	text-indent:2em;
	border-color:#C9D1D6 #426268 #426268 #C9D1D6;
	display:block;
	margin:0px;
	width:100%;
	text-align:left;
}

.buttons a:hover {
	border:1px solid;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:1px;
	padding-right:1px;
	background-color:#00AAD4;
	border-color:#426268 #BEC8CD #BEC8CD #426268;
	color:#426268;
	text-decoration:none;
	text-indent:1em;
	font-weight:bold;
}

/* Index page settings */
#flash_box2 {
	position:absolute;
	height:60%;
	width:60%;
	left:20%;
	top:15%;
	overflow:visible;
	}
#legende1 {
	position:absolute;
	text-align:center;
	width:auto;
	bottom:15%;
	left:30%;
	text-align:left;
	}
#legende2 {
	position:absolute;
	text-align:center;
	width:auto;
	bottom:15%;
	right:30%;
	text-align:left;
	}
#get_flash {
	position:absolute;
	text-align:center;
	width:100%;
	bottom:1%;
	color:#00AAD4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	}

/* Model settings */
#gray_box1 {
	position:absolute;
	background-position: top left;
	background-color:#BEC8CD;
	Text-align:center;
	height:25%;
	width:20%;
	z-index: 2;
}
#gray_box2 {
	position:absolute;
	background-position: top left;
	background-color:#BEC8CD;
	Text-align:center;
	padding-top:5px;
	top:25%;
	height:75%;
	width:20%;
	z-index: 2;
}
#blue_box {
	position:absolute;
	background-position:top left;
	background-color:#00AAD4;
	height:25%;
	width:80%;
	left:20%;
	vertical-align:middle;
	z-index: 2;
}
#white_box {
	position:absolute;
	left:20%;
	height:2%;
	top:25%;
	width:50%;
	z-index:2;
	}
#flash_box {
	position:absolute;
	height:30%;
	width:29%;
	right:0;
	top:25%;
	z-index:0;
	}
#title_box {
	position:absolute;
	height:25%;
	left:22%;
	width:50%;
	z-index:3;
	}
#article_box {
	position:absolute;
	background-color:#BEC8CD;
	border:1px solid #00AAD4;
	right:3.4%;
	top:55%;
	height:40%;
	width:22%;
	vertical-align:middle;
	}
	
/* Clock */
#clock {
	position:absolute;
	right:2em;
	top:2em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:#426268;
	height:5%;
	width:auto;
	z-index: 3;
	   }

/* Links settings */
a:link {
	text-decoration: none;
	color: #426268;
}
a:visited {
	text-decoration: none;
	color: #426268;
}
a:hover {
	text-decoration: none;
	color: #00AAD4;
}
a:active {
	text-decoration: none;
}

/* Signature */
#sign_box {
	position:absolute;
	bottom:1em;
	right:1em;
	height:auto;
	width:inherit;
	color:#BEC8CD;
	text-align:right;
	font-size:x-small;
	z-index: 1;
	}
/* Structure page */
#structure1 {
	position:absolute;
	top:2em;
	left:2em;
	width:20%;
	height:auto;
	z-index:100;}
#structure1 a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#426268;
	font-size:small;
	font-weight:bold;
	text-align:right;
	padding:1em;	
	text-decoration:none;
}
#structure1 a:hover {color:#00AAD4;overflow: visible;}
#structure1 a span {display: none;}
#structure1 a:hover span {
	display:block;
	position:absolute;
	top:20%; 
	left:100%;
	height:auto;
	width:230px;
    z-index:100;
	text-align:left;
	vertical-align:top;
	border-left:1px solid #00AAD4;
}
#structure2 {
	position:absolute;
	top:2em;
	right:2em;
	width:20%;
	height:auto;
	z-index:100;}
#structure2 a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#426268;
	font-size:small;
	font-weight:bold;
	text-align:left;
	padding:1em;
	text-decoration:none;
}
#structure2 a:hover {color:#00AAD4;overflow: visible;}
#structure2 a span {display: none;}
#structure2 a:hover span {
	display:block;
	position:absolute;
	top:20%; 
	right:100%; 
	width:230px;
    z-index:100;
    text-align:right;
	border-right:1px solid #00AAD4;
}
#structure3 {
	position:absolute;
	top:18em;
	left:2em;
	width:20%;
	height:auto;
	z-index:100;}
#structure3 a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#426268;
	font-size:small;
	font-weight:bold;
	text-align:right;
	padding:1em;
	text-decoration:none;
}
#structure3 a:hover {color:#00AAD4;overflow: visible;}
#structure3 a span {display: none;}
#structure3 a:hover span {
	display:block;
	position:absolute;
	top:-90%;
	left:100%; 
	width:230px;
    z-index:100;
    text-align:left;
	border-left:1px solid #00AAD4;
}
#structure4 {
	position:absolute;
	top:18em;
	right:2em;
	width:20%;
	height:auto;
	z-index:100;}
#structure4 a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#426268;
	font-size:small;
	font-weight:bold;
	text-align:left;
	padding:1em;
	text-decoration:none;
}
#structure4 a:hover {color:#00AAD4;overflow: visible;}
#structure4 a span {display: none;}
#structure4 a:hover span {
	display:block;
	position:absolute;
	top:-90%; 
	right:100%; 
	width:230px;
    z-index:100;
    text-align:right;
	border-right:1px solid #00AAD4;
}
/* Image approche */
#image_box {
	position:absolute;
	top:27%;
	left:20%;
	height:73%;
	width:80%;
	overflow:auto;
	}
/* Equipe */
#list_equipe1 {
	position:absolute;
	left:170px;
	top:0;
	width:auto;
	height:auto;
	text-align:right;
	z-index:100;}
#list_equipe1 a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#426268;
	font-size:small;
	font-weight:bold;
	text-align:left;
	padding:1em;
	text-decoration:none;
}
#list_equipe1 a:hover {color:#00AAD4;overflow: visible;}
#list_equipe1 a span {display: none;}
#list_equipe1 a:hover span {
	display:block;
	position:absolute;
	top:0; 
	left:-130%; 
	height:auto;
	width:auto;
    z-index:100;
    }
	
#list_equipe2 {
	position:absolute;
	left:300px;
	top:0;
	width:auto;
	height:auto;
	text-align:right;
	z-index:100;}
#list_equipe2 a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#426268;
	font-size:small;
	font-weight:bold;
	text-align:left;
	padding:1em;
	text-decoration:none;
}
#list_equipe2 a:hover {color:#00AAD4;overflow: visible;}
#list_equipe2 a span {display: none;}
#list_equipe2 a:hover span {
	display:block;
	position:absolute;
	top:0; 
	left:-230%; 
	height:auto;
	width:auto;
    z-index:100;
    }
/* Contact */
#movie {
	position:absolute;
	right:8%;
	top:4%;
	height:auto;
	width:240px;
}