body {margin:0; padding:0; background:#f0ebe1; font:0.7em "Trebuchet MS",Arial,Helvetica,sans-serif; color:#000;}

h1 {font-size:1.5em; color:#fff;}
h2 {font-size:1.3em; font-weight:normal; color:#002c55; line-height:1;}
h3 {padding:0.3em; background:#f0ebe1; -moz-border-radius:0.3em; font-size: 1.2em; font-weight:normal; color:#002c55; line-height:1.1;}

p a {border-bottom:0.1em solid #4f044b; color:#4f044b; text-decoration:none;}
p a:hover {border:none; background:#ae44a9; color:#fff;}
ul li a {color:#4f044b;}

abbr {border:none;}

.hidden{display:none;}



/* CONTENEUR */
#conteneur {overflow:hidden; background:url('../interface/bg_conteneur.png') repeat-y;}



/* ENTETE */
#entete a img {display:none;}
#entete_texte {display:none;}
#entete_slogan {display:none;}
a#entete_lien_accueil {display:none;}



/* CENTRE */
#centre {margin-top:1em;}
#centre a img {border:0;}

div.hr {height:0; margin:1em 0; border:0; color:#fff; clear:both;}
div.hr hr {display:none;}

#chapeau {display:none;}



/* MENU */
#menu {margin:0.1em; padding:0.1em; background:#f0ebe1; font-size:1.2em;}
#menu ul {margin:0; padding:0; list-style:none;}




/* PIED */
#pied {display:none;}



/* PAGE ACCUEIL */
#accueil_clear {clear:both; margin:1em 0; padding:1em; border:0.5em solid #ae44a9; background:#fff url('../interface/bg_clear.png') repeat-x;}
#accueil_clear ul {margin:0; padding:0; list-style-image:url('../interface/puce01.png');}
#accueil_clear li {margin-left:3em;}
#accueil_clear ul li a:hover {background:#ae44a9; color:#fff; text-decoration:none;}

#news {display:none;}



/* PAGE NEWS */
/* CSS directement implémentées dans la page news.php */



/* PAGE PRODUITS */
#produits_clear {clear:both; margin:1em 0; padding:1em; border:0.5em solid #ae44a9; background:#fff url('../interface/bg_clear.png') repeat-x;}

#produits {margin-bottom:1em; padding:1em; background:#f0ebe1; -moz-border-radius:1em;}
#produits ul {margin:0; padding:0; list-style:none;}
#produits li {}
#produits li a {color:#002c55; text-decoration:none;}
#produits li a:hover {background:#ae44a9; color:#fff; text-decoration:none;}
.produits_liste {float:left; margin-bottom:1em; margin-left:1em; padding:1em; border:0.3em solid #ae44a9; background:#fff; -moz-border-radius:1em;}
.produits_liste li {}
.produits_liste p {margin:0; padding:0;}

#produit_detail {margin:1em;}
#produit_detail_texte {padding:1em; border:0.3em solid #ff6d02; background:#fff; -moz-border-radius:1em;}
#produit_detail_texte ul {margin:0; padding:0; list-style-image:url('../interface/puce01.png');}
#produit_detail_texte li {margin-left:3em;}
#produit_detail_texte p {margin-top:0;}

.produit_precedent {float:left; margin:0; padding:0; text-align:left;}
.produit_suivant {float:right; margin:0; padding:0; text-align:right;}
.produit_precedent a, .produit_suivant a {padding:0 0.3em; border:none; background:#f0ebe1; color:#4f044b; font-size:1.8em; text-decoration:none; -moz-border-radius:0.3em;}
.produit_precedent a:hover, .produit_suivant a:hover {color:#000; -moz-border-radius:0.3em;}

.produit_titre {color:#002c55; font-size:1.5em; text-align:center;}
.produit_famille a {color:#000;}
.produit_famille a:hover {border:none; color:#fff;}
.produit_listeclients_titre {margin:0; padding:0.3em; background:#f0ebe1; -moz-border-radius:0.3em; font-size:1.2em;}
.produit_listeclients li a {color:#4f044b;}
.produit_listeclients li a:hover {background:#ae44a9; color:#fff; text-decoration:none;}
.produit_client,.produit_client a {color:#002c55;}
.produit_descriptif {}



/* PAGE REFERENCES */
#references_clear {clear:both; margin:1em 0; padding:1em; border:0.5em solid #ae44a9; background:#fff url('../interface/bg_clear.png') repeat-x; color:#000;}

#references_menu_secteur {margin-bottom:1em; padding:0.3em; background:#4f044b; -moz-border-radius-topright:1em; -moz-border-radius-bottomright:1em;}
#references_menu_secteur a {text-decoration:none;}
#references_menu_secteur ul {margin:0.2em; padding:0.2em; list-style:none;}
#references_menu_secteur li {padding:0.3em;}

#references_menu_secteur li.titre , #references_menu_secteur li.titre_select {margin-bottom:0.3em; font-size:1.2em; font-weight:bold; -moz-border-radius:0.3em;}
#references_menu_secteur li.titre {background:#f0ebe1;}
#references_menu_secteur li.titre a {color:#ae44a9;}
#references_menu_secteur li.titre:hover{background:#fff;}
#references_menu_secteur li.titre a:hover{color:#4f044b;}
#references_menu_secteur li.titre_select {background:#fff;}

#references_menu_secteur li.sousmenu {margin-right:2em;}
#references_menu_secteur li.sousmenu a {color:#f0ebe1;}
#references_menu_secteur li.sousmenu a:hover {text-decoration:underline;}
#references_menu_secteur li.sousmenu_select {display:inline; margin-right:2em;}
#references_menu_secteur li.sousmenu_select a {color:#fff; font-weight:bold;}

#references_clients {margin-bottom:1em; padding:1em; background:#f0ebe1; -moz-border-radius:1em;}
#references_clients ul {margin:0; padding:0; list-style:none;}
#references_clients li {margin-right:1em;}
#references_clients li a {color:#333; text-decoration:none; border:none;}
.references_clients_logo {margin-bottom:1em; margin-left:1em; background:#fff;}
.references_clients_logo img {display:none;}
.references_clients_logo p {margin:0; padding:0.1em; background:#f0ebe1; border-top:0.1em solid #999; font-size:0.85em;}

#slideshow1 {width:201px; height:201px; margin-bottom:0.5em; background:#fff;} /* utilisé également pour la page produits */
.pics {overflow:hidden;}
.pics img {height:200px; width:200px; border:0.1em solid #999;}

#references_detail {margin:0.5em;}
#references_detail_texte {padding:1em; border:0.3em solid #ff6d02; background:#fff; -moz-border-radius:1em;}
#references_detail_texte ul {margin:0; padding:0; list-style-image:url('../interface/puce01.png');}
#references_detail_texte li {margin-left:3em;}
#references_detail_texte p {margin-top:0;}

.references_precedent {float:left; margin:0; padding:0; text-align:left;}
.references_suivant {float:right; margin:0; padding:0; text-align:right;}
.references_precedent a, .references_suivant a {padding:0 0.3em; border:none; background:#f0ebe1; color:#4f044b; font-size:1.8em; text-decoration:none; -moz-border-radius:0.3em;}
.references_precedent a:hover, .references_suivant a:hover {color:#000;}

.references_nomclient {color:#002c55; font-size:1.5em; text-align:center;}
.references_secteur,.references_secteur a {color:#002c55;}
.references_secteur a:hover {border:none; color:#fff;}
.references_titre {margin:0; padding:0.3em; background:#f0ebe1; -moz-border-radius:0.3em; font-size:1.2em;}
.references_produit li {color:#4f044b;}
.references_agence {margin:0; font-size:0.85em; color:#000;}
.references_descriptif {font-size:0.85em;}




/* PAGE CONTACT */
#contact_clear {clear:both; margin:1em 0; padding:1em; border:0.5em solid #ae44a9; background:#fff url('../interface/bg_clear.png') repeat-x; color:#000;}

#contact_infos {padding:0.5em; background:#f0ebe1; -moz-border-radius:1em;}
#contact_infos ul {list-style:none;}
#contact_infos li {display:inline; margin-right:1em;}
#contact_infos li a {text-decoration:none;}
#contact_infos li a:hover {background:#4f044b; color:#f0ebe1; text-decoration:none;}

.contact_plan {display:none;}

fieldset {padding:0.5em; background:#f0ebe1; border:0;}
fieldset p {margin:0;}

legend {font-weight:bold; color:#333366;}
label {margin-bottom:0.1em; font-size:0.85em;}

input[type=text] {padding:0.3em; margin-bottom:1em; background:#fff; border:none; -moz-border-radius:0.3em;}
input[type=text]:focus {background: #f5f5f5;}

input[type=submit], input[type=reset] {padding:0.3em; background:#002c55; border:0.1em solid #002c55; color:#fff; font-weight:bold; cursor:pointer; -moz-border-radius:0.3em;}
input[type=submit]:hover, input[type=reset]:hover {border:0.1em solid #ae44a9; background-color:#ae44a9; color:#fff;}

select {margin-bottom:1em; border:0; width:10em;}
textarea {display:block; width:10em; padding:0.3em; background:#fff; border:none; -moz-border-radius:0.3em;}
textarea:focus {background:#f5f5f5;}

.nom input, .societe input, .tel input, input.email {}

.nom {}
.nom select {margin-right:0.8em;}

.societe {}
.societe input {margin-right:0.8em;}

.tel {}
.tel input {margin-right:0.8em;}

input.email {}
.email_at {margin:0 0.2em;}

.champobligatoire {font-size:0.85em; color:#ff0000;}
.correct {border-bottom:0.1em solid #000;}
.incorrect {font-size:1.5em; color:#ff0000;}