/* CSS Document */

/*******
*entete
*******/
#entete{
	position:relative;
	z-index:20;
	left:0;
	top:14px;
	width:100%;
	height:175px;
}
#cadre-logo{
	position:absolute;
	top:0;
	left:0px;
	width:350px;
	height:150px;
}
#fond-logo{
	position:absolute;
	top:0;
	left:0px;
	background-image: url(../IMG/background_logo.jpg);
	background-repeat:repeat-x;
}
#logo{
	position:absolute;
	top:30px;
	left:20px;
	text-align:left;
}
#logo a, #bandeau a {
display:block;
z-index:15;
}
#texte-logo{
	position:absolute;
	z-index:3;
	top:12px;
	left:20px;
	width:400px;
	height:25px;
	text-align:left;
}
#titre-logo{
	position:relative;
	font-family: georgia, Garamond, Times New Roman;
  font-size: 1.05em;
	font-weight: bold;
	top:-10px;
	color: #EE3A32;
	line-height:1.05em;
	}
#telephone-logo{
	position:relative;
	top:130px;
	left:-275px;
	padding-right:1px;
	text-align:right;
	font-size: 90%;
	font-weight: bold;
	color:#666;
}
#fax-logo{
	position:relative;
	top:110px;
	left:-275px;
	padding-right:1px;
	text-align:right;
	font-size: 85%;
	font-weight: bold;
	color:#666;
}
#adresse-logo{
	position:absolute;
	top:12px;
	left:135px;
	text-align:left;
	font-size:82%;
	color:#AAA;
}
#bandeau{
	position:absolute;
	display:inline;
	z-index:2;
	top:1px;
	left:384px;
	height:150px;
	width:540px;
	color:#FE8041;
}

.case1{
	position:absolute;
	top:22px;
	left:-16px;
	width:95px;
	height:128px;
	text-align:center;
	border-width:0
}
.case2{
	position:absolute;
	top:22px;
	left:95px;
	width:95px;
	height:128px;
	}
.case3{
	position:absolute;
	top:22px;
	left:205px;
	width:95px;
	height:128px;
	}
.case4{
	position:absolute;
	top:22px;
	left:319px;
	width:95px;
	height:128px;
	}
.case5{
	position:absolute;
	top:22px;
	left:413px;
	width:95px;
	height:128px;
	}
.case-repos-images{
	position:absolute;
	z-index:-1;
	left:0;
	top:3px;
}
.case-repos-textes{
	position:absolute;
	top:3Opx;
	left:-2px;
	width:95px;
	height:128px;
	margin-left:-12px;
	text-align:center;
	font-size:75%;
	font-weight:bold;
	color:#EE3A32;/*
	background: white;
  -moz-opacity:0.2;
	opacity: 0.2; 
  filter:alpha(opacity=20);*/
}

.case-repos-textes-short{
	position:absolute;
	top:3px;
	left:-2px;
	width:95px;
	height:128px;
	margin-left:-12px;
	text-align:center;
	font-size:75%;
	font-stretch: ultra-condensed;
	font-size-adjust:0.8em;
	font-weight:bold;
	color:#EE3A32;/*
  background: white;
  -moz-opacity:0.2;
	opacity: 0.2; 
  filter:alpha(opacity=20);*/
}

/*********
 *survol case bandeau
 ***********/
#bando{
	position:absolute;
	z-index:9;
	left:0px;
	height:120px;
}
#bando a {
	display:block;
	cursor: pointer;
	z-index:12;
}

.case1 a, .case2 a, a.case1, a.case2, .case3 a, .case4 a, .case5 a {
	display:block;
	cursor: pointer;
	width:100%;
	height:100%;
	text-decoration: none;
}
#bando a:hover {
	background: none; /* correction d'un bug IE */
}
#bando a:visited, #bando a:link, #bando a:active{
    text-decoration: none;
	color:#FFF;
}
#bando a:hover{
    text-decoration: none;
	color:#FFF;
	font-size:larger;
}
#bando a span { /* définition de la balise <span> inclue dans <a> */
	display: block;
}
.case1 a span, #bando .case2 a span, .case3 a span, .case4 a span, .case5 a span {
	display: block;
}
#bando a span {
	display: block;
}