@charset "UTF-8";

.Style4 {font-size: 14px; }


/*:::::::::::::::::::::::::::::::::::::::::::*/
/*				 Balise body 				 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 0px;
	margin-top: 0px;
	
}



/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 			Balise principales				 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #666;
}

a :hover {
	color : #FF8000;
}

a :active {
	color : #AEEE00;
}

td a:hover {
	color : #FF8000;
}

td a:active {
	color : #AEEE00;
}


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	margin-top: 7px;
	margin-bottom : 20px;
	line-height: 25px;
}

.souligne {
	text-decoration : underline;
	text-indent: 10px;
}


img {
	border : none;
}


hr {
	margin-bottom : 0px;
}

form input {
	color : #666;
}

fieldset {
	padding : 10px 20px;
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 			Mise en forme du menu			 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

.menu1 {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-weight: normal;
	color: #000000;
	background-color: #A10033;
}
.menuMairie {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-weight: normal;
	color: #000000;
	background-color: #99CC00;
}
.menuViePratique {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: normal;
	color: #000000;
	background-color: #339999;
}
.menuCulture {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-weight: normal;
	color: #000000;
	background-color: #C00099;
}
.menuAcc {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-weight: normal;
	color: #000000;
	background-color: #FF0099;
}
.menuSport {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-weight: normal;
	color: #000000;
	background-color: #FF9900;
}

.menuTourisme {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-weight: normal;
	color: #000000;
	background-color: #339900;
}

.Blanc {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: normal;
	color: #000000;
	background-color: #666666;
}

.Blanc:hover {
	color : #FFF;
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/* Decoration du corps de la page (ombres)   */
/*:::::::::::::::::::::::::::::::::::::::::::*/

.fd_bord {
	background-image: url(affichage/elem_graphik/yssingeaux_fd.gif);
	background-repeat: repeat-y;
}
.fd_bordG {
	background-image: url(affichage/elem_graphik/yssingeaux_fdG.gif);
	background-repeat: repeat-y;
}

.fd_bordB {
	background-image: url(affichage/elem_graphik/yssingeaux_fdB.gif);
	background-repeat: repeat-x;
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 				Fonds bandeaux  			 */
/*:::::::::::::::::::::::::::::::::::::::::::*/


.bannYss {
	background-image: url(affichage/elem_graphik/bann/bd_yss.jpg);
	background-repeat: no-repeat;
	background-position:top;
}

.bannMairie {
	background-image: url(affichage/elem_graphik/bann/bd_mairie.jpg);
	background-repeat: no-repeat;
	background-position:top;
}

.bannVie {
	background-image: url(affichage/elem_graphik/bann/bd_vie.jpg);
	background-repeat: no-repeat;
	background-position:top;
}

.bannCulture {
	background-image: url(affichage/elem_graphik/bann/bd_culture.jpg);
	background-repeat: no-repeat;
	background-position:top;
}

.bannSport {
	background-image: url(affichage/elem_graphik/bann/bd_sport.jpg);
	background-repeat: no-repeat;
	background-position:top;
}



/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 				Titres des pages 			 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

.h1 {
	font-family: Geneva, "Futura Lt", Calibri, Arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #333;
	letter-spacing: 2px;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 7px;
	line-height: 70px;
	cursor : default;
}

.h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: normal;
	margin-left: 15px;
	margin-top : 20px;
	line-height: 30px;
}

.h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 10px;
	text-align: justify;
	text-indent: 25px;
	line-height: 23px;
}

.h1CartoucheYss {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #A10033;
	letter-spacing: 2px;
	text-align: center;
}
.h3CartoucheYss {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
	vertical-align: top;
	text-indent : 0px;
	margin: 7px;
	line-height : 17px;
}



.h1Une {
	font-family: Geneva, "Futura Lt", Calibri, Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	color: #333;
	letter-spacing: 2px;
	line-height: 35px;
	text-align: center;
	vertical-align: middle;
	margin-top: 40px;
	cursor : default;
}

blockquote {
	color : #096;
	font-style: oblique;
}

.commentaire {
	margin-top : 0px;
	text-align: center;
	color : #999;
	font-size : 11px;
}
	


/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 			Elements page d'accueil			 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

.affDate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	padding : 6px;
	padding-right: 15px;
	max-height: 13px;
}

.champRech {
	
}


.cadreUne {
	background-image: url("affichage/elem_graphik/actu_une.jpg");
	background-repeat: no-repeat;
	vertical-align: top;
	cursor : default;
	
}

.photoUne {
	height : 200px;
	max-width : 300px;
	border: none;
	margin-left: 0px;
	float : left;
}


.actuCentrale {
	height : 475px;
	width: 580px;
	overflow: hidden;
	position : relative;
	top : 10px;
	left : 14px;

}

.txtActuCentrale {
	height : 250px;
	margin : 5px;
	overflow: auto;
	text-align: left;
}


.lettrine {
	text-indent: 0px;
}

.txtActuCentrale .lettrine:first-letter {
   float: left;
   font-size: 60px;
   font-style: italic;
   margin-right: 3px;
   margin-top: 10px;
   margin-bottom: 0px;
}


.cadreInfo {
	width : 380px;
	height : 165px;
	padding : 0px;
	background-image: url(affichage/elem_graphik/info_yx.gif);
	background-repeat: no-repeat;
	background-position: 13px 4px;
	overflow : hidden;
}

.tabCadreInfo {
	position : relative;
	left : 20px;
	height : 130px;
	width : 338px;
	margin-left : 0px;
	overflow : hidden;
}

.cadreInfo img {
	width : 130px;
	height : 145px;
	margin : 0px;
	
}


.texteCadreInfo {
	max-height : 145px;
	max-width : 180px;
	padding-right: 5px;
	padding-left: 10px;
	overflow : hidden;
}

.texteCadreInfo p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: left;
	vertical-align: middle;
	text-indent: 0px;
	line-height: 17px;
	cursor : default;
}


.texteCadreInfo .titreInfo{
	font-family: Geneva, "Futura Lt", Calibri, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	color: #333;	
	cursor : default;
}

.savoir_plus {
	font-size: 11px;
	line-height: 25px;
	text-align: right;
	color: #888;
}


.popupActu {
	height : 350px;
	width : 550px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height : 20px;
	
}

.popupActu a {
	text-decoration: underline;
}

