/* *************************************** CSS DOCUMENT *************************************** */


html,body{margin:0;padding:0;}
body{
	background-color:#7E9FC5;
	text-align: center;
	font: 11px arial,sans-serif;
	color:black;
	
}

a{
	/*display:block;
	padding:10px;*/
	color:#ee3b33;
	font-weight:bold;
	text-decoration:
}
p{
	margin:0;
	padding:0;
}



/* *************************************** LAYOUT *************************************** */
div#container{
	width:778px;
	margin:0 auto;
	text-align:left;
	
	/* PUT IT ON after debug !!!! */
	background-color:#f5f4f8;
	
	
	
	
}
div#header {
	margin: 0;	
	height:109px;
	color:white;
	background-image:url(../images/header_fr.jpg);
	
}
div#baseline {
	float:left;
	width:237px;
	padding: 35px 0px 0px 15px;
}
div#baseline h1 {
	margin-top:-5px;
	padding:0;
	font-size:24px;	
	font-weight:bold;
}
div#baseline p{
	padding-left:4px;
	margin-top:-20px;
	
}
div#adres { 
	float:left;
	width:336px;
	padding: 40px 0px 0px 0px;
	color:#082d62;
	text-align:right;
}
div#adres p.tel {
	font-size:12px;
}
div#lang {
	padding: 42px 15px 0px 0px;
	color:#082d62;
	text-align:right;
}
div#lang p {
	font-size:10px;
}
div#navWrapper{
	float:left;
	width:253px;	
	height:550px;
	background:url(../images/home_visu.jpg) bottom no-repeat;
	
	
}
div#navigation{
	background-image:url(../images/nav_bckg.jpg);
	background-repeat: no-repeat;
	text-align:right;
	
	/*test floatmenu 
	position:absolute;
	z-index:99;
	*/
	
	
	
}
div#floatingnav{
	position:relative;
	/*z-index:20;*/
	
	
	
}

div#contentWrapper {
	/* ci-dessous le code à supprimer pour que le content coule autour de la nav */
	padding-left:253px;
	/* -------------- */
	
	
	/*height:1000px;*/
	
	background-image:url(../images/content_bckg.gif);
	
}
div#content {
	background:url(../images/content_top_bckg.jpg) top no-repeat;
}
div#content p{
	/*line-height:1.4;*/
}
div#footer{
	clear:both;
	width:100%;
	background: #3a476f;
	border-top: 1px solid white;
	text-align:right;
	color: #FFF;
}
div#footer p{
	margin:0;
	padding:5px 10px;
}

div#adobe {
	height:30px;
}



/* *************************************** NAV *************************************** */
div#present{
	width:253px;
	color:#082d62;
	background: url(../images/nav_present_top.gif) top right no-repeat;
	padding-top:13px;
}
div#presentcadre{
	background:url(../images/nav_present_cadre.gif) bottom right no-repeat;
	padding-bottom:13px;

}
div#presentcadre ul {
	margin:0;
	
	padding:0;
	/*padding:0px 0px 0px 69px;*/
	list-style-type:none;

}
div#presentcadre ul li { 
	/*margin:0px 6px 0px 5px;*/

	padding-left:74px;
}

div#presentcadre ul li a { /*define here value for IE... */
	display:block;
	width:154px;
	padding-right:25px;
	height:14px;		
	text-decoration: none;
	color:#082d62;
	font-weight:normal;
}
div#presentcadre>ul>li>a { /*and correct the value for the other browsers */
	width:154px;
	padding-right:19px;	
}
div#presentcadre ul li a:hover {
	/*text-decoration: underline;*/
	color:white;
	font-weight:bold;
	/*background-color:#ee3b33;*/
	
	background-image:url(../images/nav_present_bckg_rollover.gif);
	background-repeat:no-repeat;
	
}
div#presentcadre ul li a.select, div#presentcadre ul li a.select:hover {
	/*
	border-top:1px solid white;
	border-bottom:1px solid white;
	*/
	font-weight:bold;
	color:white;
	background-image:url(../images/nav_present_bckg_select.gif);
	background-repeat:no-repeat;
	cursor:default;
}

