@charset "utf-8";
/* CSS Document */

body {
	color: #ffffff;
	margin: 0px;
	padding: 0px;

	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

body a img {
	border: none;
}

img{
	display: block;
}

.clearing{	
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/*------ nettoyage des styles ------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}

ul li ul 
{
	margin-left:30px;
	list-style:circle;
}


caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a:link, a:visited {
	text-decoration: underline;
	font-weight: bold;
	color:#ca0818;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
	color:#ca0818;
}
.legende {
	font-size:10px;
	color:#ca0818;
	font-weight:bold;
}
.important{
	font-size:16px;
	color:#ca0818;
}

/*------ pavé site ------*/
td{
		font-size:12px;
	line-height:18px;
}
#bg1{
	height:100%;
		
}
#flashcontent {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1024px;
	height: 198px;
	border: 0px solid #f7da32;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#flashvideo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 800px;
	height: 400px;
	border: 0px solid #f7da32;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#flasRipley1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 250px;
	height: 250px;
	border: 0px solid #f7da32;
	float:right;
	text-align:left;
	margin-left:20px;
}
#flashJouer{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 550px;
	height: 386px;
	border: 0px solid #f7da32;
	float:right;
	text-align:left;
	margin-left:20px;
	
}
#contenupage{
	width: 1024px;
	margin-left:auto;
	margin-right:auto;
	height:386px;
	background-image:url(images/background_content.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	text-align:left;
}
#contenupage2{
	width: 1024px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/background_content.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	text-align:left;
}
#article_accueil{
	width: 1024px;
	height:386px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/big_livre_2010.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}
#article_livre{
	width: 1024px;
	height:386px;
	margin-left:auto;
	margin-right:auto;
}
#pave_livre_accueil{
	margin-left:420px;
	padding-top:20px;
	text-align:left;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 30px;
	color: #9c8e6b;
	letter-spacing: -2px;
	line-height:25px;
	margin-bottom:10px;
}
.texte-important{
	font-weight:bold;
	font-size:15px;
	line-height:20px;
}
.image_gauche{
	float:left;
	
}
.image_droite{
	float:right;
}
.image_droite2{
	float:right;

}
#phrase_commentaire{
	color:#b28c48;
	margin-left:280px;
	margin-top:20px;
	text-align:left;
}
#contenu_footer{
	width: 100%;
	height:100px;;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/bg_2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#footer{
	width: 1024px;
	height:100px;;
	margin-left:auto;
	margin-right:auto;
}
#menu_footer{
	margin-left:304px;
	padding-top:10px;
	color:#000;
	text-align:left;
	font-size:10px;
}

#formulaire_big {
	margin-top: 20px; /*width of left column*/
}
#formulaire_big label{
	float: left;
	font-weight:bold;
	margin-left: 0px; /*width of left column*/
	width: 60px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
#formulaire_big  input[type="text"]{
	width:150px;
}
#formulaire_big input[type="submit"]{
	width:150px;
	margin-left: 60px;
}
.image_gallerie{
	margin-right:5px;
	margin-bottom:5px;
	border: 1px solid #9c8e6b;
	float:left;
}


#italique {
	font-style: italic;
}