/* CSS Document */
* {
margin: 0;
padding: 0;
border: 0;
}
body  {
	margin: 0;
	padding:0;
	background-color: #282828;
	font-family:verdana, arial, times, georgia, sans-serif;
	font-size:12px;
	color:#676362;
	text-align:justify;
	background-image:url(images/arabesque2.jpg);
	background-repeat:no-repeat;
	}
#tout{
	margin: 0 auto;
	width:900px;
	height:940px;
}

.cgv {
	margin: 20px;
	text-align: justify;
	color: #bbb;
}

/************************Intro****************************************/
.bloc200px{
	display:block;
	float:left;
	width:200px;
	font-family:verdana, arial, times, georgia, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

.anim_intro{
	display:block;
	float:right;
	width:700px;
	line-height:25px;
	font-family: Times New Roman, Times, serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	/*margin-left: 200px;*/
}
.blocMenuInfIntro{
	display:block;
	float:left;
	width:180px;
	height:25px;
}
#MenuInfIntro{
	display:block;
	float:left;
	width:900px;
	height:25px;
	line-height:25px;
	text-align:center;
}
.MenuPuceIntro{
	display:block;
	float:left;
	width:13px;
	height:25px;
}
.MenuPrincipalIntro{
	display:block;
	float:left;
	height:25px;
	color:#807D7E;
	font-size:10px;
}
.MenuPrincipalIntro a{
	color:#FFFFFF;
	text-decoration:none;
}
.MenuPrincipalIntro a:hover{
	color:#A8A4A5;
	text-decoration:none;
}
.MenuPrincipalIntro2{
	display:block;
	float:left;
	height:20px;
	width:190px;
	color:#807D7E;
	font-size:11px;
	border-bottom:#FFFFFF solid  1px; 
	padding-top: 5px;
}
.MenuPrincipalIntro2 a{
	color:#FFFFFF;
	text-decoration:none;
	margin-left:5px;
}
.MenuPrincipalIntro2 a:hover{
	color:#A8A4A5;
	text-decoration:none;
	margin-left:5px;
}
.MenuPrincipalIntro3{
	display:block;
	text-align:left;
	float:left;
	height:35px;
	width:185px;
	color:#807D7E;
	font-size:11px;
	border-bottom:#FFFFFF solid  1px; 
	padding-top: 5px;
	margin-left:5px;
}
.MenuPrincipalIntro3 a{
	color:#FFFFFF;
	text-decoration:none;
	margin-left:5px;
}
.MenuPrincipalIntro3 a:hover{
	color:#A8A4A5;
	text-decoration:none;
	margin-left:5px;
}
.txtNews {
	display:block;
	width:185px;
	color:#FFFFFF;
	font-size:11px;
	margin-top: 15px;
	margin-left:5px;
}

/************************Zzam****************************************/
h1{
text-align:center;
color:#540058;
font-family:verdana, arial, times, georgia, sans-serif;
font-size:12px;
}
/****************************************************************/


/************************ DE *****************/
#BlocMenuPrincipalDE{
	display:block;
	float:left;
	width:900px;
	height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E8E4E5;
	line-height:25px;
	text-align:center;
	margin-top:30px;
}
.MenuPrincipalDE{
	display:block;
	float:left;
	height:25px;
	color:#807D7E;
}
.MenuPrincipalDE a{
	color:#FFFFFF;
	text-decoration:none;
}
.MenuPrincipalDE a:hover{
	color:#A8A4A5;
	text-decoration:none;
}
.MenuPuceDE{
	display:block;
	float:left;
	width:22px;
	height:25px;
}
/************************ bloc menu bas *****************/
#BlocMenuPrincipal{
	display:block;
	float:left;
	width:900px;
	height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E8E4E5;
	line-height:25px;
	text-align:center;
	margin-top:30px;
}
.MenuPrincipal{
	display:block;
	float:left;
	height:25px;
	color:#807D7E;
}
.MenuPrincipal a{
	color:#FFFFFF;
	text-decoration:none;
}
.MenuPrincipal .special{
	color:#807D7E;
	text-decoration:none;
}
.MenuPrincipal a:hover{
	color:#A8A4A5;
	text-decoration:none;
}
.MenuPuce{
	display:block;
	float:left;
	width:20px;
	height:25px;
}
.MenuPuceNL{
	display:block;
	float:left;
	width:29px;
	height:25px;
}
.MenuPuceEN{
	display:block;
	float:left;
	width:28px;
	height:25px;
}
.MenuPuceENinf{
	display:block;
	float:left;
	width:20px;
	height:25px;
}
/************************ bloc menu bas *****************/
#MenuInf{
	display:block;
	float:left;
	width:900px;
	height:25px;
	line-height:25px;
	text-align:center;
}
.blocMenuInf{
	display:block;
	float:left;
	width:185px; /* 290px orig -- 235px avec jobs -- 185px avec archives et video*/
	height:25px;
}

