/* Ce css est inspiré (et en partie tiré) du travail réalisé par Bruno Nuttens pour le site http://www.pierrebelhassen.com/ */

body {
	background-color: #f8f8f8;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
}

/*----------positionnement----------*/
div#conteneur{
	width: 800px ;
/* 	height:600px; */
	margin: 0 auto ;
	text-align: left ;
}

#entete{
	position:relative;
	float:left;
	width: 800px;
	height: 70px;
/* 	margin-left: auto; */
/* 	margin-right: auto; */
	background-image: url("../images/header.gif");
	background-repeat: no-repeat;
}

#corps{
	position:relative;
	float:left;
	width: 800px;
	height:494px;
	min-height: 494px;
	height:594px;
	min-height: 594px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/fondCentre.gif");
	background-repeat: repeat;
	}

#pied{
	position:relative;
	float:left;
	width: 800px;
	height: 36px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/footer.gif");
	background-repeat: no-repeat;
	text-align:center;
}

#plac_menu{
	position:relative;
	padding-top:28px;
	padding-left:500px;
}

.menubas {
	height: 16px;
	font-size: 12px;
	/*border-top: dashed #CACAC8 1px;*/
	text-decoration: none;
	text-align: center;
}

/*------colonne gauche-----*/
.bloc2 {
	background-color: transparent;
/* 	height: 460px; */
	width: 250px;
	float: left;
	margin-left: 40px;
	display:inline;
/* 	overflow:hidden; */
}
.bloc2Photos {
	background-color: transparent;
/* 	height: 460px; */
	width: 130px;
	float: left;
	margin-left: 10px;
	display:inline;
/* 	overflow:hidden; */
}

.bloc3 {
	background-color: transparent;
	height: 60px;
	width: 20px;
	float: left;
	display:inline;
}

.vign{
	width:170px;
	height:170px;
	display:block;
}

#commentaire{
	height:160px;
	font-size:12px;
	color:#999999;
	text-align:justify;
}

.liencourant {
	font-size:10px;
	color:#878784;
	text-decoration:none;
}

a.liencourant {
	font-size:10px;
	color: #878784;
	text-decoration:none;
}

a.liencourant:hover {
	font-size:10px;
	color: #3366FF;
	text-decoration:none;
}

a.liengalindex {
	font-size:10px;
	color: #878784;
	text-decoration:none;
}

a.liengalindex:hover {
	font-size:10px;
	color: #CC0000;
	text-decoration:none;
}

#pagination {
	width:170px;
	text-align:center;
}

/*-----colonne gauche (image)-----*/
.bloc_image {
/* height: 460px; */
position:relative;
float:left;
width: 480px;
float: left;
margin-left: 20px;
display:inline;
text-align:center;
/*border:solid 1px #AEAEAE;*/
}
.bloc_imagePhotos {
/* height: 460px; */
width: 620px;
	position:relative;
	float:left;
margin-left: 20px;
display:inline;
text-align:center;
/*border:solid 1px #AEAEAE;*/
}
.image {
border: solid 1px #000000;
}
div.transOFF {
width: 100%; 
border: 1px #3FB517 solid; 
}
div.transON  {
width: 100%;
opacity:.70;
filter: alpha(opacity=70); 
-moz-opacity: 0.7; 
border: 1px #000000 solid; }

a.vignette img{
border: 1px #000000 solid;
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7;}

a.vignette:hover img {
border: 1px  #DC2121 solid;
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
a.focus_vignette img{
border: 1px #DC2121 solid;

}
.titrecourant {
font-size:15px;
color:#878784;
text-decoration:none;
}
/*----------ACTU----------*/
#actu {
width:600px;
height:450px;
overflow:auto;
margin-left:100px;
font-size:12px;
color:#999999;
text-align:justify;
}
/*----------INTRO----------*/
#intro {
width:450px;
height:450px;
overflow:auto;
margin-left:175px;
font-size:12px;
color:#999999;
text-align:justify;
}

/*--------CONTACT----------*/
table.contact{
	width:400px;
}

table.contact td{
	width:50%;
	text-align:left;
	color:#777;
}

table.contact td.tdContact{
	text-align:center;
	color:#aaa;
}

input.inputContact{
	width:200px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444139;
	background-color: #ffffff;
	border:1px #aaa solid;
}

textarea.textareaContact{
	width:100%;
	border:1px #aaa solid;
}

a.aContact{
	color:#555;
	font-size:12px;
	font-weight:bolder;
}