html
{
    background:#193528 url(../images/background-site.jpg) top center no-repeat;
    font-family:Arial;
    font-size:12px;
}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

*html .clearfix {height:1px;}
*+html .clearfix {display:inline-block;}

a
{
	outline:none;
	color:#007259;
}

.ref-util a {color:#ffffff;}

h1, h2, h3 {color:#028568;}
h1 {font-size:21px;}
h2 {font-size:16px;}
h3 {font-size:14px;}

p {padding:5px 0;}

#wrapSite
{
    position:relative;
    width:1003px;
    margin:0 auto;
    margin-top:16px;
    margin-bottom:16px;
}

#hd
{
    padding:0 8px;
    position:relative;
    height:171px;
    background:#ffffff url(../images/header-bg.jpg) top left no-repeat;
}

#hd a.home
{
	position:absolute;
	top:24px;
	left:30px;
	text-indent:-3000px;
	display:block;
	background:url(../images/logo.png) top left no-repeat;
	width:289px;
	height:71px;
	
}

*html #hd a.home
{

	background:none;filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/logo.png', sizingMethod='crop');
}


#hd p.home
{
	position:absolute;
	top:59px;
	left:338px;
	text-indent:-3000px;
}

#menuHeader
{
    width:590px;
    text-align:right;
    position:absolute;
    right:78px;
    top:15px;
}

#menuHeader, #menuHeader ul
{
    height:19px;
    overflow:hidden;
    float:right;
}

#menuHeader ul li
{
    float:left;
    padding:0 5px;
    background:transparent url(../images/hd-menu-sep.gif) center right no-repeat;
}

#hd a
{
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}

#hd a:hover
{
    color:#fdb827;
}

#hd .change-lang a
{
    color:#fdb827;
}

#hd .change-lang
{
    position:absolute;
    width:41px;
    height:19px;
    top:15px;
    right:30px;
}

#hd .change-lang a:hover
{
    color:#ffffff;
}

/******************************/
/* MAIN MENU */
#menuMain
{
    position:absolute;
    top:124px;
    left:8px;
}

#menuMain ul
{
    position:relative;
}

#menuMain ul, #menuMain ul li, #menuMain ul li a
{
    height:47px;
}

#menuMain ul li, #menuMain ul li a
{
    position:absolute;
    top:0px;
    left:0px;
}

#menuMain ul li
{
    float:left;
}

#menuMain ul li a
{
    text-indent:-3000px;
}
/****************************************/

#bd
{
    position:relative;
    background:#ffffff url(../images/ft-bd.png) bottom left no-repeat;
    padding:0 8px 8px 8px;
    padding-top:1px;
    color:#474848;
}
#bd #main
{
    position:relative;
    float:right;
    margin-left:-25em;
    width:100%;
}

#bd #main .content
{
    position:relative;
    margin-left:220px;
}



/*********************************/
/* TABLE DE CONTENU */
#tocWrapper
{
    position:relative;
    float:left;
    width:212px;
}

#l-menu
{
    position:relative;
    background:url(../images/menu-bg.jpg) top left repeat-y;
    padding:22px 0 19px 0;
}

#l-menu h2
{
    position:relative;
    padding-left:19px;
}

#l-menu h2 a
{
    position:relative;
    text-indent:-3000px;
    display:block;
    cursor:default;
}

#l-menu h2 a
{
    position:relative;
    display:block;
}

#l-menu ul
{
    margin-top:13px;
}

#l-menu ul li
{
    height:21px;
    width:100%;
}

#l-menu ul li a
{
    display:block;
    color:#ffffff;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    background:url(../images/menu-bg-link.jpg) 0 0 no-repeat;
    padding:3px 0 0 19px;
    height:18px;
}

#l-menu ul li a:hover, #l-menu ul li a.selected, #l-menu ul li a:hover, #l-menu ul li a.AspNet-Menu-Selected
{
    background:url(../images/menu-bg-link.jpg) 0 -21px no-repeat;
}

/*********************************/
/* ZONE PROMO */
#b-menu
{
	position:relative;
    margin-top:1px;
    background:url(../images/b-menu-bg.jpg) top left repeat-y;
    padding:20px 0 24px 8px;
}

/*********************************/
/* FOOTER */

#ft
{
    position:relative;
    margin:16px 0 5px 0;
    padding:25px 58px;
    background:#ffffff url(../images/ft-bd.png) bottom left no-repeat;
}

#ft .ft-hd
{
    height:5px;
    width:1003px;
    overflow:hidden;
}

#ft .ft-hd
{
    position:absolute;
    top:0px;
    left:0px;
    _left:-58px;
    background:#ffffff url(../images/top-hd.png) top left no-repeat;
}


#ft .ft-ft
{
    position:absolute;
    bottom:0px;
    left:0px;
    background:#ffffff url(../images/ft-bd.png) bottom left no-repeat;
    
}


#ft table th strong, #ft table th a {font-size:11px;}
#ft table th {width:120px;vertical-align:top;}
	#ft table th strong {color:#2a5b50;}
#ft table td {padding-bottom:8px;color:#8e8e8e;}
	#ft table td a {color:#8e8e8e;text-decoration:none;border-right:1px solid #bfbfbf;padding-right:4px;margin-right:4px;}
	#ft table td a:hover {color:#42a28d;text-decoration:none;}
	#ft table td a.last {border:0;}
	#ft table td ul {position:relative;width:767px;overflow:hidden;}
	#ft table td ul li {float:left;position:relative;height:15px;}
		#ft table td ul li a {height:15px;position:relative;}
		
		#ft #servicesMenu {position:relative;/*width:100%;*/height:15px;z-index:100;}
		
#ft-legal p {color:#57a18f;font-size:11px;text-align:center;}

/*********************************/

/*********************************/
/* Pager */

.pager
{
    position:relative;
    overflow:hidden;
    width:169px;
    height:27px;
    margin:0 auto;
    margin-top:22px;
}
.pager a
{
    display:block;
    float:left;
    width:13px;
    margin-top:4px;
    color:#427f70;
    font-weight:bold;
}
.pager a.active
{
    color:#000000;
    text-decoration:none;
    cursor:text;
}
.pager a.previous, .pager a.next
{
    
    background-image:url(../images/pager-previous-next.png);
    background-repeat:no-repeat;
    text-indent:-3000px;
    width:33px;
    height:27px;
    margin-top:0px;
}

.pager a.previous
{
    background-position:0 0;
    margin-right:10px;
}

.pager a.next
{
    background-position:0 -27px;
    margin-left:7px;
}

.pager a.previous:hover
{
    background-position:0 -54px;
}

.pager a.next:hover
{
    background-position:0 -81px;
}


/*********************************/

/*********************************/
/* BREADCRUMB */

#bc
{
    position:absolute;
    top:0px;
    left:0px;
    width:749px;
    height:22px;
    background-color:#305d52;
    padding:5px 0 0 16px;
    color:#ffffff;
    font-weight:bold;
    z-index:100;
}

#bc a
{
    color:#79dbcb;
    font-weight:normal;
}

/*********************************/

/*********************************/
/* TABVIEW */

.yui-skin-sam #wrapSite .yui-navset .yui-nav, 
.yui-skin-sam #wrapSite .yui-navset-top .yui-nav
{
    border:0px solid #cfe7e1;
    border-width:0 0 1px;
}


#wrapSite .yui-navset .yui-nav .selected a, .yui-skin-sam #wrapSite .yui-navset .yui-nav .selected a, 
.yui-skin-sam #wrapSite .yui-navset .yui-nav .selected a em
{
    background-image:none;
    background-color:#ffffff;
    border:0;
    color:#353535;
    font-weight:bold;
    padding-bottom:5px;
    border-top:1px solid #cfe7e1;
}

#wrapSite .yui-navset .yui-nav .selected a, 
.yui-skin-sam #wrapSite .yui-navset .yui-nav .selected a
{
    border:1px solid #cfe7e1;
    border-bottom:0px;
}

.yui-skin-sam #wrapSite .yui-navset .yui-nav .selected a em
{
    position:relative;
    padding-top:6px;
    padding-bottom:17px;
}

.yui-skin-sam #wrapSite .yui-navset .yui-nav a, 
.yui-skin-sam #wrapSite .yui-navset .yui-navset-top .yui-nav a 
{
    background:url(../images/tab-bg.jpg) top left repeat-x;
    border:1px solid #74a196;
    border-bottom:0px;
    color:#79dbcb;
    height:26px;
    overflow:hidden;
    padding-bottom:4px;
}

.yui-skin-sam #wrapSite .yui-navset .yui-nav a:hover, 
.yui-skin-sam #wrapSite .yui-navset-top .yui-nav a:hover
{
    background:url(../images/tab-bg.jpg) 0 -30px repeat-x;
}

.yui-skin-sam #wrapSite .yui-navset .yui-nav a em, 
.yui-skin-sam #wrapSite .yui-navset-top .yui-nav a em
{
    padding:6px 18px 3px 18px;
}

.yui-skin-sam #wrapSite .yui-navset .yui-content, 
.yui-skin-sam #wrapSite .yui-navset .yui-navset-top .yui-content
{
    border:1px solid #cfe7e1;
    border-top:0px;
    background-color:#ffffff;
}

.yui-skin-sam #wrapSite .yui-navset .yui-nav li, 
.yui-skin-sam #wrapSite .yui-navset .yui-navset-top .yui-nav li
{
    margin-right:4px;
    margin-left:0px;
}

.yui-skin-sam #wrapSite .yui-content
{
    padding:28px 23px 15px 26px;
}

.yui-skin-sam #wrapSite .yui-navset .yui-nav li, 
.yui-skin-sam #wrapSite .yui-navset .yui-navset-top .yui-nav li 
{
	padding:0 0 0;
}

/*********************************/

/*********************************/
/* ALTERNATE LIST */

ul.list-alt li
{
    padding:5px 0 5px 21px;
    overflow:hidden;
    
}

ul.list-alt li.alt
{
    background-color:#eaeaea;
}

ul.list-alt li span
{
    display:block;
    float:left;
    width:130px;
    margin-right:10px;
}
ul.list-alt li span.desc
{
    width:303px;
}

/*********************************/

/*********************************/
/* UTILISATIONS ET SERVICES*/
#containerUtilisation, #containerServices, #containerApropos,#containerTexteReferencement
{
padding:67px 200px 52px 40px;
    background-color:#f3f7f8;
    position:relative;
    
}

#titreContenu
{
	margin-bottom:25px;
}

#div_decouvrir
{
	margin-top:20px;
}

#containerUtilisation h1, #containerServices h1, #containerApropos h1
{
color:#007259;
font-size:24px;
}
#containerUtilisation h2, #containerServices h2, #containerApropos h2, #containerTexteReferencement h2
{
color:#434343;
font-size:13px;
font-weight:bold;
}

#containerServices h2, #containerTexteReferencement h2
{
	margin-top:15px;
}

#containerServices h2.sansMarge
{
	margin-top:0px;
}

#div_decouvrir ul
{
	margin-bottom:20px;
}

#containerUtilisation img.gauche, #containerServices img.gauche, #containerApropos img.gauche
{
	position:relative;
	float:left;
	border:4px solid #ffffff;
	margin:0px 25px 25px 0px;
}

#containerUtilisation img.droite,  #containerServices img.droite
{
	position:relative;
	float:right;
	border:4px solid #ffffff;
	margin:0px 0px 25px 25px;
}

#containerUtilisation a:link,#containerUtilisation a:visited,#containerUtilisation a:active,
#containerServices a:link,#containerServices a:visited,#containerServices a:active,
#containerApropos a:link,#containerApropos a:visited,#containerServices a:active,
#containerTexteReferencement a:link,#containerTexteReferencement a:visited,#containerTexteReferencement a:active
{
color:#007259;
text-decoration:none;
}

#containerTexteReferencement a:link,#containerTexteReferencement a:visited,#containerTexteReferencement a:active
{
text-decoration:underline;
}

#containerServices ul,#containerApropos ul
{
	margin-left:15px;
	margin-bottom:15px;
}

#containerServices li, #containerApropos li
{
	float:none;
	list-style-type:disc;
}

#containerApropos p
{
	text-align:justify;
}

/*********************************/

/*********************************/
/* PRODUITS */
div.product 
{
    position:relative;
	width: 186px;
	height:273px;
	overflow:hidden;
	font-size:12px;
}

div.product a
{
    position:relative;
    display:block;
    border:1px solid #d2d2d2;
    width:184px;
    height:184px;
}

div.product a img
{
    position:absolute;
    display:block;
    top:6px;
    left:6px;
}

div.product a:hover img
{
    top:0px;
    left:0px;
}

div.product a:hover
{
    border:7px solid #fdb827;
    width:172px;
    height:172px;
}

div.product .desc
{
    border:1px solid #d2d2d2;
    border-top:0;
    text-align:right;
    padding:6px 10px;
}
div.product .desc strong, div.product .desc span
{
    display:block;
    text-align:left;
    overflow:hidden;
}

div.product .desc span
{
    margin-bottom:9px;
    height:30px;
}

div.product .desc strong
{
    color:#427f70;
    height:15px;
}

div.product .desc input
{
	margin-right:4px;
}

.searchNoResult {
    margin:0 0 0 7px;
}

/*********************************/
/* forms */

.error {color:Red;}

table.form {margin:15px 0 0 0;}
	table.form td {padding-bottom:5px;vertical-align:top;}
	table.form td.label {width:250px;text-align:left;padding-right:5px;}
	table.form input, table.form select, table.form textarea {width:200px;border:1px solid #828D87;color:#474848;}
	table.form textarea {width:423px;}
	table.form input.small {width:96px;}
	table.form input {height:15px;}
	table.form textarea {height:200px;}

table.form td.error {color:Red;}	
table.form input.error, table.form select.error, table.form textarea.error {border:1px solid red;background-color:#f8fab7;}

img.top-right {float:right;}

/*********************************/

/*********************************/

/* Util */
.clearer {clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html .clearfix { height:1px; }
*+html .clearfix { display:inline-block; } 	

hr { display:none; }