/*
 * ================================================
 * AUTOR ALEN MAKAS (BIHSOCCER@BIHSOCCER.COM)
 * ================================================
 */

body{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	background-image: url('bacground.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 100%;
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;	

}

#main{
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	width: 100%;
	text-align:left;
	height: 100%;
}


#boxes{
	width: 900px;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
	height: 100%;
}

.clear {
	clear:both;
}

/*
 * ========================================
 * PAGE SUR SITE
 * ========================================
 */

#root{
float: left;
width: 100%;
}

#link{
float: left;
width: 100%;
}

#cacher{
float: left;
width: 100%;
}

#gauche{
margin-right: 300px; 
}

#droit{
float: left;
width: 300px; 
margin-left: -300px; 
}

/*
 * ========================================
 * IMAGES MENU A HAuT
 * ========================================
 */

.jimgMenu {
	position: relative;
	width: 890px;
	height: 200px;
	overflow: hidden;
	margin: 25px 0px 0px;
}

.jimgMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1340px;
	
	}

.jimgMenu ul li {
	float: left;
}

.jimgMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:78px;
	height: 200px;
}

.jimgMenu ul li.accueil a {
	background: url('menu/accueil.jpg') repeat scroll 0%;
}
.jimgMenu ul li.photocopieur a {
	background: url('menu/photocopieur.jpg') repeat scroll 0%;
}
.jimgMenu ul li.traitement_de_courrier a {
	background: url(menu/traitement_de_courrier.jpg) repeat scroll 0%;
}
.jimgMenu ul li.horloge a {
	background: url(menu/horloge.jpg) repeat scroll 0%;
}
.jimgMenu ul li.imprimante a {
	background: url(menu/imprimante.jpg) repeat scroll 0%;
}
.jimgMenu ul li.fax_et_numeriseur a {
	background: url(menu/fax_et_numeriseur.jpg) repeat scroll 0%;
}
.jimgMenu ul li.machine_a_plan a {
	background: url(menu/machine_a_plan.jpg) repeat scroll 0%;
}
.jimgMenu ul li.duplicateur a {
	background: url(menu/duplicateur.jpg) repeat scroll 0%;
}
.jimgMenu ul li.machine_a_ecrire a {
	background: url(menu/machine_a_ecrire.jpg) repeat scroll 0%;
}
.jimgMenu ul li.produits_vert a {
	background: url(menu/nos_produits_verts.jpg) repeat scroll 0%;
}
.jimgMenu ul li.support_et_service a {
	background: url(menu/support_et_service.jpg) repeat scroll 0%;
}
.jimgMenu ul li.carrier_chez_nous a {
	background: url(menu/carrier_chez_nous.jpg) repeat scroll 0%;
}
.jimgMenu ul li.nous_joindre a {
	background: url(menu/nous_joindre.jpg) repeat scroll 0%;
	min-width:256px;	
}


/*
 * ========================================
 * FORM DE TEXT
 * ========================================
 */

h1 { 
        color: #D10000;
        font-size: 19px;
        font-weight: bold; 
	text-align:center;
}

h2 { 
        color: #D10000;
        font-size: 14px;
        font-weight: bold; 
}


/*
 * ========================================
 *  LIEN
 * ========================================
 */

a {
color: #000000;
text-decoration: none;
font-weight: normal
}
a {
color: #000000;
}
a:hover {
color: #d10000;
text-decoration: none;
}



/*
 * ========================================
 * ESPACE
 * ========================================
 */


.espace {
	width: 10px
}

.espacev {
	height: 20px;
}



/*
 * ========================================
 * MENU A DROIT
 * ========================================
 */

.lacouline_menu{
width: 280px; 
margin-left: 15px;
}

.lacouline_menu .naslovna{
font: bold 14px Arial;
color: white;
background: black url(bl/ln.png) repeat-x center left;
margin-bottom: 10px; 
text-transform: uppercase;
padding: 4px 0 4px 10px; 
}

.lacouline_menu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; 
}

.lacouline_menu ul li{
padding-bottom: 2px; 
}

.lacouline_menu ul li a{
color: #D10000;
background: url(bl/lf.png) no-repeat center left; 
display: block;
padding: 2px 0;
padding-left: 19px; 
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.lacouline_menu ul li a:visited{
color: #D10000;
}

.lacouline_menu ul li a:hover{ 
color: #D10000;
background-color: #F3F3F3;
}

/*
 * ========================================
 * ACCUEIL NEWS
 * ========================================
 */

div#lacouline_m {
	width:580px;
	float:right;
	}
div#lacouline_m h3 {
	color:#000;
        margin-left: 25pt;
	padding:0 0 0 5px;
	border-left:solid 10px #d10000;
	zoom:1;
	}
div#lacouline_m p {
        margin-left: 5pt;
	font-size:1.0em;
	color:#000;
	}
div#lb {
	float:left;
	margin:10px 0 5px 0;
	padding-bottom:5px;
	width:580px;
	}

div#lb a {
	color:#d10000;
	text-decoration:none;
	}


/*
 * ========================================
 * SITE LACOULINE 
 * ========================================
 */

div#lacouline {
	width:580px;
	float:right;
	}
div#lacouline h3 {
	color:#000;
        margin-left: 25pt;
	padding:0 0 0 5px;
	border-left:solid 10px #d10000;
	zoom:1;
	}
div#lacouline p {
        margin-left: 5pt;
	font-size:1.0em;
	color:#000;
	}
div#lacouline p a {
	color:#d10000;
	}
div#bl {
	float:left;
	margin:10px 0 5px 0;
	border-bottom:dotted 1px #ccc;
	padding-bottom:5px;
	width:580px;
	}

div#bl a {
	color:#d10000;
	text-decoration:none;
	}

/*
 * ========================================
 * PROMOTIONS
 * ========================================
 */

div#promotions {
	width:580px;
        border:solid 5px #ffff00;
        background-color: #D10000;
	float:right;
	}
div#promotions h3 {
	color:#ffff00;
        margin-left: 25pt;
	padding:0 0 0 5px;
	zoom:1;
	}
div#promotions p {
        margin-left: 5pt;
	font-size:1.0em;
	color:#ffffff;
	}
div#promotions p a {
	color:#ffff00;
	}
div#promotion {
	float:left;
	margin:10px 0 5px 0;
	padding-bottom:5px;
	width:580px;
	}

div#promotion a {
	color:#ffff00;
	text-decoration:none;
	}


/*
 * ========================================
 * ACCUEIL FORM LIEN
 * ========================================
 */

p.cacher { font-size:0.1em; color:#ffffff; }
p.accueil { font-size:0.7em; color:#666; text-align:center; }

a.accueil:link { color: #D10000; }
a.accueil:visited { color: #d10000;}
a.accueil:active { color: #d10000;}
a.accueil:hover { color: #000000;}


/*
 * ========================================
 * FORM DE CONTACT SUR LE SITE
 * ========================================
 */

fieldset {
	border:1px dashed #d10000;
	padding:10px;
	height:100%;
}
legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#ffffff;
	background: #d10000;
	border: 1px solid #000000;
	padding: 2px 6px;
}


label  {
        width: 220px;
        float: left;
        margin-right: 0.5px;
        color: #000000;
        display: block;
}


input  {
        color: #000000;
        background: #ffffff;
        border: 1px solid #000000;
}

.submit input {
        color: #ffffff;
        background: #d10000;
        border: 1px solid #000000;
        margin-left: 1.5em;
}