body
{
	margin: 0px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 12px "arial", verdana, helvetica, sans-serif ;
	color:#004a7d;
	background: #f2f2f2 ;
}

div#conteneur
{
	width: 980px ;
	margin: 0 auto ;
	text-align: left ;
}

h1#header
{
	height: 210px ;
	margin: 0 ;
	background: url(../img/header.png) no-repeat left top;	
}

h1#header a
{
	width: 410px ;
	height: 120px ;
	left: 20px ;
	top: 8px ;	
	display: block ;
	background: url(../img/space.gif) no-repeat ;
	position: relative ;
	text-indent: -5000px ;
}

/*--------------------- Contenu -------------------------------*/

div#contenu
{
	/*margin-top: 50px;*/
	padding: 0px 5px 0px 5px ;
}

div#contenu h2
{
	padding-left: 38px ;
	line-height: 38px ;
	font-size: 14px ;
	background: url(../img/puce.png) no-repeat left bottom ;
	color: #c5fb0b ;
	margin:0px;
}

div#contenu h3
{
	margin-right: 15px ;
	margin-top:60px;
	padding-right: 5px ;
	color: #FFFFFF ;
	font-size: 15px ;
	font-weight: normal ;
	font-size: 20px; 
	font-weight: bold; 
	text-align:right;
	clear: both;
}

div#contenu h4
{
	padding-left: 15px ;
	/*margin-left: 15px ;
	border-bottom: 1px dotted #4a4a4a;
	border-left: 3px solid #4a4a4a ;*/
	background: url(../img/puce.gif) no-repeat left center ;	
	color: #9b2 ;
	font-size: 15px ;
	font-weight: normal ;
	color: #000000; font-size: 15px; font-weight: bold; margin: 0 0 0 0px; padding-top: 4px; padding-bottom: 4px; clear: both;
}

div#contenu p
{
	text-align: justify ;
	/*text-indent: 2em ;
	line-height: 1.3em ;*/
	color:#004a7d;
	font-size:12px;
}

div#contenu a
{
	color: #004a7d ;
	text-decoration:none;
	border-bottom: 1px dotted #004a7d;
}

div#contenu a:hover
{
	color: #ff7400;
	text-decoration:none;
	border-bottom: 1px dotted #ff7400;	
}
/*--------------------------- Footer -----------------------------*/

.pointille{border-bottom:1px dotted black;}
div#footer
{
	/*padding: 0px 15px 0 15px ;*/
	text-align:center;
	height:188px;
	color: #004a7d ;
	background: url(../img/footer.png) no-repeat bottom center;	
	font-size: 14px; font-weight: normal;
	margin: 0 auto ;	
	width:980px;
}
div#footercase1{
float: left;
width:234px;
padding: 75px 0 0 96px;
text-align:left;
}
div#footercase2{
float: left;
width:247px;
padding: 75px 0 0 73px;
text-align:left;
}
div#footercase3{
float: left;
width:255px;
padding: 75px 0 0 71px;
text-align:left;
}
div#footer a
{
border-bottom: 1px dotted #004a7d;
text-decoration:none;
color:#004a7d;
font-size: 14px; font-weight: normal; 
}
div#footer a:hover
{
border-bottom: 1px dotted #ff7400;
text-decoration:none;
color:#ff7400;
font-size: 14px; font-weight: normal; 
}
/*--------------------------- page index -----------------------------*/
div#acc
{
	/*padding: 0px 15px 0 15px ;*/
	text-align:center;
	height:191px;
	color: #004a7d ;
	background: url(../img/bgannonce.png) no-repeat bottom center;	
	font-size: 13px; font-weight: normal;
	margin: 0 auto ;	
	width:980px;
}
div#vide{
float: left;
margin:10px 0 0 0px;
width:14px;
height:170px;
}
div#acccase1{
float: left;
width:286px;
height:160px;
padding: 10px 0 0 18px;
margin:10px 0 0 14px;
text-align:left;
}
div#acccase2{
float: left;
width:286px;
height:160px;
padding: 10px 0 0 18px;
margin:10px 0 0 0px;
text-align:left;
}
div#acccase3{
float: left;
width:286px;
height:160px;
padding: 10px 0 0 18px;
margin:10px 0 0 0px;
text-align:left;
}

#nav a img {
  height: 40px; width: 280px; border: none;
  }
#nav a#voircote img {
  background: url(../img/voircotes0.png) top left no-repeat;
  } 
#nav a#voircote:hover img {
  background: url(../img/voircotes1.png) top left no-repeat;
  } 
 
#nav a#consul img {
  background: url(../img/consulterannonce0.png) top left no-repeat;
  } 
#nav a#consul:hover img {
  background: url(../img/consulterannonce1.png) top left no-repeat;
  }  
  
  #nav a#depo img {
  background: url(../img/depannonce0.png) top left no-repeat;
  } 
#nav a#depo:hover img {
  background: url(../img/depannonce1.png) top left no-repeat;
  }  
  
  
#nav1 a img {
display:none;
  height: 44px; width: 196px; border: none;
  }
#nav1 a#votre img {
  background: url(../img/votre0.png) top left no-repeat;
  } 
#nav1 a#votre:hover img {
  background: url(../img/votre1.png) top left no-repeat;
  } 

  
