/* GŽnŽral */

body {
	font: 12px "Arial", Tahoma;
	color: #000000;
	background-color:  #f7f7f7;
	margin:0px;
	background:#ece5d6 url(images/appp.png) center top no-repeat;
	text-align: center;
}

#logo{
width:920px;
margin:0px auto;
padding-top:0px;
margin-bottom:0px;
text-align: left;
height: 94px;
}

#imlogo{
width:525px;
float: left;
display: inline;
height: 94px;
}

#on{
width: 395px;
height: 94px;
float: left;
display: inline;
}

.bouta a:link, .bouta a:visited{
background-color: #ffffff;
	float: left;
	margin-bottom: 10px;
	display: block;
	line-height: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 8px;

	color: #b03c00;
width: 100px;
text-decoration: none;

}
.it{
height: 80px;
}

.ittitre{
height: 10px;

}
.ittitre a:link, .ittitre a:visited{
	color: #b03c00;
text-decoration: none;
font-size: 1.3em;
font-family: Georgia;

}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

.alignleft{
float: left;
}

.alignright{
float: right;
}

.itimg{
height: 80px;
float: left;
margin-right: 5px;
}

.ittxt p{
margin: 0px;
padding: 0px;
}
.itcat{
padding: 3px;
background: #E4E4E4;
float: right;
margin-left: 3px;
}

.itinfos{
width: 100%;
height: 30px;
}
#formull textarea{
width: 390px;
width: 390px;
padding-top: 4px;
padding-right: 5px;
padding-bottom: 4px;
padding-left: 5px;
	border: 1px solid #e1ddd3;
}

#formull .submit{
width: 200px;
background: url(images/comment.png);
height: 25px;
padding: 0px;
border: 0px;
float: right;
margin-right: 12px;
}
#formull input

{
width: 390px;
padding-top: 4px;
padding-right: 5px;
padding-bottom: 4px;
padding-left: 5px;
background-color: #FFFFFF;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
	border: 1px solid #e1ddd3;

color: #5f6565;
font-family: Arial;
display: block;
margin-top: 5px;
margin-right: 0pt;
margin-bottom: 5px;
margin-left: 0pt;
}

#formull .required{
background-image: url("images/obligatoire.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 340px 4px;
}

#formull label{
display: block;

float: left;
font-size:0.9em;
font-weight: bold;
margin-top: 5px;

margin-right: 10px;

margin-bottom: 0pt;

margin-left: 0pt;

width: 105px;

text-align: right;
color:#5c340c;

}

#barreaccueil{
height: 47px;
width: 100%;
margin-top: 5px;
}

.lops{
margin-top: 0px;
}

#pidforum{
float: right;
width: 127px;
height: 47px;
}

#pidannonces{
float: left;
width: 728px;
height: 32px;
padding-top: 13px;
}


#liens{
width: 120px;
float: left;
}

#presentation{
float: left;
width: 350px;
margin-left: 20px;
line-height: 1.5em;
color: #58514e;
}
.bouti a:link, .bouti a:visited{
background-color: #ffffff;
	float: left;
	margin-top: 14px;
	margin-bottom: -10px;
	display: block;
	line-height: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 8px;
	margin-left: 10px;
	color: #b03c00;
width: 100px;
text-decoration: none;

}

.bout, .pop a:link, .pop a:visited{
background-color: #ffffff;
	float: left;
	margin-top: 14px;
	margin-bottom: -10px;
	display: block;
	line-height: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 8px;
	margin-left: 10px;
	color: #b03c00;

text-decoration: none;

}

#loo{
float: right;
margin-right: 20px;
margin-top: 2px;
}

.po{
margin-right: 5px;
}

#cadre{
margin-top:0px;
width:896px;
background-color: #FFFFFF;
margin:0px auto;
padding:15px;
text-align: left
}

.zone{
position:absolute;
}

.clear{
	clear:both;
}

h2{
font-family: Arial;
font-size: 15px;
font-weight: normal;
color: #f09A0B;
margin:0px;
	padding-top:15px;
}


#central h2 a:link, #central h2 a:visited{
color: #f09A0B;

}