.blocMenuInfFR{
	display:block;
	float:left;
	width:185px; /* 290px orig -- 235px avec jobs -- 185px avec archives et video*/
	height:25px;
}

.blocMenuInfDE{
	display:block;
	float:left;
	width:210px;
	height:25px;
}

.blocMenuInfEN{
	display:block;
	float:left;
	width:240px;
	height:25px;
}

.blocMenuInf2{
	display:block;
	float:left;
	width:200px;
	height:25px;
}
/************************ bloc centrale *****************/
#blocCentrale{
	display:block;
	float:left;
	width:900px;
	background-color:#E8E4E5;

}
#blocCentrale-buisson{
	display:block;
	float:left;
	width:900px;
	background-image:url(images/buisson.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#E8E4E5;
}
/************************ bloc 300px menu langue *****************/
.bloc900px{
	display:block;
	float:left;
	width:900px;
	height:25px;
	background-image:url(images/bandeBas.jpg);
}
.bloc300px{
	display:block;
	float:left;
	width:280px;
	height:25px;
	line-height:25px;
	background-color:#E8E4E5;
	font-family: Times New Roman, Times, serif;
	font-size:12px;
	padding-left:20px;
	color:#540058;
}
.bloc300pxCentre{
	display:block;
	float:left;
	background-color:#540058;
	width:300px;
	height:25px;
	line-height:25px;
	font-family: Times New Roman, Times, serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}
.bloc300pxCentre h1{
	font-family: Times New Roman, Times, serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	font-weight:normal;
}
.blocCentralComplet {
        display:block;
	float:left;
	width:900px;
	height:25px;
	line-height:25px;
	background-color:#E8E4E5;
	font-family: Times New Roman, Times, serif;
	font-size:12px;
	padding-left:20px;
	color:#540058;
        text-align: center;
}
/************************ bloc 300px menu langue *****************/
#blocMenuGauche{
	display:block;
	float:left;
	width:280px;
	height:370px;
	padding:10px;
	background-color:#E8E4E5;
}
#blocMenuGauche2{
	display:block;
	float:left;
	width:280px;
	height:530px;
	padding:10px;
	background-color:#E8E4E5;
}
.MenuGauche{
	display:block;
	float:left;
	width:280px;
	height:30px;
	line-height:30px;
	border-bottom:#FFFFFF solid  1px; 
	font-family: Times New Roman, Times, serif;
	font-size:14px;
	font-variant:small-caps;
	color:#540058;
}
.MenuGauche a{
 	color:#676362;
	text-decoration:none;
}
.MenuGauche a:hover{
 	color:#540058;
	text-decoration:none;
}
.MenuGauche2{
	display:block;
	float:left;
	width:280px;
	height:40px;
	margin-top:3px;
	line-height:18px;
	border-bottom:#FFFFFF solid  1px; 
	font-family: Times New Roman, Times, serif;
	font-size:14px;
	font-variant:small-caps;
	color:#540058;
}
.MenuGauche2 a{
 	color:#676362;
	text-decoration:none;
}
.MenuGauche2 a:hover{
 	color:#540058;
	text-decoration:none;
}
.ulMenu{
height:100px;
}
.liMenu{
	font-variant:normal;
	line-height:20px;
	color:#540058;
}
.liMenu a{
 	color:#676362;
	text-decoration:none;
}
.liMenu a:hover{
 	color:#540058;
	text-decoration:none;
}
.MenuGaucheBis{
	display:block;
	float:left;
	width:280px;
	height:100px;
	border-bottom:#FFFFFF solid  1px; 
	font-family: Times New Roman, Times, serif;
	font-size:14px;
	font-variant:small-caps;
	color:#540058;
}
.MenuGaucheBis a{
 	color:#676362;
	text-decoration:none;
}
.MenuGaucheBis a:hover{
 	color:#540058;
	text-decoration:none;
}
.MenuGaucheTer{
	display:block;
	float:left;
	width:280px;
	height:40px;
	border-bottom:#FFFFFF solid  1px; 
	font-family: Times New Roman, Times, serif;
	font-variant:small-caps;
	font-size:14px;
	color:#540058;
}
.MenuGaucheTer a{
 	color:#676362;
	text-decoration:none;
}
.MenuGaucheTer a:hover{
 	color:#540058;
	text-decoration:none;
}
.MenuGaucheNl{
	display:block;
	float:left;
	width:280px;
	height:55px;
	border-bottom:#FFFFFF solid  1px; 
	font-family: Times New Roman, Times, serif;
	font-variant:small-caps;
	font-size:14px;
	color:#540058;
}
.MenuGaucheNl a{
 	color:#676362;
	text-decoration:none;
}
.MenuGaucheNl a:hover{
 	color:#540058;
	text-decoration:none;
}
/************************ bloc 300px texte *****************/
.blocTxt{
	display:block;
	float:left;
	width:280px;
	padding:9px;
}
.blocTxt2{
	display:block;
	float:right;
	width:280px;
	height:550px;
	padding:9px;
}
/************************ bloc formulaire *****************/
.blocForm{
	display:block;
	float:left;
	width:580px;
	background-color:#E8E4E5;
	padding:10px;
}
/************************ ul *****************/
ul{
	margin-left:15px;
}
.liRetrait{
	margin-left:15px;
	font-style:italic;
}
/************************ TXT *****************/
.titreSousMenu{
	text-align:center;
	color:#540058;
	font-weight:bold;
}
/************************Zzam****************************************/
.titreSousMenu h1{
text-align:left;
color:#540058;
font-family:verdana, arial, times, georgia, sans-serif;
font-size:12px;
}
/****************************************************************/
.titre{
	color:#540058;
	font-weight:bold;
}
/************************Zzam****************************************/
.titre h1{
text-align:left;
color:#540058;
font-family:verdana, arial, times, georgia, sans-serif;
font-size:12px;
}
div#entete h1{
text-align:left;
color:#540058;
font-family:verdana, arial, times, georgia, sans-serif;
font-size:12px;
}


