/*	----------------------------------------------------------------------------
	descipteurs et génériques
	------------------------------------------------------------------------- */
body{
	margin					: 	0;
	padding					: 	0;
	left					:	0;
	top						:	0;
	height					: 	100%;
	background-color 		:	#F1F1F1;
}

.contener_absolute{
	position				:	absolute;
	width					:	100%;
}

.cadre{
	width					:	950px;
}

#contener.fond_contener{
	background				:	url(/img/lignes/fond_droit.jpg) repeat-y right;
}

/********* BLOC HAUT *************/
#bandeau_haut, #bandeau_haut_e, #animation, #logo_accueil{
	width					:	100%;
	height					:	131px;
}

#bandeau_haut{
	width					:	100%;
	background				:	#033480;
}

#bandeau_haut_e {
	background				:	#0080c7;
	width					:	50%;
}

 #logo_accueil{
	width					:	50%;
 }
 
.logo_accueil{
	position				:	absolute;
	top						:	0px;
}

#animation{
	top						:	0;
	left					:	0;
	border-bottom			:	1px solid #F1F1F1;
}

#contener_accueil{
	height					:	131px;
	top						:	0;
	left					:	0;
	z-index					:	10;
}

#cadre_accueil{
	height					:	100%;
	text-align				:	left;
}

#accueil{
	height					:	100%;
	width					:	230px;
	margin-left				:	40px;
}

#flash{
	float					:	left;
	margin-left				:	44px;
}

#haut_liens{
	float					:	left;
	margin-top				:	40px;
}

#haut_plan_site{
	margin-bottom			:	15px;
	width					:	40px;	
}

#haut_contact, #haut_plan_site{
	margin-left				:	5px;
}

#imprimante{
	position				:	absolute;
	margin-left				: 	485px;
	margin-top				: 	-7px;
}

/********* BLOC BANDEAU *************/
#bandeau_haut_menu_contener, #bandeau_haut_menu_fond_e, #haut_bandeau_recherche{
	height					:	17px;
}

#bandeau_haut_menu_contener{
	background 				:   url(/img/lignes/bandeau_no.jpg) repeat-x bottom;
}

#bandeau_haut_menu_fond_e{
	width					:	50%;
	background-color		:	#023481;
}

#bandeau_haut_menu{
	top						:	132px;
	left					:	0;
}

#haut_bandeau_recherche{
	background				:	url(/img/bandeau_recherche.jpg) no-repeat;
	padding-left			:	260px;
}

#bandeau_liens{
	width					:	490px;
	float					:	left;
}

#bandeau_recherche{
	float					:	right;
	width					:	196px;
	padding-top				:	1px;
}

#recherche{
	float					:	left;
	width					:	85px;
	height					:	13px;
	margin-left				:	4px;
	font-size				:	10px;
	border					:	0px;
	background				:	url(/img/lignes/recherche.jpg) repeat-x;
	padding					:	0 2px 0 2px;
}

#ok{
	border-width			:	0px;
	width					:	30px;
	background				:	none;
}

/********* BLOC PRINCIPAL *************/
#corps{
	h_eight					:	100%;
}

.milieu_accueil{
	background				:	url(/img/lignes/fond_accueil.jpg) repeat-y top;
	h_eight					:	100%;
}

.milieu_page{
	background				:	url(/img/lignes/fond_page.jpg) repeat-y top;
	h_eight					:	100%;
}

.espace_corps, #menu, #contenu{
	padding-top				:	6px;
}

/********* BLOC GAUCHE *************/
#menu{
	width					:	200px;
	float					:	left;
}

.espace_menu, .menu_dyn_bas, #menu_office_tourisme{
	margin-top				:	8px;
}

#contenu_menu{
	width					:	157px;
}

#e-mairie_fond{
	background				: 	url(img/lignes/menu_mairie_o.jpg) repeat-y #a41d23;
	border-bottom			:	1px solid #F1F1F1;
}