div#derannon{
width:920px;
height:200px;
padding: 5px 16px 5px 16px;
margin:10px 14px 20px 14px;
text-align:left;
}  
div#derentree{
width:920px;
height:270px;
padding: 5px 16px 5px 16px;
margin:10px 14px 20px 14px;
text-align:left;
}
div#figalea{
width:920px;
height:250px;
padding: 5px 16px 5px 16px;
margin:10px 14px 20px 14px;
text-align:left;
}
div#alea1{
float:left;
width:210px;
height:220px;
padding: 5px;
text-align:center;
}
div#alea2{
float:left;
width:225px;
height:220px;
padding: 5px;
text-align:left;
}
div#alea3{
float:left;
width:210px;
height:220px;
padding: 5px;
/*margin:10px 14px 20px 14px;*/
text-align:left;
}
.bob{
	border:none;
	box-shadow: 1px 1px 5px #555; 
	/*border-radius: 10px;*/
}

div#ann11{
float:left;
width:70px;
height:90px;
padding: 3px 5px 5px 5px;
text-align:center;
background: url(../img/date.png) top center no-repeat;
}
div#ann21{
float:left;
width:100px;
height:90px;
padding: 0 5px 5px 5px;
text-align:center;
}
div#ann31{
float:left;
width:150px;
height:90px;
padding: 5px;
text-align:left;
}
div#ann41{
float:left;
width:100px;
height:90px;
padding: 5px;
text-align:left;
}


/*--------------------------- page annonce -----------------------------*/
div#alea11{
float:left;
width:210px;
height:350px;
padding: 5px;
text-align:center;
}
div#alea21{
float:left;
width:225px;
height:350px;
padding: 5px;
text-align:left;
}
div#alea31{
float:left;
width:210px;
height:350px;
padding: 5px;
/*margin:10px 14px 20px 14px;*/
text-align:left;
}
div#ann1{
float:left;
width:100px;
height:130px;
padding: 5px;
text-align:center;
}
div#ann2{
float:left;
width:120px;
height:130px;
padding: 5px;
text-align:center;
}
div#ann3{
float:left;
width:450px;
height:130px;
padding: 5px;
text-align:left;
}
div#ann4{
float:left;
width:200px;
height:130px;
padding: 5px;
text-align:left;
}
div#annon1{
background-color:#FFFFFF;
border-top:1px solid #004a7d;
border-left:1px solid #004a7d;
border-right:1px solid #004a7d;
padding-left:5px;
}
div#annon2{
border:1px solid #004a7d;
padding-left:5px;
}
.hr{
width:50%;
color: #004a7d;
background-color: #004a7d;
height: 1px;
border:0;
}
.auteur{
color:#ff7400; 
font-size: 16px;
font-weight:bold;
}

span.bulle {
   position: relative;
   cursor: pointer;
   }

span.bulle span {
   display: none;
   }

span.bulle:hover span {
   padding:2px 5px 2px 5px;
   left: 25px;
   width: 200px;
   display: block;
   position: absolute;
   border: 1px #004a7d solid;
   background-color: #ffc290;
   }
   
/*--------------------------- Formulaire ------------------------*/
.cssform textarea, input, select{
/*width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; */
border: 1px solid #004a7d;
background-color:#bbdaef;

/*height: 1%;*/
}


input:focus, textarea:focus {
 background-color:white;
 }

div.mep{ width:100px; float:left; height:40px;/*border:1px solid black;*/}
div.mep2{ width:100px; float:left; text-align:center;height:40px;/*border:1px solid black;*/}
.rouge{color:#FF0000;font-size:12px;/*border:1px solid red*/} 
 
 
/*--------------------------- Mise en page - Divers ------------------------*/

.avertimg{
vertical-align:middle;
}	

.login{ background: url("../img/login.png") no-repeat 30% 50%;}
.haut    { vertical-align:top;}
.bas    { vertical-align:bottom;}
.centre{ text-align:center;	} 
.droite{text-align:right;} 
.gauche{text-align:left;} 

.blanc{color:#FFFFFF; font-size: 12px; }
.bleudernan{color:#004a7d; font-size: 18px;font-weight:bold; }
.orange{color:#ff7400; font-size: 12px; }
.vert{color:#8db81f; font-size: 12px;}
.bleumail{color:#004a7d;font-size:15px;font-weight:bold;}
.maintenance{color:#004a7d; font-size: 25px; font-weight:bold; text-align:center;}


div.clear{clear: both;}

.auteurcote {color:#ff7400; font-size: 15px; font-weight:bold; padding:0px 0px 15px 0px;}

.firstletter:first-letter{color:#ff7400; } 




 
div#accu
{
margin-top:52px;
text-align:center;
}
div#email
{
	background: url("../img/mail.png") no-repeat 92% 12%;
}
 img.c1 {
	display:none;
 }
img.c2{
border:none;
vertical-align: middle;
}


/*------------------------------ menu -----------------------------------*/
ul#topnav {
	margin: -55px 0 0 185px;
	padding: 0 0 0 0px;
	list-style: none;
	float: left;
	width: 980px;
	/*background-image: url(../img/bgm.png);*/
	overflow: hidden;
}
ul#topnav li {
	float: left;
	display: inline ; 	
	margin: 0; padding: 0;
}

/*--CSS Sprites - Default State--*/
ul#topnav a {
	float: left;
	display: block;
	height: 44px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	background-position: left top;
}
/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: left -44px;
}
/*--Assign an image and width to each link--*/
ul#topnav li.accueil a {
	background-image: url(../img/accueil.png);
	width: 112px;
}
ul#topnav li.cote a {
	background-image: url(../img/cote.png);
	width: 81px;
}
ul#topnav li.annonces a {
	background-image: url(../img/annonces.png);
	width: 137px;
}
ul#topnav li.deposer a {
	background-image: url(../img/deposer.png);
	width: 244px;
}


#accueil li.accueil a,
#cote li.cote a,
#annonces li.annonces a,
#deposer li.deposer a
{
	background-position: left bottom;
}