* {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
html, body {
	height: 100%;
}
body {
	background: #00ADEA url(body.jpg) repeat-x;
}
object, embed {
	position:relative;
	clear:both;
	margin:10px 0px 0px 0px;
}


/* ************************ GLOBAL ********************************** */
#global {
	position: relative;
	min-height: 100%;
	display: block;
	width: 100%;
	background: url(global.jpg) no-repeat center top;
}

/* popup */
.background
{
	width:100%;
	height:100%;
	z-index:499;
	position:absolute;
	top:0px;
	left:0px;
	background:url(mask.png);
}
.popup
{
	position:absolute;
	top:60px;
	margin:0px 0px 0px 50%;
	left:-351px;
	height:auto;
	width:700px;
	background:#E0DCD1;
	border:1px solid #484848;
	z-index:900;
}
.popup img.hdr
{
	position:relative;
	padding:0px 0px 7px 0px;
	background:url(popborder.jpg) no-repeat center bottom;
	z-index:799;
}
.popup span.close
{
	position:absolute;
	top:5px;
	right:5px;
	display:block;
	width:17px;
	height:17px;
	background:url(popclose.png) no-repeat;
	cursor:pointer;
	z-index:800;
}

.popup p.dsc
{
	position:relative;
	float:left;
	width:443px;
	height:auto;
	margin:20px 0px 0px 15px;
	font-family:Arial;
	font-size:12px;
	color:#838280;
}
.popup p.dsc a
{
	font-family:Arial;
	font-size:12px;
	color:#01AEEA;
}
.popup a.dwn
{
	position:relative;
	float:right;
	display:block;
	width:202px;
	height:64px;
	margin:10px 15px 0px 0px;
	background:url(popdownload.png) no-repeat;
}

.popup h2
{
	position:relative;
	float:left;
	clear:both;
	display:block;
	width:500px;
	height:81px;
	line-height:91px;
	padding:0px 100px 0px 100px;
	background:url(popformtop.jpg) no-repeat center top;
	font-family:Arial;
	font-size:22px;
	color:#01AEEA;
}
.popup form
{
	position:relative;
	float:left;
	clear:both;
	width:500px;
	height:auto;
	padding:0px 100px 20px 100px;
	background:url(popformbottom.jpg) no-repeat center bottom;
}
.popup form fieldset
{
	border:none;
}
.popup form legend
{
	display:none;
}
.popup form div
{
	position:relative;
	float:left;
	width:474px;
	margin:3px 0px 3px 0px;
	padding:7px 0px 7px 0px;
	border-left:3px solid #E8E4DB;
	border-bottom:1px dotted #D4CCB7;
	background:#F6F5F1;
}
.popup form label
{
	position:relative;
	float:left;
	display:block;
	width:110px;
	text-align:right;
	line-height:25px;
	font-size:11px;
}
.popup form input
{
	position:relative;
	float:left;
	width:278px;
	background:#FFFFFF url(input.jpg) repeat-x left top;
	margin:0px 0px 0px 5px;
	border:1px solid #dedbd2;
	padding:5px 5px 5px 5px;
	font-size:14px;
	color:#676254;
}
.popup form textarea
{
	position:relative;
	float:left;
	width:278px;
	height:74px;
	background:#FFFFFF url(input.jpg) repeat-x left top;
	margin:0px 0px 0px 5px;
	border:1px solid #dedbd2;
	padding:5px 5px 5px 5px;
	font-size:14px;
	color:#676254;
}
.popup form div#div_submit
{
	padding:0px;
	border-left:none;
	border-bottom:none;
	background:none;
}
.popup form #div_submit input
{
	margin:0px 0px 0px 370px;
	width:108px;
	height:35px;
	background:url(submit.jpg) no-repeat;
	color:#FFFFFF;
	cursor:pointer;
	padding:0px 0px 2px 0px;
	border:none;
}

.popup span.erreur label.error
{
	position:absolute;
	top:14px;
	right:78px;
	
	display:block;
	width:125px;
	height:15px;
	overflow:hidden;
	text-align:right;
	line-height:12px;
	font-size:10px;
	color:#C60000;
}
.popup form input.error, form textarea.error
{
	border:1px solid #ffb0b0;
}

