body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:0.5px;
	line-height:16px;
	background:#737373;
	color:#000;
}

/**
* MISE EN PAGE
********************/
#content {
	width:980px;
	margin:0px auto;
	/*background-color:#FFCCCC;*/
}

#photo {
	margin: -180px auto 5px;
	width:780px;
	padding:5px;
	border:1px solid #000;
	background-color:#E2E2E2;
}

#navback {
	position:relative;
	top:260px;
	left:0px;
	width:85px;
	height:105px;
	/*background-color:#FFFFCC;*/
}
#navback img {
	margin:0 auto;
}

#navforward {
	position:relative;
	top:155px;
	left:895px;
	width:85px;
	height:105px;
	/*background-color:#CCFFCC;*/
}
#navforward img {
	margin:0 auto;
}

#nav {
	display:block;
	margin: 20px 60px 0px;
	color:#ccc;
	font-size:1em;
	line-height:1.5em;
	text-transform: capitalize;
	text-align:right;
	background: transparent;
}

#nav-site {
	clear:both;
	color:#000;
	margin-top:0px;
	padding:2px;
	padding-bottom:5px;
	text-align:center;
	background-color:#E2E2E2;
	border-bottom:1px solid #000;
}

#infos {
	margin:30px auto;
	width:75%;
	padding:5px 15px;
	border:1px solid #000;
	background-color:#E2E2E2;
}

#utils {
	clear:both;
	color:#000;
	margin-bottom:0px;
	margin-top:10px;
	padding:2px;
	padding-bottom:5px;
	text-align:center;
	background-color:#E2E2E2;
	border-top:1px solid #000;
}


#demi-gauche {
	float:left;
	width:40%;
	margin-left:20px;
}

/**
* STYLES GENERAUX
********************/
h1 {
 	display: block;
	color:#fff;
	font-size:1.5em;
	text-align:center;
	text-transform: capitalize;
	text-decoration:underline;
	letter-spacing:0.3em;
	margin-top:10px;
	margin-bottom:0;
}

img {
	display: block;
}

a, a:visited {
	color:#000;
	text-decoration:none;
}

p {
	text-align:justify;
}

/**
* NAVIGATION SITE
********************/
#nav-site a {
	text-transform: capitalize;
	color:#000;
	text-decoration:underline;
}

#nav-site a:hover {
	color:#666666;
	text-decoration:none;
}

/**
* BARRE D'OUTILS
********************/
#utils a {
	text-transform: capitalize;
	color:#000;
	text-decoration:underline;
}

#utils a:hover {
	color:#666666;
	text-decoration:none;
}

/**
* NAVIGATION PHOTOS
********************/
#nav a {
	color:#fff;
	text-transform: capitalize;
	text-decoration:none;
}

#nav a:hover {
	color:#E2E2E2;
	text-decoration:none;
}

/**
* INFOS
********************/
#infos h3 {
	font-size:14px;
	margin:0px;
	letter-spacing:0.2em;
	font-weight:bold;
	border-bottom:1px solid #000;
	width:60%;
}

#image-infos {
	width:60%;
	font-size:0.9em;
	font-style:italic;
}

#image-com {
	float:left;
	margin:0;
	width:60%;
	line-height:16px;
}

#image-exif {
	float:right;
	display:block;
	margin:0;
	line-height:16px;
}

#infos a {
	color:#000;
	text-decoration:underline;
	font-style:italic;
}


/**
* EXIF
********************/
#exif-infos {
	float:left;
	width:265px;
	margin: 10px;
	margin-right:5px;
	padding: 5px;
	padding-top:0px;
	background-color:#E2E2E2;
	border:1px solid #000;
}

#exif-infos h3 {
	font-size:1em;
	margin:10px 0px 3px;
	border-bottom:1px solid #737373;
}

#exif-thumbnail {
	display:block;
	margin:10px;
	padding: 0;
	float:left;
}

#exif-thumbnail img {
	margin:0px;
}

/**
* COMMENTAIRES
********************/
#comments {
	clear:both;
	margin:10px;
	background-color:#E2E2E2;
	border:1px solid #000;
	padding: 0px 5px;
}

#comments h3 {
	font-size:1em;
	margin:10px 0px 3px;
	padding:0px 3px;
	border-bottom:1px solid #737373;
}

#comments a {
	font-weight:bold;
	text-decoration:underline;
}

.comment-info, .comment-info a {
	color:#808080;
}

#form_coms input[type=text],textarea {
	width:300px;
}
#form_coms #captcha_somme {
	width:35px;
}


/**
* AFFICHAGE (div photo)
********************/
#photo h2 {
	border-bottom:1px solid #000;
	font-size:1.2em;
}

#photo h3 {
	font-size:1.1em;
	letter-spacing:0.1em;
}

#photo h4 {
	width:50%;
	letter-spacing:0.1em;
	border-bottom:1px solid #787878;
}

#photo fieldset, #comments fieldset {
	border:0px solid #787878;
	width:450px;
}

#photo dl, #comments dl {
	margin:0px;
	padding: 0;
	font-size:1em;
	width:100%;
	clear: both;
}
#photo dt, #comments dt {
	width: 105px;
	float: left;
	text-align:right;
	padding-right:3px;
	margin: 0 0 0 0;
}
#photo dd, #comments dd {
	float: left;
	width:340px;
	margin: 0 0 0 0;
}

#photo a {
	text-decoration:underline;
}
#photo a:hover {
	text-decoration:none;
}

.thumbnail img {
	border:none;
}

#photo th,td {
	border:1px solid #E2E2E2;
	padding:2px 5px;
}

#photo th {
	text-align:center;
	background-color:#E2E2E2;
}

/**
* DOCUMENTATION
********************/

H1.doc {
	background-color:#fff;
	color:#000;
	border-bottom:1px solid #000;
	text-decoration:none;
	padding-bottom:3px;
	margin:0;
}

#doc-menu {
	list-style-type:upper-roman;
	padding:0;
	margin-left:75px;
	margin-right:30px;
	display:block;
}

#doc-menu li {
	/*padding-left:-5px;*/
}

#doc-ssmenu {
	list-style-type:lower-roman;
}

#doc-ssmenu a {
	text-decoration:none;
}

#doc-ssmenu a:hover {
	text-decoration:underline;
}

p.code {
	font-style: normal;
	font-family: "Courier New", Courier, monospace;
	font-size:12px;
	background-color: #fff;
	border: 1px solid #000;
	margin-left:15px;
	padding: 3px;
	padding-left:40px;
	text-indent:-30px;
	text-align: left;
	width:75%;
	display:block;
	overflow: auto;
}

/**
* FORMULAIRES
********************/
fieldset {
	border:none;
}

input, file, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #000;
	background-color: #FFF;
	margin-bottom:5px;
}

.thumbnail{ /* style spécial pour l'affichage des photos réduites et des crédits */
	float:left;
	border: 1px solid #A5ACB2;
	height: 85px;
	width: 85px;
	padding:3px;
	margin:8px;
	color:#A09FA3;
	font-size: 0.6em;
	background-color: #f8f8f8;
}


#demi-gauche p
{
	margin-bottom:20px;
}

#apercu {
	float:left;
	padding:0 5px;
}

.about {
	padding-left:10px;
}

.w3-img {
	float:left;
	padding-left:20px;
}