body { 
	font: 12px/20px Verdana;
	color: #000; 
	background: #000;
	margin: 0px; 
	}
p { 
	font: 12px/20px Verdana;
	margin-top: 0px; 
	text-align: justify;
	}
h3 { 
	font: italic normal 16px Verdana;
	letter-spacing: 4px;
	margin-bottom: 0px;
	color: #555;
	}
a:link { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #7D775C;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #7D775C;
	}
a:hover, a:active { 
	text-decoration: none;
	color: #d3aa4e;
	}
	
	
#blocphotoLien ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#blocphotoLien ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	}
#blocphotoLien li a:link, #blocphotoLien li a:visited {
	background-image: url("../images/puce.gif");
	background-repeat: no-repeat;
    background-position: 0 0.32em;
    padding-left: 15px;
    color:#7D775C;
	font-family: Helvetica,Verdana,Arial,Sans-serif;
	font-weight: bold;
	text-decoration:none;
	}
#blocphotoLien li a:hover {
	background:url("../images/puce2.gif");
	background-repeat: no-repeat;
    background-position: 0 0.32em;
    padding-left: 15px;
	color:#fff;
	text-decoration:none;
	font-family: Helvetica,Verdana,Arial,Sans-serif;
	font-weight: bold;
	}


/* specific divs */
#container {
	max-width: 850px;
	background: #f9f0d3 url(../../../../../files/images/default.jpg) no-repeat top left;
	padding: 0px 55px 0px 0px;
	margin: 0px 10px 0px 10px;
	border-right: #000 solid 1px;
	border-left: #000 solid 1px;
	border-bottom: #000 solid 1px;
	}


#supportingText {
	padding-left: 20px;
	margin-bottom: 40px;
	width: 100%;
	}
h1{
    padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-right: 10px;
	color: #d3aa4e;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 4px;
	font-weight: normal;
}



#leftmenu {
	float:left;
	width: 200px;
    padding: 10px;
	border-right: #d3aa4e solid 1px;

}
#leftmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	}
#leftmenu ul li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	color:#000000;
    font-family: Verdana, Geneva, sans-serif;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
	}
#leftmenu li a:link, #leftmenu li a:visited {
	background-image: url("../images/puce.gif");
	background-repeat: no-repeat;
    background-position: 0 0.32em;
    padding-left: 15px;
	color:#7D775C;
	font-family: Verdana,Arial,Sans-serif;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	}
#leftmenu li a:hover {
	background:url("../images/puce2.gif");
	background-repeat: no-repeat;
    background-position: 0 0.32em;
    padding-left: 15px;
	color:#d3aa4e;
	text-decoration:none;
	font-family: Verdana,Arial,Sans-serif;
	font-size:11px;
	font-weight: normal;
	}





#text {
	float:left;
	width: 610px;
    padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 30px;
	padding-right: 0px;
	color: #000000;
	font-family: Verdana,Arial,Sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	font-weight: normal;
	font-style: normal;
	line-height:normal;

}

#text h1{
    padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 4px;
	padding-right: 0px;
	color: #c5014b;
	font-family: "Trebuchet MS", Verdana,Arial,Sans-serif;
	font-size: 14px;
	letter-spacing: normal;
	font-weight: bold;
	}
	
#text h2{
    padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	color: #7D775C;
	font-family: "Trebuchet MS", Verdana,Arial,Sans-serif;
	font-size: 13px;
	letter-spacing: normal;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
}

#text h3{
    padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 4px;
	padding-right: 0px;
	color: #000000;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
}



#text ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#text ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	}
	
	#monli {
	width: 98%;
    padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	color: #000000;
	font-family: Verdana,Arial,Sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	background-color:#d3aa4e;

}

#monli ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	background-image: url("../images/bullet3.gif");
	background-repeat: no-repeat;
	background-position: 0 0.32em;
    padding-left: 15px;
	color:#000000;
	font-size:11px;
	font-weight: normal;
	}
	
#text li a:link, #text li a:visited {
	background-image: url("../images/puce.gif");
	background-repeat: no-repeat;
    background-position: 0 0.32em;
    padding-left: 15px;
	color:#7D775C;
	font-family: Helvetica,Verdana,Arial,Sans-serif;
	font-weight: bold;
	text-decoration:none;
	}
#text li a:hover {
	background:url("../images/puce2.gif");
	background-repeat: no-repeat;
    background-position: 0 0.32em;
    padding-left: 15px;
	color:#d3aa4e;
	text-decoration:none;
	font-family: Helvetica,Verdana,Arial,Sans-serif;
	font-weight: bold;
	}

#hacordeon{
	width: 800px;
	height: 500px;

}

.myhacordeon{
	position:absolute;
	width: 650px;
	height: 450px;
	left: 30px;
	top: 70px;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
}

