@charset "utf-8";
/* CSS Document */

body
{
   background-color: #7da97d; /* fond général de la page */
   width: 902px;
   /*height:100%;*/
   margin: auto; /* Pour centrer la page */
   margin-top: 3px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:0.95em;
   line-height: 130%;
     /*letter-spacing:0px;/*ou en mm*
   word-spacing:0px;*/
}

/*div#header {
	width:902px;
	height:90px;
	background-image: url("logo/logogifk7ba.gif");
	background-repeat: no-repeat;
	}*/

h1#header{
    margin:0;
    padding:0;
    width:902px;
    height:90px;
    background-image:url("logo/logogifk7ba.gif");
    background-repeat:no-repeat;
}

h1#header a{
    margin:0;
    padding:0;
    display:block;
    position:relative;
    top:0;
    left:0;
    width:902px;
    height:90px;
    text-indent:-4000px;
}

div#conteneur { 
	float:left;
	width:902px;
	height:100%;
	background-color:#FFFFFF;
	
}

div#conteneur form {
	margin:auto;
	margin-left:250px;
	margin-bottom:40px;
	
	}

div#photos {
	float:left;
	width:160px;
	height:630px;
	background-color:#FFF;
	/*margin:auto;*/
	}

div#photos p {
	margin: auto;
    padding: 0px;
	margin-bottom:30px;
	margin-top:15px;
    text-align: center;
 }

div#photosgarantie {
	float:left;
	width:219px;
	height:100%;
	background-color:#FFF;
	/*margin:auto;*/
	}

div#photosgarantie p {
	margin: auto;
    padding: 0px;
	margin-bottom:40px;
	margin-top:15px;
    text-align: center;
 }

div#contenu {
	float:left;
	width:741px;
	height:630px;
	background-color:#FFF;
	border-left: solid #7EA97E 1px;
	white-space: nowrap;
	}

div#contenugarantie {
	float:left;
	width:683px;
	height:100%;
	background-color:#FFF;
	/*border-left: solid #7EA97E 1px;*/
	/*white-space: nowrap;*/
	}

div#contenu form{
    width:500px;
	/*height:200px;*/
	margin:auto;
    padding-bottom:15px;
	margin-bottom:20px;
    border:3px dashed #8C0303;
	/*border-radius: 10px;  /* coins arrondis
	-moz-border-radius:10px;
	-webkit-border-radius:10px;*/
	text-align:center;
	font-size:0.9em;
	/*background-color: #fff8d7;*/
	background-image: url("fond/fondrosiers2gif.gif");
	background-repeat: repeat;
}

div#boite1 {
	position:relative;
	width:100px;
	height:70px;
	float:left;
	/*margin-left:100px;
	position:absolute;
	top:200px;*/
	
}

div#contenu p {
    margin: auto;
    padding: 0px;
	margin-bottom:10px;
	margin-top:10px;
    text-align: center;
    
}

#contenu li {
	/*margin-left:10px;*/
	/*text-indent:10px;*/
	line-height: 150%;
}

#contenu ul /* liste à puce avec image*/
{
	list-style-image: url(photos/puce.gif);
	margin-top:10px;
	margin-bottom:25px;
	padding-left:30px;
	margin-left:30px;
	font-size:0.95em;
	color:#990033;
	font-weight:bold;
	/*text-indent:10px;*/
}

div#piedpage {
	width:902px;
	height:10px;
	float:left;
	background-image: url("logo/baslogok7b.gif");
	background-repeat: no-repeat;
	background-color: #7da97d;
	clear:both;
	}

div#soustexte {
	float:left;
	width:902px;
	height:25px;
	clear:both;
	background-color:#eaeaea;
	font-size:0.7em;
	text-align:right;
	
	}

div#copy {
	margin:auto;
	width:850px;
	height:5px;
	background-color:#7EA97E;
	font-size:0.6em;
	line-height:10px;
	clear:both;
}

h1,h2
{
    margin: auto;
    padding: 0px;
	margin-bottom:10px;
	margin-top:10px;
    text-align: center;
    font-weight:bold;
	line-height: 140%;
    font-size:1.4em;
    color:#990033; 
}



/*h2
{
	font-size:1.0em;
		
}*/

h3
{
	margin-top:10px;
	margin-bottom:25px;
	margin-left:20px;
	font-size:0.95em;
    	
}

h4
{
	font-size:0.8em;
	margin-left:20px;
}

#boite1
	{
	margin:auto;
	/*padding-left:30px;*/
	background-color: #fff;
	position:relative;
	/*text-align:center;*/
	
	width: 530px;
	height:195px;
	float:right;

	}

#boite2
	{
	background-color: #fff;
	position:absolute;
	width: 220px;
	height:192px;
	float:right;
	/*left: 388px;*/
	top: 0px;
	text-align:center;
	left: 275px;
	}


.petit {
	/*margin-top:20px;
	margin-bottom:10px;*/
	font-size:0.8em;
	/*margin-left:0px;*/
}

.tpetit {
	font-size:0.7em;
	line-height:120%;
}

.gauche {
	padding-left:50px;
}

