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

h1{font-weight:bold;
	font-size:18px;
	color:#d9486f;}
h2{color:#14719c;
font-weight:100;
margin-top:4;
padding-top:0;
text-align:left;
	font-size:1.5em;;
	font-family:Trebuchet MS,Trebuchet, Arial, Helvetica, sans-serif;
}
.billet h2 a{color:#14719c;
text-decoration:none;
}
.billet h2 a:hover{color:#000;
} 
.billet h2 a:visited{color:#14719c;
}

h3{font-size:1.2em;
color:#174c75;
font-weight:bold;

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

pre, code{
	font-size: 1.2em;
}
img {
border:none;}
hr{
	border:none;
	/*background: url(images/ptebarre.gif) no-repeat bottom right ;*/
	border-top:1px dashed black;
	width:280px;
	height:1px;
	background-position:center;
	}
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(images/bandeau3.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(images/feuille2.jpg);
	background-repeat:repeat-y;
	width:760px;
	position:relative;
	display:block;
	overflow:hidden;
	/*overflow:auto;*/
	}


/*menueff*/
/* Rolling Menu Styles
#menueff {
	position:relative;
	display:block;
	width:750px;
	left: 20px;
	 top:0px;
	 z-index:1;
}

#menueff ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 3px;
	z-index: 500;	
	font-weight: bold;
	font-size: 20px;
	float:left;
	height:32px;
	

}

#menueff li {
	display: inline;
	float: left;
	position: relative;
	height:32px;
	text-align:center;
	line-height:1.2em;
	color:#000;
	
}

#menueff h2 {
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}

#menueff li ul {
	width: auto;
	height: auto;
	top: 100%;
	left: 0px;		
	font-weight: normal;
	font-size: 1em;
}

#menueff li.LargeMenu ul {
	width: 200px;
	height: auto;
	top: 100%;
	left: 0px;
}

#menueff li ul li {
	text-align: left;
	width: 180px;	
	height: auto;
	min-height: auto;
	display: block;
}

#menueff li.LargeMenu ul li {
	text-align: left;
	width: 198px;	
	height: auto;
	min-height: auto;
	display: block;
}

#menueff a {
	text-decoration: none;

	}

#menueff li li ul {
	top: 0;
	left: 0;
}

#menueff li li:hover ul {
	left: 40px;
	top:-20px;
	width:65px;


}

initialy hide all sub sidemenus 
#menueff ul ul,
#menueff ul li:hover ul ul,
#menueff ul ul li:hover ul ul,
#menueff ul ul ul li:hover ul ul,
#menueff ul ul ul ul li:hover ul ul {
	position: absolute;
	display:none;
}

display them on hover
#menueff li:hover ul,
#menueff ul li:hover ul,
#menueff ul ul li:hover ul,
#menueff ul ul ul li:hover ul,
#menueff ul ul ul ul li:hover ul,
#menueff ul ul ul ul ul li:hover ul {
 	 display: block;
}

 define the consecutive colors

#menueff {
	color: #000;
		font-weight:bold;

}

#menueff ul{
	-moz-opacity:0.92;  for mozilla 
	opacity: 0.92;  for safari 
	filter:alpha(opacity=92); propriétaire IE
	khtml-opacity: 0.92 / for konquerer and older safari/
	

}

#menueff ul ul {

}
#menueff ul li {
			width:auto;
	height:35px;
		color:#000;


}
	


#feeds li {
  background: url(images/feed.png) top left no-repeat;
  padding-left: 18px;
}

#menueff h2 {
	color: #000;
	
}


#menueff a:hover {
	color: #0d445c;
	font-weight:bold;
	
	}
	#menueff a:active {
	color: #0d445c;
	font-weight:bold;

	}
#menueff ul li:hover {
	background-position: 0 -35px;
	color:#174C75;
}

#menueff ul li ul {
line-height:10px;

}

#menueff ul li ul li {
background-color:#FFFFFF;
	
	padding:0px 5px 10px 5px;
	color: #666;
	line-height:10px;
	font-size:16px;

}
#menueff a {
	color: #000;
	font-weight:bold;
	
	}

#menueff ul li ul li:hover {
	color:#174C75;
}

#menueff ul li ul ul li{
	margin:0px;
	border:black 1px solid;
	height:10px;
	width:180px;
	
	}

#menueff ul li ul ul li:hover {
	color:#174C75;
}
*/

/*MENU IMG*/

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

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

#barre{
	background:url(images/barre.gif) no-repeat top right ;
	width:674px;
	height:12px;
	clear:both;
	display:block;
	position:absolute;
	top:40px;
	left:85px;
	z-index:2;

}
#smenu1 li {
text-align: left;
background: #fff;
list-style-type:none;
text-decoration:none;
color:#000000;
}
#smenu1 {
display:block;
position:absolute;
left:157px;
top:20px;
z-index:100;

}
#smenu1 li a{
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#smenu1 li a:hover {
color:#174c75;
}

#smenu2 li {
text-align: left;
background: #fff;
list-style-type:none;
text-decoration:none;
color:#000000;
}
#smenu2 {
display:block;
	position:absolute;
left:302px;
top:20px;
z-index:100;

}
#smenu2 li a{
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#smenu2 li a:hover {
color:#174c75;
}

#smenu3 li {
text-align: left;
background: #fff;
list-style-type:none;
text-decoration:none;
color:#000000;
}
#smenu3 {
display:block;
position:absolute;
left:413px;
top:20px;
z-index:100;

}
#smenu3 li a{
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#smenu3 li a:hover {
color:#174c75;
}
/* Le contenu
-------------------------------------------------------- */

#content {
display:block;
position : relative;
width:900px;
clear:both;
top:80px;
left:30px;
min-height:500px;
  height:auto !important;
  height:500px;

}

.blocsgauches{
	width: 240px;
	display:block;
	position:relative;
		float: left;
}
.minibloc{
list-style-type:none;
}

#tag_cloud{
list-style-type:none;
background-image:url(images/bloc.jpg);
background:url(images/bloc.jpg) no-repeat bottom left;
width:215px;
height:160px;
background-repeat:no-repeat;
margin-top:40px;

}
#tag_cloud a{
text-decoration:none;
padding-left:5px;
padding-right:5px;

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

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



}

.widgettitle{
	background:url(images/tit_recurrences.jpg) no-repeat bottom left;
	width:92px;
	height:27px;
}

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


#footer{
clear:both;
	margin: 0;
	padding: 0;
	color: #64646e;
	background:url(images/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;
}