/* Feuille de style pour le contenu des pages

 * C'est cette feuille de style qui doit être liée aux pages du site

 * La feuille de style de la charte est appelée depuis cette feuille.

 */

 

/* Import des style pour la charte */

@import "charte.css";



/* STYLE CYC  (ne pas supprimer) */

.cyc {

	position: absolute;

	top: -10000px;

}



/*********************************** TITRES ***********************************/

h1 span{

	display:none;	

}



.h1accueil{

	height:24px;

	background:url(../images/charte/presentation.gif) no-repeat left top;

}

.h1offre{

	height:24px;

	background:url(../images/charte/offres-privileges.gif) no-repeat left top;

	width:280px;

	/*border:1px solid red;*/

}

.h1bijou{

	background:url(../images/charte/bijou.gif) no-repeat left top;

	height:24px;

	width:230px;

}



.h1solitaire{

	height:24px;

	clear:both;

	background:url(../images/charte/solitaire.gif) no-repeat left top;

}

.h1alliance-diamant{

	height:24px;

	background:url(../images/charte/alliances-diamant.gif) no-repeat left top;

}

.h1baguecouleure{

	height:24px;

	background:url(../images/charte/bague-couleur.gif) no-repeat left top;

}

.h1pendentif{

	height:24px;

	background:url(../images/charte/pendentif.gif) no-repeat left top;

}

.h1perle{

	height:24px;

	background:url(../images/charte/perle.gif) no-repeat left top;

}



.h1actu{

	height:24px;

	background:url(../images/charte/actualite.gif) no-repeat left top;

}

.h1charte{

	height:24px;

	background:url(../images/charte/charte.gif) no-repeat left top;

}

.h1pierre{

	height:24px;

	background:url(../images/charte/connaitre-pierre.gif) no-repeat left top;

}

.h1vertus{

	height:24px;

	background:url(../images/charte/vertus.gif) no-repeat left top;

}

.h1annee{

	height:24px;

	background:url(../images/charte/pierre-annee.gif) no-repeat left top;

}

.h1astro{

	height:24px;

	background:url(../images/charte/pierre-astro.gif) no-repeat left top;

}

.h1anniversaire{

	height:24px;

	background:url(../images/charte/anniversaire.gif) no-repeat left top;

}

.h1diamant{

	height:24px;

	background:url(../images/charte/diamant.gif) no-repeat left top;

}

.h1saphir{

	height:24px;

	background:url(../images/charte/saphir.gif) no-repeat left top;

}

.h1rubis{

	height:24px;

	background:url(../images/charte/rubis.gif) no-repeat left top;

}

.h1emeraude{

	height:24px;

	background:url(../images/charte/emeraude.gif) no-repeat left top;

}

.h1pierres-fines{

	height:24px;

	background:url(../images/charte/pierres-fines.gif) no-repeat left top;

}

.h1entretenir{

	height:24px;

	background:url(../images/charte/entretenir.gif) no-repeat left top;

}

.h1contact{

	height:24px;

	background:url(../images/charte/contact.gif) no-repeat left top;

}



.h1lien{

	height:24px;

	background:url(../images/charte/liens.gif) no-repeat left top;

}

.h1cpteclient{

	background:url(../images/charte/compte-client.gif) no-repeat left top;

	height:24px;

}

.h1privilege{

	background:url(../images/charte/privilege.gif) no-repeat left top;

	height:24px;

}





h3{

	margin:25px 0 15px 0px;

	font-size:1.5em;

	text-align:left;

	color:#E50083;

}

.trait{

	clear:both;

	height:8px;

	margin-top:20px;

	margin-right:37px;

	background:url(../images/charte/trait.gif) repeat;

}





/*********************************** ACCUEIL ***********************************/

#introduction{

	padding:0;

	margin:0;

	width:840px;

	float:left;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

	text-align:center;

	font-size:1.4em;

}

#introduction p{

	text-align:center;

	margin-left:20px;

	margin-right:20px;

	font-style:italic;

	font-size:1.2em;

	line-height:1.8em;

}

.texte{

	float:left;

	width:390px;

	margin:0px 15px 10px 0px;

	/*border:1px solid red;*/

}

.imgdroite{

	float:right;

	/*height:150px;*/

	margin:60px 0px 0px 0px ;

	border:0px solid white;

}

