/* ----------------------------- */
/*          SANTECO V 1.0        */
/* ----------------------------- */



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


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

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

body {
background-image:url(../images/BG_green.jpg);
background-attachment: fixed;
background-color: #8daa21;
background-position: center top;
background-repeat: no-repeat;
color: white;
font-size: 12px;
font: normal 0.7em "helvetica", "Arial",  sans-serif;
height: 100%;
line-height:1.5em;
margin: 0;
max-height:100%;
}

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;
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 2em;
font-weight: normal;
}

h3 {
font-size: 1.40em;
margin-bottom: 5px;
}

h4 {
font-size: 1.20em;
}

blockquote {
font-size: 1.5em;
}

input {
font-size: 1.0em;
}

small {
font-size: 0.75em;
}


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

#container {
margin: auto;
overflow: hidden;
position: relative;
width: 860px;
}

/* ----------------------------- */
/*			  HEADER			 */
/* ----------------------------- */
#seo_header { display: block; padding: 5px; color: #779613; text-align:center; clear:both; }
#seo_header a { color: #779613; text-decoration: none; }
#seo_header a:hover { color: #779613; text-decoration: underline; }

#header {
background-image: url(../images/header.gif);
height: 127px;
margin-bottom: 15px;
position: relative;
width: 864px;
}

#logo_santeco img{
width:181px;
height:80px;
margin:28px 0 0 12px;
/*left: 12px;
display: block;
background-image: url(../images/logo_santeco.jpg);
background-repeat: no-repeat;
position: absolute;
text-indent: -9999px;
top:28px;
*/
}


/*	navbar	  */

#navbar {
background-image: url(../images/menu.gif);
background-repeat: no-repeat;
height: 37px;
right: 2px;
position: absolute;
text-indent: -9999px;
top:63px;
width: 555px;
}

#navbar li {
float: left;
}

#navbar li a {
display: block;
height: 37px;
line-height: 37px;
width: 117px;
}

#navbar li a#prestations {
background-image: url(../images/menu.gif);
width: 117px;
}

#navbar li a:hover#prestations {
background-position: 0 37px;
}

#navbar li a#prestations_select {
background-image: url(../images/menu.gif);
width: 117px;
background-position: 0 37px;
}

#navbar li a#produits {
background-image: url(../images/menu.gif);
background-position: -117px 0;
width: 87px;
}

#navbar li a:hover#produits {
background-position: -117px 37px;
}

#navbar li a#produits_select {
background-image: url(../images/menu.gif);
width: 87px;
background-position: -117px 37px;
}

#navbar li a#legislation {
background-image: url(../images/menu.gif);
background-position: -204px 0;
width: 105px;
}

#navbar li a:hover#legislation {
background-position: -204px 37px;
}

#navbar li a#legislation_select {
background-image: url(../images/menu.gif);
width: 105px;
background-position: -204px 37px;
}

#navbar li a#nos_engagements {
background-image: url(../images/menu.gif);
background-position: -309px 0;
width: 155px;
}

#navbar li a:hover#nos_engagements {
background-position: -309px 37px;
}

#navbar li a#nos_engagements_select {
background-image: url(../images/menu.gif);
width: 155px;
background-position: -309px 37px;
}

#navbar li a#contact {
background-image: url(../images/menu.gif);
background-position: -464px 0;
width: 91px;
}

#navbar li a:hover#contact {
background-position: -464px 37px;
}

#navbar li a#contact_select {
background-image: url(../images/menu.gif);
width: 91px;
background-position: -464px 37px;
}

/*	Fin navbar	  */


/* ---------------------------------------------------------------------------- */
/*									CONTENT										*/
/* ---------------------------------------------------------------------------- */

#content {
position: relative;
}

#intro_accueil {
background-image:url(../images/intro_accueil.gif);
height:41px;
margin-bottom: 20px;
text-indent: -9999px;
width:684px;
}

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

#etapes li {
display: inline;
}

#etapes a{
float: left;
height:214px;
margin-right: 8px;
/*text-indent: -9999px;*/
width:209px;
}

#etapes a#collecte {
background-image: url(../images/illus_collecte.gif);
}

#etapes a#transport {
background-image: url(../images/illus_transport.gif);
text-indent: -9999px;
}