.myhacordeon h1{
	color: #d3aa4e;
	font-family: "Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: none;
	margin-left:10px;
	margin-top: 0px;


}


.myhacordeon h2{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
	color:#FFF;
	margin-left:20px;
	margin-top: 0px;
	font-weight: bold;
}

.myhacordeon h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
	color:#FFF;
	margin-left:20px;
	margin-top: 0px;
	font-weight: normal;
	text-decoration: none;
	font-style:normal;
	letter-spacing:normal;
}

#bloc {
float:left;
width: 205px; /*Width of right column in pixels*/
height: 400px;
margin-right: 8px;
}

#bloctext{
width: 184px; /*Width of right column in pixels*/
height: 144px;
margin-top: 2px;
text-align:left;
}

#blocphoto{
width: 184px; /*Width of right column in pixels*/
height: 134px;
margin-top: 6px;

}

.arreterfloat{
clear:both;
}



#topbloc{ 
position:absolute;
top: 0px;
left: 600px;
width: 350px;
}

#topbloc a:link, #topbloc a:visited { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
	color:#ddb434;
	font-weight: normal;
	
}

#topbloc a:hover{
color:#ffffff;
text-decoration: none;
}

#topbloc1 {
float:left;
width: 100px; /*Width of right column in pixels*/
height: 60px;
text-align: center;
border-right: #d3aa4e solid 1px;
}

#topbloc2{
float:left;
width: 100px; /*Width of right column in pixels*/
height: 60px;
text-align: center;
}



#textBloc{
float:left;
width: 280px; /*Width of right column in pixels*/
}
#textBlocEtContenu{
width:260px;
border-top: #d3aa4e solid 1px;
border-bottom: #d3aa4e solid 1px;
border-left: #d3aa4e solid 1px;
border-right: #d3aa4e solid 1px;
}
.titre{
width:260px;
background:url(../images/title.gif) repeat-x left center;
font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
font-size:12px;
color:#906a27;
font-weight: bold;

}
.titre span{
background: repeat 0 0 #f9f0d3;
padding-right: 5px;
}

#titretext{
width: 260px; /*Width of right column in pixels*/
height: 180px;
margin-top: 6px;
margin-left: 6px;
margin-right: 4px;
text-align:left;
}



/* A NE PAS TOUCHER */


#footer { 
text-align: center; 
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
height:100px;
}
#lefooter { 
float:left;
width: 200px; /*Width of right column in pixels*/
height: 90px;
margin-right: 4px;
margin-top:24px;
line-height: 10px;

}

#lefooter2 { 
float:left;
width: 200px; /*Width of right column in pixels*/
height: 90px;
margin-right: 4px;
margin-top:30px;
margin-left: 6px;

}
	
#lefooter a:link, #lefooter a:visited,  #lefooter a:hover{ 
color:#7D775C;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
font-weight:normal;
text-decoration:none;
}

#lefooter2 a:link, #lefooter2 a:visited,  #lefooter2 a:hover{ 
color:#906a27;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
}

#linkList {
	position: absolute; 
	top: 130px;
	right: 0px;
	width: 200px;
	color:#ffffff;
    font-family:Trebuchet MS, Verdana, Geneva, sans-serif;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
	padding-bottom:0px;
	}
	


#linkList ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color:#ffffff;
    font-family: Verdana, Geneva, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-decoration:none;
	}
#linkList ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	}
#linkList li a:link, #linkList li a:visited {
	background-image: url("../images/puce.gif");
	background-repeat: no-repeat;
    background-position: 0 0.32em;
    padding-left: 15px;
	color:#d3aa4e;
	font-family: Verdana,Arial,Sans-serif;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	}
#linkList li a:hover {
	background:url("../images/puce2.gif");
	background-repeat: no-repeat;
    background-position: 0 0.32em;
    padding-left: 15px;
	color:#7D775C;
	text-decoration:none;
	font-family: Verdana,Arial,Sans-serif;
	font-size:11px;
	font-weight: normal;
	}
	
	#linkListConnexion {
	position: absolute; 
	top: 0px;
	right: 0px;
	width: 200px;
	background:url("../images/connexion.jpg");
	background-repeat: no-repeat;
	border-left: #d3aa4e solid 1px;
	height: 60px;
	padding-bottom: 0px;
	}
	#linkListConnexion2 {
	position: absolute; 
	top: 0px;
	right: 0px;
	width: 200px;
	background:url("../images/deconnexion.jpg");
	background-repeat: no-repeat;
	border-left: #d3aa4e solid 1px;
	height: 60px;
	padding-bottom: 0px;
	}
	
	#linkListConnexion h3 {
	margin:0px;
	padding:0px;
	right: 0px;
	width: 200px;
	color:#ffffff;
    font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;
	}
