html, body {width:100%; }


body {
	margin:0;
	font-family: Verdana, Arial, sans-serif;
	font-size:100%; /*c'est la taille du navigateur par défaut*/
	background:url(../images/vimoutiers_02.gif) #EEEDED repeat-x;
}


#conteneur{
	width:1000px !important;
	width:1015px; /*bug ie6*/
	margin:0 auto 20px auto;
	padding:0;
}

/*******************************Page_accueil******************************/

#bandeau_accueil{
	width:1000px;
	height:100px;
	background:url(../images/vimoutiers_04.gif) no-repeat bottom;
}

#lien_langues_accueil{
	display:block;
	float:left;
	width:201px;
	height:17px;
	margin:60px 0 0 0;
}

#lien_langues a{
	display:block;
	width:29px;
	height:17px;
	float:left;
	margin-right:6px;
}

#lien_langues_accueil a img{
	background-color:transparent;
	text-decoration:none;
	border-style:none;
}


#gauche_accueil{
	float:left;
	width:210px;
	margin:0;
	padding:0;
}

#photo_accueil{
	width:230px;
	height:542px;
	float:left;
}

#droite_accueil{
	width:560px;
	height:542px;
	float:left;
	background:url(../images/vimoutiers_08.jpg) no-repeat;
}


#bloc_a_la_une{
	width:230px;
	height:197px;
	background:url(../images/bloc_a_la_une.gif) no-repeat;
	margin:75px 0 0 20px !important;
	margin:75px 0 0 10px;
	padding:30px 10px 0 10px;
	float:left;
	overflow-y: scroll;
	padding:0 10px 0 10px;
}

#bloc_agenda{
	width:250px;
	height:180px;
	/*margin:60px 0 0 20px;*/
	margin:0 0 0 20px;
	padding:30px 0 0 0;
	float:left;
}

marquee{
	height:165px;
}

#agenda_accueil{
	width:230px;
	height:170px;
	margin:45px 0 7px 0;
	float:left;
	overflow-y: scroll;
	overflow-x: hidden;
	padding:0 5px 0 10px;

}


#lien_agenda_complet{
	clear:both;
	text-align:right;
	font-size:0.8em;
	color:#422A12;
	padding:0;
	margin:0;
	display:block;
	width:240px;
	height:30px;
	font-weight:bold;
	text-decoration:none;
	color:#F7CE42;
}

/****************************Fin Page_accueil******************************/


/*******************************Menu_accueil******************************/

#menu_accueil{
	width:210px;
	height:240px;
}


#menu_accueil a,
#menu_accueil a:hover{
	float:left;
	display:block;
	width:210px;
	height:30px;
}

#menu_accueil a{background:url(../images/vimoutiers_06.gif) no-repeat;}
#menu_accueil a:hover{background:url(../images/vimoutiers_hover_06.gif) no-repeat;}

a#rub1, a#rub1:hover{background-position:0 0;}
a#rub2, a#rub2:hover{background-position:0 -30px;}
a#rub3, a#rub3:hover{background-position:0 -60px;}
a#rub4, a#rub4:hover{background-position:0 -90px;}
a#rub5, a#rub5:hover{background-position:0 -120px;}
a#rub6, a#rub6:hover{background-position:0 -150px;}
a#rub7, a#rub7:hover{background-position:0 -180px;}
a#rub8, a#rub8:hover{background-position:0 -210px;}

.invisible{
	display:none;
}


#lien_contact_accueil{
	float:left;
	display:block;
	width:210px;
	height:139px;
	background:url(../images/vimoutiers_09.gif) no-repeat;
}

#outils_accueil{
	float:left;
	display:block;
	width:190px;
	height:123px;
	background:url(../images/vimoutiers_10.gif) no-repeat;
	padding:40px 0 0 20px;
}

#outils_accueil a{
	color:#FFF;
	display:block;
	font-size:0.7em;
	padding-bottom:7px;
	text-decoration:none;
}

/***************************Fin Menu_accueil******************************/

/*******************************Menu*************************************/

#menu_page{
	width:1000px;
	height:31px;
}


#menu_page a,
#menu_page a:hover{
	float:left;
	display:block;
	height:31px;
}

#menu_page a{background:url(../images/vimoutiers_page_04.gif) no-repeat;}
#menu_page a:hover{background:url(../images/vimoutiers_page_04.gif) no-repeat;}

