@charset "utf-8";
/* CSS Document */




#descriptioncat a
{
color:#454444;
text-decoration:underline;
}

/*---------------------------- PROPRIETES GENERALES -----------------------------------------------------------------------------------------------*/

*
{
margin:0px;
padding:0px;
}

@font-face {
	font-family: "Cafeta";
	src: url('cafeta.ttf');
}

@font-face {
	font-family: "Candara";
	src: url('Candara.ttf');
}

@font-face {
	font-family: "Candara";
	font-weight: bold;
	src: url('Candarab.ttf');
}


body
{
background-color:#ADADAD;
font-family: Calibri, Arial, Helvetica, sans-serif;
color:#454444;
behavior: url(csshover.htc);
}

.astuce a:hover
{
text-decoration:underline;
}

.liensouligne:hover
{
text-decoration:underline;
}

a
{
text-decoration:none;
}

#top
{
background-image:url(../images/site/fond-bandeau.png);
height:90px;
}

#contenutop
{
margin-left:auto;
margin-right:auto;
width:900px;
}

#milieu
{
background-image:url(../images/site/fond-corps.png);
background-repeat:repeat-x;
background-color:#FFFFFF;
font-size:13px;
}



#logoseelight
{
position:absolute;
}

#titreseelight
{
position:absolute;
margin-left:151px;
margin-top:10px;
}


#contenu
{
margin-left:auto;
margin-right:auto;
width:900px;
overflow: hidden;
   height: 1%;
}

#menuhorizontal
{
width:708px;
float:left;
height:30px;
margin-left:36px;
padding-top:11px;
cursor:default;
margin-bottom:6px;
}

#telephone
{
font-size:14px;
float:right;
}

#menuhorizontal a
{
text-decoration:none;
font-size:14px;
margin-right:13px;
color:#454444;
}

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

#titrepage
{
background-image:url(../images/site/fondtitre.png);
height:37px;
width:710px;
margin-bottom:20px;
padding-left:15px;
padding-top:12px;
background-repeat:no-repeat;
}

#descriptioncat
{
font-size:13px;
margin-bottom:20px;
margin-top:20px;
}

#grandcontenu
{
width:710px;
display:block;
background-color:#000066;
}

h1
{
color:#969696;
font-size:18px;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
}

.traith
{
background-color:#dfe1dd;
width:100%;
height:1px;
}


.traithslider
{
background-color:#dfe1dd;
width:710px;
height:1px;
position:absolute;
margin-top:-16px;
}


.traithbas
{
background-color:#dfe1dd;
width:100%;
height:1px;
margin-bottom:19px;
}

.traitv
{
background-color:#dfe1dd;
width:1px;
height:113px;
float:left;
margin-left:17px;
margin-right:17px;
}

.traitv2
{
background-color:#dfe1dd;
width:1px;
height:83px;
float:left;
margin-left:17px;
margin-right:17px;
}

.vignetteprod
{
float:left;
}

.degradecreux
{
background-image:url(../images/site/creux-produit.png);
position:absolute;
width:113px;
height:113px;
}

.degradecreux:hover
{
background-image:url(../images/site/creux-produit2.png);
}

.degradenouv
{
background-image:url(../images/site/creux-produit-nouv.png);
position:absolute;
width:113px;
height:113px;
}

.degradenouv:hover
{
background-image:url(../images/site/creux-produit2.png);
}

.conteneurprod
{
width:113px;
height:133px;
float:left;
margin-bottom:15px;
}

.conteneur2
{
width:113px;
height:133px;
float:left;
}


.nomproduitliste
{
font-size:12px;
color:#999999;
position:absolute;
margin-top:113px;
}




/*------------- menu vertical*/

#boutontechnique
{
margin-top:17px;
}

#menuvertical
{
width:156px;
float:left;
padding-top:39px;

}

.champrecherche
{
width:127px;
float:left;
height:20px;
color:#868686;
font-size:12px;
padding-left:4px;
border-color:#CCCCCC;
border-width:1px;
border-style:solid;
}

.submitrecherche
{
width:21px;
float:left;
background-color:#c0c0c0;
border:none;
color:#F2F2F2;
height:22px;
font-size:12px;
cursor:pointer;
vertical-align:middle;
}

