body {
	background: rgb(106, 106, 107); /*couleur fond*/
	font-family: verdana, arial, sans-serif;
	font-size: 11px; /*laisser à 11, sinon décalage menus. Pour changer taille texte, appliquer sur <p>*/
	color: rgb(255, 255, 255); /*couleur texte + menus 2, 3, 4*/
	margin: 0;
	padding: 0;
}
	
#page {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 980px;
	height: 540px;
	margin-top: -290px; /* moitié de la hauteur */
	margin-left: -490px; /* moitié de la largeur */
	/* background-color: ; */
	background-image: url(../media/images/societe_fond.png);
	color: black;
}

#header {
	width: 980px;
	height: 80px;
	background-image: url(../media/images/header.png);
	background-repeat: repeat-y;
}

#menu {
	/* background-color: ; */
}

#corps {
	float: top;
	width: 950px;
	height: 343px;
	padding: 30px 15px 15px 15px; /* H D B G */
	/* background-color: ; */
}

#corps_societe {
	float: top;
	width: 980px;
	height: 405px;
	padding: 15px 0px 15px 0px; /* H D B G */
	background-image: url(../media/images/societe_fond.png);
	/* background-color: ; */
}

#corps_contact {
	float: top;
	width: 950px;
	height: 350px;
	padding: 30px 15px 15px 15px; /* H D B G */
	/* background-color: ; */
}

#corps_index { /*  UNIQUEMENT pour page index */
	background-image: url(../media/images/header.png);
	background-repeat: repeat-y;
	float: top;
	width: 970px;
	height: 370px;
	padding: 30px 5px 5px 5px;
}

#footer {
	width: 980px;
	height: 50px;
	background-image: url(../media/images/header.png);
	background-repeat: repeat-y;
}

#societe {
	width: 950px;
	height: 400px;
	/* background-color: ; */
}

#societe .societe_texte {
	float: left;
	width: 320px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: justify;
	/* background-color: ; */
}
							/*  width texte + width image + paddings doit = 920 px */
#societe .societe_image {
	float: left;
	width: 592px;
	height: 401px;
	/* background-color: ; */
}

#gmp {
	width: 950px;
	height: 365px;
	/* background-color: ; */
}

#gmp .gmp_texte {
	float: left;
	width: 320px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: justify;
	/* background-color: ; */
}
							/*  width texte + width image + paddings doit = 920 px */
#gmp .gmp_image {
	float: left;
	width: 580px;
	height: 367px;
	/* background-color: ; */
}

#contact_carte_visite {
	margin-left: auto;
	margin-right: auto;
	width: 650px;
	height: 345px;
	padding: 5px;
	border: 2px solid #000;
	/* background-color: ; */
}

#contact_carte_visite .carte_haut {
	border-bottom : 2px solid #0038cf;
	/* background-color: ; */
}

#contact_carte_visite p {
	font-size: 16px;
	font-weight: bold;
	color: #0038cf;
}

#contact_carte_visite div.bas_gauche {
	float: left;
	width: 320px;
	/* background-color: ; */
}

#contact_carte_visite div.bas_droite {
	float: right;
	width: 320px;
	/* background-color: ; */
}

#contact_carte_visite div.bas_droite p.mail a, a:visited {
	color: red;
	text-decoration: underline;
}

#contact_carte_visite div.bas_droite p.mail a:hover {
	text-decoration: none;
}

#domaine_fond {
	margin-left: auto;
	margin-right: auto;
	margin-top: -10px;
	width: 651px;
	height: 351px;
	/* background-color: ; */
}

table, td {
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	/* background-color: ; */
}

#corps #domaine_fond table img {
	display: block;
}

.domaine_1-15 {
	float: left;
	width: 130px;
	height: 136px;
	/* background-color: ; */
}

.domaine_2-15 {
	float: left;
	width: 112px;
	height: 136px;
	/* background-color: ; */
}

.domaine_3-15 {
	float: left;
	width: 133px;
	height: 136px;
	/* background-color: ; */
}

.domaine_4-15 {
	float: left;
	width: 148px;
	height: 136px;
	/* background-color: ; */
}

