a{
text-decoration:none;
color:#FF00FF;
font-size: 14px;
}



body{


/********************************************************************/
background-image:url(../images/fond_site.png);
background-attachment:fixed;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
line-height:14px;
color:#000033;
padding: 0;
margin: 0;

}

#camion_asdj{
width:20%;
margin-top:0px;

position:relative;

float:left;}




p{
padding-left:20px;}

#radioo{
padding-left:20px;
background-color:#CCCCCC;}

h1{


font-size:16px;


margin:20px 0px 5px 0px;
text-decoration:none;
text-decoration:none;
border-bottom:1px #99CCFF dotted;
color:#111112;
line-height:25px;

padding-left:20px;
}



h2{
padding-left:20px;
font-size:16px;
font-weight:bold;
color: #510000;
margin:0px;
text-decoration:none;
border-bottom:1px #FEAFAF dotted;
}



h3{
clear:both;
padding:25px 5px 5px 5px;
font-size:16px;
font-weight:bold;
color: #510000;
margin:20px 0px 5px 0px;
text-decoration:none;
border-bottom:1px #FEAFAF dotted;
padding-left:20px;
}

h4{
clear:both;

font-size:16px;
font-weight:bold;
color: #510000;
margin:20px 0px 5px 0px;
text-decoration:none;
text-align:center;
font-size:1.8em;

padding-left:20px;
}

h4 a{
clear:both;

font-size:16px;
font-weight:bold;
color: #510000;
margin:20px 0px 5px 0px;
text-decoration:none;
text-align:center;
font-size:1em;
color:#0099CC;

padding-left:20px;
}

h4 a:hover{
text-decoration:underline;}


#main_container{
position:relative;
padding:0;
width: 850px;
height: auto;
margin:20px auto auto auto;

}
#top_banner{
width:850px;
height:155px;
background: #FFFFFF;


}

.haut{
float:right;
margin-top:5px;
margin-right:2px;
}
.haut a{
color:#99CCFF;
font-weight:bold;
}

.haut a:hover{
color:#666666;
font-weight:bold;
}



#logo{
position:absolute;
top:0px;
margin-top:30px;
margin-left:10px;

float:left;
text-align:center;
width:850px;

}


#center_content{

width:850px;
height: auto;
background-color:#FFFFFF;
position:absolute;


}

.doc{
float:left;
margin-top:5px;
margin-right:2px;
}
.doc a{
color:#99CCFF;
font-weight:bold;
}

.doc a:hover{
color:#666666;
font-weight:bold;
}



/*---------------menu------------*/
ul.menu {
list-style-type:none; 
display:block; 
width: auto; 
height:35px; 
margin:auto;
margin-left:5px;
line-height:23px;

}

ul.menu li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; 
float:left;
 padding-top:5px;
  margin-right:5px;
  width:105px;
   height:30px; 
   text-align:center;
    font-weight:bold;
	 font-size:12px;
	 
text-decoration:none; color: #fff; background:url(../images/boutton1.png) no-repeat center;}

a.nav:hover {
display:block; float:left; padding-top:5px; margin-right:5px;width:105px; height:30px; text-align:center; font-weight:bold; font-size:12px;
text-decoration:none; color: #fff; background:url(../images/boutton2.png) no-repeat center;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding-top:5px; margin-right:5px;width:105px; height:30px; text-align:center; font-weight:bold; font-size:12px;
text-decoration:none; color: #fff; background:url(../images/boutton2.png) no-repeat center;}

.spacer{
		width:auto;
		height:20px;
		background-color:#111112;
		font-size:11px;
		color:#FFFFFF;
		text-align:center;
		border-bottom:#FFFFFF;
}





#news_liste {
width:420px;
float:right;


padding:10px 0 0 20px;


}

#contenu {
width:850px;
height:350px;
background-color:#FFFFFF;
}



/*-------------------form--------*/
#form {

width:350px;
padding:10px 0 0 20px;
margin:10px 0 20px 0;
float:left;

}



#articles_liste{
width:800px;
padding:10px 0 0 20px;
}


#form1 {
width:400px;
clear:both;
margin:auto;
}


label{
float:left;
padding-top:7px;
font-weight:bold;
color:#510000;
}


#button {
padding-left:150px;
padding-top:5px;

}






textarea{

	width:260px;
	height:77px;
	background:url(../images/textarea.jpg) no-repeat left top;
	background-position:5px 0px;
	border:none;
	padding:10px 5px 10px 20px ;
	color:#000;
	float:right;

}

.clear {
clear:both;
overflow:hidden;
height:4px;
}

.modify{
		color=000033;
		border:1px solid #BFBFBF;
		background-color:#ECF8FD;
}


#tous{


margin-left:20px;
margin-top:20px;

}

#bonjour {
float:left;
margin-left:60px;


font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;



}

#derniere_connexion {
float:right;


font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin-left:300px;




}


#Layer1 {
	position:absolute;
	left:864px;
	top:481px;
	width:71px;
	height:25px;
	z-index:1;
}
.Style1 {
	font-size: 24px;
	font-weight: bold;
	line-height:24px;
}





#les_mois{

text-align:center;
position:relative; 
margin-left:0px;
word-spacing:15px;

}

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






#reff{

text-align:center;
position:relative; 
margin-left:0px;
word-spacing:15px;
height:20px;

}

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