@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Tahoma;
	font-size:12px;
}
a {
	outline:medium none;
	text-decoration:none;
}

/*-------------A COPIER DANS CSS/STYLE.CSS-----------------*/
a.info {position: relative;color: black;text-decoration: none;   }
a.info span {display: none; /* on masque l'infobulle */ }
a.info:hover {background: none; /* correction d'un bug IE */z-index: 500; /* on d?finit une valeur pour l'ordre d'affichage */cursor: help; /* on change le curseur par d?faut en curseur d'aide */ }
a.info:hover span {display: inline; /* on affiche l'infobulle */position: absolute;top: 30px; /* on positionne notre infobulle */left: 20px;    background:#f58c00;-moz-border-radius:5px; /* on arrondi les bords sous mozilla */color: #fff;padding: 5px;width:220px; } 
#nouveaute_elmnts{ width:250px; float:left;}
#diaporama{ height:286px; width:330px; float:left; margin-left:20px;}
#diaporama #gallery{ margin-top:10px;}
#contenu #presa1 #content { width:618px;}
#nouveaute_elmnts #titre_nouveaute{background:url(../images/h3_nouveaute.jpg); width:198px; height:109px; margin:0}
#nouveaute_elmnts #titre_nouveaute h3{display:none}
#nouveaute_elmnts #titre_produit{background:url(../images/h2_nouveaute.jpg); width:198px; height:36px; margin:20px 0 12px 0}
#nouveaute_elmnts #titre_produit h2{display:none}
#nouveaute_elmnts ul li{font-size:11px; color:#f58c00;}
#nouveaute_elmnts ul li img{margin-left:2px;}
#nouveaute_elmnts #download{ background:url(../images/icon_pdf.jpg) no-repeat scroll left center transparent; border:1px solid #D1D2D4; height:36px; width:250px; margin-top:17px;}
#nouveaute_elmnts #download p{color:#9D9D9D; font-size:12px; font-style:italic; margin-left:30px; margin-top:10px;}

#gallery img {border: none;}
#gallery_nav {float: right;width: 100px;text-align: center;}
#gallery_nav img { margin-bottom:3px;}
#gallery_output {float: left;width: 230px;height: 260px;overflow: hidden;}
#gallery_output img {display: block;}

/*------ surlignage du texte-----*/
::-moz-selection {
 background: #36c0cf;
 color: #fff;
}

::selection {
 background: #36c0cf;
 color:#fff;
}
ul, li {
	list-style-type:none;
}
img {
	border:none;
}
abbr, acronym {
border-bottom:1px dotted;
cursor:help;
font-size:11px;
}
hr{
border: none 0; 
border-top: 1px dashed #8a8a8a;
height: 1px;
margin:5px 0 10px 0;
}
.clear {
	clear:both;
	margin:0;
	padding:0;
}
#logo h1 {
background:url(../images/logo.jpg) repeat scroll 0 0 transparent;
height:110px;
margin:0 0 0 171px;
padding:0;
text-indent:-9999px;
width:400px;
}
#conteneur{
margin:0 auto;
width:945px;
}
#header #menu {
width:219px;
float:left;
background-color:none;}
/*MENU NORMAL*/
#header #menu{background:url(../images/bg_menu_ul.jpg) no-repeat right;}
#header #menu li.menu_accueil{
background:url(../images/bg_accueil.jpg) no-repeat;
height:47px;
width:219px;}
#header #menu li.menu_presentation{
background:url(../images/bg_presentation.jpg) no-repeat;
height:45px;
width:219px;}
#header #menu li.menu_nos_produits{
background:url(../images/bg_produits.jpg) no-repeat;
height:46px;
width:219px;}
#header #menu li.menu_notre_metier{
background:url(../images/bg_metier.jpg) no-repeat;
height:47px;
width:219px;}
#header #menu li.menu_liens{
background:url(../images/bg_liens.jpg) no-repeat;
height:48px;
width:219px;}

