/*Elements communs*/
body {margin: 0; padding: 0; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; text-align: center;}
h1 { font-size: 18px; color:#eeb326; border: 0px solid black;}
h2 {font-size: 16px; text-align: left; margin:1.3em 0 0 0}
h3 {font-size: 14px; font-weight:bold; margin:1em 0 0.5em 0}
p {font-size: 14px; text-align: justify; margin: 0.3em 0 0.75em 0;}
a {text-decoration: none; color:#780000}
a img {border: none;}
ul {margin: 5px 0 20px 55px ;padding:0}
li {font-size: 14px; text-align: justify; padding:0 0 6px 0}
hr {
    color: white;
    border: none;
}

.lismall {font-size: 13px;}
.SansPuce {list-style: none; font-size: 13px;margin:0;}
.IllustrationGauche {float: left; position: relative; margin: 1em 1.25em 0 0;}
.IllustrationCentree {position: relative; text-align: center; margin: 1.5em auto 0.5em auto; padding:0;}
.IllustrationDroite {float: right; position: relative; top:14px; margin: 0 0 0 1.25em; padding:0}
.NomBoite {font-size: 15px; font-style: italic; font-weight: bold;}
.IntituleGris {font-size: 14px; font-weight: bold; color:#777777}
.Adresse {text-align: center; margin: 2em; margin-top: 4em; font-weight: bold}
.Gras {font-weight:bold;}
.clearright{clear:right}
.clearleft{clear:left}
.clearboth{clear:both}
object {
	float: right;
	margin: 1em 0 0 1.25em; padding:0;
}

/* BLOCS PRINCIPAUX */
#SiteComplet {
	width: 975px; 
	margin: 10px auto 25px auto; padding: 0 7px; 
	font-size: 12px; text-align: left;
    border: 0px solid blue;
}
	
#BarreNavigation {
	width: 100%; height:250px;
}

#Baniere {
    margin-left: 110px;
	width: 500px;
}
	
#Page {
    width:100%;
    border: 0px solid green
}

#ColonneGauche {
    display: inline; float:left;
    position: relative; top:-10px; left:-7px;
    margin:0; padding:0;width:165px;
    border: 0px dotted blue}

#Corps {
    margin: 5px 0 0 185px; padding: 0 5px 0 10px;
    border: 0px solid red;
}

#PiedDePage {
    clear: both;
    margin-top: 15px; padding-bottom: 5px;
    font-size: 12px; font-style: italic; text-align: center;  color:#636363;
    border : 0px solid red;
}
/**************************/