div#catalog{
	width:253px;
	color:white;
	background: url(../images/nav_catalog_top.gif) top right no-repeat;
	padding-top:25px;
}
div#catalog h2{ 
	margin:0;
	padding:0;
	height:17px;
	/*text-align:left;	*/
	font-size:11px;
	position:relative;
	top:73px;	
	width:150px;
	color:white;
	
	/*define here value for IE... */
	left:-95px;	
}
div#catalog>h2 { /*and correct the value for the other browsers */
	left:7px;
	position:relative;
	top:-23px;	
}
div#catalogcadre{
	background: url(../images/nav_catalog_cadre.gif) bottom right no-repeat;
	margin-top:-17px;
	padding-bottom:13px;
	height:1px;
}
div#catalog>div#catalogcadre{
	height:auto;
}
div#catalogcadre ul {
	margin:0;
	/*padding-top:15px;	*/
	padding:0;
	list-style-type:none;
}
div#catalogcadre ul li {
	padding-left:75px;
}
div#catalogcadre ul li a { /*define here value for IE... */
	display:block;
	width:152px;
	padding-right:25px;
	height:14px;		
	text-decoration: none;
	color:white;
	font-weight:normal;
}
div#catalogcadre>ul>li>a { /*and correct the value for the other browsers */
	width:152px;
	padding-right:19px;
}

div#catalogcadre ul li a.link1 {
	background-image:url(../images/nav_catalog_bckg1.gif);
}
div#catalogcadre ul li a.link2 {
	background-image:url(../images/nav_catalog_bckg2.gif);
}
div#catalogcadre ul li a.link3 {
	background-image:url(../images/nav_catalog_bckg3.gif);
}
div#catalogcadre ul li a.link4 {
	background-image:url(../images/nav_catalog_bckg4.gif);
}
div#catalogcadre ul li a.link5 {
	background-image:url(../images/nav_catalog_bckg5.gif);
}
div#catalogcadre ul li a.link6 {
	background-image:url(../images/nav_catalog_bckg6.gif);
}
div#catalogcadre ul li a.link1:hover {
	font-weight:bold;	
	background-image:url(../images/nav_catalog_bckg1_select.gif);
	background-repeat:no-repeat;	
}
div#catalogcadre ul li a.link2:hover {
	font-weight:bold;	
	background-image:url(../images/nav_catalog_bckg2_select.gif);
	background-repeat:no-repeat;	
}
div#catalogcadre ul li a.link3:hover {
	font-weight:bold;	
	background-image:url(../images/nav_catalog_bckg3_select.gif);
	background-repeat:no-repeat;	
}
div#catalogcadre ul li a.link4:hover {
	font-weight:bold;	
	background-image:url(../images/nav_catalog_bckg4_select.gif);
	background-repeat:no-repeat;	
}
div#catalogcadre ul li a.link5:hover {
	font-weight:bold;	
	background-image:url(../images/nav_catalog_bckg5_select.gif);
	background-repeat:no-repeat;	
}
div#catalogcadre ul li a.link6:hover {
	font-weight:bold;	
	background-image:url(../images/nav_catalog_bckg6_select.gif);
	background-repeat:no-repeat;	
}
div#catalogcadre ul li a.select1 {
	background-image:url(../images/nav_catalog_bckg1_select.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	cursor:default;
}
div#catalogcadre ul li a.select2 {
	background-image:url(../images/nav_catalog_bckg2_select.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	cursor:default;
}
div#catalogcadre ul li a.select3 {
	background-image:url(../images/nav_catalog_bckg3_select.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	cursor:default;
}
div#catalogcadre ul li a.select4 {
	background-image:url(../images/nav_catalog_bckg4_select.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	cursor:default;
}
div#catalogcadre ul li a.select5 {
	background-image:url(../images/nav_catalog_bckg5_select.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	cursor:default;
}
div#catalogcadre ul li a.select6 {
	background-image:url(../images/nav_catalog_bckg6_select.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	cursor:default;
}