#etapes a#elimination {
background-image: url(../images/illus_elimination.gif);
}

#etapes a#tracabilite {
background-image: url(../images/illus_tracabilite.gif);
margin-right: 0;
}

#notre_metier{
clear:left;
margin-top:35px;
}

#notre_metier img {
float: right;
margin: 0 100px;
}

/*	prestations	  */

#convention {
position: relative;
}

#convention h2 {
font-size: 1.5em;
}

#convention h2, #convention h2, #convention p{
margin-right: 400px;
}

#convention img {
float: right;
margin-left:30px;
}

h2#intro_prestations {
background-image: url(../images/intro_prestations.png);
height: 41px;
margin-bottom: 20px;
text-indent: -9999px;
width: 339px;
}

h3 {
color: #58721d;
font-size: 1.30em;
font-weight: normal;
}

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

/*#prestations_etapes li {
background-repeat: no-repeat;
float: left;
margin-right: 2px;
padding: 20px 2% 10px 12%;
width: 35%;
}*/

#prestations_etapes li {
background-repeat: no-repeat;
float: left;
margin-right: 2px;
padding: 20px 20px 10px 110px;
width: 298px;
}

#prestations_etapes h2 {
font-size: 1.6em;
font-weight: normal;
line-height: 1.2em;
text-align: right; 
}

#prestations_etapes p {
line-height: 1.3em;
}

#prestations_etapes li#containers {
background-image: url(../images/1_containers.gif);
}

#prestations_etapes li#collecte {
background-image: url(../images/2_collecte.gif);
}

#prestations_etapes li#transport {
background-image: url(../images/3_transport.gif);
}

#prestations_etapes li#elimination {
background-image: url(../images/4_elimination.gif);
}

#prestations_etapes li#tracabilite {
background-image: url(../images/5_tracabilite.gif);
clear: left;
}

h2#sourire_gratuit {
bottom: 30px;
position: absolute;
right: 0;
width: 375px;
}

/*  Fin prestations  */

/*  produits  */

h2#intro_produits {
background-image: url(../images/intro_produits.png);
height: 63px;
margin-bottom: 20px;
text-indent: -9999px;
width: 807px;
}

#presentation_produits {
margin-bottom: 40px;
}

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

#presentation_produits li {
background-repeat: no-repeat;
color: #6a6a6a;
float: left;
height: 75px;
margin-right: 10px;
padding: 164px 40px 15px 15px;
width: 225px;
}

#presentation_produits li p, #presentation_produits h3 {
line-height: 1.2em;
}

#presentation_produits h3 {
color: #90aa21;
font-size: 1.2em;
text-transform: uppercase;
}

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

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

li#fut_polyethylene {
background-image: url(../images/fut_polyethylene.gif);
margin-right: 0;
}

p.explication {
width: 560px;
}

/* Fin produits  */


/* legislation  */

#legislation_DASRI {
margin-bottom: 20px;
}

#legislation_DASRI a {
color: white;
font-weight: bold;
}

#legislation_DASRI a:hover {
text-decoration: underline;
}

/*
#legislation_DASRI img {
float: left;
margin-right: 30px;
}

#legislation_DASRI h3 {
margin-top: 15px;
}

#legislation_DASRI h3, #legislation_DASRI ul, #legislation_DASRI p {
margin-left: 326px;
}
*/
#intro_legislation {
background-image: url(../images/intro_legislation.png);
height: 45px;
margin-bottom: 20px;
text-indent: -9999px;
width: 527px;
}

#filiere_elimination {
clear: left;
margin-bottom: 20px;
overflow: hidden;
position: relative;
}

#filiere_elimination span {
display: block;
}

#filiere_elimination h2 {
font-size: 1.5em;
margin-bottom: 15px;
}

#filiere_elimination ul{
float: left;
margin-right: 1px;
width: 428px;
}

#filiere_elimination h3{
cursor:pointer;
}

#filiere_elimination h3#tri_dechets {
background-image: url(../images/tri_dechets.jpg);
height: 52px;
text-indent: -9999px;
}

#filiere_elimination h3#delais_stockage {
background-image: url(../images/delais_stockage.jpg);
height: 52px;
text-indent: -9999px;
}

