/* CSS Document */

body {
	background-image: url(../images/fond.jpg);
	background-repeat:repeat-x;
	margin:0 auto 0px auto;
	text-align:center;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #635f60;
        background-position:top center;
}

img {
	border:0;
}

/* CSS MODULE DYNAMIQUE KREATOR V2 */
.module_td_photo {
					background-color:000000;
				}
				.module_td_titre {
					color:ffffff;
					background-color:000000;
				}
				.module_td_desc {
					color:ffffff;
					background-color:000000;
				}
/* FIN CSS MODULE DYNAMIQUE KREATOR V2 */

/* CONTENEUR */
div#conteneur { 
	width:900px;
	background-image:url(images/fond_conteneur.jpg);
	position:relative;
	margin:0px auto;
	text-align:left;
	overflow:hidden;
}
/* FIN CONTENEUR */

/* BLOC NEWSLETTER DYNAMIQUE */
div#bloc_news{
	display:none;
	position:absolute;
	width:205px;
	color:#000000;
	height:88px;
	z-index:3;
	background:url(images/cadre_news.png) no-repeat;
}

div#bloc_news p#confirmation{
	padding: 15px 5px 5px 0px;
	margin:0;
	text-align:center;
	height:40px;
}

div#bloc_news p#symbole{
	padding: 0;
	margin:15px 0 0 15px;
	float:left;
	text-align:center;
}

div#bloc_news p#fermer{
	margin:0;
	text-align:right;
	padding-right:5px;
	font-size:9px;
}
div#bloc_news p#fermer a{
	text-decoration:none;
	color:black;
}
/* FIN BLOC NEWSLETTER DYNAMIQUE */

/* HEADER */				
div#header { 
	width:900px;
	height:260px;
	background-image:url(images/defaut_01.jpg);
	background-repeat:no-repeat;
	position:relative;
}

div#flash_header {
	position:relative;
	float:right;
	top:0px;
	right:0px;
}
/* FIN HEADER */

/* FORM NEWSLETTER */
#newsletter_form{
	padding: 0px 0 0 690px;
	margin:0px;
}

#newsletter_form input{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
}

.newsletter_input { width:120px;}

p#restez_informe{
	padding:20px 0 0 650px;
	margin:0 0 0 25px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	width:150px;
	color:#000;
}

p#newsletter_ok{
	padding:40px 0 0 650px;
	margin:0 0 0 30px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	width:150px;
	color:#000;
}
/* FIN FOMULAIRE NEWSLETTER */

/* MENU DYNAMIQUE KREATOR V2 */
ul#menu{
	position:absolute;
	bottom:35px;
	padding:0 0px;
    padding-left: 220px;
	margin:0;
	top:195px;/* position du menu par rapport au top de la page */
	left:auto;
	list-style-type:none;
	line-height: normal;
	width: 875px;
}

ul#menu li{
	float:left;
	margin:0;
	padding:0px;
}

/* on touche à rien MERCI !!! */
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 fix */
#nav ul a { zoom: 1; } /* IE6-7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
/* Fin de on touche à rien MERCI */
	
/* on peut toucher, c est la largeur max du sous menu !! */
#nav ul { width: 180px; }
#nav ul ul { left: 150px; }
/* FIN de on peut toucher */

/* on doit toucher !! */
#nav { 
	padding-left:30px; /* decalage du menu par rapport à la gauche */
	background-color: transparent; /* couleur de fond du menu */
	height: 24px; /* hauteur du menu, laissez 24 par défaut si vous êtes pas sur de ce que vous faites ! */
}
#nav *:hover { 
	background-color: none; /* couleur de fond du menu au survol */
} 
#nav a { 
	border-right: 1px solid white; /* épaisseur et couleur de la barre de séparation à droite */
	color: white; /* couleur du lien du menu */
	font-size: 10px; /* taille du menu */
	padding: 4px; /* espace autours du lien du menu */
	line-height: 1; /* interlettrage, laissez 1 !! */
	text-decoration:none; /* menu souligné ? */
}
#nav li.hover a { 
	background-color: transparent; /* couleur de fond du sous menu */
	color:#ACE4F1; /* couleur du lien du sous menu */
}
#nav ul { 
	top: 25px; /* position du sous menu par rapport au top, laissez 25 par défaut si vous êtes pas sur de ce que vous faites ! */
}
#nav ul li a { 
	background-color: #5E5A5A; /* couleur de fond du sous menu */
}

