body {
	width: 1024px;
	text-align: center;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #555555;
	background-color: #FFFFFF;
	height:100%;
	
}
div#general {
margin-left: auto; /* Pour centrer avec Firefox & co */
margin-right: auto;
text-align: left; /* Pour remettre normal */
width: 100% /* Tout à fait ce que l'on veut ici... */
}
#bandeau {

	background-image: url(images/haut.jpg); 
	background-repeat: no-repeat;
	width:970px;
	height:135px;
	}
#contenu {
position: relative;
	background-image: url('images/fondcote.jpg'); 
	background-repeat: repeat-y; 
	background-position: top left; 
	vertical-align:top; 
	width:970px;
	}	
#contenuC {
position: relative;
	background-image: url('images/fondcote.jpg'); 
	background-repeat: repeat-y; 
	background-position: top left; 
	vertical-align:top; 
	width:970px;
	height:830px;
	padding-left:150px;
	padding-top:50px;
	}	
#footer {

	background-image: url('images/fondbas.jpg'); 
	background-repeat: no-repeat;
	margin-bottom:0px; 
	width:970px;
	height:169px;
 bottom: 0px;
}
div#blocb7 {
	position: relative;
	z-index: 5;
	float: right;
	top: 5px;
	}
/* Bas de page */
	div#bas {
	
	width:970px;
	font-size: 11px;
	}
a.lienB {
	color: #ff4500;
	text-decoration: none;
}	
a:hover.lienB {
	color: #a52A2A;
	text-decoration: none;
}
.titrech {
	font-weight: bold;
	font-size: 14px;
}
#contenu.projets {
	height:420px;
	padding-left:120px;
	padding-top:65px;
	}	
#contenu.projets a.dec {
	display: block;
	border: 1px solid #a52a2a;
	padding: 2px 5px 2px 5px;
	background-color: #ff4500;
	color: white;
	font-variant : small-caps;
	font-weight: bold;
	text-decoration: none;
}
#contenu.projets a:hover.dec {
background-color: #9932cc;
	color: white;
	}
	
#carCloitre {
	float: left;
	margin-right: 44px;
	width: 400px; 
	height:350px;
	background-image: url(images/carCloitre.jpg);
	background-repeat: no-repeat;
}	
#carCloitre #textCloitre {
	position: relative;
	width:160px;
	float: right;
	text-align: justify;
	right: 27px;
	top: 76px;
	}
#carCloitre #dateCloitre {
	position: relative;
	width:360px;
	float: left;
	text-align: justify;
	left: 27px;
	top: 100px;
	}
#carCimes {
	float: left;
	margin-right: 44px;
	width: 400px; 
	height:350px;
	background-image: url(images/carCimes.jpg);
	background-repeat: no-repeat;
}	
#carCimes #textCimes {
	position: relative;
	width:160px;
	float: right;
	text-align: justify;
	right: 27px;
	top: 76px;
	}
#carCimes #dateCimes {
	position: relative;
	width:360px;
	float: left;
	text-align: justify;
	left: 27px;
	top: 40px;
	}	
#carPlanP {
float: left;
margin-right: 44px;
	width: 400px; 
	height:350px;
	background-image: url(images/carPlanP.jpg);
	background-repeat: no-repeat;
}	
#carPlanP #textPlanP {
	position: relative;
	width:160px;
	float: right;
	text-align: justify;
	right: 27px;
	top: 76px;
	}
#carPlanP #datePlanP {
	position: relative;
	width:360px;
	float: left;
	text-align: justify;
	left: 27px;
	top: 109px;
	}

#carHexa {
float: left;
margin-right: 44px;
	width: 400px; 
	height:350px;
	background-image: url(images/carHexa.jpg);
	background-repeat: no-repeat;
}
#carHexa #textHexa {
	position: relative;
	width:150px;
	float: right;
	text-align: justify;
	right: 27px;
	top: 76px;
	}	

#carVeudey {
float: left;
	width: 400px; 
	height:350px;
	background-image: url(images/carVeudey.jpg);
	background-repeat: no-repeat;
}
#carVeudey #textVeudey {
	position: relative;
	width:160px;
	float: left;
	text-align: justify;
	left: 27px;
	top: 76px;
}
#carVeudey #dateVeudey {
	position: relative;
	width:360px;
	float: right;
	top: 123px;
	text-align: right;
	right: 31px;
	}
#carAmar {
float: left;
	width: 400px; 
	height:350px;
	background-image: url(images/carAmar.jpg);
	background-repeat: no-repeat;
}
#carAmar #textAmar {
	position: relative;
	width:160px;
	float: left;
	text-align: justify;
	left: 27px;
	top: 84px;
}
#carAmar #dateAmar {
	position: relative;
	width:360px;
	float: right;
	text-align: right;
	right: 30px;
	top: 122px;
	}
#carCerg {
float: left;
	width: 400px; 
	height:350px;
	background-image: url(images/carCerg.jpg);
	background-repeat: no-repeat;
}
#carCerg #textCerg {
	position: relative;
	width:160px;
	float: left;
	text-align: justify;
	left: 27px;
	top: 84px;
}
#carCerg #dateCerg {
	 float: right;
    position: relative;
    right: 30px;
    text-align: right;
    top: 252px;
    width: 160px;
	}
			
/* Menus */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#beatles {width:505px; height: 30px; position:relative; left:410px; top: 127px; vertical-align: top;z-index:500;}

.prodrop5 {padding: 0 0 0 0; margin: 0; list-style:none; height:30px; position:relative;  z-index:500; font-family:arial, verdana, sans-serif; border-bottom:0px solid #A60910;}

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pos1 {background:url(shades/home_0.gif); width:132px; height:30px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2 {background:url(shades/help_0.gif); width:158px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos3 {background:url(shades/abbey_0.gif); width:115px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos4 {background:url(shades/please_0.gif); width:100px; height:30px; display:block;text-indent:-99999px;} 

.prodrop5 li.p1 {background:url(shades/home_1.gif);} 
.prodrop5 li.p2 {background:url(shades/help_1.gif);} 
.prodrop5 li.p3 {background:url(shades/abbey_1.gif);} 
.prodrop5 li.p4 {background:url(shades/please_1.gif);} 

.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(shades/home_2.gif);} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(shades/help_2.gif);} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(shades/abbey_2.gif);} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(shades/please_2.gif);} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {left:0; top:30px; background:url(shades/fdhelp_2.gif); padding:0px; white-space:nowrap; height:auto; width:auto; z-index:300;}
.prodrop5 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop5 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; background:transparent; text-decoration:none;}
.prodrop5 :hover ul li a:hover {text-decoration:underline;}

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#FFFFFF;
    padding: 3px;
    border-bottom: 1px solid #41580F;
    border-right: 1px solid #41580F;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #41580F;
    padding-top: 0.5em;
}

#closeButton{ top:2px; right: 2px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(../overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #FFFFFF;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/