body {
	font-family: Verdana;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #fff;
	background:#626ada url("jpg/fond.jpg") repeat-x;
}

h1{font-size:16px;line-height:16px; display:inline;}
h2{font-size:14px;line-height:20px; display:inline;}
h3{font-size:12px;line-height:20px;display:inline;}
h4{font-size:10px;line-height:20px;display:inline;}

A.link:link{color: #eaee76;font-size: 16px;font-style:bold;text-decoration: none;}
A.link {color: #eaee76;font-size: 16px;font-style:bold;text-decoration: none;}
A.link:hover{color: #0b1483;font-size: 16px;font-style:bold;text-decoration: none;}

A.link1:link{color: #eaee76;font-size:16px;font-style:normal;text-decoration: none;}
A.link1 {color: #eaee76;font-size:16px;font-style:normal;text-decoration: none;}
A.link1:hover{color: #0b1483;font-size:16px;font-style:normal;text-decoration: none;}

A.link2:link{color: #eaee76;font-size:9px;font-style:normal;text-decoration: none;}
A.link2 {color: #eaee76;font-size:9px;font-style:normal;text-decoration: none;}
A.link2:hover{color: #0b1483;font-size:9px;font-style:normal;text-decoration: none;}

A.link3:link{color: #fff;font-size:11px;font-style:normal;text-decoration: none;}
A.link3 {color: #fff;font-size:11px;font-style:normal;text-decoration: none;}
A.link3:hover{color: #0b1483;font-size:11px;font-style:normal;text-decoration: none;}

A.link4:link{color: #0b1483;font-size:11px;font-style:normal;text-decoration: none;}
A.link4 {color: #0b1483;font-size:11px;font-style:normal;text-decoration: none;}
A.link4:hover{color: #eaee76;font-size:11px;font-style:normal;text-decoration: none;}

A.link5:link{color: #eaee76;font-size:12px;font-style:normal;text-decoration: none;}
A.link5 {color: #eaee76;font-size:12px;font-style:normal;text-decoration: none;}
A.link5:hover{color: #0b1483;font-size:12px;font-style:normal;text-decoration: none;}


A.link-ref:link{color: #fff;font-size: 9px;font-style:normal;text-decoration: none;}
A.link-ref {color: #fff;font-size: 9px;font-style:normal;text-decoration: none;}
A.link-ref:hover{color: #fff;font-size: 9px;font-style:normal;text-decoration: none;}

.txt{float:left;width:152px;text-align:justify;color: #eaee76;}
.txt1{color: #eaee76;}


/*********************** INDEX ****************************/
.layer{
	width: 980px;
	margin: 0 auto;
}

.titre-ref{
	float: left;
	width: 980px;
	text-align: center;
	margin: 8px 0;
	color: #eaee76;
}

.top{
	float: left;
	width: 980px;
	height: 373px;
	background: url("jpg/top.jpg");
}

.flash{
	position: absolute;
	width: 424px;
	height: 361px;
	margin: 0 0 0 557px;
	z-index: 1;
	
}

.drap-fr{
	position: absolute;
	width: 39px;
	height: 30px;
	margin: 10px 660px 0;
	z-index: 2;
}

.drap-an{
	position: absolute;
	width: 39px;
	height: 30px;
	margin: 40px 700px 0;
	z-index: 3;
}

.txt-intro{
	position: absolute;
	width: 650px;
	margin: 10px 0;
	text-align: justify;
	z-index: 4;
}

.logo-guide{
	position: absolute;
	width: 88px;
	height: 196px;
	margin: 140px 0 0 0;
}

.cordonnees{
	position: absolute;
	width: 562px;
	height: 67px;
	margin: 115px 0 0 10px !important;
	margin: 115px 0 0 5px;
	color: #eaee76;
}

.slogan{
	position: absolute;
	width: 462px;
	height: 67px;
	margin: 265px 0 0 90px;
}

.titre-page{
	position: absolute;
	width: 650px;
	height: 67px;
	margin: 350px 0 0 60px !important;
	text-align: center;
	font-size: 16px;
	z-index: 5;
	color: #eaee76;
}

.txt-defil-ref{
	float: left;
	width: 215px;
	margin: 10px 0;
}

.index {
	color: #eaee76;
}

/*********************** CONTENER ****************************/

.contener{
	float: left;
	width: 980px;
	background: url("jpg/contener1.jpg") repeat-y;
	border-top: 1px dotted #eaee76;
	border-bottom: 1px dotted #eaee76;
	color: #0b1483;
}


/*********************** COL LEFT ****************************/

.col-left{
	float: left;
	width: 215px;
}

.box-left{
	float: left;
	width: 215px;
	margin: 5px 0;
}

.top-box-left{
	float: left;
	width: 214px;
	height: 51px;
	background-image: url("jpg/top-box-left.jpg");
	background-repeat: no-repeat;
}

.tittle-box{
	float: left;
	width: 214px;
	text-align: center;
	margin: 20px 0;
	color: #eaee76;
}

.contener-box-left{
	float: left;
	width: 214px;
	background: url("jpg/centener-box-left.jpg");
	background-repeat: repeat-y;
	padding: 0 0 0 20px;
}

.foot-box-left{
	float: left;
	width: 214px;
	height: 41px;
	background: url("jpg/foot-box-left.jpg");
	background-repeat: no-repeat;
}

/*********************** COL CENTER ****************************/


.col-center{
	float: left;
	width: 550px;
	margin: 0 !important;
	margin: 0 0 0 -20px;
}

.affich-center{
	float: left;
	width: 540px;
	margin: 10px 0 0 5px !important;
	margin: 10px 0 0 3px;
	text-align: justify;
}

.flash-page{
	float: left;
	width: 540px;
	height: 120px;
	margin: 10px 0;
	text-align: center;
	border: 1px solid red;
}

.flash-depart{
	float: left;
	width: 400x;
	height: 120px;
	margin: 10px 0 0 50px !important;
	margin: 10px 0 0 25px;
	text-align: center;
	border: 1px solid red;
}

.pensee{
	float: left;
	width: 550px;
	margin: 20px 0 !important;
	margin: 20px 0;
	background: #f1f4a6;
	color: #0b1483;
	text-align: center;
}


/*********************** COL RIGHT ****************************/

.col-right{
	float: left;
	width: 213px;
}

.box-right{
	float: left;
	width: 210px;
	margin: 5px 0;
}

.top-box-right{
	float: left;
	width: 210px;
	height: 51px;
	background: url("jpg/top-box-right.jpg");
	background-repeat: no-repeat;
}

.tittle-box{
	float: left;
	width: 210px;
	text-align: center;
	margin: 20px 0 !important;
	margin: 18px 0;
	color: #eaee76;
}

.contener-box-right{
	float: left;
	width: 180px;
	background: url("jpg/centener-box-right.jpg");
	background-repeat: repeat-y;
	padding: 0 0 0 30px;
}

.affiche-box-right1{
	float: left;
	width: 152px;
	text-align: center;
	margin:  0 0 0 5px !important;
	margin:  0 0 0 3px;
}

.foot-box-right{
	float: left;
	width: 210px;
	height: 41px;
	background: url("jpg/foot-box-right.jpg");
	background-repeat: no-repeat;
}

/*********************** FOOT ****************************/
.foot{
	float: left;
	width: 980px;
	margin: 10px 0;
	text-align: center;
	font-size: 9px;
	color: #eaee76;
}

/******************************** LIVRE D'OR **************************/

.cadre-message{
	float: left;
	width: 500px;
	height: 210px;
	margin: 20px 0 0 20px ! important;
	margin: 20px 0 0 -100px;
}

.cadre-livre{
	float: left;
	width: 500px;
	margin: 20px 0 0 20px !important;
	margin: 20px 0 0 10px;
	background-image: url("jpg/f-livre.jpg");
	border-right: 1px dotted #eaee76;
	border-left: 1px dotted #eaee76;
	text-align: center;
}

.titre-livre{
	float: left;
	width: 250px;
	height: 20px;
	margin: 0 0 0 125px !important;
	margin: 0 0 0 63px;
	padding: 5px 0;
	font-style:italic;
	text-align: center;
	color: #eaee76;
	border-bottom: 1px solid #eaee76;
}

.titre-desc{
	float: left;
	width: 250px;
	height: 20px;
	margin: 10px 0 0 125px !important;
	margin: 10px 0 0 63px;
	padding: 5px 0;
	font-style:italic;
	text-align: center;
	color: #eaee76;
	border-bottom: 1px solid #eaee76;
}

.contenu-livre{
	float: left;
	width: 480px;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	text-align: justify;
	color: #000;
}


/********************* AJOUT MESSAGE *******************/

#frmCreateAccount1{
	float: left;
	width: 255px;
	margin: 0px 0 0 120px;
	text-align: left;
	color: #000;
}

#frmCreateAccount1 .din1,SELECT1,TEXTAREA1{
	display: inline;
	border: 1px solid white;
	width: 200px;
	margin-left:5px;
	margin-top:5px;
	font-family:verdana;
	color:#000;
	font-size:11px;
	font-weight:normal;
	background-color:#737df5;
	Border:solid #fff 1px;
 }  

 .boutonSubmit1{
	position:absolute;
	margin-left:38px;
	margin-top:10px;
	color:#000;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	background-color:#737df5;
	Border:solid #fff 1px;
 }

.boutonDelete1{
	position:absolute;
	margin-left:140px;
	margin-top:10px;
	color:#000;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	background-color:#737df5;
	Border:solid #fff 1px;
 }

/************************ ALBUM PHOTO *********************/


.boite-album{
	float: left;
	width: 500px;
	margin: 20px 0 0 20px !important;
	margin: 20px 0 0 10px;
	background-image: url("jpg/f-livre.jpg");
	border-right: 1px dotted #eaee76;
	border-left: 1px dotted #eaee76;
	text-align: center;
	color: #eaee76;
}

.left-boite-album{
	float: left;
	width: 200px;
	margin: 10px 0 0 10px;
	padding: 0 0 10px 0;
}

.right-boite-album{
	float: left;
	width: 260px;
	margin: 10px 0 0 10px;
	padding: 0 0 10px 0;
	text-align: justify;
	color: #0b1483;
}


/****************** LIEN REF FOOT **********************/

#dhtmlfloatie{
margin: 0 auto;
filter:alpha(opacity=0);
-moz-opacity:0;
border: 2px solid black;
padding: 5px;
z-index: 100;
}

#subcontent2{
	margin: 10px auto; 
	display:none; 
	border: 1px dotted #eaee76; 
	background-color: #636be5; 
	width: 450px;
	padding: 8px
}

h1{font-size:16px;line-height:16px; display:inline;}
h2{font-size:14px;line-height:20px; display:inline;}
h3{font-size:12px;line-height:20px;display:inline;}
h4{font-size:10px;line-height:20px;display:inline;}