@charset "utf-8";
/* CSS Document */

body  {
	font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* ce paramtrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite align  gauche (valeur par dfaut) dans le slecteur #container */
	background-color: #FFFFFF;
    }
.pos_relative {
	position: relative;
	height: 0px;
	line-height: 0px;
	z-index: 1;
}
h1 {
	font-size: 14px;
	margin: 0;
}
h1, h2, h3 {
	background-repeat: no-repeat;
}
h2 {
	font-size: 16px;
	color: #488C96;
}
h2.titlebloc {
	border-bottom-color: #64AAB6;
	border-bottom: dashed 1px;
	margin-top: 30px;
}


h3 {
	font-size: 12px;
}


#list_categories .box_products_in h2 {
	font-size: 14px;
	color: #2eb9e5;
	margin: 0;
	padding: 6px 8px;
	background-color: #e4eec1;
	border-bottom: solid #cf4700 1px;
	font-style: italic;
	border-top: solid #cf4700 1px;
}



li {
	list-style-type: none;
	background-repeat: no-repeat;
}
.win.ie6 li {
	height: 1%;
}
a {
	text-decoration: none;
	color: #777777;
}
a.linktype2 {
	color: #ff6700;
}


a:active, a:focus{ 
   outline:none; 
}

img  {
	border: none;
}
#content   a.pdf  {
	border: none;
	margin: 0 6px;
	color: #488C96;
	font-weight: bold;
	background-image: url(images/arrow1.gif);
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: 0 6px;
	font-size: 11px;
}

table {
	margin: 0;
	padding: 0;
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
}
td {
	margin: 0;
	padding: 0;
	border:0;
	vertical-align: top;
}
form {
	margin: 0;
	padding: 0;
}
input, select, textarea {
	height: 15px;
	margin: 0 6px;
	border: solid #dee0e2 1px;
	color: #777777;
	border-color: #8DBCC2;
}
select {
	height: 20px;
}
.exergue {
	color: #FF7216;
	font-weight: bold;
}
.soustitre {
	color: #FF7216;
	font-weight: normal;
	font-size:11px;
}
p.note    {
	font-size: 10px;
	line-height: 10px;
	margin: 0;
}



/* Alignements ======================== */
.imgleft {
	float: left;
	margin-right: 12px;
}
.imgright {
	float: right;
	margin-left: 12px;
}
.line_area_img .imgleft {
	margin-right: 8px;
}
.line_area_img .imgright {
	margin-left: 8px;
}
.imgcenter, .img_promo {
	text-align:center;
	margin: 0 auto;
}
.imgbottom {
vertical-align:bottom;
}
.imgmiddle {
	vertical-align:middle;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
}
.img_formateurs {
	border: solid 1px;
	border-color: #CCCCCC;
	margin: 0 8px;
	margin-bottom: 6px;
}

    .float_right { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .float_left { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear: both;
	line-height: 0px;
	height: 0px;
	margin: 0;
	font-size: 1px;
    }
/* ============== main container */	
#container {
	width: 944px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-image: url(images/1px-bg-ombre.gif);
	color: #767777;
	background-position: center;
    }

#header, #content {
	padding: 0 16px;
}
/* ============== header */
#header {
	background-image: url(images/bg-top.gif);
	background-repeat: no-repeat;
	height: 396px;
	position: relative;
	background-position: center top;
	margin: 0 auto;
}
#header.bg_qualite, #header.bg_securite, #header.bg_environnement, #header.bg_generic {
	height: 276px;
}
#header.bg_qualite {
	background-image: url(images/bg-top-qualite.jpg);
}
#header.bg_securite {
	background-image: url(images/bg-top-securite.jpg);
}
#header.bg_environnement {
	background-image: url(images/bg-top-environnement.jpg);
}
#header.bg_generic {
	background-image: url(images/bg-top-generic.jpg);
}

#header div {
	position: absolute;
}


#logo {
	position: absolute;
	left: 54px;
	top: 20px;
}
#head_title {
	left: 268px;
	top: 162px;
	color: #FFFFFF;
}

