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

/* général */

#presentation , #prestation, #galerie, #realisations, #livre, #contact, #client { display:block; }
#bas { display:block; }
#accueil, #copyright  { display:block; }

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


body {
margin : 0px ;
padding : 0px;
/*color:white;*/
background-color:#404040;
background-image:  url('images/fond.jpg');
background-position: 0 0; 
background-attachment:fixed;
background-repeat:repeat-y;
} 



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

/* secondaire */

table.bandeau {
margin : 0px ;
padding :  0px;
width : 100% ;
} 
td.haut{
margin : 0px ;
padding : 0px; /* ne pas mettre de marge car IE7 additionne les marges, elles sont gérées dans .societe */ 
background-image: url('images/haut.jpg'); background-repeat: repeat-x; background-position: top left; 
height : 150px;
width : 100% ;
} 
.societe {font: bold 150%/16px  "Trebuchet MS",Tahoma, Verdana, Arial, sans-serif; letter-spacing: 5px; color: #ffffff; text-align: left; font-variant: small-caps ; margin : 50px 0px 5px 20px ;}
.message {font: bold 150%/16px  "Trebuchet MS",Tahoma, Verdana, Arial, sans-serif; letter-spacing: 5px; color: #ffffff; text-align: right; font-variant: small-caps ; margin : 5px 50px 20px 0px ;}


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


div.menu{
display: block ;
margin : 0px ;
padding : 0px 0px 0px 0px;
height : 511px;
width : 215px ;
white-space:nowrap;
} 
div.smenu{
display: block ;
margin : 0px 0px 10px 0px;
padding : 0px 0px 0px 20px;
white-space:nowrap;
font: normal 70%/16px Verdana, Arial, sans-serif; color: #cccccc; text-decoration:none; 
}

td.contenu{
margin : 0px ;
padding : 0px 80px;
background-image: url('images/contenu.jpg'); background-repeat: repeat-x; background-position: top center; 
width : 100% ;
} 


.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('icone/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('icone/puce03.jpg'); background-repeat: no-repeat; background-position: top left; 
margin : 0px;
padding : 0px 0px 0px 40px;
} 
/* fin */

a:link.contenu {font: bold 8px/16px Verdana, Arial, sans-serif; color: #C9AF79; text-decoration:none; white-space:nowrap;} /* */
a:visited.contenu {font: bold 8px/16px Verdana, Arial, sans-serif; color: #C9AF79; text-decoration:none; white-space:nowrap;} /* */
a:hover.contenu {font: bold 8px/16px Verdana, Arial, sans-serif; color: #000000; text-decoration:none; white-space:nowrap;} /*  */
/* h1 = pub */

h1 {font: bold 120%/16px  "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; letter-spacing: 5px; color: #ffffff; text-align: left; font-variant: small-caps ; margin : 10px 0px 5px 0px ; white-space:nowrap;}
h2 {font: bold 120%/16px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #CCCCCC; text-align: left; font-variant: small-caps ; margin : 5px 0px 5px 0px ;}
h3 {font:  normal  70%/16px   Tahoma, Verdana, Arial, sans-serif; letter-spacing: 0px; color: #ffffff;}
p.paragraphe {font: normal 70%/16px Verdana, Arial, sans-serif; letter-spacing: 0px; color: #ffffff; text-align: justify; margin : 5px 0px 20px 0px ;}
p {font: normal 70%/16px Verdana, Arial, sans-serif; letter-spacing: 0px; color: #999999; text-align: justify; margin : 5px 0px 10px 0px ;}
p.retrait {font: normal 70%/16px Verdana, Arial, sans-serif; letter-spacing: 0px; color: #A49985; text-align: justify; margin : 5px 0px 5px 20px ;}
p.soustitre {font: bold 70%/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 0px; color: #82ABC5; text-align: left; margin : 5px 0px 0px 0px ;}
p span {color: #82ABC5;}
h4 {font: normal 70%/16px Verdana, Arial, sans-serif; letter-spacing: 0px; color: #ffffff;text-align: left; margin : 20px 0px 5px 0px ;}
h4 span { color: #999999;}
h5 {font: normal 10px/16px Verdana, Arial, sans-serif; letter-spacing: 1px; color: #cccccc; text-align: justify;}
h6 {font: normal 9px/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #cccccc;text-align: justify;}
h6 b{font: bold 9px/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #cccccc;}







a:link {font: normal 100%/16px Verdana, Arial, sans-serif; color: #A68D5B; text-decoration:none; } /* mettre 100% car il est mis dans un p qui est à 65% */
a:visited {font: normal 100%/16px Verdana, Arial, sans-serif; color: #A68D5B; text-decoration:none; } /* */
a:hover {font: normal 100%/16px Verdana, Arial, sans-serif; color: #ffffff; 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:2px solid white; } /* class pour image */
img.bord50n {  border:50px solid black; margin : 10px 10px 10px 10px;} /* class pour image */
img.bord50b {  border:50px solid #F6F6EC; margin : 10px 10px 10px 10px;} /* class pour image */
img.droite { float: right ; }
.droite {text-align : right; } 
.gauche {text-align: left;}
.centre {text-align: center;}
.justif  {text-align: justify;}
.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: #000000; 
}

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 */

/* gere le menu mentions legales flotant en bas */
.bas
{
   display: block; 
   position: absolute;
   float: left ; 
   bottom: 0px; 
   left: 100px;
   }
   
   .ongletphoteam
{
   display: block; 
   position: absolute;
   float: right ; 
  bottom: 20px; 
   right: 0px;
   }
   
a:link.mention {font: normal 8px/16px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; } /* */
a:visited.mention {font: normal 8px/16px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; } /* */
a:hover.mention {font: normal 8px/16px Verdana, Arial, sans-serif; color: #FFA800; text-decoration:none; } /*  */
/* 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 : #cccccc; } /* champ de formulaire calé a gauche */
p input.champ {  margin : 0px; padding: 3px; text-align : left; color : #000000; }


/* position commune du div des pages réalisations*/
.realisation {
   display: block; 
   position: absolute;
   float: left ; 
  top: 234px; 
   left: 194px;
   }
   
   .copyright
{
/* partie bloc*/
   display: block; 
   position: absolute;
   float: left ; 
   bottom: 3px; 
   left: 10px;
z-index:1;
/* partie texte*/
margin : 0px;
padding: 0px;
text-align: center; 
}
a.copyright:link {font: normal 80%/16px Verdana, Arial, sans-serif; color: #cccccc; text-decoration:none; } /* mettre 100% car il est mis dans un p qui est à 65% */
a.copyright:visited {font: normal 80%/16px Verdana, Arial, sans-serif; color: #cccccc; text-decoration:none; } /* */
a.copyright:hover {font: normal 80%/16px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; } /*  */

.publicite { display: block ;} 
a.pub:link {font: bold 50%/10% Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; }
a.pub:visited {font: bold 50%/10% Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; }
a.pub:hover {font: bold 50%/10% Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; }