#listechaines img{
float: none;
}
#puba{
background:#DDDDDD url(images/pubarticle.png);
width:359px;
height: 280px;
padding-left: 1px;
padding-top: 1px;
margin-left: 0px;
float:left;
}
/* Page d'accueil */

	/* Cadre top */


	#welcome{
	width:896px;
	height:263px;
	background: url(images/welcome.png);
	}

	#welcomea{
	width:896px;
	height:263px;
	}

	#bienvenue{
	width:298px;
	height:196px;
	background: url(images/bienvenue.png);
	position:absolute;
	top:33.5px;
	left:23.5px;
	}

	.b_cadre{
	background: url(images/apbout.png);
	width:170px;
	height:42px;
	position:absolute;
	top:33.5px;
	left:345px;
	}
	
	.b_cadre:hover{
	background: url(images/apbouth.png);
	}
	
	#b_internet{
	background: url(images/apbout.png);
	width:170px;
	height:42px;
	position:absolute;
	top:33.5px;
	left:345px;
	}
	
	#b_internet:hover{
	background: url(images/apbouth.png);
	}

	#b_mobile{
	background: url(images/apbout.png);
	width:170px;
	height:42px;
	position:absolute;
	top:33.5px;
	left:525px;
	}

	#b_mobile:hover{
	background: url(images/apbouth.png);
	}

	#b_tv{
	background: url(images/apbout.png);
	width:170px;
	height:42px;
	position:absolute;
	top:33.5px;
	left:705px;
	}
	
	#b_tv:hover{
	background: url(images/apbouth.png);
	}

	/* > Cadre ActualitŽ */


	#accueilleft{
	margin-top:20px;
	display: inline;
	float:left;
	width:550px;
	}
	
	#accueillefta{
	margin-top:20px;
	display: inline;
	float:left;
	width:550px;
	}
	
	#accueilleft h2, #accueilright h2, #accueillefta h2, #accueilrighta h2{
	color: #b03c00;
	font-weight: normal;
	font-size: 1.8em;
	padding-top: 0px;
	font-family: Georgia
	}

	#zoneactualite{
	background: url(images/zoneactualite.png);
	width:540px;
	height:225px;
	font-family: "Arial";
	font-size: 0.9em;
	margin-top: 10px;
	}

	#zoneactualite ul{
	padding:10px;
	padding-top: 15px;
	margin:0px;
	}

	#zoneactualite li{
	list-style-type: none;
	}

	.categorie{
	text-align: center;
	float:left;
	width:61px;
	margin-right:10px;
	margin-top: 5px;
	color:#59491e;
	font-weight: normal;
	}

	.date{
	text-align: center;
	float:left;
	width:61px;
	margin-right:10px;
	margin-top: 5px;
	color:#59491e;
	font-weight: normal;
	}

	.lienarticle{
	text-align: left;
	float:left;
	width:388px;
	margin-top: 5px;
	font-weight: bold;
	overflow-y: hidden;
	height: 15px;
	}

	.lienarticle a:link, .lienarticle a:visited{
		color:#5c340c;
	text-decoration: none;
	margin-bottom: 2px;
	}

	.lienarticle a:hover{
	color: #b03c00;
	text-decoration: none;
	margin-bottom: 2px;
	}
	
	/* > Cadre A la une */

	#accueilright{
	margin-top:20px;
	float:left;

	display: inline;
	width:330px;
	}
	
		#accueilrighta{
	margin-top:20px;
	float:left;
	padding-left: 10px;
	display: inline;
	width:330px;
	}
	
	#zoneune{
	margin-top: 10px;
	font-family: "Arial";
	font-size: 0.9em;
	line-height: 1.4em;
	color: #58514e;
	}
	
	.imgune{
	float: right;
	padding-left: 10px;
	}
	
	.titreune a:link, .titreune a:visited{
	font-family: "Arial";
	font-size:1.3em;
	font-weight: normal;
	text-decoration: none;
	color:#5c340c;
	line-height: 80%;

	}
	
	.titreune a:hover{
	color:#b03c00;
	}
	
	.suite{
	background: #FFFFFF;
	width:141px;
	height:22px;
	float: right;
	text-align: center;
	margin-top: -20px;
	}
	
	#zoneune img{
	border:0px;
	}
	
	#zoneune p{
	margin:0px;
	padding:0px;
	}
	
	.suite a:link, .suite a:visited{
	font-family: "Arial";
	color:#FCB213;
	text-decoration: none;
	font-weight: bold;
	}
	
	/* > Cadre Centre d'information */
	
	#zonecadro{
	margin-top: 10px;
	font-family: "Arial";	font-size: 0.95em;
	color: #6c4e25;
	}
	
	.cadro{
	width:141px;
	height:152px;
	background: url(images/cadrecentre.png);
	float: left;
	margin-right: 12px;
	padding:15px;
	margin-bottom: 10px;
	color:#5c340c;
	}
	
	.cadro li a:link, .cadro li a:visited{
	color: #6c4e25;
	}
	
	.titrecadro a:link, .titrecadro a:visited{
	font-family: "Lucida Grande";
	font-size:1.5em;
	font-weight: normal;
		color:#5c340c;
text-decoration: none;
	}
	
	#accueilmembre{
	background: url(images/accueilmembre.png);
	width: 296px;
	height: 122px;
	padding: 20px;
	margin-top: 10px;
	color: #58514e;
	}
	
	#pubaccueil{
	height: 300px;
	}
	
	#accsite{
		background: url(images/accsite.png);
	width: 492px;
	height: 122px;
	padding: 20px;
	margin-top: 10px;
	}
	
	#accueilmembre p{
	margin: 5px;
	}
	
	.cadro ul{
	padding: 10px;
	margin:0px;
	}
	
	.cadro li{
	list-style-type: none;
	color: #58514e;
	}
	
	#restezconnecte{
	background: url(images/restezconnecte.png);
	width:538px;
	height:57px;
	}
	
	#icones{
	float:right;
	padding-top: 2px;
	padding-right: 4px;
	}
	
	.titrerestezconnecte{
	padding:18px;
	font-family: "Lucida Grande";
	font-size:1.5em;
	float: left;
			color:#5c340c;

	}
	
	#twitter{
	background: url(images/i_twitterh.png);
	width:48px;
	height:51px;
	float:right;
	}
	
	#twitter:hover{
	background: url(images/i_twitter.png);
	width:48px;
	height:51px;
	}
	
	#youtube{
	background: url(images/i_youtubeh.png);
	width:48px;
	height:51px;
	float:right;
	}
	
	#youtube:hover{
	background: url(images/i_youtube.png);
	width:48px;
	height:51px;
	}
		
	#facebook{
	background: url(images/i_facebookh.png);
	width:48px;
	height:51px;
	float:right;
	}
	
	#facebook:hover{
	background: url(images/i_facebook.png);
	width:48px;
	height:51px;
	}
		
	#rss{
	background: url(images/i_rssh.png);
	width:48px;
	height:51px;
	float:right;
	}
	
	#rss:hover{
	background: url(images/i_rss.png);
	width:48px;
	height:51px;
	}

