html, body {
	font: 8pt/12pt tahoma, arial;
	color:#707070;
	margin:0;
	padding:0;
	text-align: center; /* pour corriger le bug de centrage IE */
	background:#e7e7e7 url(img/back.png) repeat-x;
	}
hr {
	display: block;
	height: 1px;
	color:#e7e7e7;
	background-color:#e7e7e7;
	border: 0;
	margin:-7 0 -5 0;
	padding:0;
	width:100%;
	text-align:center;
	}
p {
	margin-top:0;
	margin-bottom: 13;
	padding: 0;
	}
table {
	text-align: justify;
	font: 10pt/12pt tahoma, arial;
	}
li {
	color:#535353;
	list-style-type: square ;
	}
#pagecontenutable { /*nouveau contenu page*/
	height:100%;
	width:1000; /* largeur obligatoire pour être centré */
	padding-top:0;
	margin: 0;
	text-align: justify;
	background:#FFF;
	border:none;
	}
#container { /*nouveau container, remplace page et pagecontent page*/
	min-height:100%;
	height:100%;
	width:1000; /* largeur obligatoire pour être centré */
	padding-top:0;
	margin: 0 auto 0 auto;
	text-align: justify;
	background:#FFF;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	}
#pagecontent {
	position: relative;
	float:left;
	width:964;
	margin:-201 0 0 0;
	padding:40 18 20 18;
	background:none;
	z-index:100;
	}
#logopage { /*Bannière*/
	position: relative;
	float: center;
	width: 1000px;
	height: 344px;
	margin:0 auto 0 auto;
	background:url(img/bann.jpg) no-repeat;
	z-index:1;
	}
#preload {
	display:none;
	}
/******************** classe *****************/
.titre {
	font: 11pt/12pt arial, arial;
	font-variant:small-caps;
	letter-spacing: 2px;
	color:#000;/**#ed9d22;**/
	}
.sstitreb {
	font: 10pt/12pt tahoma, arial;
	font-weight:bold;
	}
.top {
	vertical-align:top;
	}
.navi a {
	color:#707070;
	text-decoration: none;
	font-weight:normal;
	}
.navi a:visited {
	color:#707070;
	font-weight:normal;
	}
.navi a:hover, a:active {
	color:#f64207;
	text-decoration: none;
	}
.diapoo {
	display: table-cell!important;
	text-align: center!important;
	vertical-align: middle!important;
	width:150;
	height:150;
	margin:0;
	padding:0;
	background:none;
	border:1px solid #e7e7e7;
	font: 8pt/12pt arial, arial;
	}
.greyline {
	border-bottom:1px solid #e7e7e7;
	padding:3 0 3 0;
	}
.greyback { /* livre d'or lign nom du posteur*/
	background:#e7e7e7;
	border:1px solid #e7e7e7;
	color:#707070;
	padding: 2 5 2 5;
	}
.white { /* inversé swwip II*/
	color:#000;
	font-weight:bold;
	}
.exifcart {
	margin: 0 0 0 0;
	}
.tarif {
	width:540;
	text-align:center;
	Border:1px solid #e7e7e7;
	background:none;
	font: 10pt/12pt arial, arial;
	}
.footer {
	font: 9pt/10pt tahoma, arial;
	padding:0;
	text-align:center;
	}
/****************** formulaire *****************/
.smallcomment {
	font: 8pt/10pt tahoma, arial;
	/*font: 10 arial;*/
	}
.bouton, .boutonmail  {
	background:none;
	font: 10pt/12pt tahoma, arial;
	color:#000;
	border:1px solid #e7e7e7;
	padding:2 12 2 12;
	}
/*********************************************/
#menupage {
	position: relative;
	float:left;
	width:423;
	height:18;
	border:0px;
	margin:-242 0 0 577;
	padding:0;
	/*background:#458695;*/
	text-align:left;
	}

#M1 {
	width:79px; 
	height:13px; 
	background: url(img/actu.png) no-repeat 0 0;
	display:block;
	}
#M1:hover {
	background:url(img/actu.png) no-repeat 0 -13px;
	}
	
#M2 {
	width:79px; 
	height:13px; 
	background: url(img/portfolio.png) no-repeat 0 0;
	display:block;
	margin:-13 0 0 90;
	padding:0;
	}
#M2:hover {
	background:url(img/portfolio.png) no-repeat 0 -13px;
	}