/*MENU HOVER*/
#header #menu li.menu_accueil:hover{
background:url(../images/bg_accueil_hover.jpg) no-repeat;
height:47px;
width:219px;}
#header #menu li.menu_presentation:hover{
background:url(../images/bg_presentation_hover.jpg) no-repeat;
height:45px;
width:219px;}
#header #menu li.menu_nos_produits:hover{
background:url(../images/bg_produits_hover.jpg) no-repeat;
height:46px;
width:219px;}
#header #menu li.menu_notre_metier:hover{
background:url(../images/bg_metier_hover.jpg) no-repeat;
height:47px;
width:219px;}
#header #menu li.menu_liens:hover{
background:url(../images/bg_liens_hover.jpg) no-repeat;
height:48px;
width:219px;}

/*MENU ACTIF*/
#header #menu li.menu_accueilactive{
background:url(../images/bg_accueil_hover.jpg) no-repeat;
height:47px;
width:219px;}
#header #menu li.menu_presentationactive{
background:url(../images/bg_presentation_hover.jpg) no-repeat;
height:45px;
width:219px;}
#header #menu li.menu_nos_produitsactive{
background:url(../images/bg_produits_hover.jpg) no-repeat;
height:46px;
width:219px;}
#header #menu li.menu_notre_metieractive{
background:url(../images/bg_metier_hover.jpg) no-repeat;
height:47px;
width:219px;}
#header #menu li.menu_liensactive{
background:url(../images/bg_liens_hover.jpg) no-repeat;
height:48px;
width:219px;}


#header #menu li.menu_accueil a{
padding:15px 0 15px 25px;}
#header #menu li.menu_presentation a{
padding:15px 0 15px 20px;}
#header #menu li.menu_nos_produits a{
padding:15px;}
#header #menu li.menu_notre_metier a{
padding:15px 0 15px 20px;}
#header #menu li.menu_liens a{
padding:15px 0 15px 25px;}

#header #menu li.menu_accueilactive a{
color:#fff;
padding:15px 0 15px 25px;}
#header #menu li.menu_presentationactive a{
color:#fff;
padding:15px 0 15px 20px;}
#header #menu li.menu_nos_produitsactive a{
color:#fff;
padding:15px;}
#header #menu li.menu_notre_metieractive a{
color:#fff;
padding:15px 0 15px 20px;}
#header #menu li.menu_liensactive a{
color:#fff;
padding:15px 0 15px 25px;}

#header #menu li a{
color:#4C4C4D;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
font-size:15px;
}
#header #menu li a:hover{
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
font-size:15px;}

#header #menu li.menu_accueil a{
display:block;
height:17px;
width:219px;}
#header #menu li.menu_presentation a{
display:block;
height:15px;
width:219px;}
#header #menu li.menu_nos_produits a{
display:block;
height:16px;
width:219px;}
#header #menu li.menu_notre_metier a{
display:block;
height:17px;
width:219px;}
#header #menu li.menu_liens a{
display:block;
height:18px;
width:219px;}

#header #banniere {
float:left;
height:231px;}
#header #banniere #jmoins {
color:#B4D0E5;
font-size:43px;
margin-left:610px;
margin-top:150px;
position:absolute;}
#elemnts{
height:154px;}
#elemnts_page {
background:url(../images/bg_pictos.jpg);
height:154px;
width:179px;
float:left;
padding-left:40px;
}
#elemnts_page a {
height:40px;
width:40px;
}
#elemnts_page img {
margin-top:35px;
margin-left:15px;
}