#header_flash {
	margin: 0;
	padding: 0;
	left: 16px;
	top: 206px;

}
#content {
	background-repeat: no-repeat;
	background-image: url(images/bg-ombre-top.jpg);
	padding: 16px 54px;
	padding-bottom: 0px;
}

/* ==================== menu */
#menu {
	text-align: center;
	height: 28px;
	padding-left: 16px;
	left: 494px;
	top: 68px;
}
#menu ul {
	padding: 0;
	margin: 0;
}
#menu li {
	display: inline;
	margin: 0;
	padding: 5px 0;
	border-right: 1px solid #c3c3c3;
	float: left;
}
#menu a {
	font-size: 13px;
	padding: 6px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}
#menu a:hover {
	background-color: #E9E9E9;
	color: #333333;
}

/* ========================== Sous menus */
.smenu_sec, .smenu_ter, .smenu_quad {
	padding: 6px 0;
	color: #FFFFFF;
	display: none;
	position: absolute;
	width: 200px;
	text-align: left;
	z-index: 20;
	}
.smenu_sec {
	background-color: #e9e9e9;
	border: solid #c3c3c3 1px;
	border-bottom: solid 4px;
	border-top: none;
	border-bottom-color: #7BE547;
	z-index: 5;
	}

.smenu_sec a, .smenu_ter a, .smenu_quad a {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	padding: 1px 8px;
	padding-bottom:4px;
	line-height:16px;
	display: block;
	padding-right: 10px;
	background-repeat: no-repeat;
}
.win.ie .smenu_sec a, .win.ie .smenu_ter a, .win.ie .smenu_quad a {
	line-height:18px;
	padding-top:2px;
}
.smenu_sec a:hover, .smenu_ter a:hover   {
	color: #333333;
	background-color: #c6c7c7;

}
.smenu_sec a.more_menu, .smenu_ter a.more_menu, .smenu_quad a.more_menu {
	background-image: url(images/arrow-link3.gif);
	background-position: right;
}

.smenu_sec ul, .smenu_ter ul, .smenu_quad ul {
	margin: 0;
	padding: 0;
}
.smenu_sec li, .smenu_ter li, .smenu_quad li {
	margin: 0;
	padding: 0;
}
.smenu_ter  {
	background-color:#E9E9E9;
	border: solid #7BE547 1px;
	border-left: none;
	z-index: 10;
}
.smenu_ter a {
	font-weight: normal;
}
.smenu_ter a:hover {
	background-color: #CAF4B5;

}
.smenu_quad  {
	background-color:#FFFFFF;
	border: solid #999999 1px;
	border-left: none;
	border-bottom:solid #94C8A4 4px;
	z-index: 10;
	width: 140px;
}
.smenu_quad a {
	font-weight: normal;
	color:#666666;
}
.smenu_quad a:hover {
	background-color: #BFE0B5;

}

/*=============== contenu central divs */

.cell_content {
	float: left;
	display: inline;
}
.box_home {
	width: 253px;
	margin-right: 38px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 16px;
	font-size: 12px;
	line-height: 14px;
}



/* ========================== styles cell_left */


.cell_left h1 {
	font-size: 14px;
	font-weight: bold;
	color: #767777;
	margin: 0;
	padding: 0  0 14px 28px;
	background-repeat: no-repeat;
	background-image: url(images/arrow-menu-left.gif);
}
.box_home_in {
	padding: 0 16px;
	height: 270px;
	background-image: url(images/bg-box-home-btm.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	position: relative;
}
#content  .box_home h1 {
	color: #FFFFFF;
	font-size: 14px;
	padding: 1px 0;
	margin: 0 0 10px 0;
	line-height: 16px;
}
#content   .box_home h2   {
	font-size: 12px;
	padding-left: 10px;
	background-position: 0 5px;
}
#content  .box_home h2 {
	margin: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	background-position: 0 10px;
}
#content  .box_home p {
	margin: 3px 0;
	padding: 3px 0;
	font-size: 13px;
}
#content  .box_home ul {
	margin: 0px;
	padding: 2px 18px;
}
#content  .box_home li {
	background-position: 0 4px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
