body, html { margin:0px; background-color:white; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

#entete {
	width:100%;
	min-width:99%;
	height:247px;
	background:transparent url("_images/menu_fond_05.jpg") repeat-x 0px 0px;
	position:fixed;
	z-index:5;
	margin:0;
	overflow:hidden;
}


/* ENTETE - Graphiques divers (invisibles en mode texte) */
#entete #menu_fond_01 {
	width:159px;
	height:131px;
	background:url('_images/menu_fond_01.jpg');
	position:relative;
	top:89px;
	margin:0;
	float:left;
}
#entete #menu_fond_02 {
	width:31px;
	height:86px;
	background:url('_images/menu_fond_02.jpg');
	position:relative;
	top:132px;
	margin:0;
	float:left;
}
#entete #menu_fond_03 {
	width:212px;
	height:192px;
	background:url('_images/menu_fond_03.jpg');
	position:relative;
	top:0px;
	margin:0;
	float:left;
}
#entete #menu_fond_04 {
	width:199px;
	height:61px;
	background:url('_images/menu_fond_04.jpg');
	position:absolute;
	top:131px;
	left:578px;
	margin:0;
	float:left;
}

/* ENTETE - Logo kapta */
#entete #logo_kapta {
	width:300px;
	height:79px;
	position:absolute;
	top:33px;
	left:650px;
	float:left;
	margin:0;
	overflow:hidden;
}
#entete #logo_kapta img {
text-align:center; margin-left:auto; margin-right:25px; overflow:hidden; }

/* ENTETE - bloc bleu servant de separateur en mode texte */
#entete hr {
	width:334px;
	height:28px;
	background-color:#00729B;
	margin:0px;
	position:absolute;
	left:0px;
	top:218px;
	float:left;
	border-top:2px solid white;
	z-index:100;
}



/* ENTETE > MENU - Boutons du menu et sous-menus */
#entete em { font-style:normal;text-decoration:none; } /* pour qu'en mode texte les choix soient sur une seule ligne */
#entete #menu {
	position:relative;
	top:48px;
	left:0px;
	width:172px;
	font-weight:bolder;
	text-transform: uppercase;
	float:left;
	border:2px solid white;
	z-index:15;
}

/* ENTETE > MENU - style standard pour boutons */
.standard em { 
	border-bottom:2px solid #92C462;
	list-style:none;
	background:url('_images/fond-bouton-off.jpg');
	height:27px;
	display: block;
	margin:0px;
	clear:both;
	text-decoration:none;
}
.standard em a {
	padding-top:8px;
	padding-left:30px;
	color:#F5FB97;
	height:18px;
	display: block;
	border:0;
}
.standard em a:hover { 
	color:white;
	background: transparent url('_images/fond-bouton-on.jpg') repeat-x 0px 0px;
}

/* ENTETE > MENU - sousmenus */
.sousmenu {
	position:absolute;
	top:32px;
	left:155px;
	width:230px;
	background-color: #9FC254;
	display: none;
	z-index:151;
}
.sousmenu em a {
	padding:6px;
	display: block;
}
.sousmenu em a:hover {
	background-color: #C2E27D;
	color:#68842D;
}

/* ENTETE > MENU - bouton nous joindre */
#joindre em {
	border-bottom:2px solid white;
	background:url('');

	background: transparent url('_images/fond-bouton-joindre-off.jpg') repeat-x 0px 0px;
	display: block;
}
#joindre em a {
	color:#456526;
	padding-top:6px;
	padding-left:30px;
	height:21px;
	display: block;
}
#joindre em a:hover { 
	background:url('_images/fond-bouton-joindre-on.jpg');
	color:black;
}




/* STYLES DIVERS APPLICABLES PARTOUT */


/* liens */
a { text-decoration:none; color:#333333; }
a:hover { color:#679A3E; text-decoration:none; }
a:visited {	color:#333333;	text-decoration:none; }

/* alignements */
.center { text-align:center; margin-left:auto; margin-right:auto; }
.right { text-align:right; }
.left { text-align:left; }

/* images */
img, img a { 	border:0px; margin:0px; }

/* effet sur les images avec lien */
.hover:hover a, .hover:hover img  {
-moz-opacity:0.6; /* FF */
filter:alpha(opacity=60); /* IE */
opacity:0.6; /* Safari, Opera 8.5+ et autres */
}





/* CONTENU */

#contenu {
	position:absolute;
	left: 0px;
	top: 220px;
	width:99.5%;
	font-size:12px;
	margin:0px;
	padding:0px;
	padding-top:50px;
	display:block\9;

}
#contenu #partie_fixe_gauche {
	float:left;
}
#contenu #partie_fixe_droite {
	float:right;
}


/* CONTENU - filet horizontal bleu (invisible en mode texte) */
#separateur {
	width:100%;
	margin-top:25px;
	margin-bottom:25px;
	clear:both;
	background:transparent url("_images/filet_bleu.gif") repeat-x 0px 0px;
	height:1px;
	float:right;
	padding:0px;
	padding-top:0px;
	padding-bottom:0px;
	border:0px;
}