/* Colonne latérale */

#sidebar{
float:left;
width:345px;
padding-top: 20px;
}

#sidebarc{
float:right;
width:345px;
padding-top: 20px;
}

.cadresidebar{
background: url(images/cadresidebar.png);
width:335px;
height: 223px;
margin-bottom: 15px;
}


.cadreext{
background: url(images/cadext.png) no-repeat;
width:335px;
background-color: #f6f4ef;
margin-top: 10px;
}

.cadreextb{
background: url(images/cadextb.png) no-repeat;
width:335px;
height: 24px;
}

	
#sidebarc h3, #sidebar h3{
font-family: Georgia;
color: #e1a72a;
padding-left:10px;
padding-top:10px;
padding-bottom:4px;
margin: 0px;
font-size: 1.2em;
}

.cadresidebar ul, .cadreext ul{
padding: 5px;
margin: 0px;

}

.cad{
height: 180px;
overflow : hidden ;
}

.cadresidebar li, .cadreext li{
list-style-type: none;
margin-bottom: 3px;
background: url(images/sep.png) repeat-x;
padding-bottom:1px;
padding-top:4px;
padding-left: 10px;
padding-right: 10px;

}

.cadresidebar li:first-letter {

text-transform: capitalize;

}

.cadresidebar a:link, .cadresidebar a:visited, .cadreext a:link, .cadreext a:visited {
color:#6c4e25;
text-decoration: none;
font-size: 0.9em;
}

	
/* Article */

#central{
float:left;
width:528px;
padding-left:20px;
}


h1{
font-family: Arial;
font-weight: boldl;
color: #b03c00;
margin-bottom: 0px;
line-height:1.0	em;
padding-bottom: 0px;
font-size: 1.4em;
}

#search{
width: 335px;
height: 77px;
background: url(images/search.png);
margin-top: 10px;
}

#memb{
background: url(images/memb.png);
width: 496px;
height: 33px;
padding: 15px;
}


.sip{
padding: 5px;
	border: 1px solid #e1ddd3;
	font-size: 1em;
}

#search form{
padding-left: 16px;
padding-top: 5px;
margin: 0px;
}