/****************************************************************/
.txtMauve{
	color:#540058;
}
a{
 	color:#676362;
	text-decoration:none;
}
a:hover{
 	color:#540058;
	text-decoration:none;
}
.intro{
	font-style:italic;
}
/************************ Table *****************/
table{
	width:280px;
}
.tdTitre{
	background-color:#B7B5B5;
	text-align:center;
	height:20px;
	line-height:20px;
}
.tdSousTitre{
	background-color:#D6D3D3;
	text-align:center;
	height:18px;
	line-height:18px;
}
.tdPrix{
	background-color:#E1DDDD;
	height:20px;
	line-height:20px;
}
.tableForm{
	width:580px;
}
.tdForm{
	width:280px;
}

.tdTitre2{
	background-color:#B7B5B5;
	text-align:center;
	height:15px;
	line-height:1px;
}
.tdSousTitre2{
	background-color:#D6D3D3;
	text-align:center;
	height:15px;
	line-height:15px;
}
.tdPrix2{
	background-color:#E1DDDD;
	height:15px;
	line-height:15px;
}
/********************* table affichage php ********************/
.tablePhp{
	width:580px;
}
.tdPhp{
	width:280px;
	vertical-align: top;
	padding:10px;
	border-bottom:#FFFFFF solid  1px;
}
/********************* blocIMG inferieur ********************/
.blocImg{
display:block;
float:left;
width:280px;
padding-top:15px;
text-align:center;
}
/********************* blocIMG inferieur ********************/
.blocImg2{
display:block;
float:left;
width:280px;
padding-top:95px;
text-align:center;
}
/********************* bloc suivant ********************/
.blocSuivant{
display:block;
float:left;
width:280px;
padding-top:10px;
font-weight:bold;
color:#540058;
text-align:left;
}
/********************* bloc imprimer ********************/
.blocImprimer{
display:block;
float:left;
padding-top:15px;
width:280px;
}
/********************* bloc imprimer ********************/
.blocTxtMenu{
display:block;
float:left;
padding-top:105px;
width:280px;
}
.blocTxtMenu2{
display:block;
float:left;
padding-top:55px;
width:280px;
}
.txtCentree{
text-align:center;
}
.txtCentreeMauve{
text-align:center;
color:#540058;
}
/************************Zzam****************************************/
h1.txtCentreeMauve{
text-align:center;
color:#540058;
font-family:verdana, arial, times, georgia, sans-serif;
font-size:12px;
}
/****************************************************************/
.blocPlan{
display:block;
float:left;
width:600px;
height:380px;
}
.blocTxtInfo{
display:block;
float:left;
background-color:#999999;
padding:10px;
width:260px;
color:#FFFFFF;
}