#menu_page a#rub1, #menu_page a#rub1:hover{background-position:0 0; width:81px;}
#menu_page a#rub2, #menu_page a#rub2:hover{background-position:-81px 0; width:101px;}
#menu_page a#rub3, #menu_page a#rub3:hover{background-position:-182px 0; width:122px;}
#menu_page a#rub4, #menu_page a#rub4:hover{background-position:-304px 0; width:130px;}
#menu_page a#rub5, #menu_page a#rub5:hover{background-position:-434px 0; width:71px;}
#menu_page a#rub6, #menu_page a#rub6:hover{background-position:-505px 0; width:135px;}
#menu_page a#rub7, #menu_page a#rub7:hover{background-position:-640px 0; width:119px;}
#menu_page a#rub8, #menu_page a#rub8:hover{background-position:-759px 0; width:163px;}
#menu_page a#rub9, #menu_page a#rub9:hover{background-position:-922px 0; width:78px;}

.invisible{
	display:none;
}

/***************************Fin Menu**************************************/

#content{
	width:1000px !important;
	width:1020px;
	background:url(../images/vimoutiers_page_17.gif) repeat-y;
	height:auto !important;
	height:650px;
	min-height:650px;
}

#gauche{
	width:265px;
	background:url(../images/vimoutiers_page_06.jpg) no-repeat;
	height:auto !important;
	height:650px;
	min-height:650px;
	float:left;
}

#droite{
	width:735px !important;
	width:755px;
	float:left;
}

#texte{
	width:690px;
	margin:0 0 0 15px;
}

#bandeau_page{
	width:735px;
	background:url(../images/vimoutiers_page_07.gif) no-repeat top left;
	height:110px;
}


/**************************Menu outils*******************************************/

#menu_outils{
	width:435px;
	height:20px;
	padding:2px 0 0 0;
	background:url(../images/vimoutiers_page_12.gif) no-repeat;
	float:left;
}

.lien_outils{
	font-size:0.6em;
	color:#000;
	padding:3px 5px 0 5px;
	text-decoration:none;
	border-right:1px solid #E1E4E5;
}

#lien_formulaires{
	display:block;
	width:172px;
	height:22px;
	float:left;
}

#lien_carte{
	display:block;
	width:128px;
	height:22px;
	float:left;
}

/**********************Fin Menu outils*******************************************/

#lien_langues{
	display:block;
	float:left;
	width:288px;
	height:19px;
	margin:88px 0 0 5px !important;
	margin:88px 0 0 2px;
}

#lien_langues a{
	display:block;
	width:29px;
	height:17px;
	float:left;
	margin-right:6px;
}

#lien_langues a img{
	background-color:transparent;
	text-decoration:none;
	border-style:none;
}

#lien_accueil,
#lien_contact,
#lien_newsletter{
	display:block;
	float:left;
	width:110px;
	height:109px;
}

#logo_droite{
	float:left;
}

#barre_couleur{
	width:720px;
	border-top:1px solid #FFF;
	height:3px;
	clear:both;
}


h1{
	font-size:1.7em;
	color:#000;
	margin:20px 0 15px 0;
	padding:0;
}

.note{
	display:block;
	font-size:1em;
	color:#595B5B;
	margin:0 0 10px 0;
}


h2{
	font-size:1.1em;
	color:#B1374A;
	margin:25px 0 10px 0;
}

#bloc_a_la_une h2{
	color:#3C6322;
	font-size:0.8em;
	margin:10px 0 5px 0;
}

p{
	font-size:0.75em;
	color:#434444;
	margin:10px 0 10px 0;
}

#bloc_a_la_une p{	
	margin:0 0 0 0;
	font-size:0.7em;
}

.bt_savoir{
	font-size:0.75em;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	margin-top:30px;
}

#clearer{
	clear:both;
}

#retour_haut{
	font-size:0.7em;
	display:block;
	padding:20px 340px 0 0;
	text-align:right;
	color:#981E0E;
}

a{
	color:#AA2C32;
}

/******************************************menu_gauche**********************************************/

#haut_menu_gauche{
	width:223px;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
	font-size:0.8em;
	color:#FFF;
	padding:5px 7px 4px 10px;
	margin:110px 0 1px 14px;
	font-weight:bold;	
}

#menu_gauche{
	font-family:Arial, Verdana, sans-serif;
	font-size:0.7em;
	margin:0 0 0 81px;
	padding:0 5px 0 0px;
	width:168px;
	border-bottom:1px dotted #FFF;
}

