/* CSS Document */

BODY {
	background:url(../images/bg1.jpg);
	margin:0;
	padding:0;
	font-family:"Century Gothic", "Helvetica Neue Light", "Myriad Pro Light", Arial;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0pt;
	padding:0pt;
}
h1 {
	color:#4D6B80;
	font-size:1.5em;
	margin-bottom:0.75em;
}

H3 {
	color:#333;
	/*border-bottom:1px dotted #ddd;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	}
	
H4 {
	color:#b9002a;
	font-weight:bold;
	font-size:16px;
	margin-left:5px;
	margin-top:15px;
	line-height:25px;
	}

p, li {
	color:#222;
	font-size:13px;
	margin-left:10px;
	line-height:20px;
	}

p a, li a {
	border-bottom:1px dotted #b9002a;
	color:#b9002a;
	text-decoration:none;
	}
p a:hover, li a:hover {
	background:#b9002a;
	color:white;
	}

td {vertical-align:top;}

HR {
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	border: 0px;
	margin:20px;
}

/* Texte __________
*/

.legal {
	height:15px;
	padding-top:5px;
	font-size:10px;
	text-align:center;
	background:url(../images/bg-footer.png) bottom center no-repeat; 
	}

/* Elements __________
*/

#centered {
	width:800px;
	margin:0 auto 0;
}
#content {
	width:800px;
	padding-top:30px;
	background:#F5F1E6 url(../images/fond_texte.jpg);	}
.thumb{
	border:1px solid #ccc;
	margin:5px;
	padding:2px;
	}
	

table#home {

}
td#home-center {
	width:800px;
	
}
td#home-right, td#home-left {
	width:30px;
	vertical-align:top;
	margin-top:435px;
	}
#home-image {
	position:relative;
	}
#home-image>div {
	position:absolute;
	top:50px;
	right:0px;
	width:204px; height:88px;
	background:url(../images/home-info-sup.gif);
	}
#home-image>div>div {
	margin:10px;
	
}
#menu-top {
	float:right;
	margin-right:100px;
	vertical-align:middle;
	}
.logo {
	float:left;
	margin:10px 0px 0px 15px;
	
	}
#header {
	background:#ffffff;
	width:800px; height:95px;
	}
.border {
	border-right:12px solid white;
	border-left:12px solid white;
	margin:0;
	background:#F5F1E6;
	}
	
#colonne-gauche {
	float:left;
	width:187px;
	margin-top:0px;
	margin-left:12px;
	padding-right:12px;
	border-right:1px dotted #ddd;
}
#colonne-droite {
	float:right;
	width:550px;
	margin-top:0px;
	margin-right:30px;
}

table.contact {
} 
table.contact H3 {
	margin-top:1px;
	margin-bottom:1px;
} 
table.contact H4 {
	margin-top:4px;
	margin-bottom:2px;
} 		
	
/* NAvigation _____________
*/

a.sous-menu, a.sous-menu-active, a.sous-menu-evidence {
	float:left;
	margin:5px 10px 5px 7px;
	color:#ccc;
	font-size:12px;
	text-decoration:none;

	}
a.sous-menu-active, a.sous-menu-evidence {
	color:white;

}
a.sous-menu-evidence {
	font-weight:bold;
	}

a.sous-menu:hover {
	text-decoration:underline;
	color:white;
	}
	
a.menu-bouton {
	width:255px; height:25px;
	padding-top:3px;
	display:block;
}
a.menu-bouton:hover {
	
	}
a.menu:hover {
	
	}
	
/* Colonne de gauche - Liens
*/

td.chantier {
	border:none;
	}
a.chantier, a.chantier-blog {
	margin-left:10px;
	color:#b9002a;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
a.chantier:hover, a.chantier-blog:hover {
	text-decoration:underline;
}
a.chantier-blog {
	font-weight:bolder;
}	

#trailimageid {
	position: absolute;
	visibility:hidden;
	left: 0px;
	top: 0px;
	width: 74px;
	height: 1px;
	z-index: 1000;
}
/* début du hack "fixed" permettant de fixer le menu fixe sous IE */
body { /* redéfini les propriétés de toute la page */
	overflow-y: hidden ; /* fonction microsoft supprimant les ascenseurs sous IE */
	margin: 0; /* la marge du body est à 0 pixels */
	padding:0} /* marge intérieure à 0 pixels */
html > body {overflow-y: auto} /* annule le overflow-y pour firefox 1.5 et supérieur */

.centered { /* boite prenant toute la page sauf le menu fixe*/
	height: 100%; /* la hauteur de la boite occupe 100% de l'écran */
	overflow: auto} /* on rajoute un ascenseur droit à la boite */
	/* fin du hack "fixed" permettant de fixer le menu fixe sous IE */

.menu1 { /* menu fixe en bas de l'écran */
	text-align:center;
	position: absolute ; /* position du menu = par rapport à la boite parent (ici le body) */
	bottom: 0 ; /* Le bas du menu est à 0 pixels du bas de l'écran */
	left: 0 ; /* La gauche du menu est à 0 pixels du bas de l'écran */
	width: 100% ; /* largeur du menu = 98% de l'écran */
	height: 96px ; 
	background:url(../images/bg-footer-fix.png) repeat-x;
	
}

.menu1 a {
	color:#FFFFFF;
	}

body>.menu1 {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */