/******************************/
/*    FEUILLE CSS DE H2O      */
/*        07/07/2006          */
/******************************/

/********************* BODY **********************/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#B66E51;
}


/********************* DIV **********************/
div.baniere{
	background-image:url("images/baniere.jpg");
	width:800px;
	height:185px;
	position:absolute;
	left:50%;
	top:10px;
	margin-left:-400px;
}
div.menu{
	background-image:url("images/menu.jpg");
	width:159px;
	height:155px;
	text-align:left;
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:195px;
	color:white;
	font-size:13px;
	font-weight:bold;
}

div.itemMenu1{
	height:31px;
	left:50%;
	margin-left:24px;
	margin-top:4px;
}

div.itemMenu2{
	height:31px;
	left:50%;
	margin-left:24px;
}

div.itemMenu3{
	height:31px;
	left:50%;
	margin-left:24px;
}

div.itemMenu4{
	height:31px;
	left:50%;
	margin-left:24px;
}

div.itemMenu5{
	height:31px;
	left:50%;
	margin-left:24px;
}

div.info{
	width:617px;
	height:350px;
	position:absolute;
	left:50%;
	margin-left:-241px;
	top:195px;
	font-size:10px;
	background-color:white;
	color:rgb(0,66,119);
	font-size:11px;
}

div.formInfoAccueil{
	margin-right:70px;
	margin-left:70px;
	text-align:center;
	margin-top:5px;
	font-size:12px;
}

div.formInfoPresentation{
	margin-right:70px;
	margin-left:70px;
	text-align:justify;
	border-top:1px dashed #B66E51;
	border-bottom:1px dashed #B66E51;
	margin-top:5px;
	font-size:11px;
}

div.formInfoContact{
	margin-right:70px;
	margin-left:70px;
	text-align:justify;
	border-top:1px dashed #B66E51;
	border-bottom:1px dashed #B66E51;
	margin-top:5px;
	font-size:11px;
}

div.formInfoExpo{
	margin-right:70px;
	margin-left:70px;
	text-align:justify;
	border-top:1px dashed #B66E51;
	border-bottom:1px dashed #B66E51;
	margin-top:5px;
	font-size:11px;
}

div.formInfoPartenaires{
	margin-right:70px;
	margin-left:70px;
	text-align:justify;;
	border-top:1px dashed #B66E51;
	border-bottom:1px dashed #B66E51;
	margin-top:5px;
	font-size:11px;
}

div.titreInfoPresentation{
	margin-right:70px;
	margin-left:70px;
	margin-top:30px;
	color:#B66E51;
	font-size:12px;
}

div.titreInfoContact{
	margin-right:70px;
	margin-left:70px;
	margin-top:5px;
	color:#B66E51;
	font-size:12px;
}

div.titreInfoAccueil{
	margin-right:70px;
	margin-left:70px;
	margin-top:30px;
	color:#B66E51;
	font-size:12px;
}

div.titreInfoPartenaires{
	margin-right:70px;
	margin-left:70px;
	margin-top:5px;
	color:#B66E51;
	font-size:12px;
}

div.titreInfoExpo{
	margin-right:70px;
	margin-left:70px;
	margin-top:20px;
	color:#B66E51;
	font-size:12px;
}

div.dateInfo{
	text-align:right;
	margin-right:70px;
	margin-left:70px;
	margin-top:10px;
	color:#B66E51;
}

div.ligneInfoBas{
	background-image:url("images/ligneBas.jpg");
	width:800px;
	height:53px;
	text-align:center;
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:544px;
	font-size:10px;
	background-color:white;
	color:#B66E51;
}


div.resteMenu{
	background-image:url("images/resteMenu.jpg");
	width:159px;
	height:245px;
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:350px;
}

div.colonne{
	background-image:url("images/colonne.jpg");
	width:25px;
	height:400px;
	position:absolute;
	left:50%;
	margin-left:375px;
	top:195px;
}

