/* CSS Document */
/*********************************************************************
//
//  Developpeur : Christophe Iaïchouchen AKA saturnino
//  Copyright
//  décembre 2006 le-lokal
//
//*********************************************************************/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {	font-family:  Arial,Verdana, Helvetica, sans-serif;background-color: #000000;	font-size: 12px;	background-image: url(../images/interface/background_0.gif);	background-repeat: repeat-x;
	text-align: left;color:#000000;
}
h1, h2, h3, h4, h5, h6 {	text-transform: uppercase;	font-weight: normal;	font-size: 100%;}

span.orange{color: #FF7F00;}
span.noir{color: #000;}
span.lelokal{color: #333;}
a{
	color: #000000;

}
a.external{		background-image: url(../images/interface/external-link.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #ABB1B7; cursor: help;}

div.separateur{	background-image: url(../images/interface/pointille-noir.gif);	height: 1px;	margin-right: 314px;	margin-left: 236px;	background-repeat: repeat-x;	margin-top: 600px;	margin-bottom: 0px;	font-size: 1px;	line-height: 1px;}


#playList{	position: absolute;	z-index: 10;	text-align: right;	width: 148px;	padding-top: 18px;	float: right;	top: 0px;	right: 0px;	/*left:820px;*/}
#lecteur{	position:absolute;	z-index: 4;	/*display:none;*/	width:320px;	height:240px;}
#k{	position:absolute;	z-index: 3;	background-image: url(../images/interface/k.gif);	background-repeat: no-repeat;height: 300px;	width: 300px;	/*left: 589px;*/top: 354px;	right:150px	}
#chargement{position: absolute; font-family: arial; font-size: 11px; 	right: 0px; top: 0px; 	background-color: #B90000; 	color: white; 	padding: 1px;	z-index: 100;	font-weight: bold;	border: solid 1px white;}
#loading{
	position: absolute;
	font-family: arial;
	font-size: 12px;
	right: 0;
	top: 0;
	background-color: #000000;
	color: white;
	z-index: 100;
	font-weight: bold;
	background-image: url(../images/interface/k.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0;
	height: 100%;
	width: 100%;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}





/*conteneur */
#conteneur {
	position: absolute;
	width: 960px;
	background-color:#DCDCDC;
	filter:alpha(opacity=100);    /* IE */
	-moz-opacity:1;             /*   Moz + FF*/
	opacity: 1;          /*Anything that supports CSS3*/
	color: #000000;
	left: 0px;
	left: 50%;
	margin-left: -480px; /* moitié de la largeur */
	background-image: url(../images/interface/left-bg-1-motif1.gif);
	background-repeat: repeat-y;
	background-position: 0px 215px;
}
	
	
	
	
	
/* header */
#header {height: 105px;	background-color: #000;	background-image: url(../images/interface/header-bg-1_01.gif);	background-repeat: no-repeat;	background-position: 0px 0px;}





/* gauche */
#gauche_societe,#gauche_espace_pro,#gauche_contact,#gauche_metiers{	position: absolute;	left:0;	width: 200px;	height:370px;		background-repeat: no-repeat;	background-position: 0px 0px;}
#gauche_societe{background-image: url(../images/interface/left-societe.gif);}
#gauche_metiers{background-image: url(../images/interface/left-metiers.gif);}
#gauche_espace_pro{background-image: url(../images/interface/left-espace-pro.gif);}
#gauche_contact{background-image: url(../images/interface/left-contact.gif);}


/* centre */
#centre {	padding-top: 30px;	/*margin-left: 236px;*/	text-align: left;	vertical-align: top;	min-height:400px;}
#centre h2.titre{	margin-left: 236px;	font-size: large;	text-transform: lowercase;	color: #666;	margin-top: 0px;	padding-top: 0px;	background-image: url(../images/interface/BG-txtBlanc.gif);	background-repeat: no-repeat;
}
#centre h2.titre .puce{margin:2px 10px 2px 2px;}

#centre div.fleche{	background-image: url(../images/interface/pictos/Fleche.gif);	background-position: 0px 3px;	margin-left: 222px;	padding-left: 14px;	background-repeat: no-repeat;}
#centre div.flecheTop{	background-color: #DCDCDC;	background-image: url(../images/interface/pictos/Haut.gif);	background-position: 0px 0px;	height: 50px;	width: 21px;	margin-left: 215px;	background-repeat: no-repeat;
	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;}
#centre div.voirLaVideo{	margin-left: 236px;	margin-top: 40px;}
#centre p{	width: 408px;	line-height: 1.2em;	text-align: justify;	vertical-align: top;}
#centre #actu_container {	width: 408px;margin-left: 236px;padding-bottom: 20px;}
#centre #actu_container p{	/*width: 100% !important;*/	line-height: 1.2em;	vertical-align: top;}
#centre #actu_container div{	/*width: 100% !important;*/	line-height: 1.2em;	vertical-align: top;}
#centre #actu_container h2.news{	text-transform: none;	font-variant: normal;	background-image: url(../images/interface/logo-loKal.gif);	background-repeat: no-repeat;	padding-left: 20px;	margin-bottom: 0px;padding-bottom: 0px;

}
#centre #actu_container h5{	text-transform: none;	font-variant: normal;	padding-bottom:15px;	padding-left: 20px;	margin-top: 0px;	padding-top: 0px;}
#centre #actu_container h5 a{	text-decoration: underline;	font-weight: normal;}
#centre #actu_container a{	text-decoration: none;	color: #000;	font-weight: bold;	background-color: #DCDCDC;}
#centre #actu_container a:hover{background-color: #000;color:#fff;  }
#centre #actu_container span.videoDate{	margin-left:5px;	padding-left:5px;	color: #FF7F00;	border-left: 1px solid #FF7F00;	font-size: 10px;}
#centre #actu_container div.voirLaVideo{	margin-left: 0px;	margin-top: 0px;}

#centre p.anchorTop{	margin-left: 21px;	height:50px;	padding:3px 0px 0px 5px;	background-image: url(../images/interface/pointille-link.gif);	background-repeat: no-repeat;	background-position: 0px 0px;margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;}

#centre p.anchorTop a{	text-transform: uppercase;	font-size: 12px;	text-decoration: none;}
#centre p.anchorTop span.orange{	font-weight: bold;}
#centre p.voirLaVideo{	height:15px;	padding:1px 0px 0px 15px;	background-image:url(../images/interface/pointille-link-video.gif);	background-repeat: no-repeat;	background-position: 0px 0px;}

#centre p.voirLaVideo a{	text-transform: uppercase;	font-size: 12px;text-decoration: none;}

#centre ul.listeSimple{	margin-left: 236px;	padding-left: 0;width: 100%;margin-top: 10px;margin-bottom: 10px;width: 408px;} 
#centre ul.listeSimple li{list-style: url(../images/interface/puce-liste.gif) none inside;margin: 0;padding: 0.25em;}


/* blocs */
#centre p.blocDeBase,#centre #telechargement{	margin-left: 238px;border-right-width: 2px;	border-right-style: solid;	border-right-color: #FF7F00;	padding-right: 20px;	padding-bottom: 20px;}
#centre p.blocTexte{	margin-left: 236px;	}
#centre h2.blocTexte{	font-size: 12px;padding-right: 2em;display: inline;text-transform: uppercase;padding-left: 5px;	background-color: #FF7F00;	text-align: left;	font-weight:bold;}
#centre h2.blocVideo{	font-size: 12px;	padding-right: 2em;	display: inline;	text-transform: uppercase;	padding-left: 5px;	background-color: #FF7F00;	text-align: left;	font-weight:normal;}
div.blocTexte{	background-image: url(../images/interface/bg-blocText.gif);	background-repeat: no-repeat;	padding-top: 20px;	padding-bottom: 60px;}
div.blocVideo{	background-image: url(../images/interface/bg-blocText.gif);	background-repeat: no-repeat;	padding-top: 20px;	padding-bottom: 60px;}
ul.blocVideo{	margin-left: 236px;	padding-top: 20px;	width:200px;}
a.pdf{}

ul.blocVideoMinis{	position: relative;	float:right;	padding:20px 0px 0px;	margin:0px;	right: 318px;}
ul.blocVideoMinis li {	float:left;	margin-left: 10px;}
div.videoCat{	font-size: 12px;	left: 533px;	position: absolute;width:110px;text-align:right; }
div.videoCat span.crochet{	color: #FF7F00;}
div.blocVideo img.diapo {	background-color: #999;	height: 96px;	width: 120px;	margin-left: 0px;	margin-top: 15px;	padding: 10px 10px 10px 70px;	position: fixe;	left: 0px;	top:0px;	float: left;}



/* FTP */
ul.listing_ftp,li.listing_ftp_dossier,li.listing_ftp_fichier{texte-align: left;	text-align: left;	margin: 0px;	padding: 0px;	}	
ul.listing_ftp{	margin: 0px 0px 15px 5px;	padding: 0px;	list-style-position: outside;	list-style-type: square;}
li.listing_ftp_dossier{	color: #FF7F00;	text-transform: uppercase;	padding-top: 5px;	padding-left: 0px;	padding-bottom: 5px;list-style: url(../images/interface/puce-liste.gif) none inside;}
li.listing_ftp_fichier{	color: #999999;	text-transform: none;	padding-top: 5px;	padding-bottom: 5px;	padding-left: 0px;	list-style: url(../images/interface/puce-liste.gif) none inside;}


/* footer */
#footer {	height: 47px;	background-image: url(../images/interface/footer.gif);	background-repeat: no-repeat;	background-position: 0px 0px;	font-family: Arial, Helvetica, sans-serif;	padding-top: 37px; padding-left:128px;}
#footer h6{	display: inline;	margin: 0px;	padding: 0px;	text-transform: uppercase;	font-size: 10px;	color: #FFFFFF;}
#footer a{	color: #CCCCCC;	text-decoration: none;}
#footer a:hover{	text-decoration: underline;}
.pipe{	color: #C9580E;	margin-right: 2px;	margin-left: 2px;}







/* menuAncre */

#menuAncre, .menuAncre{	margin-left: 236px;	padding-left: 95px;width: 100%;margin-top: 50px;margin-bottom: 700px;width: 408px;}
#menuAncre li, .menuAncre li{	font-size: 0.9em;	letter-spacing: 0.1em;	margin: 0;	padding: 0.6em;	list-style-position: inside;	list-style-image: url(../images/interface/pictos/Fleche.gif);	list-style-type: none;	}
#menuAncre li a, .menuAncre li a{	text-decoration: none;	color: #000;		padding-right: 1em;	padding-left: 1em;	font-weight: normal;	background-image: url(../images/interface/BG-menu.gif);	background-repeat: no-repeat;text-transform: uppercase;}
#menuAncre li a:hover{    font-weight:bold;	background-image: none;	color: #000;	background-color: #FF7F00;padding-right: 1em;	padding-left: 1em;	font-weight: normal;	background-image: url(../images/interface/BG-menu.gif);	background-repeat: no-repeat;text-transform: uppercase;}

/* contact */
.menuAncre{margin-left: 230px;margin-bottom: 1em;padding-left: 0px;}
.addresses{
	margin-left: 236px;
	margin-bottom: 1em;
	width:432px;
	padding: 0px;
	border-right-width: 2px;	border-right-style: solid;	border-right-color: #FF7F00;
}
.addresses TD{
	line-height: 1.2em;	vertical-align: top;
}
.addresses caption{
	text-align: left;text-transform: uppercase;
}



/* menu */

dl, dt, dd, ul, li {margin: 0px;padding: 0px;list-style-type: none;}

#menu{	width:100%;	height: 110px;	background-color: #333333;	background-image: url(../images/interface/header-bg-1_02.gif);	background-repeat: no-repeat;	background-position: 0px 0px;}
#menu dl {float: left;width: 113px;}
#menu dl.menu-vide{width: 121px;}
#menu dt {	padding-top: 10px;	cursor: pointer;	text-align: left;	font-weight: bold;	height:23px;}
#menu dt a {color: #FFF;text-decoration: none;display: block;height: 100%;	background-image: url(../images/interface/menu-fleche-blanche.gif);	background-repeat: no-repeat;	background-position: 8px 5px;
	padding-left: 14px;	font-size: 14px;
}

#menu dd {	background-color: #333333;display: none;	/*background-image: url(../images/interface/menu-fleche-orange.gif);*/	background-repeat: no-repeat;	background-position: 0px 0px;}
#menu li {
	text-transform: uppercase;
	text-align: left;
	padding: 2px 0px 2px 8px;
	font-size: 10px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#menu li a{/*padding-left: 10px;*/color: #FF7F00;text-decoration: none;display: block;height: 100%;}
#menu li#active a{/*padding-left: 10px;*/color: #FFFFFF;text-decoration: none;display: block;height: 100%;}
#menu li a:hover {	color: #fff;}


/*menu listingVideo */
#centre #actu_container ul.listingVideo{}
#centre #actu_container ul.listingVideo li{	padding: 0.25em;	margin:0;	list-style-type: none;}
#centre #actu_container ul.listingVideo li a{	border-top: 1px dashed #000000;	border-bottom: 1px dashed #000000;	text-transform: none;	color: #ff7f00;	text-decoration: none;	height: 100%;	font-style: normal;	font-weight: normal;	padding-right: 0.25em;	padding-left: 0.25em;}
#centre #actu_container ul.listingVideo li a:hover {	background-color: #000;color: #fff;}
#centre #actu_container ul.listingVideo li a img.puce{	padding-right:7px;}


/* formulaire clients */

#centre #clients{margin-left:236px;}
#centre #clients fieldset{border: 0px solid #000}
#centre #clients legend{font: bold 140%/1.6 Arial,sans-serif;color: #27518A}
#centre #clients fieldset label{float:left;display:inline;width:110px;    line-height:16px;margin: 3px 10px 3px 0px;text-align:right;}
#centre #clients input,textarea{	margin:3px 0 8px;	width: 200px;	border: 1px solid #EFEFEF;}
#centre #clients input{height: 18px}
#centre #clients fieldset br{clear:left}
#centre #clients input#go{margin: 10px 0 0 120px;	color: #CCCCCC;	height: 100%;background-color: #000000;	border: 1px solid #FF7F00;	width: 100px;	}



/* Mentions légales et crédits */
div.credits{	padding-left: 8px;	text-align: left;	color: #FF7F00;	padding-top: 8px;	text-align: left;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 25px;	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
div.credits a{	color: #666666;	font-weight: bold;	font-variant: small-caps;	font-size: 12px;	text-decoration: none;}
div.credits a:hover{text-decoration: underline;}
div.credits .texteGrand{	font-size: large;	text-transform: uppercase;}
div.credits h1, div.credits h2{	display: inline;}
div.credits .logo{	font-size: larger;}
.titre,.titre a:link,.titre a:visited{	color: #666666;	font-weight: bold;	font-variant: small-caps;	font-size: 12px;}
.titre a:hover{text-decoration: none;}