.popup p.formulaire_msg_droit
{
	display:none;
}

/* ************************ HEADER ********************************** */
#header {
	height: 275px;
	width: 990px;
	position: relative;
	margin: 0 auto;
}
#logo {
	display: block;
	position: absolute;
	width: 170px;
	height: 133px;
	background: url(logo.png) no-repeat;
	top: 20px;
	left: 30px;
}
#header h1 {
	position:absolute;
	bottom:20px;
	left:33px;
	
	font-family:Arial;
	font-size:33px;
	color:#464646;
}
#header .showpop
{
	position:absolute;
	bottom:45px;
	right:205px;
	width:230px;
	height:35px;
	cursor:pointer;
	background:url(popbouton.png) no-repeat;
}

/* ************************ MENU ********************************** */
#menu_0 {
	float: right;
	list-style-type: none;
	background: #42C3F2 url(menu_0.png) no-repeat left;
	padding: 0px 0px 0px 10px;
	margin: 12px 0px 0px 0px;
}
#menu_0 li {
	display: inline;
	float: left;
	height: 32px;
	background: url(menu_0_li.png) no-repeat right;
}
#menu_0 li.menu_0_last {
	display: inline;
	float: left;
	height: 32px;
	background: url(menu_0_last.png) no-repeat right;
}
#menu_0 li.current_0 {
	font-weight: bold;
}
#menu_0 li a {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	padding: 0px 20px 0px 5px;
	line-height: 30px;
	height: 32px;
	float: left;
	font-family: "Trebuchet MS";
}
#menu_0 li.menu_0_last a {
	padding: 0px 15px 0px 5px;
}
#menu_0 li a:hover {
	text-decoration: underline;
}

/* ************************ CENTER ********************************** */
#center {
	/*overflow: hidden;*/
	width: 990px;
	margin: 0 auto;
	z-index: 400;
	padding: 0px 0px 445px 0px;
}

a img {
	border: 0px;
}
.intercalaire {
	clear: both;
	height: 10px;
}
.inter_include, .inter_produitdyn{
	display:none;
}

/* ************************ CONTENT ********************************** */
#content {
	float: left;
	width: 474px;
	overflow: hidden;
	padding: 0px 30px 30px 30px;
	font-size: 14px;
	color: #676254;
	background: #ffffff;
	margin: 0px 0px 0px 3px;
	/* Mettre un JS pour avoir un content à 100% de hauteur */
}
#content.large {
	width: 614px;
}
#content h2 {
	color: #00ADEA;
	font-size: 30px;
	padding: 0px 0px 10px 0px;
}
#content h3 {
	color: #848281;
	font-size: 23px;
	padding: 0px 0px 10px 0px;
}
#content h4 {
	color: #146885;
	font-size: 16px;
	padding: 0px 0px 10px 0px;
}
#content strong {
	color:#146885;
}
#content p, #content li {
	color: #676254;
	font-size: 14px;
	padding:7px 0px 7px 0px;
}
#content li {
	margin:0px 0px 0px 20px;
	padding:0px;
}
#content ul
{
	margin:0px;
	padding:7px 0px 7px 0px;
}
#content a {
	color: #00ADEA;
	text-decoration: none;
}
#content a:hover {
	color: #414645;
}


#content p strong.short
{
	color:#A7D8E9;
}
#content .zimg
{
	position:relative;
	float:left;
	width:614px;
	height:auto;
	padding:0px 20px 0px 0px;
}
#content .zimg img
{
	position:relative;
	float:left;
	border:none;
	margin:5px 2px 0px 0px;
	padding:0px;
	border:1px solid #A7D8E9;
	width:200px;
	height:150px;
	background:#FFFFFF;
	color:#FFFFFF;
}

#content .partenaire
{
	position:relative;
	float:left;
	margin:10px 9px 0px 0px;
	width:195px;
}
#content .partenaire img
{
	border:1px solid #00ADEA;
	padding:10px;
}
#content .partenaire h4
{
	text-align:center;
	text-transform: uppercase;
}