.noir
{
color:#000000;
}

.vert{
    color:#006633;
	font-weight:bold;
}

.rougen{
	color:#990033;
	
}

.rouge{
    color:#990033;
	font-weight:bold;
}

.souligne{
    text-decoration:underline;
}

.ridge
{
   padding-top:15px;
   margin:auto;
   text-align:center;
   width:630px;
   height:110px;
   border: 3px ridge maroon;
   background-image:url(fond/fond%20clair3.jpg);
   
}

.small 
{
	font-size: small
}

.gros {
	font-size:1.1em;
}

.jaune {
	background-color:#fcfcb2;
}

.marge {
	margin-top:5px;
	/*padding-top:5px;*/
}
	
	/*barre de navigation*/
	div#navbar2 { /*définit les dimensions et la couleur d'arrière-plan du bloc div qui contient les liens de la barre de navigation*/
    float:left;
	margin:0;
	height: 20px;
    width: 902px;
	clear:both;
    border-top: solid #ccccda 1px;
    border-bottom: solid #ccccda 1px;
    /*background-color: #fff8d7;*/
	background-color: #e0e0ea;
	/*white-space: nowrap;*/
}
div#navbar2 ul { /*inclut les déclarations margin et padding qui supplantent l'espacement par défaut attribué aux listes non ordonnées*/
    margin: 0px;
    padding: 0px;
	/*width:100%;*/
    text-align: center;
	font: bold 14px Verdana, sans-serif;
    color: #000;
    line-height: 20px;
    /*white-space: nowrap;  /* La déclaration white-space:nowrap conserve la liste sur une ligne horizontale, même si la fenêtre du navigateur n'est pas assez large pour afficher la ligne entière. */
}
div#navbar2 li {
    list-style-type: none;
    display: inline;
}
div#navbar2 li a { /*La déclaration text-decoration:none supprime le soulignement qui caractérise les liens et la déclaration padding:7px13px contrôle l'espacement des liens dans la barre de navigation. Le remplissage (padding) gauche et droit contrôle l'espacement horizontal, tandis que le remplissage haut et bas est nécessaire pour que le fond coloré de l'effet de survol (et la surface à cliquer du bouton) prenne toute la hauteur de la barre de navigation. Vous pourriez également ajouter des valeurs de marge gauche et droite pour augmenter l'espace entre les boutons*/
    text-decoration: none;
    padding: 0px 17px;/* ou 0 0.5em*/
    font-weight: bold;
	color: #800;
	border-left: 5px solid #AAAABB;
	background: #CCCCDD;
}
div#navbar2 li a:link {/*couleur lien non visité*/
    color: #990033;
	
} 

div#navbar2 li a:visited {/*couleur lien visité*/
    color: #800;
	
}

div#navbar2 li a:hover {/* aspect au survol souris*/
    font-weight: bold;
    color: #FFF;
    background-color: #9DCE6C;
	border-color: #37AA38;
}

/* navbarre du diaporama*/
div#navbardiapo {
	
	margin:auto;
	margin-top:30px;
	height: 20px;
    width: 250px;
	clear:both;
	background-color:#DADADA;
}

div#navbardiapo ul { /*inclut les déclarations margin et padding qui supplantent l'espacement par défaut attribué aux listes non ordonnées*/
    margin: 0px;
    padding: 0px;
	/*width:100%;*/
    text-align: center;
	font: bold 10px Verdana, sans-serif;
    color: #000;
    line-height: 20px;
}

div#navbardiapo li {

	list-style-type: none;
    display: inline;
}

div#navbardiapo li a {

	text-decoration: none;
    padding: 0px 0px;
	color:#5f7193;
}

div#navbardiapo li a:hover {/* aspect au survol souris*/
	color:#800;
	color: #FFF;
	background-color: #9DCE6C;
}

/**************************************************************

	SlideShow
	v 1.3

**************************************************************/

.slideshowContainer {
	border: 0px solid #ccc;
	width: 400px;
	height: 290px;
	margin-bottom: 5px;
	background: #000000;

}

.loading {
	background: url(http://www.roses-bijoux.com/slideshow/slideshow/images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	/*outline: none;*/
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
	
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}

/*************************************************************/

/*{
   
   padding: 0px; /* Marge intérieure de px *
   margin: 0px; /* Marge extérieure de px */


/*margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 10px;*/

/*.ombrage { 
 /* text-shadow: 2px 2px 4px #999; 
  text-shadow:1px 1px 3px #333333;
  
  
}  */
    /** La première valeur indique le décalage horizontal vers la droite (ici 8px)
    * le deuxième correspond au décalage vertical vers le bas (ici 8px)
    * le chiffre suivant indique la force du dégradé (ici 0)
    * et enfin, la couleur (ici #aaa)*/


.ombrage { 
    border: 5px solid #fff; 
    -moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555;  
    }  
	
/* coins arrondis*/
.rond {
	border-radius: 10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
  

/*</style> 
[if lte IE 8]> 
<style type="text/css"> 
.ombrage { 
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=4); 
  zoom: 1; 
}  
</style> 
<![endif] */