*{	
	margin:0;
	padding:0;
	}
body{	
	color:#FFF;
	font-family: arial, verdana;
	font-size:13px;
	background:#ccb18e url(../img/bg_fond.jpg) bottom repeat;
	}
.png, .format_png{
	behavior: url(data/css/png.htc);
	}
.AfficheNone{display:none;}
@media aural {
	.AfficheNone{ display:block;}
	}
.clearboth{clear:both;}



li{color:#00365b;}
a{text-decoration:none; color:#93278f;}
a:hover{color:#00365b;}
a img{border:0;}
p{ margin-bottom:15px;}

#page{
	width:964px;/*996-16-16*/
	background:url(../img/bg_page.jpg) top left no-repeat;
	margin:0 auto 0px auto;
	padding:0 16px;
	}
#bandeau{
	height:205px;
	}
#menu-lang{
	margin-right:50px;
	display:block;
	font-size:12px;
	font-weight:bold; 
	text-transform:lowercase;
	color:#00365b;
	padding-left:10px;
	text-align:right;
	}
	#menu-lang li{display:inline; margin-left:5px;}

/*******************************************************************/
/*                                           MENU PRINCIPAL                                                             */
/*******************************************************************/
#menu-principal{
	height:35px;
	width:959px;
	font-size:14px;
	font-weight:bold;
	background:url(../img/bg_menu.gif) top left no-repeat;
	margin-bottom:10px;
	}
	#menu-principal ul{
		margin:0 50px;
		padding-top:6px;
		}
	#menu-principal li{
		display:inline;
		list-style-type:none;
		text-transform:capitalize;
		padding-left:10px;
		margin-bottom:5px;
		}
	#menu-principal a{
		color:#FFFFFF;
		}
	#menu-principal a:hover{
		color:#ceb492;
		}
	#menu-principal .select a{
		cursor:default ;
		color:#ceb492;
		}
	#menu-principal .rss{
		float:right;
		margin-right:19px;
		margin-top:2px;
		}
/*******************************************************************/
/*                                           ACTUALITE                                                                     */
/*******************************************************************/
#actualite{
	position:absolute;
	top:0;
	margin-left:700px;
	margin-top:15px;
	width:175px;/*218-30-13*/
	height:163px;/*178-5-10*/
	padding:5px 30px 10px 13px;
	background:url(../img/bg_actualite.gif) no-repeat top left;
	overflow:hidden;
}	
	#actualite h3{
		font-size:15px;
		color:#6f3429;
		}
	#actualite h5{
		font-size:12px;
		color:#6f3429;
		}
	#actualite p{font-weight:bold; color:#3f3f3f; margin:0;}
	#actualite a{font-size:11px; font-weight:normal; display:block; text-align:right; color:#3f3f3f; }
	#actualite a:hover{text-decoration:underline; }
	#actualite #logoactu{
		width:175px;
		height:70px;
		overflow:hidden;
		}