.submitrecherche:hover
{
background-color:#CCCCCC;
}

#contenupage
{
width:708px;
float:left;
text-align:justify;
margin-left:36px;
}

#menuproduit
{
margin-top:30px;
}

.titremenu
{
font-size:17px;
font-weight:bolder;
margin-bottom:10px;
}

.lienmenuprod
{
text-decoration:none;
color:#454444;
}

.lienniveau1
{
padding-top:3px;
padding-bottom:4px;
font-size:13px;
}

.lienmenuprod :hover
{
background-color:#e7e7e7;
}

/*--------------------menu déroulant*/

div#menuvertical ul 
{
padding: 0; 
width: 156px; 
color:#454444;
}
div#menuvertical li.sousmenu 
{
padding-top:3px;
padding-bottom:4px;
font-size:13px;
}

.sousmenu
{
text-decoration:none;
color:#454444;
}

div#menuvertical ul li 
{
/*margin-top:-1px;*/
width:156px;
position:relative; 
list-style: none; 
color:#454444;
padding-top:3px;
padding-bottom:4px;
font-size:13px;
}

div#menuvertical ul :hover
{
background-color:#e7e7e7;
}

.souscategorie
{
background-color:#f7f7f7;
/*background-image:url(../images/site/grisclair.png);*/
}

div#menuvertical ul ul 
{
position: absolute; 
top: 0; 
left: 156px; 
display:none;
background-color:#f7f7f7;
/*background-image:url(../images/site/grisclair.png);*/
color:#454444;
margin-top:-1px;
z-index:9999999;
}

.nbreprod
{
font-size:13px;
font-weight:normal;
}

div#menuvertical li a 
{
text-decoration: none;
color:#454444;
text-decoration:none;
}

div#menuvertical ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menuvertical ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;} 


.liennoob
{
color:#454444;
}

.liennoob:hover
{
text-decoration:underline;
}

.logopdf
{
right:0;
float:left;
}

/*------------------------------------------------------------------------------ PAGE PRODUIT --------------------------------------------------------------*/

#titrepageproduit
{
background-image:url(../images/site/fondtitre.png);
height:37px;
width:710px;
margin-bottom:20px;
padding-left:15px;
padding-top:12px;
background-repeat:no-repeat;
}

#nomcat
{
float:left;
height:35px;
margin-left:-15px;
padding-left:15px;
padding-top:12px;
padding-right:15px;
margin-right:15px;
margin-top:-12px;
background-image:url(../images/site/fondtitrefonce.png);
color:white;
font-size:18px;
font-weight:bold;
}

#nomcat a
{
color:#FFFFFF;
}

#nomcat a:hover
{

}

.astuce
{
text-align:left;
color:#969696;
}

#titrepageproduit h1
{
color:#969696;
font-size:18px;
font-weight:bold;
margin-top:1px;
margin-bottom:10px;
}

#photomoyenne
{
float:left;
/*border-color:#E6E6E6;
border-width:1px;
border-style:solid;*/
margin-bottom:0px;
}

.petittext
{
color:#969696;
}

#infosgauche
{
float:left;
width:300px;
}

#infosdroite
{
float:left;
margin-left:20px;
width:388px;
}

#descriptionprod
{
font-size:13px;
margin-bottom:20px;
}

.soustitre
{
font-size:13px;
font-weight:bold;
color:#969696;
}

.accessoire
{
margin-bottom:3px;
float:inherit;
width:300px;
font-size:13px;
margin-top:5px;
}

.imgaccessoire
{
float:left;
margin-right:4px;
}

.imglie
{
float:left;
margin-right:4px;
margin-top:4px;
}

#specifications
{
width:700px;
float:left;
}

.colonnegauche
{
width:300px;
}

.lignetable:hover
{
background-color:#E6E6E6;
}

.lignetable
{
font-size:14px;
}

#accordion a
{
width:701px;
height:20px;
background-image:url(../images/site/accordeon.png);
float:none;
color:#454444;
padding-left:8px;
padding-top:3px;
display:block;
margin-bottom:5px;
}

