/************************************************************************************************/
/*ENSEMBLE DE LA PAGE*/
/************************************************************************************************/
body {margin-top:0; margin-bottom:0; background-image:url("/images/Strilles.jpg"); font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#000000;}
form, input, textarea, select, p, div, ul, li, table, tr, td, label {margin:0; padding:0;}
a img {border:0;}

h1 {margin:20px 0; padding:0; font-size:18pt; font-weight:bold;}
h2 {margin:0; padding:0; font-size:8pt; font-weight:bold;}

/************************************************************************************************/
/*CONTENEURS*/
/************************************************************************************************/
#global {margin:auto; width:940px; background-color:#000000;}
#entete {position:relative; width:940px; height:110px;}
#logotype {display:block; position:absolute; top:10px; left:20px; width:239px; height:56px; background-image:url("/images/Logotype.jpg"); background-repeat:no-repeat;}

#langue {overflow:hidden; position:absolute; top:5px; right:20px;}
#langue p {float:left; margin:0 5px;}

#slogan {overflow:hidden; width:450px; position:absolute; top:30px; left:270px; text-align:center;}
#slogan p {color:#FFFFFF; font-family:arial; font-size:13px; margin:0; padding:0; font-weight:bold;}

#rechercher {overflow:hidden; position:absolute; top:30px; right:20px; height:28px; background-image:url("/images/Fond_rouge.jpg");}
#rechercher p {float:left; margin:4px;}

#menu {position:absolute; top:80px; left:22px; width:919px; font-size:13px;}
#menu ul {overflow:hidden; list-style-type:none;}
#menu li {float:left; display:block; padding:0 9px 0 9px; background-image:url('/images/Separation.jpg'); background-repeat:no-repeat; background-position:right;}

#contenu {overflow:hidden; clear:both; margin:0 0 20px 22px; width:940px;}
#contenu2 {overflow:hidden; clear:both; margin:0 0 20px 22px; width:900px; background-image:url("/images/Fond_contenu.jpg"); background-repeat:repeat-y;}
#contenu3 {overflow:hidden; clear:both; margin:0 0 20px 22px; width:900px; background-color:#FFFFFF;}

.accordion {margin:0; padding:0; list-style-type:none;}
.accordion_a {display:block; position:relative; height:383px; width:709px; text-decoration:none;}
.accordion_div {position:absolute; bottom:15px; left:6px;}

#nouveaute {overflow:hidden; position:relative; float:left; margin:13px 19px 0 0; width:653px; height:284px; background-image:url("/images/Nouveaute.jpg"); background-repeat:none;}
.nouveaute_contenu {overflow:hidden; position:absolute; width:653px; height:264px; top:20px; left:0; float:left; color:#FFFFFF;}
.nouveaute_contenu span {font-weight:bold; font-size:16px; color:#CC0000;}
.nouveaute_image {float:left; width:250px;height:250px; margin:0 20px 10px 20px; background-repeat:no-repeat;}

#nouveaute_1 {z-index:9999;position:relative;float:right; margin-top:5px; background-image:url('/images/Nouveaute_selected.jpg'); background-repeat:no-repeat; width:21px; height:34px; cursor:pointer; padding:6px 0 0 11px; font-size:16px; font-weight:bold; color:#FFFFFF;}
#nouveaute_2 {z-index:9999;position:relative;float:right; margin-top:5px; background-image:url('/images/Nouveaute_notselected.jpg'); background-repeat:no-repeat; width:21px; height:34px; cursor:pointer; padding:6px 0 0 11px; font-size:16px; font-weight:bold; color:#000000;}
#nouveaute_3 {z-index:9999;position:relative;float:right; margin-top:5px; background-image:url('/images/Nouveaute_notselected.jpg'); background-repeat:no-repeat; width:21px; height:34px; cursor:pointer; padding:6px 0 0 11px; font-size:16px; font-weight:bold; color:#000000;}
#nouveaute_4 {z-index:9999;position:relative;float:right; margin-top:5px; background-image:url('/images/Nouveaute_notselected.jpg'); background-repeat:no-repeat; width:21px; height:34px; cursor:pointer; padding:6px 0 0 11px; font-size:16px; font-weight:bold; color:#000000;}
.nouveaute_plus {overflow:hidden; position:absolute; bottom:4px; right:37px;}
.nouveaute_plus_gauche {float:left; background-image:url('/images/Nouveaute_gauche.jpg'); background-repeat:no-repeat; width:13px; height:25px;}
.nouveaute_plus_centre {float:left; background-image:url('/images/Nouveaute_centre.jpg'); background-repeat:repeat-x; height:25px; padding-top:3px;}
.nouveaute_plus_centre a {color:#FFFFFF; text-decoration:none;}
.nouveaute_plus_centre a:hover {color:#FFFFFF; text-decoration:underline;}
.nouveaute_plus_droite {float:left; background-image:url('/images/Nouveaute_droite.jpg'); background-repeat:no-repeat; width:13px; height:25px;}


#catalogue_grand {float:left; margin:13px 0 0 0; width:227px; height:284px; background-image:url('/images/Catalogue_grand.jpg'); display:block; position:relative; text-decoration:none; color:#FFFFFF;}
#catalogue_grand_texte {position:absolute; left:50px; top:10px;}
#catalogue_grand_texte p {font-family:arial; font-size:16px;}
#catalogue_grand_texte span {font-weight:bold;}

#catalogue_petit {float:right; width:194px; height:46px; margin:0 0 0 50px; background-image:url('/images/Catalogue_petit.gif'); display:block; position:relative; text-decoration:none; color:#FFFFFF;}
#catalogue_petit_texte {position:absolute; left:50px; top:7px;}
#catalogue_petit_texte p {font-family:arial; font-size:14px;}
#catalogue_petit_texte span {font-weight:bold;}
#catalogue_petit_texte a {text-decoration:none;color:#FFFFFF;}

#pied {position:relative; width:940px; height:40px;}

#copyright {position:absolute; top:0; left:20px; color:#CCCCCC;}
/*#pied {overflow:hidden; clear:both; width:940px; height:40px; border:1px solid white;}*/
/*#copyright {float:left; margin:5px 0 0 22px; height:28px; color:#CCCCCC;}*/

#carte {margin:auto; width:775px;}

#newsletter {position:absolute; top:0; right:20px; height:28px; background-image:url("/images/Fond_gris.jpg"); color:#FFFFFF;}
/*#newsletter {overflow:hidden; float:right; margin:0 20px 0 0; padding-right:5px; height:28px; background-image:url("/images/Fond_gris.jpg"); color:#FFFFFF;}*/
#newsletter p {float:left; margin:4px;}

#gauche {overflow:hidden; float:left; width:656px; background-repeat:no-repeat; background-position:top left;}
#droite {overflow:hidden; float:left; width:244px; background-repeat:no-repeat; background-position:top;}
#centre {overflow:hidden; width:900px; background-repeat:no-repeat;}

#chemin {margin:22px 0 0 10px; height:28px; background-image:url("/images/Puce.jpg"); background-repeat:no-repeat; background-position:left;}
#chemin p {padding:5px 0 0 40px; font-weight:bold; color:#FFFFFF;}

#colonne_gauche {overflow:hidden; float:left; padding:0 0 10px 20px; width:404px;}
#colonne_gauche2 {overflow:hidden; float:left; padding:10px 0 20px 20px; width:620px;}
#colonne_droite {float:right; width:210px; }
#colonne_droite2 {float:right; width:240px; margin-right:20px;}
#colonne_centre {overflow:hidden; clear:both; padding:60px 30px;}

#colonne_centre_produit {overflow:hidden; clear:both; padding:10px 30px;}

#colonne_centre ul {float:left; list-style-type:none; list-style-position:outside;}
#colonne_centre li {display:block; margin:0 60px 10px 0; padding:0 0 0 20px; background-repeat:no-repeat; background-position:left;}
#colonne_centre2 {overflow:hidden; clear:both; padding:60px 30px;}

#icones {overflow:hidden; margin:auto;}
#icones p {float:left; margin:0 10px;}

#documentation {width:600px; margin:auto; overflow:hidden;}

#actualite {width:840px; margin:auto; overflow:hidden;}

#menu_presentation {padding:80px 0 0 10px;}
#colonne_centre_presentation {overflow:hidden; clear:both; padding:30px 20px;}




/************************************************************************************************/
/*LIENS ET TEXTES*/
/************************************************************************************************/
.lien_menu {text-transform:uppercase; font-weight:bold; text-decoration:none; color:#FFFFFF;}
.lien_menu:hover {text-decoration:underline;}

.lien_chemin {font-weight:bold; text-decoration:none; color:#FFFFFF;}
.lien_chemin:hover {text-decoration:underline;}

.lien_chemin_presentation {font-weight:bold; text-decoration:none; color:#000000;}
.lien_chemin_presentation:hover {text-decoration:underline;}
/*
.lien_cadre {float:left; padding:1px 15px; background-color:#FFFFFF; font-weight:bold; text-decoration:none; color:#FFA800; border:solid 1px #000000; border-bottom:0; cursor:pointer;}
.titre_cadre {float:left; padding:1px 15px; background-color:#414141; font-weight:bold; text-decoration:none; color:#FFFFFF; border:solid 1px #000000; border-bottom:0; cursor:pointer;}
*/
.lien_cadre {float:left; padding:1px 15px; background-color:#FFFFFF; font-weight:bold; text-decoration:none; color:#000000; border:solid 1px #000000; border-bottom:0; cursor:pointer;}
.titre_cadre {float:left; padding:1px 15px; background-color:#e60003; font-weight:bold; text-decoration:none; color:#FFFFFF; border:solid 1px #000000; border-bottom:0; cursor:pointer;}



.lien_fiche {display:block;  margin:10px 0 0 0; text-decoration:none; color:#000000;}
.lien_fiche:hover {text-decoration:underline;}

.lien_courant {text-decoration:none; color:#000000;}
.lien_courant:hover {text-decoration:underline;}

.lien_produits {text-decoration:none; font-weight:bold;font-size:10pt;}
.lien_produits:hover {text-decoration:underline;}

.lien_produits2{text-decoration:none; font-weight:bold;}
.lien_produits2:hover{text-decoration:underline;}

.lien_pied {text-decoration:none; color:#CCCCCC;}
.lien_pied:hover {text-decoration:underline;}

.lien_documentation {text-decoration:none; color: #000000;}
.lien_documentation:hover {text-decoration:underline;}

.lien_nouveautes {text-decoration:none; font-weight:bold; color:#FFFFFF;}
.lien_nouveautes:hover {text-decoration:underline;}

/************************************************************************************************/
/*DIVERS*/
/************************************************************************************************/
.lesplus {margin:20px 0 0 0; padding:57px 0 0 10px; width:394px; background-image:url("/images/Lesplus.jpg"); background-repeat:no-repeat; background-position:top left;}

.description {margin:20px 0 0 0; width:404px;}

.tableau {margin:10px 0 0 0; width:615px; overflow:hidden; border:solid 1px black;}
.tableau table {font-size:8pt;}
.tableau th {padding:2px; font-weight:bold; text-align:center; border-bottom:solid 1px white; border-right:solid 1px #000000; white-space:nowrap; color:#FFA800;}
.tableau td {padding:2px; white-space:nowrap; text-align:center; border-right:solid 1px #000000}

.attributs {overflow-x:auto;overflow-y:hidden; float:left; width:565px;}
.attributs table {width:565px; padding:5px 0 5px 5px;}

.references {float:left; width:50px;}
.references table {width:50px; padding:5px 5px 5px 0;}
.references th, .references tr td {border-right:none; border-left:1px solid black;}
.references span {font-weight:bold;}

.cadre {margin:30px 0 0 0; width:600px; font-size:8pt;}
.cadre_titre {overflow:hidden; width:600px;}
.cadre_titre_recherche {overflow:hidden; width:600px; margin-left:-10px;}
.cadre_contenu {padding:5px; width:600px; border:solid 1px #000000;}
.cadre_contenu div {overflow:hidden; margin:5px; padding:5px; width:580px; border:solid 1px #000000;}
.cadre_contenu_recherche {padding:5px; width:607px; border:solid 1px #000000; margin-left:-10px;}
.cadre_gauche {float:left; width:70px;}
.cadre_droite {float:left; width:400px;}

.miniature {margin:1px 0 20px 0; width:200px;}
.miniature_haut {width:200px; height:13px; background-image:url("/images/Miniature_haut.jpg"); background-repeat:no-repeat;}
.miniature_centre {width:200px; background-image:url("/images/Miniature_centre.jpg"); background-repeat:repeat-y;}
.miniature_centre p {padding:5px 0; font-size:8pt; text-align:center;}
.miniature_bas {width:200px; height:13px; background-image:url("/images/Miniature_bas.jpg"); background-repeat:no-repeat;}

.miniature_haut_mini {width:60px; height:5px; background-image:url("/images/Miniature_haut_mini.jpg"); background-repeat:no-repeat;}
.miniature_centre_mini {width:60px; background-image:url("/images/Miniature_centre_mini.jpg"); background-repeat:repeat-y;}
.miniature_bas_mini {width:60px; height:5px; background-image:url("/images/Miniature_bas_mini.jpg"); background-repeat:no-repeat;}


.conteneur_mini{float:left;margin-left:3px;}


.miniature2 {margin:30px 0 20px 0; width:240px;}
.miniature_haut2 {width:240px; height:13px; background-image:url("/images/Miniature_haut2.jpg"); background-repeat:no-repeat;}
.miniature_centre2 {width:240px; background-image:url("/images/Miniature_centre2.jpg"); background-repeat:repeat-y;}
.miniature_centre2 p {padding:5px 0; font-size:8pt; text-align:center;}
.miniature_bas2 {width:240px; height:13px; background-image:url("/images/Miniature_bas2.jpg"); background-repeat:no-repeat;}


.petitbloc {margin:30px 0 20px 25px; width:200px;}
.region {overflow:hidden; margin:auto; padding:10px 0 10px 0; width:775px; text-align:center;}
.region p {display:inline; margin:0 10px 0 0;}

.grand_tableau {margin:auto; width:775px; font-size:8pt;}
.grand_tableau td {height:50px; padding:0 5px 0 5px; margin-bottom:2px;}
.grand_tableau th {height:20px; text-align:center; color:#CC0000; margin-bottom:2px;font-size:10pt;}

.sousmenu {margin:100px 0 20px 5px; width:234px;}
.sousmenu_ligne {overflow:hidden; width:234px; white-space:nowrap; background-position: top left; background-repeat: no-repeat;}
.sousmenu_ligne p {padding:5px 0 0 12px; font-size:8pt; color:#CCCCCC; cursor:pointer; height:18px;}
.sousmenu_ligne a:hover, .sousmenu_ligne p:hover {color:#FFFFFF;}
.sousmenu_ligne2 {width:205px; height:23px; padding-left:25px; background-position: left; background-repeat: no-repeat;}
.sousmenu_ligne2 a {font-size:8pt; color:#CCCCCC; cursor:pointer; text-decoration:none; display:block; padding-top:5px;}
.sousmenu_ligne2 a:hover {color:#FFFFFF;}

.sousmenu_produit {margin:10px 0 20px 5px; width:830px;}
.sousmenu_ligne_produit {overflow:hidden; width:830px; white-space:nowrap; background-position: top left; background-repeat: no-repeat;}
.sousmenu_ligne_produit td {font-size:12pt; color:#CCCCCC;}
.sousmenu_ligne_produit p {padding:5px 0 0 12px; font-size:12pt; color:#CCCCCC; cursor:pointer; height:60px;}
.sousmenu_ligne_produit a:hover, .sousmenu_ligne p:hover {color:#FFFFFF;}
.sousmenu_ligne2_produit {position:relative;width:750px; height:23px; padding-left:25px; background-position: left; background-repeat: no-repeat;}
.sousmenu_ligne2_produit a {font-size:8pt; margin-left:100px;color:#CCCCCC; cursor:pointer; text-decoration:none; display:block; padding-top:5px;}
.sousmenu_ligne2_produit a:hover {color:#FFFFFF;}



.colonne_ligne {overflow:hidden; width:840px; margin:0 0 20px 0;}
.colonne_ligne_gauche {float:left; margin:0 10px 0 0; width:80px;}
.colonne_ligne_droite {float:left; width:750px;}
.colonne_ligne_gauche2 {float:left; width:695px;}
.colonne_ligne_droite2 {float:left; width:135px; margin-left:10px;}

.produits {margin:0 0 10px 0; width:605px; background-repeat:repeat-x; background-position:bottom; border:solid 1px #000000;}
.produits_haut {overflow:hidden; margin:5px;}
.produits_haut_gauche {float:left; margin:0 10px 0 0; width:80px;}
.produits_haut_droite {float:left; width:450px;}
.produits_bas {overflow:hidden;}
.produits_bas_gauche {float:left; margin:0 0 0 60px; font-size:8pt;}
.produits_bas_droite {float:right; margin:0 5px 5px 0;}

.bouton {display:block; padding:2px 10px; background-image:url("/images/Fond_rouge.jpg"); background-repeat:no-repeat; text-decoration:none; font-size:8pt; color:#FFFFFF; text-align:center;}


.form_ligne {overflow:hidden; margin:0 0 5px 0;}
.form_ligne p {float:left;}
.form_ligne_textarea {width:435px;}
.form_gauche {float:left; padding:0 0 0 15px; width:120px; height:19px; background-image:url("/images/Fleche_contact.jpg"); background-repeat:no-repeat;}
.form_droite {margin:0 10px 0 0; width:145px;}
.form_droite_text {width:141px;}

.contact {border:1px dotted #E10000; padding:20px;}
.contact_legende {font-weight:bold; font-size:14px; color:#E10000;}

#form_contact {margin-top:-25px;background-image:url('/images/fond_contact.jpg');background-repeat:repeat-x;height:540px;width:645px;padding-left:15px;padding-bottom:5px;}
.contact_titre {color:#e60003;font-weight:bold;font-size:12pt;}

.contact_div {overflow:hidden; margin-bottom:10px;}
.contact_div p {clear:both;}
.contact_input1 {height:18px; border:none; background-color:#FFFFFF; color:#000000; font-size:12px; font-family:arial;}
.contact_input2 {height:18px; border:none; background-color:#FFFFFF; color:#000000; font-size:12px; font-family:arial; margin-left:20px;}
.contact_label1 {display:block; float:left;color:#FFFFFF;}
.contact_label2 {display:block; float:left; margin-left:20px;color:#FFFFFF;}
.contact_label_requis {font-weight:bold; color:#E10000;}
.contact_remarque {font-style:italic; font-size:11px; color:#999999; padding:5px;}
.contact_textarea {width:624px; height:120px; font-size:12px; font-family:arial; background-color:#FFFFFF; color:#000000; border:none;}
.contact_erreur {display:none; width:624px; margin-bottom:10px; background-color:#E10000; color:#FFFFFF; border:1px solid #DDDDDD;}
.contact_erreur p {padding:5px 5px 5px 25px; background-image:url('/images/error.gif'); background-repeat:no-repeat; background-position:5px center;}
#contact_message_retour {display:none; border:1px solid #DDDDDD; margin-bottom:30px;}
#contact_message_retour p {padding:5px 5px 5px 25px; background-repeat:no-repeat; background-color:#FFFFCC; background-position:5px center;}
.contact_message_retour_ok {background-image:url('/images/tick.gif');}
.contact_message_retour_nok {background-image:url('/images/delete.gif');}
/*.contact {margin:30px 0 0 40px; padding:20px; width:730px; border:solid 2px #E10000; background-image:url("/images/Contact.jpg"); background-repeat:no-repeat; background-position:top right;}*/

.reflinks{color: #cccccc; text-decoration: none;}

.documentation_cellule {float:left; margin:10px;}

.actualite_cellule {margin:10px; width:800px;}
/*.actualite_cellule {float:left; margin:5px; width:200px; text-align:center;}*/


.nouveau { text-align:center; background-image:url('/images/nouveau.jpg'); background-repeat:no-repeat; background-position:center top; width:200px; padding-top:52px; margin-left:5px;}
.nouveau_titre {font-weight:bold; font-size:10px; color:#FFA800;}
.nouveau2 { float:left;text-align:center; background-image:url('/images/nouveau_mini.jpg'); background-repeat:no-repeat; background-position:center top; width:50px; padding-top:32px;margin-left:5px;}