#M3 {
	width:91px; 
	height:13px; 
	background: url(img/photoboys.png) no-repeat 0 0;
	display:block;
	margin:-13 0 0 180;
	padding:0;
	}
#M3:hover {
	background:url(img/photoboys.png) no-repeat 0 -13px;
	}	
#M4 {
	width:71px; 
	height:13px; 
	background: url(img/contact.png) no-repeat 0 0;
	display:block;
	margin:-13 0 0 282;
	padding:0;
	}
#M4:hover {
	background:url(img/contact.png) no-repeat 0 -13px;
	}
#M5 {
	width:41px; 
	height:13px; 
	background: url(img/link.png) no-repeat 0 0;
	display:block;
	margin:-13 0 0 364;
	padding:0;
	}
#M5:hover {
	background:url(img/link.png) no-repeat 0 -13px;
	}		
/*********************************************/
#photographes {
	width:860;
	Border:none;
	background:none;
	font: 10pt/12pt arial, arial;
	}
#portfol { /*container encadré contient la page*/
	width:964;
	Border:1px solid #e7e7e7;
	background:url(img/layer30.png) repeat;
	font: 10pt/12pt arial, arial;
	}
#portf {
	font-weight:normal;
	}
#portf a, a:visited {
	color:#707070;
	text-decoration: none;
	font-weight:normal;
	}
#portf a:hover, a:active {
	color:#f64207;
	}
#photothumb {
	text-align:center;
	width:900;
	Border:none;
	border-color:#e7e7e7;
	background:none;
	font: 10pt/12pt arial, arial;
	}
#pres {
	position: relative;
	padding-top:0;
	margin: 0 auto 0 auto; /*passer auto à 50% sous IE*/
	Border:1px solid #e7e7e7;
	font: 10pt/12pt arial, arial;
	}
#presP {
	position: relative;
	padding-top:0;
	margin: 0 auto 0 auto; /*passer auto à 50% sous IE*/
	Border:1px solid #e7e7e7;
	font: 10pt/12pt arial, arial;
	}
#commentSM, #commentAT, #commentTE { /***aperçu image catégorie***/
	position:absolute;
	float: right;
	display:table-cell;
	vertical-align: top !important;
	width:285;
	height:auto;
	margin:0 0 0 10;
	padding: 0;
	background:none;
	text-align:justify;
	}
/*********************************************/
a, a:visited {
	color:#000;
	text-decoration: none;
	font-weight:bold;
	}
a:hover, a:active {
	color:#f64207;
	}
/*********************************************/
.exif { /* DIV d'affichage de l'EXIF pour l'image */
	position : absolute;
	display : none;
	margin-top : -120px;
	margin-left : 90px;
	font: 8pt/12pt tahoma, arial;
	text-align : left;
	color : #000;
	padding:1 12 3 12;
	border : solid 1px #e7e7e7;
	border-left: solid 7px #e7e7e7;
	background-color : #FFF;
	width : 315px;
	z-index : 2;
	filter: Alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: 0.75;
	opacity: .75;
}
/*********************************************/
a.thumb {
    position:relative;
    text-decoration: none;
}
a:hover.thumb {
    text-decoration: none;
    background: none;
    z-index: 2;
}
a.thumb span {
    display: none;
}
a:hover.thumb span { /*apercu vignettes formulaire de commande*/
    display: inline;
    position: absolute;
    top:20px;
    left:10px;
    background: #FFF;
    color: #FFF;
    border:1px solid #e7e7e7;
    width:150px;
    text-align:center;
    font-weight:normal;
    font: 8pt/12pt tahoma, arial;
    line-height:12px;
    padding:2px 4px;
}
/*********************************************/
a.infob {
    position:relative;
    text-decoration: none;
}
a:hover.infob {
    text-decoration: none;
    background: none;
    z-index: 2;
}
a.infob span {
    display: none;
}
a:hover.infob span { /* DIV d'affichage des infos au survol */
    display: inline;
    position: absolute;
    top:-7px;
    left:18px;
    background: #FFF url(img/layer30.png) repeat;
    color: #000;
    border:1px solid #e7e7e7;
	border-left: solid 7px #e7e7e7;
    width:380px;
    text-align:justify;
    font: 8pt/12pt tahoma, arial;
    font-weight:normal;
    line-height:1.6;
    padding:6px 20px 8px 18px;
}