.titrespec
{
color:#CCCCCC;
font-size:14px;
}

.lienalim:hover
{
text-decoration:underline;

}

.lienalim
{
margin-left:-8px;
}

#elumdat
{
float:none;
width:400px;
}

#elumdat a
{
background-image:none;
color:#454444;
padding-left:0px;
padding-top:0px;
margin-bottom:0px;
display:inline;
}

#catalogueseelight
{
margin-top:19px;
}

/*---------------------- RECHERCHE -------------------------*/
.packrecherche
{
float:inherit;
width:710px;
}

/*------------------------- GALERIE --------------------------------*/
.vignettesphoto
{
margin-top:15px;
margin-bottom:11px;
text-align:left;
width:672px;
margin-left:18px;
min-height:90px;
}

.flechegauche
{
width:14px;
height:87px;
background-image:url(../images/site/flechegauche1.png);
position:absolute;
margin-top:15px;
}

.flechedroite
{
width:14px;
height:87px;
background-image:url(../images/site/flechedroite1.png);
position:absolute;
margin-top:15px;
margin-left:693px;
}




.flechegaleriegauche
{
margin-top:15px;
width:15px;
background-color:#666666;
height:132px;
float:left;
margin-right:3px;
}

.flechegaleriedroite
{
margin-top:15px;
width:15px;
background-color:#666666;
height:132px;
float:left;
margin-left:3px;
}

/*------------------------------ FOOTER --------------------------*/
.colonnefooter
{
width:279px;
float:left;
height:300px;
}

.datefooter
{
color:#FFFFFF;
}

.datefooter2
{
color:#FFFFFF;
display:block;
margin-bottom:18px;
}

.titreactufooter
{
font-family:Cafeta, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:20px;
}

.traitvfooter
{
background-color:#A6A6A6;
width:1px;
height:250px;
float:left;
margin-left:16px;
margin-right:14px;
margin-top:-16px;
}

.traithfooter
{
background-color:#A6A6A6;
width:279px;
height:1px;
}

.techniquefooter1
{
padding:8px;
background-image:url(../images/site/fondliste.png);
background-repeat:repeat-y;
}

.techniqueliste
{
padding-bottom:10px;
background-repeat:repeat-y;
}

.techniquefooter2
{
padding:8px;
}

.lienfooterlist
{
color:#454444;
}

.lienlist
{
color:#454444;
text-decoration:none;
}

.lienlist:hover
{
text-decoration:underline;
}

.lienfooterlist:hover
{
color:#FFFFFF;
font-weight:bold;
}

.numfooter
{
color:#FFFFFF;
font-weight:bold;
}

.numtechnique
{
color:#969696;
font-weight:bold;
font-size:16px;
}

.imageactu
{
margin-top:10px;
margin-bottom:10px;
width:279px;
height:83px;
border-color:#A6A6A6;
border-width:1px;
border-style:solid;
}

.imageactucorps
{
margin-bottom:10px;
width:279px;
height:123px;
float:left;
}

.coinretourne
{
width:279px;
height:83px;
position:absolute;
background-image:url(../images/site/coinactu.png);
}

.coinretournecorps
{
width:279px;
height:83px;
position:absolute;
background-image:url(../images/site/coinactucorps.png);
}

.texteactufooter
{
text-align:justify;
margin-top:5px;
}

.lirelasuite
{
color:#FFFFFF;
font-style:italic;
}

.lirelasuite:hover
{
text-decoration:underline;
}

.toutesfooter
{
color:#FFFFFF;
margin-top:15px;
display:block;
}

.toutesfooter:hover
{
text-decoration:underline;
}

#footer
{
background-image:url(../images/site/fond-footer.png);
height:340px;
margin-top:-19px;
font-size:13px;
}

#contenufooter
{
margin-left:auto;
margin-right:auto;
width:900px;
padding-top:26px;
}

/*---------------------------------------------------- LISTE ACTU ---------------------------------------------------------------*/

.actuliste
{
margin-bottom:30px;
}

.texteactuliste
{
margin-left:287px;
position:absolute;
width:421px;
height: 83px;
}

.titredateactu
{
text-align:left;
color:#A6A6A6;
}

