body{
padding:2px;
margin:0px;
}


#page{
width:950px;
margin: 0 auto 0 auto;
}





/* ------------------------------------ ligne1 ---------------------------------------*/
#ligne1{
position:relative;
width:950px;
height:121px;
}


#logo{
position:absolute;
top:7px;
left:24px;
}


/* ---------------------------- menu 1 --------------------------- */
#conteneurMenu1{
position:absolute;
width:670px;
height:110px;
right:0px;
top:0px;
}


#menu1{
margin-top:9px;
margin-right:10px;
}


#menu1 ul{
font:bold 0.7em Arial, Verdana, Helvetica, sans-serif;
list-style-type: none;
text-align: right;
line-height: 1.2em;
}


#menu1 ul a{
color: #666;
text-decoration: none;
}


#menu1 ul a:hover{
color: #f90;
}





/* ----------------------------------------- ligne2 ----------------------------- */
#ligne2{
float:left;
width:950px;
}


/* ----------------------------------------- menu2 ----------------------------- */
.conteneur {
	width: 950px;
	height: 6em;
}

#barreMenu {
	width: 750px;
	margin-left: 185px;
	height: 6em;
}

html>body #barreMenu {
	margin-left: 210px;
} 

.menu {
	float: left;
	margin: 0px 0px 0px 20px;
	background: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	width: auto;
}

.menu a:link, .menu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.menu a:hover {
	text-decoration: none;
	color: #ff9900;
}

.menu h3{
	cursor: pointer;
	color: #FFFFFF;
	font-size: 17px;
	margin: 0px 0px 3px 0px;
}

.menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.menu li{
	font-size: 0.9em;
	line-height: 1.3em;
}

.menu ul a {
	color: #FFFFFF;
	text-decoration: none;
}

.menu ul a:hover{
	color: #FF9900;
}

.menuOn a:link, .menuOn a:visited, .menuOn a:hover {
	color: #FF9900;
}

.menuOn {
	color: #FF9900;
}



/* ---------------------------------- ligne3 ---------------------------- */
#ligne3{
float:left;
width:950px;
}


#conteneurPhotoTexte{
float:right;
width:875px;
}


#conteneurPhoto{
float:left;
width:130px;
}


#photo{
margin-top:20px;
text-align:center;
}


#conteneurTexte{
float:right;
width:710px;
font-family:Arial, Verdana, Helvetica, sans-serif;
}



/* -------------------------------- texte ------------------------------- */
#texte{
margin:20px;
text-align:justify;
} 


#texte h3{
color:#666;
font-size:1.1em;
}


#texte p {
color:#333;
font-size:0.9em;
}


#diapo {
width:560px;
margin: 0 auto 0 auto;
}


#liensPhoto{
margin-top:-1.3em;
text-align:right;
font-size:0.7em;
font-weight:bold;
}
#liensPhoto a{
color:#333;
text-decoration:none;
}
#liensPhoto a:hover{
color:#f90;
}


#adresse{
margin-top:30px;
padding:5px;
border:1px solid #333;
}

#vue360{
padding:30px;
text-align:center;
font-size:1.1em;
}

#vue360 a{
color:#333;
text-decoration:none;
}

#vue360 a:hover{
color:#f90;
}


#pied{
padding:30px;
text-align:center;
color:#fff;
}




/*--------------------------------- divers ------------------------------*/
img{
border:0px;
margin:0;
padding:0;
}


#signature{
margin-left:300px;
}


.rose{
color:#c06;
}


.blanc{
color:#fff;
}


.centre{
text-align:center;
}


.droite{
text-align:right;
}


.col{
float:left;
margin:0px 15px 15px 0px;
}


/* Tables =table
----------------------------------------------- */

#tableMain {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

#tableContent {
	background-image: url("images/faur_back.gif");
	background-repeat: repeat-y;
	background-position: left top;
	height: 750px;
	padding: 0;
	margin: 0;
}

#tableContentBack {
	background-image: url("images/faur_back.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0;
	margin: 0;
}