*
{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, "Bitstream Vera Sans", Verdana, sans-serif;
}
/* on supprime les marges internes et externes pour tous les blocs qui on des marges par défaut (H1...H6, p, ul ...) */

html, body 
{
	height:100%;
}

body 
{
	background:#FFFFFF url(body.jpg) repeat-x top;
}

a img
{
	border:none;
}

/* *** GLOBAL ******************** */
#global 
{
	position:relative;
	min-height:100%;
	width:100%;
	background:url(global.jpg) repeat-x bottom;
}

/* *** HEADER ******************** */
#header 
{
	position:relative;
	width:924px;
	height:188px;	
	background:url(header.jpg) no-repeat;
	margin:0px auto;
}

#header a.logo
{
	position:absolute;
	top:30px;
	left:50px;
	display:block;
	width:100px;
	height:120px;
}

#header p
{
	font-family:Arial;
	font-size:11px;
	color:#DCDDDD;
}

#header p.lang
{
	position:absolute;
	left:197px;
	top:2px;
}

#header p.link
{
	position:absolute;
	right:12px;
	top:2px;
}

#header p a
{
	color:#DCDDDD;
	text-decoration:none;
}

#header p a:hover
{
	color:#FFFFFF;
}

/* *** MENU ******************** */
ul#menu_0
{
	position:absolute;
	top:136px;
	left:206px;
	list-style-type:none;
}

#menu_0 li
{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
}

#menu_0 li a
{
	display:block;
	height:32px;
	line-height:32px;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 17px 0px 17px;
}

#menu_0 li a:hover
{
	color:#009CDD;
}

#menu_0 li.current_0 a
{
	color:#009CDD;
	background:url(menu-current.png) repeat-x;
}

/* *** CENTER ******************** */
#center
{
	position:relative;
	width:945px;
	margin:0px auto;
	left:-17px;
	padding-bottom:222px; /* éviter la superposition du footer et du content */
	overflow:hidden;
}

/* *** CONTENT ******************** */
#left
{
	position:relative;
	float:left;
	width:230px;
	height:auto;
	background:url(menu-bg.jpg) repeat-y;
	padding:0px 0px 20px 0px;
}

#left .top
{
	position:relative;
	width:230px;
	height:63px;
	background:url(menu-top.jpg) no-repeat;
}

#left ul#submenu_1
{
	position:relative;
	width:230px;
	height:auto;
	list-style-type:none;
	margin:-55px 0px 0px 0px;
}

#left ul#submenu_1 li
{
	display:block;
	width:230px;
}

#left ul#submenu_1 li a
{
	display:block;
	width:164px;
	height:25px;
	overflow:hidden;
	
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	line-height:25px;
	color:#868788;
	
	border-bottom:1px solid #FFFFFF;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 40px;
	text-decoration:none;
}

#left ul#submenu_1 li a:hover
{
	color:#000000;
}

#left ul#submenu_1 li.subcurrent_1
{
	background:url(menu-current-0.png) no-repeat;
}

#left ul#submenu_1 li.subcurrent_1 a
{
	color:#FFFFFF;
}

#left ul#submenu_1 li ul li
{
	background:url(menu-sub.gif) repeat-y;
}

#left ul#submenu_1 li.subcurrent_1 ul li a
{
	color:#000000;
	padding:0px 0px 0px 30px;
	width:154px;
}

#left ul#submenu_1 li.subcurrent_1 ul li.subcurrent_2 a, #left ul#submenu_0 li.subcurrent_1 ul li a:hover
{
	color:#009CDD;
}

#left .bottom
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:230px;
	height:8px;
	background:url(menu-bottom.jpg) no-repeat;
}

#content
{
	position:relative;
	float:left;
	width:476px; 
	height:auto;
	overflow:hidden;
	background:url(content.jpg) repeat-x top;
	padding:60px 20px 0px 20px; 
}

#content #breadcrumbs
{
	position:absolute;
	top:10px;
}

#content #breadcrumbs p
{
	font-family:Arial;
	font-size:10px;
	color:#6F7072;
}

#content #breadcrumbs strong
{
	color:#6F7072;
	font-size:11px;
}

#content #breadcrumbs p a
{
	color:#6F7072;
}
#content #breadcrumbs p a#breadcrumb_current
{
	color:#000000;
}
#content #breadcrumbs p a#breadcrumb_current:hover
{
	text-decoration:none;
}

#content h1
{

}

#content h2
{
	font-family:Arial;
	font-size:20px;
	color:#009CDD;
	padding:0px 0px 15px 0px;
}

#content h3
{
	font-family:Arial;
	font-size:18px;
	color:#EFCF0B;
	padding:5px 0px 10px 0px;
}

#content h4
{
	font-family:Arial;
	font-size:16px;
	color:#2D596B;
}

#content p
{
	font-family:Arial;
	font-size:12px;
	color:#1F1D21;
	margin:8px 0px 8px 0px;
}

#content ul
{
	margin:8px 0px 8px 0px;
	padding:0px;
}

