* html #head, * html #foot,* html #left {
position:relative;
}
html {
padding:0;
margin:0;
border:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:#DAE2E8;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: auto;
/* */
}
#content {
position:absolute;
left: 50%;
top: 50%;
width: 980px;
height: 475px;
margin-top: -237px; /* moitié de la hauteur */
margin-left: -490px; /* moitié de la largeur */
}
#contentmain {
position:absolute;
width: 975px;
height: 381px;
background:#FFF;
}
#contentbottom {
position:absolute;
top:380px;
width: 956px;
height: 95px;
background: #DAE2E8;
border-left: 12px solid #DAE2E8;
border-right: 12px solid #DAE2E8;
}
#contentbottom #contacts{
position:absolute;
top:5px;
left:0px;
width: 200px;
height: 100%;
color:#1C9CC6;
font-size:12px;
}
#contentbottom #contacts a{
color:#3B5294;
font-size:12px;
text-decoration:none;
}
#contentbottom #mention{
position:absolute;
top:5px;
left:785px;
width: 190px;
height: 100%;
font-size:10px;
letter-spacing:0px;
color:#98999F;
}
#contentbottom #mention a {
color:#98999F;
}
#contentbottom #mention a img {
border:0px;
vertical-align:middle;
}
#logo_sidr {
position:absolute;
top:24px;
left:24px;
}
#logo_qualite {
position:absolute;
top:59px;
left:105px;
}
#baseline_sidr {
position:absolute;
top:118px;
left:24px;
}
#zone1 {
display:block;
position:absolute;
top:12px;
left:12px;
width: 209px;
height: 357px;
background: #0C277B;
background-image: url(images/fond_bleu.jpg);
float:left;
}
#zone1 #sousmenu{
display:block;
position:absolute;
top:207px;
left:23px;
font-weight:bold;
font-family: Helvetica,Verdana, Arial, sans-serif;
font-size:12px;
}
#zone1 #sousmenu ul{
position:relative;
top:10px;
margin:0px;
padding:0px;
left:-23px;
text-align: left;
font-weight:normal;
list-style-type: none;
color:#FFF;
}
#zone1 #sousmenu ul li{
height:15px;
}
#zone1 #sousmenu ul li a{
background: url(images/pucesmenu.gif) no-repeat -1px 0px;
text-decoration:none;
color:#FFF;
padding-left:23px;
font-size:12px
}
#zone1 #sousmenu ul li a:hover{
background: url(images/pucesmenu.gif) no-repeat -1px -15px;
text-decoration:none;
color:#FFF;
}
#contenu {
position:absolute;
width:735px;
left:233px;
top:12px;
float:left;
height: 357px;
background: #FFF;
}
#menu1 {
height: 357px;
float:left;
background:#FFF;
}
#menu1 ul {
margin:0px;
padding:0px;
text-align: left;
list-style-type: none;
}
#menu1 ul li {
float: left;
display: inline; /* Correction pour IE5 et IE 5.5 */
}
#menu1 ul li a {
display:block;
line-height: 357px; /* hauteur des boutons */
text-indent:-5000px; /* masquer le texte dans les navigateurs graphiques */
text-decoration: none;
}
#menu1 ul li a#lien1:hover span {
color:#FFF;
position:absolute;
text-indent:0px;
left:-198px;
top:204px;
width:150px;
height:110px;
line-height:20px;
background: #0C277B;
background-image: url(images/fond_bleu.jpg);
background-position:198px -204px;
font-weight:bold;
font-family: Helvetica,Verdana, Arial, sans-serif;
font-size:12px;
}
#menu1 ul li a#lien2:hover span {
color:#3A50A1;
color:#FFF;
position:absolute;
text-indent:0px;
left:-198px;
top:204px;
width:150px;
height:110px;
line-height:20px;
background: #0C277B;
background-image: url(images/fond_bleu.jpg);
background-position:198px -204px;
font-weight:bold;
font-family: Helvetica,Verdana, Arial, sans-serif;
font-size:12px;
}
#menu1 ul li a#lien3:hover span {
color:#FFF;
position:absolute;
text-indent:0px;
left:-198px;
top:204px;
width:150px;
height:110px;
line-height:20px;
background: #0C277B;
background-image: url(images/fond_bleu.jpg);
background-position:198px -204px;
font-weight:bold;
font-family: Helvetica,Verdana, Arial, sans-serif;
font-size:12px;
}
#menu1 ul li a#lien4:hover span {
color:#FFF;
position:absolute;
text-indent:0px;
left:-198px;
top:204px;
width:150px;
height:110px;
line-height:20px;
background: #0C277B;
background-image: url(images/fond_bleu.jpg);
background-position:198px -204px;
font-weight:bold;
font-family: Helvetica,Verdana, Arial, sans-serif;
font-size:12px;
}
#menu2 {
height: 357px;
float:right;
background:#FFF;
}
#menu2 ul {
margin:0px;
padding:0px;
text-align: left;
list-style-type: none;
}
#menu2 ul li {
float: left;
display: inline; /* Correction pour IE5 et IE 5.5 */
width:15px;
}
#menu2 ul li a {
display:block;
line-height: 357px; /* hauteur des boutons */
text-indent:-5000px; /* masquer le texte dans les navigateurs graphiques */
text-decoration: none;
}
#contenutxt {
position:absolute;
top:0px;
left:90px;
margin:0px;
padding:0px;
height: 357px;
width:640px;
overflow:hidden;
background: #F0037F;
/* border-left:12px solid #FFF;*/
z-index:10;
}
a#lien_accueil {
display:block;
height: 357px;
width:15px;
background: url(images/menu1.gif) no-repeat 0 0;;
z-index:200;
}
a#lien_accueil:hover {
display:block;
height: 357px;
width:30px;
background: url(images/menu1.gif) no-repeat -15px 0;
z-index:100;
}
a#lien_voyages {
display:block;
width: 15px;
height: 357px;
background: url(images/menu2.gif) no-repeat 0 0;;
}
a#lien_voyages:hover {
display:block;
width: 30px;
height: 357px;
background: url(images/menu2.gif) no-repeat -15px 0;;
}
a#lien_5sens {
display:block;
height: 357px;
width:15px;
background: url(images/menu3.gif) no-repeat 0 0;;
}
a#lien_5sens:hover {
display:block;
height: 357px;
width:30px;
background: url(images/menu3.gif) no-repeat -15px 0;;
}
a#lien_evenements {
display:block;
width: 15px;
height: 357px;
background: url(images/menu4.gif) no-repeat 0 0;;
}
a#lien_evenements:hover {
display:block;
width: 30px;
height: 357px;
background: url(images/menu4.gif) no-repeat -15px 0;;
}
#lien5 {
display:block;
width: 15px;
height: 357px;
background: url(images/menu5.gif) no-repeat 0 0;;
}
a#lien5:hover {
display:block;
width: 30px;
height: 357px;
background: url(images/menu5.gif) no-repeat -15px 0;;
}
#lien6 {
display:block;
width: 15px;
height: 357px;
background: url(images/menu6.gif) no-repeat 0 0;;
}
a#lien6:hover {
display:block;
width: 30px;
height: 357px;
background: url(images/menu6.gif) no-repeat -15px 0;;
}
#lienvide {
display:block;
height: 357px;
width:15px;
}
#nothing{
display:none;
}