.imgdroite200{

	float:right;

	/*width:200px;*/

	margin:0px 15px 0px 0px ;

	border:0px solid #57565A;

}

.imgbijou{

	float:right;

	/*height:150px;*/

	margin:0px 0px 0px 0px ;

}

.imgoffre{

	float:right;

	/*height:150px;*/

	border:0px;

}

.longtexte{

	width:250px;

}



/*********************************** JOAILLERIE ***********************************/

#joaillerie{

	padding:0;

	margin:0;

	width:840px;

	float:left;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

}



#joaillerie #photogrd{

	float:right;

	margin-right:20px;

	min-width:300px;

	width:auto;

}

#joaillerie #photogrd img{

	/*width:350px;*/

	/*height:350px;*/

	border:1px solid #57565A;

}



#joaillerie #photogrd p{

	width:300px;

}

#joaillerie #photogrd h2{

	width:100%;

	margin:5px 0 5px 0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.3em;

	text-align:left;

	color:#fff;

	border-bottom:1px solid #57565A;

}

#joaillerie #blocvignette{

	float:left;

	width:450px;

}

#joaillerie #blocvignette img{

	/*width:75px;

	height:75px;*/

	margin-right:10px;

	margin-bottom:10px;

	/*border:1px solid #57565A;*/

}

#joaillerie #pagination{

	float:left;

	width:450px;

}

#joaillerie #pagination p{

	text-align:center;

	font-weight:bold;

}





/*********************************** BIJOU DU MOIS ***********************************/

#bijoudumois{

	padding:0;

	margin:0;

	width:840px;

	float:left;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

	text-align:center;

	font-size:1.4em;

}

#bijoudumois p{

	text-align:center;

	margin-left:20px;

	margin-right:20px;

	font-style:italic;

	font-size:1.2em;

	line-height:1.8em;

}

.bijoucentre{

	margin-left:-30px;

	margin-top:20px;

	margin-bottom:20px;	

	border:1px solid #57565A;

}





/*********************************** EVENEMENT ***********************************/

#actu{

	padding:0;

	margin:0;

	width:840px;

	float:left;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

}

#blocactu{

	padding:0;

	margin:15px 0px;

	width:840px;

	float:left;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

	font-size:1.2em;

	clear:both;

}

#blocactu img{

	float:right;

	/*width:200px;*/

	margin-left:10px;

	margin-right:20px;

	padding:0;

	border:1px solid #57565A;

}





/*********************************** CHARTE ***********************************/

li{

	margin-left:50px;

	margin-bottom:5px;

	list-style-image:url(../images/charte/puce01.gif);

	font-size:1.2em;

	line-height:1.5em;

}





/*********************************** GUIDE DES PIERRES ***********************************/

#guide p{

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

	font-size:1.5em;

	line-height:1.8em;

}

#guide{

	padding:0;

	margin:15px 0px;

	width:820px;

	float:left;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

	clear:both;

}

#blocguide{

	float:left;

	padding:0;

	margin:15px 15px 0 0;

	width:380px;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

}

#nompierre{

	float:left;

	padding:0;

	margin:0px 15px 0 0;

	width:130px;

	font-family: "Trebuchet MS", Arial;

	font-weight:bold;

	color:#FFFFFF;

}

#nompierrevertu{

	float:left;

	padding:0;

	margin:0px 15px 0 0;

	width:650px;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

}

#mois{

	float:left;

	padding:0;

	margin:0px 15px 0 0px;

	padding-left:150px;

	width:100px;

	font-family: "Trebuchet MS", Arial;

	font-weight:bold;

	color:#FFFFFF;

}

.saphir{

	/*float:left;*/

	position:absolute;

	top:50%;

	left:50%;

	margin:160px 0 0 -380px;

	height:73px;

	border:0px;

}



#pierreannee{

	float:left;

	padding:0;

	margin:0px 15px 0 0;

	width:530px;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

}

.amethyste{

	float:right;

	margin-right:250px;

}

.diamant{

	float:right;

	margin-right:50px;

}

.rubis{

	float:right;

	margin-right:200px;

}

#date{

	float:left;

	padding:0;

	margin:0px 0px 0 0px;

	padding-left:200px;

	width:130px;

	font-family: "Trebuchet MS", Arial;

	font-weight:bold;

	color:#FFFFFF;

}

.bagueannee{

	position:absolute;

	top:50%;

	left:50%;

	margin:0px 0 0 -400px;

}

