@charset "utf-8";
/* CSS Document de Flopannonces.fr (c) Otagun / 05/2010 /  V1 */
body {
	font-size:13px; font-family:verdana;
}

/* DIV */

a {/* Les liens ne seront plus soulignés et en #095040*/ text-decoration: none; color:#000000; }

#clear { /* pour l'alignement */
	clear:both;
}
#pagehautfond { 
	height:158px; background-image:url(image/hautfond.jpg); background-repeat:repeat-x; 
}
#centrehautfond { 
	height:125px; width:980px;  margin-left: auto; margin-right: auto; 
}
#logohaut {
    width:270px; height:125px; float:left;
}
#logobas {
    width:270px; height:23px; float:left; 
}
#blocmenu {
	width:888px; float:right; height:33px; background-image:url(image/seperator.gif); background-repeat:no-repeat; background-position:left;
}
#iconehaut {
    width:212px; height:47px; float:right;
}

#menu {
	height:33px; width:980px; margin-left: auto; margin-right: auto;  
}
#fondactutop {
    height: 352px; background-image:url(image/fondactutop.jpg); background-repeat:repeat-x;	
}
#fondtop {
    height: 30px; background-image:url(image/fondtop.jpg); background-repeat:repeat-x;	
}
#envoyer {
	background-color:#ffc6a8;
	 display: none;  
	padding-top:15px;
	padding-bottom:15px;
}
#fondactutopcentre { 
    height:352px; width:960px; margin-left: auto; margin-right: auto; 
}
#actubordure {
	height:319px ; width:602px; float:left; background-image:url(image/actutopcadre.jpg); background-repeat:no-repeat; padding:12px; margin-top:15px;
}
#cadrephoto {
	float:left; padding:5px; border-width:1px; border-color:#919191; border-style:solid; margin-right:8px;
}
#actunoselect {
	float:left; background-color:#FFF; padding:2px;  margin-right:15px;
}
#actuselect {
	float:left; background-color:#095040; padding:2px; margin-right:15px;
}

#actutab {
	height:319px ; width:319px; float:right; padding:0px; margin-top:15px; 
}
#photom {margin:0px;
border:1px solid #000000;
padding:0px;
margin-bottom:4px;
margin-left:0px;
float:left;
background-color:#000000;
}
#tableautab{
	background-image:url(image/photofond.gif); background-repeat:no-repeat; margin-top:0px; height:298px ; width:319px; padding:5px;
}
#centrefondindex {
	background-image:url(image/centrefondindex2.jpg); background-repeat:repeat-x;
}
#centrehaut {
    background-image:url(image/centrebordurehaut.png);	background-repeat:no-repeat; width:980px; height:17px; margin-left: auto; margin-right: auto; 
}
#centrebordure {
    background-image:url(image/centrebordure.png);	background-repeat:repeat-y; width:980px;  margin-left: auto; margin-right: auto; 
}
#centre {
   width:920px;  margin-left: auto; margin-right: auto; padding-top:14px;
}
#contenercentre {
	border-color:#fee2d2; border-style:solid; border-width:1px; padding:3px;
}
#contenercentregris {
	background-color:#fee2d2; padding:5px;
}
#colonnegauche
{
	float:left; width:220px; padding-right:8px; border-right-color:#dedede; border-right-width:1px; border-right-style:solid; margin-top:15px; margin-right:8px;
}
#contenu
{
	float:right; margin-top:15px; width:682px;
}
#pubhaut
{
	float:right; margin-top:4px; width:610px;
}
#centrebas {
    background-image:url(image/centrebordurebas.jpg);	background-repeat:no-repeat; width:980px; height:47px; margin-left: auto; margin-right: auto; 
}
#bas {
    background-image:url(image/bas.jpg); background-repeat:repeat-x; height:267px;
}
#bascentre {
	width:980px;  margin-left: auto; margin-right: auto; 
}
#bascentre1 {
	width:245px; float:left; background-image:url(image/basseparation.png); background-position:right; background-repeat:no-repeat; height:220px;
}
#bascentre4 {
	width:245px; float:left;
}
#bastitre { 
    padding:15px; font-family:Verdana; font-size:18px;  font-weight:bold; color:#CCC;
}
#avatarbas {
	margin-right:10px; height:50px; float:left; 
}
#avatarbascomm {
	height:50px; float:right; width:170px; margin-right:15px; 
}

#actu {
	border-bottom-color:#c1c1c1; border-bottom-width:1px; border-bottom-style:solid; padding-top:3px;  padding-bottom:1px;
}
#date {
	color:#555555;  font-family:verdana; font-size:12px; font-weight:bold; margin-top:21px; margin-bottom:3px;
}
#cadremini { 
border:1px solid #929292; padding:1px; float:left; margin-right:16px;
}
#suite {
	float:right; margin-right:39px;
}

/* Style span et p */

H1{
	font-family:verdana; font-size:15px; color:#008875; line-height:20px;
}

H2 {
	font-family:verdana; font-size:18px;
}
H3 {
	font-family:verdana; font-size:12px; color:#095040; font-weight:bold;
}
H4 {
	font-family:verdana; font-size:13px; color:#333; font-weight:bold;
}
H5 {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana; COLOR: #000000; font-weight:normal;
}
.Styledate {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana; color:#555555;
}
.basmoyen {
	font-family:Verdana; color:#CCC; font-size:12px; line-height:16px;
}
.baspetit {
    font-family:Verdana; font-size:11px; color:#CCC;
}

/* Newsletter  */
.newsletter {
  width:180px;
  bottom:40px;
  right:20px;
}

.newsletter .newsfond {
  background:url(image/newsletter-fond.png) no-repeat 0 0;
  width:180px;
  display:block;
  position:relative;
  height:33px;
  left:0;
  top:0;
}
.newsletter input.textnews {
  border:none;
  background:none;
  font-size:13px;
  padding:4px 4px 4px 5px;
  width:140px;
  margin-top:4px;
  display:inline;
  outline:0;
}
.newsletter button.boutonnewsletter {
  width:32px;
  height:32px;
  background:url(image/newsletter-bouton.png) no-repeat;
  border:none;
  position:absolute;
  right:0;
  top:0;
  outline:0;
}
.newsletter button.boutonnewsletter:active {background-position:0 -32px;}

/* Tabulation */
.tabs, .tabs li{list-style:none;float:left }
.tabs{}
.tabs li{  margin-right:15px; }
.tabs a{background:#FFFFFF; display:block; padding:2px;}
.tabs a.active{background:#095040; padding:2px;}
.tabs a:hover{background:#095040; padding:2px;}

.tab{}
.tab h2{}


.post {
	padding: 8px;
	background-color: #ffc6a7;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-bottom: 18px !important;
	margin-bottom: 15px;
}
.postmoyen {
	padding: 8px;
	background-color: #ffc6a7;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-bottom: 18px !important;
	margin-bottom: 15px;
	width:450px;

}
.postpetit {
	padding: 8px;
	background-color: #ffc6a7;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-bottom: 18px !important;
	margin-bottom: 15px;
	width:175px;

}

.post blockquote {
	margin: 15px;
}
.lien {
	color:#3b59bb;
	font-family:verdana;
	font-size:14px;
}
.petitlien {
	color:#3b59bb;
	font-family:verdana;
	font-size:10px;
}
.petitlien2 {
	color:#3b59bb;
	font-family:verdana;
	font-size:12px;
}

.compteform input.submit {
	padding: 2px 15px;
	font-weight: bold;
	border: 1px solid #ADADAD;
	width: 100px;
	margin-left: 22px;
	margin-bottom: 8px;
}