/*******************************************************************/
/*                                           CONTENU PRINCIPAL                                                       */
/*******************************************************************/
#bloc-contenu{	
	clear:both;
	width:946px;/*962-8-8*/
	height:396px;/*418-8-14*/
	padding:8px 8px 14px 8px;
	background:#f7efe6 url(../img/bg_contenu.jpg) no-repeat bottom left;
	color:#424041;
	}
	
	
	#bloc-contenu.portfolio{
		/*position:absolute; 
		margin-left:210px;*/
		float:left;		
		margin-top:-100px;
	}
	#bloc-contenu h4{
		margin-left:-10px;
		padding-left:5px;
		font-weight:bold;
		font-size:13px;
		}
	#bloc-contenu ul{
		list-style-position:outside;
		margin-left:13px;
		}
	#bloc-contenu li {color:#FFF;}
	#bloc-contenu li ul{
		list-style-type:none;
		margin-left:0;
		}
	#bloc-contenu  a{color:#FFF;}
	#bloc-contenu  a:hover{color:#FFF;}
	#bloc-contenu  h5{font-style:italic; font-weight:normal; font-size:13px;}
	#bloc-contenu .intro{
		padding:15px 10px 10px 50px;
		width:400px;/*520-10-70*/
		height:175px;		
		text-align:justify;
		}
	#bloc-contenu  h2{font-size:18px; font-weight:normal; margin-bottom:5px;}
	#bloc-contenu .coin_violet{
		display:block;
		position:absolute;
		margin-left:-50px;
		margin-top:-15px;
		width:50px;
		height:15px;
		background:#93278f;
		}
	#bloc-contenu .coinvioletG{
	display:block;
	height:15px;
	text-align:right;
	overflow:hidden;
	}
	#bloc-contenu .coinvioletG a{
	text-align:left;
	float:right;
	overflow:hidden;
	display:block;
	height:15px;
	background:#93278f;
	width:100px;
	}
	#bloc-contenu .coinvioletG a img{border:none;}
	#bloc-contenu .coinvioletG a:hover{background:#93278f;}
	#imageSommaire{
		width:947px;
		height:399px;
		overflow:hidden;
		position:relative;
		}
	#imageSommaire ul{
		margin:0px;
	}
		#imageSommaire li{
			list-style-type:none;
			position:absolute;
			top:0;
		}
	
	#contenuPrincipal,#contenuSecondaire {
		overflow:hidden;
		}
		#contenuSecondaire {margin-top:25px;}
		#bloc-contenu .txtgauche, #bloc-contenu .txtdroite{
			width:295px;/*360-15-50*/
			float:left;
			padding-left:50px;
			padding-right:15px;
			overflow:hidden;
			}	
		#bloc-contenu .txtdroite{width:320px;/*385-15-50*/}
		#contenuSecondaire .txtgauche{text-align:justify;}
		#bloc-contenu  .txtIn{
		margin-bottom:20px;}
		


.justify{
	text-align:justify;
	}
.titreVisible h4, .titreVisible h2{
	visibility:visible;
	}
.chapo{
	font-weight:bold;
	}
	
.partGImage{
	height:399px;
	width:600px;
	overflow:hidden;
	float:left;
	text-align:center;
	position:relative;
	}
.partGImage.reduireHtitre{height:359px; margin-top:40px;}
a#Gimage{
	cursor:pointer;
	}
#legende{
	position:absolute;
	left:0;
	bottom:0;
	width:600px;
	height:29px;
	color:#424041;
	padding:10px;
	background:url('../img/opacityPanel_sable.png') repeat !important;
	background:url('../img/opacityPanel_sable.gif') repeat;
	z-index:1;
	text-align:left
}
	#legende h6{
		font-size:13px; 
		font-weight:bold;
		display:block;
		}
#titreArt{position: absolute; width: 600px; height:40px; overflow:hidden;}
#content{
	width:340px;
	height:378px;/*404-20*/
	float:right;
	overflow:hidden;
	margin-top:20px;
	}
	#content.reduction{
		height:315px;/*404-20 - 74 de la galerie photo*/
		}
	#contenuText .flechesScroll {
		display:inline;
		height:15px;
		position:absolute;
		text-align:right;
		width:340px;
		}
	#contenuText .flechesScroll div {display:inline;}
	.flecheHaut, .flecheBas {cursor:pointer; width:20px;}
		
/* GALERIE PHOTO */
#galeriePhoto { 
	width:340px; 
	height:54px;
	margin:10px 0;
	background:none;
	float:right;
	overflow:hidden;
	}
#galeriePhoto  .flecheGauche{
	background:url(../img/fle_prec.gif) no-repeat;
	float:left;
	width:16px;
	height:54px;
	margin-right:8px;
	margin-top:5px;
	} 
#galeriePhoto .flecheDroite{
	background:url(../img/fle_suiv.gif) no-repeat;
	float:right;
	height:54px;
	width:16px;
	margin-right:8px;
	margin-top:5px;
	}

