/* CSS issu des tutoriels css ---- www.alsacreations.com */
html, body {
	background: #CAD2E0 url('design/body.jpg') repeat-x;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Verdana, Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, Sans-Serif;
	color: #000;
	font-size: 90%;
}
h1, h2, h3, h4 {
	background-color: transparent;
	text-align: left;
	font-weight: bold;
	color: #858dbb;
}
a { text-decoration: none; }
a:hover { color: #5f79b4; }
ul, li { list-style-type: none; }
b { font-weight: bold; color: #5f79b4; }
p { margin: 5px 15px; text-align: left; line-height: 1.4em; }
hr { border: 1px solid #bcc1d0; margin: 2px 20px;}
img { border: none; }
cite { color: #33497c; }

#global {
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	width: 793px;
	min-height: 100%;
}
#head {
	background: transparent url('design/header.jpg') no-repeat;
	margin: 0;
	padding: 0;
	width: 793px;
	height: 188px;
}
#centre {
	background: transparent url('design/largeur.jpg') top left repeat-y;
	margin: 0;
	padding: 0 0 50px 0;
	overflow: auto;
}
#contenu {
	/*background: transparent url('design/corp.jpg') right top repeat-y;*/
	background-color: transparent;
	margin: 0 20px 0 190px;
	padding: 20px;
	color: #000;
	text-align: center;
	z-index: 1000;
}
#contenu ul {
	margin: 20px 0 20px 20px;
	padding: 0;
	text-align: left;
}
#contenu li {
	margin: 0;
	padding: 0;
	font-size: 1em;
	list-style-image: url('design/puceli.jpg');
	text-align: left;
}
#contenu a{
	color: #5f79b4;
	font-weight: bold;
	z-index: 100;
}
#contenu a:hover{
	color: #000;
	z-index: 100;
}
#contenu h1 {
	margin: 0 0 20px 0;
	padding-left: 20px;
	background: #fff url("design/puceh1.jpg") 0% 50% no-repeat;
	font-size: 18px;
	border-bottom: 3px double #5f79b4;
}
#contenu h2 {
	background: #fff url("design/puceh3.jpg") 0% 50% no-repeat;
	font-size: 15px;
	margin: 20px 10px 10px 0;
	padding: 2px 0 0 18px;
	border-bottom: 1px solid #acd28e;
}
#contenu h2 span {
	float: right;
	margin: -21px 0 0 0;
	padding: 0 20px;
	text-align: right;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
}
#contenu h3 {
	background-color: #fff;
	font-size: 14px;
	margin: 20px 10px 10px 0;
	padding: 0 0 2px 18px;
	border-bottom: 1px solid #5f79b4;
}
#accueil {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	/*width: 520px;*/
}
#bandeauanime {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 500px;
	height: 100px;
}
#badpage {
	background-color: transparent;
	margin: 0 0 0 200px;
	padding: 0;
	width: 500px;
	text-align: center;
}
#gauche{
	float: left;
	/*background: #c5cdda url('design/menu.jpg') left top repeat-y;*/
	background-color: transparent;
	margin: 0;
	padding: 0;
	width: 180px;
	/*height: 100%;*/
	text-align: left;
	color: #000;
}
#gauche ul, li {
	margin: 0 0 0 16px;
	padding: 0 2px 0 0;
	line-height: 1.3em;
}
#gauche a {
	color: #000;
}
#gauche a:hover {
	color: #5f79b4;
	text-decoration: underline;
}
#gauche h1 {
	background-color: #fff;
	margin: 5px 0 5px 19px;
	padding: 2px 0 2px 8px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #5f79b4;
	border-bottom: 1px solid #484c51
}
#gauche h1 a {
	color: #5f79b4;
}
#gauche h1 a:hover {
	color: #000;
	text-decoration: none;
}
#pied {
	clear: both;
	background: #b3bccb url('design/footer.jpg') no-repeat;
	padding: 0;
	bottom: 0;
	margin: 0;
	width: 793px;
	height: 102px;
	font-size: 70%;
	color: #5f79b4;
	text-align: center;
}
#pied a {
	text-decoration: none;
	color: #5f79b4;
}
#pied a:hover {
	color: #bababa;
}
#date {
	position: absolute;
	background-color: transparent;
	margin: 105px 177px;
	padding: 0;
	width: auto;
	height: 16px;
	font-size: 90%;
	color: #5f79b4;
}
#recherche {
	background: transparent url('design/loupe.jpg') no-repeat;
	margin: 20px 9px 20px 23px;
	padding: 0;
	width: 132px;
	height: 110px;
	text-align: center;
}
#recherche h2 {
	background-color: transparent;
	margin: 2px 5px;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #5f79b4;
	border-bottom: 2px dashed #5f79b4;
}
#visit {
	position: relative;
	background-color: transparent;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	text-align: center;
}
#pagination {
	float: right;
	background-color: #fff;
	margin: 2px 5px;
	padding: 0;
	width: 200px;
}
#pagination a {
	color: #5f79b4;
}
#pagination a:hover {
	color: #fff;
}
#lesvosges {
	background-color: #fff;
	margin: 20px auto;
	padding: 5px;
	width: 400px;
	height: 285px;
	border: 1px solid #5f79b4;
	text-align: center;
}
#infores {
	background-color: #fff;
	margin: 5px;
	padding: 0;
}
#infores img {
	background-color: #fff;
	float: left;
	margin: 3px 10px;
	padding: 2px;
	border: 1px solid #858dbb;
}
#authent {
	background-color: #fdffd8;
	margin: 100px auto;
	padding: 5px;
	width: 400px;
	border: 3px double #858dbb;
}
#authent p {
	text-align: center;
}
#popvisit {
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}
#animaccueil {
	background-color: #fff;
	margin: 10px auto;
	padding: 5px;
	width: 400px;
	border: 3px double #858dbb;	
}
#precedent {
	float: left;
	background: #d7e1ef url('design/flechG.gif') 1% 2px no-repeat;
	margin: 0;
	padding: 5px 10px 5px 25px;
	text-align: center;
	border: 1px solid #7e91ab;
}
#precedent a {
	color: #8598b2;
	font-size: 0.9em;
}
#suivant {
	float: right;
	background: #d7e1ef url('design/flechD.gif') 99% 2px no-repeat;
	margin: 0 10px 0 0;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #7e91ab;
}
#suivant a {
	color: #8598b2;
	font-size: 0.9em;
	margin-right: 20px;
}
#titrepresenc {
	background: #fff url('design/titre_presence.jpg') top left no-repeat;
	background-position: 0%;
	margin: 0 0 10px 10px;
	padding: 13px 0 5px 10px;
	font-size : 1.2em;
	color: #858dbb;
	border: none;
}
#titredynamiq {
	background: #fff url('design/titre_dynamique.jpg') top left no-repeat;
	background-position: 0%;
	margin: 0 0 10px 10px;
	padding: 13px 0 5px 10px;
	font-size : 1.1em;
	color: #858dbb;
	border: none;
}
#titreprestig {
	background: #fff url('design/titre_prestige.jpg') top left no-repeat;
	background-position: 0%;
	margin: 0 0 10px 10px;
	padding: 13px 0 5px 10px;
	font-size : 1.1em;
	color: #858dbb;
	border: none;
}
#titrexcellenc {
	background: #fff url('design/titre_excellence.jpg') top left no-repeat;
	background-position: 0%;
	margin: 0 0 10px 10px;
	padding: 13px 0 5px 10px;
	font-size : 1.1em;
	color: #858dbb;
	border: none;
}
.miniform {
	float: right;
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: 200px;
	border: none;
}
#palette {
	background-color: transparent;
	margin: 10px auto;
	padding: 10px 0;
	width: 540px;
	height: 44px;
}
.miniformul1 {
	float: left;
	background-color: #fff;
	padding: 1px;
	margin: 0 5px 0 0;
	border: 1px solid #d5d1cc;
}
.miniformul2 {
	float: left;
	background-color: #fff;
	padding: 1px;
	margin: 0;
}
.paragauche {
	background-color : #f9f2d1;
	margin: 10px;
	padding: 5px;
	text-align: justify;
}
.paragauche img {
	float: left;
	margin: 5px 10px;
	padding: 2px;
	border: 1px solid #858dbb;
}
.paragdroit {
	background-color : #f5f5f2;
	margin: 10px;
	padding: 5px;
	text-align: justify;
}
.paragdroit img {
	float: right;
	margin: 5px 10px;
	padding: 2px;
	border: 1px solid #858dbb;
}
.imgdroite {
	background-color: #fff;
	/*float: right;*/
	margin: 0;
	padding: 5px;
	width: 200px;
	text-align: center;
}
.imggauche {
	background-color: transparent;
	float: left;
	margin: 0;
	padding: 5px 20px;
}
.gris {
	/*float: left;*/
	background-color : #fff;
	margin: 10px;
	padding: 5px;
	text-align: justify;
}
.jaune {
	/*float: left;*/
	background-color : #f9f2d1;
	margin: 10px;
	padding: 5px;
	text-align: justify;
}
.menugauche {
	background-color: #000;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 5px 2px;
	text-align: left;
	font-size: 1em;
	line-height: 1em;
}
.menugauche li {
	margin-bottom: 5px;
}
.menugauche a {
	margin: 0 5px;
	color: white;
	text-decoration: none;
}
.menudroit {
	background-color: #000;
	list-style-type: none;
	margin: 0;
	padding: 5px 2px 5px 0;
	font-size: 1em;
	text-align: right;
	line-height: 1em;
}
.menudroit li {
	margin-bottom: 5px;
}
.menudroit a {
	margin: 0 5px;
	color: white;
	text-decoration: none;
}
.menudroit a:hover {
	color: #a1baee;
}
.galerie {
	float: left;
	background-color: #f2f6fa;
	margin: 5px 20px 5px 5px;
	padding: 4px;
	width: 500px;
	height: 40px;
	text-align: left;
	border-left: 2px solid #879ab3;
	border-top: 2px solid #879ab3;
	border-right: 2px solid #d2deeb;
	border-bottom: 2px solid #d2deeb;
}
.galerie a {
	background-color: #f2f6fa;
	color: #000 !important;
	font-size: 1em;
	font-weight: normal !important;
}
.galerie a:hover {
	color: #5f79b4 !important;
	text-decoration: none;
}
.miniature {
	float: left;
	background-color: #fff;
	margin: 0;
	padding: 0;
	width: 45px;
	height: 30px;
}
.textminiature {
	background-color: #f2f6fa;
	margin: 10px 0 0 80px;
	text-align: left;
}
.petitlien {
	font-size: 0.8em;
	color: #000;
}
.actif {
	float: left;
	background: #fff url('design/fond_bt.jpg') left bottom repeat-x;
	margin: 5px;
	padding: 2px;
	width: 80px;
}
.numpage {
	float: left;
	background: #fff url('design/fond_bt.jpg') left bottom repeat-x;
	margin: 5px;
	padding: 2px;
	width: 30px;
}
.imgaccueil {
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	width: 557px;
}
.exemple {
	margin: 15px 10px 5px 20px;
	padding: 2px;
	border-bottom: 1px solid #5f79b4;
}
.text{
	background-color: #fff;
	margin: 0 auto;
	width: 100px;
	text-align: center;
	border-top: 2px solid #8d97bb;
	border-right: 2px solid #8d97bb;
	border-bottom: 2px solid #ebeef9;
	border-left: 2px solid #ebeef9;
}
.submit{
	background-color: #afb9d5;
	margin: 2px auto;
	width: 60px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-top: 2px solid #ebeef9;
	border-right: 2px solid #ebeef9;
	border-bottom: 2px solid #8d97bb;
	border-left: 2px solid #8d97bb;
}
.info {
	background-color : #f5f5f2;
	margin: 100px 10px 0 0;
	padding: 5px;
	text-align: center;
	font-size: 0.9em;
	border: 1px solid #d5d1cc;
}
.retour{
	background: #fff url('design/fond_bt.jpg') left bottom repeat-x;
	margin: 20px auto;
	padding: 2px;
	width: 80px;
	text-align: center;
}
.retour a {
	color: #000;
	font-weight: bold;
}
.retour a:hover {
	color: #fff;
}
/* ------ formulaire de contact ----*/
.erreur {
	background-color: transparent;
	padding: 0;
	margin: 10px auto;
	color: red;
	font-weight: bold;
}
.bien {
	color: #000;
	font-weight: bold;
	text-align: center;
}
#tabform {
	float: left;
	margin: 10px auto;
	border-collapse: collapse;
	font-size: 10pt;
	width: 500px;
	text-align: left;
}
#tabform td {
	padding: 5px;
}
.tdD {
	text-align: center;
}
.remplir{
	width: 278px;
}
/* ------ fin du formulaire -----*/