#signe{

	float:left;

	padding:0;

	margin:0px 0px 0 0px;

	width:100px;

	font-family: "Trebuchet MS", Arial;

	font-weight:bold;

	color:#FFFFFF;

}

#pierreastro{

	float:left;

	padding:0;

	margin:0px 0px 0 0;

	width:350px;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

}

#guide-colonne1{

	float:left;

	padding:0;

	margin:0px 0px 0 250px;

	width:250px;

	font-family: "Trebuchet MS", Arial;

	font-weight:normal;

	color:#FFFFFF;

}

#guide-colonne2{

	float:left;

	padding:0;

	margin:0px 0px 0 0;

	width:250px;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

}

.bagueanniversaire{

	position:absolute;

	top:50%;

	left:50%;

	margin:-50px 0 0 -410px;

}





/*********************************** PROPRIETE  ***********************************/

#propriete{

	padding:0;

	margin:5px 0px 15px 0px ;

	width:820px;

	float:left;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

	clear:both;

}

#propriete h2{

	margin-top:10px;

	margin-bottom:15px;

	background:url(../images/charte/puce01.gif) no-repeat ;

	font-size:1.5em;

	padding-left:19px;

	color:#CE1178;

}

#propriete h3{

	margin-top:10px;

	margin-bottom:30px;

	background:none ;

	font-size:1.5em;

	/*padding-left:19px;*/

	color:#fff;

}

.titre{

	font-family: "Trebuchet MS", Arial;

	color:#29282D;

	/*color:#fff;*/

	font-size:1em;

	background-color:#F9DEED;

	font-weight:bold;

}



.txt{

	font-family: "Trebuchet MS", Arial;

	color:#fff;

	font-size:0.7em;

}

.rouge{

	color:#D00B77;

}

#propriete p{

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

	font-size:1.4em;

}

#propriete b{

	font-family: "Trebuchet MS", Arial;

	color:#fff;

	font-size:1.2em;

	text-align:center;

}

#propriete .cadrerose{

	width:700px;

	padding:10px 20px;

	margin-left:50px;

	border:1px solid #C70E76;

	margin-bottom:20px;

}



#propriete p.important{

	font-family: "Trebuchet MS", Arial;

	font-weight:bold;

	/*color:#E50083;*/

	color:#fff;

	font-size:1.3em;

	letter-spacing:0.06em;

	text-align:center;

	/*line-height:1.4em;*/

}

#propriete .imgdroite{

	float:right;

	height:auto;

	margin:0px 0px 0px 10px ;

	border:0px solid white;

}

#propriete ul li{

	margin:30px 0px 20px 50px;

	list-style-image:url(../images/charte/puce01.gif);

	font-size:1.4em;

	line-height:1.5em;

	/*border:1px solid red;*/

}

#propriete .trait{

	clear:both;

	height:8px;

	margin-top:20px;

	margin-bottom:20px;

	margin-right:0px;

	background:url(../images/charte/trait.gif) repeat;

}

.titretableau{

	background-color:#F9DEED;

	color:#29282D;

	font-weight:bold;

}

.lignerose{

	background-color:#F9DEED;

	color:#29282D;

	font-weight:bold;

}

.lignegrise{

	background-color:#ededed;

	color:#29282D;

	font-weight:bold;

}



/*********************************** CONSEIL ENTRETIEN ***********************************/



#contenuTexte #italic p{

  font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

	font-style:italic;

	font-size:15px;

	font-weight:bold;

	line-height:29px;

  margin-right:30px;

}



#conseil{

	padding:0;

	margin:5px 0px;

	width:660px;

	padding-left:160px;

	float:left;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

	clear:both;

	/*border:1px solid blue;*/

}

#conseil p{

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

	font-style:italic;

	font-size:15px;

	font-weight:bold;

	line-height:29px;

}

.bagueconseil{

	position:absolute;

	top:50%;

	left:50%;

	margin:-100px 0 0 -400px;

}

.boucle{

	float:right;

	margin:0 0 0 10px;

}

.pendentif{

	position:absolute;

	top:50%;

	left:50%;

	margin:250px 0 0 -400px;

}





/*********************************** CONTACT ***********************************/

#contact{

	padding:0;

	margin:5px 0px;

	width:820px;

	float:left;

	font-family: "Trebuchet MS", Arial;

	color:#FFFFFF;

	clear:both;

}

#contact p{

	font-size:1.4em;

}

