`/***************************************************************/
/*		Site : emilie Decrock *** Auteur Css: Torac modification Eliphas (eliphas@lp5.be)
/***************************************************************/

body {
	margin: 0px;
	text-align: center; /*pour eviter le bug de centrage IE */
	font-family: verdana,arial,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	/*overflow: hidden;*/
	}

input {font-size: 10px; border: 0px;}
textarea {font-size: 11px; border: 0px; width: 350px; height: 85px;}
li {text-decoration: none;font-size: 10px;}
img {border: 0px	}
img:hover {cursor: pointer;}
img[title] {display:none}
a {text-decoration: none;color: #70584C;cursor: pointer;}
a:hover {color:#808080	}

/***************************************************************/
/*		validation W3C
/***************************************************************/

#global_W3C {
	width: 200px;
	height: 210px;
	position: relative;
	margin: 0px auto 0px auto;
	background: #808080 url('../images/w3c.jpg') left 10px no-repeat;
	text-align: left; /*pour retablir l'alignement normal du texte */
	}

#val_W3C {
	position: absolute;
	top: 184px;
	left: 22px;
	width: 150px;
	height: 20px;
	}

#val_xhtml a {
	float: right;
	width: 72px;
	height: 20px;
	background: url('../images/xhtml.gif');
	}
#val_xhtml a:hover {
	float: right;
	width: 72px;
	height: 20px;
	background: url('../images/xhtmlbis.gif');
	}

#val_css a {
	float: left;
	width: 72px;
	height: 20px;
	background: url('../images/css.gif'); 
	}

#val_css a:hover {
	float: left;
	width: 72px;
	height: 20px;
	background: url('../images/cssbis.gif'); 
	}

/***************************************************************/
/*		TDM carrés
/***************************************************************/

.square { 
	width: 6px;
	height: 6px;
	float: left;
	margin: 4px 0px 0px 2px;
	background-color:#FFFFFF; 
	}

.tdm a { 
	float: left;
	font-size: 10px; 
	color: #ffffff;
	}
html>body .tdm a { line-height:12px; 	}

#copyright_home {
	/*width: 300px;*/
	height: 10px;
	position: absolute;
	top: 424px;
	left: 30px;
	}

/***************************************************************/
/*		couleur de texte
/***************************************************************/
.bleuf {color: #70584C;	}
.bleuc {color: #70584C;	}

/***************************************************************/
/*		corps du site 
/***************************************************************/
#date {text-transform: capitalize;}

#global {
	width: 770px;
	min-height: 450px;
	position: relative;
	margin: 1em auto;
	background-color: #B2A59C;
	text-align: left; /*pour retablir l'alignement normal du texte */
	}

#bh1 {	
	position: absolute;
	top: 0px;
	right: 0px;
	width: 504px;
	height: 71px;
	background-color: #ffffff;
	color:#F9B7D9;
	}

.bh11 { margin-top: 54px; width: 504px; height: 20px;}
.date { float: left; margin-left: 180px;}
.visiteurs { float: right;text-transform: capitalize;}

#bh2 {
	position: absolute;
	top: 71px;
	right: 0px;
	width: 504px;
	height: 18px;
	background-color: #70584C;
	}

#bh2 a { color:#fff; }

#copyright {
	width: 266px;
	position: absolute;
	top: 400px;
	left: 0px;
	text-align: center;
	font-size:10px;
	}

#img1 {
	position: absolute;
	left: 0px;
	top: 0px; 
 	}

#img2 {
	position: absolute;
	top: 89px;
	left: 0px;
	}

.enter {font-size:12px;position:absolute;bottom:50px;right:100px;}
/*.signature {cursor: default;}*/
.signature img{ position:absolute;bottom:5px;right:20px;cursor: default; max-height:125px;}

/***************************************************************/
/*		menu
/***************************************************************/
.menuh {
	width: 70px;
	height: 18px;
	float:right;
	font-family: verdana,arial,sans-serif;
	font-size: 8pt;
	color: #506D7B;
	text-align: center;
	line-height: 20px;
	}
.menuh a:hover{ color:#808080; font-weight: bold;}

/*** Rolirac ***/
#archi {
	position: absolute;
	top: 89px;
	left: 0px;
	width: 132px;
	height: 103px;
	border-right:1px solid #B2A59C;
	border-bottom:1px solid #B2A59C;
	background:url(../images/archideco2.jpg) top left no-repeat;
	}
html>body #archi {top: 89px;left: 0px;}
#bd {
	position: absolute;
	top: 89px;
	left: 132px;
	width: 132px;
	height: 103px;
	border-left:1px solid #B2A59C;
	border-bottom:1px solid #B2A59C;
	background:url(../images/bd2.jpg) top left no-repeat;
	}
html>body #bd {top: 89px;left: 133px;}
#illustrations {
	position: absolute;
	top: 192px;
	left: 0px;
	width: 132px;
	height: 103px;
	border-top:1px solid #B2A59C;
	border-bottom:1px solid #B2A59C;
	border-right:1px solid #B2A59C;
	background:url(../images/illustrations2.jpg) top left no-repeat;
	}
html>body #illustrations {top: 193px;left: 0px;}
#pastels {
	position: absolute;
	top: 192px;
	left: 132px;
	width: 132px;
	height: 103px;
	border-top:1px solid #B2A59C;
	border-bottom:1px solid #B2A59C;
	border-left:1px solid #B2A59C;
	background:url(../images/pastels2.jpg) top left no-repeat;
	}
html>body #pastels {top: 193px;left: 133px;}
#presse {
	position: absolute;
	top: 295px;
	left: 0px;
	width: 132px;
	height: 103px;
	border-top:1px solid #B2A59C;
	border-bottom:1px solid #B2A59C;
	border-right:1px solid #B2A59C;
	background:url(../images/presse2.jpg) top left no-repeat;
	}
html>body #presse {top: 298px;left: 0px;}
#expo {
	position: absolute;
	top: 295px;
	left: 132px;
	width: 132px;
	height: 103px;
	border-top:1px solid #B2A59C;
	border-bottom:1px solid #B2A59C;
	border-left:1px solid #B2A59C;
	background:url(../images/expo2.jpg) top left no-repeat;
	}
html>body #expo {top: 298px;left: 133px;}

#archi a {display: block; width: 100%;height: 100%;background:	url(../images/archideco1.jpg) top left no-repeat;color: #000;}
#bd a {display: block; width: 100%;height: 100%;background:	url(../images/bd1.jpg) top left no-repeat;color: #000;}
#illustrations a {display:block;width: 100%;height: 100%;background:	url(../images/illustrations1.jpg) top left no-repeat;color: #000;}
#pastels a {display:block; width: 100%;height: 100%; background:	url(../images/pastels1.jpg) top left no-repeat;color: #000;}
#presse a {display:block; width: 100%;height: 100%; background:	url(../images/presse1.jpg) top left no-repeat;color: #000;}
#expo a {display:block; width: 100%;height: 100%; background:	url(../images/expo1.jpg) top left no-repeat;color: #000;}

#archi a:hover {background: transparent none;}
#bd a:hover {background: transparent none;}
#illustrations a:hover {background: transparent none;}
#pastels a:hover {background: transparent none;}
#presse a:hover {background: transparent none;}
#expo a:hover {background: transparent none;}

/***************************************************************/
/*		textes
/***************************************************************/

#text {
	background-color: #ffffff;
	width: 454px;
	height: 321px;
	min-height: 321px;
	border-left: 266px solid #B2A59C;
	color: #FFFFFF;
	margin: 0;
	padding: 139px 0px 0px 50px;
	}
div[id]#text { height: auto; 	}
html>body #text { float: left; 	}

#bloc {
	float:left; 
	width:100%;
	height: 30px;
	margin-top: 1em;
	vertical-align: middle;
	}

#text1 {height: 311px;}
#bloc1 {
	background: #A6BBC5;
	width: 264px;
	height: 361px;
	position: absolute;
	top: 89px;
	left: 0px;
	}
html>body #bloc1 {width: 266px;}

#bd1 {height: 342px;margin-left:-40px;margin-top:-30px;}
#archideco1 {height: 850px;margin-left:-40px;margin-top:-30px;}
#pmtxt{margin-left: 12px;float:left; width: 450px; height: 102px;}
.archimg {width: 76px;height: 82px;float:left;margin: 10px;font-size: 9px;font-weight: bold;}
#popup {height: 23px;text-align: center;background: #FFFFFF;}
#details {font-size: 10px;font-weight: normal;color:#000000;background: #FFFFFF;text-align: left;padding-top: 10px;padding-left: 10px;padding-right: 10px;} 

#boite1 a img{position:absolute; top: 270px; right: 165px; width: 50px; height: 50px;}
#boite2 a img{position:absolute; top: 280px; right: 80px; width: 50px; height: 50px;}
#boitext{position:absolute; top: 400px; right: 180px;width: 300px;}
#contxt {margin-top: -50px; height: 361px; width: 430px; background:url(../images/boitesite.jpg) top right no-repeat;}

.pretext { width:400px;}
.precell1 { position:absolute; right:30px; 	}
.precell2 { position:absolute; right:77px; 	}

/***************************************************************/
/*		formulaire livre d'or
/***************************************************************/

#guetxt { position: absolute; top: 230px; left: 450px; width: 200px; height: 100px;}
#guajout {height: 311px; padding-left: 30px;}
.guajoutcel {width:100px; position:absolute; left:400px;}
#guajoutbut {width: 350px; text-align: center;}

.button {color: #FFFFFF; background: #566E86;cursor: pointer;}

.guest1 {font-size: 10px; color:#FFFFFF; background: #000000;}
.guest1 a{color: #C0D2DE	}
.guest2 {font-size: 10px; color:#000000; background: #BDCAD3;}
.guest3 {font-size: 10px; color:#FFFFFF; background: #4A647D;}
.guest3 a{color: #FFFFFF;}
#guepart {position:absolute; top:230px; right:150px;width:200px;text-align:center;}