/*

. c'est des id
# c'est des class

*/

body {	
background-color: #d4cfc9;/*#fcfcfc;*/
padding: 0 0 0 0;
margin: 0 0 0 0; /*c'était margin: 10px 0 0 0; mais j'ai du enlever pour pano, la scrollbar était en dehors de la fenetre */
font-size: 0.9em; 
color: #666666;
font-family: "Century Gothic",verdana, arial, helvetica, sans-serif; 
text-decoration: none;
}


a {
font-size: 1em; 
font-family: "Century Gothic",verdana, arial, helvetica, sans-serif; 
color: #666666;
text-decoration: none;
font-style: normal;
}
a:hover {text-decoration: underline;font-style: normal;font-weight: lighter; }

.lienU {
font-size: 1em; 
font-family: "Century Gothic",verdana, arial, helvetica, sans-serif; 
color: #666666;
text-decoration: underline;
font-style: normal;
}
.lienU:hover {text-decoration: underline;font-style: normal;font-weight: lighter; }


.boldLink {
font-size: 0.9em; 
font-family: "Century Gothic",verdana, arial, helvetica, sans-serif; 
color: #666666;
text-decoration: none;
font-weight: bold;
}

.boldLink:hover {
font-size: 0.9em; 
font-family: "Century Gothic",verdana, arial, helvetica, sans-serif; 
color: #666666;
text-decoration: underline;
font-weight: bold;
}

.boldLinkBlack {
font-size: 1.2em; 
font-family: "Century Gothic",verdana, arial, helvetica, sans-serif; 
text-decoration: none;
font-weight: bold;
color: #333333;
}

.boldLinkBlack:hover {
font-size: 1.2em; 
font-family: "Century Gothic",verdana, arial, helvetica, sans-serif; 
text-decoration: underline;
font-weight: bold;
color: #333333;
}

.btnactif {
color: #666666;;
}

.btnnonactif {
color: #d4cfc9;
}

img {
border: none;
}

table {
border: 0px solid;/* pour debugger les tables */
}

#backgroundimg {
border: 2px solid black;}

/* boite flottante sur page index et les pages photos*/
#boitetitreflottante {
width: 300px;
text-align: right;
z-index: 3;
position : absolute;
padding:10px 10px 10px 20px;
top: 15px;
left: 0%;
background:#000000;
border: 1px solid #666666;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
}

/*specifique*/

.newicon
{
	vertical-align: super; 
	font-size: 50%; 
	display: inline;
	color : red;
}

.titresectionactuelle {
font-size: 1em; 
color: #222222; 
display: inline;
}

.fonction {color: #222222;font-size: 0.8em} /*pour page lien*/

.email {font-size: 0.8em;font-style: italic;}
.email:hover {font-size: 0.8em;font-style: italic;}

/*pour la photo page d'accueil*/
#photoid {
  width: 600px;
  text-align: left;
}

/*pour les pages index des galeries*/
#titretexte { 
line-height: 1.5em;  
font-weight: bold; 
text-align: left; 
padding: 5px 0px;
display: inline;} 

.texte {
font-size: 0.9em; 
line-height: 1.3em; 
text-decoration: none; 
font-weight: lighter; 
text-align: justify; 
padding: 5px 0px;}

#imgdiv {	
	z-index: 1;
  position: absolute;
  text-align: center;
 	width: 100%;
 	height: 100%;
  overflow: hidden; /*pour pano avant c'était sur hidden*/
}

#loadingimg {
	z-index: 2;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	height: 100%;
  overflow: hidden;
}

#photoindex {
font-size: 0.9em; 
}

#tablevignette {

}

/*cellule des vignettes sur la page p_portfolio */
.tdvignette {
text-align: center;
vertical-align: middle;
background: #000000;
/*border: 1px solid #000000;*/
}

.imgvignette {
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;

}

/* class de table pour l'occupation de la page */
.tabledepage {
width: 80%;
min-width: 800px;
max-width: 1200px;
min-height: 550px;

}

/* class de table pour l'occupation de l'espace du contenu */
.tabledecontenu {
width: 100%;
height: 100%;
}

#contenuNL {
margin-left : 10%;
}

#diapotimer {
background-color: #d4cfc9;
display: inline;
color: #666666;
border: 0px;
font-size: 1em; 
}

/*pour l'écriture du nom dans les boites de titre : alexandre martin*/

#alexandremartin {
font-size: 1.1em; 
color: #dddddd; 
font-weight: lighter;
letter-spacing: 8px;
display: inline;
}
#alexandremartin:hover {text-decoration: none}

#photographe {
font-size: 1em; 
font-weight: lighter;
letter-spacing: 8px;
display: inline;
}
#photographe:hover {text-decoration: none}

#footer {
font-size: 0.6em;
text-align: left;
color: #666666;
margin-top: 20px;
}

#signature {
margin : 10%;
font-size: 0.9em;
text-align: left;
color: #666666;
margin-top: 20px;
}

.facebook {
font-size: 0.6em;
}

#giftaillefenetre {
position: absolute;
z-index: 51;
width: 98%;
height: 98%;
visibility: hidden;
}

#newsletterid {
text-align: left;
font-size: 0.7em;
}

INPUT {
     color: #666666;
     background-color:#e1e1e1;
     width: 100;
     font-size: 0.9em;
     font-family: "Century Gothic",verdana, arial, helvetica, sans-serif; 
}

input[type="submit"] {
background-color:#e1e1e1;
}

#iptcdiv {
  position:absolute;
	z-index:49;
		padding:0;
	bottom:150px;
	left:10px;
	right :10px;
	background:#fff;
	border:1px solid #666;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	visibility: hidden;
}

#debugdiv {
  position:absolute;
	z-index:50;
	padding:0;
	bottom:50px;
	right:10px;
	background:#fff;
	border:1px solid #666;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	visibility: hidden;
}

.imgdiaphane {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}

.imgopaque {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity: 1;
}

#scrollpanodiv
{
	position: absolute;
	z-index: 35;
	bottom: 60px;
	right: 10px;
	background:#fff;
	border:1px solid #666;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}

/* newsletter */

.nllink {
font-family: "Century Gothic",verdana, arial, helvetica, sans-serif; 
text-decoration: underline;
color: #111111;
}

.nllink:hover {
font-family: "Century Gothic",verdana, arial, helvetica, sans-serif; 
text-decoration: underline;
color: #222222;
}