div.titreRubrique{
	float:left;
	font-size:11px;
	font-weight:bold;
	background-color:#B66E51;
	color:white;
	text-align:center;
	border-right:1px solid white;
	width:230px;
}

div.titreRubrique2{
	font-size:11px;
	font-weight:bold;
	background-color:#B66E51;
	color:white;
	text-align:center;
	border-left:1px solid white;
	width:230px;
}


div.titreSE{
	color:#F6975F;
}

div.photoSE{
	font-size:8px;
}

div.galeriePhoto1{
	background-color:#F0A878;
	text-align:center;
	width:550px;
}

div.galeriePhoto2{
	background-color:#F0A878;
	font-size:9px;
	text-align:center;
	width:550px;
	color:white;
	font-size:12px;
}

div.galeriePhoto3{
	text-align:center;
	background-color:#F0A878;
	width:550px;
	height:430px;
}

div.galeriePhoto4{
	font-size:12px;
	text-align:center;
	background-color:#F0A878;
	width:550px;
	color:#3360AA;
}

div.photo1{
	float:left;
	width:200px;
	height:75px;
	border:1px solid #B66E51;
	margin-left:10px;
	position:absolute;
	left:50%;
	margin-left:-205px;
	top:180px;
}

div.photo2{
	width:200px;
	height:75px;
	border:1px solid #B66E51;
	position:absolute;
	left:50%;
	margin-left:5px;
	top:180px;
}


/********************* SPAN **********************/
span.menu{
	color:#3360AA;
}

span.gras{
	font-weight:bold;
}

span.messageMail{
	color:#B66E51;
}

span.texteAccueil{
	color:#B66E51;
}

span.texteAccueil2{

}

span.nom{
	font-size:24px;
	font-weight:bold;
}

span.titreGalerie{
	font-size:14px;
	color:white;
	font-weight:bold;
}

span.infoGalerie{
	font-size:10px;
	color:#3360AA;
}

span.consigneGalerie{
	font-size:11px;
	color:white;
}


/********************* A **********************/
a{
	text-decoration:none;
	border:0px;
}

a:hover{
	text-decoration:none;
	border:0px;
}

a.menu{
	color:#FFFFFF;
	text-decoration:none;
}

a.menu:hover{
	color:#3360AA;
	text-decoration:none;
}

a.lienPartenaires{
	text-decoration:none;
	color:rgb(0,66,119);
}

a.lienPartenaires:hover{
	text-decoration:none;
	color:#F6975F;
}

a.lienPhotos{
	text-decoration:none;
	color:#F6975F;
}

a.lienPhotos:hover{
	text-decoration:none;
	color:#B66E51;
}

a.changePageOff{
	text-decoration:none;
	color:white;
}

a.changePageOff:hover{
	text-decoration:none;
	color:#3360AA;
}

a.changePageOn{
	text-decoration:none;
	color:#3360AA;
	font-weight:bold;
	font-size:14px;
}

a.changePageOn:hover{
	text-decoration:none;
	font-weight:bold;
	color:#3360AA;
	font-size:14px;
}


/********************* BR **********************/
br.ajustMenu{
	font-size:13px;
}

br.ajust1{
	font-size:3px;
}

br.galeriePhoto1{
	font-size:9px;
}


/********************* IMG **********************/
img{
	border:0px;
}

img.photoBatiment{
	border:1px solid rgb(0,66,119);
	margin-right:10px;
}

img.photoSE{
	border:1px solid #F6975F;
}


/********************* TD **********************/
td.titreRubrique, td.titreRubrique2{
	width:180px;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:12px;
	border-left:1px solid white;
	background-image:url("images/fondRubrique.jpg");
}

td.lien1{
	font-size:10px;
	background-color:#EEEEEE;
	border-left:1px solid white;
	color:rgb(0,66,119);
}

td.lien2{
	font-size:10px;
	background-color:#DDDDDD;
	border-left:1px solid white;
	color:rgb(0,66,119);
}

table.partenaires{
	margin-left:55px;
}