/*
div#empty {
	background-image:url(../images/blank.gif);
}
*/

/* ***************************************  LANGUAGE CHOICE  *************************************** 
div#contentWrapper {
	padding-left:0px;
	background-image:url(../images/content_bckg.gif);
	
}
div#container>div#contentWrapper {
	padding-left:253px;
}


*/

/* ***************************************  CONTENT : homepage  *************************************** */

div#content h3 {
	margin:0;
	padding:0;
	height:17px;	
	font-size:15px;
	left:19px;
}

div#nouveautes{
	width:469px;
	color:black;
	background: url(../images/home_nouveautes_top.gif) top right no-repeat;
	padding-top:31px;
	padding-bottom:18px;
	padding-left:42px;
}
div#nouveautes h3{
	position:relative;
	top:-29px;	
	width:112px;
	color:#ee3b33;
	background-color:#FFFFFF;

}
div#nouveautescadre{
	height:205px;
	margin-top:-20px;
	background:url(../images/home_nouveautes_cadre.gif) bottom right no-repeat;
	padding-bottom:31px;
	padding-left:20px;

}
div#nouveautes_item{
	width:220px;
	float:left;
}
div#nouveautes_item img{
	float:left;
}

div#norme{
	width:222px;
	color:black;
	background: url(../images/home_norme_top.gif) top right no-repeat;
	padding-top:31px;
	padding-bottom:18px;
	padding-left:42px;
	float:left;
}
div#norme h3{
	position:relative;
	top:-28px;	
	width:102px;
	color:#ee3b33;
	background-color:#e5ecf7;

}
div#normecadre{
	height:145px;
	margin-top:-20px;
	background:url(../images/home_norme_cadre.gif) bottom right no-repeat;
	padding-bottom:31px;
	padding-left:20px;
	padding-right:10px;

}

div#norme_item {
	padding: 10px 0px 0px 0px;	
	width:90px;
	float:left;
}
div#norme_item h4{
	font-size:10px;
	background: url(../images/bullet.gif) left no-repeat;
	margin: 0px 5px 10px 0px;;
    padding-left: 10px;
	
}
div#norme_item p {
	padding: 10px 0px 0px 10px;	
	margin:0;
	width:66px;
	height:20px;
	color:white;
	text-align:center;
	background: url(../images/product_label.gif) 10px no-repeat;
	/*background-color:#660033;*/
}
div#norme_item p a{
	color:white;
	text-decoration:none;
}
div#norme_item p a:hover{
	color:white;
	text-decoration:underline;
}
div#norme_item img{
	/*margin-right:20px;*/
	margin:0px 0px 0px 10px;
}
div#promo{
	width:222px;
	color:black;
	background: url(../images/home_promo_top.gif) top right no-repeat;
	padding-top:31px;
	padding-bottom:18px;
	padding-left:17px;
	float:left;
}
div#promo h3{
	position:relative;
	top:-28px;	
	width:114px;
	color:white;
	background-color:#556083;

}
div#promocadre{
	height:145px;
	margin-top:-20px;
	background:url(../images/home_promo_cadre.gif) bottom right no-repeat;
	padding-bottom:31px;
	padding-left:10px;

}
div#scrollpromo{
	overflow:hidden;
	padding-right:10px;
	padding-bottom:20px;
	width:200px;
    height:135px;
	

}
div#promo_item2{
	/*background-color:#8bf6fc;*/
	
	/* couleur fond ETE : */
	/* background-color:#82caed; */
	/* couleur fond AUTOMNE : */
	background-color:#fdc578;
	padding:5px;
}
div#promo_item2 h4{
	font-size:18px;
	text-align:left;
	margin:0;
	padding:0px 0px 10px 0px;
}
div#promo_item2 h5{
	font-size:12px;
	margin:0;
	padding:0;
	width:190px;
	text-align:center;
	border-top:1px solid black;
	padding-top:6px;
}
div#promo_item2 img{
	padding:4px 3px 20px 0px;
	float:left;
}
div#promo_item2 p.legend{
	width:90px;
	text-align:center;
	font-style:italic;
	padding-top:10px;
	padding-bottom:25px;
	float:left;
	
	/*border-bottom:1px solid white;*/
}
.sep {
	clear: both;
	/*visibility:hidden;*/
}
div#actu{
	width:456px;
	color:black;
	background: url(../images/home_actu_top.gif) top right no-repeat;
	padding-top:31px;
	padding-bottom:18px;
	padding-left:42px;
	float:left;
}
div#actu h3{
	position:relative;
	top:-28px;	
	width:160px;
	color:#ee3b33;
	background-color:#e5ecf7;

}
div#actucadre{
	/*height:40px;*/
	margin-top:-20px;
	background:url(../images/home_actu_cadre.gif) bottom right no-repeat;
	padding-bottom:31px;
	padding-left:35px;
	padding-right:10px;
}