#datas{
color:#93734d;
font-family: Arial;
font-style: italic;
font-size: 0.9em;
}

#datas a:link, #datas a:visited{
color:#93734d;
}

#article img{
float: right;
padding-left: 15px;
padding-bottom: 10px;
}

#article{
font-size: 14px;
line-height: 25px;
color: #36291c;
margin-bottom: 40px;
text-align:justify;	
}

#pages{
font-size: 14px;
line-height: 21px;
color: #36291c;
margin-bottom: 40px;
}





#central h3{
font-family: Arial;
font-size: 0.9em;
color: #b03c00;
font-style: normal;

}

#suites{
padding-top: 20px;
}

#suite h3{
font-family: Georgia;
color: #e1a72a;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
margin: 0px;
font-size: 1.2em;

}

#pages h3{
font-family: Arial;
font-size: 0.9em;
color: #b03c00;
font-style: normal;
}


.comm{
background: #f6f4ef url(images/apc.png) bottom no-repeat;
padding: 10px;
margin-bottom: 5px;
font-family: Georgia;
line-height: 1.7em;
padding-bottom: 30px;
}

#articlecontent a:link, #articlecontent a:visited, #suite a:link, #suite a:visited, #pages a:link, #pages a:visited{
color:#5c340c;
}

#aoc{
width:132px;
height:282px;
float:left;
margin-left: 10px;
}

#like{
background: url(images/like.png);
width:102px;
height:46px;
margin-bottom: 0px;
padding-top: 25px;
padding-left: 30px;
}

#share h3{
padding: 10px;
}
#share{
margin-top: 0px;
background: url(images/share.png);
width:132px;
height:205px;

}

#ico{
padding-right:20px;
}
/* Menu */

#menu{
background: url(images/menu.png);
width:893px;
height:53px;
}

#sousm{
background: url(images/apmm.png) repeat-x;
width:873px;
height:53px;
padding-left: 20px;
}

.ssm{
padding: 10px;
}

#menu ul{
margin:0px;
padding:0px;
padding-left: 10px;
}

#menu li{
display:block;
float:left;
}

#menu li:hover{
background: url(images/boutons/hover.png);
}

img {
	border:0px;
	margin:0px;
}

/* Rubrique */

.item{
background: url(images/item.png);
width:504px;
height: 14px;
font-weight: bold;
padding:9px;
}

.itemex{
padding:9px;
}

#category{
text-align: right;
font-size: 3em;
}

.cat{
font-size: 1.4em;
font-weight: normal;
margin:5px;
margin-bottom: 10px;
}

#centralc{
float:right;
width:530px;
padding-right:20px;
}

#centralc a:link, #centralc a:visited{
color:#5c340c;
}

#infocat{
width:853px;
height: 113px;
margin-bottom: 10px;
padding:20px;
padding-top: 15px;
background: #C0C0C0 url(images/apinfocat.png);
}

#infocat ul{
margin: 0px;
padding: 0px;
}

#infocat li{
list-style-type: none;
color: #f09A0B;

}

#infocat b{
font-size: 1.1em;
font-weight: normal;
}

#infocat a:link, #infocat a:visited{
color:#5c340c;
}

#infocat a:hover{
text-decoration: none;
}

.cube{
width:210px;
float: left;
}

#footer {
	font-family: Georgia;
	font-style: italic;
	border-top: 1px solid #ccc;
	margin: auto;
	color: #666;
	font-size: 1.0em;
	padding-top: 10px;
	clear: both;
	text-align: right;
	margin-top: 30px;
}

#footer a:link, #footer a:visited{
	color: #b03c00;
text-decoration: none;
}

#lead{
width: 728px;
height: 90px;
float: left;
}

#titt{
float: right;
text-align: right;

}

td{
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
}

table{
	border-collapse: separate;
	border-spacing: 0px;
	width:100%;
	font-size:0.9em;
}


.column-1 a{
	text-decoration:underline;
	color:#840909;
	margin:1px;
}

tbody a:hover{

}

.even{
font-weight: bold;
}

.avantage{
text-align: center;
font-style: italic;
}

.column-2{

}

.column-1{
		background:#F0EFEB;
		text-align: center;
}

.column-2{
		background:#f7f6f3;
				text-align: center;
}

/* css/tooltip.css -- fancy tooltips */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.6em;
  left: 0;
  width: 200px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #6c4e25;
  background-color: #f7f7ee;
  font: normal 0.7em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

#content span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(/img/bubble.gif);
}

/* css/tooltip.css */