@import url(global.css);

/* TITRE */

h1 {
	font-size: 2.2em;
	color: #f49500;
	font-weight: normal;
	margin: 10px 0 0 0;
}

h2 {
	font-size: 1.5em;
	color: #c35429;
	font-weight: bold;
	padding: 0;
}

h3 {
	margin: 0 0 0 0 ;
	color: #cb7e2f;
	font-size: 1.4em;
	font-weight: bold;
}

/* MAIN-AREA */

.main-area {
	float: left;
	background-image: url(../img/global/ombre_bkgd.gif);
	background-repeat: no-repeat;
	padding: 0;
}

/* BLOCS */

.ma-bloc {
	float: left;
	width: 640px;
	padding: 0 0 10px 10px!important;
	padding: 0 0 10px 20px;
	clear: both;
	margin:0;
}

.image-bloc{
	float: right;
	width: 240px;
	padding: 0 0 0 10px;
	color: #c35429;
	font-size: 0.9em;
	clear: both;
}

.image-bloc a img{
	clear: both;
	padding: 0 0 3px 0;
}

.image-bloc a span{
	float: left;
	display: block;
	padding: 0 0 0 17px;
	background-image:url(../img/global/btn_zoom.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

.ma-part {
	float: left;
	width: 640px;
	padding: 0 0 10px 10px;
	clear: both;
}

.image-vignette{
	float: right;
	width: 240px;
	padding: 0 0 0 10px;
	color: #c35429;
	font-size: 0.9em;
}

.chapo {
	padding: 10px 0 0 0;
}

.paragraph {
	float: left;
}


/* A VOIR A FAIRE */

.voir {
}

.voir .bulle{
	float: left;
	margin: 0 0 0 20px!important;
	margin: 0 0 0 30px;
}

.infos {
	float: left;
	width: 620px;
	padding: 10px;
	margin: 0 0 10px 10px;
	clear: both;
	background-color: #fccf99;
}

.infos img {
	padding: 0 0 10px 0;
}
.infos .paragraph {
	width: 220px;
}

.infos .paragraph p{
	margin: 0 0 5px 0;
}