body{
	background-image: url("../img_interface/fond.jpg");
	background-repeat: x-repeat;
	
	margin: 0;
	text-align: center;
	
	font-family: verdana;
	/*font-size: 9pt;*/
	/*font-size: 0.75em;*/
	font-size: 75%;
}


h1{
	font-size: 1em;
}


#retour{
	position: absolute;

	top: 420px;
	left: 100px;

	width: 400px;

	text-align: center;
	text-decoration: none;

	color: #666633;
	border: 1px solid black;
	border-color: #666633;
}


#titre{
	position: absolute;
	
	font-family: arial;
	font-size: 2.5em;
	
	color: #FFFFFF;
	
	margin-top: -28px;
	margin-left: -1px;
}

/* pour centrer le site */
#global{
	position: absolute;
	left: 50%;
	top: 50%;
		
	border-color: #666633;
	border: 1px solid;

	width: 800px;
	height: 600px;
	
	margin-top: -300px;
	margin-left: -400px;
	
	text-align: left;
}

form{
	margin: 0px;
}

#formRecherche{
	background-image: url("../img_interface/barre_haut.gif");

	width: 800px;
	height: 23px;
}

#formRecherche input{
	position: absolute;
	height: 13px;
	color: #999966;
	
	margin-top: 2px;
	margin-left: 35px;
	
	/*font-size: 9px;*/
	font-size: 0.8em;
}

#formRecherche img{
	position: absolute;
	
	margin-left: 10px;
}

#aide{
	font-weight: bold;
	margin-left: 170px;
	color: #666633;
	text-decoration: none;
}

#rapido{
	position: absolute;

	top: -29px;
	left: 190px;

	color: #999966;

	margin-top: 8px;
	margin-left: 448px;

	width: 130px;
	
	font-size: 0.8em;
}

#validRapido{
	position: absolute;

	width: 20px;

	top: -18px;
	left: 770px;
	
	color: #CCCC99;

	text-decoration: none;
	
	font-size: 0.8em;
}


#emplacementMenu{
	position: absolute;
	
	background-image: url("../img_interface/fond_menu.jpg");
	background-repeat: no-repeat;

	width: 172px;
	height: 454px;
}


dl, dt, dd{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	position: absolute; 
	top: 10px;
/*	left: 20px;*/
	left: 10px;

/*	font-size: 1em;*/
	font-size: 0.8em;

/*	width: 129px;*/
	width: 150px;
}

#menuPro a{
	position: absolute; 
	top: 10px;
	left: 15px;
	
	background-color: #999966;
	color: #FFFFFF;
	
	border: 1px solid black;
	border-color: #666633;

	font-size: 1em;
	font-weight: bold;


	text-align: center;
	
	width: 140px;
}


#menu dt {
	background-image: url("../img_interface/menu/no_sel.gif");
	
	color: #FFFFFF;
/*	text-align: center;*/
	text-align: left;

	padding-left: 5px;
}

#menu dt a{
	color: #FFFFFF;

	text-decoration: none;
	display: block;
	border: 0 none;
	height: 15px;
}

#menu dt a:hover {
	background-image: url("../img_interface/menu/survol.gif");
	color: #666633;
}


#menu dd {
	background-image: url("../img_interface/sous_menu/milieu.gif");
/*	text-align: center;*/
	text-align: 5px;

	padding-left: 3px;
	padding-right: 3px;
}

#menu dd img{
	display: block;
}


#menu dd a{
	color: #666633;
	
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}

#menu dd a:hover{
	font-weight: bold;
}


#newsletter{
	color: #666633;
	
	/*font-size: 8pt;*/
	font-size: 0.75em;
	
	margin-top: 300px;
	margin-left: 15px;
}

#newsletter input{
	height: 13px;
	color: #999966;
	
	width: 112px;
	font-size: 1em;
}

#newsletter a{
	color: #666633;
	font-weight: bold;
	text-decoration: none;
}


#haut_outil{
	margin-left: 15px;
}

#outil{
	background-image: url("../img_interface/outils/milieu.gif");

	width: 98px;

	font-size: 1em;

	margin-top: -3px;
	margin-left: 15px;
	padding-left: 30px;
}

#bas_outil{
	position: absolute;

	margin-top: -19px;
	margin-left: 15px;
}



#outil a{
	color: #FFFFFF;
	text-decoration: none;
}

#outil a:hover{
	font-weight: bold;
}


#emplacementContenu{
	position: absolute;
	
	background-image: url("../img_interface/fond_contenu.jpg");
	background-repeat: no-repeat;
	
	color: #666633;
	font-family: verdana;

	width: 458px;	
	height: 454px;

	left: 172px;
	
	text-align: justify;
	
	padding-top: 60px;
	padding-left: 20px;
	padding-right: 170px;
}


#ecard{
	overflow-y: scroll;
	overflow-x: hidden;
	
	text-align: center;

	height: 330px;
	width: 540px;
	
	scrollbar-arrow-color: #666633;
	scrollbar-face-color: #CCCC99;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #999966;
	scrollbar-shadow-color: #999966;
	scrollbar-darkshadow-color: #996633;
	scrollbar-track-color: #CCCC99;
}