.win.ie6 .box_home li {
	margin-top:-4px;
	height:1em;

	}

#box_home_actu {
	background-image: url(images/bg-box-home-top1.gif);
}
#content   #box_home_actu h2, #content #box_home_actu li {
	background-image: url(images/arrow1.gif);
	}
#box_home_actu h2 {
	color: #FF7C20;
}

#box_home_approche {
	background-image: url(images/bg-box-home-top2.gif);
}
#content  #box_home_approche h2, #content #box_home_approche li {
	background-image: url(images/arrow2.gif);
}
#box_home_approche h2 {
	color: #36ACBD;
}
#box_home_prestations {
	margin-right: 0px;
	background-image: url(images/bg-box-home-top3.gif);
}
#content  #box_home_prestations h2, #content #box_home_prestations li {
	background-image: url(images/arrow3.gif);
}
#box_home_prestations h2{
	color: #5AD565;

}
.box_home_btm {
	position: absolute;
	top: 240px;
	width: 216px;
}

.box_home_btm .more_info {
	text-align: right;
	margin: 0;
}

.box_home_btm .more_info a {
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 3px 0;
	padding-left: 22px;
}
#box_home_actu .more_info a {
	background-image: url(images/arrow-link1.gif);
}
#box_home_approche .more_info a {
	background-image: url(images/arrow-link2.gif);
}
#box_home_prestations .more_info a {
	background-image: url(images/arrow-link3.gif);
}




/* ========================== styles cell_center */

 h1.titlepage {
	color: #f5781e;
	margin: 0 0 16px 0;
	font-size: 18px;
	font-weight: normal;
}
#content p {
	font-size: 16px;
}
#content li {
	background-image: url(images/square-list.gif);
	background-position: 0 8px;
	padding-left: 12px;
	font-size: 14px;
}
#content  ul.list_prestations li {
	margin-bottom: 10px;
}

#content .more_btn {
	background-image: url(images/1px-bg-btn.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	background-color: #6da6af;
	border: solid 1px;
	border-color: #5E9DA6;
	padding: 2px 10px;
	font-size: 14px;
	font-weight: bold;
}
#content a:hover.more_btn {
	background-color: #599AA4;
	background-image: url(none);
}
#content img {
	border: solid 1px;
	border-color: #60A0AA;
	border-top-width: 2px;
	border-bottom-width: 2px;
}
/* ======================== line buttons */
.line_button {
	background-repeat: no-repeat;
	background-image: url(images/bg-line-btn.gif);
	cursor: pointer;
	margin-bottom: 4px;
	width:500px;
	height: 45px;
}
.content_faq .line_button {
	width:836px;
}
.line_area_text .line_button {
	background-image: url(none);
}

#content  .line_button h1 {
	padding-left: 30px;
	font-size: 15px;
	color: #488C96;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 12px;
}
.content_faq#content     .line_button h1  {
	font-size: 14px;
	line-height: 14px;
	padding-top: 9px;
}

#content  .line_area_text  .line_button h1 {
	color: #F18E00;
	background-color: #CC0033;
}
#content .line_button img {
	border:none;
}
.arrow_button {
	float: right;
}
.line_area  {
	display: none;
}
#content  .line_area p {
	margin: 8px 0;
}
.content_faq#content .line_area p {
	font-size: 13px;
}


.line_area ul {

}
#content  .line_area li {

}


#content  .line_area_text h3 {
	margin: 10px 0;
	padding-top: 6px;
}

.line_area_text  .line_area  {
	margin-bottom: 8px;

}
.ref_logos {
	text-align: center;
}

.ref_logos img {
	vertical-align: middle;
	border: 0;
	margin: 10px 20px;
}

