/* ----------------------------- */
/*          PILE COULEURS        */
/* ----------------------------- */



/* ----------------------------- */
/*    	  RESET AND BASICS       */
/* ----------------------------- */


* 				{ margin: 0px; padding: 0px; outline: none;}
html 			{ height: auto; width: 100%; }
a 				{ border: 0px; }
img 			{ border: 0px; }
hr 				{ clear:both; visibility:hidden; border: 0px; }
ul 				{ list-style: none; list-style-position: outside; }
input, textarea	{ border: none; background-color: #eef4db; }
textarea		{ font-family: "Arial", "Helvetica", sans-serif; font-size: 12px;}

p {
line-height: 1.5em;
margin-bottom: 15px;
}

body {
background: url(../images/background_slice.jpg) top fixed;
color: #4D4D4D;
font-size: 12px;
font: normal 0.7em "helvetica", "Arial",  sans-serif;
height: 100%;
line-height:1.5em;
margin: 0;
}

a img { border: none; }
a:link { text-decoration: none; color: #484848; }
a:active { text-decoration: none;color: #666; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: none; color:#30b3ad; }



/* ----------------------------- */
/*    TYPOGRAPHIE GLOBALE        */
/* ----------------------------- */


h1, h2, h3, h4 {
line-height: 1.5em;
font-weight: normal;
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 2em;
}

h3 {
font-size: 1.40em;
}

h4 {
font-size: 1.20em;
}

blockquote {
font-size: 1.5em;
}

input, select {
font-size: 1.0em;
}

small {
font-size: 0.75em;
}


/* ----------------------------- */
/*			  CONTAINER			 */
/* ----------------------------- */

#container {
margin: 30px auto 30px auto;
width: 850px;
}


/* ---------------------------------------------------------- */
/*						 MAINCONTENT
/* ---------------------------------------------------------- */


#maincontent {
background: white;
margin-bottom: 10px;
min-height: 390px;
overflow: hidden;
padding: 0px 0px 0px 0px;
position: relative;
}

#maincontent h2 {
color: #3a3a3a;
font-size: 1.6em;
margin-bottom: 10px;
text-align: left;
}

#maincontent h3 {
color: #3a3a3a;
}


/*	header	*/

#header {
overflow: hidden;
position: relative;
}

#header_illustration_home {
height: 134px;
margin: 0;
padding: 0;
width: 850px;
}

#header_illustration_prestations, #header_illustration_usages, #header_illustration_materiel_equipement, #header_illustration_contact, #header_illustration_secteur_activite, #header_illustration_processus_fabrication {
height: 80px;
border-bottom: solid 10px #96bd0d;
width: 850px;
}

#logo_pile_couleurs img{
height: 90px;
width: 315px;
}

#main_nav {
overflow: hidden;
position: relative;
}

#main_nav ul {
overflow: hidden;
float: right;
}

#main_nav li, #footer_nav li {
float: left;
margin-right: 2px;
}

#main_nav li a {
text-indent: -9999px;
height: 19px;
width: 104px;
display: block;
}

#main_nav li a#prestations {
background-image: url(../images/prestations.gif);
}

#main_nav li a:hover#prestations, #main_nav li a#prestations_on{
background-image: url(../images/prestations_hover.gif);
}

#main_nav li a#usages {
background-image: url(../images/usages.gif);
}

#main_nav li a:hover#usages, #main_nav li a#usages_on {
background-image: url(../images/usages_hover.gif);
}

#main_nav li a#secteur_activite {
background-image: url(../images/secteur_activite.gif);
}

#main_nav li a:hover#secteur_activite, #main_nav li a#secteur_activite_on {
background-image: url(../images/secteur_activite_hover.gif);
}

#main_nav li a#contact {
background-image: url(../images/contact.gif);
}

#main_nav li a:hover#contact, #main_nav li a#contact_on {
background-image: url(../images/contact_hover.gif);
}

h2#notre_metier {
background-color: #96bd0d;
font-size: 1.9em;
height: 34px;
line-height: 34px;
padding: 3px 0 0 40px;
position: relative;
}

h2#notre_metier a {
color: white;
}

#notre_metier a.savoir_plus {
background-image: url(../images/home_savoir_plus.gif);
display: block;
float: right;
height: 34px;
margin-right: 40px;
text-indent: -9999px;
width: 70px;
}


