body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background:url(images/fd2.jpg) top left repeat-x #990000;
	color:#333333;
}
/*-------------------------------------------------------------*/ 
/* structure */



#page {
	width:940px;
	height:100%;
	background: url(images/gris.gif);
	margin-top:0px;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
}

#tete {
	background:url(images/top.jpg) top left no-repeat;
	width: 940px;
	height:128px;
}
#milieu {
	border-bottom:#990000 solid 1px;
	border-left:#990000 solid 1px;
	border-right:#990000 solid 1px;
	height: auto;
	min-height: 460px;
	_height: 460px; // Min-height interprété par IE
}

#gauche {
	display:inline;
	float: left;
	margin-left:6px;
	background:url(images/gauche.jpg) top left no-repeat;
	border-bottom:#990000 solid 1px;
	border-left:#990000 solid 1px;
	border-right:#990000 solid 1px;
	width:142px;
	height: auto;
	min-height: 451px;
	_height: 451px; // Min-height interprété par IE
}


#gauche_espace_client {
	display:inline;
	float: left;
	margin-left:6px;
	background:url(images/gauche-espace-client.jpg) top left no-repeat;
	border-bottom:#990000 solid 1px;
	border-left:#990000 solid 1px;
	border-right:#990000 solid 1px;
	width:142px;
	height: auto;
	min-height: 451px;
	_height: 451px; // Min-height interprété par IE
}


#gauche2 {
	display:inline;
	float: left;
	margin-left:6px;
	background:url(images/gauche.jpg) top left no-repeat #990000;
	border-bottom:#990000 solid 1px;
	border-left:#990000 solid 1px;
	border-right:#990000 solid 1px;
	width:142px;
	height:560px;
}

#credits {
	width:940px;
	font-size:10px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	color: #CC6600;
	margin-top: 3px;
}

#credits a{
color:#CC6600;
}
#credits a:hover{
color: #CC9933;
}


#info-contact {
	width:132px;
	padding:5px;
	color:#FFFFFF;
	margin-top: 20px;
	line-height: 16px;
}

#info-contact a{
color:#FFFFFF;
}

#info-contact a:hover{
text-decoration:underline;
}

/* Navigation ------------------------- */

#nav {
	width:142px;
}

#nav dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#nav dt {
cursor: pointer;
margin-top:2px;
}

#nav dt a {
display: block;
height: 24px;
border: 0 none;
 
}

#nav li a  {
display: block;
border: 0 none;
}

/* états boutons menu------------------------- */

/* bt accueil------------------------- */
dt#bt1 {
background-image:url(images/menu.jpg);
background-position:0 0;
}

a#bt1:hover {
background-image:url(images/menu.jpg);
background-position:-142px 0;
}

dt#bt1-on {
background-image:url(images/menu.jpg);
background-position:-142px 0;
}
/* bt services------------------------- */
dt#bt2 {
background-image:url(images/menu.jpg);
background-position:0 -28px;
}

a#bt2:hover {
background-image:url(images/menu.jpg);
background-position:-142px -28px;
}

dt#bt2-on {
background-image:url(images/menu.jpg);
background-position:-142px -28px;
}
/* bt engagement------------------------- */
dt#bt3 {
background-image:url(images/menu.jpg);
background-position:0 -54px;
}

a#bt3:hover {
background-image:url(images/menu.jpg);
background-position:-142px -54px;
}

dt#bt3-on {
background-image:url(images/menu.jpg);
background-position:-142px -54px;
}
/* bt actu------------------------- */
dt#bt4 {
background-image:url(images/menu.jpg);
background-position:0 -80px;
}

a#bt4:hover {
background-image:url(images/menu.jpg);
background-position:-142px -80px;
}

dt#bt4-on {
background-image:url(images/menu.jpg);
background-position:-142px -80px;
}
/* bt contact------------------------- */
dt#bt5 {
background-image:url(images/menu.jpg);
background-position:0 -104px;
}

a#bt5:hover {
background-image:url(images/menu.jpg);
background-position:-142px -104px;
}

dt#bt5-on {
background-image:url(images/menu.jpg);
background-position:-142px -104px;
}

/*espace client ------------------------------------------------------- */

#client {
width:132px;
margin-top:24px;
padding:5px;
}
#client h1{
font-size:12px;
color:#333333;
}
#form-client {
margin-top:15px;
}
#login {
	margin-left:20px;
	margin-top: 18px;
}

#pass {
	margin-left:20px;
	margin-top: 14px;
}
#valider-client {
}