#e-mairie_haut{
	background				: 	url(img/lignes/menu_mairie_haut.jpg) no-repeat top;
}

#e-mairie_bas{
	background				: 	url(img/lignes/menu_mairie_bas.jpg) no-repeat bottom;
	padding					:	10px 10px 8px 0px;
}

#demarches{
	padding-top				:	6px;
}

.menu_dyn_fond{
	background				: 	url(img/lignes/menu_dyn_o.jpg) repeat-y #C4DBEB;
	border-bottom			:	1px solid #F1F1F1;
}

.menu_dyn_haut{
	background				: 	url(img/lignes/menu_dyn_haut.jpg) no-repeat top;
}

.menu_dyn_bas{
	background				: 	url(img/lignes/menu_dyn_bas.jpg) no-repeat bottom;
	padding					:	15px 0 15px 0;
}

.menu_dyn{
	width					:	153px;
	background				:	url(/img/puces/bleu_clair.jpg) no-repeat right center;
}

.menu_dyn_survol{
	width					:	153px;
	background				:	url(/img/puces/bleu_fonce.jpg) no-repeat right center #fff;
}

.ss_menu_dyn_haut{
	position				:	absolute;
	width					:	114px;
	margin-top				:	-18px;
	margin-left				:	0px;
	display					:	none;
	padding-top				:	8px;
	background				:	url(/img/lignes/ss_menu_haut.gif) no-repeat top right;
	z-index                 :   100;   
}

.ss_menu_dyn_fond{
	background-color		:	#fff;
	border-right			:	1px solid #0081c6;
	padding					:	2px 8px 2px 8px;
}

.ss_menu_dyn_bas{
	padding-bottom			:	8px;
	background				:	url(/img/lignes/ss_menu_bas.gif) no-repeat bottom right;
}

#menu_office_tourisme{
	background				:	url(/img/lignes/menu_office_tourisme.jpg) no-repeat ;
	height					:	28px;
	padding					:	9px 10px 0px 0px;
}

/********* BLOC PRINCIPAL  *************/
#contenu{
	width					:	550px;
	float					:	left;
}
.bloc-accueil{
    width                   :   250px;
    float                   :   left;
}
#loading_diaporama_masque, #loading_defilant{
    margin                  :   25px 0 25px 100px;
}
#diaporama_masque{
    position                :   relative;
    overflow                :   hidden;    
    margin-bottom           :   15px;
}
ul#diaporama{
   position                 :   absolute;
   list-style-type          :   none;
   margin                   :   0;
   padding                  :   0;
   text-align               :   left; 
}
ul#diaporama li{
    display                 :   block;
    float                   :   left;
    overflow                :   hidden;
}
ul#diaporama li .photo{
    text-align              :   center;
}
#actualites-defilantes{
    width                   :   250px;
    margin-left             :   15px;
}
#actualites-defilantes p.titre{
    background              :   url(/img/actualites.gif) no-repeat left top;
    text-indent             :   -9999px;
    margin                  :   0;
    padding                 :   0;
    height                  :   22px;
    margin-bottom           :   11px
}
#defilant{
    padding                 :   10px;
    margin-bottom           :   10px;
    background-color        :   #f0f1f1 !important;
}
#diaporama_actus_masque{
    position                :   relative;
    overflow                :   hidden;  
}
#actualites-defilantes ul#diaporama_actus{
    position                :   relative;
    text-align              :   left;    
    padding                 :   0;
    margin                  :   0;
    list-style-type         :   0;
}
#actualites-defilantes ul#diaporama_actus li{
    display                 :   block;
    overflow                :   visible;
    border                  :   1px solid #f0f1f1;
}
#actualites-defilantes ul#diaporama_actus .separateur{
    width                   :   125px;
    height                  :   28px;
    margin-left             :   13px;
    background              :   url(/img/lignes/sep-actus.gif) repeat-x left 50%;       
}
#actualites-defilantes ul#diaporama_actus p{
    font-size               :   12px;
    color                   :   #000;
    background              :   url(/img/puces/actus.gif) no-repeat left 2px; 
    padding-left            :   13px;
    text-align              :   left; 
}
#bandeau_actualites{
	width					:	535px;
	height					:	15px;
	background-color		:	#ffd616;	
}

