/*________________________
Elements de base
EDITEZ A VOS RISQUES ET PERILS
Ces elements sont des elements de base
*************************/
body {
	font-size: 12pt;
	background-color: #ffffff;
	margin: 10px auto;
}

#page {
	width: 850px;
	background-color: #f7f8fc;
	border: 1px solid #61021e;
	margin: 0 auto;
}
/*________________________
Elements du HEADER
EDITEZ A VOS RISQUES ET PERILS
Ces elements sont des elements de base
*************************/
#logo {
	background: url(../img/logo_01.jpg) top left no-repeat;
	width: 851px;
	height: 106px;
}

#email {
	text-align: right;
	padding: 66px 16px 0 0;
}

#email a {
	font-family: tahoma, sans-serif;
	color: #d7d3d4;
	font-weight: 600;
	font-size: .75em;
}

#email a:link {
	text-decoration: none;
}

#email a:visited {
	text-decoration: none;
}

#email a:hover {
	text-decoration: underline;
}

#email a:active {
	text-decoration: none;
}
/*________________________
Elements de la MAIN NAVIGATION
*************************/
#topnav a {
	border: 0;
	padding: 0;
	margin: 0;
}

#topnav {
	height: 32px;
	width: 850px;
	clear: both;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

#topnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	margin: 0;
}

#topnav li {
	display: inline;
	margin: 0;
	padding: 0;
	margin: 0 0 0 0;
}

#topnav span {
	display: none;
}

.english {
	background: url(../fr/img/lang.jpg) no-repeat left top; 
	width: 198px;
	height: 32px;
	display: block;
	float: left;
	background-position:100% -32px;
}

.english:hover {
	background: url(../fr/img/lang.jpg) no-repeat left top; 
	width: 198px;
	height: 32px;
	display: block;
	float: left;
	background-position:100% 0;
}

.accueil {
	background: url(../fr/img/accueil.jpg) no-repeat left top;
	width: 106px;
	height: 32px;
	display: block;
	float: left;
	border-left: 2px solid #ffffff;
}

.produits {
	background: url(../fr/img/produits.jpg) no-repeat left top; 
	width: 115px;
	height: 32px;
	display: block;
	float: left;
	background-position:100% -32px;
}

.produits:hover {
	background: url(../fr/img/produits.jpg) no-repeat left top; 
	width: 115px;
	height: 32px;
	display: block;
	float: left;
	background-position:100% 0;
}

.annonces {
	background: url(../fr/img/pub.jpg) no-repeat left top; 
	width: 129px;
	height: 32px;
	display: block;
	float: left;
	background-position:100% -32px;
}


.annonces:hover {
	background: url(../fr/img/pub.jpg) no-repeat left top; 
	width: 129px;
	height: 32px;
	display: block;
	float: left;
	background-position:100% 0;
}

.boutique {
	background: url(../fr/img/boutique.jpg) no-repeat left top; 
	width: 159px;
	height: 32px;
	display: block;
	float: left;
	background-position:100% -32px;
}

.boutique:hover {
	background: url(../fr/img/boutique.jpg) no-repeat left top; 
	width: 159px;
	height: 32px;
	display: block;
	float: left;
	background-position:100% 0;
}

.search {
	background: url(../fr/img/search.jpg) no-repeat left top; 
	width: 143px;
	height: 32px;
	display: block;
	float: left;
	background-position:100% -32px;
}

.search:hover {
	background: url(../fr/img/search.jpg) no-repeat left top; 
	width: 143px;
	height: 32px;
	display: block;
	float: left;
	background-position:100% 0;
}
/*________________________
Elements de la NAVIGATION DE GAUCHE
*************************/
#navleft {
	text-align: left;
	width: 170px;
	display: block;
	padding: 0;
	float: left;
	margin: 0;
	position: relative;
}	

#navleft dl {
	margin: 0;
	padding: 0;
	background: url(../fr/img/gal_title.gif) no-repeat center top;
}	

#navleft dt {
	text-align: left;
	font-family: tahoma, sans-serif;
	font-size: .9em;
	color: #ac3a08;
	margin: 0 0 0 0;
	padding: 0;
}	

#navleft dd {
	text-align: left;
	font-family: tahoma, sans-serif;
	font-size: .9em;
	color: #ac3a08;
	margin: 0 0 0 0;
	padding: 0;
}	

#navleft a:link {
	text-decoration: none;
}

#navleft a:visited {
	text-decoration: none;
}

#navleft a:hover {
	text-decoration: underline;
}

#navleft a:active {
	text-decoration: none;
}

.separator60 {
	height: 60px;
}

.separator30 {
	height: 30px;
}

.separator220 {
	height: 220px;
}
/*________________________
Elements de la NAVIGATION DE DROITE
*************************/
#right_content {
	text-align: left;
	width: 680px;
	display: block;
	padding: 0;
	float: right;
	margin: 0;
	position: relative;
}

#intro {
	width: 563px;
	border: 1px solid #61021e;
	min-height: 330px;
	text-align: justify;
}

#intro img {
	border: 1px solid #000000;
	margin: 16px auto;
	vertical-align: text-top;
	display: block;

}

/*#intro img {
	border: 1px solid #000000;
	margin: 16px;
	vertical-align: text-top;
	float: right;
	clear: left;
}*/

#intro p {
	margin: 0 0 5px 0;
	padding: 5px;
	font-family: tahoma, sans-serif;
	font-size: .80em;
	color: #000000;
	text-align: justify;
}

#intro span {
	display: none;
}

#intro h2 {
	background: url(../fr/img/index_title01.gif) no-repeat center top;
	height:  29px;
	width: 563px;
	margin: 0;
	padding: 0;
}

/*________________________
Elements de la FOOTER
*************************/
#footer {
	clear: both;
	background: url(../img/footer.gif) no-repeat left top;
	height: 53px;
	text-align: center;
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 6px 0 2px 0;
	text-align: left;
	margin: 0;
	text-align: center;
	font-family: tahoma, sans-serif;
	font-size: .85em;
	color: #ffffff;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
	font-family: tahoma, sans-serif;
	font-size: .85em;
	color: #ffffff;
}

#footer li a, #footer p a {
	color: #ffffff;
}

#footer li a {
	padding: 0 8px 0 8px;
}

#footer li a:link, #footer p a:link {
	text-decoration: none;
}

#footer li a:visited, #footer p a:visited {
	text-decoration: none;
}

#footer li a:hover, #footer p a:hover {
	text-decoration: underline;
}

#footer li a:active, #footer p a:active {
	text-decoration: none;
}

.footnote:before {
	content: "|";
	color: #ffffff;
}

#footer p {
	margin: 0;
	padding: 2px 0;
	font-family: tahoma, sans-serif;
	font-size: .80em;
	color: #ffffff;
}