/*	accueil	  */

#home_left_column, #home_right_column {
margin: 20px 0 20px 0;
float: left;
text-align: justify;
width: 385px;
}

#home_left_column {
margin-left: 40px;
padding-right: 40px;
width: 345px;
}

#home_left_column p, #home_right_column p {
line-height: 1.5em;
}

#home_right_column img{
float: left;
margin-right: 20px;
}

h3.titre_actualite {
margin-bottom: 5px;
}


/*	prestations	*/

#prestations_left_column {
margin: 20px 200px 0 40px;
position: relative;
}

#elaboration_formules {
margin-bottom: 30px;
}

#elaboration_formules img {
float: left;
margin-right: 20px;
}

#echantillonnage {
margin-bottom: 20px;
overflow: hidden;
position: relative;
}

#echantillonnage h3 {
margin-bottom: 10px;
}

#supports, #matieres, #quantites {
border-right: dashed 1px #bfbfbf; 
float: left;
height: 230px;
padding-left: 20px;
width: 155px;
}

#supports li, #matieres li, #quantites li {
margin-bottom: 3px;
}

#supports {
padding: 0 20px 0 0;
}

#matieres {
padding-right: 20px;
}

#quantites {
margin: 0;
border: 0;
}

#supports h3, #matieres h3, #quantites h3 {
height: 36px;
text-indent: -9999px;
}

#supports h3 {
background-image: url(../images/supports.png);
width: 104px;
}

#matieres h3 {
background-image: url(../images/matieres.png);
width: 100px;
}

#quantites h3 {
background-image: url(../images/quantites.png);
width: 109px;
}


/*		usages		*/

#usages_left_column, #secteur_activite_left_column, #contactez_nous {
/*margin: 20px 250px 0 0;*/
overflow: hidden;
padding: 20px 80px 0 0;
position: relative;
text-align: justify;
}

#usages_left_column {
margin: 0 0 30px 0px;
}

.illustration_page {
float: left;
width: 265px;
overflow: hidden;
margin-right: 10px;
position: relative;
text-align: center;
}

#illustration_usages {
margin-top: 20px;
}

#usages_left_column p, #secteur_activite_left_column p{
margin-bottom: 30px;
}


/*		secteur d'activité		*/

#secteur_activite_left_column {
margin-top: 0;
padding-top: 0;
}

#secteur_activite_left_column img{
/*float: left;
margin: 0 30px 30px 0;*/
}

#secteur_activite_left_column h2 {
margin-top: 20px;
}


/*		matériel_equipement		*/

#materiel_equipement, #processus_fabrication {
margin: 20px 0 0 40px;
position: relative;
}

#barque_teinture, #barque_teinture_compartiments, #spectro_colorimetre, #autoclave_teinture {
float: left;
height: 230px;
padding-right: 40px;
position: relative;
overflow: hidden;
width: 160px;
}

#barque_teinture h3, #barque_teinture_compartiments h3, #spectro_colorimetre h3, #autoclave_teinture h3, #reception_colis h3, #etude_spectro h3, #essais h3, #teintures h3, #echantillonnages h3, #final h3 {
font-size: 1.2em;
line-height: 1.2em;
margin-bottom: 5px;
}

#barque_teinture img, #barque_teinture_compartiments img, #spectro_colorimetre img, #autoclave_teinture img {
margin-bottom: 10px;
}

.tirets {
position: absolute;
right: 30px;
top: 0;
}


/*	 processus de fab	*/

#processus_fabrication {
margin-left: 30px;
overflow: hidden;
position: relative;
}

#processus_fabrication h2 {
margin-left: 10px;
}

#processus_fabrication li {
list-style: disc inside;
}

#processus_fabrication li {
margin-bottom: 5px;
}

#reception_colis, #etude_spectro, #essais, #teintures, #echantillonnages, #final {
float:left;
margin-bottom: 20px;
padding: 0 20px 0 10px;
position: relative;
width: 105px;
}

#reception_colis h3, #etude_spectro h3, #essais h3, #teintures h3, #echantillonnages h3, #final h3 {
height: 45px;
/*margin: auto;*/
text-indent: -9999px;
}

#reception_colis img, #etude_spectro img, #essais img, #teintures img, #echantillonnages img, #final img {
margin-bottom: 10px;
}