#menu_gauche li{
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu_gauche a{
	color:#000;
	display:block;
	padding:0 0 0 3px;
	text-decoration:none;
}

#menu_gauche a:hover{
	color:#000;
}

#menu_gauche li.s_rubrique{
	padding:6px 0 3px 0px;
	font-weight:bold;
	text-transform:uppercase;
	border-top:1px dotted #FFF;
}

#menu_gauche ul.pages{
	margin-left:2px;
	padding:3px 0 10px 0;	
}

#menu_gauche ul.pages a{
	color:#000;
	font-size: 1em;
	font-weight:normal;
	text-transform:none;	
}

#menu_gauche ul.pages a:hover{
	color:#000;
}

.actif{
	color:#FFF;
	background-color:#981E0E;
	padding:0 2px 0 0;
	display:block;
}

/************************************Fin de menu_gauche***************************/




/******************************Agenda, hebergement, resto****************************************************/

#tab_liste{
	font-size:0.7em;
	color:#4D423F;
	font-family:Arial, Verdana, sans-serif;
	margin:0 0 0 0;
	padding:0;
	width:100%;
}

#tab_liste caption{
	font-size:1.1em;
	color:#BFC7A9;
	margin:10px 0 0 0px;
	padding:10px 0 0 5px;
	width:390px;
	/*background-color:#F5F9FF;*/
	text-align:left;
}

#tab_liste th{
	padding:0 0 0 5px;
	font-size:1em;
	color:#4D423F;
	font-weight:normal;
	background-color:#E2E5E6;
	border-right:1px solid #FFF;
	border-bottom:1px solid #EFF7DA;
	text-align:left;
}

#tab_liste td{
	padding:10px 10px 10px 0;
	border-bottom:1px solid #E2E5E6;
	text-align:left;
}

#tab_liste .td_photo{
	width:65px;
	padding-right:20px;
	vertical-align:middle;
}

.td_photo img{
	border:1px solid #E3DCC0;
}

.td_savoir{
	width:12%;
	vertical-align:bottom;
}

#tab_liste .lien_savoir{
	vertical-align:bottom;
	padding-left:5px;
}

#tab_liste a{
	cursor:pointer;
}

#recherche{
	clear:both;
	padding:5px 0 5px 10px;
	margin:0 0 15px 0;
	font-size:1.1em;
	color:#343433;
	height:25px;
	background-color:#E2E5E6;
	border:1px solid #C9CACB;
}

#recherche p{ margin:0 5px 5px 0px;}

#bt-rechercher{
	border: 1px solid #CD363D; 
	width: 80px;
	background-color: #981E0E; 
	color:#FFF; 
	margin-left:15px;
}

#titre_agenda{
	font-size:1.2em;
	color:#06083C;
	display:block;
	padding:7px 0 5px 3px;
}

h4{
	font-size:1.1em;
	color:#422A12;
	margin:0 0 3px 0;
}




/****************************Fin agenda**************************************************/





/****************************Les assos**************************************************/



.asso_grand{
	float:left;
	margin:0 0 10px 10px;
}

#les_assos{
	width:100%;
	clear:both;
    margin-bottom:20px;
}

.asso_petit{
	
}

#formulaire h1{
	color:#FFF;
	padding:0 0 0 20px;
}

.tab_proposition{
	margin:0px 0 10px 20px;
	font-size:12px;
	border-bottom:3px solid #B9D300;
	border-left:1px solid #B9D300;
	border-right:1px solid #B9D300;
}

.tab_proposition th{
	background-color:#B9D300;
	font-size:14px;
	font-weight:normal;
}
.tab_proposition td{
	background-color:#FFF;
	border-bottom:1px solid #B9D300;
}

.red{
	color:#CD042A;
	font-weight:bold;
	font-size:12px;
}



/****************************Fin assos**************************************************/





/*********************************************Formulaire***************************/

form{diplay:inline;}

.formulaire{
	width: 100%;
}

.formulaire p{
	margin:2px 0 2px 0;
	clear:both;
	background-color:transparent;
}

.formulaire fieldset{
	margin-bottom: 10px;
	margin-top:0;
	background:url(../images/fond_contact.gif) no-repeat top left;
	padding:55px 0 10px 10px;
	border:none;
	background-color:#EDF0F1;
	border:1px solid #C9CACB;
}

.formulaire fieldset legend{
	padding: 0 10px;
	font-size: 1.8em;
	color: #515458;
}


/* Label */


