body {
	margin: 0;
	background-color: #2E343D;/*#414B57*/
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: #2E343D url(images/fond-haut.jpg) repeat-x 0px 0px scroll;
}

.fin {
	clear: both;
}

/************************/
/*    IMG & ILLUS	*/
/************************/

img {
	border: 0;
}

.alignG {
	float: left;
	margin-right: 6px;
}

.alignD {
	float: right;
	margin-left: 6px;
}

.cadre1 {
	padding: 4px;
	border: 1px solid #000;
}

.marge1{
	margin: 10px;
}

.btVoirPhoto {
	margin-bottom: 8px;
}

/************************/
/*    	    TT 	        */
/************************/

#site-Web{
	text-align: center;
	height: 150px; 
}
#site-Web a {
	color: #ddd;
	font-size: 11px;
	text-decoration: none;
	
}
#site-Web a:hover {
	color: #fff;
	text-decoration: none;
}


/************************/
/*    	  TITRES        */
/************************/

h1 {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #e0e8ec;
	text-align: left;
	background: none url() no-repeat scroll 0px 0px ;
}
h3 {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	text-decoration: none;
	color: #e0e8ec;
	text-align: left;
	background: url(images/fleche-1.jpg) no-repeat scroll 0px 4px ;
	padding-left: 13px;
	margin: 0px;
}
.tel{
font-size: 15px;
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	text-decoration: none;
	color: #e0e8ec;
	text-align: left;
	background: url(images/fleche-1.jpg) no-repeat scroll 0px 4px ;
	padding-left: 13px;
	margin: 0px;
}

/************************/
/*    	  TEXTES        */
/************************/

.lien1 {
	color: #FE6601;
	text-decoration: none;
	font-size: 11px;
}
.lien1:hover {
	text-decoration: underline;
}
.lien2 {
	color: #e0e8ec;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
.lien2:hover {
	color: #9cf;
}
.lien3 {
	color: #dee;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
.lien3:hover {
	text-decoration: underline;
}
.lien4{
color: #a7a7a7;
text-decoration: none;
	font-size: 11px;
}
fieldset {
	width: 92%;
	background: #2E343D url(images/deg-field.jpg) repeat-x scroll center bottom;
	font-size: 10px;
	margin: 10px 4px 10px 0px;
	padding: 0px 8px 8px;
}
fieldset legend{
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	padding: 0px 10px 4px;
	margin: 0;
	line-height: 13px; 
	color: #fff;
}

/************************/
/*  STRUCTURE GENERALE  */
/************************/

/*		HAUT	*/

#entete {
	text-align: center;
}
#navHaut{
	width: 955px;
	margin: 0 auto;
}
#navHaut a{
	float: left;
	width: 191px;
	height: 41px;
	background: url(images/bouton.jpg) no-repeat top right scroll;
	text-align: center;
	padding: 10px 0px 16px 0px;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	margin: 0px;
	color: #ACCBD0;
}
#navHaut a.trait{
	border-left: 1px solid #333;
	width: 190px;
}
#navHaut a:hover{
	background: url(images/bouton-up.jpg) no-repeat top right scroll;
	color: #e0e8ec;
}

/*		CENTRE	*/

#photo-1{
	width: 960px;
	margin: 0 auto;
	padding-left: 4px;
}
#photo-1 a{
	float: left;
	margin: 0px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #000;
}

#cont {
	clear: both;
	position: relative;
	width: 955px;
	height: 280px;
	margin: 0 auto;
	background-image: url(images/fond-bas-accueil.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#cont2 {
	clear: both;
	width: 955px;
	height: auto;
	margin: 0 auto;
	background-image: url(images/fond-bas-accueil.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#cont2bruno {
	clear: both;
	width: 955px;
	height: auto;
	margin: 0 auto;
	background-image: url(images/fond-bas-accueil.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#acc1 ,#acc2 #acc3 {
	position: absolute;
}
#acc1 {
	width: 360px;
	top: 0px;
	left: 10px;
}
#acc2bruno {
	width: 270px;
	top: 10px;
	left: 400px;
	padding-left: 400px;
}
#acc2 {
	width: 270px;
	top: 10px;
	left: 400px;
}
#acc2 p {
	font-size: 12px;
}
#acc2 p strong{
	background: url(images/puce-1.gif) no-repeat scroll 0px 4px ;
	padding-left: 10px;
}
#acc3 {
	width: 200px;
	top: 10px;
	left: 770px;
}
#acc3bruno {
	width: 200px;
	top: -150px;
	left: 300px;
	position: relative;
}
#acc33bruno {
	height: auto;
	float: right;
}
/* Page contact */

#contact {
	width: 955px;
	margin: 0 auto;
}
#biographie {
	float: left;
	width: 500px;
	padding: 0px 10px;
}
#biographie p{
	font-size: 12px;
	line-height: 15px;
	margin: 12px 0px;
}

#blocTel{
	width: 200px;
	float: left;
	margin-right: 10px;
}

/* page interne */

#pagePhotos{
	width: 955px;
	margin: 0 auto;
	background-color: #000;
}
#titrePage {
	float: left;
	width: 32px;
}
#texte{
	float: left;
	width: 299px;
	padding: 0px 10px;
	background-color: #2E343D;
	height: 550px;
	border-right: 1px solid #999;
}
#texte p{
	font-size: 12px;
}
#texte.over {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow : -moz-scrollbars-vertical;					
}
#diaporama {
	float: left;
	position: relative;
	width: 603px;
	height: 550px;
}
#grandePhoto{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 420px;
}
#petitePhoto{
	position: absolute;
	top: 0px;
	left: 420px;
	width: 182px;
	border-right: 1px solid #999;
}
#petitePhoto a{
	float: left;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
}

/*		BAS	*/

address {
	clear: both;
	height: 60px;
	background: url(images/ligne-bas.gif) repeat-x center top;
	line-height: 60px;
	color: #a7a7a7;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
#cont22bruno {
	clear: both;
	width: 955px;
	height: auto;
	margin: 0 auto;
	background-image: url(images/fond-bas-accueil.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	min-height: 270px;
}