/* CSS web graphique photeam */
/* général */
/* index */
/* secondaire */
/* divers */
/* spécifique */

/* général */



#societe, #services, #carte, #newsletter, #contacts, #legal, #info  { display:block; }
#accueil, #vertical  { display:block; }
#offre0, #offre { display:block; }
#offre1 , #offre2, #offre3 , #offre4 { display:block; }


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


body {
margin : 0px ;
padding : 0px;
color:white;
background-color:#333333;
background-image:  url('images/fond.jpg'); 
background-position: 0 0; 
background-attachment:scroll;
background-repeat:repeat-x; 
} 

 
.bandeaulogo
{
   display: block; 
   position: absolute;

   top: 0px; 
   left: 0px;
   }
   
   .bandeauaccroche
{
   display: block; 
   position: absolute;

   top: 23px; 
   left: 250px;
   }
   
   .bandeau
{
   display: block; 
   position: absolute;

   top: 0px; 
   left: 0px;
   width :100%;
   z-index:0;
   }
   
.photeam
{
   display: block; 
   position: absolute;
   float: left ; 
  top: 120px; 
   left: 45px;
   }
   

.ongletgauche
{
   display: block; 
   position: absolute;
   float: left ; 
  top: 120px; 
   left: 0px;
   }

.ongletdroit
{
   display: block; 
   position: absolute;
   float: right ; 
  top: 13px; 
   right: 0px;
   }
.contenu
{

margin : 50px 0px 0px 0px;
padding : 0px 0px 0px 0px ;

  /* display: block; 
   position: absolute;
   float: left ; 
  top: 230px; 
   left: 200px;
   width : 60%; */
   }
   
   .popup
{
   display: block; 
   position: absolute;
   float: left ; 
   left: 50px;
   right : 50px;
   width : 500px;
   }
   .galerie, .references
{
	display: block;
	position: absolute;
	float: left;
	top: 1px;
	left: 94px;
	width : 80%;
	background-image: url(fond.jpg);

   }
      .galeriemenu, .referencesmenu
{
   display: block; 
   position: absolute;
   float: left ; 
  top: 10px; 
   left: 20px;
   width : 50px;
   }
   
 .blocmenu
{
margin : 0px ;
padding :  0px;

   display: block; 
   position: absolute;
   float: left ; 
  top: 68px; 
   left: 267px;
 
   text-align: left;

   /* pour le fond menu 
   height:511px;
   background-image: url('images/fondmenu.jpg'); background-repeat: no-repeat; background-position: top left; */

   }
   .blocmenu span
{ 
      /* pour les séparateurs  */
font: normal 70%/70% Verdana, Arial, sans-serif; color: #FFA800; text-decoration:none; 
   }
  
     .blocmenu em
{ 
      /* pour la pub après  */
font: bold 140%/100% tahoma, Arial, sans-serif; color: #ffffff; text-decoration:none; letter-spacing: 1px;    white-space: nowrap;
margin : 0px ;
padding :  0px 0px 0px 20px;
   }
  
  
    .blocdroit
{
   display: block; 
   position: absolute;
   float: right ; 
   top: 150px; 
   right: 10%;
   }
    .blocgauche
{
   display: block; 
   position: absolute;
   float: left ; 
   top: 430px; 
   left: 10%;
   }