#bandeau_actualites_cadre{
	position				:	relative;
	height					:	15px;
	width					:	470px;
	margin					:	0 auto;
	overflow				:	hidden;
	line-height				:	normal;
	border					: 	1px solid transparent;
}

#bandeau_actualites_texte{
	position				:	absolute;
	text-align				:	left;
	height					:	15px;
	margin-left				:	5px;
	display					:	none;
}

#contenu_page{
	margin					:	0 15px 25px 15px;
}

.bandeau_titre{
	background				:	url(img/bandeau_titre.jpg) no-repeat;
	width					:	520px;
	height					:	24px;
	margin-bottom			:	10px;
	clear					:	both;
}
.bandeau_accueil{
    background              :   url(img/bandeau_accueil.gif) no-repeat;
    width                   :   250px;
    height                  :   22px;
    margin-bottom           :   10px;
    clear                   :   both;
}
.theme{
	float					:	left;
	width					:	395px;
}
.bandeau_accueil .theme{
    width                   :   auto;
}
.liens_theme{
	float					:	right;
	margin					:	5px 5px 0px 0px ;
}

.miniature{
	float					:	right;
	margin-left				:	15px;
}

#article_rubriques{
	width					:	250px;
}

.accueil_phototeque{
	width					:	115px;
	margin-bottom			:	15px;
}

.phototheque_miniatures{
	margin-left				:	20px;
}

.phototheque_miniature{
	border					:	1px solid #025fa6;
}

.association_miniature{
	float					:	left;
	width					:	90px;
}

.association_contenu{
	float					:	left;
	margin-left				:	10px;
	width					:	420px;
}

.cadre_phototeque{
	width					:	115px;
}

.cadre_phototeque_bis{
	width					:	135px;
}

.bordure_phototeque{
	border					:	1px solid #025fa6;
}

.cadre_en_savoir_plus{
	width					:	100px;
	background-color		:	#0081c5;
	margin-top				:	10px; 
	padding					:	2px 5px 2px 5px;
}

#article_cadre{
	margin-top				:	10px;
	clear					:	both;
}

.article_miniature{
	margin					: 	0px 0px 5px 15px;
}

.article_liste_small{
	margin					:	10px;
	width					:	230px ;
}

.liens_cadre{
	margin-top				:	10px;
}

.demarches, .demarches_gauche, .demarches_droite{
	float					:	left;
	margin-top				:	0px;
}

.demarches_gauche{
	width					:	280px;
}

.demarches_droite{
	width					:	240px;
}


.marche_public_fichier{
	width					:	140px;
	margin-right			:	15px;
}

.marche_public_fichiers{
	margin					:	10px 0 10px 0;
}

#formulaire{
	margin-top				:	10px;
}

.formulaire_ligne{
	clear					:	both;
	padding-top				:	8px;
}

.formulaire_lib_champ{
	margin-bottom			:	5px;
}

.formulaire_text{
	width					:	390px;
	background-color		:	#f1f5fa;
	border					:	1px solid #7F9DB9;
}

.bouton{
	border					:	0px;
}

#formulaire_boutons{
	margin-left				:	120px;
	padding-top				:	5px;
	clear					:	both;
}

.formumaire_valider{
	width					:	73px;
	height					:	15px;
	background				:	url(/img/valider.jpg) no-repeat;
	border					:	0px;
}

.formumaire_effacer{
	width					:	82px;
	height					:	15px;
	background				:	url(/img/retablir.jpg) no-repeat;
	margin-left				:	12px;
}

