/* Feuille de style CSS creee en janvier 2008 - copyright 2008, Corinne Guillard 
Ne pas recopier sans l'autorisation de l'auteur */

/*------------------------------- Body---------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url(../images/fond/fondPage.gif) repeat-x;
	font-size: 0.8em;
	background-color: #AFAFAF;
	scrollbar-face-color: #97c03a;
	scrollbar-3dlight-color: #e4f2b7;
	scrollbar-arrow-color: #3b5109;
	scrollbar-track-color: #e4f2b7;
	scrollbar-highlight-color: #F8F8F8;
	scrollbar-darkshadow-color: #638712;
	scrollbar-shadow-color: #FFF;	
}
p { font-size : 0.8em;}
/*-------------------- Container  -------------------------------------*/
#container {
	position: absolute;
	top: 30px;
	width: 814px;
	height: 673px;
	margin-left: -407px;
	left: 50%;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/fond/fondContenuAccueil2.png);	}
#containerExt {
	padding: 4px 0 0 5px;
}
/*--------------------Zone de message défilant -----------------------------------*/
#zoneMessage  {
	float: left;
	width: 445px;
	height: 20px;
	line-height: 15px;
	font-size: small;
	color: red;
}
.offre {
	font-size: 10px;
	color: #636363;
}
/*-------------------- Zone Entête -------------------------------------*/
/* Titre de Bienvenue */
#pageEntete {
	height: 110px;
	margin-left: -1px;
}
#titreBienvenue {
	float: left;
	width: 791px;
	height: 107px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/bandeau/bandeauHaut.png);		
}
/*--------------------Titres et textes -------------------------------------*/
.date {
	float: right;
	padding-right: 23px;
	font-size: 0.8em;
	color: #FFF;
	margin-top: 15px;
	height: 12px;
}
.gras {font-weight: bold;}
.rouge {color: #cc0000;}
.vertf {color: #638712;}
.vertc {color: #97c03a;}
.gris {color: #636363;}

h4 {color: #636363; font-size:13px; margin:4px 0 4px 0; }
/*************         Contenu et Menu       ****************/
#menu {
	background: url(../images/menu/fondMenu.gif) no-repeat;
	width: 794px;
	height: 31px;
	margin: 1px 0 0 0; 
	font-size: 1em;
	font-weight: bold;
}
#menu li {
	list-style:none;
	display: inline;
	text-align:left;
	color: #FFF;
	}
#menu #menu_1 { width:110px;}
#menu #menu_2 { width:80px;}
#menu #menu_3 { width:90px;}
#menu #menu_4 { width:110px;}
#menu #menu_5 { width:60px;}
#menu #menu_6 { width:60px; }
#menu a {
	text-decoration:none;
	color: #ffd3d3;
	margin: 0;
	padding: 0px 3px 0 19px;
	background: url(../images/puces/pucemenu.gif) no-repeat left;
	vertical-align: top;
	height: 31px;
	line-height: 31px;
}
#menu a:hover{
	text-decoration: none;
	color: #FFF;
	margin: 0;
	padding: 0px 3px 0 19px;
	background: url(../images/puces/pucemenuSurvol.gif) no-repeat left;
}
#menu .on, #menu #menu_1 .on, #menu #menu_2 .on, #menu #menu_3 .on, #menu #menu_4 .on, #menu #menu_5 .on, #menu #menu_6 .on{
	color:#FFF;
	margin: 0;
	padding: 0px 3px 0 19px;
	background: #ff9999 url(../images/puces/pucemenuSelect.gif) no-repeat left;
	vertical-align: top;
	height: 30px;
	line-height: 30px;
}
/*-------------------- Zones Contenu ----------------------------------*/
#contenu {
	width: 794px;
	height: 466px;
	background: transparent url(../images/fond/fondCentralAccueil.gif) no-repeat left;
	margin:5px 0 0 0;
}
#contenuInt {
	height: 466px;
}
/*---- Bloc présentation -----*/
#blocPresentation {
	position: absolute;
	width: 469px;
	height: 380px;
	left: 17px;
	top: 160px;
}
.titrePresentation {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-indent: 45px;
	background: url(../images/blocs/blocTitre.gif) no-repeat;
	width: 469px;
	height: 35px;
	line-height: 35px;
}
.contenuPresentation {
	background: url(../images/blocs/zoneBlocPresentation.gif) no-repeat;
	color: #636363;
	width: 469px;
	height: 491px;
}
#contenuPrincipal {
	width: auto;
	height: 475px;
	overflow: auto;
	margin: 0 5px 0 2px;
	padding: 10px 10px 5px 10px;
	font-size:small;
}
#contenuPrincipal li {
padding-bottom: 5px;
}
/*--------- Bloc projet ----------*/
#blocProjet {
	position: absolute;
	width: 469px;
	height: 128px;
	left: 17px;
	top: 417px;
}
.titreProjet {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-indent: 45px;
	background: url(../images/blocs/blocTitre.gif) no-repeat;
	width: 469px;
	height: 35px;
	line-height: 35px;
}
.contenuProjet {
	background: url(../images/blocs/zoneBlocProjet.gif) no-repeat;
	color: #636363;
	padding: 15px 5px 5px 15px;
	width: 469px;
	height: 93px;
	text-align: left;
}