/* CONTENU - titre de page */
h1 {
	position:relative;
	margin-top:20px;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#12525D;
	margin-bottom:15px;
	text-align:left;
	float:right;
}
/* CONTENU - sous-titre */
h3 {
	font-size:16px;
	line-height:160%;
	color:#679A3E;
	font-weight:bolder;
	text-align:left;
	float:right;
}
/* CONTENU - texte regulier */
p { 
	width:100%;
	font-size:12px;
	line-height:160%;
	color:#333333;
	margin:0px;
	text-align:left;
	float:right;
}
h2 { 
	width:100%;
	font-size:12px;
	line-height:160%;
	color:#333333;
	margin:0px;
margin-top:10px;
	text-align:left;
	font-weight: bold;
	float:right;

}

/* CONTENU - listes */
#contenu ul, #contenu div ul { 
	position:relative;
	top:0;
	left:10px;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
}
#contenu ul li { 
	width:100%;
	line-height:110%;
	color:#333333;
}
/* CONTENU - petites liens a droite */
h5 {
	border-top:2px solid white;
	border-left:2px solid white;
	position:absolute;
	left: 365px;
	top: 192px;
display:block;
width:50%;
	height:18px;
	background-color:#DFDFDF;
	font-weight:normal;
	text-decoration:none;
text-align:center;
	color:#333333;
	font-size:10px;
	margin:0px;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	z-index:99;
float:right;
position:fixed;
}
h5 a:hover {
	color:#287FB5;
}



/* CONTENU - tableaux */
table {
	width:auto;
	border:0px solid white;
	position:relative;
	left: 0px;
	top: 0px;
	margin:0px;
	float:left;
}
table tr td {
	text-align:center;
	font-size:10px;
	color:#333333;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:0px;
}


/* CONTENU - formulaires */
form input, form textarea {
	padding:3px;
	border:1px solid #C3C3C3;
	margin:3px;
}
#alerte {
	font-size:12px;
	line-height:16px;
	width:300px;
	padding:20px;
	border:1px solid #C3C3C3;
	margin-left:50px;
	margin-top:25px;
	float:left;
}

#envoi_ftp {
margin-left:50px;
text-align:right;
border:1px solid #C0C0C0;
background-color:#fbfbfb;
padding:15px;
width:380px;
display:block;
float:left;
}
#envoi_ftp strong {
	font-size:12px;
	line-height:160%;
	color:#157C88;
	font-weight:normal;
}
#envoi_ftp p {
	margin-top:2px;
	font-size:12px;
	line-height:120%;
	color:#747474;
	font-weight:normal;
}

/* AUTRES STYLES A ENLEVER / REMPLACER */
.texte-bold {
	font-size:12px;
	line-height:160%;
	color:#000000;
	font-weight:bolder;
}
.texte-regulier-listes {
	font-size:12px;
	line-height:110%;
	color:#333333;
}
.round {
	cursor:pointer; 
	cursor:hand; 
	background:url(_images/bouton.gif) no-repeat; 
	border:0px;
	padding-right:0.25em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	padding-left:0.25em;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.texte-bold-petit {
	font-size:11px;
	color:#333333;
	font-weight:bold;
}

.items, .items-335px240px, .items-160px315px {
	position:relative;
	left: 380px;
	top: 0px;
	text-align:center;
	width:580px;
	clear:both;
}
.catalogue-image {
	float:left;
	text-align:center;
	margin-bottom:40px;
}

.catalogue-description {
	position:relative;
	left: 0px;
	top: 20px;
	text-align:left;
	float:right;
	margin-bottom:40px;
}

.catalogue-description h2 {
	font-size:16px;
	color:#000000;
	text-align:left;
	font-weight:bolder;
	margin:0px;
	margin-bottom:4px;
}
.catalogue-description h3 {
	font-size:11px;
	font-weight: normal;
	color:#679A3E;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0px;
	margin-bottom:10px;
	float:left;
}
.catalogue-description hr {
	width:100%;
	color:#C0C0C0;
	background-color:#C0C0C0;
	height:1px;
	text-align:left;
	border: 0px solid white;
	margin-bottom:10px;
	clear:both;

}
.catalogue-description p {
	text-transform:none;
	font-size:12px;
	line-height:140%;
	color:#2F6878;
	margin-bottom:10px;
}

.items .catalogue-image {
	width:225px;
}
.items .catalogue-description {
	width:320px;
}
.items-335px240px .catalogue-image {
	width:335px;
}
.items-335px240px .catalogue-description {
	width:240px;
}
.items-160px315px .catalogue-image {
	width:160px;
}
.items-160px315px .catalogue-description {
	width:415px;
}
#contenu .nospacebefore {
	position:relative;
	left: 0px;
	top: 0px;
	margin:0px;
	padding:0px;
}