#filiere_elimination h3#transport {
background-image: url(../images/transport.jpg);
height: 52px;
text-indent: -9999px;
}

#filiere_elimination h3#conditionnement {
background-image: url(../images/conditionnement.jpg);
height: 52px;
text-indent: -9999px;
}

#filiere_elimination h3#traitement {
background-image: url(../images/traitement.jpg);
height: 52px;
text-indent: -9999px;
}

#filiere_elimination h3#tracabilite {
background-image: url(../images/tracabilite.jpg);
height: 52px;
text-indent: -9999px;
}

.toggle_container {
padding: 0 10px 0 15px;
}

/* Fin legislation  */



/* nos engagements  */

h2#intro_engagements {
background-image:url(../images/intro_engagements.png);
height:45px;
margin-bottom: 20px;
text-indent: -9999px;
width:225px;
}

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

#valeurs li{
float: left;
height:128px;
margin-right: 9px;
text-indent: -9999px;
width: 208px;
}

#valeurs li#proximite {
background-image:url(../images/proximite.gif);
}

#valeurs li#flexibilite {
background-image:url(../images/flexibilite.gif);
}

#valeurs li#rigueur {
background-image:url(../images/rigueur.gif);
}

#valeurs li#fiabilite {
background-image:url(../images/fiabilite.gif);
margin-right: 0px;
}

#discours {
background-image: url(../images/separation.gif);
background-position: top;
background-repeat: no-repeat;
padding: 30px 40px 0 0;
}

#discours h2 {
font-size: 1.5em;
margin-bottom: 20px;
}

#discours img {
float: left;
margin: 0 50px 0 70px;
}

/* Fin nos engagements  */


/* contact  */

h2#intro_contact {
background-image:url(../images/intro_contact.png);
height:45px;
margin-bottom: 20px;
text-indent: -9999px;
width:268px;
}

.formulaire_contact {
float: left;
margin: 0 30px 20px 0;
width: 315px;
position: relative;
}

.contact h3 {
margin-bottom: 10px;
}

.formulaire_contact span {
display: block;
margin-bottom: 13px;
}

.formulaire_contact input {
float: right;
height:20px;
line-height:14px;
padding:3px 0 0 3px;
vertical-align:middle;
width:220px;
}

.formulaire_inscription input {
width:200px;
}

.formulaire_contact select {
float: right;
width:223px;
border:1px solid #FFF;
}

.formulaire_contact textarea {
float:right;
height:170px;
line-height:18px;
width:223px;
}

input.envoyer {
background-image: url(../images/bouton_envoyer.gif);
clear: right;
float:right;
height:25px;
margin-top: 8px;
text-indent:-9999px;
width:82px;
cursor:pointer;
}

#par_telephone {
clear: left;
margin-bottom: 30px;
}

/* Fin Contact  */





/*------------------------------------------- */
/*				    FOOTER	  				  */
/*------------------------------------------- */
#seo_footer { display: block; padding: 5px; clear:both; color: #ebffff; text-align:left; }
#seo_footer a { color: #ebffff; text-decoration: none; }
#seo_footer a:hover { color: #ebffff; text-decoration: underline; }

#footer {
clear: both;
margin: auto;
position: relative;
width: 860px;
}

#footer ul {
float: left;
width: 33%;
margin-right: 1px;
}

#footer ul#plan_du_site {
clear: left;
float: right;
width: 50%;
}

#footer li a, #footer li a:hover {
color: white;
padding-left: 10px;
}

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

#footer h2{
background-color: #779613;
font-size: 0.9em;
font-weight: normal;
line-height: 1em;
padding: 5px 0 5px 10px;
margin: 0 0 10px 0;
text-transform: uppercase;
}

#footer p {
padding-left:10px;
}

#footer img {
margin-right:10px;
}

a#logo_beseen {
background-image: url(../images/logo_beseen.jpg);
background-repeat: no-repeat;
display: block;
height:19px;
position: absolute;
right:20px;
text-indent: -9999px;
top: 30px;
width:67px;
}

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

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.last {
margin-right: 0;
}

.uppercase {
text-transform: uppercase;
}

.fr {
float: right;
}

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

tal {
text-align: left;
}

tar {
text-align: right;
}

tac {
text-align: center;
}