/* CSS Document : Feuille de style génie office */

#cadre-photo{
	position:absolute;
	width:184px;
	height:293px;
	margin:-200px 0px 0px -382px;
	top: 50%; 
	left: 50%;
}

#cadre-pdf-fonctionnement{
	position:absolute;
	width:687px;
	height:458px;
	margin:-268px 0px 0px -225px;
	top: 50%; 
	left: 50%;
}
#bouton-plus-info{
	position:absolute;
	width:687px;
	height:458px;
	margin: -30px 0px 0px -370px;
	top: 50%; 
	left: 50%;
	valign="middle";
}
#bouton-retour-liste{
	position:absolute;
	width:687px;
	height:458px;
	margin: 20px 0px 0px -370px;
	top: 50%; 
	left: 50%;
	valign="middle";
}

#carte{
	background-image: url(../images/design/carte_client.gif);
	background-repeat: no-repeat;
	height: 350px;
	width: 530px;
	padding: 0;
	position: absolute;
	font-size: 13px;
	color: #DA3636;
	font-weight: bold;
	margin:-70px 0px 0px -50px;
	top: 50%; 
	left: 50%;
}
#carte-alpes{
	background-image: url(../images/design/carte_client_alpes.gif);
	background-repeat: no-repeat;
	height: 400px;
	width: 493px;
	padding: 0;
	position: absolute;
	font-size: 13px;
	color: #DA3636;
	font-weight: bold;
	margin:-110px 0px 0px -50px;
	top: 50%; 
	left: 50%;
}
#texte-haut{
	position:absolute;
	width:730px;
	margin:-225px 0px 0px -270px;
	top: 50%; 
	left: 50%;
}
#modules-office{
	position:absolute;
	width:430px;
	height:340px;
	margin:-70px 0px 0px -400px;
	top: 50%; 
	left: 50%;
}
ul.carre{
	margin: 0 0 0 20;
	padding: 0;
}
il.carre{
	margin: 3 0 0 0;
	list-style-type: none;
}
.carre-info {
	border-left-width: 9px;
	border-left-style: solid;
	border-color: #EAD32F;
	padding-left: 5px;
	margin: 0;
}
.carre-web {
	border-left-width: 9px;
	border-left-style: solid;
	border-color: #9CBC4B;
	padding-left: 5px;
	margin: 0;
}
.carre-doc {
	border-left-width: 9px;
	border-left-style: solid;
	border-color: #66A53D;
	padding-left: 5px;
}
.carre-dispo {
	border-left-width: 9px;
	border-left-style: solid;
	border-color: #AF7D41;
	padding-left: 5px;
}
.carre-resa {
	border-left-width: 9px;
	border-left-style: solid;
	border-color: #F88C11;
	padding-left: 5px;
}
.carre-groupe {
	border-left-width: 9px;
	border-left-style: solid;
	border-color: #E86E49;
	padding-left: 5px;
}
.carre-congre {
	border-left-width: 9px;
	border-left-style: solid;
	border-color: #CC75B6;
	padding-left: 5px;
}
.carre-visite {
	border-left-width: 9px;
	border-left-style: solid;
	border-color: #B184D1;
	padding-left: 5px;
}
.carre-client {
	border-left-width: 9px;
	border-left-style: solid;
	border-color: #7784E0;
	padding-left: 5px;
}
.carre-boutique {
	border-left-width: 9px;
	border-left-style: solid;
	border-color: #7DB9D3;
	padding-left: 5px;
}
.carre-ski {
	border-left-width: 9px;
	border-left-style: solid;
	border-color: #ABD8D4;
	padding-left: 5px;
}
/* **************************** */
.trait-blanc{
	border: 1px solid #FFFFFF;
	margin: 0;
	padding: 0px;
}
/* ******* puces de couleur ****** */
li.info{
	list-style-image: url(../images/design/carre_info.gif);
}
li.web{
	list-style-image: url(../images/design/carre_web.gif);
}
li.doc{
	list-style-image: url(../images/design/carre_doc.gif);
}
li.dispo{
	list-style-image: url(../images/design/carre_dispo.gif);
}
li.resa{
	list-style-image: url(../images/design/carre_resa.gif);
}
li.groupe{
	list-style-image: url(../images/design/carre_groupe.gif);
}
li.congre{
	list-style-image: url(../images/design/carre_congre.gif);
}
li.visite{
	list-style-image: url(../images/design/carre_visite.gif);
}
li.client{
	list-style-image: url(../images/design/carre_client.gif);
}
li.boutique{
	list-style-image: url(../images/design/carre_boutique.gif);
}
li.ski{
	list-style-image: url(../images/design/carre_ski.gif);
}

.cellule1{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
padding-left: 3px;
line-height: 11px;
}