#nav ul li.hover > a { 
	background-color: #000000; /* couleur de fond du sous menu au survol */
	color:#FFFFFF ;/* couleur du lien du sous menu au survol */
}
#nav ul a { 
	border-bottom: 1px solid white; /* épaisseur et couleur de la bordure du bas */
	border-right: none; /* bordure à droite : none=aucune */
	opacity: 0.80; filter: alpha(opacity=80); /* gére la transparence du sous menu, 100 = opaque */
}
.menu_nav1 {
	font-size: 10px;
	text-decoration: none;
	color: black;
	font-family: verdana, Arial, Helvetica, sans-serif; 
	padding: 2px;
	font-weight: bold;
}
/* FIN de on doit toucher */

/* h1 gère la couleur des titres de chacune des pages du site */
h1{
	color:#78034f;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        padding-left: 150px;
        padding-bottom: 20px;
}
/* FIN MENU DYNAMIQUE KREATOR V2 */

/* PARTIE DROITE */			
div#droite { 
	float:right;
	text-align:justify;
	width: 550px;
}

.contenu_modifiable{
	color:#000000;
padding-right: 40px;
}
/* FIN PARTIE DROITE */

/* PARTIE GAUCHE */			
div#gauche { 
	width:643px;
	text-align:justify;
	float:left;
}
.contenu_modifiable_gauche{
	padding:10px  33px 0px 224px;
}

div#encart_actu_t3{
	height:px;
	width:px;
	margin:;
}

div#encart_promo_t3{
	height:px;
	width:px;
	margin:;
}

div#encart_marques_t3{
	height:px;
	width:px;
	margin:;
}
/* FIN PARTIE GAUCHE */

/* PARTIE GLOBAL CENTRE */			
div#global_centre { 
	min-height:420px;
	_height:420px;
	width:900px;
	padding:0;
	background-image:url(images/defaut_02.jpg);
	background-repeat:no-repeat;
}
/* FIN PARTIE GLOBAL */

/* FOOTER */			
div#footer_encapsuleur {
	width:100%;
	background-image:url(images/fond_footer.jpg);
	background-repeat:repeat-x;
	background-color:#635f60;
	text-align:center;
	align:center;
	height:180px;
	text-align: -moz-center;
	margin:0px;
	padding:0px;
	clear:both;
}

div#footer {
	position:relative;
	width:900px;
	height:110px;
	background-image:url(images/defaut_03.jpg);
	background-repeat:no-repeat;
	clear:both;
}
				
div#footer_encapsuleur a{ 
	text-decoration:none;
}			
				
.footer_color{
	color:#dadada;/*color:black;*/
}
/* FIN FOOTER */

/* LOGO + TXT FOOTER */
p#coordonnées{
	padding:68px 0 0 0px;
	font-size:10px;
	text-align:center;
	font:10px Verdana,Arial,Sans-serif;
	margin:0;
	color:#ffffff;
}

p#logo_cometik{
	position:absolute;
	right:10px;
	margin-top:68px;
	text-align:center;
}

p#logo_cometik a{
	font-size:10px;
}
/* FIN LOGO + TEXTE FOOTER */

/* DIV ACTU*/
div#div_actu {
	padding-left:20px;
}

/* FICHE PRODUIT */
.fiche_pdt{
	width:150px;
	float:left;
	margin:0px 15px 10px 15px;
}

.fiche_pdt_encarts{
	width:150px;
	margin:15px auto ;
}

.fiche_pdt p, .fiche_pdt_encarts p{
	text-align:center;
	margin:0
}

.fiche_pdt h2, .fiche_pdt_encarts h2{
	text-align:center;
	margin:0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

p#pages{
	padding:15px 0 0 0;
	clear:both;
	width:100%;
	text-align:center;
}

p#pages a{
	display:inline-block;
	padding:3px 6px;
	border:1px solid #dadada;
	color:#dadada;
	text-decoration:none;
	margin:2px;
}

p#pages a:hover{
	background-color:#dadada;
	color:#fff;
}

.page_active{
	background-color:#dadada;
	font-weight:bold;
	color:#fff;
}

a#page_precedente, a#page_suivante{
	width:100px;
}

