body {
	
	/*background-image:url(images/degradeFond.png);	
	background-repeat:repeat-x;*/
	background-color: black;	
	background-image:url(images/fondv24.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	margin: 0;	
}

img{
	border:0;
}
div#postAnnonce{

	width:530px;	
	text-align:left;
	margin-left:0px;
	border-radius: 0px 0px 0px 0px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	margin-top:0px;
	/*background-color:#fff5e8;*/
	background-image:url(images/barrepost.gif);
	box-shadow: 3px 3px 15px #555;	
	background-repeat:no-repeat;	
	border-color:;
	border-style:;
	border-width:;
	border-top:;
}
div#barremenu{

	/*margin-top : 189px;*/
	margin-top : 202px;
	margin-left : 40px;
	position : absolute;
	font-weight:700;
	/*font-family: "Times New Roman","Trebuchet MS", Verdana, Geneva, Arial;	*/
	text-align:center;
	font-size:11pt;
	color : white;	
	height:49px;
	
}

div#header {
	
	/*background-image:url(images/banniere8.jpg);*/
	background-image:url(images/bannierev24.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
	color:black;	
	height: 239px;
	position: relative;
}

.itemMenu{

	
	/*font: 16px Neucha, cursive;*/
	font: 17px Economica;
	display:inline-block;
	width:90px;	
	color:white;
	text-align:center;
	height:24px;
	padding-top:6px;
	text-shadow: 0 0 3px black;
	font-weight:bold
	
}

.itemMenu:hover{	
	
	font: 17px Economica;
	display:inline-block;	
	width:90px;
	height:29px;
	color:grey;
	text-align:center;	
	text-decoration:none;	
	padding-top:6px;
	background: rgb(43,78,74);
	background: rgba(43,78,74,0.5);
	color: #FFF;
	text-shadow: 0 0 6px white;
	font-weight:bold
}
div#global{	
	min-height: 2000px;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;	
	background-image:url(images/arrieregris.gif);	
	background-repeat:repeat-y;
	background-position:center;
	padding-bottom: 0px;	
	position: relative;
	border-radius: 0px 0px 0px 0px;
	border-color:black;
	border-style:groove;
	border-width:thin;
	border-top:0;
	box-shadow: 1px 1px 50px #333;

}

/*génération d'un pseudo élément pour que les flottant ne débordent pas*/
/*ça ne fonctionnera pas sur IE-7, mais j'en ai rien à branler*/
#global:after {
  content: ""; /* Important, sinon l'élément n'est pas généré. */
  display: table;
  clear: both;
}

div#sidebar {
	float: left;
	width: 220px;
	color:black;
	font-family:Economica;
	margin:0;
	background-image:url(images/colonnegauche.gif);
	background-repeat:no-repeat;
	/*background-color:white;*/
	margin-top:0px;
	text-align:center;	
}

div#sidebar2 {
	float: right;
	width: 217px;
	color:black;
	font-family:Optimus;	
	margin:0;
	background-image:url(images/colonnedroite.gif);
	background-repeat:no-repeat;
	/*background-color:white;*/
	margin-top:0px;
	text-align:center;	
	
}



a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover {text-decoration:none}
a:active {text-decoration:none}

a#img{

	border: none;
}

div#coter{

	background-color:rgba(212,212,212,0.2);
	background-image:url(images/barrepetite.gif);
	background-repeat:repeat-x;
	border-radius: 0x 0px 0px 0px;
	width:210px;	
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;	
	padding-bottom:0px;	
	color:black;
}

@font-face {
    font-family: "Optimus";
    src: url('Optimus.otf');
}

@font-face {
    font-family: "Economica";
    src: url('Economica-Bold-OTF.otf');
}

h3 {
font-family:Optimus;
font-size:22px;
text-shadow: 0 0 8px black;
}

h4 {
font-family:Optimus;
font-size:14px;
text-shadow: 0 0 8px black;
}

.petiteEcriture{
	text-align:center;
	font-size:10pt;
}

.submit{

	width:105px;	
	margin-left:auto;
	margin-right:auto;
	background-color : rgba(212,212,212);
	color : black;
	text-align:center;
	font-size:12pt;
	font-family:Economica;
}

.lien{

	width:100px;	
	margin-left:auto;
	margin-right:auto;
	background-color : rgba(212,212,212);
	color : black;
	text-align:center;
	font-size:12pt;
	font-family:Economica;
}

.texte{

width:250px;
text-decoration:none;
margin-left:auto;
margin-right:auto;
text-shadow: 0 0 6px black;	
color : white;
text-align:center;

}


a{
	color:blue;	
}

a:hover, a:focus{
	
	/*color:#aaabbb;*/
	text-decoration:underline;
	
	
}