#content .actu_gauche {
	position: relative;
	float: left;
	width: 614px;
	padding:10px 0px 5px 0px;
	border-bottom:1px solid #DDDDDD;
}
#content .actu_gauche a:hover {
	color: #146885;
}

#content .thead {
	position:relative;
	clear:both;
	width:574px;
	height:15px;
	padding:3px 10px 3px 30px;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	border:1px solid #DEDCDF;
	background:#44C3F0;
}
#content .thead div{
	position:relative;
	float:left;
}
#content .thead div.t1{
	width:395px;
}
#content .thead div.t2{
	width:60px;
	text-align:right;
}
#content .thead div.t3{
	text-align:right;
	width:119px;
}
#content .file {
	position:relative;
	float:left;
	width:574px;
	padding:10px 10px 10px 30px;
	border:1px solid #DDDCDA;
	background:#F3F0EB url(pdf.jpg) no-repeat 10px 9px;
	margin:5px 0px 5px 0px;
	font-weight:bold;
}
#content .file a {
	position:relative;
	float:left;
	display:block;
	width:574px;
}
#content .file span{
	display:block;
	float:left;
	width:384px;
	padding:0px 10px 0px 0px;
	font-weight:normal;
}
#content .file em{
	display:block;
	float:left;
	width:60px;
	color:#BFB5B4;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-align:right;
}
#content .file strong{
	display:block;
	float:right;
	width:119px;
	color:#ADA580;
	text-transform: uppercase;
	text-align:right;
}
/* ************************ RIGHTBAR ********************************** */
#rightbar {
	width: 420px;
	float: right;
	font-size: 11px;
	color: #ACE9FF;
	padding: 10px 0px 20px 0px;
	z-index:490;
}
#rightbar.small {
	width: 290px;
}
#rightbar h2 {
	color: #E1DDD4;
	font-size: 30px;
	padding: 8px 0px 10px 0px;
	background: url(h2-under.jpg) repeat-x left bottom;
}
#rightbar p, #rightbar li {
	color: #FFFFFF;
	font-size: 14px;
	padding:7px 0px 7px 0px;
}
#rightbar p {
	line-height: 18px;
}
#rightbar li {
	margin:0px 0px 0px 20px;
	padding:0px;
}

#rightbar ul#submenu_2, #rightbar ul#submenu_1
{
	position:relative;
	float:left;
	margin:0px 0px 0px 0px;
	left:-67px;
	padding:7px 0px 7px 0px;
	z-index:497;
}
#rightbar ul#submenu_2 li, #rightbar ul#submenu_1 li
{
	position:relative;
	float:left;
	display:block;
	z-index:498;
}
#rightbar ul#submenu_2 li a, #rightbar ul#submenu_1 li a
{
	position:relative;
	float:left;
	display:block;
	width:287px;
	height:41px;
	font-size:12px;
	font-weight:bold;
	line-height:41px;
	padding:0px 10px 0px 40px;
	background:url(submenu.jpg) no-repeat;
	color:#FFFFFF;
	overflow:hidden;
	z-index:499;
}
#rightbar ul#submenu_2 li a:hover, #rightbar ul#submenu_2 li.subcurrent_2 a, #rightbar ul#submenu_1 li a:hover, #rightbar ul#submenu_1 li.subcurrent_1 a
{
	background:url(subcurrent.jpg) no-repeat;
}

#rightbar a {
	color: #146885;
	text-decoration: none;
}
#rightbar a:hover {
	color: #414645;
}
#rightbar h3 {
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
}

