body {margin:0; padding:0; background:#f0ebe1 url('../interface/bg_body.png') repeat-x; font:0.8em "Trebuchet MS",Arial,Helvetica,sans-serif; color:#000;}

html {min-height:100%; margin-bottom:0.1em;}/* Firefox scrollbar fix */

h1 {display:none;}
h2 {font-size: 1.5em; 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; position:relative; width:980px; margin:0 auto; background:url('../interface/bg_conteneur.png') repeat-y;}



/* ENTETE */
#entete {height:210px; background:url('../interface/ban01.png') no-repeat;}
#entete a img {border:0;}

#entete_texte {}
#entete_texte ul {margin:0; padding:0; list-style:none;}
#entete_texte li {font:2em Arial; font-weight:bold; text-align:right; line-height:1;}
.couleur1 {color:#f8c699;}
.couleur2 {color:#ff6d02;}
.couleur3 {color:#ae44a9;}
/*
#entete_texte li {display:inline; margin-left:1em; background:#fff; font-size:1.2em; -moz-border-radius-bottomright:0.5em; -moz-border-radius-bottomleft:0.5em;}
#entete_texte li a {padding:0.5em; color:002c55; text-decoration:none; }
#entete_texte li a:hover {background:#ff6d02;}
*/

#entete_slogan {margin-top:6.3em; font-size:1.2em; color:#fff; line-height:1; text-align:right;}

a#entete_lien_accueil {position:absolute; left:600px; top:80px; width:400px; height:100px;}
.cache {text-indent:-5000px; font-size:0px; line-height:1px; text-decoration: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 {height:100px; background:url('../interface/chapeau.png') no-repeat;}
#chapeau p {margin:0; padding:2.5em; font:1.2em Georgia,"Trebuchet MS",Arial; color:#666; text-align:center;}
#chapeau p span {color:#999;}


/* CENTRE MAILING - POUR PHPLIST UNIQUEMENT */
#centre_mailing {margin:1em 0; padding:1em; background:#f0ebe1;}
#centre_mailing input[type=submit] {float:left; width:auto; padding:0.3em; background:#002c55; border:0.1em solid #002c55; color:#fff; font-weight:bold; cursor:pointer; -moz-border-radius:0.3em;}
#centre_mailing input[type=submit]:hover {background:#ae44a9; border:0.1em solid #ae44a9;}


/* MENU */
#menu {float:left; margin-top:1em;}
#menu ul {margin:0; padding:0; list-style:none;}

/* test autre menu
#menu li {display:block; margin-bottom:0.5em; background:#f0ebe1; font-size:3em; color:#002c55;}
#menu li a {text-decoration:none;}
#menu li a:hover {border-bottom:0.5em solid #ff6e02;}
*/
#menu li.accueil a, #menu li.accueil_select a, #menu li.produits a, #menu li.produits_select a, #menu li.references a, #menu li.references_select a, #menu li.propos a, #menu li.propos_select a, #menu li.contact a, #menu li.contact_select a {display:block; margin-bottom:1em; height:40px; color:#002c55;}
#menu li span {display:none;}

#menu li.accueil a {width:155px; background:url('../interface/menu_accueil.png') no-repeat top;}
#menu li.accueil a:hover {background-position:bottom;}
#menu li.accueil_select a {width:155px; background:url('../interface/menu_accueil.png') no-repeat bottom;}

#menu li.produits a {width:175px; background:url('../interface/menu_produits.png') no-repeat top;}
#menu li.produits a:hover {background-position:bottom;}
#menu li.produits_select a {width:175px; background:url('../interface/menu_produits.png') no-repeat bottom;}

#menu li.references a {width:205px; background:url('../interface/menu_references.png') no-repeat top;}
#menu li.references a:hover {background-position:bottom;}
#menu li.references_select a {width:205px; background:url('../interface/menu_references.png') no-repeat bottom;}

#menu li.propos a {width:175px; background:url('../interface/menu_propos.png') no-repeat top;}
#menu li.propos a:hover {background-position:bottom;}
#menu li.propos_select a {width:175px; background:url('../interface/menu_propos.png') no-repeat bottom;}

#menu li.contact a {width:155px; background:url('../interface/menu_contact.png') no-repeat top;}
#menu li.contact a:hover {background-position:bottom;}
#menu li.contact_select a {width:155px; background:url('../interface/menu_contact.png') no-repeat bottom;}


/* PIED */
#pied {margin:0; padding:0.5em; background:#ff6d02; color:#000;}
#pied img {float:left; margin:0.5em;}
#pied p {margin-top:0.5em; margin-left:16em;}
#pied p a:hover {background:#fff; text-decoration:none;}
#pied a {color:#000; text-decoration:none;}
#pied a:hover {text-decoration:underline;}
#pied ul {margin:0; padding:0; list-style:none;}
#pied li {display:inline; margin-right:0.5em; margin-left:0.5em;}

.pied_navigation {float:right;}
.pied_navigation a {padding:0.5em; background:#f0ebe1; -moz-border-radius-bottomright:0.5em; -moz-border-radius-bottomleft:0.5em;}

.pied_mentions {font-size:0.85em; color:#000; text-align:center;}
.pied_mentions a {}



/* 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 {margin-left:21em;}
.news_titre {float:left;}
.news_big {float:left; width:400px; height:400px; margin-right:0;}
.news_small {float:left; width:120px; height:120px; margin-bottom:1.4em; margin-left:1.4em; border:0.1em solid #4f044b;}
.news_small a span {position:absolute; visibility:hidden; width:120px; background:#fff; color:#002c55; font-size:1.2em; text-align:center;}
.news_small a:hover span {visibility:visible; /* IE */overflow:visible;}
.news_small img {width:120px; height:120px;}
#slideshow_news {float:left; width:400px; height:400px; background:#fff;}

#inscription_newsletter {width:150px; margin:3em 0 1em 1em; padding:0.3em; background:#fff; text-align:center; -moz-border-radius:1em;}


/* 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-left:230px; 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; width:50em; margin-bottom:1em; margin-left:1em; padding:1em; border:0.3em solid #ae44a9; background:#fff; -moz-border-radius:1em;}
.produits_liste li {display:inline;}
.produits_liste p {margin:0; padding:0;}

#produit_detail {float:right; margin-bottom:1em;}
#produit_detail_texte {float:right; width:24em; 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 {font-size:0.85em;}



/* 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 {height:4em; margin-left:200px; margin-bottom:1em; padding:1em; 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 {display:inline; margin-right:3em; padding:0.3em;}

#references_menu_secteur li.titre , #references_menu_secteur li.titre_select {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; margin-left:230px; 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 {float:left; width:9.9em; height:9.62em; margin-bottom:1em; margin-left:1em; background:#fff; border:0.1em solid #999; text-align:center;}
.references_clients_logo img {width:120px; height:100px;}
.references_clients_logo p {margin:0; padding:0.1em; background:#f0ebe1; border-top:0.1em solid #999; font-size:0.85em;}

#slideshow1 {float:left; width:402px; height:402px; margin-right:1em; background:#fff;} /* utilisé également pour la page produits */
.pics {overflow:hidden;}
.pics img {height:400px; width:400px; border:0.1em solid #999;}

#references_detail {float:right; margin-bottom:1em;}
#references_detail_texte {float:right; width:24em; 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  A PROPOS */
#apropos_clear {clear:both; margin:1em 0; padding:1em; border:0.5em solid #ae44a9; background:#fff url('../interface/bg_clear.png') repeat-x;}

#apropos {margin-left:320px; margin-bottom:1em; padding:1em; background:#ff6d02; -moz-border-radius-topright:1em; -moz-border-radius-bottomright:1em;}
#apropos ul {margin:0; padding:0; list-style:none;}
#apropos li {}



/* 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 {margin-left:230px; padding:1em; 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 {float:right; margin-bottom:1em;}

.plan {margin:0; padding:0;}
.plan a {padding:0 0.3em; border:none; background:#ae44a9; color:#fff; font-size:1.2em; text-decoration:none; -moz-border-radius:0.3em;}
.plan a:hover {color:#000;}

fieldset {float:left; width:425px; height:16em; margin:1em 1.5em 1em 0; padding:1em; background:#f0ebe1; border:0;}
fieldset p {margin:0;}

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

input[type=text] {display:block; 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] {float:right; width:auto; margin-right:2em; 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 {width:auto; margin-bottom:1em; border:0;}
textarea {display:block; width:400px; padding:0.3em; margin-bottom:1em; background:#fff; border:none; -moz-border-radius:0.3em;}
textarea:focus {background:#f5f5f5;}

.nom input, .societe input, .tel input, input.email {width:190px;}

.nom {float:left;}
.nom select {width:200px; margin-right:0.8em;}

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

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

input.email {float:left;}
.email_at {float:left; 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;}



/* PAGE MENTIONS */
#mentions {margin-left:230px; margin-bottom:1em; padding:1em; background:#f0ebe1; -moz-border-radius:1em;}



/* APPORTEURS */
#apporteurs {margin-left:230px; margin-bottom:1em; padding:1em; background:#f0ebe1; -moz-border-radius:1em;}


/* NEWSLETTER */
#texte_photo_newsletter {margin-left:450px;}