body {
	background: #829924 url(../images/fondbb.jpg) repeat fixed top center;
	margin: 0px;
	_text-align: center;
}

div#conteneur {
	background-image: URL(../images/bg_bandeau_haut.gif);
	width:841px;
	text-align:left;
	margin-left: auto;   /*placement au centre */
	margin-right: auto;
	_text-align: left;
}

.wrapper {
	width:841px;
	_text-align: left ;
	margin-left: auto;   /*placement au centre */
	margin-right: auto;
}

.clearer {
	clear: both;
	display: block;
	height: 0px;
}

a {
	text-decoration:none;
}

/*---Menus haut---*/
a.topmenu1 {
	font-size: 18px;
	font-style: normal;
	color: #fff;
	font-family: "Arial narrow", arial, tahoma;
	text-align: right;
	text-decoration: none;
	vertical-align: bottom;
}
a.topmenu1:hover {
	font-size: 18px;
	font-style: normal;
	color: #00CBFF;
	font-family: "Arial narrow", arial, tahoma;
	text-align: right;
	text-decoration: none;
	vertical-align: bottom;
}

a.topmenu2 {
	font-size: 18px;
	font-style: normal;
	color: #00CBFF;
	font-family: "Arial narrow", arial, tahoma;
	text-align: right;
	text-decoration: none;
	vertical-align: bottom;
}
a.topmenu2:hover {
	font-size: 18px;
	font-style: normal;
	color: #fff;
	font-family: "Arial narrow", arial, tahoma;
	text-align: right;
	text-decoration: none;
	vertical-align: bottom;
}

/*---3 TOP panneaux---*/

td.bestsell {
	background: #085972;
}

td.newpackage {
	background: #9aa50a;
}
td.specialpromotion {
	background: #f7c800;
}
td.panneaux {
	padding-left: 5px;
}

a.panneauxtitle {
	font-size: 12px;
	font-style: normal;
	color: #fff;
	font-family: tahoma, arial;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	text-transform: uppercase;
}

a.panneauxtitle:hover {
	font-size: 12px;
	font-style: normal;
	color: #D2F7FF;
	font-family: tahoma, arial;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	text-transform: uppercase;
}

a.panneauxtitle2 {
	font-size: 12px;
	font-style: normal;
	color: #3d3d3d;
	font-family: tahoma, arial;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	text-transform: uppercase;
}

a.panneauxtitle2:hover {
	font-size: 12px;
	font-style: normal;
	color: #4c4c4c;
	font-family: tahoma, arial;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	text-transform: uppercase;
}

a.panneauxdescription {
	font-size: 10px;
	font-style: normal;
	color: #fff;
	font-family: tahoma, arial;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
}

a.panneauxdescription:hover {
	font-size: 10px;
	font-style: normal;
	color: #D2F7FF;
	font-family: tahoma, arial;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
}

a.panneauxdescription2 {
	font-size: 10px;
	font-style: normal;
	color: #3d3d3d;
	font-family: tahoma, arial;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
}

a.panneauxdescription2:hover {
	font-size: 10px;
	font-style: normal;
	color: #4c4c4c;
	font-family: tahoma, arial;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
}

/*---advertising 3 areas---*/

td.advertising {
	background-image: URL(../images/fond-advertising.gif);
	text-align: center;
	font-size: 13px;
	font-style: normal;
	color: #fff;
	font-family: tahoma, arial;
	text-align: left;
	text-decoration: none;
	vertical-align: top;
}

/*---Bordure droite---*/

.borduredroite {
	background:"#111111";
}

fieldset {
	margin: 0px;
	padding: 0px;
}

blockquote {
	display: block;
	border : 1px solid #990000;
	border-left : 8px solid #990000;
	background : #EEEEEE;
	padding : 0px 5px 0px 5px;
	font-style :italic;
	overflow: auto;
}

/*---style des info-bulles perso adaptees au contexte (image, plan...)---*/

a.info span {
	display: none;
}

a.info:hover {
	background: none; /* correction d'un bug IE */
}

.images a.info:hover span {
	/* style des infobulles associees aux images */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
	width: 200px;
}

.plan a.info:hover span {
	/* style des infobulles associees aux articles syndiques (page site.html) */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
}

.recherche a.info:hover span {
	/* style des infobulles associees aux articles syndiques (page site.html) */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
}

/*---affichage de code (pour afficher en mode texte du code html)---*/

.spip_code {
	display: block;
	border : 1px solid #669999;
	border-left : 8px solid #669999;
	background : #E0F0F0;
	padding : 0px 5px 0px 5px;
	margin: 1em 1em 1em 0em; /*Sarka-SPIP 1.8.2*/
	font-size: 90%;
	overflow: auto;
	max-height: 25em;
}

/* ====================== Bloc principal ====================== */

.centre {
	/*colonne centrale*/
	vertical-align: top;
	margin-top: 0px;
	font-size: 12px;
	border: 0px;
	margin-left: 20px;
	margin-right: 25px;
	font-family: Tahoma, Arial,Verdana,Helvetica,sans-serif;
	color:#222222;
}

/*---Sommaire---*/

.edito {
}

.edito .titre {
	color: #444444;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	margin: 17px 0px 0px 0px;
	padding: 0px;
	_text-align: left;
}

#trait_dessus
{
border-top: 1px solid #000;
width : 400px;
} 

.image {
	display: block;
	float: left;
	margin: 30px 10px 5px 0px;
	_margin: 30px 1px 5px 0px;
	border:0px;
}

