@charset "utf-8";
body {
	font-family: "Monotype Corsiva";
	font-size: 18px;
	background-color: #FFFFFF;
	margin: 0px;
	background-image: url(fond-ecran.jpg);
	font-weight: 100;
	line-height: 24px;
}
a {
	color: #3333CC;
}
a:visited {
	color: #006666;
}
a:hover {
	color: #39F;
}
a:active {
	color: #CCFF00;
}
#dh {
	position: fixed;
	left: 20px;
	bottom: 20px;
}
#tableau {
	width: 1000px;

}
#manifestations {
	width: 1400px;
}


#verticalg {
	width: 130px;
	top: 0px;
	position: absolute;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	text-align: center;
	display: block;
}
#popup {
	position: fixed;
	left: 0px;
	top: 0px;
	}
#verticald {
	width: 130px;
	top: 0px;
	position: absolute;
	text-align: center;
	display: block;
	left: auto;
	right: 0px;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
}


h1 {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}
h2 {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

#center {
	text-align: center;
	position: absolute;
	top: 7px;
	display: block;
	left: 110px;
	right: auto;
	width: 560px;
	margin: auto;
	z-index: 1;
	visibility: visible;
}
#article {
	position: absolute;
	visibility: visible;
	z-index: 3;
	left: 300px;
	top: 580px;
}

#center_flash {
	text-align: center;
	position: relative;
	top: 0px;
	display: block;
	left: 110px;
	right: auto;
	width: 560px;
	height: 687px;
	margin: auto;
	z-index: 1;
	visibility: inherit;
}
#center-photo {
	width: 800px;
	margin-left: auto;
	text-align: center;
	display: block;
	margin-right: auto;
}
#texte-m {
	margin: 20px;
	padding: 20px;
	text-indent: 20px;
	float: left;
}

#navbar  {
	position: fixed;
	left: 0px;
	margin: 10px;
	top: 170px;
}
#bottom {
	text-align: center;
	display: block;
	position: relative;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

#drapeau {
	left: 130px;
	top: 12px;
	position: fixed;
	margin: 10px;
}
#container_index1 {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 220px;
	text-indent: 20px;
}


#container_liste {
	margin-left: 220px;
}
#annonce {
	border: thin solid #000000;
	padding: 5px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	width: 760px;
	left: 50%;
	text-align: center;
	display: block;
}
#bandeau {
	position: absolute;
	width: 600px;
	margin-left: -300px;
	left: 50%;
}
#cachet {
	position: absolute;
	left: 560px;
	top: 480px;
	z-index: 3;
}




#container_index2 {
	position: relative;
	left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 780px;
	height: 700px;
}
#container_index0 {
	margin-left: 200px;
	position: relative;
}

#logo-office {
	left: 0px;
	top: 0px;
	position: fixed;
	margin: 10px;
}
.photo {
	border: thin none #000000;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 6px;
	margin-left: 3px;
}
.photo-pos1 {
	position: relative;
	left: 200px;
	top: 100px;
}

#mairie {
	float: left;
}

.photo-heb {
	margin-right: 20px;
	margin-left: 20px;
	border: thin outset #000000;
}

.photoagauche {
	border : thin outset #000000;
	float : left;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
}.photoadroite {
	float: right;
	border: thin outset #000000;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 30px;
}
#colonne {
	width: 230px;
	line-height: 0px;
	border: thin solid #000000;
	margin: 5px;
	float: left;
	padding: 0px;
	text-indent: 10px;
	position: relative;
	border-radius: 1em; /* for future standard */
	-webkit-border-radius: 1em; /* for Safari */
	-moz-border-radius: 1em; /* for Firefox */
}
#boite1 {
	width: 750px;
	float: left;
	height: 1000px;
	margin: 20px;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	text-indent: 0px;
}
#boite2 {
	height: 300px;
	width: 470px;
	float: left;
	margin: 20px;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}
#apercu {
	position: absolute;
	left: 110px;
	height: 393px;
	width: 560px;
	visibility: visible;
	z-index: 2;
	top: 7px;
	text-align: center;
	display: block;
}
#annonce_google {
	text-align: center;
	display: block;
	margin: auto;
	position: fixed;
	right: 10px;
	top: 10px;
	width: 160px;
}
.photo_cadre {
	border: thin solid #000000;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
#logo-c {
	position: fixed;
	text-align: center;
	display: block;
	left: 0px;
	bottom: 20px;
}
#parchemin {
	height: 600px;
	width: 800px;
	top: 0px;
	right: 0px;
	float: left;
}
#texte-parchemin1 {
	visibility: visible;
	position: absolute;
	width: 260px;
	left: 41px;
	top: 107px;
	z-index: 2;
	text-indent: 20px;
}
#tableau {
	position: relative;
	top: 0px;
	width: 800px;
}
#texte-parchemin2 {
	visibility: visible;
	position: absolute;
	width: 260px;
	left: 390px;
	top: 80px;
	z-index: 2;
	text-indent: 20px;
}
#manif2010 {
	color: #993366;
	border: thin solid #993366;
	padding-right: 5px;
	padding-left: 5px;
	width: 240px;
}
#container_j {
	position: relative;
	margin-top: auto;
	margin-right: 100px;
	margin-bottom: auto;
	margin-left: 260px;
	left: 0px;
}
.rounded {
	border: 1px none #D40000;
	border-radius: 1em; /* for future standard */
	-webkit-border-radius: 1em; /* for Safari */
	-moz-border-radius: 1em; /* for Firefox */
	margin: 10px;
	padding: 25px;
	display: block;
	z-index: 1;
	text-align: center;
	
}
.normal{
	background-color: #CCFFFF;
	border: thin outset #FF0033;
	border: 1px solid #D40000;
	border-radius: 1em; /* for future standard */
	-webkit-border-radius: 1em; /* for Safari */
	-moz-border-radius: 1em; /* for Firefox */
	margin: 10px;
	padding: 25px;
	opacity: 0.8;
}


#voeux {
	color: #AA0000;
	margin: auto;

}
.photoagauche-sb {
	float : left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.photoadroite-sb {
	float: right;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 5px;
}
.bouton {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 160px;
	text-align: center;
}
.police {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
}
#contact {
	background-color: #FFFFFF;
	border: thin solid #000000;
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 8px;
	border-radius: 1em; /* for future standard */
	-webkit-border-radius: 1em; /* for Safari */
	-moz-border-radius: 1em; /* for Firefox */
	font-weight: bold;
}
#container-contact {
	margin-left: 250px;
	margin-right: 20px;
	margin-top: 20px;
	border-radius: 1em; /* for future standard */
	-webkit-border-radius: 1em; /* for Safari */
	-moz-border-radius: 1em;
	text-align: center;
	padding: 10px;
}
#henri4 {
	padding: 40px;
}
.photo-m {
	border: thin none #000000;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 6px;
	margin-left: 10px;
}
#tableau-asso {
	width: 1200px;
}
#poste {
	width: 800px;
	background-color: #3F9;
	text-indent: 0;
	border: thin solid #000;
	padding: 10px;
	margin-left: 50px;
}
#diane {
	background-color: #0F9;
	width: 800px;
	border: thin solid #000;
	padding: 10px;
}
#cuivre {
	position: absolute;
	left: 40px;
	top: 20px;
	visibility: hidden;
}
.banniere {
	text-align: center;
}