@charset "utf-8";

/* ======== KB CONCEPT  ============== */
/*====== www.kbconcept.fr =========== */


/* ----------------------------------------------------------------------- Général */
		body {
		margin: 0;
		padding: 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height: 1.25;
		color:#fff;
		background-image:url(../img/degrade-fond.gif);
		background-repeat:repeat-x;
		background-color:#2b5263;
		}
		
		html { font-size: 100%; }
		
		a { color: #f36621; text-decoration: underline; }
		a:hover, a:focus { color: #f36621; text-decoration: none; }
		strong { color: #fff; }
		a img { border: none; }

/* ----------------------------------------------------------------------- Titres */
		h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0;}
		h3 {font-size: 1.2em; color:#f36621;}


/* ----------------------------------------------------------------------- Listes */
		li { margin: 0; padding: 0;}
		ul{ margin: 0; padding: 0; list-style: none; }


/* ----------------------------------------------------------------------- Paragraphes */
		p { margin: .75em 0;}
		li p, blockquote p { margin: 0;}

/* ----------------------------------------------------------------------- Contenu onglet */
		
		#onglet a { color: #332510; }
		#onglet a:hover, #onglet a:focus {color: #6E5122; }
		#onglet strong {color: #181A12; }

/* ----------------------------------------------------------------------- Lieux de vente */
		#vente{ margin:0; padding-top:1px;}
		div#vente li{ color:#829eaa; padding:3px;}
		.pays{ float:left; margin:5px 50px 20px 0px; }

/* ----------------------------------------------------------------------- Marque */
		.marque{
		width:435px;
		float:left;
		padding:20px;
		line-height:20px;
		}
		div.marque li{
		padding-left:25px;
		background-image:url(../img/puce-marque.gif);
		background-position:left top;
		background-repeat:no-repeat;
		}
		
		
/* ----------------------Structure */

/* ----------------------------------------------------------------------- Page */
		body {
		padding:0;
		margin:0;
		}
		
		#global {
		width: 950px;
		margin-left: auto;
		margin-right: auto;
		}

/* ----------------------------------------------------------------------- Header */
		#header {
		position:relative;
		width: auto;
		height:95px;
		margin:0;
		padding:0;
		}
		
		#langues{
		position:absolute;
		height:32px;
		width:95px;
		left:0;
		top:50px;
		text-align:right;
		}

		#logo{
		position:absolute;
		height:69px;
		width:370px;
		top:30px;
		left:290px;
		background-image:url(../img/logo.png);
		background-repeat:no-repeat;
		background-position:center;
		}
		
		#medaille{
		position:absolute;
		height:94px;
		width:98px;
		right:0;
		top:10px;
		background-image:url(../img/logo-medaille.png);
		background-repeat:no-repeat;
		background-position:right;
		}

/* ----------------------------------------------------------------------- Menu Navigation */
		#menu{ margin:6px auto; height:84px; }
		
		#menu ul {
		padding-top:40px;
		line-height:20px;
		text-align: center ;
		}
		
		#menu li {
		display: inline ;
		line-height:15px;
		margin-right: 1px ;
		font-size:16px;
		font-weight:bold;
		color:#fff;
		}
		
		#menu li a {
		line-height: 15px ;
		padding: 28px 20px ;
		text-decoration: none ;
		color:#fff;
		}
		
		#menu li a:hover {
		background-image:url(../img/li-hover.png);
		background-position:center;
		background-repeat:no-repeat;
		}
		
		#menu li.menuOn{
		line-height: 15px ;
		padding: 28px 20px ;
		background:url(../img/li-hover.png) no-repeat center;
		}
		
		.li01{ background:url(../img/fond-li01.png) no-repeat center; }
		.li02{ background:url(../img/fond-li02.png) no-repeat center; }
		.li03{ background:url(../img/fond-li03.png) no-repeat center; }
		.li04{ background:url(../img/fond-li04.png) no-repeat center; }
		
	
/* ----------------------------------------------------------------------- Bloc central */
		#centre { height:419px;}
	
/* ----------------------------------------------------------------------- Bloc video */
		#video { float: left; width: 435px; }
	
/* ----------------------------------------------------------------------- Bloc Map */
		#map { float: left; width: 435px; text-align:center; }
		
		p.listeLV { line-height:30px; margin-top:20px; color:#f36621; }
		
		.video{ padding:15px 0px 25px 0px;}

/* ----------------------------------------------------------------------- Contenu onglet */
		#onglet { float: left; width: 195px; padding: 0px 20px 0px 30px; }
		
		#citation{ padding-top:10px;}

/* ----------------------------------------------------------------------- Contenu texte */
		#texte {
		margin-left: 670px;
		margin-right: 20px;
		padding: 5px 30px;
		text-align:justify;
		}

/* ----------------------------------------------------------------------- Formulaire Contacts */
		.contacts{ margin-left:100px;}
		#adresse{ margin-left: 540px; text-align:justify; padding-top:75px;}
		#formulaire{ float: left; width: 500px;}
		#gauche{float:left; margin:0; padding:0;}
		#droit{margin:0; padding:0;}
		.champ{ float:left;margin:0;}
		.msg{ margin:0; padding:0; vertical-align:top;}
		p.submit input{ margin:0; padding:2px; color:#fff; background:#f36621; border:none; width:155px;}
		

/* ----------------------------------------------------------------------- Pied de page */
		#pied { margin: 0; padding: 0; text-align:center; }

/* ----------------------------------------------------------------------- Mention de copyright */
		#copyright { margin: 8px 0 0 0; font-size: 1em; text-align: left; }

/* ----------------------------------------------------------------------- Footer */
		#footer {
		padding: 20px;
		text-align:center;
		height:80px;
		background-color:#2b5263;
		background-image:url(../img/degrade-footer.png);
		background-repeat:repeat-x;
		}
		
		#footer ul { line-height:20px; text-align: center ;}
		
		#footer li {
		display: inline ;
		line-height:15px;
		margin-right: 1px ;
		font-size:11px;
		color:#fff;
		}
		
		#footer li a {
		line-height: 15px ;
		padding: 0px 20px ;
		text-decoration: none ;
		color:#fff;
		background-image:url(../img/puce-footer.png);
		background-position:left;
		background-repeat:no-repeat;
		}
		
		#footer li a:hover { text-decoration:underline; color:#f36621; }