.highslide-img {
	cursor: url(js/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}

.highslide-img img {
	border: 2px solid #000000;
}
.highslide-img:hover img {
	border: 2px solid #dadada;
}

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
	padding: 5px;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}


/* Styles for the popup */
.highslide-header div {
text-align:right;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;

}

.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(js/highslide/graphics/resize.gif);
}
.highslide-body {
}

.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
.taille_fiche{
	width:150px;
}

/* Controlbar example */
.controlbar {	
	background: url(js/highslide/graphics/controlbar4.gif) right no-repeat;
	width: 100%;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: right;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(js/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

#aucun_produit {     
	text-align:center;
	color:black;
	font:11px Verdana,Arial,Sans-serif;
	height:50px;
}
/* FIN FICHE PRODUIT */

/* PAGE CONTACT */
table#tab_contact{	
	border:1px solid #000000;
	width:100%;
}

div#msg_contact_ok {    
	border:1px solid #000000;
	width:100%;
	padding:15px;
	text-align:center;
}

#bouton_envoyer {     	
	background-color:#000000;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	font-size:10px;
}

table#tab_contact td{
   height:20px;
   text-align:left;
}

table#tab_contact td#plan{
   text-align:center;
}


p#phrase_contactez_nous{
   width:100%;
   text-align:center;
}


div#conteneur_contact {    	
	width:100%;
	text-align:center;
}

.input_contact {   
	background-color:#FFFFFF;
	color:#000;
	border:1px #000000 solid;
	width:140px;
}

.input_contact_error {     	
	background-color:#FFFFFF;
	color:#000;
	border:1px red solid;
	width:140px;
}

.input_contact_msg {   
	background-color:#FFFFFF;
	color:#000;
	border:1px #000000 solid;
	width:98%;
}

.input_contact_msg_error {   
	background-color:#FFFFFF;
	color:#000;
	border:1px red solid;
	width:90%;
}

#lien_plan {    
	color:black;
	text-decoration:none;
}
/* FIN PAGE CONTACT */

/* CLASS */
.italique { font-style:italic; }
.souligner { text-decoration:underline;}
.non_souligner { text-decoration:none; }
.gras { font-weight:bold; } 
.centrer{text-align:center;}
.droite{text-align:right;}
.gauche{text-align:left;}
.justifier{text-align:justify;}
input, textarea {font:11px Verdana, Arial, Helvetica, sans-serif;}
/* FIN CLASS */

/* LIVRE D OR */
div#form_livre_or{	
	width:100%;
	display:none;}
				

#tab_livre_or{ 	
	width:100%;
	color:black;
}

#tab_livre_or td#td_top{ 	
	vertical-align:top;
}

#tab_livre_or td#td_gauche{ 	
	width:150px;
}

.input_livre_or {	
	background-color:#FFFFFF;
	color:#000000;
	border:1px #000000 solid;
	width:140px;
}
.input_livre_or_msg {	
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #000000;
	width:350px;
	height:120px;
}

.input_livre_or_msg2 {	
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #DD2222 ;
	width:350px;
	height:120px;
}

#bouton_envoyer_livre_or {	
	background-color:#000000;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
}

#phrase_signer {	
	margin:0 0 15px 0;
	text-align:center;
}
					
.texte_livre_or { 	
	color:black;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	vertical-align:top;
	height:30px;
	border-bottom:1px solid black;
}

.denomination_livre_or {	
	padding-top:5px;
}

.lien_contenu_livre_or {
	color:black;
	text-decoration:none;
}

.lien_page_livre_or {	
	color:black;
	text-decoration:none;
}

#page_livre_or {	
	width:100%;
	text-align:center;
}

#loading {	
	text-align:center;
	width:100%;
	display:none;
	padding-top:150px;
	height:120px;
}
/* FIN LIVRE D OR */

/* CSS AFFICHAGE DYNAMIQUE SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;


	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*OPACITE SUR IMAGES*/
.opacite img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.opacite:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
/* FIN CSS SLIMBOX */



/* Affichage dynamique Highslide */

p#fond_video{
	margin:0 15px 10px 0;
	-margin-left:-233px;
	position:absolute;
	left: 0px;
	top: 0px;
}
.highslide, .highslide2 {
	cursor: url(js/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
.highslide2 img{
}
.highslide2:hover img{
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(js/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(js/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 640px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, 
.highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
.highslide-footer {
	display: none;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}