/* CSS Document */

/* Header */
html, body {
	height: 100%;
}

body
{ background: #FFF url(images/0080.jpg) ;
  background-repeat: no-repeat;
  background-position: left top;
    
   background-attachment: scroll;
   background-color: #DE641B;
   margin: 0;
	padding: 0;
   
   
}

#header {
	width: 850px;
	height: 153px;
	margin: 0 auto;
}

#header h1, #header h2 {
	text-transform: lowercase;
	font-weight: normal;
	color: #E1E1E1;
}

#header h1 {
	float: left;
	padding: 100px 0 0 20px;
	font-size: 12px;
}

#header h2 {
	float: right;
	padding: 134px 20px 0 0;
	font-size: 22px;
}

#elephant {
      float:right;
	  width:220px;
	  height:185px;
	  padding:0px;
     background:url(images/elephant.png);
	 }
/* Content */

#content {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	background:#FFFFFF;
}

#man{
float: left;
width: 850px;
background-color:#FFFFFF;
     }

#contents {
	width: 850px;
	height:1750px;
	margin: 0 auto 20px auto;
	padding: 0px;
	background:#FFFFFF;
}

#contente {
	width: 850px;
	height:1460px;
	margin: 0 auto 20px auto;
	padding: 0px;
	background:#FFFFFF; 
}
#contentu {
	width: 850px;
	height: 2350px;
	margin: 0 auto 20px auto;
	padding: 0px;
	background:#FFFFFF; 
}

#contenta {
	width: 850px;
	height:5000px;
	margin: 0 auto 20px auto;
	padding: 0px;
	background:#FFFFFF;
}

#contento {
	width: 850px;
	height:3300px;
	margin: 0 auto 20px auto;
	padding: 0px;
	background:#FFFFFF;
}

#main h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4B3212;
}

#content b{
	font-family: "Trebuchet MS", Arial,Bold, Helvetica, sans-serif;
	color: #4B3212;
	font-size: 18px;
}

 h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}
.event1{
   float:right
	width: 580px;
	margin: auto;
}

/* Menu */

#menu {
	float:left;
	width: 850px;
	height: 60px;
	margin: 0 auto;
	background: url(images/img2.jpg) no-repeat;
}

#menu ul {
	margin: 0;
	padding: 1px;
	list-style: none;
}

#menu li {
display: inline;
}

#menu a {
	display: block;
	float:left;
	padding: 14px 30px 0 6px;
	background: url(images/img8.jpg) no-repeat;
	background-position:right;
	text-decoration: none;
	font: bold 12px "Arial", Helvetica, sans-serif;
	color: #4B3212;
}


#menu a:hover ,#menu dt a:hover, #menu dt a:focus{
	color: #FFFFFF;
}

#menu .first a {
	background: none;
}


#horloge {
	float: left;
	width: 850px;
	height: 50px;
	margin-top: 10px;
	margin-left: 10px;
	font: bold 12px "Arial", Helvetica, sans-serif;
	color: #FFFFFF;
}



#main {
	float: left;
	width: 850px;
	margin-bottom: 10px;
}

#box {
	float: left;
	width: 205px;
	margin-left: 15px;
}

#presentation_ci {
	float:right;
	width: 195px;
	height: 70px;
}

#links {
   padding: 10px 0 0 0;
	float: left;
	width: 580px;
	height: auto;
}

#linke{
    float:left;
	width: 350px;
	}

#links h3{
	text-align:center	;
	margin: 0px;
   color: #4B3212;}

#posts {
	float: left;
	width: 580px;
	height:auto;
	margin-bottom: 10px;
	background-color:#FFFFFF;
}
#event{
	width:580px;
	height:auto;
	}
	#event .content{
		widows:576px;
		height:100px;
		border:#999 1px solid;
		margin-bottom:20px;
		}
		.img{
			width:90px;
			height:90px;
			float:left;
			border:#999 1px solid;
			margin-left:5px;
			margin-top:4px;
			}
		.date{
			width:109px;
			height:39px;
			color:#A25130;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-transform:capitalize;
			text-align: center;
			float:left;
			margin-left:20px;
			margin-top:20px;
			}
		.text{
			width:213px;
			height:68px;
			font:Arial, Helvetica, sans-serif;
			float:left;
			margin-top:20px;
			margin-left:20px;
			text-align:center;
			}
		.lieu{
			width:65px;
			height:20px;
			font-weight:bold;
			text-transform:capitalize;
			font-size:18px;
			float:left;
			margin-top:40px;
			margin-left:20px;
			}

#list {
    margin: 0px;
	float: left;
	width: 850px;
	background-color:#FFFFFF;
}

#liens {
margin-top: 5px;
padding-left: 10px;
float: right;
width: 190px;
height: 150px;
}

#liens a {
	font: bold 11px  Arial, Helvetica, sans-serif;
	color: #4B3212;
}

#liens a:hover {
text-decoration:underline;
}

#contain {
   width:850px;
   height: auto;
   margin: 0 auto 20px auto;
	padding: 0px;
   background:#FFFFFF;
}

#list a{
	text-color:#FFFFFF;
	font: bold 11px Trebuchet MS, Verdana, "Helvetica", sans-serif;
}

#posts h2{
 color:#990000;
}

.story {
float: left;
width: 560px;
height:auto;
margin: 5px;
}

.pagination {
float:left;
margin-bottom: 10px;
margin-top: 15px;
width: 560px;
height: 20px;
text-align:right;
}