#galeriePhoto .scroll{ 
	margin:5px 0 0 5px;
	overflow:hidden;
	position:relative;
	width:280px; 
	height:540px;
	}
#galeriePhoto .scrollIn {
	position:absolute;
	height:540px;
	}
.imageScroll, .item {
	float:left;
	}
.scrollIn img {
	margin:0 5px;
	}
.loupe{
	bottom:0;
	right:0;
	position:absolute;
	z-index:20;
	}
	
/* CONTACT FORMULAIRE*/
#contactform{
	float:left;
	height:399px;
	overflow:hidden;
	position:relative;
	width:500px;
	}		
#contactform  h4{
	text-transform:uppercase;
	color:#6F3429;
	text-align:center;
	margin-bottom:10px;
	display:block;
	}
#contactform label{
		color:#6F3429;
		float:left;
		font-weight:bold;
		padding-right:10px;
		text-align:right;
		width:90px;
		clear:both;
		}
	.formulaire_ok {
		font-weight: bold;
		padding: 10px 0 5px 0;
		}
	.formulaire_erreur {
		color:red;
		font-weight:bold;
		margin-bottom:5px;
		padding:0;
		text-align:center;
		}
	#contactform .erreur {
		font-size: 10px;
		color: red;
		font-style: italic;
		font-weight:normal;
		display:block;
		}
	
	#contactform .fondErreur {
		background-color: red;
		}
	#contactform .champObligatoire {
		color: red;
		}
	#contactform input{width:340px; margin-bottom:5px;}
	#contactform input[type=text]{width:340px; margin-bottom:5px;}
	#contactform select{width:340px; margin-bottom:5px;}
	#contactform textarea{width:340px; height:120px; margin-bottom:7px;}
	#contactform .inputsub{clear:both; background:#6F3429; width:100px; font-weight:bold; text-transform:uppercase; color:#FFF; border:none; margin-left:100px;}
	#contactform  input[type=submit]{clear:both; background:#6F3429; width:100px; font-weight:bold; text-transform:uppercase; color:#FFF; border:none; margin-left:100px;}
	#contactform .inputChkBx label{display:inline; float:none;}
	#contactform p{
		margin:5px 0px;
		padding-left:100px;}
	#contactform a{color:#6F3429;}
	#contactform a:hover{color:#424041;}
	
#contactmap, #listeActu{
	float:right;
	height:399px;
	overflow:hidden;
	width:440px;
	}
	#contactmap h3, #listeActu h3{
		color:#6F3429;
		font-size:14px;
		}
	#contactmap a{color:#6F3429;}
	#contactmap a:hover{color:#424041;}
	#contactmap table{
		padding:10px;
		margin-bottom:5px;
		}
	#contactmap p{margin-bottom:5px;}
	
	
#actu{
	float:left;
	height:399px;
	overflow:hidden;
	position:relative;
	width:600px;
	}	
#actu h3{
	text-transform:uppercase;
	color:#6F3429;
	margin-bottom:15px;
	display:block;
	}
#actu a {
color:#6F3429;
display:block;
}
#actu a:hover {
color:#424041;
}

	
#englobantTxt li{
	color:#424041;
	list-style-type:none;
	}
	#englobantTxt .date{
		color:#6F3429;
		font-weight:bold;
		}
	#englobantTxt .titre{
		font-weight:bold;
		}
	#englobantTxt .txt{
		display:block;
		}
	#englobantTxt a{
		display:block;
		text-align:right;
		color :#6F3429;
		}
	#englobantTxt a:hover{				
		color :#424041;
		}
	
/* CREDIT*/
#credit{
	padding-top:5px;
	margin-left:5px;
	color:#3f3f3f;
	font-size:10px;
	overflow:hidden;
	height:70px;
	background:url(../img/bg_credit.gif) no-repeat;
	}
	#credit #copyright{float:left;}
	#credit #maj{float:right;}