#recherche{
position:absolute;
height:50px;
width:210px;
margin-top:65px;
margin-left:35px;
}
#recherche img{
margin:0px;
}
#recherche input {
color:#7A7B7D;
font-size:11px;
margin:1px;
padding:1px;
width:160px;
float:left;
margin-top:5px;
}
#recherche .txtbuttonok {
height:30px;
width:30px;
float:left;
margin-left:15px;
position:absolute;
}
#slogan {
background:url(../images/bg_slogan.jpg) no-repeat #666666;
float:left;
width:726px;
height:53px;
}
#slogan h2 {
background:url(../images/slogan.jpg) no-repeat;
width:662px;
height:31px;
text-indent:-9999px;
margin:10px 0 0 40px;
}
#presentation {
background:url(../images/bg_sstitre.jpg) no-repeat #a2a2a2;
width:726px;
height:101px;
float:left;
}
#presentation p {
color:#fff;
margin:5px 20px 0 65px;
text-align:justify;
}
#colonneG {
width:327px;
float:left;
}
#colonneG #espabonne {
background:url(../images/bg_esp_abonne.jpg) right no-repeat #fff;
width:327px;
height:286px;
}
#colonneG #espabonne h3 {
background:url(../images/title_espabonne.jpg) no-repeat;
width:165px;
height:47px;
text-indent:-9999px;
margin-left:92px;
}#colonneG #espabonne form {
width:200px;
height:100px;
margin-left:112px;
margin-top:160px;
}
.switchdesc {
padding-top:5px;
}
.login {
color:#FFFFFF;
font-family:Verdana,Arial,Tahoma;
font-size:12px;
font-weight:bold;
text-align:justify;
}
.txtbuttonGO {
height:30px;
left:82px;
position:relative;
top:18px;
width:30px;
float:left;
}
.switchdesc2 {
border:0 none;
text-align:left;
margin-top:10px;
float:left;
}
.copy2 {
color:#ED3D25;
font-family:Verdana,Arial,Tahoma;
font-size:9px;
font-weight:bold;
margin-left:0;
}
.txtLogin  {
width:140px;
}
input {
color:#7A7B7D;
font-family:Verdana,Arial,Tahoma;
font-size:11px;
margin:1px;
padding:1px;
text-decoration:none;
width:90px;
}
.btGO {
width:30px;
height:30px;
}


#colonneG #notedinfos {
background:url(../images/bg_note_dinfos.jpg) right no-repeat #fff;
width:327px;
height:263px;
}
#colonneG #notedinfos h3 {
background:url(../images/title_notedinfos.jpg) no-repeat;
width:165px;
height:53px;
text-indent:-9999px;
margin-left:125px;
}
#colonneG #notedinfos #notedinfosactus{
width:167px;
height:200px;
margin-left:104px;
margin-top:10px;}
#colonneG #notedinfos #notedinfosactus .blocactus{
margin-bottom:10px;}
#colonneG #notedinfos #notedinfosactus h4{
font-size:10px;
color:#fe8d00;
font-size:11px;
border-bottom:#fe8d00 dotted 1px;}
#colonneG #notedinfos #notedinfosactus h5{
font-size:11px;
color:#FFFFFF;}
#colonneG #notedinfos #notedinfosactus p{
font-size:10px;
color:#FFFFFF;}


#colonneG #notedinfosvierge {
background:url(../images/bg_note_dinfos_vierge.jpg) right no-repeat #fff;
width:327px;
height:263px;
}
#colonneG #notedinfosvierge h3 {
background:url(../images/title_notedinfos.jpg) no-repeat;
width:165px;
height:53px;
text-indent:-9999px;
margin-left:125px;
}
#colonneG #notedinfosvierge #notedinfosactus{
width:167px;
height:200px;
margin-left:104px;
margin-top:10px;}
#colonneG #notedinfosvierge #notedinfosactus .blocactus{
margin-bottom:10px;}
#colonneG #notedinfosvierge #notedinfosactus h4{
font-size:10px;
color:#fe8d00;
font-size:11px;
border-bottom:#fe8d00 dotted 1px;}
#colonneG #notedinfosvierge #notedinfosactus h5{
font-size:11px;
color:#FFFFFF;}
#colonneG #notedinfosvierge #notedinfosactus p{
font-size:10px;
color:#FFFFFF;}


#contenu{
background:#efefef;
width:618px;
height:549px;
float:left;
}
#contenu a{
color:#EC571F;
text-decoration:none;}
#contenu a:hover{
color:#EC571F;
text-decoration:underline;}
#contenu p{color:#8A8A8A; text-align:center; margin-bottom:5px;}
#contenu #filarianne{
margin-top:10px;
margin-bottom:20px;
color:#4C4C4E;
}
#contenu #filarianne a{
color:#ec571f;
font-size:13px;
text-decoration:none;
}
#contenu #filarianne a:hover{
text-decoration:underline;
}
#contenu #presa1{
height:286px;
margin-left:10px;}
#contenu #presa1 #content{
float:left;
width:600px;
margin-right:5px;
}
#contenu #presa1 #content h3{
color:#ED3D25;
font-size:16px;
margin-top:15px;
}
#contenu #presa1 #content #credit{
background:url(../images/icon_deductionfiscale.jpg) no-repeat;
height:123px;
padding-left:150px;
margin-top:15px;
}
#contenu #presa1 #content #credit p{
color:#818284;
padding-top:40px;
}
#contenu #presa1 #content #credit p span{
font-weight:bold;
}
#contenu #presa1 #content #fiche_technique{
color:#ED3D25;
font-size:16px;
background:url(../images/icon_btn_fleche.jpg) no-repeat right;
height:84px;
padding-right:103px;
text-align:right;
margin-right:15px;
}
#contenu #presa1 #content #fiche_technique p{
color:#ED3D25;
padding-top:40px;
}
#contenu #presa1 #content #fiche_technique p span{
color:#818284;
}
#contenu #presa1 #new{
background:url(../images/nouveau.jpg) no-repeat;
float:left;
width:192px;
padding-top:60px;}
#contenu #presa1 #new img{
padding:2px;
margin-left:15px;
border:1px #ec571f dashed;}