.copyright{
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
}
.copyright a:hover{
	color:#A8A4A5;
	font-size:10px;
	text-align:left;
}
.copyright2{
	color:#676362;
	font-size:10px;
	text-align:right;
}
.copyright2 a{
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
}
.copyright2 a:hover{
	color:#A8A4A5;
	font-size:10px;
	text-align:right;
}

.copyright3 a{
	color:#676362;
	font-size:10px;
	text-align:right;
}

.blocCheque {
	background-color: #540058;
	margin-top: 40px;
	width: 280px;
	height: 40px;
	text-align: center;
	padding-top: 22px;
}
.blocCheque a {
	 color: #ffffff;
	 text-decoration: none;
	 font-weight: bold;
}
.chequeInput {
	 width: 110px;
	 border: 1px solid;
	 margin-bottom: 3px;
}
.boutiqueBouton {
	margin-top: 15px;
	width: 90px;
	height: 20px;
	background-color:#540058;
	border: 0;
	font:normal 11px Arial;
	color: #ffffff;
}
.cadreMauveAuto {
	background-color:#540058;
	width: 260px;
	height: auto;
	font-weight: bold;
	color: #ffffff;
	padding: 10px;
	margin-top: 25px;
}
.cadreMauveJobs {
	background-color:#540058;
	width: 260px;
	height: auto;
	font-weight: bold;
	color: #ffffff;
	padding: 10px;
	margin-top: 25px;
	text-align: left;
}
.cadreMauveJobs a {
	color: #676362;
}
.cadreMauveLien,.cadreMauveLien:hover {
	color:#676362;
}
.commandeForm {
	text-align: left;
}
.commandeForm label {
	width: 95px;
	margin-bottom: 4px;
	float: left;
}
.commandeForm input[type=text] {
	margin-bottom: 4px;
	width: 160px;
	border: 1px solid;
}
.commandeForm select {
	margin-bottom: 4px;
	width: 160px;
	border: 1px solid;
}
.commandeForm textarea {
	margin-bottom: 4px;
	width: 250px;
	height: 98px;
	border: 1px solid;
}

.formRequired {
	color: #540058;
}
.formRequiredLegend {
	color: #540058;
	font:normal 11px Arial;
}
.commandeFormCgv {
	font:normal 11px Arial;
}

.boutiqueCategorie {}

.boutiqueCategorie img {
	border: 1px solid #540058;
	margin: 5px;
	vertical-align:middle
}

.produitsListe {
	width: 270px;
	height: auto;
	border: 1px solid #540058;
	margin: 5px 0px;
	padding: 5px;
	/*clear: both;*/
}
.produitsListePhoto {
	width: 100px;
	float: left;
	padding: 0px;
	margin-right: 3px;
}
.produitsListePhoto img {
	border: 1px solid #540058;
}
.produitsListeTexte {
	border: 0px;
	float: left;
	padding: 5px;
	width: 155px;
}
.produitsListeTexteTitre {
	margin-bottom: 5px;
	font-weight: bold;
	font:bold 13px Arial;
}
.produitsListeTexteLien {
	margin-top: 2px;
}
.produitsListeTexteLien input[type=submit] {
	background-color: #540058;
	color: #ffffff;
	padding: 3px;
	font:normal 11px Arial;
	height: 22px;
	width: 110px;
}

.produitsListeTexteLien input[type=text] {
	width: 20px;
	height: 18px;
	border: 1px solid;
}

.produitsListeTexteContenance,.produitsListeTextePrix {
	font:normal 11px Arial;
}

.produitsFiche {
	width: 565px;
	height: auto;
	border: 0;
	padding: 5px;
}
.produitsFiche img {
	margin-right: 10px;
	border: 1px solid #540058;
}
.produitsFiche input[type=submit] {
	background-color: #540058;
	color: #ffffff;
	padding: 3px;
	font:normal 11px Arial;
	height: 22px;
}
.jobsUl li {
	margin: 6px 0px 6px 0px;
}
.jobsUl li a, .jobsMailLink, .boutiqueRetour {
	color: #540058;
}
.jobsUl li a:hover {
	color: #A8A4A5;
}
.comingSoon {
	color: #ffffff;
	font:normal 9px Arial;
}
.archivesContent {
    width: 565px;
}
.archive {
    margin: 20px 0;
}
.archive h4 {
    color: #540058;
    margin-bottom: 5px;
}
.archive h4 span {
    color: #A8A4A5;
}
.archive img {
    padding-right: 10px;
}