@charset "UTF-8";
/* CSS Document */

/* ------ !!! balise des listes en ligne à mettre sur une seule ligne dans le code pour éviter les marges ------ */


/* ------ General ------ */

body,html {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color:#3b3b3b;
	background: #fff;
	margin: 0;
	padding: 0;
	height:100%;
}
#container {
	margin-left: auto; 
 	margin-right: auto; 
	width: 922px;
}
#container img {
	border:none;
}
#header {
	position: relative;
	width: 922px;
}
#content {
	position:relative;
	width: 599px;
	background-image:url(img/content_bg.jpg);
	background-repeat:no-repeat;
	min-height:427px;
	height: auto;
	left:323px;
}
#lang {
	position:relative;
	width:134px;
	left:788px;
}
#hautpage {
	padding:20px 0 20px 0;
}

/* ------ styles ------ */

.bold {
	font-weight:bold;
	color:#000;
}
.bold_bleu {
	font-weight:bold;
	color:#227aac;
}
.bold_rouge {
	font-weight:bold;
	color:#d13b54;
}
.bold_vert {
	font-weight:bold;
	color:#84c737;
}
.bold_verdo {
	font-weight:bold;
	color:#078d9b;
}

/* ------ general content ------ */

#title_band {
	position:relative;
	padding:40px 0 0 29px;
}

/* ------ presentation ------ */

#txt_para_prez {
	position:relative;
	font-size: 14px;
	line-height: 2;
	padding:20px 40px 0 55px;
	margin:0;

}
#txt_para_prez li {
	list-style-position: outside; 
	list-style-image:url(img/puces/bleu.jpg);
	list-style-type:none;
	padding:0 0 15px 0;
	margin:0 0 0 0;
}



/* ------ catalogue ------ */

#txt_para_catalogue {
	position:relative;
	padding:25px 40px 0 29px;
	margin:0;
	float:left;

}
#txt_para_catalogue li {
	list-style:url(img/puces/verdo.jpg);
	margin:12px 0 0px 26px;
	padding:0px 0 0 0;
}
#visuel_description {
	position:relative;
	height:100px;
	margin:0 0 0 0;
	padding:15px 0 10px 0;
}
#visuel {
	position:relative;
	width:143px;
	float:left;
	padding:0 15px 0 0;
}
#description {
	position:relative;
	padding:0 0 0 0;
	float:left;
	width:341px;
}

#description a {
	text-decoration:none;
	font-weight:bold;
	color:#078d9b;
}
#description a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#078d9;
}
#nav2_cat {
	height:30px;
	margin:20px 0 0 29px;
	padding:10px 0 0 0;
}
#prod {
	width:158px;
	height:30px;
	float:left;
}
#dirprod {
	width:243px;
	height:30px;
	margin:0 0 0 10px;
	float:left;
}

/* ------ actualites ------ */

#txt_para_actu {
	position:relative;
	padding:12px 40px 0 29px;
	margin:0;

}
#txt_para_actu li {
	list-style:url(img/puces/vert.jpg);
	margin:20px 0 20px 26px;
	padding:0 0 0 0;
}
#txt_para_actu a {
	color:#3b3b3b;
}

/* ------ contact ------ */

#txt_para_contact {
	position:relative;
	padding:12px 0 0 29px;
	margin:0;

}
#txt_para_contact li {
	list-style:url(img/puces/rouge.jpg);
	margin:20px 0 20px 26px;
	padding:0 0 0 0;
}
#txt_para_contact a {
	text-decoration:none;
	color:#3b3b3b;
}
#txt_para_contact a:hover {
	text-decoration:underline;
	color:#d13b54;
}


/* ------ effects ------ */
#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height:100%;
	background-color: #000000;
	z-index:10;
	opacity:0.6;
	filter: alpha(opacity=60);
}
#closebtn {	
	float:right;
	padding:10px 10px 0 0;
}
#boxlang {	
	position:absolute;
	top:120px;
	margin-left:350px;
	display: none;	
	width: 200px;
	height: 250px;
	padding: 0;
	background-color: white;
	z-index:11;
	overflow: auto;
}

#boxcredits {	
	position:absolute;
	top:120px;
	margin-left:350px;
	display: none;	
	width: 274px;
	height: 215px;
	padding: 0;
	background-color: white;
	z-index:11;
	overflow: auto;
}
#boxmentions {	
	position:absolute;
	top:120px;
	margin-left:240px;
	display: none;	
	width: 500px;
	height: 250px;
	padding: 0;
	background-color: white;
	z-index:11;
	overflow: auto;
}

#mentionstxtin {	
	padding: 20px 20px 20px 20px;
}


/* ------ Navigation ------ */
#navigation {
	position:absolute;
	width:323px;
	height: 469px;

}
#navigation li{
	list-style-type:none;
	display:inline;
	margin: 0px;
  	padding: 0px;
	border:0;
}
#navigation img{
	border:none;
	margin: 0px;
  	padding: 0px;
}
#navtop {
	width: 323px;
	height: 15px;
	background-image:url(img/nav/nav_top.jpg);
}
#ligne1 {
	width:323px;
	height:100px;
	margin:0;
	padding:0;
}
#sep1 {
	width: 323px;
	height: 4px;
	background-image:url(img/nav/separator1.jpg);
}
#ligne2 {
	width:323px;
	height:100px;
	margin:0;
	padding:0;
}
#sep2 {
	width: 323px;
	height: 4px;
	background-image:url(img/nav/separator2.jpg);
}
#ligne3 {
	width:323px;
	height:100px;
	margin:0;
	padding:0;
}
#sep3 {
	width: 323px;
	height: 4px;
	background-image:url(img/nav/separator3.jpg);
}
#ligne4 {
	width:323px;
	height:100px;
	margin:0;
	padding:0;
}
#navbottom {
	width: 323px;
	height: 14px;
	background-image:url(img/nav/nav_bottom.jpg);
}
#footer {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing:1px;
	color:#8b8b8b;
	width: 323px;
	height: 28px;
	padding: 2px 0 0 15px;
	
}

#footer a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing:1px;
	color:#8b8b8b;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}



/* ------ Interieures ------ */

#retourbtn a {
	text-decoration:none;
	color:#000;
}
#retourbtn a:hover {
	text-decoration:underline;
}


/* ------ Viewer ------ */

#viewer img {
	width:530px;
}