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

body {
margin:0; 
background: #fff url('medias/fond.jpg') no-repeat;
font-family: Arial, Helvetica, sans-serif;
color:#515151;
font-size:100%;
}
#globale {
width: 1200px;
margin: 0 auto;
display:table;
}
#logo {
margin: 245px 0 205px 300px;
width: 586px;
height: 64px;
float: left;
}
#contenu {
float:left;
position:relative;
width:1200px; 
padding-left:15px; 
padding-top:0px;
min-height: 60px;
}

h1 {
  text-align: center;
  font-size: 14px;
  display: inline;
}
h2 {
  text-align: center;
  font-size: 14px;
  display: inline;
}
#contact {
color: #717171;
float: right;
position:relative;
width:550px;  
padding-top: 300px;
padding-bottom: 150px;
}
#contact a {
color: #717171;
}
#contenu p {
font-size:0.8em; 
margin-top:5px;
line-height: 1.5em;
color: #102234 ;
padding-right:10px ;
}
#contenu p.contact{
font-size: 0,8em; 
margin-top: 450px;
line-height: 1.5em;
color: #515151 ;
padding-right:60px ;
text-align: right;
}
#contenu p.bio{
font-size: 0,8em; 
margin-top: 150px;
line-height: 1.5em;
color: #515151 ;
padding-right:15px ;
padding-left: 200px ;
text-align: right;
}
#contenu p.act{
font-size: 0,8em; 
margin-top: 100px;
line-height: 1.5em;
color: #515151 ;
padding-right:0px ;
padding-left: 200px ;
text-align: left;
}
#contenu p a{
color:#ff9d22; 
text-decoration:none
}
#pied {
border-top: #e9eff5 0px solid;
text-align:center;
width: 95%;
height:30px;
margin-top: 25px;
}
#pied p {
color:#000; 
font-size:10px;
}
#pied p a{
color:#000; 
text-decoration:underline
}
#pied p a:hover{
color: #ff9d22; 
text-decoration:underline
}
table {
text-align: center;
margin-top:5px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}
div#page {
	width: 1200px;
	background: transparent url(medias/logo_int.png) bottom left no-repeat;
	margin: 0 auto;
	text-align: left;
	
	
}
div#container {
	padding: 20px;
}

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: left;
	width: 1000px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 1000px;
	height: 385px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 1000px;
	height: 385px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 385px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: none;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 1000px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
color: #777;
    float: right;
	font-size: 0.7em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
}
ul.thumbs li.selected a.thumb {
	background: transparent;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	font-size: 60%;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #ccc;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}


span.l {
display: inline;
}
span.s {
display: inline;
}

#nuage {
width: 650px;
height: 235px;
margin-left: 400px;
margin-bottom: 70px;
display: block;
float: left;
}
#nav {
margin-top: 30px;
width: 1200px;
height: 70px;
text-align :center;
}
#nav_g {
margin-top: 0px;
padding-top: 30px;
width: 100%;
height: 70px;
text-align :center;
background: url(medias/nav_g.jpg) center;
}
.menu {
text-align: center;
width: 100%;
}
.menu a {
font-size: 80%;
color: #000;
margin-left: 20px;
margin-right: 28px;
text-decoration: none;
}
.menu a:visited {
color: #000;
text-decoration: none;
}
.menu a:hover {
color: #782121;
text-decoration: none;
}