/* CSS Document */

html {
	background-color: #221010;
}


body {
margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
padding: 0;
text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
color: #383025;
font-family: Arial, Helvetica, sans-serif;	
}

.oneColFixCtrHdr #container {
	width: 780px;
	/*text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}




    .oneColFixCtrHdr #header {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
    }
	

	
    .oneColFixCtrHdr #mainContent {
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 310px;
	background-color: #FFF;
	background-image: url(../images/fondDegrade.jpg);
	background-repeat: repeat-x;
	text-align: left;
    }


    .oneColFixCtrHdr #mainContentContact {
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 50px;
	background-color: #000;
	background-image: url(../images/fondDegradePhotoChloe3.jpg);
	background-repeat: no-repeat;
	text-align: left;
	background-position: top;
	color: #2D66B3;
    }




.texteCourantLight12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #383025;
	position: absolute;
	width: auto;
	height: auto;
}
.texteCourantLight12Bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #03F;
}

.texteCourantBold14Liste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #383025;
	left: 25px;
	position: absolute;
	width: auto;
	height: auto;
}

.textePucesLight12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #383025;
	list-style-type: circle;
	list-style-position: outside;
}



    .oneColFixCtrHdr #footer {
	background-image: url(../images/FooterPiedNoushka2.jpg);
	background-repeat: no-repeat;
	height: 130px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 50px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #2D66B8;
    }
	
    .oneColFixCtrHdr #footer p {
	margin: 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	color: #2D66B8;
    }
#photoColGauche {
	position: relative;
	top: 150px;
	width: 260px;
	left: -290px;
	text-align: left;
}
#photoColGauche a:link, #photoColGauche a:visited {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
#photoColGauche a:hover {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#06F;
	text-decoration:none;
}
#chocolatissimeColGauche {
	position: relative;
	width: 260px;
	left: -290px;
	top: 150px;
	border: 2px solid #FFD37D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
#chocolatissimeColGauche a:link, #chocolatissimeColGauche a:visited {
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#2C66B8;
	text-decoration:none;
}
#chocolatissimeColGauche a:hover {
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#600;
	text-decoration:none;
}





#photoColGaucheCoffret {
	position: relative;
	top: 155px;
	width: 260px;
	left: -290px;
}
#photoColGaucheChocolatissime {
	position: relative;
	top: 125px;
	width: 260px;
	left: -290px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#photoColGaucheCoffretLux {
	position: relative;
	top: 180px;
	width: 260px;
	left: -290px;
}


#texteCollection {
	position: absolute;
	top: 255px;
	width: 450px;
}
#texteChocolatissime {
	position: absolute;
	top: 255px;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}






/* Button Menu Top */
#menuTop {
	width:786px;
	height:25px;
	/*	padding-top: 6px;  */
	/* text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #2C66B8; */
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	position: absolute;
	top: 206px;
}

ul.top {
	list-style-type:none;
	margin:0;
	padding:0;
	/* font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #2C66B8; */
}

ul.top li {
	float:left;
	display:block;
	width:125px;
	height:25px;
	padding:0;
	/* font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2C66B8; */
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 0px;
	/* font-weight: bold;
	font-style: normal; */
}

ul.top li a:link, ul.top li a:visited {
	display:block;
	color:#2C66B8;
	width:125px;
	height:25px;
	padding-top:6px;
	padding-left:0px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #221010;
}

ul.top li a:hover {
	color: #B79C73;
	background-color: #783C20;
}

ul.top li span {
	display:block;
	color:#B79C73;
	top:0px;
	left:0px;
	width:125px;
	height:25px;
	padding-left:0px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 6px;
	background-color: #783C20;
}

/*Fin Button Menu Top */



/*Bouton du footer*/
#linkBottom {
	position: relative;
	top:10px;
	width:700px;
	height:12px;
	left: auto;
	text-align: left;
}
#photosAppreciation a:link, #photosAppreciation a:visited{
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#photosAppreciation a:hover {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C2AC8D;
}



#linkBottom ul {
	padding:0;
	margin:0;
	list-style-type:none;
	font-size:12px;
	line-height:12px;
	font-weight: bold;
}
#linkBottom ul li {
	margin:0;
	display:inline;
	list-style-type:none;
	letter-spacing:0px;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
}
#linkBottom ul li span { padding-left:7px;}

#linkBottom ul li a:link, #linkBottom ul li a:visited {
	padding:0;
	margin:0;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2D66B8;
	text-decoration:none;
	font-size: 12px;
}

#linkBottom ul li a:hover {
	color:#CFBCA0;
}


#linkSignature a:link, #linkSignature a:visited {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#2D66B8;
	text-decoration:none;
}

#linkSignature a:hover {
	color:#CFBCA0;
}

#linkMailContact a:link, #linkMailContact a:visited {
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#2C66B8;
	text-decoration:none;
}



#linkMailContact a:hover {
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#B79C73;
	text-decoration:none;
}

#linkContactChoco a:link, #linkContactChoco a:visited {
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#2C66B8;
	text-decoration:none;
}
#linkContactChoco a:hover {
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#B79C73;
	text-decoration:none;
}

#linkBlogAccueil a:link, #linkBlogAccueil a:visited {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

#linkBlogAccueil a:hover {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#06F;
	text-decoration:none;
}







    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }



.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}