.formulaire label{
	color:#434444;
	display: block;
	width:25%; /*En % pour un meilleur rendu lors du changement de taille du texte*/
	float: left;
	padding-right: 5px;
	text-align: right;
	font-weight:bold;
	font-size:0.9em;
}

.formulaire input, .formulaire select,

.formulaire textarea{
	margin-left: 1%;
	width:55%;  /*En % pour un meilleur rendu lors du changement de taille du texte*/
	border: #8B889A 1px solid;
	font-size: 1.2em;
}

.formulaire ul.date_dans_form{
  list-style-type:none;
  margin:2px 0 2px 0;
}

.formulaire ul.date_dans_form li{
  float:left;
  margin-left:4px;
}

.formulaire input[type="radio"]{
	border:none;
	width:20px;
}

.formulaire input[type="submit"]{
	width:80px; 
	height:25px; 
	border:none;
	background-color: #A82B32;
	color:#FFF;
	font-weight:bold;
	margin-top:10px;
}


.formulaire input[type="submit"]:hover{
	background-color: #A82B32;
	cursor:pointer;
}

/***************************************Fin formulaire********************************/





/***************************************Plan du site********************************/



#plan_site{
	padding-left:100px;
}

#plan_site ul{
	background-color:#EDF0F1;
	padding:10px;
	border-left:3px solid #B1374A;
	margin:0 0 0 40px;
}

.lien_plan_page{
	font-size:0.75em;
	margin-left:50px;
	list-style-image: url(../images/puce_plan.gif);
	letter-spacing:1px;
}

.lien_plan_page a{
	color:#625640;
	text-decoration:none;
}

.lien_plan_page a:hover{
	text-decoration:underline;
}

.lien_plan_s_rub{
	font-size:0.8em;
	list-style-type:none;
	margin:7px 0 0 0;
	letter-spacing:1px;	
}

.lien_plan_s_rub a{
	color:#770041;
	text-decoration:none;
}

/***********************************Fin Plan du site********************************/



/****************************Fiche***************************************************/

#bandeau_fiche{
	height:116px;
	width:1000px;
	background:url(../images/fiche_04.gif) no-repeat top left;
}

#fermer_fenetre{
	display:block;
	width:110px;
	height:116px;
	margin:0 0 0 778px !important;
	margin:0 0 0 389px;
	float:left;
}

#logo_fiche{
	float:left;
	width:110px;
	height:116px;
	background:url(../images/fiche_06.gif) no-repeat;
}

#content_fiche{
	width:1000px !important;
	width:1020px;
	background:url(../images/fiche_12.gif) repeat-y;
	height:auto !important;
	height:650px;
	min-height:650px;
}

#gauche_fiche{
	width:265px;
	background:url(../images/fiche_08.jpg) no-repeat;
	height:auto !important;
	height:650px;
	min-height:650px;
	float:left;
}



/************************Fin Fiche***************************************************/


/***************************Pied *****************************************/

#pied{
	clear:both;
	width:1000px;
	height:100px;
	background:url(../images/vimoutiers_12.gif) no-repeat top;
}

#pied_page{
	clear:both;
	width:1000px;
	height:118px;
	background:url(../images/vimoutiers_page_18.gif) no-repeat top;
}

#coordonnees{
	float:left;
	width:260px !important;
	width:255px;
	font-size:0.7em;
	margin:25px 0 0 22px !important;
	margin:25px 0 0 10px;
	color:#FFF;
	line-height:15px; 
}

#coordonnees_accueil{
	font-size:0.7em;
	margin:10px 0 0 0;
	color:#A62B31;
	text-align:center;
}


#menu_bas_accueil{
	clear:both;
	font-size:0.7em;
	text-align:center;
	margin:0;
	padding:10px 0 0 0;
	line-height:20px; 
}

#menu_bas{
	width:700px;
	font-size:0.7em;
	float:left;
	text-align:center;
	margin:55px 0 0 0;
	line-height:20px; 
}

#menu_bas a,
#menu_bas_accueil a{
	color:#4B4546;
	border-right:1px solid #CD353C;
	text-decoration:none;
	padding:0 2px 0 2px;
}

#horaires{
	font-size:0.7em;
	text-align:center;
	letter-spacing:1px;
	margin:10px 0 0 0;
	color:#000;
}

#ehoui{
	font-size:0.6em;
	text-align:center;
	margin:10px 0 0 0;
	color:#4B4546;
}

#ehoui a{
	color:#4B4546;
}



/***********************Fin Pied *****************************************/