.clear {
	clear: both;
	/*visibility:hidden;*/
}


/* ***************************************  CONTENT : interior page  *************************************** */

/* ALL PAGES */
div#copy{
	width:456px;
	color:black;
	background: url(../images/int_bloc_top.gif) top right no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:42px;
	float:left;
}

div#copycadre{
	/*height:600px;	*/
	background:url(../images/int_bloc_cadre.gif) bottom right no-repeat;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:10px;
}
div#copycadre p {
	padding:0px 0px 15px 0px;
	
	position:relative;
	
	
}
div#copycadre p.encadre {
	padding:5px;
	margin:5px;
	border:solid 1px #ee3b33;
	width:220px;
	float:right;
	font-weight:bold;
}

div#copycadre div#two-col{
	width:190px;
	float:left;
	padding:0px 10px;
	text-align:center;
	
}

div#copycadre div#two-col div#bloc {
	border-top:solid 1px red;
	padding-top:15px;
	padding-right:5px;
	margin:3px;
	height:85px;
	text-align:left;
}

div#copycadre div#two-col div#bloc img{
	float:left;
}
div#copycadre div#two-col.sep {
	border-right:solid 1px red;
}

div#copycadre ul {
	padding-top:0px;
	margin-top:0px;
	margin-left:20px;
	padding-left:20px;
}
div#copycadre ul li{
	
	padding-left:10px;
	/*margin-left:0px;
	*/

	list-style-position:inside;
	/*list-style-type:circle;*/
}
div#copycadre p img{
	padding:0px 5px 5px 5px;
}

div#copycadre p img#right{
	float:right;
}
div#copycadre p img#left{
	float:left;
}

/* page 1. INTRO */
div#pagetitle1 {
	width:456px;
	padding-left:42px;
	background: url(../images/title1_bckg.gif) top right no-repeat;
	padding-bottom:24px;
}
div#pagetitle1 h3{
	font-size:18px;
	font-weight:bold;
	color:#ee3b33;
	padding-left:25px;
}

/* page 2. PQ VENTILER */
div#pagetitle2 {
	width:456px;
	padding-left:42px;
	background: url(../images/title2_bckg.gif) top right no-repeat;
	padding-bottom:24px;
}
div#pagetitle2 h3{
	font-size:18px;
	font-weight:bold;
	color:#ee3b33;
	padding-left:25px;
}

/* page 3. CONTACT */
div#pagetitle3 {
	width:456px;
	padding-left:42px;
	background: url(../images/title3_bckg.gif) top right no-repeat;
	padding-bottom:24px;
}
div#pagetitle3 h3{
	font-size:18px;
	font-weight:bold;
	color:#ee3b33;
	padding-left:25px;
}
div#copycadre div#leftbloc{
	width:130px;
	float:left;
	/*border-bottom:solid 1px red;*/
}
div#copycadre div#leftbloc div#contact_adresse {
	height:auto;
	padding-bottom:15px;
	padding-top:5px;
}
div#copycadre div#leftbloc div#contact_adresse img{
	padding-bottom:5px;
}
div#copycadre div#leftbloc div#contact_adresse h5 {
	font-size:14px;
	margin:0px 0px 5px 0px;
	font-weight:bold;
}
div#copycadre div#personnel{
	padding:0px 0px 20px 140px;
}
div#copycadre div#personnel ul {

	/*list-style-position:inside;*/

	margin: 0;
	padding: 0;
	
	
}
div#copycadre div#personnel ul li {

	padding:8px 0px;
	margin:0px;
	border-bottom:solid 1px red;

}
div#copycadre div#personnel ul li h5{
	/*color:red;*/
	padding:0px;
	margin:0px;
	font-size:11px;
	font-weight:bold;

}