#tabLivre{
	overflow-y: scroll;
	overflow-x: hidden;
	
	height: 330px;
	width: 540px;
	
	scrollbar-arrow-color: #666633;
	scrollbar-face-color: #CCCC99;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #999966;
	scrollbar-shadow-color: #999966;
	scrollbar-darkshadow-color: #996633;
	scrollbar-track-color: #CCCC99;
}

#tabAlbum{
	overflow-y: scroll;
	overflow-x: hidden;
	
	height: 370px;
	width: 540px;

	scrollbar-arrow-color: #666633;
	scrollbar-face-color: #CCCC99;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #999966;
	scrollbar-shadow-color: #999966;
	scrollbar-darkshadow-color: #996633;
	scrollbar-track-color: #CCCC99;
}


.largeurLivre{
	width: 310px;
}

#emplacementContenuCarte{
	position: absolute;
	
	background-repeat: no-repeat;
	
	width: 648px;
	height: 454px;
	
	top: 128px;
	/*top: 165px;*/
	left: 172px;
	
	text-align: justify;
}

#emplacementImage{
	position: absolute;
	
	margin-top: 70px;
	margin-left: 660px;
	
	text-align: center;
}


#emplacementImage a{
	text-decoration: none;
}

#enteteContenu{
	position: absolute;
	
	margin-top: 5px;
	left: 173px;
}


#enteteContenu select{
	position: absolute;
	color: #999966;

	top: 10px;
	margin-left: 465px;

	width: 130px;
	
	font-size: 0.8em;
}

#validNavig{
	/*position: absolute;*/

	margin-top: 15px;
	margin-left: 597px;
/*	margin-left: 175px;*/
	
	width: 20px;
	
	color: #996633;
	
	font-size: 0.8em;
}

#enteteContenu p{
	position: absolute;
	left: 415px;
	
	text-align: right;
	
	margin-top: 0px;
	
	font-weight: bold;
	font-size: 0.75em;
}

#enteteContenu a{
	color: #666633;
	text-decoration: none;
}


#copyright{	
	position: absolute;
	
	background-image: url("../img_interface/barre_bas.gif");
	background_repeat: y-repeat;
	
	color: #CCCC99;

	font-size: 0.8em;
	
	margin-top: 454px;
	
	width: 790px;
	height: 18px;
	
	padding-left: 10px;
}

#copyright a{
	color: #CCCC99;
	text-decoration: none;
}

#copyright img{
	margin-top: 0.1em;
	margin-left: 47em;
}


#navig{
	position: absolute;
	
	top: 545px;
	left: 660px;

	font-size: 0.7em;
	font-weight: bold;
	
	text-align: center;
}

#navig td{
	background-color: #999966;
	color: #FFFFFF;
	
	border: 1px solid black;
	border-color: #666633;
	
	width: 17px;
	height: 17px;
	text-align: center;
}



#navig a{
	color: #FFFFFF;
	text-decoration: none;
}

a{
	text-decoration: none;
	color: #996633;
}

#historique{
	position: absolute;
	
	color: #FFFFFF;
		
/*	top: 144px;*/
	top: 135px;
	left: 180px;
	
	font-family: verdana;
/*	font-size: 1.3em;*/
	font-size: 0.8em;
	font-weight: bold;
}

img{
	border: 0;
}

#livre_or{
	text-align: center;
}


#livre_or td{
	vertical-align: top;
	text-align: left;
}

.invisible{
	position: absolute;
	visibility: hidden;
}

.livre_or{
	font-size: 0.8em;
}


#langue{
	position: absolute;
	top: -2px;
	left: 801px;
}

#langue a {
	color: #000000;
	
	display: block;
	
	font-family: arial;
	font-weight: bold;
}


#dl{
	width: 45em;
}

#td_dl{
	width: 12em;
}

#planSite a{
	text-decoration: none;
}

#planSite th{
	background-color: #999966;
	color: #FFFFFF;
	
	border: 1px solid black;
	border-color: #666633;
	
	text-align: center;
}

#planSite td{
	vertical-align: top;
	
	width: 150px;
}


#versoEcard{
	background-image: url("../img_interface/ecard.jpg");
	background-repeat: no-repeat;

	width: 460px;
	height: 345px;
}


#ecardNom{
	position: relative;

	text-align: left;

	top: 133px;
	left: 285px;

	font-family: "Comic Sans MS";
	font-size: 1em;
}

#ecardMail{
	position: relative;

	text-align: left;

	top: 163px;
	left: 285px;

	font-family: "Comic Sans MS";
	font-size: 0.8em;
}


#ecardText{
	position: relative;

	text-align: left;

	top: 30px;
	left: 20px;

	margin-right: 16.5em;

	font-family: "Comic Sans MS";
	font-size: 1.1em;
}

#lienTelecharger{
	position: absolute;

	/*top: 330px;*/
	top: 400px;
	left: 670px;
}