/* CSS Document */

body
{
	margin: 0 ;
	padding: 0;
	text-align: center ;
	font-family: Arial;
	overflow:auto;
	
}
div#conteneur
{
	margin: 0 auto ;
	padding: 0;
	text-align: left ;
	
	background:url('milieu.png') no-repeat top left;
	
	position : absolute;
	top : 0;
	left : 0;
	
	height : 570px;
	
}


div#header{

	height: 80px;
	margin-top: 0px;
	margin-bottom: -15px;
	margin-left: 90px;
	width : 728px
	
}


div#header h1
{
	color:#FFFFFF;
	 
	font-family:Arial;
	text-align: right;
	font-family: Arial;
	font-size: 22px;
	margin-bottom: 5px;
}

div#header h2{
	font-family:Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 19px;
	color:#FFFFFF;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
}
div#trait{
	margin: 0;
	padding: 0;
	z-index: -10;
	position: absolute;
	top: 582px;
	left: 0px;
	border-bottom: #990033 solid 1px;
	width : 100%;

}

div#contenu
{
	
	width:600px; 
	left:10px; 
	margin-right:20px; 
	margin-top:20px; 
	margin-bottom:10px;
	/*
	border-bottom: #ff9933 solid 1px;
	border-top: #ff9933 solid 1px;
	border-left: #ff9933 solid 1px;
	border-right: #ff9933 solid 1px;
	*/
	
	font-family: Arial;
}



div#contenu h2
{
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 20px ;
	font-size: 14px ;
	color:#990033;
	text-align : center;
	font-family: Arial;
	
}

div#contenu p
{
	font-family: Arial;
	text-align: left ;
	font-size: 10pt;
	padding: 15px;
	padding-top: 15px;
}

div#contenu iframe
{
scrollbar-face-color: #000033; 
scrollbar-arrow-color: #ff9900; 
scrollbar-track-color: #07074F; 
scrollbar-3dlight-color:#000033; 
scrollbar-darkshadow-color:#000033; 
scrollbar-shadow-color : #000033;
scrollbar-highlight-color: #000033;
scrollbar-base-color: #000033; 

}

div#contenu a
{
	color: #990033 ;
	text-decoration: underline;
}

div#contenu a:hover
{
	color: #000000;
	text-decoration:underline;
}

div#boutons
{
	margin-top: 335px;
	text-align: left;
	color: #000000;
	clear: left;
	float: left;
}

div#milieu
{
	margin-top: 15px;
	margin-left: 20px;
	text-align: left;
	color: #000000;
	float: left;
}

div#partenaires
{
	z-index:-5;
	position: absolute;
	top: 500px;
	left: 135px;
	text-align: left;
	color: #000000;
}

.menu10{
color:#0066cc;
text-decoration: none;

}

.menu10:hover{
text-decoration: underline;
}

.menu12{
color:#009966;
text-decoration: none;
}

.menu12:hover{
text-decoration: underline;
}
.menu13{
color:#e6b315;
text-decoration: none;
}

.menu13:hover{
text-decoration: underline;
}

.menu41{
color:#0066cc;
text-decoration: none;
}

.menu41:hover{
text-decoration: underline;
}

.menu46{
color:#009966;
text-decoration: none;
}

.menu46:hover{
text-decoration: underline;
}

.sousmenu10{
color: #000000;
text-decoration: none;
background-image: url('carre_bleu.png');
background-repeat: no-repeat;
background-position:  left 50%;
padding-left: 10px
}
.sousmenu10:hover{
color: #0066cc;
text-decoration: underline;
}

.sousmenu12{
color: #000000;
text-decoration: none;
background-image: url('carre_vert.png');
background-repeat: no-repeat;
background-position:  left 50%;
margin-left: 20px;
padding-left: 10px
}

.sousmenu12:hover{
color: #009966;
text-decoration: underline;
}

.sousmenu13{
color: #000000;
text-decoration: none;
background-image: url('carre_jaune.png');
background-repeat: no-repeat;
background-position:  left 50%;
margin-left: 20px;
padding-left: 10px
}

.sousmenu13:hover{
color: #e6b315;
text-decoration: underline;
}

.sousmenu41{
color: #000000;
text-decoration: none;
background-image: url('carre_bleu.png');
background-repeat: no-repeat;
background-position:  left 50%;
margin-left: 20px;
padding-left: 10px
}

.sousmenu41:hover{
color: #0066cc;
text-decoration: underline;
}

.sousmenu46{
color: #000000;
text-decoration: none;
background-image: url('carre_vert.png');
background-repeat: no-repeat;
background-position:  left 50%;
margin-left: 20px;
padding-left: 10px
}

.sousmenu46:hover{
color: #009966;
text-decoration: underline;
}

div#recherche{
margin-bottom: 0;
}

div#recherche h3{
background: url('carre_rouge.png') no-repeat bottom left;
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #990033;
margin-bottom: 0;
padding-left: 15px
}

div#cadre{
margin-top: 0;
border-bottom: #990033 solid 1px;
border-left: #990033 solid 1px;
}

div#PJ h3{
background: url('carre_rouge.png') no-repeat bottom left;
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #990033;
margin-bottom: 0;
padding-left: 15px
}

div#PJ 
{
	background-color:#ffffff; 
}

.nomPJ
{
	width:180px;
}

.nomPJ a 
{
margin-left: 5px;
font-family: Arial;
font-size: 13px;
color: #990033;
text-decoration: none;
}

.nomPJ a:hover {
text-decoration: underline;
}

div#bordure{

	top:110px; 

 
	


 border-bottom: #ff9933 solid 1px;
	border-top: #ff9933 solid 1px;
	border-left: #ff9933 solid 1px;
	border-right: #ff9933 solid 1px;
padding:5px;
float:none;
position:absolute;
 
left:680px;
}
div#bordure table{

color: #000000;
font-weight: bold;
font-size: 11px;
text-decoration: none;

text-align:right;

vertical-align: middle;
}

div#bordure p{
color: #000000;
font-weight: bold;
font-size: 11px;
text-decoration: none;

text-align:center;
width: 130px;
height: 70px;
vertical-align: middle;

}



div#bordure a{
color:#000000;
text-decoration: none;
}

div#bordure a:hover{
text-decoration: underline;
}

div#carte{
position:absolute;
top:250px;
left:655px;
}
div#carte p{

font-weight: bold;
font-size: 11px;
text-decoration: none;
vertical-align: middle;

}

div#saisie{
margin-top: 15px;
}

.recherche2{
color: #000000;
font-weight: bold;
font-size: 11px;
text-decoration: none;
margin-top: 0;

}

.recherche2:hover{
text-decoration: underline;
}

.champs{
border: #990033 solid 1px;
}



div#bas
{	top:550;
	left : 30%;
	margin: 0 auto ;
	padding: 0;
	text-align: center ;
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	font-face : Arial;
	position: absolute;
}
a.button {
    background: transparent url('carte.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('carte.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 


.retrait

{

margin-left: 10px;

}