/* Feuille de styles - Site Vivre à Rennes . com */

html {	width:100%; margin:0; padding:0; }

body {
	margin:0;
	padding:0;
	font-family: "Trebuchet MS",verdana, sans-serif;
	font-size:11px;
	color:#4E4848;
	background-color: #8FC600;
	background-image: url(images/body_bg.png);
	background-repeat: repeat-y;
	background-position: 50% 0;
}

h1,h2,h3,h4,h5,h6,p,form,p,ul,li,fieldset { margin:0; padding:0 }
fieldset{ border:0; }

a { color:#646d72 ; text-decoration:none; font-weight:bold; }
a:hover { color:#3C96FC ; text-decoration:underline; }
a img { border:0; }

h1 { font-size:18px; }
h2 { font-size:15px; }
h3 { font-size:12px; }
h4 { font-size:11px; }

#conteneur { position: absolute; width: 772px; left: 50%;margin-left: -386px; background-color:#FFF;
  background-image: url(images/cadre_bg.gif); background-position:left; background-repeat:repeat-y;}

.yopps { color: #9BB50C; font-weight: bold; }
#page { background-color:#CCCCCC; margin:5px 8px 0 8px; display:block; clear:both; border:0; }

/* Bloc haut */
#tete { display:block; height:16px; background-image:url(images/cadre_top.gif); background-position:bottom; background-repeat:no-repeat;}

#haut { display:block; height:184px; background-image:url(images/cadre_bg.gif); padding:0 8px 0 8px; }
#haut_gauche { width:470px; float:left; background-color:#FFFFFF; }
#logo { height:114px; } 
#haut_pub{ height:60px; padding: 5px 1px 5px 1px;}
#haut_droite { width:286px; height:184px; float:left; background-position:right;  }
#haut_flash { border:3px solid #fff; display:block; width:316px; height:184px; }
#haut_flash h2 { margin:100px 0 0 30px; font-size:25px; }
#haut_flash h2,#flash h3 { color:#000; }

/* Bloc de gauche */
#gauche { float:left; display:block; width:192px;  }
.gauche_titre { background-image:url(images/cadre1_top.gif); height:35px; display:block; }
.gauche_rub { background-image: url(images/cadre1_bg.gif); display:block; }
.gauche_rub_bg { margin:0 20px 0 20px;  }
.gauche_pied { background-image: url(images/cadre1_bottom.gif); display:block; height:16px; }

/* Bloc central page d'accueil */
#centre { float:left; display:block; width:372px; }
.centre_titre { background-image:url(images/cadrecentre_top.gif); height:35px; display:block; }
.centre_rub { background-image: url(images/cadrecentre_bg.gif); display:block; }
.centre_rub_bg { margin:0 20px 0 20px;  }
.centre_pied { background-image: url(images/cadrecentre_bottom.gif); display:block; height:16px; }

/* Bloc home */
#home { float:right; display:block; width:564px; }

/* Bloc contenu */
#contenu { float:right; display:block; width:564px; }
.contenu_titre { background-image:url(images/cadre2_top.gif); display:block; height:16px; }
.contenu_rub { background-image: url(images/cadre2_bg.gif);  }
.contenu_rub_bg { text-align:left; }
.contenu_pied { background-image: url(images/cadre2_bottom.gif); display:block; height:16px; }

/* Contenu texte*/
.texte { padding: 3px 0 0 3px; }
.texte ul { padding-top:5px; }
.texte  ul li { background-image:url(images/puce.png); background-repeat:no-repeat; background-position:left; list-style:none;  padding-left:20px; }
.texte  ul li a { font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif; font-size:11px; }

/* Bloc de droite */
#droite { float:right; display:block; width:192px; }
.droite_titre { background-image:url(images/cadre1_top.gif); height:35px; display:block; }
.droite_rub { background-image: url(images/cadre1_bg.gif); display:block; }
.droite_rub_bg { margin:0 20px 0 20px;  }
.droite_pied { background-image: url(images/cadre1_bottom.gif); display:block; height:16px; }

/* Titre de la rubrique*/
.trub { padding:10px 0 0 35px;  } 
.trub h1,.trub h2 { font-family:"Trebuchet MS",verdana, sans-serif; font-size:12px; font-weight:bold; padding-left:3px; }

/* Contenu de la rubrique*/
.rub { padding:5px; margin:3px; background-color:#EBEBEB; float:right; width:192px; }
.rub ul , .rubrique ul { padding-top:5px; }
.rub ul li, .rubrique  ul li { background-image:url(images/puce.png); background-repeat:no-repeat; background-position:left; list-style:none;  padding-left:20px; }
.rub ul li a , .rubrique  ul li a { font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif; font-size:11px; }

/* Menu horizontal */
#menu { display:block; height:35px; background-image:url(images/cadre_bg.gif); padding-left:8px; }
#menu ul { margin:0; padding:0; }
#menu li { padding: 8px 16px 8px 17px;list-style:none; float:left; background-image:url(images/menu_bg.jpg); background-position:left; }
#menu li a { font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }

/* Pied de page */
#up_pied{ background-image:url(images/cadre_upbottom.gif); line-height:20px; width:772px; clear: both; display:block; background-repeat:repeat-y; }
#up_pied #liens { padding:  5px 0 0 0; text-align:center; }
#up_pied #sites { padding:  5px 0 0 0; text-align:center; }
#pied { background-image:url(images/cadre_bottom.gif); line-height:11px; height: 35px; width:772px; clear: both; display:block; background-repeat:no-repeat; }
#pied #copy { padding:  5px 0 0 0; text-align:center; }