/* CSS Document */





/* En-tete */

#header {
width:990px; /* Ne pas depasser sinon barre de scrolling horizontale */
height:479px;
background:url(../images/bg_header.jpg) no-repeat;
}


/* Logo site*/

.logo {
float:left;
padding:67px 0 0 74px;
}

* html .logo {
float:left;
margin:67px 0 0 74px;
}

/* ToolBox */

#header #toolbox_top {
float:right;
padding:10px 0 0 0;
width:350px;
}

#header #toolbox_top ul {
padding:4px 0 0 0;
}

.adresse {
color:#603813;
font-size:1.3em;
font-weight:bold;
padding:0 0 0 139px;
}

#header #toolbox_top ul li {
float:left;
color:#666666;
}

#header #toolbox_top ul li a {
color:#666666;
}

/*bloc switchables
*/

#bloc_switch1 a {
position:relative;
width:232px;
height:127px;
top:58px;
left:40px;
float:left;
}

#bloc_switch1 a:hover {
background:url(../images/switch1.png) no-repeat 0 -171px;
}

#bloc_switch2 a {
position:relative;
width:231px;
height:126px;
top:58px;
left:39px;
float:left;
}

#bloc_switch2 a:hover {
background:url(../images/switch2.png) no-repeat 0 -24px;
}

#bloc_switch3 a {
position:relative;
width:231px;
height:140px;
top:50px;
left:267px;
float:left;
}

* html #bloc_switch3 a {
top:40px;
}

#bloc_switch3 a:hover {
background:url(../images/switch3.png) no-repeat 0 -5px;
}

* html #bloc_switch3 a:hover {
background:url(../images/switch3.png) no-repeat 0 -7px;
}

#bloc_switch4 a {
position:relative;
width:231px;
height:140px;
top:50px;
left:267px;
float:left;
}

* html #bloc_switch4 a {
top:35px;
}

#bloc_switch4 a:hover {
background:url(../images/switch4.png) no-repeat 0 -5px;
}

* html #bloc_switch4 a:hover {
background:url(../images/switch4.png) no-repeat 0 -2px;
}





#bloc_switch5 a {
position:relative;
width:231px;
height:140px;
top:50px;
left:266px;
float:left;
}

* html #bloc_switch5 a {
top:30px;
}

#bloc_switch5 a:hover {
background:url(../images/switch5.png) no-repeat 0 -5px;
}

* html #bloc_switch5 a:hover {
background:url(../images/switch5.png) no-repeat 0 3px;
}






#bloc_switch6 a {
position:relative;
width:231px;
height:150px;
top:50px;
left:267px;
float:left;
}

* html #bloc_switch6 a {
top:24px;
}

#bloc_switch6 a:hover {
background:url(../images/switch6.png) no-repeat 0px 3px;
}

* html #bloc_switch6 a:hover {
background:url(../images/switch6.png) no-repeat 0px 5px;
}



#bloc_switch7 a {
position:relative;
width:231px;
height:148px;
top:50px;
left:266px;
float:left;
}

* html #bloc_switch7 a {
top:25px;
}

#bloc_switch7 a:hover {
background:url(../images/switch7.png) no-repeat 0 3px;
}

* html #bloc_switch7 a:hover {
background:url(../images/switch7.png) no-repeat 0 4px;
}





#bloc_switch8 a {
position:relative;
width:231px;
height:155px;
top:50px;
left:266px;
float:left;
}

* html #bloc_switch8 a {
top:25px;}

#bloc_switch8 a:hover {
background:url(../images/switch8.png) no-repeat -1px 3px;
}

* html #bloc_switch8 a:hover {
background:url(../images/switch8.png) no-repeat -1px 4px;
}



/*Menu quatre pictos
*/


#menu_quatre_items ul {
margin: 0;
padding: 0;
list-style-type: none;
margin:20px 0 0 15px;
width: 211px;
text-align:center;

}

#menu_quatre_items ul li {
margin: 0 0 5px 0;
display:block;
}

#menu_quatre_items a:hover {
text-decoration:none;
}

.particulier a, .client a, .particulier_selected a, .client_selected a {
display: block;
width: 211px;
color: #000;
text-decoration: none;
height:30px;
padding:10px 0 0 0;
}

.tourisme a, .social a, .tourisme_selected a, .social_selected a {
display: block;
width: 211px;
color: #000;
text-decoration: none;
height:35px;
padding:5px 0 0 0;
line-height:15px;
}

.particulier a {
background: url(../images/institutionnel/bouton_particuliers.png) no-repeat 0 0; 
}

.particulier_selected a {
background:url(../images/univers_particuliers/bouton_particuliers.png) no-repeat 0 0;
}

.particulier a:hover {
background: url(../images/institutionnel/bouton_particuliers.png) no-repeat 0 -40px; 
}

.client a {
background: url(../images/institutionnel/bouton_clients.png) no-repeat 0 0; 
}

.client_selected a {
background:url(../images/univers_clients/bouton_clients.png) no-repeat 0 0;
}

.client a:hover {
background: url(../images/institutionnel/bouton_clients.png) no-repeat 0 -40px; 
}

.tourisme a {
background: url(../images/institutionnel/bouton_tourisme.png) no-repeat 0 0; 
}

.tourisme_selected a {
background:url(../images/univers_tourisme/bouton_tourisme.png) no-repeat 0 0;
}

.tourisme a:hover {
background: url(../images/institutionnel/bouton_tourisme.png) no-repeat 0 -40px; 
}

.social a {
background: url(../images/institutionnel/bouton_sociale.png) no-repeat 0 0; 
}

.social_selected a {
background:url(../images/univers_social/bouton_social.png) no-repeat 0 0;
}

.social a:hover {
background: url(../images/institutionnel/bouton_sociale.png) no-repeat 0 -40px; 
}