div#corps{
	
	width:575px;
	color:black;	
	text-align:center;
	margin-left:215px;
	margin-top:0px;
	background-color:rgba(212,212,212,0.2);
	
	border-radius: 0px 0px 0px 0px;
	padding-bottom:0px;
	font-family: "Times New Roman","Trebuchet MS", Verdana, Geneva, Arial, Optimus;	
	
		
}

.image_shadow img {
  box-shadow: 3px 3px 15px #555;
}
.image_shadow2 img {
  box-shadow: 0px -5px 20px #555;
}

div#post{

	width:520px;	
	text-align:left;
	margin-left:0px;
	border-radius: 0px 0px 0px 0px;
	padding-bottom:0px;
	padding-left:15px;
	padding-right:15px;
	margin-top:0px;
	/*background-color:#fff5e8;*/
	background-color:rgba(212,212,212,0.2);
	background-image:url(images/barreactu.gif);	
	background-repeat:no-repeat;	
	box-shadow: 0px 1px 10px #555;	
	border-color:;
	border-style:;
	border-width:;
	border-top:0;
	
}

div#pied{
	
	height: 600px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:grey;
	background-image:url(images/pied.png);
	background-position:center top;
	margin-top:100%;
	font-family:Economica;
	color : white;	
	font-size:15pt;
	text-align:center;
	border-radius: 0px 0px 0px 0px;
	margin-top:0px;
	margin-bottom:0px;
	border-color:black;
	border-style:groove;
	border-width:thin;
	box-shadow: 1px 1px 50px #333;
}

div#titreInscription{

	background-image:url(images/(images/barrepetite.gif));
	background-repeat:repeat-x;
	border-radius: 0px 0px 0 0;	
	color:white;
	
}

div#titre{

	background-image:url(images/(images/barrepetite.gif));
	background-repeat:repeat-x;
	border-radius: 0px 0px 0 0;	
	color:white;
}

div#erreur{
	
	width:530px;
	margin:auto;
	padding-top:7px;		
	background-image:url(images/ko2.png);
	background-repeat:no-repeat;
	background-color:#E00000;
	color:white;	
	text-align:center;	
	border-radius: 0px 0px 0px 0px;	
	height:50px;
	font-size:11pt;
	vertical-align:middle;	
	background-position:30px 10px;
 }
 
 div#ok{
 
	width:530px;
	margin:auto;
	padding-top:7px;	
	background-image:url(images/ok2.png);
	background-repeat:no-repeat;
	background-color:#00c33D;
	color:white;	
	text-align:center;	
	border-radius: 0px 0px 0px 0px;	
	height:50px;
	font-size:11pt;
	vertical-align:middle;
	background-position:30px 10px;
 }
 
 div#fondProgressBar{
	background-image:url(images/bg_bar2.gif);	
	width:120px;	
	height:31px;
	color:white;
	text-align:center;	
	font-size:12px;
	padding-top:2px;
	
 }
 
 div#progressBar0{
	padding-top:2px;	
	width:115px;	
	height:20px;
	color:black;
	text-align:center;
	margin-top:5px;
	
 }
 
 div#progressBar25{
	padding-top:2px;
	padding-left:3px;
	background-image:url(images/progressbar.gif);	
	width:27px;	
	margin-top:6px;	
	height:15px;
	margin-left:7px;
 }
 
 div#progressBar50{
	padding-top:2px;
	background-image:url(images/progressbar.gif);		
	width:56px;	
	margin-top:6px;	
	height:15px;
	margin-left:7px;
 }
 
 div#progressBar75{
	padding-top:2px;
	background-image:url(images/progressbar.gif);	
	width:81px;	
	margin-top:6px;	
	height:15px;
	margin-left:7px;
 }
 
 div#progressBar100{
	padding-top:2px;
	background-image:url(images/progressbar.gif);
	margin-top:6px;
	margin-left:7px;
	height:15px;
	width:107px;	
	
 }
 .pourcent{
	text-align:center;
	vertical-align: middle; display: inline;
 }
 
 table.sample {
	border-width: 1px;	
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: #dfe5e8;
}
table.sample th {
	border-width: 1px;
	padding: 5px;
	/*border-style: double;*/
	border-color: #dfe5e8;
	background-color: blue;
	-moz-border-radius: ;
}
table.sample td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: gray;
	background-color: #dfe5e8;
	color :#070162;	
	-moz-border-radius: ;
}

.suivant {
  text-decoration: none;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 50%;
  background-color: rgb(213,213,213);
  color: black;
  font: 18px Arial;
  font-weight:bold;
  text-decoration:none
}

.suivant:hover {
  background-color: rgb(201,201,201);
  color: black;
  border-radius: 50%;
  font: 18px Arial;
  font-weight:bold;
  text-decoration:none
}
 