#formulaire_contact{
	width					:	400px;
	margin-left				:	50px;
}

#mentions_formulaire{
	margin-top				:	15px;
}

.coordonnees_contact{
	width					:	220px;
	margin					:	20px 0 20px 0;
	float					:	left;
	text-align				:	left;
	padding-left			:	25px;
}

/********* BLOC DROIT - ACCUEIL *************/
#bandeau_droit{
	width					:	200px;
	float					:	right;
}

#agenda_fond{
	width					:	182px;
	background-color		:	#fff;
	margin-left				:	8px;
}

#agenda_haut{
	background				:	url(/img/lignes/agenda_haut.jpg) no-repeat top left #0081c6;
	height					:	16px;
	padding-top				:	4px;
	padding-bottom			:	6px;
}	

#agenda_haut_interne{
	background				:	url(/img/lignes/agenda_haut_interne.jpg) no-repeat top left #0081c6;
	height					:	16px;
	padding-top				:	4px;
	padding-bottom			:	6px;
}	

.agenda_bandeau, #agenda_bas, .bloc_droite{
	margin-top				:	13px;
}
.agenda_bandeau_fond{
	background				:	url(/img/lignes/agenda_fond.jpg) no-repeat top right #66b3dd;
	padding					:	2px 8px 2px 12px ;
}

.agenda_bandeau_fond_interne{
	background				:	url(/img/lignes/agenda_fond_interne.jpg) no-repeat top right #66b3dd;
	padding					:	2px 8px 2px 12px ;
}

.agenda_fond_menu{
	background-color		:	#0081C5;
}

#agenda_culture{
	width					:	48px;
	text-align				:	center
}

#agenda_sport{
	width					:	40px;
	text-align				:	center
}

#agenda_fetes{
	width					:	40px;
	text-align				:	center
}

#agenda_divers{
	width					:	45px;
	text-align				:	center
}

.agenda_contenu{
	margin					:	5px 10px 0 18px;
}

#agenda_bas{
	background-color		:	#0081c6;
	text-align				:	center
}

#agenda_contenu_bas{
	padding					:	2px 0 2px 0 ;
}

.bloc_droite{
	width					:	178px;
}

#gardez_contact_haut{
	background				:	url(/img/lignes/gardez_contact_haut.jpg) no-repeat top right #c9d200;
}

#gardez_contact_bas{
	padding					:	5px;
	background				:	url(/img/lignes/gardez_contact_bas.jpg) no-repeat bottom right;
}

.gardez_contact_contenu{
	height					:	20px;
	margin					:	3px 0 0 25px;
}

#liens_haut{	
	background				:	url(/img/lignes/liens_haut.jpg) no-repeat top right #c9dde9;
}

#liens_bas{
	padding					:	8px;
	background				:	url(/img/lignes/liens_bas.jpg) no-repeat bottom right;
}

#ephemeride_fond{
	background				:	url(/img/lignes/ephemeride_droite.jpg) repeat-y top right #fff;
}

#ephemeride_haut{	
	background				:	url(/img/lignes/ephemeride_haut.jpg) no-repeat top right;
}

#ephemeride_bas{
	padding					:	8px;
	background				:	url(/img/lignes/ephemeride_bas.jpg) no-repeat bottom right;
}

/********* BLOC DROIT - INTERNE *************/
#annuaire{
	position				:	absolute;
	top						:	170px;
}

.annuaire_liste, .annuaire_liste_survol{
	height					:	15px;
	padding-left			:	20px;
}

.annuaire_liste_survol{
	background				:	url(/img/puces/fleche.jpg) no-repeat;
}

/********* BLOC BAS *************/
#logo_w3c{
	position				:	absolute;
	margin-left				:	-135px;
	margin-top				:	25px;
}

#baseline{
	padding-top				:	20px;
	clear					:	both;
	width					:	516px;
}