#rightbar .subselect
{
	position:relative;
	width:290px;
	height:32px;
	padding:0px 0px 0px 0px;
	margin:-50px 0px 0px 0px;
	z-index:500;
}
#rightbar .subselect span
{
	position:relative;
	float:left;
	display:block;
	width:275px;
	height:32px;
	line-height:32px;
	padding:0px 0px 0px 15px;
	background:url(select.jpg) no-repeat right top;
	cursor: pointer;
	font-family:Arial;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	color:#146885;
}
#rightbar ul#selectmenu_1
{
		display:none;
	position:absolute;
	top:31px;
	left:0px;
	margin:0px;
	padding:0px;
	border:1px solid #009bd3;
	z-index:501;
}
#rightbar ul#selectmenu_1 li
{
	position:relative;
	float:left;
	display:block;
	margin:0px;
	z-index:502;
}
#rightbar ul#selectmenu_1 li a
{
	position:relative;
	float:left;
	display:block;
	width:273px;
	height:32px;
	line-height:32px;
	padding:0px 0px 0px 15px;
	background:#5BCAF5;
	color:#FFFFFF;
	overflow:hidden;
	
	font-family:Arial;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	z-index:503;
}
#rightbar ul#selectmenu_1 li a:hover
{
	background:#009BD3;
}

#rightbar img.logo-right
{
	position:relative;
	margin:20px 0px 0px 0px;
	border:1px solid #00ADEA;
	padding:10px 47px 10px 47px;
	background:#FFFFFF;
}

#rightbar .actu_droite {
	position: relative;
	float: right;
	width: 420px;
}
#rightbar .actu_droite a {
	float: left;
	background: url(actu_droite_a.gif) repeat-x;
	width: 400px;
	height: 31px;
	line-height: 30px;
	text-align: right;
	margin: 8px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	color: #F0FBFF;
	text-decoration: none;
}
#rightbar .actu_droite a:hover {
	color: #146885;
}
#rightbar .actu_droite a span {
	position: absolute;
	left: 3px;
	bottom: 0px;
	font-weight: bold;
	font-size: 11px;
	color: #146885;
}
#rightbar_toute_actu {
	width: 385px;
	background: #20B8EE url(rightbar_toute_actu.png) no-repeat;
	float: left;
	line-height: 30px;
	height: 32px;
	text-align: right;
	color: #ffffff;
	font-style: italic;
	font-size: 14px;
	padding: 0px 35px 0px 0px;
}

/* ************************ BANDEAU BAS ********************************** */
#bandeau_bas {
	background: #E0DBD0;
	display: block;
	clear: both;
	height: 300px;
}
#bandeau_bas2 {
	width: 990px;
	margin: 0 auto;
	height: 298px;
	display: block;
	padding: 0px 0px 0px 0px;
}
#bandeau_bas2 .employe
{
	position:relative;
	float:left;
	width:255px;
	margin:20px 20px 0px 0px;
	line-height:18px;
}
#bandeau_bas2 .employe img
{
	position:relative;
	float:left;
	margin:0px 5px 0px 0px;
}
#bandeau_bas2 .employe h3
{
	position:relative;
	display:block;
	width:150px;
	float:left;
	font-family:Arial;
	font-size:14px;
	color:#848281;
}
#bandeau_bas2 .employe em
{
	position:relative;
	display:block;
	width:150px;
	float:left;
	font-family:Arial;
	font-size:12px;
	font-style:italic;
	color:#a49e8f;
}
#bandeau_bas2 .employe a
{
	position:relative;
	display:block;
	width:150px;
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#18acea;
}
#bandeau_bas2 .employe strong
{
	position:relative;
	display:block;
	width:150px;
	float:left;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#a49e8f;
}
#bandeau_bas2 #logos_partenaires {
	float: left;
	padding: 25px 0px 0px 0px;
	font-size:0px;
	color:#dfdbd0;
}
#bandeau_bas2 #bloc_produits {
	float: right;
	width: 310px;
}
#rightbar  #bloc_produits {
	float: right;
	width: 290px;
}
#bandeau_bas2 #bloc_produits h3, #rightbar  #bloc_produits h3 {
	float: left;
	width: 310px;
	color: #00ADEA;
	font-size: 28px;
	line-height: 38px;
	height: 40px;
	background: url(bloc_produits_h3.gif) repeat-x;
}
#rightbar  #bloc_produits h3 {
	color:#FFFFFF;
	background: url(bloc_produits_h3_white.gif) repeat-x;
}
#bandeau_bas2 #bloc_produits a {
	float: left;
	margin: 20px 15px 0px 15px;
}
#rightbar  #bloc_produits a {
	float: left;
	margin: 20px 10px 0px 10px;
}
#bandeau_bas2 #bloc_produits a img, #rightbar  #bloc_produits a img {
	border: 2px solid #A49F93;
	width:65px;
	height:46px;
	background:#A49F93;
	color:#A49F93;
}
#bandeau_bas2 #bloc_produits a:hover img {
	border: 2px solid #00ADEA;
}
#rightbar  #bloc_produits a:hover img {
	border: 2px solid #FFFFFF;
}
#bandeau_bas2 #bloc_produits #suite_produits, #rightbar  #bloc_produits #suite_produits {
	float: left;
	width: 290px;
	text-align: right;
	height: 28px;
	line-height: 28px;
	color: #00ADEA;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 20px 0px 0px;
	margin: 20px 0px 0px 0px;
	background: url(suite_produits.gif) repeat-x;
}
#rightbar  #bloc_produits #suite_produits {
	color:#FFFFFF;
	background: url(suite_produits_white.gif) repeat-x;
}