#valider-client p{
margin:0;
padding:0;
border:0;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
/*accueil ------------------------------------------------------- */


/*centre accueil ------------------------------------------------------------- */
#centre {
	width: 766px;
	float: left;
	margin-left: 9px;
	border-bottom:#990000 solid 1px;
	border-left:#990000 solid 1px;
	border-right:#990000 solid 1px;
	background: url(images/blanc.jpg);
	height: 451px;
}

#centre h1{
	font-style:italic;
	font-size:20px;
}
#centre h2{
	font-size:12px;
	font-weight:normal;
	font-style:italic;
}

#txt-accueil {
	margin-top:20px;
	margin-bottom:35px;
	line-height:16px;
	width: 600px;
	text-align: justify;
	margin-left: 15px;
}
/*services ------------------------------------------------------------- */
#centre2 {
	width: 766px;
	float: left;
	margin-left: 9px;
	margin-bottom:10px;
	border-bottom:#990000 solid 1px;
	border-left:#990000 solid 1px;
	border-right:#990000 solid 1px;
	background: url(images/fd-autre.jpg) bottom right no-repeat #FFFFFF;
	height: 451px;

  }
   


#titre-services{
margin-bottom:5px;
}

#titre-services h1{
margin-top:10px;
font-size:20px;
border-bottom: solid 1px #990000;
}

#nav2 {
margin-top:5px;
margin-left:330px;
font-size:10px;
}
#nav2 a:hover{
color:#999999;
}
/*index services ------------------------------------------------------------- */
#services {
	float: left;
	margin-top:20px;
	line-height:30px;
	width: 500px;
	margin-left: 15px;
	text-align: justify;
	display: inline;
	
}


#services h2{
font-size:16px;
}

#services a{
color:#990000;
}
#services a:hover{
color:#CC3300;
}
/*pages services ------------------------------------------------------------- */
#services2, #contenu_espace_client {
	float: left;
	display: inline;
	margin-top:10px;
	line-height:16px;
	width: 550px;
	margin-left: 15px;
	text-align: justify;	
	}

#contenu_espace_client {
font-size:12px;

}

	
#services2 ul{
margin:5px;
}

#services2 form{
	background: url(images/fd-contact.jpg) bottom right no-repeat #FFFFFF;
	border:1px solid #999999;
	padding: 3px;
	width: 85%;
}

/*class ------------------------------------------------------------- */

/*titres --------------------------------------------------------------- */

h1 {
	font-size:20px;
	color: #990000;
	font-style:italic;

}

h2 {
	font-size:16px;
}
h3 {
	font-size:14px;
	font-weight:bold;
}
h4 {
	font-size:13px;
	font-weight:bold;
	color: #990000;
}

.tableau_espace_client {
	border:1px solid #666666;
	margin-top: 5px;
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, p, div, img {
	padding-left:0;
	padding-right:0;
	margin:0;
}


/*liens --------------------------------------------------*/

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: none;
}

/*autre --------------------------------------------------*/

.gras {
font-weight:bold;
}

.copyright {
font-weight:normal;
font-size:9px;
}

.fontXL {
font-size:120%;
}

.fontS {
font-size:85%;
}
.fontXS {
font-size:70%;
}
#separateur {
	width:535px;
	height: 0px;
	border-bottom:2px #339900 solid;
	margin-top: 4px;
	margin-bottom: 5px;
}

/*position ---------------------------------------------------------------- */

.floatright {
float:right;
}
.left {
float:left;
}

/*formulaire ---------------------------------------------------------------- */
form {
margin:0;
padding:0;
border:0;
}

input.bouton {
	background-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor:pointer;
	color: #FFFFFF;
}

select, textarea, input {
background-color: #FFFFFF;
border:1px solid #999999;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}
input.radio {
	border:0;
	background:none;
}


/*bug compatibilité entre ie et ff - div extensible */
.separation {
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
}
.marge-gauche {
margin-left:20px;
}

.bordure {
border:1px solid #990066;
}

.galerie {
margin:4px;
}
.sstitre {
color:#990066;
font-weight:bold;
}
.0 {
margin:0;
border:0;
padding:0;
}
.overflow {
  overflow: auto;
}
.rouge {
color:#990000;
}
hr {
color:#CCCCCC;
background:#CCCCCC;
height:1px;
width:50%;
margin-top:10px;
margin-bottom:10px;
margin-left:0;
margin-right:0;
padding:0;
}