/*
 * Structure Design SOB
 * Date : 29/12/2009
 * KieCoorp
 */

body {background:#cccecf;}
p {text-align:justify;color:#717172;margin-bottom:0.5em;}
a {text-decoration:none;color:#b7b7b5;}
a:hover {text-decoration:underline;}

h1 {font-size:2.2em;font-weight:normal;margin-bottom:0; background:transparent url('images/section_h1.png') no-repeat 20px 3px;padding-left:80px;}
h1 .sub {font-size:0.72em;color:#707072;width:600px;font-weight:bold;}
h1 hr {background:transparent;border-bottom:#707072 1px dotted;margin:0;padding:0;padding-bottom:10px;height:1px;}

h2 {font-size:18px;line-height:1.4em;}

h3 {color:#707072;margin-top:15px;}

h4 {margin:0;padding:0;margin-bottom:10px;}

table.color {background:#FFF;border-collapse:separate;}
table.color th {background:transparent;font-weight:bold;color:#000;}
table.color td {background:#ffe6d5;border:1px #FFF solid;margin:2px;color:#000;}

table.color td#C1 {background-color:#FFFFFF;}
table.color td#C2 {background-color:#000000;}
table.color td#C3 {background-color:#FFFF00;}
table.color td#C4 {background-color:#FFCC00;}
table.color td#C5 {background-color:#FFCC99;}
table.color td#C6 {background-color:#0000FF;}
table.color td#C7 {background-color:#993300;}
table.color td#C8 {background-color:#FF6600;}
table.color td#C9 {background-color:#339966;}
table.color td#C10 {background-color:#99CC00;}
table.color td#C11 {background-color:#993366;}
table.color td#C12 {background-color:#800080;}
table.color td#C13 {background-color:#C0C0C0;}
table.color td#C14 {background-color:#FF0000;}
table.color td#C15 {background-color:#FFFF99;}
table.color td#C16 {background-color:#FF9900;}



.gris {color:#717172;}
.justify {text-align:justify;}
.uppercase {text-transform:uppercase;}
.bold {font-weight:bold;}

.middle_size {font-size:0.95em;margin-bottom:1em;line-height:1em;}
.no_puce {list-style-type:none;}
.no_margin {margin:0;}

.clear {clear:both;}

.legende {text-align:right;font-style:italic;margin-top:2em;font-size:10px;margin-right:4px;}

span.legende {
   position: relative; /* important */
   display:block;
   left: 0;
   top: -58px;
   font: 12px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   /* width: 424px; */
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
}


.black {color:#000;}

.red_border {border:1px #F00 solid;}

.width_450 {width:450px;}

.sub_menu {text-align:right;width:475px;}
.sub_menu ul {font-size:12px;padding-top:6px;margin-right:0px;}
.sub_menu li {line-height:14px;list-style-type:none;background:transparent url(images/sm_orange_240.png) no-repeat 100% 0px;line-height:15px;margin:1px 0;}
.sub_menu li.w240 {background:transparent url(images/sm_orange_240.png) no-repeat 100% 0px;}
.sub_menu li.w220 {background:transparent url(images/sm_orange_220.png) no-repeat 100% 0px;}
.sub_menu li.w200 {background:transparent url(images/sm_orange_200.png) no-repeat 100% 0px;}
.sub_menu li.w180 {background:transparent url(images/sm_orange_180.png) no-repeat 100% 0px;}
.sub_menu li.w160 {background:transparent url(images/sm_orange_160.png) no-repeat 100% 0px;}
.sub_menu li.w140 {background:transparent url(images/sm_orange_140.png) no-repeat 100% 0px;}
.sub_menu li.w120 {background:transparent url(images/sm_orange_120.png) no-repeat 100% 0px;}

.sub_menu a  {color:#717172;text-decoration:none;color:#FFF;padding:0 4px;}
.sub_menu a:hover {text-decoration:underline;font-weight:bold;}

.sub_menu li#select {}
.sub_menu li#select a {font-weight:bold;color:#FFF;}

ul.sub_sub_menu {position:absolute;top:91px;left:50%;margin-left:547px;background:transparent;width:160px;text-align:left;padding-left:0px;padding-top:3px;}
ul.sub_sub_menu li {background:transparent url(images/ssm_orange_150.png) no-repeat 0px 0px;line-height:17px;font-size:11px;}
ul.sub_sub_menu li a {color:#FFF;}

ul.sub_sub_menu_2 {margin:2px 0px;margin-bottom:15px;padding-top:1px;padding-left:15px;height:30px;background:transparent url(images/sub_sub_menu_orange.png) no-repeat;}
ul.sub_sub_menu_2 li {float:left;list-style-type:none;padding:2px 5px;width:100px;text-align:center;height:24px;}
ul.sub_sub_menu_2 li.one_line {line-height:24px;}
ul.sub_sub_menu_2 li a {color:#FFF;}
ul.sub_sub_menu_2 li a:hover {color:#999;}
ul.sub_sub_menu_2 li:hover {background:#FFF;color:#999;}
ul.sub_sub_menu_2 li:hover a{color:#999;}
ul.sub_sub_menu_2 li#select {background:#FFF;color:#999;}
ul.sub_sub_menu_2 li#select a {color:#999;}

/* correction background */
#fin_pinceau {
  width:66px;
  height:99px;
  position:absolute;
  background:transparent url(images/back_pinceau.png) no-repeat 0px 0px;
  left:50%;
  top: 152px;
  margin-left:-500px;
}
/* flash pinceau */
#flash_pinceau {
  width:66px;
  height:99px;
  position:absolute;
  background:transparent;
  left:50%;
  top: 50px;
  margin-left:-451px;
}


.container {
  background:url(images/milieu.png) repeat-y;
}

#haut_flash {
  height:237px;
  background:transparent;
  z-index:-10;
}

#head {
  position:absolute;
  margin-top:-237px;
  height:158px;
  padding:80px 0px 0px 0px;
  z-index:10;
}
#page {
  background:transparent url(images/bas_accueil.png) no-repeat 0 100%;
}

#content {
  background:transparent url(images/left_milieu.png) repeat-y 25px 0;
  height:1%;
}
#middle {
  margin-bottom:25px;
}
#middle p {margin-right:20px;}

#left_middle {
  height:430px;
}

#left_middle_middle {
  padding-left:25px;
	height:294px;
}
#left_middle_foot {
  background:transparent url(images/milieu_bas.png) no-repeat 0 100%;
  height:95px;
  margin-left:25px;
}

#foot {
  background:transparent url(images/bas_accueil.png) no-repeat 0 100%;
  padding-left:45px;
  margin-top:-35px;
  padding-bottom:22px;
}

/*
 * Présentation d'ensemble
 *
 * couleur :
 * gris sous titre : #707072
 * gris text : #717172 -- ancienne couleur (Mr Oinville) #b3b3b5
 * violet : #910081
 * vert : #C0D200
 * orange : #EA7726
 */

.error  {background:#F0F0F2;color:#EA7726;border-color:#EA7726;}
.notice {background:#F0F0F2;color:#C0D200;border-color:#C0D200;}


#title_and_sub_menu, #middle {margin-left:10px;float:left;line-height:1em;margin-top:7px;;display:inline;}

.sub_menu {
  height:86px;
  padding-left:80px;
  margin-bottom:0px;
}


#foot a {font-size:0.97em;text-decoration:none;}
#foot a:hover {text-decoration:underline;}

#mentions_legales {margin-left:15px;}

#comevents a {color:#707072;}
#mentions_legales a {color:#FFF;}

/*
 * section1 :  accueil, contact
 */

.section_info .color {color:#910081;}
.section_info h1 {color:#910081;}
.section_info h2 {color:#910081;}

.section_info .sub_menu {margin-top:30px;height:50px;}

.section_info.contact #page {background-image:url(images/bas_accueil_contact.png);}
.section_info.contact #foot {background-image:url(images/bas_accueil_contact.png);}

.section_info .sub_menu a {background:#910081;}

.section_info .sub_menu li.w240 {background:transparent url(images/sm_violet_240.png) no-repeat 100% 0px;}
.section_info .sub_menu li.w220 {background:transparent url(images/sm_violet_220.png) no-repeat 100% 0px;}
.section_info .sub_menu li.w200 {background:transparent url(images/sm_violet_200.png) no-repeat 100% 0px;}
.section_info .sub_menu li.w180 {background:transparent url(images/sm_violet_180.png) no-repeat 100% 0px;}
.section_info .sub_menu li.w160 {background:transparent url(images/sm_violet_160.png) no-repeat 100% 0px;}
.section_info .sub_menu li.w140 {background:transparent url(images/sm_violet_140.png) no-repeat 100% 0px;}
.section_info .sub_menu li.w120 {background:transparent url(images/sm_violet_120.png) no-repeat 100% 0px;}

#map_contact {position:absolute;top:185px;left:50%;margin-left:200px;z-index:10;}
#map_contact .InfoCom {position:relative;top:-105px;left:130px;font-size:11px;color:#FFF;}
#map_contact .InfoCom ul {margin:0;padding:0;list-style-type:none;}
#map_contact .InfoCom li {line-height:13px;}

#map_contact a#acces_link {display:block;width:130px;height:15px;position:relative;top:-25px;left:115px;}

#form_contact {margin-bottom:15px;}
#form_contact label {width:70px;display:block;float:left;clear:both;font-weight:normal;}
#form_contact input {width:166px;float:left;height:12px;border:none;margin:0;background:#dfd1e2;margin-bottom:5px;font-size:11px;}
#form_contact textarea {width:157px;height:50px;float:left;border:none;background:#dfd1e2;margin-bottom:0px;}
#form_contact input.submit {width:166px;clear:both;margin-left:70px;height:17px;}
#form_contact .error_list {float:right;width:150px;margin:0;}
#form_contact .error_list li {list-style-type:none;color:#EA7726;font-weight:bold;}


#form_contact #form_info {width:166px;clear:both;margin-left:70px;font-size:10px;color:#000;}
#form_contact #form_info p {color:#000;}

div#fancy_style {height:300px;padding:20px;background:#dfd1e2;}
div#fancy_style p {color:#910081;}

/*
 * expertise
 */

.section_expertise .color {color:#EA7726;}
.section_expertise h1 {color:#EA7726;background-image:url('images/section3_h1.png')}
.section_expertise h2 {color:#EA7726;}

.section_expertise .sub_menu a:hover {}
.section_expertise .sub_menu li:hover {}
.section_expertise .sub_menu li#select {}
.section_expertise .sub_menu li#select a {}
.section_expertise #real_slide {float:left;width:225px;height:150px;background: transparent url('images/back_real.png') no-repeat;padding:5px 5px 5px 20px ;}
.section_expertise img.nuancier {width:470px;}


.section_expertise table {}
.section_expertise caption {color:#EA7726;font-weight:bold;}
.section_expertise th {font-size:11px;background:transparent;}
.section_expertise td {background:#ffe6d5;border:1px #FFF solid;padding:4px;}
.section_expertise td a {color:#707072;}
.section_expertise td.first {width:200px;}

#present_sub_menu {width:220px;float:left;}
#present_sub_menu ul {margin:0;padding:0;}
#present_sub_menu li {list-style-type:none;margin:0;padding:0;clear:both;height:44px;}
#present_sub_menu div {width:45px;height:25px;float:left;padding:2px;text-align:center;}
#present_sub_menu img {}
#present_sub_menu span {float:left;line-height:1em;margin-top:7px;}
#present_sub_menu ul li a:hover {text-decoration:underline;color:#707072;}

/*
 * section2 : societe
 */

.section_societe .color {color:#C0D200;}
.section_societe h1 {color:#C0D200;background-image:url('images/section2_h1.png')}
.section_societe h2 {color:#C0D200;}

.section_societe .sub_menu a {background:#C0D200;}
.section_societe .sub_menu a:hover {}
.section_societe .sub_menu li:hover {}
.section_societe .sub_menu li#select {}
.section_societe .sub_menu li#select a {}

.section_societe .sub_menu li.w240 {background:transparent url(images/sm_vert_240.png) no-repeat 100% 0px;}
.section_societe .sub_menu li.w220 {background:transparent url(images/sm_vert_220.png) no-repeat 100% 0px;}
.section_societe .sub_menu li.w200 {background:transparent url(images/sm_vert_200.png) no-repeat 100% 0px;}
.section_societe .sub_menu li.w180 {background:transparent url(images/sm_vert_180.png) no-repeat 100% 0px;}
.section_societe .sub_menu li.w160 {background:transparent url(images/sm_vert_160.png) no-repeat 100% 0px;}
.section_societe .sub_menu li.w140 {background:transparent url(images/sm_vert_140.png) no-repeat 100% 0px;}
.section_societe .sub_menu li.w120 {background:transparent url(images/sm_vert_120.png) no-repeat 100% 0px;}



.section_societe #page {background-image:url(images/bas_accueil_societe.png);}
.section_societe #foot {background-image:url(images/bas_accueil_societe.png);}



ul.classic {margin:0;margin-bottom:0.5em;font-weight:normal;color:#707072;list-style-type:none;}
ul.classic li:before {content: "\003E \0020";}
ul.classic ul {list-style-type:none;}
ul.classic ul li:before {content: "\00BB \0020";}

ul.evolution {margin-top:0;margin-left:12px;margin-right:0;}
ul.evolution span {color:#C0D200;}

ul.history {color:#707072;margin:0;list-style:none;line-height:1.2em;}
ul.history span {color:#C0D200;font-weight:bold;}


/*
 * section_fiche
 */

.section_fiche .color {color:#910081;}
.section_fiche h1 {color:#910081;}
.section_fiche h2 {color:#910081;}
.section_fiche label {color:#910081;width:130px;float:left;line-height:23px;font-weight:normal;}
.section_fiche input, .section_fiche select {float:left;margin:0;padding:4px;background:#d0b6d3;border:none;width:172px;background:transparent url(images/fiche_input.png);height:15px;}
.section_fiche select {height:23px;width:180px;}
.section_fiche input.submit {width:23px;height:23px;margin-left:10px;background:none;padding-top:0px;}

.section_fiche table {}
.section_fiche caption {color:#EA7726;font-weight:bold;}
.section_fiche th {font-size:11px;background:transparent;}
.section_fiche td {background:#ffe6d5;border:1px #FFF solid;padding:4px;}
.section_fiche td a {color:#707072;}
.section_fiche td.first {width:30px;}


.section_fiche #page {background-image:url(images/bas_accueil_fiche.png);}
.section_fiche #foot {background-image:url(images/bas_accueil_fiche.png);}

.section_fiche .sub_menu li.w240 {background:transparent url(images/sm_violet_240.png) no-repeat 100% 0px;}
.section_fiche .sub_menu li.w220 {background:transparent url(images/sm_violet_220.png) no-repeat 100% 0px;}
.section_fiche .sub_menu li.w200 {background:transparent url(images/sm_violet_200.png) no-repeat 100% 0px;}
.section_fiche .sub_menu li.w180 {background:transparent url(images/sm_violet_180.png) no-repeat 100% 0px;}
.section_fiche .sub_menu li.w160 {background:transparent url(images/sm_violet_160.png) no-repeat 100% 0px;}
.section_fiche .sub_menu li.w140 {background:transparent url(images/sm_violet_140.png) no-repeat 100% 0px;}
.section_fiche .sub_menu li.w120 {background:transparent url(images/sm_violet_120.png) no-repeat 100% 0px;}

.section_fiche td.icone img {width:35px;}
.section_fiche td.icone li {float:left;padding:2px;list-style-type:none;}
.section_fiche td.support ul {margin:0px;list-style-type:none;width:120px;}

/*
 * section_produit : produits
 */

.produit p {text-align:left;}
.produit img.icone {width:40px; height:40px; border:1px #ccc solid;display:block;margin-top:0.5em;margin-left:1.5em;}
.produit ul li img.icone {margin-left:0;}
.produit ul li {list-style-type:none;}

img.emballage { border:1px #ccc solid;}

.section_product .color {color:#EA7726;}
.section_product h1 {color:#EA7726;background-image:url('images/section3_h1.png')}
.section_product h2 {color:#EA7726;}

.section_product.sub_menu a {background:#EA7726;}
.section_product .sub_menu a:hover {}
.section_product .sub_menu li:hover {}

.section_product .sub_menu li#select {}
.section_product .sub_menu li#select a {}

.section_product #page {background-image:url(images/bas_accueil_produit.png);}
.section_product #foot {background-image:url(images/bas_accueil_produit.png);}

.section_product ul.famille {list-style-type:square;color:#EA7726;font-size:16px;line-height:1.6em;}
.section_product ul.famille li a {}
.section_product ul.famille li a:hover {color:#EA7726}

.section_product label {color:#EA7726;width:130px;float:left;line-height:23px;font-weight:normal;}
.section_product input, .section_product select {float:left;margin:0;padding:4px;background:#d0b6d3;border:none;width:172px;background:transparent url(images/produit_input.png);height:15px;}
.section_product select {height:23px;width:180px;}
.section_product input.submit {width:23px;height:23px;margin-left:10px;background:none;padding-top:0px;}

.section_product table {}
.section_product caption {color:#EA7726;font-weight:bold;}
.section_product #result_product h3 {color:#EA7726;font-weight:bold;font-size:14px;background:#eaeaea;margin:0.5em 0 0.5em 0;padding:0.5em;cursor:pointer;}
.section_product th {font-size:11px;background:transparent;}
.section_product td {background:#ffe6d5;border:1px #FFF solid;padding:4px;}
.section_product td a {color:#707072;}
.section_product td.first {width:200px;}

.section_product td.icone img {width:35px;}
.section_product td.icone li {float:left;padding:2px;list-style-type:none;}
.section_product td.support ul {margin:0px;list-style-type:none;width:120px;}


/*
 * Recherche des fiches techniques
 */

.search_form {margin-left:195px;padding-top:20px;}
.search_form label {color:#FFF;display:block;font-size:13px;line-height:18px;}
.search_form input {float:left;display:block;background:transparent;width:130px;border:none;color:#910081;padding-left:2px;font-size:13px;}
.search_form input.submit {background:transparent;width:23px;margin-left:4px;margin-top:4px;}


/*
 * Mise en forme du slider
 * http://www.serie3.info/s3slider/
 */

#s3slider1, #s3slider2, #s3slider3, #s3slider4, #s3slider5{
   width: 450px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider4 {width: 225px;height: 150px;}
#s3slider5 {width: 300px;height: 400px;}

#s3slider1Content,#s3slider2Content,#s3slider3Content,#s3slider4Content,#s3slider5Content  {
   width: 450px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}
#s3slider4Content {width:225px;}
#s3slider5Content {width:300px;}

.s3slider1Image,.s3slider2Image,.s3slider3Image,.s3slider4Image ,.s3slider5Image {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3slider1Image span, .s3slider2Image span,.s3slider3Image span ,.s3slider4Image span,.s3slider5Image span{
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 424px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3slider4Image span {width:201px;}
.s3slider5Image span {width:276px;}

/* Juste pour cacher le texte/bandeau noir sur la page anticorrosion */
.s3slider4Image span {
   top: -40px;
}

/*
 * Enquete de satisfaction
 */

#form_enquete {}
#form_enquete label {}
#form_enquete label[for=contact_societe] {display:block;}
#form_enquete label[for=contact_contact] {display:block;}

#form_enquete input#enquete_societe {display:block;width:450px;margin-bottom:10px;}
#form_enquete input#enquete_contact {display:block;width:450px;margin-bottom:10px;}

#form_enquete .checkbox_list li {list-style-type:none;}

#form_enquete .radio_list {margin-left:0;margin-bottom:2em;}
#form_enquete .radio_list li {list-style-type:none;}
#form_enquete .radio_list li {width:50px;display:inline;font-size:0.8em;}


#form_enquete ul.error_list {margin-bottom:3px;margin-top:10px;}
#form_enquete ul.error_list li {list-style-type:none;color:#F00;}
#form_enquete input.submit {background:#910081;color:#FFF;border:none;width:400px;height:2em;cursor:pointer;}