/* ============================== box_grey */
.box_grey {
	width: 299px;
	margin-right: 16px;
	background-repeat: no-repeat;
	background-image: url(images/box-grey-top.jpg);
	background-color: #EBEBEB;
}
.box_grey_in {
	padding: 12px;
	background-position: bottom;
	background-image: url(images/box-grey-btm.jpg);
	background-repeat: no-repeat;
	height: auto;
	min-height: 180px;
}
.box_grey h1 {
	background-image: url(images/icon-title.gif);
	padding-left: 36px;
	line-height: 28px;
	border-bottom: dotted 2px;
	padding-bottom: 8px;
	border-bottom-color: #b5cfd3;
	font-size: 16px;
}
.box_grey ul {
	margin: 0px;
	padding: 5px;
}
#content  .box_grey li {
	background-image: url(images/arrow1.gif);
	padding-left: 8px;
}
#content .box_grey a {
	display: block;
	padding: 0 6px;
}
#content .box_grey a:hover {
	background-color: #E0ECED;
	color: #444444;
}


/* ============================== Tableaux */



/* ======================= formulaire contact */

.form_contact {
	margin: 10px auto;
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 12px;
	border: solid;
	border-color: #488C96;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 1px;
}

.form_contact input {
	width: 200px;
	font-size: 12px;
	height: 16px;
	margin-left: 4px;

}
.form_contact select {
	height: 20px;
}


.form_contact th {
	text-align: left;
	padding: 4px 8px;
	border-bottom: solid #ffffff 1px;
	font-weight: bold;
	border-left: solid #999999 1px;
	color: #595959;
	width: 216px;
	background-color: #E6E6E6;
	border-right: solid 1px #cccccc;

}
.form_contact td {
	padding: 4px 4px 4px 12px;
	background-color: #dedfe0;
	border-bottom: solid #ffffff 1px;
	border-right: solid #999999 1px;
	background-image: url(images/1px-bg-grey.gif);
	background-repeat: repeat-x;

}
.form_contact .form_radio {
	width: 30px;
}
.form_contact .form_message {
	width: 200px;
	height: 60px;
}
.form_contact .form_adresse {
	width: 280px;
}
.form_bouton  {
	height: 22px;
	width: 90px;
	margin: 0;
	padding: 0;
	background-color: #E6E6E6;
	border: solid 2px;
	border-color: #D0CCC3;

}
.form_contact .form_number {
	width: 90px;
}
.form_contact .form_code {
	width: 60px;
}
.form_contact .exergue {
	font-size: 14px;
}


/* ========================= listes alphanum */
#content .box_grey .liens_numpages{
	padding: 4px;
	text-align: right;
}

#content .box_grey .liens_numpages a {
	color: #ff7214;
	border:solid 1px #B5CFD3;
	padding: 2px 4px;
	margin: 0 4px;
	text-decoration: none;
	font-size: 11px;
	display: inline;
}
#content .box_grey .liens_numpages a.selected, #content .box_grey .liens_numpages a:hover {
	text-decoration: none;
	background-image: url();
	color: #FFFFFF;
	font-size: 12px;
	background-color: #EC7404;
}
.list_alphanum {
	text-align: center;
}

.list_alphanum a{
	border-right: solid 1px;
	padding: 0 6px;
	font-size: 14px;

}


/* ========================= bottom_menu */
#bottom_menu {
	background-image: url(images/bg-btm.gif);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 68px 16px;
	padding-bottom: 16px;
}


#bottom_menu ul {
	margin: 0;
	padding: 5px;
	text-align: right;
}
#bottom_menu li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#bottom_menu a {
	color: #FFFFFF;
	font-size: 14px;
	padding: 0 16px;
	border-right: solid 1px;
	border-color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#bottom_menu a:hover {
	text-decoration: none;
	color: #408a95;
}


.realisation {
	float: right;
	padding: 8px;
}
#bottom_menu  .copyright a {
	font-size: 12px;
}

.copyright {
	padding: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #408a95;
	font-weight: bold;
	text-align: center;
}
.btm_baseline {
	border-top: solid 2px;
	border-top-color: #ADD7DC;
	margin: 10px 32px;
	padding: 16px;
	color: #666666;
	text-align: justify;
	margin-bottom: 0px;
	font-size: 11px;
}
#content a img {
	border: none;
}