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

[MASTER STYLESHEET] 
 Project: K PAR K
 Version: 1  
 Last change: 05/02/2009
 Assigned to: DIGITAL GARDEN - J.MARTINET 

[COLOR CODES] 
.rouge  #ce1124 
.orange #ff9900
.bleu #0fb2c6
.vert #a3cf30

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

html{ padding:0; margin:0; font-size:100%;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:10px 0 0 0; margin:0; text-align:center; background-color:#8a7464; color:#68666B; }

/* Gestion des titres */
h1, h2,h3, h4,h5, h6,dl, dt, dd, img, p, img a{  padding:0; margin:0; list-style:none; border:none;}
.clear{ display:block; width:100%; clear: both; font-size: 1px;  line-height:0.1em;}
/*ul, li { padding:0; margin:0; list-style:none;  }*/
a{color:#ce1124; text-decoration:none; font-weight:bold;}
a:hover{text-decoration:underline}

/* Gestion des formulaires */
fieldset{ padding:0; margin:0; border: none; display:block;}
form{ padding:0; margin:0; border: none; display:inline;}

.input{ color:#a4a493;background-color:#fff; }
.select{ color:#a4a493;background-color:#fff; }
.textarea{ color:#a4a493;background-color:#fff; }
textarea {font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; font-size:11px;}
table, tr, td { border-collapse:collapse; padding:0; margin:0}

 
/* *********************** */
/*    POSITIONNEMENT      */
/* ********************* */

.container { background:url(../images/container.gif) repeat-y; width:986px;  min-height:400px; margin:0 auto; text-align:left}
.containertop { background:url(../images/container_top.gif) no-repeat 0 0; width:986px;  height:20px;}
.containerbottom { background:url(../images/container_bottom.gif) no-repeat 0 0; width:986px;  height:16px;}
.wrapper { width:954px;padding:0 17px; min-height:560px; position:relative;}
* html .wrapper { height:564px;}


/* *********************** */
/*        HEADER          */
/* ********************* */

.header { width:954px; height:75px;}
.header p.logo a {
	background:url(../images/logo.gif) no-repeat 0 0;
	width:171px;
	height:76px;
	position:absolute;
	top:4px;
	left:30px;
	z-index:1;
	display:block;
}
.header p.logo a span { display:none;}
.header p.vocation { background:url(../images/vocation.jpg) no-repeat right 0; width:742px; height:68px; display:block; float:right;}
.header p.couleurs { background:url(../images/couleurs.jpg) no-repeat right 0; width:742px; height:12px; display:block; float:right;}
.header .vocation span { display:none;}

/* *********************** */
/*        MAINPAGE        */
/* ********************* */

.mainpage { }
.mainpage h1 {width:440px; height:23px; margin:0 0 7px 14px}
.mainpage h1 a {width:220px; height:23px; display:block  }
.mainpage h1 span { display:none;}

.mainpage h1.decouvrez { background:url(../images/fr_decouvrez_visio.gif) no-repeat 0 0;  }

.mainpage h1.retouraccueil  { background:url(../images/retouraccueil.gif) no-repeat 0 0;}


.anim  { position:absolute; top:85px; left:25px   }
.spacer  {  width:643px;height:245px; display:block;  }
.contenu  {
	width:631px;
	height:323px;
	display:block;
	position: absolute;
	top:81px;
	left: 15px;
	color:#76574E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.encardbottom  { width:643px; height:249px; background:url(../images/encardbottom.jpg) no-repeat 0 0; display:block; }

ul { padding:0px 0 0 10px; margin:0px 0 10px 15px}
li { list-style-image:url(../images/puce.jpg); }

/* *********************** */
/*        TOTEM           */
/* ********************* */

.totem { width:325px; height:527px; background:url(../images/totem.png) no-repeat 0 0; top:70px; right:4px; padding:0px 0 0 6px; position:absolute; }
 
.endirect  { width:312px; height:68px; background:url(../images/endirect.jpg) no-repeat 0 0; }
.endirect  a { width:312px; height:68px;   display:block;}
.endirect  a span { display:none}

 
.enligne  { width:312px; background:url(../images/enligne.jpg) no-repeat 0 0; height:88px; position:relative }
.enligne a {
	width:30px;
	height:26px;
	background:url(../images/btn_form.jpg) no-repeat 0 0;
	display:block;
	position:absolute;
	top:46px;
	left: 271px;
}
.enligne a span { display:none}

.partelephone  { width:311px; height:179px; background:url(../images/partelephone.jpg) no-repeat 0 0; position:relative}
.partelephone p.numtel {
	background:url(../images/num_tel.jpg) no-repeat right 0;
	width:196px;
	height:55px;
	position:absolute;
	left: 69px;
	top: 61px;
}
.partelephone .formulaire { padding:138px 0 0 75px}
.partelephone .formulaire .btn_form { width:22px; height:21px; border:none; float:left;}
.partelephone .formulaire .input { width:170px; height:18px; float:left; border:1px solid #902527; color:#1b1b1f; background-color:#FFFFFF; margin:0 23px 0 0; font-size:11px; padding:2px 0 0 2px}
.partelephone a {
	width:26px;
	height:24px;
	background:url(../images/btn_telephone.jpg) no-repeat 0 0;
	display:block;
	position:absolute;
	top:136px;
	left: 272px;
}
.partelephone a span { display:none}

.nosmagasins { width:312px; background:url(../images/nosmagasins.jpg) no-repeat 0 0; height:61px; position:relative;}
.nosmagasins a{
	width:36px;
	height:30px;
	background:url(../images/btn_magasin.jpg) no-repeat 0 0;
	display:block;
	position:absolute;
	top:18px;
	left: 269px;
}
.nosmagasins a span { display:none;}

.ensavoirplus { width:311px; background:url(../images/ensavoirplus.jpg) no-repeat 0 0; height:120px;}
.ensavoirplus a{ width:311px;   height:120px; display:block}
.ensavoirplus a span { display:none}


#totem {
	position:relative;
	overflow:hidden;
}


#totem-bottom-larrow{position:absolute;top:10px;left:5px;}
#totem-bottom-rarrow{position:absolute;top:10px;left:300px;}