.texte {
	margin: 30px 0 20px 0;
	text-align: justify;
}

.contenu {
	/*colonne centrale*/
	vertical-align: top;
	margin-top: 0px;
	font-size: 12px;
	border: 0px;
	font-family: Tahoma, Arial,Verdana,Helvetica,sans-serif;
}

/*---rubriques---*/

.rubrique {
	margin: 15px 0 20px 0;
	vertical-align: top;
}

.imagerubrique {
	display: block;
	margin: 20px 10px 5px 0px;
	_margin: 20px 1px 5px 0px;
	border:0px;

}
a.titrerubrique {
	color: #444444;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	_text-align: left;
}

.texterubrique {
	font-size: 14px;
	font-family: Tahoma, Arial,Verdana,Helvetica,sans-serif;
	text-align: justify;
	color:#222222;
	margin: 15px 0 20px 0;
}

.rubrique-fille {
	margin: 20px 0px 0px 0px;
	_margin: 0px 0px 0px 0px;
	padding: 0px;
}
.imagessrubrique {
	display: block;
	float: left;
	margin: 10px 10px 15px 0px;
	_margin: -5px 5px 10px 0px;
	border:0px;
}

a.titressrubrique {
	color: #444444;
	text-transform: uppercase;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	_margin: 0px 0px 0px 0px;
}
a.titressrubrique:hover {
	color: #6399c1;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	text-align: right;
}
.introductionssrubrique {
	color: #0c88af;
	margin: 13px 0px 0px 0px;
	_margin: 0px 0px 0px 0px;
}

 a.suite {
	color: #dd0000;
	margin-top: -5px;
	text-align: right;
	display: block;
	font-size:10px;
}

 a.suite:hover{
	color: #dd0000;
	margin-top: -5px;
	text-align: right;
	display: block;
	font-size: 10px;
	font-style: italic;
}
.article-fille {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
.imagerubriquefille {
	display: block;
	float: left;
	margin: 0px 10px 25px 0px;
	_margin: -5px 10px 25px 0px;
	border:0px;
}
.surtitrerubriquefille{
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	float: right;
	background: #6399c1;
	font-style: normal;
	padding: 2px;
	margin: 1px -10px 10px 0px;
	_margin: 0px -10px 10px 0px;
}
a.titrerubriquefille {
	color: #444444;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	_margin: 0px 0px 10px 0px;
}
a.titrerubriquefille:hover {
	color: #6399c1;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	text-align: right;
}
.introductionrubriquefille{
	color: #222222;
	margin: 13px 0px 0px 0px;
}

/*---articles---*/

.article {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
.imagearticle {
	display: block;
	float: left;
	margin: 0px 10px 5px 0px;
	_margin: 0px 10px 5px 0px;
	border:0px;
}
.surtitrearticle {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	float: right;
	background: #6399c1;
	font-style: normal;
	padding: 2px;
	margin: -15px -10px 10px 0px;
	_margin: -15px -10px 10px 0px;
}
.titrearticle {
	color: #444444;
	font-size: 20px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	_margin: 0px 0px 10px 0px;
}
.soustitrearticle{
	color: #444444;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	_margin: 0px 0px 10px 0px;
}
.textearticle{
	color: #222222;
	margin: 13px 0px 0px 0px;
	text-align: justify;
}

a.imagejointe{
	border:1px;
	color: #6399c1;
}
.articles-freres ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #6399c1;
}
.articles-freres{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.articles-freres-en-tete {
	color: #444444;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	_margin: 0px 0px 10px 0px;
}
.imagearticles-freres {
	display: block;
	float: left;
	margin: 0px 10px 5px 0px;
	_margin: 0px 10px 5px 0px;
	border:0px;
}
.articles-freres-titre {
	color: #444444;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	_margin: 0px 0px 10px 0px;
}
a.articles-freres-titre {
	color: #40759c;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	_margin: 0px;
}
a.articles-freres-titre:hover {
	color: #444444;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	_margin: 0px;
}
.articles-freres-surtitre{
	color: #222222;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	_margin: 0px 0px 00px 0px;
}
a.articles-freres-surtitre{
	color: #222222;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	_margin: 0px 0px 00px 0px;
}
a.articles-freres-surtitre:hover{
	color: #40759c;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	_margin: 0px 0px 00px 0px;
}

/*---Formulaire---*/
.gris {
	background-color: #4F9EC9; font-size: 11px; font-family: tahoma, verdana, arial; padding: 7px; color: #FFFFFF;
}
.blanc {
	background-color: #d2e7ff; font-size: 11px; font-family: tahoma, verdana, arial; padding: 7px; color: #333333;
}

/*---Money Exchange---*/

table.exchange {
	padding: 1px;
	border: 1px;
	border-color:#036;
	padding: 0px;
	background-color:#FFF;
}

td.titreexchange {
	padding: 5px 3px 5px 3px;
	text-align:center;
	background-color: #4F9EC9;
	color:#FFF;
	text-transform: uppercase;
	font-size:12px;
	font-family: Tahoma, Arial,Verdana,Helvetica,sans-serif;
}

td.textexchange {
	padding: 0 3px 0 3px;
	font-family: Tahoma, Arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	color: #222222;
}
td.textexchangeright {
	padding: 0 3px 0 3px;
	font-family: Tahoma, Arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	color: #222222;
	text-align:right;
}