form {
	width:400px;
	text-align:left;
}

p.form label {
	display:block;
	float:left;
	width:140px;
	height:20px;
	/*background-color:#00FF99;*/
	font-weight:bold;
	text-align:right;
	vertical-align:middle;
	padding-right:4px;

	
}
p#button {

	margin-left:164px;

}


/* CATALOGUE */

div#pagetitlecat1,div#pagetitlecat2,div#pagetitlecat2_nl,div#pagetitlecat3,div#pagetitlecat4,div#pagetitlecat5,div#pagetitlecat6 {
	width:456px;
	padding-left:42px;
	padding-bottom:24px;
}

div#pagetitlecat1 {
	background: url(../images/titlecat1_bckg.gif) top right no-repeat;
}
div#pagetitlecat2 {
	background: url(../images/titlecat2_bckg.gif) top right no-repeat;
}
div#pagetitlecat2_nl {
	background: url(../images/titlecat2nl_bckg.gif) top right no-repeat;
}
div#pagetitlecat3 {
	background: url(../images/titlecat3_bckg.gif) top right no-repeat;
}
div#pagetitlecat4 {
	background: url(../images/titlecat4_bckg.gif) top right no-repeat;
}
div#pagetitlecat5 {
	background: url(../images/titlecat5_bckg.gif) top right no-repeat;
}
div#pagetitlecat6 {
	background: url(../images/titlecat6_bckg.gif) top right no-repeat;
}
div#pagetitlecat1 h3,div#pagetitlecat2 h3,div#pagetitlecat2_nl h3,div#pagetitlecat3 h3,div#pagetitlecat4 h3,div#pagetitlecat5 h3,div#pagetitlecat6 h3{
	font-size:18px;
	font-weight:bold;
	padding-left:25px;
}
div#pagetitlecat1 h3{
	color:#ec8000;
}
div#pagetitlecat2 h3{
	color:#8d65d2;
}
div#pagetitlecat2_nl h3{
	color:#8d65d2;
}
div#pagetitlecat3 h3{
	color:#b65312;
}
div#cat3 ul li a{
	font-weight:normal;
}
div#pagetitlecat4 h3{
	color:#8b9000;
}
div#cat4 ul li a{
	font-weight:normal;
}
div#pagetitlecat5 h3{
	color:#008193;
}
div#cat5 ul li a{
	font-weight:normal;
}
div#pagetitlecat6 h3{
	color:#9c1e3d;
}





div#cat1,div#cat2,div#cat3,div#cat4,div#cat5,div#cat6{
	width:456px;
	color:black;
	padding-top:31px;
	padding-bottom:18px;
	padding-left:42px;
	float:left;
}
div#cat1{
	background: url(../images/cat1_bloc_top.gif) top right no-repeat;
}
div#cat2{
	background: url(../images/cat2_bloc_top.gif) top right no-repeat;
}
div#cat3{
	background: url(../images/cat3_bloc_top.gif) top right no-repeat;
}
div#cat4{
	background: url(../images/cat4_bloc_top.gif) top right no-repeat;
}
div#cat5{
	background: url(../images/cat5_bloc_top.gif) top right no-repeat;
}
div#cat6{
	background: url(../images/cat6_bloc_top.gif) top right no-repeat;
}
div#cat1 h3,div#cat2 h3,div#cat3 h3,div#cat4 h3,div#cat5 h3,div#cat6 h3{
	position:relative;
	top:-28px;	
	/*width:160px;*/
	background-color:#e5ecf7;
	font-size:12px;

}
div#cat1 h3 {
	color:#ec8000;
}
div#cat2 h3 {
	color:#8d65d2;
}
div#cat3 h3 {
	color:#b65312;
}
div#cat4 h3 {
	color:#8b9000;
}
div#cat5 h3 {
	color:#008193;
}
div#cat6 h3 {
	color:#9c1e3d;
}

