/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	margin: 0px;
	padding:0px;
	background: #aeaebe url(../img/port.jpg) repeat-x top center ;
	font-family: Arial, Helvetica, sans-serif;
	color:#1a2f42;
	font-size:12px;
	z-index:100;
}
#fond{
	background: url(../img/fond.jpg) no-repeat top center ;
	z-index:99;
	margin-left:auto;
	margin-right:auto;
	padding-right:20px;
}
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
}

h1{font-weight:bold;
	font-size:1.2em;
	color:#d9486f;}
h2{font-size:0.8em;
color:#666;
font-weight:100;
margin-top:4;
padding-top:0;
text-align:left;}
h3{font-size:0.9em;
color:#014948;
font-weight:bold;
	padding:10px 50px 0px 30px;

text-align:left;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #CCC;
}

textarea{
	width: 80%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #14719c;
	
}

a:visited{
	color: #14719c;
}

a:hover{
	color: #d9486f;
}
p{
		padding:0px 0px 0px 0px;
		font-size:1em;
}
.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

/* La page
-------------------------------------------------------- */
#page{
	background-position: top center;
	display:block;
	position: relative;
     margin-left: auto;
     margin-right: auto;
}


/*bloc page*/

#blocpage{
	display:block;
	position: relative;
	 top:40px;
	 left:0px;
	 width:763px;
}
#entete{

	background:url(../img/bandeau2.jpg) no-repeat top left;
	height:191px;
	width:760px;
	clear:both;
}
#page{
	width:763px;
	text-align: left;
	display:block;
	position:relative;
		
}
.milieu{
	background-image: url(../img/feuille2.jpg);
	background-repeat:repeat-y;
	width:760px;
	position:relative;
	display:block;
	overflow:hidden;
	/*overflow:auto;*/
	}



#menu {
	position:relative;
	display:block;
	width:617px;
	left: 40px;
	 top:0px;

}
#accueil a{
	display:block;
	position:absolute;
	width:62px;
	height:32px;
	float:left;
	left:0px;
	background:url(../img/accueil_off.jpg) no-repeat top right ;
}
#accueil a:hover{
	background:url(../img/accueil_on.jpg) no-repeat top right ;
}
#actualites a{
	display:block;
	position:absolute;
	width:80px;
	height:32px;
	float:left;
	left:62px;
	background:url(../img/actualites_off.jpg) no-repeat top right ;
}
#actualites a:hover{
	background:url(../img/actualites_on.jpg) no-repeat top right ;
}
#catalogue a{
	display:block;
	position:absolute;
	width:145px;
	height:32px;
	float:left;
	left:142px;
	background:url(../img/catalogue_off.jpg) no-repeat top right ;
}
#catalogue a:hover{
	background:url(../img/catalogue_on.jpg) no-repeat top right ;
}
#revue a{
	display:block;
	position:absolute;
	width:111px;
	height:32px;
	float:left;
	left:287px;
	background:url(../img/revue_off.jpg) no-repeat top right ;
}
#revue a:hover{
	background:url(../img/revue_on.jpg) no-repeat top right ;
}

#dossier a{
	display:block;
	position:absolute;
	width:119px;
	height:32px;
	float:left;
	left:398px;
	background:url(../img/dossier_off.jpg) no-repeat top right ;
}
#dossier a:hover{
	background:url(../img/dossier_on.jpg) no-repeat top right ;
}
#aleas a{
	display:block;
	position:absolute;
	width:80px;
	height:32px;
	float:left;
	left:517px;
	background:url(../img/aleas_off.jpg) no-repeat top right ;
}
#aleas a:hover{
	background:url(../img/aleas_on.jpg) no-repeat top right ;
}
#liens a{
	display:block;
	position:absolute;
	width:54px;
	height:32px;
	float:left;
	left:597px;
	background:url(../img/liens_off.jpg) no-repeat top right ;
}
#liens a:hover{
	background:url(../img/liens_on.jpg) no-repeat top right ;
}
#contact a{
	display:block;
	position:absolute;
	width:66px;
	height:32px;
	float:left;
	left:651px;
	background:url(../img/contact_off.jpg) no-repeat top right ;
}
#contact a:hover{
	background:url(../img/contact_on.jpg) no-repeat top right ;
}
#barre{
	background:url(../img/barre.gif) no-repeat top right ;
	width:674px;
	height:12px;
	clear:both;
	display:block;
	position:relative;
	top:40px;
	left:85px;

}
/* Le contenu
-------------------------------------------------------- */

#content {
display:block;
position : relative;
width:700px;
clear:both;
top:80px;
left:30px;
}

.blocsgauches{
	width: 260px;
	display:block;
	position:relative;
		float: left;
}

.billet{
color:#1a2f42;
	font-weight:normal;
	width: 420px;
	text-align:left;
		float: left;
		display:block;
	position:relative;
margin-left:15px;
padding-bottom:20px;

}
.titEcoutez {
	background:url(../img/tit_ecoutez.jpg) no-repeat bottom left;
	width:60px;
	height:27px;
}
.titRecurrences {
	background:url(../img/tit_recurrences.jpg) no-repeat bottom left;
	width:92px;
	height:27px;
}
.titbriefly {
	background:url(../img/tit_briefly.jpg) no-repeat bottom left;
	width:67px;
	height:42px;
}
.titqqmots {
	background:url(../img/tit_enquelquesmots.jpg) no-repeat bottom left;
	width:146px;
	height:42px;
}
.blocfond{
	background:url(../img/bloc.jpg) no-repeat bottom left;
	width:215px;
	height:124px;



}


/* Le pied de page
-------------------------------------------------------- */


#footer{
clear:both;
	margin: 0;
	padding: 0;
	color: #64646e;
	background:url(../img/footer.jpg) no-repeat bottom left;
	width:760px;
	height:29px;
	text-align:center;
	position:relative;
	margin-top:-20px;
	line-height:1.6em;
	
	
}

#footer a{
	color: #64646e;
	font-size:0.9em;
	text-decoration:none;
}
#footer a:hover{
text-decoration:overline;
text-decoration:underline;
}