/* CSS Document 
Feuille de style www.caue45.fr
version 1 - 02/2007

/*------------------------------------------------------*/
/*  page en general										*/
/*------------------------------------------------------*/
body{ width:961px;  margin:auto;  margin-top:10px; font:12px Arial, Verdana, sans-serif;  background-color:#FFCC66;}	

img { border-style:none;  border-width:0px; }

strong { font-weight:bold; }

em { font-style:italic;}

u{text-decoration:underline;}

h1 {padding:10px 0px 0px 10px; text-align:left; font-size:1.35em;}
h2 {padding:10px 0px 0px 10px; text-align:left; font-size:1.25em;}
h3 {padding:10px 0px 0px 10px; text-align:left; font-size:1.10em;}

.refPage { visibility: hidden; display:none; position:absolute; float:right; z-index:1; top:-150px; }

.centrer { text-align:center;}
.gauche {text-align:left;}
.droite {text-align:right;}

.float_droite{float:right; padding:10px;}
.float_gauche{float:left; padding:10px;}
.fin_de_float{clear:both;}

h5{font-family:"Trebuchet MS", Verdana, "Times New Roman", sans-serif; font-size:36px; color:#CCC; height:300px; text-align:center; }
/*------------------------------------------------------*/
/* banniere		z-index 100								*/
/*------------------------------------------------------*/
#haut_de_page{ position:absolute; z-index: 100; top:10px; height:80px; width:961px; overflow:hidden; margin:0px; padding:0px;}
#logo_CAUE45{ height:80px; width:100px; overflow:hidden; margin:0px; padding:0px 0px 0px 15px; text-align:center;}
#titre_du_site{ position:absolute; left:130px; top:10px; height:70px; width:830px; overflow:hidden; margin:0px; padding:0px; font-size:24px; font-weight:bold; font-family:"Trebuchet MS", Verdana, sans-serif; color:#2474A2;}
.sousTitreSite{ position:relative; top:-10px; text-align:left; margin:0px; padding:0; font-size:12px; color:#2474A2; font-weight:bold; }
#haut_de_page a:link, #haut_de_page a:visited { color:#2474A2; text-decoration:none;}
#haut_de_page a:hover { color:#fff; text-decoration:none;}

/*fin*/
/*------------------------------------------------------*/
/*pied de page				z-index 10					*/
/*------------------------------------------------------*/

#document #bas { clear:both; margin:20px 0px 0px 0px; width:830px; padding-top:20px; color:#fff; text-align:center; font-size:11px; }
#document #bas a { text-decoration:none; color:#fff;}
#document #bas a:hover {color:#fff; text-decoration:underline;}
/*fin*/

/*------------------------------------------------------*/
/* menu 		z-index 100								*/
/*------------------------------------------------------*/

/*taille et position du menu */
#cadreMenu{ position:absolute; z-index: 100; top:80px; height:10px; width:961px; margin:0px; padding:0px;}
#menu { width:961px; list-style-type:none; margin:0px; padding:0px; border:0px;}
#menu li{ height:22px; text-align: center; float: left; margin: 0; padding: 0; border: 0; }
#menu li a:link, #menu li a:visited{ display:block; height:20px; margin: 0px; padding: 4px 0px 0px 0px; border:0px; border-right: 1px solid #FFCC66; font-size:11px; color: #fff; text-decoration: none; }
#menu li a:hover{ background-image:url(../pageCommune/medias/fondBT.png);}
 
/* particularite du menu deroulant */
#menu .menu_deroulant{ display: none; list-style-type: none; margin: 0px; padding: 0px; border: 0px;}
#menu .menu_deroulant li{ float: none; margin: 0px; padding: 0px; border: 1px solid #FFCC66; border-top:0px ; font-size:10px; height:auto;}
#menu .menu_deroulant li a:link, #menu .menu_deroulant li a:visited{ display: block; color: #fff; padding:4px; text-align:left; margin: 0px; border: 0px; text-decoration: none; height:auto;}
#menu .menu_deroulant li a:hover{ background-image:url(../pageCommune/medias/fondBT.png); color:#fff;}

#menu li:hover > .menu_deroulant { display: block;}

/* couleur des boutons et leurs largeur */
.nomCAUE{ position:relative; top:-2px; border-bottom:2px solid #2474A2; margin:0px; padding:0px 0px 4px 0px; width:130px; background-color:#FFCC66; color:#2474A2; font-size:20px; font-weight:bold; font-family:"Trebuchet MS", Verdana, sans-serif; }

.bt1 { background-color:#2474A2;  width: 99px;border-bottom:2px solid #FFCC66;}
.bt1 .menu_deroulant { background-color:#2474A2;  width: 130px;}
.bt2 { background-color:#9999CC;  width: 99px;border-bottom:1px solid #FFCC66;}
.bt2 .menu_deroulant { background-color:#9999CC;  width: 130px;}
.bt3 { background-color:#990000;  width: 99px;border-bottom:1px solid #FFCC66;}
.bt3 .menu_deroulant { background-color:#990000;  width: 130px;}
.bt4 { background-color:#FF8030;  width: 99px;border-bottom:1px solid #FFCC66;}
.bt4 .menu_deroulant { background-color:#FF8030;  width: 130px;}
.bt5 { background-color:#666699;  width: 138px;border-bottom:1px solid #FFCC66;}
.bt5 .menu_deroulant { background-color:#666699;  width: 138px;}
.bt6 { background-color:#CA3824;  width: 99px;border-bottom:1px solid #FFCC66;}
.bt6 .menu_deroulant { background-color:#CA3824;  width: 130px;}
.bt7 { background-color:#508870;  width: 99px;border-bottom:1px solid #FFCC66;}
.bt7 .menu_deroulant { background-color:#508870;  width: 130px;}
.bt8 { background-color:#9BCD66;  width: 99px;border-bottom:1px solid #FFCC66;}
.bt8 .menu_deroulant { position:relative; left:-30px; background-color:#9BCD66;  width: 130px;}

/*fin*/