div#cat1_cadre,div#cat2_cadre,div#cat3_cadre,div#cat4_cadre,div#cat5_cadre,div#cat6_cadre{
	height:50px;
	margin-top:-20px;
	padding-bottom:11px;
	padding-left:14px;
}

div#cat1_cadre{
	background:url(../images/cat1_bloc_cadre.gif) bottom right no-repeat;
}
div#cat2_cadre{
	background:url(../images/cat2_bloc_cadre.gif) bottom right no-repeat;
}
div#cat3_cadre{
	background:url(../images/cat3_bloc_cadre.gif) bottom right no-repeat;
}
div#cat4_cadre{
	background:url(../images/cat4_bloc_cadre.gif) bottom right no-repeat;
	
}
div#cat5_cadre{
	background:url(../images/cat5_bloc_cadre.gif) bottom right no-repeat;
}
div#cat6_cadre{
	background:url(../images/cat6_bloc_cadre.gif) bottom right no-repeat;
}

/* new code for tarifs page : */
div#cat6_cadre #col{ width:138px; padding:0px 5px 0px 2px; float:left; }
	div#cat6_cadre #col ul { margin:0; padding:0; list-style-type:none; }

		div#cat6_cadre #col ul li a { position: relative; display:block; width:138px; border-bottom:solid 1px #9c1e3d; padding:1px; text-decoration:none; font-weight:normal; }
			div#cat6_cadre #col ul li a:hover { background-color:#9c1e3d; color:white; }
			
div#cat6_cadre #largecol{ width:429px; padding:0px 5px 0px 2px;  }
	div#cat6_cadre #largecol ul { margin:0; padding:0; list-style-type:none; }

		div#cat6_cadre #largecol ul li a { position: relative; display:block; width:429px; border-bottom:solid 1px #9c1e3d; padding:1px; text-decoration:none; font-weight:normal; }
			div#cat6_cadre #largecol ul li a:hover { background-color:#9c1e3d; color:white; }
			
div#qTip { width:200px; display: none; text-align: left; position: absolute; z-index: 1000; padding:3px; background:white; color:#9c1e3d; border:solid 1px #9c1e3d;}




div#cat1>div#cat1_cadre,div#cat2>div#cat2_cadre,div#cat3>div#cat3_cadre,div#cat4>div#cat4_cadre,div#cat5>div#cat5_cadre,div#cat6>div#cat6_cadre{
	height:auto;
}

div#cat_item{
	position:relative;
	float:left;
	height:120px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
}
div#cat_item p{
	width:70px;
	
}
div#cat_item img{
	padding:0px 3px;
}
div#cat_item p.new {
	color:#ee3b33;
	font-weight:bold;
	font-size:10px;
	height:12px;
}
div#cat_item p.ref {
	font-size:10px;
	height:20px;
	
}
div#cat_item p.picto {
	position:absolute;
	width:23px; /*la largeur du picto */
	right:1px;
	top:25px;

	
}
div#cat_item p.picto img {
	padding:0;
}



/* -------------- HACK for SAFARI --- please nothing under these rules !!! */

/*pour safari : */ 
div#cat1_cadre,div#cat2_cadre,div#cat3_cadre,div#cat4_cadre,div#cat5_cadre,div#cat6_cadre{
	/*margin-top:-48px;*/
}


/*pour les autres navigateurs que safari : */ 
div#cat1_cadre,div#cat2_cadre,div#cat3_cadre,div#cat4_cadre,div#cat5_cadre,div#cat6_cadre{margin-top:-20px;#}