#content li
{
	font-family:Arial;
	font-size:12px;
	color:#1F1D21;
	margin:0px 0px 0px 25px;
}

#content strong
{
	color:#2D596B;
}

#content a
{
	color:#009CDD;
	text-decoration:none;
}

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

#right
{
	position:relative;
	float:right;
	width:199px;
	height:auto;
}

.arrow2x
{
	position:absolute;
	margin:0px 0px 0px 50%;
	top:201px;
	left:457px;
	width:16px;
	height:75px;
	background:url(arrow2x.jpg) no-repeat;
}

#right h3
{
	z-index:4;
}

#right h4
{
	position:relative;
	z-index:5;
	margin-top:-20px;

	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#1FA8E1;
}

#right p
{
	position:relative;
	z-index:6;

	font-family:Arial;
	font-size:12px;
	color:#1F1E21;
}

#right a
{
	font-family:Arial;
	font-size:12px;
	color:#1FA8E1;
}

#right .bottom
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:199px;
	height:6px;
	background:url(bloc-bottom.jpg) no-repeat;
}

#right #bloc-search-newsletter
{
	position:relative;
	width:169px;
	height:100px;
	background:url(search-newsletter.jpg) no-repeat;
	padding:0px 0px 6px 30px;
}

#right #bloc-search-newsletter input
{
	border:none;
	color:#C5C5C5;
}

#right #bloc-search-newsletter span
{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#1F1E21;
	margin:20px 0px 2px 1px;
}

#right #bloc-search-newsletter input#txt_search
{
	margin:13px 0px 20px 5px;
	position:relative;
	float:none;
	width:auto;
	height:auto;
	padding:0px;
	font-size:12px;
	border:none;
	background:#ffffff;
}

#right #bloc-search-newsletter input#txt_newsletter
{
	margin:10px 0px 0px 5px;
	position:relative;
	float:none;
	width:auto;
	height:auto;
	padding:0px;
	font-size:12px;
	border:none;
	background:#ffffff;
}

#right #bloc-extranet
{
	position:relative;
	width:169px;
	height:100px;
	background:url(extranet.jpg) no-repeat;
	padding:0px 0px 6px 30px;
}
#right #bloc-extranet input
{
	border:none;
	color:#C5C5C5;
}
#right #bloc-extranet input#txt_extranet
{
	margin:38px 0px 4px 5px;
	position:relative;
	float:none;
	width:auto;
	height:auto;
	padding:0px;
	font-size:12px;
	border:none;
	background:#ffffff;
}
#right #bloc-extranet input#pwd_extranet
{
	margin:10px 0px 0px 5px;
	position:relative;
	float:none;
	width:auto;
	height:auto;
	padding:0px;
	font-size:12px;
	border:none;
	background:#ffffff;
}

#right #bloc-actu
{
	position:relative;
	width:154px;
	height:auto;
	background:url(bg-yellow.jpg) repeat-y;
	padding:74px 20px 20px 25px;
}

#right #bloc-actu h3
{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:174px;
	height:74px;
	background:url(h3-yellow.jpg) repeat-y;
	
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	line-height:54px;
	color:#FFFFFF;
	padding:0px 0px 0px 25px;
}

#right #bloc-vrac
{
	position:relative;
	width:154px;
	height:auto;
	background:url(bg-green.jpg) repeat-y;
	padding:74px 20px 20px 25px;
}

#right #bloc-vrac h3
{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:174px;
	height:74px;
	background:url(h3-green.jpg) repeat-y;
	
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	line-height:54px;
	color:#FFFFFF;
	padding:0px 0px 0px 25px;
}

#right #bloc-zoom
{
	position:relative;
	width:154px;
	height:auto;
	background:url(bg-blue.jpg) repeat-y;
	padding:74px 20px 20px 25px;
}

#right #bloc-zoom h3
{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:174px;
	height:74px;
	background:url(h3-blue.jpg) repeat-y;
	
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	line-height:54px;
	color:#FFFFFF;
	padding:0px 0px 0px 25px;
}

#right .div_lien_droite
{
	padding:0px 0px 0px 30px;
}

/* /// hdp /// */

.hdp
{
	position:absolute;
	bottom:120px;
	right:-482px;
	margin:0px 50% 0px 0px;
	width:17px;
	height:89px;
	background:url(hdp.jpg) no-repeat;
	cursor:pointer;
}

/* *** FOOTER ******************** */
#footer
{
	position:absolute;
	margin:0px 0px 0px 50%;
	left:-462px;
	width:924px;
	bottom:0px;
	height:190px;
	z-index:10;
	background:url(footer.jpg) no-repeat;
}

#footer p
{
	font-family:Arial;
	font-size:11px;
	color:#DCDDDD;
	text-align:right;
	position:absolute;
	right:10px;
	bottom:62px;
}

#footer p a
{
	color:#EFCF0B;
	text-decoration:none;
}

#footer p a:hover
{
	color:#FFFFFF;
}

/***/

.h3-res
{
	margin:10px 0px 3px 0px;
}