.titreactu
{
color:#A6A6A6;
font-size:17px;
font-weight:bold;
text-align:left;
}

.liresuiteactu
{
color:#A6A6A6;
font-style:italic;
}

.liresuiteactu:hover
{
text-decoration:underline;
}

.mentions
{
color:#FFFFFF;
}

.mentions:hover
{
text-decoration:underline;
}

/*--- version journal --*/

.article
{
float:left;
width:279px;
margin-right:13px;
margin-bottom:13px;
}

.grandephotoactu
{
overflow:hidden;
width:279px;
height:211px;
}

/*----------------------------- PAGE ACTU ------------------------------------*/

.textauteur
{
float:left;
margin-left:4px;
}

.lienretour
{
color:#A6A6A6;
}

.photoauteur
{
float:left;
}

/*------------------------------------- RECUEIL TECHNIQUE ----------------------------------------*/

#listeid
{
width:200px;
position:absolute;
margin-left:510px;
}

.datetechnique
{
color:#A6A6A6;
}

.cattechnique
{
color:#A6A6A6;
}

.cattechnique:hover
{
text-decoration:underline;
}

#listecattechnique
{

padding:20px;
margin-top:13px;
border:#dfe1dd;
border-style:solid;
border-width:1px;
}

#descriptioncatgauche
{
font-size:13px;
margin-bottom:20px;
margin-top:20px;
width:355px;
}

#descriptioncatdroite
{
font-size:13px;
margin-bottom:20px;
margin-top:20px;
width:352px;
margin-left:355px;
position:absolute;
/*border:#dfe1dd;
border-left-style:solid;
border-left-width:1px;
padding-left:13px;*/
}

/*---------------------------- CONTACT.php ------------------------------*/

.champmail
{
height:20px;
color:#868686;
font-size:12px;
padding-left:4px;
border-color:#CCCCCC;
border-width:1px;
border-style:solid;
}

.txtareamail
{
color:#868686;
font-size:12px;
padding-left:4px;
border-color:#CCCCCC;
border-width:1px;
border-style:solid;
}

.submitmail
{
width:61px;
background-color:#c0c0c0;
border:none;
color:#F2F2F2;
height:22px;
font-size:12px;
cursor:pointer;
vertical-align:middle;
margin-top:-2px;
}

/*----------------------------------------PAGINATION------*/
.paginationcase
{
display:block;
height:20px;
color:#454444;
background-color:#CCCCCC;
float:left;
margin-right:3px;
padding-left:5px;
padding-right:5px;
padding-top:2px;
}

.paginationcase:hover
{
background-color:#E8E8E8;
color:#999999;
}


.paginationcaseselect
{
display:block;
height:20px;
color:white;
background-color:#999999;
float:left;
margin-right:3px;
padding-left:5px;
padding-right:5px;
padding-top:2px;
}
/*----------------------------------------------*/

.lienlistetous
{
color:#454444;
}


.lignenom
{
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
color:#454444;
height:42px;
}

.caselettre
{
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
color:#454444;
height:42px;
background-color:#CCCCCC;
text-align:center;
}

.lignenomlettre
{
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
color:#454444;
height:42px;
background-color:#CCCCCC;
text-align:right;
padding-right:30px;
}

.lignenom a
{
color:#454444;
}

.lignenom a:visited
{
text-decoration:none;
}

.lignenom:hover
{
background-color:#EFF1ED;
color:#666666;
}

.lignetabled
{
margin-bottom:15px;
}

.lienverslehaut
{
color:#FFFFFF;
}

.titredivalpha
{

}


.lettreliste
{
font-size:24px;
font-weight:bold;
color:white;
}

.alphabet a
{
color:#454444;
font-size:18px;
}

.alphabet a:hover
{
text-decoration:underline;
text-decoration:overline;
}

.alphabet
{
cursor:pointer;
}
/*--------------------- CONTACT PERSO -------------------------*/

.persseelight
{
height:70px;
}

.photopers
{
float:left;
}

.contenupers
{
float:left;
margin-left:15px;
}

/*----------------------------------------------*/

/*
traith:
color:#dfe1dd;

texte:
color:#454444;*/