.Encart {position: relative; padding: 5px; width:155px; border: 2px solid #780000;}
.InfoMinuteDiv {position:relative; top:-15px; text-align:left;font-weight:bold;font-size:15px;color:#780000;}
.InfoMinuteSpan {padding:0 0.5em;background-color:white}
.Encart ul {padding:0;margin:0} 
.Encart p {font-size: 13px;}
.Encart .SansPuce {list-style: none;}
.Encart #IntituleGris {font-size: 13px;}
.EncartCentre {display: block; font-weight: bold; font-size: 13px; text-align:center;margin:0;padding:10px 0 5px 0}

.NousContacter {position: relative; margin-top: 150px; padding: 5px; width:155px; border: 1px solid #780000;}
.NousContacter #Tel{font-weight: bold; font-size: 17px; color:#777777; text-align:center;margin:0;padding:10px 0 5px 0}
.NousContacter #Prix{font-weight: bold; font-style:italic; font-size: 13px; color:#777777; text-align:center;margin:0;padding:0 0 5px 0}
.NousContacter #Mail {font-weight: bold; font-size: 13px; text-align:center;margin:0;padding:10px 0 5px 0}
.NousContacter #InfoMinuteDiv {position:relative; top:-15px; text-align:left;font-weight:bold;font-size:15px;color:#780000;}
.NousContacter #InfoMinuteSpan {padding:0 0.5em;background-color:white}

	

#DiapoFlottant {
	position:relative; float:right;
	width:350px;height:400px;
	margin:0 0 5px 10px; border:0
}
	
.IllustrationDroite {
	float: right;
	margin: 1em 0 0 1.25em; padding:0;
}
.Contenu {padding: 0 0 10px 0; margin: 0 0 20px 0; overflow: hidden;}
.Contenu h1 {
    padding:10px 0 0 40px;
    text-align: left;
    background-image:url(../images/MiniPictoNews.png); background-repeat:no-repeat; background-position:0px 0px;
    }

.Contenu #img {float: right; position: relative; margin: 1em 0 0 1.25em; padding:0;}
.Citation {margin:20px 80px;text-align:justify;font-style:italic;color:#696969}
.Citation p {text-align:justify}

.ContactAG {height:111px; width: 550px;margin:30px auto 60px auto; padding:0;background-color:#fffce0; border: solid 0px red}
.ContactPhoto {float: right; margin:0 0 0 0; padding:0; position:relative; top: 5px; width: 100px; text-align:right;}
.ContactFonction {width:400px; margin: 5px 0 25px 5px; font-size:16px; font-weight:bold; border: solid 0px black}
.ContactNom {width: 200px; margin: 0 0 0 25px; padding:0; font-size:16px; font-weight:bold; color:#eeb326; border: solid 0px yellow}
.ContactTelMail {
    float:left; width:150px; position:relative; top: -30px;left:250px;
    font-size:14px; font-weight: bold;
    color:#999999; border: solid 0px blue}
.ContactTelMail p {margin:0 0 10px 0;}
	
.AssociationObjectifs{margin:0.4em 0 0.75em}
	
.ImageCentreeGrande {text-align:center}

.BoutiqueMenu {width:700px;margin:0 0 40px 30px;text-align:center;border:1px solid #eeb326;background-color:#fffce0}
.BoutiqueMenuItem {padding:0 10px;font-weight:bold;font-size:14px}
.BoutiqueZone {background-color:#eeb326; width:700px; margin:20px auto 0 32px;  font-weight:bold; border:solid 0px red}
.BoutiqueZonePays {position:relative; top:-1px; float:left;color:black; font-size:14px; padding:0 5px;}
.BoutiqueZoneHautPage {text-align:right; padding: 2px 5px;}
.Boutique {width: 520px; margin:15px auto 30px 120px; padding: 0 0 1px 0; background-color:#fffce0; border: solid 0px #999999; font-size:10px; }
.BoutiqueNom {padding: 0 0 0 20px; color:#999999; border: solid 0px red}
.BoutiqueNom h1 {font-size:15px; font-weight: bold; background-image: none}
.BoutiqueInfos {padding:0 0 0 20px; font-size:14px; font-weight:bold; border: solid 0px black;}
.BoutiqueCommentaires p {margin: 0.25em 1em; font-style:italic;color:#696969}

.ArtisteInfos {padding:0 0 0 20px; font-size:14px; font-weight:bold; border: solid 0px black;}


	

/* Page de news :  Zone Flash */
#Flash {
    position: relative; top:-30px;
    width: 550px; margin-left: 300px; margin-bottom:0px;
    background-image:url(../images/Angle.jpg); background-repeat:no-repeat; background-position:0px 0px;
    border: 0px solid silver
}
#Flash h1 {
    margin:0; padding-left:10px;
    font-size: 15px; text-align: center;
}
#Flash p {
	font-size: 12px;
 	margin: 5px;
    padding-left: 5px;
    color: gray
}
.FlashIMG {
    float: right; margin-left: 5px; height: 120px;
}

/* Affichage des catégories de produits */

.EcodesignCategorie {
	float: left;
	width: 365px;
    margin: 0px 0 20px 0;
	border: 0px solid silver;
    background-image:url(../images/Angle.jpg); background-repeat:no-repeat; background-position:0px 0px;
}
.EcodesignCategorie-Right {
    margin: 0 0 20px 20px;
}
.EcodesignCategorie :hover{
    border: none;
}

.EcodesignCategorie img {
    float: right;
    margin-left: 5px;
    height: 130px;
}
.EcodesignCategorie h1 {
    margin: 0;
    font-size: 15px;
    text-align: center;
    color: #eeb326;
}
.EcodesignCategorie p {
    font-size: 12px;
    margin: 5px;
    color: black;
}

.thumbs{
    width: 755px;
    margin-left:-3px; padding:0;
}
.B_crumbBox {
    display: block;
    margin: 0 0 20px 0;
}


/* Page Presse */
.Presse {
    width: 700px;
    margin: 30px auto 60px 30px;
    overflow: hidden;
    background-color:#fffce0; 
    border: solid 0px red;
}
.PressePhoto {
    float: right;
    position:relative; top:0px; width: 150px;
    margin: 0 0 5px 15px;
    border: solid 0px orange
}
.PresseEnTete {
    margin: 5px 0 15px 5px;
    font-size:14px; font-weight:bold;
    border: solid 0px black
}
.PresseTitre {
    padding:10px 0 0 20px;
    font-size:14px; font-weight:bold;
    color:#eeb326;
    border: solid 0px black
}
.PresseJournal {
    font-size:16px; font-weight:bold;
    color:#780000;
}
.PresseDate {
    float:right; width:70px;
    position: relative; top:0.2em;
    font-size:12px; text-align:right;
    color:#999999;
}
.PresseTexte {
    margin: 0 10px 0 50px; padding:0;
    font-size:14px;  text-align:justify; font-style: italic;
    color:#333333;
    border: solid 0px yellow
}
.PresseTelecharger {float:left; width:150px; position:relative; top: 15px; left:165px;border: solid 0px blue}
.PresseTelecharger p {font-weight: normal; text-align:center; }