#contact h3{

	margin:10px 0 10px 0px;

	font-size:1.6em;

	text-align:left;

	color:#E50083;

}

table{

	font-size:1.2em;

}

#contactTxt{

	width:45%;

	float:left;

	margin-bottom:10px;

}

#contactTxt img{

	margin-right:15px;

	float:left;

}

#contactPlan{

	width:45%;

	float:right;

	margin-bottom:10px;

}

#formContact label{

	font-size:1.2em;

}

#formContact input{

	width:240px;

	/*border:1px solid #000;*/

	font-size:12px;

	border:1px solid #57565A;

	color:#fff;

	background-color:transparent;

}

#formContact textarea{

	width:650px;

	/*border:1px solid #000;*/

	font-size:12px;

	border:1px solid #57565A;

	color:#fff;

	background-color:transparent;

}

#formContact .bouton{

	width:180px;

	margin:5px 30px;

	font-size:14px;

	/*border:1px solid #57565A;

	color:#000000;

	background-color:#FFFFFF;*/



	border:1px solid #57565A;

	color:#fff;

	background-color:transparent;

}

#formContact input:focus,textarea:focus{

	border-color:#FF0000;

}

#formContact .champRequis{

	color:#E6268D;

}



/*********************************** LIENS ***********************************/

#lien{

	float:left;

	width:830px;

	padding-bottom:20px;

	margin:5px 0px 5px 0px;

	/*border:1px solid red;*/

}

#lien li{

	margin-left:50px;

}

#lien p{

	margin-left:50px;

	font-size:1.3em;

}

#lien .bloc{

	float:left;

	width:200px;

	margin-bottom:20px;

	/*border:1px solid blue;*/

}

#lien .bloc1{

	float:left;

	width:300px;

	margin-bottom:20px;

	/*border:1px solid red;*/

}

#lien .blocgros{

	float:left;

	width:468px;

	/*border:1px solid white;*/

}

#lien .blocpetit{

	float:left;

	margin-left:30px;

	/*width:200px;

	border:1px solid white;*/

}

#lien h3{

	margin-top:0px;

	margin-bottom:20px;

	background:none ;

	background-image:url(../images/charte/puce01.gif);

	background-repeat:no-repeat;

	padding-left:25px;

	font-size:1.5em;

	color:#fff;

}





/*********************************** COMPTE CLIENT ***********************************/

#cpte-clt{

	float:left;

	width:300px;

	margin-left:230px;

	padding:10px;

	

	min-height:60px;

	border:1px solid #68696D;

	/*margin-bottom:50px;*/

}

#cpte-clt label{

	width:120px;

	float:left;

	margin-right:10px;

	font-size:1.2em;

	clear:both;

}

#cpte-clt input{

	width:150px;

	/*border:1px solid #000;

	font-size:12px;*/

	border:1px solid #57565A;

	font-size:12px;

	color:#fff;

	background-color:transparent;

}

#cpte-clt .bouton{

	width:30px;

	margin-top:5px;

	border:1px solid #57565A;

	font-size:12px;

	color:#fff;

	background-color:transparent;

}



/*********************************** DEVELOPPEMENT ***********************************/





.identification_invalide{

height:auto; color:#CC6666; font-weight:bold;

}

.aucun_element{

	margin-bottom:50px;

	font-weight:bold;

	font-size:14px;

	/*color: #CC99CC;*/

	color:#e276a8;

}

.compte_client_inform{

text-align:center;

font-weight:bold;

}



#pagination a{

color:#FFFFFF;}

#pagination a:visited{

color:#FFFFFF;}

#pagination p a:link{

color:#FFFFFF;}

#pagination p a:hover{

color:#FFFFFF;}









#photogrd_chargement{

display:none;

color:#000;

background:#FFFFFF;

width:300px;

text-align:center;

position: fixed;

top:50%;

left:40%;

}

#photogrd_chargement img{

width:auto; 

height:auto;

}

.prix_barre{

text-decoration:line-through;

font-weight:normal;

}



.lienVignetteSel{

border:1px solid #57565A;

}

.lienVignette{

border:1px solid #57565A;

}



.h1catalogue span{

	display:inline;

	height:24px;

	clear:both;

	color:#D0007C;

	font-weight:100;

	font-family: Arial, Helvetica, sans-serif;

	text-transform:uppercase;	

	font-size:20px;		

	

}