#etude_spectro img {
margin-left: 10px;
}

#echantillonnages img {
margin-left: 5px;
}

#teintures  {
margin-left: 5px;
padding-right: 10px;
}

#reception_colis .tirets, #etude_spectro .tirets, #essais .tirets, #teintures .tirets, #echantillonnages .tirets, #final .tirets {
right: 0px;
height: 330px;
}

#reception_colis, #essais {
padding-right: 10px;
width: 105px;
}

#etude_spectro {
padding-right: 10px;
width: 125px;
}

#final {
padding-right: 10px;
width: 115px;
}

#reception_colis h3 {
background-image: url(../images/titre_reception_colis.gif);
margin-left: 10px;
width: 86px;
}

#etude_spectro h3 {
background-image: url(../images/titre_etude_spectro.gif);
width: 121px;
}

#essais h3 {
background-image: url(../images/titre_essais.gif);
margin-left: 20px;
width: 55px;
}

#teintures h3 {
background-image: url(../images/titre_teintures.gif);
margin-left: 15px;
width: 74px;
}

#echantillonnages h3 {
background-image: url(../images/titre_echantillonnages.gif);
width: 110px;
}

#final h3 {
background-image: url(../images/titre_final.gif);
margin-left: 25px;
width: 51px;
}


/*		contactez_nous		*/

#contactez_nous {
margin: 0 0 20px 0;
overflow: hidden;
padding: 0px 20px 0 0;
position: relative;
}

#contactez_nous img {
float:left;
margin:0 30px 200px 0;
}

#contactez_nous h2 {
margin: 20px 0  10px 250px;
}

#contactez_nous span {
display: block;
margin-bottom: 13px;
}

#contactez_nous input , #contactez_nous select{
color: #4D4D4D;
float: right;
vertical-align: middle;
width: 160px;
}

#contactez_nous input {
padding: 3px 0 0 3px;
height: 18px;
line-height: 14px;
}

#contactez_nous textarea{
color: #4D4D4D;
float: right;
height: 230px;
line-height: 14px;
width: 180px;
}

.formulaire_contact {
float: left;
margin-right: 40px;
position: relative;
width: 250px;
}

#contactez_nous input.envoyer {
background: white url(../images/envoyer.jpg) no-repeat;
bottom: -40px;
height: 30px;
position: absolute;
right: 0;
text-indent: -9999px;
width: 50px;
cursor:pointer;
}

#obligatoire {
font-size: 0.8em;
}

/*	sidebar	*/

#sidebar {
float: right;
margin-top: 20px;
width: 180px;
}

#sidebar #nav {
margin-top: 5px; 
}

#processus_fab, #materiel, #plus_info {
display: block;
text-indent: -9999px;
width: 135px;
}

a#processus_fab {
background-image: url(../images/processus_fab.png);
height: 45px;
}

a#materiel {
background-image: url(../images/materiel.png);
height: 56px;
}

a#plus_info {
background-image: url(../images/plus_info.png);
height: 45px;
}



/*------------------------------------------- */
/*				    FOOTER	  				  */
/*------------------------------------------- */


#footer{
color: white;
text-align: center;
}

#footer a {
color: white;
}

#footer_nav {
margin: auto;
width: 650px;
} 

#footer_nav li {
margin-right: 3px;
}

#footer_nav li a:hover {
text-decoration: underline;
}

a#logo_be_seen {
background-image: url(../images/logo_be_seen.png);
display: block;
height: 25px;
margin: auto;
text-indent: -9999px;
width: 85px;
}


/*------------------------------------------- */
/*				    CUSTOM	  				  */
/*------------------------------------------- */


.ml {
margin-left:255px;
}


.italic {
font-style: italic;
}
.uppercase {
text-transform: uppercase;
}

.fl {
float: left;
margin-left: 0;
}

.fr {
float: right;
}

.last {
margin: 0px;
}


/*	mentions légales	*/

#legal {
margin: 0 0 20px 0;
overflow: hidden;
padding: 0px 20px 0 0;
position: relative;
}

#legal img {
float:left;
margin:0 30px 200px 0;
}

#legal h2 {
margin: 20px 0  10px 0;
}

.mentions_legales{
float:left;
width:500px;
text-align:justify;
}