.pagination a {
text-align:right;
text-decoration:none;
font: bold 14px Arial, Helvetica, sans-serif;
color: #663300;
}

.pagination a:hover {
text-decoration: underline;
}


.storys {
float: left;
width: 560px;
height:auto;
margin-top: 5px;
margin-bottom: 10px;
}

.white {
color: #FFFFFF;
font-size: 14px;
}

.whites {
color: #FFFFFF;
font-size: 0.8em;
}

.black {
color: #000000;
font-size: 0.8em;
}

.story_title {
float:left;
width: 560px;
height: 28px;
background-image:url(images/titile.jpg);
background-repeat: repeat-x;
color: #FFFFFF;
font: bold 1em Arial, Helvetica, sans-serif;
}

.accesseur {
float: left;
width: 560px;
}

.accesseur h1 {
float: left;
width: 560px;
height: 20px;
margin-top: 5px;
background-image:url(../images/annuaire/puce.jpg);
background-repeat:no-repeat;
background-position: left;

}

.accesseur h1 a {
margin-left: 10px;
margin-top: 0px;
font: 14px Arial, Helvetica, sans-serif;
color:#CC0000;
text-decoration: none;
}

.contacc {
float: left;
width: 480px;
height: auto;
}

.accesseur h2 {
float: left;
width: 470px;
height: 20px;
margin-top: 5px;
}

.accesseur h2 a {
margin-left: 5px;
margin-top: 0px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
}

.accroche {
float: left;
width: 180px;
height: 42px;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 0px;
}

.accroche_titre  {
float: left;
width: 140px;
margin-left: 10px;
margin-top: 4px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #753B13;
}

.accroche_titre a {
font: bold 13px Arial, Helvetica, sans-serif;
color: #753B13;
text-decoration: none;
}

.accroche_titre a:hover {
text-decoration: underline;
}

.accroche_text {
float: left;
margin-top: 2px;
margin-left: 15px;
width: 130px;
font: bold 10px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration: none;
}

.photo {
float: left;
width: 33px;
height: 36px;
margin-top: 5px;
}

.ico {
float: left;
width: 19px;
height: 20px;
margin-top: 5px;
}


#lank {
    float:left;
	width: 265px;
	background-image: url(images/img4.jpg);
	background-repeat:no-repeat;
	}
	
	#lank_in {
	float: left;
	margin-top: 40px;
	margin-left: 5px;
	height:auto;
	}
	
	#poste {
    float:right;
	width: 190px;
	}


.actualite {
     float:right;
	 width: 200px;
	}
	
	.actualite_tit {
     float:right;
	 width: 200px;
	 height: 28px;
	 margin-top: 5px;
	 background:url(images/img6.jpg);
     
	}
	
.actualite_tit h2,a{
      color: #4B3212;
      text-align:center;
	  text-decoration: none;
	  margin: 0px;
	  font: bold 20px Trebuchet MS, Verdana, "Helvetica", sans-serif;
}

.actu {
      float:right;
	 margin-top: 5px;
	 width: 190px;
	}
.actu h2{
	 float:right;
    text-align:center;
	margin: 0px;
   color: #4B3212;
   font: bold 20px Trebuchet MS, Verdana, "Helvetica", sans-serif;
	}

	.actu h5{
	float:left;
    text-align: left;
	margin: 0px;
    color: #4B3212;
    font: bold 12px Trebuchet MS, Verdana, "Helvetica", sans-serif;
	}	
	
	
.actuali {
      float:right;
	 width: 190px;
	 height: 28px;
	 margin: 5px;
	 background:url(images/img6.jpg);
	}
.actuali h2,a{
      color: #4B3212;
      text-align:center;
	  text-decoration: none;
	  margin: 0px;
	  font: bold 20px Trebuchet MS, Verdana, "Helvetica", sans-serif;
   
	}	
#haut {
	float:left;
	width: 580px;
	height: 80px;
}	
/* publicité */
#pub_haut {
	float:left;
	margin: 5px;
	width: 340px;
	height: 60px;
}
/* end publicité */

#podcast {
	float:right;
	width: 195px;
}

	#podcast_title {
	float:right;
	width: 195px;
	height: 30px;
	margin-bottom: 10px;
	background-image: url(images/podcast.jpg);
	}

#guide {
	float:right;
	width: 195px;
	height: 70px;
}

.pub {
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 230px;
	}

/* Footer */

#footer {
float:left;
margin-bottom: 10px; 
	width: 850px;
	height: 71px;
	background: url(images/foot.jpg);
}



#footer p {
	text-align: center;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
	font: bold 14px Trebuchet MS, Verdana, "Helvetica", sans-serif;
}

#footer b {
	color: #FFFFFF;
	
	font: bold 20px Trebuchet MS, Verdana, "Helvetica", sans-serif;
}

.pays {
    float:left;  
	width: 350px;
	height: auto;
	margin-top: 10px;
	}
	
#pay {
    float:right;  
	width: 130px;
	height: 130px;
	padding-LEFT:300px}
	
	
/* accordion */
.categoryitems{display: none}

.subcategoryitems{display: none}




.arrowlistmenu{
	float: left;
	margin-top: 150px;
	margin-left: 10px;
	width: 220px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 9px Arial;
color: white;
background: url(images/titlebar.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 4px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
margin-bottom: 6px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{

color: #714A1C;
/* background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
background-color: #FFFFFF;
display: block;
padding: 2px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 13px;
}

.arrowlistmenu ul li a:visited{
color: #714A1C;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
/* end accordion */