#contenu #presa2{
height:246px; }

#contenu #presa2 h3{
border-top:1px dashed #828282;
border-bottom:1px dashed #828282;
height:30px;
color:#ED3D25;
font-size:18px;
font-weight:bold;
padding:7px 0 0 20px;
}
#contenu #presa2 h3 span{
color:#4C4C4E;
font-size:18px;
font-weight:bold;
text-align:left;
}
#contenu #presa2 #diapo{
height:207px;
background:#cccccc;
}
#contenu #presa2 #diapo #purchaseShvlPage{
height:15px;
margin-bottom:5px;
margin-right:55px;
padding-top:15px;
text-align:right;
color:#ED3D25}
#contenu #presa2 #diapo #esp{
height:10px;
margin-bottom:5px;
margin-right:55px;
padding-top:15px;
}
#contenu #presa2 #diapo .imgs{
float:left;
width:170px;
margin-right:5px;
margin-left:5px;
}
#contenu #presa2 #diapo p{
text-align:center;
margin-top:5px;
}
#contenu #presa2 #diapo p a{
text-align:center;
color:#ED3D25;
font-weight:bold;
text-decoration:none;
}
#contenu #presa2 #diapo p a:hover{
text-align:center;
color:#EF5823;
font-weight:bold;
text-decoration:underline;
}
#contenu #presa2 #diapo a.prec{
text-indent:-9999px;
background:url(../images/ico-fleche-gauche.gif) no-repeat;
width:35px;
height:35px;
display:block;
float:left;
margin-top:45px;
}
#contenu #presa2 #diapo a.suiv{
text-indent:-9999px;
background:url(../images/ico-fleche-droite.gif) no-repeat;
width:35px;
height:35px;
display:block;
float:left;
margin-top:45px;
}
#contenu #contenuint {
width:610px;
margin-bottom:10px;}
#contenu #contenuint .col{
width:160px;float:left; padding:20px;}

#contenu #contenuint .colint{
width:160px; border-right:1px solid #d1d2d4;border-left:1px solid #d1d2d4; float:left; padding:20px; min-height:370px; margin-bottom:20px;}
#contenu #contenuint .colint_produits{
width:160px; border-right:1px solid #d1d2d4;border-left:1px solid #d1d2d4; float:left; padding:20px; min-height:340px; margin-bottom:20px;}
#contenu #contenuint .colint_contact{
width:320px; border-left:1px solid #d1d2d4; float:left; padding:20px; min-height:340px; margin-bottom:20px; padding-top:0}
#contenu #contenuint .col_contact{
width:160px;float:left; padding:20px; padding-top:10px;}
#contenu #contenuint h3{
color:#ec571f; margin-bottom:10px;text-align:center; height:25px;}
#contenu #contenuint h4{
color:#F8961B; margin-bottom:10px;text-align:center; font-weight:normal;}
#contenu #contenuint .voirpdf{
background:url(../images/voirpdf.jpg) no-repeat right; height:100px; margin-top:30px;}
#contenu #contenuint .voirpdf p{
margin-right:55px;
padding-top:50px;
text-align:right;}
#contenu #contenuint .voirpdf p a{
color:#666666;
font-size:10px;
text-decoration:none;}
#contenu #contenuint .voirpdf p a:hover{
color:#666666;
font-size:10px;
text-decoration:underline;}
#contenu #contenuint .voirpdf p a span{
color:#ec571f; font-size:10px;}
#contenu #elemnts_diapo{
width:600px;
height:34px;
margin-bottom:10px;
font-size:11px;
color:#666666;
}
#contenu #elemnts_diapo p{
font-size:11px;
}
#contenu #elemnts_diapo #elmnts_prec{
float:left;
width:290px;
}
#contenu #elemnts_diapo #elmnts_prec img{
float:left;
}
#contenu #elemnts_diapo #elmnts_prec p{
float:left;
margin-left:10px;
margin-top:3px;
}
#contenu #elemnts_diapo #elmnts_nb{
float:left;
}
#contenu #elemnts_diapo #elmnts_suiv{
float:right;
width:290px;
}
#contenu #elemnts_diapo #elmnts_suiv img{
float:right;
}
#contenu #elemnts_diapo #elmnts_suiv p{
float:right;
margin-right:10px;
text-align:right;
margin-top:3px;
}

