body, td { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
form {margin: 0;}
img {border: 0;}
table {border-collapse: collapse;}
div {overflow: visible;} /* Pour IE7 ! */

.liens11 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF9C66; }
.liens13 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FF9C66; }
.lienspromo11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000; }
.liensclairs11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}

a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF9C66; }
a:hover { font-family: Arial, Helvetica, sans-serif; color: #CC7D52; }

.accroche13 {  font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 13px; color: #D90015; }
.accroche11 { font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #D90015; }

.titres09 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #7C7C7C; }
.titres11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7C7C7C; }
.titres13 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #7C7C7C; }

.texte11 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.texte13 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000 ; }
.texte09 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }
.texteclair11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; }

.piedpage11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #B2B2B2; }
.piedpageclair09 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #C4C4C4; }

.infos11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; }
.titrestableauxclairs11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }
.titrestableauxclairs13 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; }
.alertes11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000; }
.alertes13 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FF0000; }

.Cadre01 {border: 1px solid #000000;} /* Cadre Noir */
.Cadre02 {border: 1px solid #FF9C66;}

/**************************************
TITRES DES PAGES
**************************************/
.titrespages {
	display: block;
	font-size: 20px;
	font-family: Zurich LtCn BT, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7C7C7C; #000000;
	padding-left: 30px;
	background-image: url(IMAGES/puce_titres01.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-align: left;
	margin: 5px;
	}

/**************************************
BOUTONS DE NAVIGATION
**************************************/
a.btn_menu {
	display: block;
	background-image: url(Images/btn_fd01_off.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  #FF9C66;
	padding: 4px 0px 4px 12px; /* Top Right Bottom Left */
	margin-right: 15px;
	}
a.btn_menu:hover {
	background-image: url(Images/btn_fd01_on.gif);
	color:#FFFFFF;
	padding-right: 5px;
	margin-right: 10px;
	}
/**************************************
BOUTON "ETRE CONTACTE"
**************************************/	
a.btn_etre_contacte {
	display: block;
	float: right;
	background-image: url(Images/btn_fd_EtreContacte_off.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: none;
	text-decoration: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  #FF9C66;
	padding: 15px 0px 15px 43px; /* Top Right Bottom Left */
	}
a.btn_etre_contacte:hover {
	background-image: url(Images/btn_fd_EtreContacte_on.gif);
	}

/**************************************
BOUTON "FERMER"
**************************************/	
a.btn_fermer {
	display: block;
	float: right;
	background-image: url(Images/btn_fd_Fermer_off.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: none;
	text-decoration: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  #FF9C66;
	padding: 2px 0px 5px 20px; /* Top Right Bottom Left */
	margin: 10px 10px 5px 10px; /* Top Right Bottom Left */
	}
a.btn_fermer:hover {
	background-image: url(Images/btn_fd_Fermer_on.gif);
	}


/**************************************
ESPACE "PRINCIPAL" (= contenu des pages)
**************************************/
#Principal {}

/**************************************
ESPACE OFFRES : APERCUS
**************************************/
a.Accueil_Offre {
	display: block;
	width: 349px;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 15px;
	}
a.Accueil_Offre div.Intitule_1, a.Accueil_Offre div.Intitule_2 {
	background-repeat: no-repeat;
	background-position: top left;
	}
a.Accueil_Offre div.Intitule_1 {
	background-image: url(IMAGES/fd_intitule_orange01.gif);
	}
a.Accueil_Offre div.Intitule_2 {
	background-image: url(IMAGES/fd_intitule_bleu01.gif);
	}
a.Accueil_Offre div.Detail {
	background-image: url(IMAGES/fd_dg_v_grisclair01.gif);
	background-repeat: repeat-x;
	padding: 5px;
	}
a.Accueil_Offre div.Detail img.Visuel {
	float: left; 
	margin-right: 5px;
	border: 1px dashed #FF9963;
	padding: 3px;
	background-color: #FFFFFF;
	}
	
/***** EFFET DE SURVOL : ****/
a.Accueil_Offre:hover div.Intitule_1 {
	background-image: url(IMAGES/fd_intitule_orange02.gif);
	}
a.Accueil_Offre:hover div.Intitule_2 {
	background-image: url(IMAGES/fd_intitule_bleu02.gif);
	}
a.Accueil_Offre:hover div.Detail {
	color: #A0A0A0;
	}
a.Accueil_Offre:hover img {
	-moz-opacity:0.5;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	}

/**************************************
ESPACE OFFRES : DETAILS
**************************************/
div.Offre_Detail {
	position: absolute;
	top: 15%;
	left: 50%;
	margin-left: -200px;
	background-color: #FFFFFF;
	z-index: 2;
	}
/**************************************
ESPACE OFFRES : DETAILS
**************************************/
div.Offre_Description {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #FF9C66;
	}
div.Offre_Description div.Intitule_1, div.Offre_Description div.Intitule_2 {
	background-repeat: no-repeat;
	background-position: top left;
	}
div.Offre_Description div.Intitule_1 {
	background-image: url(IMAGES/fd_intitule_orange03.gif);
	}
div.Offre_Description div.Intitule_2 {
	background-image: url(IMAGES/fd_intitule_bleu03.gif);
	}
div.Offre_Description div.Detail {
	background-image: url(IMAGES/fd_dg_v_grisclair01.gif);
	background-repeat: repeat-x;
	padding: 5px;
	}
div.Offre_Description div.Detail img.Visuel {
	float: left; 
	margin-right: 5px;
	border: 1px dashed #FF9963;
	padding: 3px;
	background-color: #FFFFFF;
	}
	
/**************************************
EFFET DE FONDU (pour que les Offres apparaissent des des fenêtres internes=
**************************************/
#Fondu_Noir {
	position: absolute;
	width: 100%;
	height: 2300px;
	left: 0px;
	bottom: 0px;
	background-color: #FF9963;
	z-index: 1;
	}

/**************************************
ESPACE "NOS REALISATIONS"
**************************************/
#Realisations {
	position: fixed;
	height: 572px; /* = par défault, mais souvent spécifiée dans la page concernée*/
	width:222px;
	overflow: auto;
	border: 1px solid #FF9963;
	text-align: center;
	scrollbar-face-color: #FF9963;
    scrollbar-shadow-color: #C3724A;
    scrollbar-highlight-color: #FFC2A3;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #eee8aa;
	}
#Realisations a {
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	}
#Realisations a img {
	margin-top: 2px;
	}
	
#Realisations a:hover img {
	text-decoration: none;
	-moz-opacity:0.5;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	}