.blocvertical
{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	text-align: right;
	width: 109px;
	height: 450px;




   }
  .blocvertical img
   {    border:1px solid #bbbbbb;  }
  .blocvertical span img 
   {    border:0px solid #ffffff;  }
   .sepv
{
   display: block; 
   position: absolute;
   float: left ; 
  top: 230px; 
   left: 174px;
   width : 10px;
height : 170px;
margin : 0px ;
padding : 0px;
background-image: url('images/separateurvl.jpg'); background-repeat: repeat-y; background-position: center center; 
} 

     
table {
margin : 0px ;
padding : 0px;
} 
.titre {color: #ffffff;}
.titrecentre {color: #ffffff; text-align: center;}

/* index */
p.index {font: normal 60%/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #ffffff; text-align: center; margin : 5px 0px 5px 0px ;}

/* secondaire */

.gal {
margin : 200px 20px 0px 20px;
padding : 0px 0px 0px 0px;
} 

.menu {
margin : 0px 20px 0px 0px;
padding : 0px 0px 0px 0px;
text-align: right; 
} 
.smenu {
margin :  0px 0px 0px 40px ;
padding : 0px 0px 0px 0px;
} 
a:link.menu {font: normal 80%/25px  Verdana, Arial, sans-serif; letter-spacing: 1px; color: #cccccc; text-decoration:none;  text-align: left;  white-space: nowrap; } /* */
a:visited.menu {font: normal 80%/25px Verdana, Arial, sans-serif; color: #cccccc; text-decoration:none; text-align: left;  white-space: nowrap; } /* */
a:hover.menu {font: normal 80%/25px Verdana, Arial, sans-serif; color: #85b647; text-decoration:none;  text-align: left;  white-space: nowrap; } /*  */
/* permet d'espacer les séparateurs de menu - <img class="menu" */
img.menu { 
margin : 0px 10px ;
} 
.smenu {font: normal 70%/16px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none;    white-space: nowrap;} 
td.contenu{
margin : 0px ;
padding : 0px 80px;
background-image: url('images/contenu.jpg'); background-repeat: repeat-x; background-position: top center; 
width : 100% ;
} 

.promo {
font: normal 100%/25px Verdana, Arial, sans-serif; color: #85b647; text-decoration:none;  text-align: center;  white-space: nowrap;
} 
a:link.promo {font: normal 100%/25px Verdana, Arial, sans-serif; color: #85b647; letter-spacing: 0px; text-decoration:none;   white-space: nowrap; } /* */
a:visited.promo {font: normal 100%/25px Verdana, Arial, sans-serif; color: #85b647; text-decoration:none;   white-space: nowrap; } /* */
a:hover.promo {font: normal 100%/25px Verdana, Arial, sans-serif; color: #cccccc; text-decoration:none;    white-space: nowrap; } /* */


.separateurv{
margin : 0px ;
padding : 0px;
background-image: url('images/separateurv.jpg'); background-repeat: repeat-y; background-position: center center; 
} 
.separateurh{
margin : 0px ;
padding : 0px;
background-image: url('images/separateurh.jpg'); background-repeat: repeat-x; background-position: center center; 
} 
/* gestion  des puces titre associé à h1 , les titres sont dans un div pour */
div.pucetitre
{
display: inline ;
background-image: url('images/puce02.jpg'); background-repeat: no-repeat; background-position: center left; 
margin : 0px;
padding : 0px 0px 0px 30px;
font: bold 100%/16px  Tahoma, Verdana, Arial, sans-serif; letter-spacing: 5px; color: #ffffff; text-align: left; font-variant: small-caps ; margin : 5px 0px 5px 0px ;
} 

div.pucetexte
{
display: block ;
background-image: url('images/puce03.jpg'); background-repeat: no-repeat; background-position: center left; 
margin : 0px;
padding : 0px 0px 0px 20px;
} 
/* fin */

a:link.contenu {font: normal 100%/16px Verdana, Arial, sans-serif; color: #dddddd; text-decoration:none; white-space:nowrap;} /* */
a:visited.contenu {font: normal 100%/16px Verdana, Arial, sans-serif; color: #dddddd; text-decoration:none; white-space:nowrap;} /* */
a:hover.contenu {font: normal 100%/16px Verdana, Arial, sans-serif; color: #73a534; text-decoration:none; white-space:nowrap;} /*  */
/* h1 = pub */

/*h1 {font:  100%/16px   Verdana, Arial, sans-serif; letter-spacing: 2px; color: #ffffff; text-align: left; font-variant: small-caps ; margin : 0px 0px 0px 0px ; white-space:nowrap;}
*/
h1 { font: 120%/16px "Marcellus SC", Arial, serif; letter-spacing: 2px; color: #ffffff; text-align: left; font-variant: small-caps ; margin : 0px 0px 0px 0px ; white-space:nowrap; }
h1 SPAN {font:  100%/16px  "Marcellus SC", Verdana, Arial, sans-serif;  color: #666666;  }
h1 EM {font:  100%/16px  "Marcellus SC", Verdana, Arial, sans-serif;  color: #73a534; }

h2 { font: 120%/16px "Marcellus SC", Arial, serif; letter-spacing: 2px; color: #ffffff; text-align: left; font-variant: small-caps ; margin : 0px 0px 0px 0px ; white-space:nowrap; }
h2 SPAN {font:  100%/16px  "Marcellus SC", Verdana, Arial, sans-serif;  color: #666666;  }
h2 EM {font:  100%/16px  "Marcellus SC", Verdana, Arial, sans-serif;  color: #73a534; }

h3 {font: bold 90%/16px   Verdana, Arial, sans-serif; letter-spacing: 4px; color: #73a534; text-align: left; font-variant: small-caps ; margin : 0px 0px 0px 0px ; white-space:nowrap;}
h3 SPAN {font: normal 80%/16px  Verdana, Arial, sans-serif; letter-spacing: 1px; color: #cccccc; text-align: left; font-variant: normal ; margin : 10px 0px 5px 0px ; white-space:nowrap;}
h3 EM {font: bold 70%/16px   Verdana, Arial, sans-serif; letter-spacing: 5px; color: #666666; text-align: left; font-variant: small-caps ; margin : 0px 0px 0px 0px ; white-space:nowrap;}
h4 {font: bold 90%/16px   Verdana, Arial, sans-serif; letter-spacing: 4px; color: #73a534; text-align: left; font-variant: small-caps ; margin : 0px 0px 0px 0px ; white-space:nowrap;}
p {font: normal 80%/16px   Verdana, Arial, sans-serif; letter-spacing: 1px; color: #999999; text-align: justify; margin : 10px 10px 5px 5px ;}
p.liste {font: normal 80%/16px   Verdana, Arial, sans-serif; letter-spacing: 1px; color: #999999; text-align: left; margin : 5px 5px 5px 5px ;}

p.retrait {font: normal 80%/16px  Verdana, Arial, sans-serif; letter-spacing: 1px; color: #999999; text-align: justify; margin : 5px 5px 5px 20px ;}
p.soustitre {font: normal 70%/16px  Verdana, Arial, sans-serif; letter-spacing: 0px; color: #73a534; text-align: left; margin : 5px 5px 5px 5px ;}
p SPAN {font: normal 100%/16px  Verdana, Arial, sans-serif;  color: #666666; }
p EM {font: normal 100%/16px  Verdana, Arial, sans-serif;  color: #73a534; }

p.info {font: normal 70%/16px  Verdana, Arial, sans-serif; letter-spacing: 0px; color: 
#999999; text-align: left; margin : 5px 5px 5px 5px ;}

h5 {font: normal 10px/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #cccccc; text-align: justify;}
h6 {font: normal 60%/16px   Verdana, Arial, sans-serif; letter-spacing: 1px; color: #999999; text-align: justify; margin : 5px 10px 5px 5px ;}

.appel { font: 100%/22px "Marcellus SC", Arial, serif; letter-spacing: 2px; color: #ffffff; text-align: center; font-variant: small-caps ; margin : 0px 0px 3px 0px ; white-space:nowrap; }


a:link.copyrightn1 {font: normal 80%/14px Verdana, Arial, sans-serif; color: #cccccc; text-decoration:none;  text-align: center;  white-space: nowrap; } /* */
a:visited.copyrightn1 {font: normal 80%/14px Verdana, Arial, sans-serif; color: #cccccc; text-decoration:none; text-align: center;  white-space: nowrap; } /* */
a:hover.copyrightn1 {font: normal 80%/14px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none;  text-align: center;  white-space: nowrap; } /*  */

a:link.copyright {font: normal 80%/14px Verdana, Arial, sans-serif; color: #666666; text-decoration:none;  text-align: center;  white-space: nowrap; } /* */
a:visited.copyright {font: normal 90%/14px Verdana, Arial, sans-serif; color: #666666; text-decoration:none; text-align: center;  white-space: nowrap; } /* */
a:hover.copyright {font: normal 90%/14px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none;  text-align: center;  white-space: nowrap; } /*  */

.copyright
{
/* partie bloc*/
   display: block; 
   position: absolute;
   float: left ; 
   bottom: 3px; 
   left: 10px;
z-index:1;
/* partie texte*/
margin : 0px;
padding: 0px;

}
.copyrightn1
{
/* partie bloc*/
   display: block; 
   position: absolute;
   float: left ; 
   bottom: 17px; 
   left: 10px;
z-index:1;
/* partie texte*/
margin : 0px;
padding: 0px;

}

a:link {font: normal 100%/16px Verdana, Arial, sans-serif; color: #73a534; text-decoration:none; } /* */
a:visited {font: normal 100%/16px Verdana, Arial, sans-serif; color: #73a534; text-decoration:none; } /* */
a:hover {font: normal 100%/16px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; } /*  */

a:link.sousmenu {font: normal 10px/16px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; } /* */
a:visited.sousmenu {font: normal 10px/16px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; } /* */
a:hover.sousmenu {font: normal 10px/16px Verdana, Arial, sans-serif; color: #FFA800; text-decoration:none; } /*  */



/*  format par défaut pour le texte * {font: normal 9px/16px Verdana, Arial, sans-serif; letter-spacing: 3px; color: #A38B4E; text-align: justify;}*/

img.gauche  { float: left ; } 
img.bord {  border:1px solid black; } /* class pour image */
img.droite { float: right ; }
.droite {text-align : right; } 
.gauche {text-align: left;}
.centre {text-align: center;}
.galerie
{text-align : justify; 
margin : 2px;
padding : 15px 10px 0px 0px;
} 




/* gestion des popup <a href="#" class="info">texte<span><br>texte popup</span></a> */
a.info, a.info:link, a.info:visited {
  position:relative;
font: normal 10px/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #ffffff; 
}

a.info:hover { /* */
   background: none; 
   z-index: 100; 
}
a.info span {display: none;} /* contenu du popup souris out */
a.info:hover span { /* contenu du popup souris hover */
   display: inline; 
   position: absolute;
   white-space: nowrap;
   
   top: 5px; 
   left: 30px;
   background: white;
   padding: 3px 5px 3px 5px;
   border: 1px solid #666633;
   border-top: 8px solid #666633;
   font: normal 10px/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #666633; 
}
/* fin */

 p.form {  margin : 0px; padding: 0px; text-align : right; color : #cccccc; } /* commentaire de form calé a droite */
  p.champ {  margin : 0px; padding: 1px; text-align : left; color : #999999; background-color:#333333; } /* champ de formulaire calé a gauche */
   p input.champ, p textarea.champ { background-color:#333333; color : #73a534;   border: 1px solid #666666;} /* fond champ de formulaire calé a gauche */
   
   
   
  .phase  { margin : 10px ; padding : 10px; text-align : center; }
  
  .publicite { display: block ;} 
a.pub:link {font: bold 6px/6px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; }
a.pub:visited {font: bold 6px/6px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; }
a.pub:hover {font: bold 6px/6px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; }