/* ************************ FOOTER ********************************** */
#footer {
	position: absolute;
	bottom: 0;
	height: 445px;
	width: 100%;
	z-index:10;
	background: #848281;
	color: #E5E5E5;	
	font-size: 12px;
	line-height: 22px;
}
#footer2 {
	width: 965px;
	margin: 0 auto;
	height: 132px;
	display: block;
	padding: 10px 0px 0px 25px;
	background: url(footer2.jpg) no-repeat right;
	position: relative;
}
#footer2 h3 a, #footer h3 {
 	font-weight: bold;
	font-size: 28px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 40px;
 }
 #footer2 span {
 	display: block;
	position: absolute;
	bottom: 5px;
	right: 8px;
	font-family: Verdana, Geneva;
	font-size: 10px;
	color: #E0DBD0;
 }
 #footer2 span a {
 	font-family: Verdana, Geneva;
	text-decoration:none;
	color:#E0DBD0;
 }
 #footer2 span a:hover {
	color:#146885;
 }
 #puce_adipso {
	position: absolute;
	width: 50px;
	height: 37px;
	background: url(adipso.gif) no-repeat;
	top: 50px;
	right: 0px;
}
.heimbach {
	position: absolute;
	top: 10px;
	right: 400px;
}
.heimbach strong {
	padding:18px 0px 0px 40px;
	display:block;
}
#puce_heimbach {
	position: absolute;
	top:48px;
	left:120px;
	display:block;
	width: 92px;
	height: 59px;
	background: url(heimbach.jpg) no-repeat;
}

/** autocomplete **/
#content ul.autocomplete {
	position:absolute;
	top:40px;
	left:0px;
	width:599px;
	height:auto;
	background:#44C3F0;
	padding:10px 7px 10px 10px;
	margin:0px;
	border:none;
	z-index:800;
	list-style-type:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	display:none;
}
#content ul.autocomplete li{
	position:relative;
	float:left;
	display:block;
	width:100%;
	clear:both;
	margin:0px;
	padding:0px;
	background:url(pr-pdf.png) no-repeat right center;
}
#content ul.autocomplete li a {
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	display:block;
	width:562px;
	height:auto;
}
#content ul.autocomplete li a strong{
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	display:block;
	width:562px;
	height:auto;
	padding:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;	
}
#content ul.autocomplete li a:hover strong{
	background:#5ccdf5;
}

.search {
	position:relative;
	float:left;
	clear:both;
	width:596px;
	height:auto;
	margin:0px 0px 5px 0px;
	background:#44C3F0 url(pr-search.png) no-repeat 590px center;
	padding:10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;	
}
.search input {
	position:relative;
	float:left;
	clear:both;
	width:560px;
	height:auto;
	background:#FFFFFF url(pr-input.png) repeat-x center top;
	padding:5px;
	border:1px solid #c1d6d6;
	font-family:Arial;
	font-size:14px;
	color:#00adea;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;	
}