.domaine_5-15 {
	float: left;
	width: 127px;
	height: 136px;
	/* background-color: ; */
}

.domaine_6-15 {
	float: left;
	width: 130px;
	height: 96px;
	/* background-color: ; */
}

.domaine_7-15 {
	float: left;
	width: 112px;
	height: 96px;
	/* background-color: ; */
}

.domaine_8-15 {
	float: left;
	width: 133px;
	height: 96px;
	/* background-color: ; */
}

.domaine_9-15 {
	float: left;
	width: 148px;
	height: 96px;
	/* background-color: ; */
}

.domaine_10-15 {
	float: left;
	width: 127px;
	height: 96px;
	/* background-color: ; */
}

.domaine_11-15 {
	float: left;
	width: 130px;
	height: 118px;
	/* background-color: ; */
}

.domaine_12-15 {
	float: left;
	width: 112px;
	height: 118px;
	/* background-color: ; */
}

.domaine_13-15 {
	float: left;
	width: 133px;
	height: 118px;
	/* background-color: ; */
}

.domaine_14-15 {
	float: left;
	width: 148px;
	height: 118px;
	/* background-color: ; */
}

.domaine_15-15 {
	float: left;
	width: 127px;
	height: 118px;
	/* background-color: ; */
}

/*********************     MENU     ************************/
/********************************************************/
body #page div.menu ul {
	list-style-type: none;
	width: 90%; /* précision pour Opera */
}

body #page div.menu ul li {
	float: left;
}

body #page div.menu ul li a, a:visited {
	margin: 0 2px;
	width: 100px;
	height: 20px;
	display: block;
	text-align: center;
	border: 1px solid gray;
	text-decoration: none;
	color: #000000;
	background: #ffffff;
}

body #page div.menu .menu li a:hover {
	background: #cccccc;
}

body #page div.menu .menu li a:active {
	background: gray;
	border: 1px solid gray; 
	color: #ffffff;
}

/********************* FIN MENU  ************************/
/********************************************************/

/* INFO-BULLE
a.infobulle {
position: relative;
text-decoration: none;
color: black;
}

a.infobulle span {
display: none;
}

a.infobulle:hover {
background: none;  correction d'un bug IE 
z-index: 500;
}

a.infobulle:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background: orange;
text-align: center;
color: white;
padding: 2px;
}
*/

body #page #corps_index .index_logo {
	position:absolute;
	width: 229px;
	height: 66px;
	margin-top: 120px;
	margin-left: 350px;
	color: black;
}

body #page #corps_index p.index_fr {
	position:absolute;
	width: 30px;
	height: 20px;
	margin-top: 140px;
	margin-left: 300px;
}

body #page #corps_index p.index_fr a {
	text-decoration: none;
}

body #page #corps_index p.index_fr a img {
	border: 0;
}

body #page #corps_index p.index_gb {
	position:absolute;
	width: 30px;
	height: 20px;
	margin-top: 140px;
	margin-left: 600px;
	border: 0px;
	text-decoration: none;
	/* background-color: ; */
}

body #page #corps_index p.index_gb a {
	text-decoration: none;
}

body #page #corps_index p.index_gb a img {
	border: 0;
}

#page #corps_index .index_expertise_fr {
	font-size: 14px;
	font-weight: bold;
	position:absolute;
	margin-top: 40px;
	margin-left: 260px;
}

#page #corps_index .index_expertise_gb {
	font-size: 14px;
	font-weight: bold;
	position:absolute;
	margin-top: 250px;
	margin-left: 500px;
}

.header_titre{
	font-size: 14px;
	float: left;
	text-align: left;
	padding-top: 20px;
	padding-left: 30px;
	font-weight: bold;
	color: rgb(160, 160, 200);
}

.barre_bleue {
	float: top;
	width: 980px;
	height: 5px;
	background-image: url(../media/images/barre_bleue.png);
	background-repeat: repeat-y;
}

.footer_expertise {
	color: black;
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
	margin-top: 10px;
	margin-right: 0px;
	text-align: right;
	vertical-align: middle;
	float: right;
}