.popupActu img {
	margin-left : 50px;
	max-width : 500px;
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 			Liens rapides accueil			 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

.barreLiensRapides {
	max-height : 61px;
	border-width: 0px;
	margin : 0px;
	padding-left: 0px;
	vertical-align: bottom;
}

.barreLiensRapides table {
	margin-left : 0px;
	padding-left: 0px;
	border-width: 0px;
}


.lienActus {
	height : 60px;
	width: 60px;
	margin : 0px;
	background-image: url(affichage/elem_graphik/bouton_accueil/yx_bt_04.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	cursor: pointer;
	
}

.lienActus:hover {
	background-image: url(affichage/elem_graphik/bouton_accueil/yx_bt2_04.jpg);
	background-repeat: no-repeat;
}


.lienPhoto {
	height : 60px;
	width: 60px;
	margin : 0px;
	background-image: url(affichage/elem_graphik/bouton_accueil/galerie_1_05.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	cursor: pointer;
	
}

.lienPhoto:hover {
	background-image: url(affichage/elem_graphik/bouton_accueil/galerie_2_05.gif);
	background-repeat: no-repeat;
}

.lienCine {
	height : 60px;
	width: 60px;
	margin : 0px;
	background-image: url(affichage/elem_graphik/bouton_accueil/yx_bt_06.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	cursor: pointer;
	
}

.lienCine:hover {
	background-image: url(affichage/elem_graphik/bouton_accueil/yx_bt2_06.gif);
	background-repeat: no-repeat;
}

.lienTrad {
	height : 60px;
	width: 60px;
	margin : 0px;
	background-image: url(affichage/elem_graphik/bouton_accueil/yx_bt_07.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	cursor: pointer;
	
}

.lienTrad:hover {
	background-image: url(affichage/elem_graphik/bouton_accueil/yx_bt2_07.gif);
	background-repeat: no-repeat;
}


.lienRech {
	height : 60px;
	width: 60px;
	margin : 0px;
	background-image: url(affichage/elem_graphik/bouton_accueil/accueil2_05.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	cursor: pointer;
	
}

.lienRech:hover {
	background-image: url(affichage/elem_graphik/bouton_accueil/recherche_05.jpg);
	background-repeat: no-repeat;
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 			Cadres informations				 */
/*:::::::::::::::::::::::::::::::::::::::::::*/


.fdCadreG {
	width: 260px;
	height : 334px;
	background-image: url(affichage/elem_graphik/cartouche_gauche.gif);
	background-repeat: no-repeat;
	vertical-align: top;
}

.cadreCartouche {
	width : 210px;
	height : 314px;
	position: relative;
	top : 8px;
	left : 8px;
	vertical-align: top;

}

.PhotoCartouche {
	width : 209px;
	height: 163px;
	top : 0px;
	
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 			Contenus pages ordinaires		 */
/*:::::::::::::::::::::::::::::::::::::::::::*/


.titrePages {
	height : 55px;
	vertical-align: top;
	margin-left: 0px;
	padding-left : 0px;
	padding-bottom: 25px;
	
}



.ContenuPagesInfos {
	margin-top : 20px;
	margin-left : 0px;
	padding-bottom: 50px;
	padding-right: 13px;
	width : 990px;
	text-align: left;
}

.ContenuPagesInfos td {
	border : none;
}

.ContenuPagesInfos .cadreSsMenu {
	width: 210px;
	margin-left : 0px;
	padding-left : 0px;
	vertical-align: top;
}


.cadreSsMenu {
	text-align: left;
	margin-left : 0px;
	padding-left: 0px;
}

.ssMenu {
	margin-left : 0px;
	text-align: left;
	vertical-align: top;
}

.ssMenu tr {
	height : 35px;
}

.ssMenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
	margin-left: 12px;
	
}


.photoFlot {
	height : 154px;
	width : 140px;
	float : left;
	margin : 10px;
}

.photoFlottante {
	float : left;
	margin : 15px;
}

.photoFlottanteD {
	float : right;
	margin : 15px;
}

.tabPers {
	width : 700px;
	margin-top : 30px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;

}


.lienImportant {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #006;
	letter-spacing: 2px;
	font-weight: bold;
	
}

.separateur {
	min-width: 400px;
	width: auto;
	height: 10px;
	text-align: center;
	background-image: url("affichage/elem_graphik/articles_03.gif");
	background-repeat: no-repeat;
	background-position: center center;
}


.lienHaut {
	text-align: center;
	margin-right: 50px;
	font-size: 11px;
	color: #AAA;
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 					Formulaires				 */
/*:::::::::::::::::::::::::::::::::::::::::::*/


form {
	text-align: left;
	padding : 15px;
	font-size: 12px;
}

.formulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: black;
	
	line-height : 40px;
	margin-top : 50px;
	width : 300px;
	text-align : right;

}

.formEspacement {
	line-height : 40px; 
	
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 			Pages d'administration			 */
/*:::::::::::::::::::::::::::::::::::::::::::*/


.ContenuPagesAdmin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: black;
	line-height : 40px;
	text-align: left;
	
	width: 900px;
	padding-left: 50px;
	padding-top: 20px;
}

.tablInformationsCompte {
	margin-left : 10px;
	margin-top : 10px;
	width : 800px;
	border-collapse : collapse;
	border-top : 2px solid gray;
	border-bottom : 2px solid gray;
	text-align : center;
}

.bulleAide {
	height : 25px;
	border-style : none;
	vertical-align : middle;
	margin-left : 20px;
	
}

.menuAdmin {
	text-align : left;
	line-height: 30px;
	list-style-type: square; 
	/*list-style-image: url("affichage/elem_graphik/lien.png");*/
	padding-left : 10px;
	margin-left : 50px;
}



/*:::::::::::::::::::::::::::::::::::::::::::*/
/*  Pages admin : tableau d'actus / admnis	 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

.TableauActus {
	width : 920px;
	margin : auto;
	border-collapse : collapse;
	border : 2px solid #666;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align : center;
	
}

.TableauActus tr {
	height : 50px;
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/*  		Pages admin : contacts			 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

ul {
	list-style-type: circle;
	margin-bottom : 70px;
	margin-top : 0px;
	
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/*			Page actualites (liste)			 */
/*:::::::::::::::::::::::::::::::::::::::::::*/


.contListeActus {
	height : 600px;
	margin-top: 20px;
	overflow: auto;
	
}

.ListeActus {
	width : 270px;
	margin-top : 20px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align : left;
	
}



#champRech {
	margin-left : 30px;
}

.zoomActu {
	width : 650px;
	height : 900px;
	padding-left : 50px;
	padding-top: 20px;
	vertical-align: top;
	
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/*			Page accueil culture			 */
/*:::::::::::::::::::::::::::::::::::::::::::*/


.editoCulture {
	background-color: #C10099;
	height: 900px;
	vertical-align: top;
	margin-right : 0px;
	cursor : default;
}

.txtEditoCulture {
	height: 900px;
	width : 235px;
	position : relative;
	top : 10px;
	left : 5px;
	overflow: auto;
}

.txtEditoCulture p {
	color : white;
	font-size: 11px;
	text-align: left;
	line-height: 15px;
}



.anim_acc_culture {
	height: 550px;
	width: 718px;
	background-color: #E5216B;
	margin-left : 0px;
	margin-top : 0px;
	vertical-align: top;
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/*		Page evenements culturels			 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

.TableauActusCulture {
	width : 700px;
	margin-top : 20px;
	
}

.TableauActusCulture p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align : left;
	margin-left: 20px;
}


.TableauActusCulture tr {
	height : 160px;
}

.divTabActusCult {
	height : 700px;
	width : 720px;
	margin-top : 20px;
	overflow : auto;
	
}

.TableauActusCulture .titreInfo{
	font-family: Geneva, "Futura Lt", Calibri, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	color: #333;
}

/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 				Galerie photos				 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

#MooFlow {
	height : 600px;
	width : 800px;
	overflow: hidden;
}


/*:::::::::::::::::::::::::::::::::::::::::::*/
/*				Annuaire mairie				 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

.ligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	
	text-align : left;
	line-height : 30px;
	list-style-type : circle;
	/*list-style-image: url("affichage/elem_graphik/punaise_liste.png");*/
	padding-left : 10px;

}

.val {
	font-weight: bold;
	color : #333;
	margin-left : 10px;
}

.val2 {
	font-weight: bold;
	color : #333;
}

.num {
	margin-left : 100px;
}

/*:::::::::::::::::::::::::::::::::::::::::::*/
/* 				Pied de page				 */
/*:::::::::::::::::::::::::::::::::::::::::::*/

.piedPage {
	width : 990px;
	margin-top : 0px;
	vertical-align: top;

}

.txtPiedPage {
	width: 990px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	line-height: 15px;
	text-align: center;
	
}

.txtFd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	line-height: 15px;
}

.txtFd a {
	color : #999;
	font-size: 11px;
}


.piedPageB {
	width : 992px;
	margin-top : 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom : 20px;
	vertical-align: top;

}