*{padding: 0; margin: 0;}

body{
	text-align:center;
	background-color:#5F4D4D;
	margin-top:0px;
	font-family:arial;
	font-size:12px;
	font-family:arial;
	color:white;
}

img{
    border:none;
    }

#site{
	text-align:justify;
	margin:auto;
	width:950px;
	margin-top:0px;
	padding:0px;
}

#banniere{
	margin:0px;
	margin-bottom:0px;
	margin-top:30px;
	padding:0px;
	text-align:right;
	height:65px;
	padding-right:20px;
	background-image:url(../_images/david_banniere.png);
	background-repeat:no-repeat;
	background-position:95% 80%;
}

#banniere h1, #banniere h2{
		color:#5F4D4D;
		font-size:4px;
		margin:0px;
		padding:0px;
}


#site_centre{
	background-color:#2F2929;
}

#menu{
	width:180px;
	float:left;
	height:370px;
	margin-right:30px;
	margin-top: 30px;
	text-align:left;
	padding-top:10px;
	background-color:#2F2929;
	border-right: 1px solid #5F4D4D;
	margin-bottom:40px;
	padding-bottom:40px;
}

#menu ul{
	padding-left:40px;
}

#menu li{
	list-style-type:none;
	margin-bottom:50px;
}


#menu a{
	color:#a18d8d;
	text-decoration:none;
	font-size:14px;
	font-weight:bolder;
}

#menu a:hover{
	color:#b8b8b8;
}

#menu a:selected{
	color:yellow;
}

#droite{
	float:left;
	width:720px;
	margin-top: 20px;
	padding-top:30px;
}


#pied{
	color:#2F2929;
	font-weight:bolder;
	text-align:center;
	height:40px;
	margin-bottom:15px;
	margin-top:10px;
}

#pied img{
	vertical-align:middle;
}

#pied a{
	color:#2F2929;
	font-weight:bolder;
	text-decoration:none;
	padding-top:20px;
}

#pied a:hover{
	color:white;
}



hr{
	clear:both;
	visibility:hi	dden;
	height:0;
}

#auteur{
	margin-right:40px;
	padding-left:10px;
}

#auteur p{
	padding:10px;

}



#livres, #reportages{
	width:650px;
	padding:0px 20px 20px 0px;
}

.livre, .reportage{
	margin-bottom:40px;
	padding-left:20px;

}

#livres p, #reportages p{
	padding-top:0px;
	margin-top:0px;
}

.photoReportage{
	width:130px;
	float:left;
	margin-right:50px;
}

.photoLivre{
	text-align:left;
	margin-bottom:30px;
	float:left;
	width:290px;
}

.photoLivre img{
	margin-right:30px;
}

.descriptionLivre li{
	margin-bottom:10px;
}

.descriptionLivre ul{
	margin-top:30px;
	font-size:14px;
	margin-bottom:20px;
}



.descriptionReportage{
	width:470px;
	float:left;
}


.descriptionReportage li{
	margin-bottom:30px;
}


.descriptionLivre a, .descriptionReportage a{
	color:white;
}


.descriptionLivre a:hover, .descriptionReportage a:hover{
	color:white;
	text-decoration:none;
}





hr{
	clear:both;
	visibility:hidden;
}






#auteur_photo{
margin-left:20px;
margin-top:15px;
float:left;
width:320px;
}


#auteur_texte{
width:400px;
float:left;
}



legend{
	color : #white;
	padding:0px 15px 0px 15px;
	font-weight:bolder;
	margin-bottom:0px;
}

fieldset{
	border:1px solid white;
	padding: 10px 20px 10px 20px;
}

fieldset li{
	margin-bottom:15px;
}


#actualites h2{
	font-size:12px;
}

#actualites li{
	margin-top:10px;
}




#presses{
	width:690px;
}


.presse{
		margin-bottom:10px;
		padding:0px 20px 20px 20px;;
		font-style:italic;
}

h1{
	font-style:normal;
	margin-bottom:25px;

}

.presse p{
		line-height:20px;
		font-size:12px;
}


.origine{
	color:grey;
	text-align:left;
	font-style:normal;
	margin-top:5px;
	margin-bottom:40px;
}

.guillemet{
	color:grey;
	font-size:16px;
	font-family:courrier;
	line-height:15px;
	font-weight:bolder;

}

#contact{
	padding-left:20px;
}

.item_contact{
	width:350px;
	float:left;
}

.form_contact{
	width:200px;
	margin-bottom:40px;
}

#form_contact_area{
	width:400px;
	height:300px;
}

#formulaire_contact{
	margin:50px 0px;
	border: 1px solid #5F4D4D;
	padding:0px 30px 30px 30px;
	width:450px;
	
}



#formulaire_contact input[type="submit"]{ 
	margin-left:280px;
	text-align:center;
}

#formulaire_contact h1{
	font-size:16px;
	margin-top:20px;
	margin-bottom:30px;
}




#reussite, #echec{
	font-weight:bolder;
	font-size:14px;
	font-style:italic;
}


#reussite{
	color:green;
}

#echec{
	color:red;
}




#slider {
    width: 500px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    width: 500px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 20px;
    width: 500px;
}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: red;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: red;
}

ul.navigation a.selected {
    background-color: red;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -40px;
}

.scrollButtons.right {
    right: -50px;
}

.hide {
    display: none;
}


button{
	text-align:left;
	margin-bottom:30px;
	padding:3px 10 px 3px 10px;
}

.descriptionReportage a{
	text-align:center;
	margin-bottom:30px;
	margin-left:0px;
}

.descriptionLivre{
	float:right;
	width:280px;
}