#contenu #contenuint img{
margin-bottom:10px;}
#contenu #contenuint ul li{
list-style:url(../images/fleche_orange.jpg) inside;
color:#f8961b;
margin-bottom:5px;}

#contenu #contenuint ul li a{
color:#f8961b;
text-decoration:none;}
#contenu #contenuint ul li a:hover{
text-decoration:underline;}
#contenu #download{
width:250px;
height:36px;
border:1px #d1d2d4 solid;
background:url(../images/icon_pdf.jpg) left no-repeat;
}
#contenu #download p{
font-style:italic;
font-size:12px;
margin-top:10px;
margin-left:40px;
color:#9d9d9d;
}
#contenu #download_int{
width:600px;
height:36px;
border:1px #d1d2d4 solid;
background:url(../images/icon_pdf.jpg) left no-repeat;
}
#contenu #download_int p{
font-style:italic;
font-size:12px;
margin-top:10px;
margin-left:40px;
color:#9d9d9d;
}
#footer {
background:url(../images/bg_footer.jpg) left no-repeat #a2a2a2;
height:53px;
}
#footer ul {
padding-top:20px;
margin-left:310px;
font-size:11px;
color:#fff
}
#footer ul li {
display:inline;
}
#footer ul li a {
color:#4C4C4E;
text-decoration:none;
font-weight:bold;
}
#footer ul li a:hover {
text-decoration:underline;
}
#footer ul li#alphea{
display:block;
float:right;
margin-right:15px;
}

/*PAGE PRESENTATION*/
#presentation_img{
padding:0 0 0 20px;
}
#presentation_img img{
float:left;
margin-right:15px
}
#presentation_txt{
width:575px;
padding:0 20px 20px 20px;
color:#8a8a8a;
font-size:11px;
}
#presentation_txt p{
font-size:11px;
text-align:justify;
}
#presentation_txt strong{
font-size:10px;
}
#contenu #contenuint #presentation_txt ul li{
font-size:10px;
color:#8a8a8a;
margin-bottom:0px;
list-style-image:url(../images/fleche_grise.jpg)
}
#presentation_txt ul li abbr, acronym {
font-size:10px;
}
#form_contact label{
color:#EC571F;
display:block;
float:left;
font-size:14px;
/*margin-left:140px;
margin-right:10px;*/
text-align:right;
width:150px;}
#form_contact input{
-moz-border-radius:4px 4px 4px 4px;
background-color:#fff;
border:1px solid #E1E1E1;
color:#777777;
float:right;
font-size:12px;
/*margin-right:50px;*/
padding:3px;
width:150px;}
#form_contact input.pok{
width:50px;
float:left;}
#form_contact input#submit{
margin-right:80px;
margin-top:20px;}
#form_contact #secureimg{
margin-left:52px;
margin-top:-43px;}
#form_contact textarea{
-moz-border-radius:4px 4px 4px 4px;
background-color:#fff;
border:1px solid #E1E1E1;
color:#777777;
float:right;
font-size:12px;
height:30px;
/*margin-right:50px;*/
padding:3px;
width:150px;}
#form_contact #security_code{
height:35px;
color:#243468;
font-weight:bold;
font-size:22px;
text-align:center;
}
#form_contact h3{
background-color:white;
color:#EC571F;
height:25px;
margin-bottom:10px;
padding-top:7px;
text-align:center;}
#form_contact .texte_rouge_selection {
/*margin-left:140px;*/
text-align:right;
font-family: Verdana,Arial, Tahoma;
font-size: 10px;
color: #FF0000;
font-weight: bold;
}