a.photoprojet img {
	border: 1px dotted #638712;
}
a.none img {
	border: none;
}
/* Détails */
.details{
	background: url(../images/puces/puceDetail.gif) no-repeat 2px center;
	font-size: 0.9em;
	color: #cc0000;
	text-indent: 20px;
	text-align: right;
	margin: 10px 25px 0 0;
}
.details a:link, .details a:visited, .details a:active { 
	color: #cc0000;
	text-decoration: none; 
}
.details a:hover { 
	color: #cc0000;
	text-decoration: underline;	
}
.Liste ul {margin: 0; padding:0;}
.Liste li {
	background :transparent url(../images/puces/puceListe.gif) no-repeat left top;
	color: #636363;	
	min-height:17px;
	margin: 1px 0 0px 0px;
	padding: 0 0 0 20px;
	list-style: none;
}
.Liste li li{
	background: url(../images/puces/triangleSsmenu.gif) no-repeat left center;
	padding: 0 0 0 20px;
	color: #636363;
}
/*--------- Bloc Tags ----------*/
#blocTags {
	position: absolute;
	width: 265px;
	height: 240px;
	left: 510px;
	top: 160px;
}
.titreTags {
	font-size: 1.2em;
	font-weight: bold;	
	text-transform: uppercase;
	color: #FFF;
	text-indent: 40px;
	background: url(../images/blocs/blocTitreTags.gif) no-repeat;
	width: 265px;
	height: 30px;
	line-height: 30px;
}
.contenuTags {
	background: url(../images/blocs/zoneBlocTags.gif) no-repeat;
	color: #636363;
	padding: 15px 15px 5px 15px;
	width: 235px;
	height: 209px;
	text-align: center;
	line-height:1.8em;
}
.contenuTags a:hover {color: #636363; text-decoration: none;}
.tag1 a {
	font-size: 0.8em;
	color: #97c03a;
	text-decoration: none;
}
.tag2 a {
	font-size: 1em;
	color: #638712;
	text-decoration: none;
}
.tag3 a {
	font-size: 1.2em;
	color: #97c03a;
	text-decoration: none;
}
.tag4 a {
	font-size: 1.4em;
	color: #638712;
	text-decoration: none;	
}
/*--------- Bloc Tags ----------*/
#blocContact {
	position: absolute;
	width: 265px;
	height: 130px;
	left: 510px;
	top: 417px;
}
.titreContact {
	font-size: 1em;
	font-weight: bold;	
	text-transform: uppercase;
	color: #FFF;
	text-indent: 40px;
	background: url(../images/blocs/blocTitreTags.gif) no-repeat;
	width: 265px;
	height: 30px;
	line-height: 30px;
}
.contenuContact {
	background: url(../images/blocs/zoneBlocContact.gif) no-repeat;
	color: #636363;
	padding: 15px 15px 5px 15px;
	width: 235px;
	height: 93px;
	text-align: left;
	line-height:2.1em;
}
.contenuContact a:hover {color: #636363; text-decoration: none;}
.contact {
	font-size: 1.4em;
	color: #636363;
	font-weight: bold;
}
/*---------------------------- Bas de page -------------------------*/
#basPage {
	clear: both;
	position: absolute;
	width: 794px;
	height: 3px;
	margin-top: 11px;
	margin-left: 3px;
	background: url(../images/baspage/basPage.gif) no-repeat;
}
/*---------------------- Copyright -------------------------------------*/
#copyright  {
	position: absolute;
	width: 807px;
	margin-left: -403px;
	left: 50%;
	color: #636363;
	padding: 5px 0 5px 0;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
	top: 655px;
}
#copyright a:link, #copyright a:visited, #copyright a:active  { 
	color: #638712;
	text-decoration: none; 
}
#copyright a:hover { 
	color: #97c03a;
	text-decoration: none; 
}
/*---------------------- Centre Spacer -------------------------------------*/
#spacer { 
  clear:both;
}
.MiseEnEvidence {
	z-index: 150;
	margin-left: 50px;
	top: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: red; 
}
blink {
   visibility: expression((function(){
   if (!window.IEBlink) {
   window.IEBlink = "visible";
   setInterval(function() {
   window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
   var blinks = document.getElementsByTagName("blink");
   for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
   }, 700)
   }
   return "";
   })());