/* code appliqué sur le Site de La Serviette En Fête */

body
{
background-image: url(images/nth_theme_abstract_wood_blocks_bg.gif) ;
background-attachment: fixed ; /* pour que l'image de fond ne défile pas et reste fixe */
margin-top: 2% ;
margin-bottom: 2% ;
margin-left: 4% ;
margin-right: 4%;
}

ul {
 margin: 0 ;
 list-style: none ;
 text-align: center ;
  }
li {
 display: inline ;
 margin-right: 0.3em ;
 }
ul li a {
 font-family: arial, verdana, sans-serif ;
 background: url(nav/nav_5_company_th.gif) repeat-x ;
 width: 125px ;
 line-height: 50px ; /*hauteur de l'image de fond*/
 padding: 0.3em 0 ;   
 color: blue ;
 text-decoration: none ;
 text-align: center ;
 display: inline-block ;
 }
ul li a:hover {
 background: url(nav/nav_5_company_thr.gif) repeat-x ;
 color: red ;
 font-style:  bolder ;
 }  
ul li a:active {
 background: url(nav/nav_5_company_thh.gif) repeat-x ;
 color: red ;
 font-style:  bolder ;
 }  
 
 .menu2 li a {
 background: url(nav/nav_6_product_1_cv.gif) repeat-x ;
 }
 .menu2 li a:hover {
 background: url(nav/nav_6_product_1_cvr.gif) repeat-x ;
  }
  .menu2 li a:active {
 background: url(nav/nav_6_product_1_svh.gif) repeat-x ;
  }  
 
 
a{
outline: none ; /* supprime les pointillés autour du dernier lien sélectionné (pour faire plus propre...)  */
}

a img {border: 0;} /* supprime les pointillés autour du dernier lien sélectionné (pour faire plus propre...)  */


h1
{
font-family: arial, verdana, sans-serif ;
font-size: 20pt ;
color: maroon ;
background: none ;
text-align: center ;
}

h2
{
font-family: arial, verdana, sans-serif ;
font-size: 16pt ;
color: chocolate ;
background: none ;
} 

p
{
font-family: arial, verdana, sans-serif ;
font-size: 14pt ;
color: black ;
background: none ;
text-align: justify ;
}
p a:hover {
 color: red ;
  }  

 
 /* class miniature pour zoomer les images survolées par la souris */  
.miniatures {
 float:right;
 height: 450px; 
 width: 170px;
 border-style: double;
 overflow: auto;
 /* position:relative; */
 /* top:5; */
 /* left:0; */
}

.miniatures a:hover {
 background-color:maroon;	
 }
 
.miniatures a .grand {
 display:block;
 position:absolute; 
 width:0;
}	  
  
.miniatures a:hover .grand {
 position:absolute; 
 top:120px;
 left:20%;
 width:40%; /* ajuster en fonction de la taille d'origine de l'image */
 /* height:400px; */
 }
 
/* code appliqué sur le formulaire de contact */
.ccab { display: none; } /* masque le champ (leurre anti-spam) */
  
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: maroon;
   font-weight: bold;
}

.bouton {
 border-style: outset;
 border-color:grey;
 border-width:2px;
 text-align:center;
 font: normal 13px arial, sans-serif;
 color:black;
 text-decoration: none;
 padding:3px;
 height: 12px;
 width:210px;
}

a.bouton  {
 text-decoration: none;
 background-color: silver; /* #C0C0C0; */
 border-style: outset;
}


a.bouton:link { /* si affiché comme lien href */
 color: black;
 background-color: silver;
 border-style: ouset;
}

a.bouton:visited {
 color: black;
 background-color: silver;
 border-style: outset;
 }

a.bouton:hover { /* survol de la souris */
 color: black;
 background-color: silver;
 border-style: ouset;
 }

a.bouton:active { /* bouton enfoncé */
 color: black; 
 background-color: silver;
 border-style: outset;
}

 
fieldset
{
   margin-bottom: 25px; /* Une marge pour séparer les fieldset */
}