#linkListConnexion h3 a:link, #linkListConnexion h3  a:visited  {
    color:#d3aa4e;
    font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;	
}

#linkListConnexion h3  a:hover{
    color:#7D775C;
    font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;	
}

	#linkListConnexion2 h3 {
	margin:0px;
	padding:0px;
	right: 0px;
	width: 200px;
	color:#ffffff;
    font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;
	}
#linkListConnexion2 h3 a:link, #linkListConnexion2 h3  a:visited  {
    color:#d3aa4e;
    font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;	
}

#linkListConnexion2 h3  a:hover{
    color:#7D775C;
    font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;	
}

.connexionbg{
	width: 194px;
	height: 200px;
	margin:0px;
	padding:0px;
    color:#7D775C;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;
	background:url("../images/connexion2.jpg");
	background-repeat: no-repeat;
	border: #d3aa4e solid 1px;
}

.connexionbg h3{
	color:#d3aa4e;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-decoration: none;
	margin-right: 10px;
    text-align: right;
	font-style:normal;

}

.connexionbg h3 a:link, .connexionbg h3 a:visited  {
    color:#d3aa4e;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-decoration: none;
	font-style:normal;
}

.connexionbg h3 a:hover{
    color:#7D775C;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-decoration: none;
	font-style:normal;
}

#textControle{
	width: 160px;
	height: 80px;
	margin-top: 4px;
    color:#7D775C;
    font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;	
}

#textControleErreur{
	width: 160px;
	height: 80px;
	margin-top: 4px;
    color:#ff0000;
    font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
    font-size:12px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;	
}

#textControleErreur a:link, #textControleErreur a:visited, #textControleErreur a:hover{
    color:#d3aa4e;
    font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
    font-size:12px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;	
}
#textControleErreur a:hover{
    color:#7D775C;
    font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
    font-size:12px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;	
}

#textControleOk{
	width: 160px;
	height: 80px;
	margin-top: 4px;
    color:#ffffff;
    font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-decoration: none;
    text-align: center;
	font-style:normal;	
}
#alignergauche{
	width: 180px;
	margin-left: 8px;
	margin-right: 4px;
    text-align: left;
}


.connexionbg input {font-size:10px; border:1px solid #33251a; background-color:#33251a; color:#d3aa4e; width:76px; height:12px; margin-left:4px; }
.connexionbg submit {border:0px;cursor:pointer; height:13px; width:16px;}

#box {
float:left;
width: 280px; /*Width of right column in pixels*/
margin-left: 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;
}

#formule{
	color: #d3aa4e;
	font-family: "Trebuchet MS", Verdana,Arial,Sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: normal;
	padding-bottom: 10px;
	text-align:right;
	}
	
	
.input {height:18px; font-family: Verdana; font-size:10px; color:#000000; border:1px solid #e3d8b8; background-color:#e3d8b8;}
.select {height:18px ; font-family: Verdana;font-size:10px; border:1px solid #e3d8b8; color:#000000; background-color:#e3d8b8;}
.btn {border:1px solid #33251a; font-family: Verdana; color:#ffffff; background-color:#33251a; font-weight:bold; font-size:10px; cursor:pointer; height:20px;}
.area{border:1px solid #97712b; font-family: Verdana; color:#000000; background-color:#97712b;font-size:11px; }




.boxdisplay{
	width: 266px;
	height: 200px;
	margin: 0px;
	padding-top:20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
    color:#7D775C;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-decoration: none;
    text-align: left;
	font-style:normal;
	background:url("../images/boxdisplay.jpg");
	background-repeat: no-repeat;

}
.boxdisplay h4 {
width: 230px;
font-weight: normal;
margin:0px;
padding:0px;
}

 /*controle formulaire*/
.matableControleErreur {border-collapse: collapse; width:100%; background-color: #950000;color: #000000;}
.matableControleOk {border-collapse: collapse; width:100%; background-color: #BFDF7D; border:none; color: #000000;}
.matableTdControle{border:1px solid #FFFFFF; height: 16px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-lef: 4px;  padding-right: 0px; margin-right: 0px;
   }
   
.matable {border-collapse: collapse; width:100%; border:1px solid #ffffff;}
.matableTitre{background-color: #97712b; border:1px solid #ffffff; height: 16px; text-align: left; padding-left: 6px; padding-right: 0px; margin-left: 4px; margin-right: 0px; font-weight:bold;}
.matableTexte{background-color: #e3d8b8; border:1px solid #ffffff; height: 16px; text-align: left; font-size: 11px; color: #000000; padding-left: 2px; padding-right: 0px; margin-left: 0px; margin-right: 0px; font-weight:normal;}