/***************** STYLE GLOBAUX *****************/
a img{
	border:none;
}
a:active, a:focus{
	outline:none;
}


/***************** STYLE CONTENU *****************/
#contenu h1{
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#848589;
	letter-spacing:1px;
	margin:0 0 12px;
}
#contenu h2{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#C30C3E;
	text-decoration:underline;
	letter-spacing:1px;
	margin:0 0 7px;
}

#contenu #contactInfos h2{
	text-decoration:none;
}
#contenu h3{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#c30c3e;
	letter-spacing:1px;
	margin:0 0 7px;
}

#contenu h5{
	font:bold 12px Arial, Helvetica, sans-serif;
}
#contenu p{
	font:11px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#333;
	margin-bottom:1.2em;
}
#contenu p em{
	font-weight:bold;
	font-size:12px;
	line-height:1.3em;
}
#contenu p.couleur, span.couleur{
	font-weight:bold;
	color:#c30c3e;
}
#contenu a:link, #contenu a:visited{
	font-weight:bold;
	text-decoration:underline;
	color:#848589;
	font-family:Arial, Helvetica, sans-serif
}
#contenu a:hover, #contenu a:active{
	color:#c30c3e;
	font-family:Arial, Helvetica, sans-serif
}

/***************** accueil contenu *****************/

#contenu .contenuAccueil{
	width:350px;

}

#contenu .contenuAccueil p{
	font-size:15px;
	line-height:1.6em;
}

#contenu #actutexte p{
	font-size:15px;
	line-height:1.6em;
}


.rougegras{
color:#FF0000;
font-weight:bold;
font-size:15px;
}


/***************** STYLE ACTUALITES *****************/
#actu{
	float:right;
	width:500px;
	min-height:283px;
	height:auto!important;
	margin:0 30px 0 53px;
	text-align:center;
}

.actusGalerie{
	float:left;
	margin:5px 0px 0px 30px; 

}

.actusGalerie a img{
	border:none;
	text-decoration:none;
}


#actu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
}

#contenu .actusGalerie{
	float:left;
	width:160px;
	padding:20px 0 0 10px;
	text-align:center;
}

#contenu .actuVisu{
	width:160px;
	text-align:center;
}


#contenu #actutexte{
	padding-left:40px;
	width:365px;
	
}


/***************** STYLE FOOTER *****************/
#footer p{
	font:10px Arial, Helvetica, sans-serif;
	color:#848589;
	text-align:left;
	letter-spacing:1px;
}
#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#848589;
}
#footer a:hover, #footer a:active{
	text-decoration:underline;
	color:#c30c3e;
}

/***************** CONTENU *****************/
#contenu .contenuGauche {
	float:left;
	width:510px;
}
#contenu .contenuGauche.expo{
	width:450px;
}


#contenu .contenuDroite {
	float:right;
	position:relative;
	width:400px;
	min-height:283px;
	height:auto!important;
}


#contenu .contenuDroite.expo{
	width:450px;
	height:auto;
	min-height:0px;
}

#contenu a img{
	border:2px solid #848589;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}


#contenu a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

/***************** PRESSE *****************/
#contenu #contenuPresse{
	width:870px;
	margin:0px auto 0px 100px;
}

#contenu .presse-colgauche , #contenu .presse-colcentre , #contenu .presse-coldroite{
	float:left;
}

#contenu .presseGalerie{
	width:120px;
	width:370px;
	margin:10px 20px 10px 20px;
	text-align:center;
}

#contenu .presseGalerie p{
	text-align:center;
}


#contenu .presseGalerie .presseVisu{
	float:left;
	width:100px;
	text-align:center;
}

#contenu .presseGalerie .presseVisu img{
	border:1px solid #848589;
	width:100px;
	height:90px;
}

#contenu .presse-titre{
	overflow:hidden;
	padding:30px 0 0 20px;
	text-align:left;
}

/***************** FOIRES *****************/

#contenu #contenuFoires-salons{
	width:100%;
	padding-top:30px;
}

#contenu .foiresGalerie{
	float:left;
	width:400px;
	height:130px;
}

#contenu .foiresVisu{
	float:left;
	width:100px;
}

/***************** ARTISTES *****************/

#contenu #liste-artistes{
	width:90%;
	text-align:left;
	margin:30px auto 30px auto;
}

#contenu #liste-artistes h2{
	font-size:12px;
	padding:15px 0px 0px 20px;	background:url(../images/charte/puce.gif) no-repeat left bottom;}

#contenu #visuels-artiste{
	float:left;
	width:550px;
	padding-right:20px;
}

#contenu #description-artiste{
	overflow:hidden;
	height:1%;
	padding-top:15px;
}

#contenu .vignette-visuel{
	float:left;
	padding:20px 0 0 20px;
	width:160px;
}





/***************** EXPOS *****************/

#contenu .blocExpoGauche{
	float:left;
	width:450px;
	height:120px;
	margin-bottom:60px;
	text-align:center;
}

#contenu .blocExpoDroite{
	float:right;
	width:450px;
	height:120px;
	margin-bottom:60px;
	text-align:center;
	
}


#contenu .blocExpoDroite h2 , #contenu .blocExpoGauche h2{
	font-size:12px;
	text-align:left;
}

#contenu .blocExpoGauche .blocExpoImg , #contenu .blocExpoDroite .blocExpoImg{
	color:#C30C3E;
	font-size:11px;
	width:100px;
	float:left;
	

}
#contenu .titre-vignette-expo{
	overflow:hidden;
	padding:35px 0 0 20px;
}

#contenu .titre-vignette-expo h2 {
	text-decoration:none;
}
#contenu .blocExpoImg img{
	width:100px;
	height:95px;

}
#contenu .blocGauche .blocExpoImg a:link , #contenu .blocGauche .blocExpoImg a:visited , #contenu .blocDroite .blocExpoImg a:link , #contenu .blocDroite .blocExpoImg a:visited{
	color:#C30C3E;
}
#contenu .blocGauche .blocExpoImg a:hover , #contenu .blocGauche .blocExpoImg a:active , #contenu .blocDroite .blocExpoImg a:hover , #contenu .blocDroite .blocExpoImg a:active{
	color:#C30C3E;
	text-decoration:underline;
}
#contenu .blocExpoGauche .blocExpoImg img, #contenu .blocExpoDroite .blocExpoImg img{
	border:1px solid #848589;
}

#contenu .blocExpoGauche .expoTxt , #contenu .blocExpoDroite .expoTxt{
	float:left;
	height:150px;
	width:280px;
}

#contenu .blocExpoDroite-expo-a-venir , #contenu .blocExpoGauche-expo-a-venir{
	width:420px;
	font-size:12px;
	float:left;
	margin:0 20px 20px 20px;
	padding-bottom:10px;
	border-bottom:1px solid #F0F0F0;
}

#contenu .contenu-expo-a-venir{
	margin:20px 0 0 0;
}


#contenu .contenu-expo-a-venir h2{
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
}

#contenu .blocExpoGauche-expo-a-venir div.visuelExpo {
	float:left;
	margin:0 20px 0 0;
	width:90px;
	text-align:right;
	
}
#contenu .blocExpoGauche-expo-a-venir div.visuelExpo img {
	margin:10px 0 0 0;
	border:1px solid #ccc;
}
#contenu .blocExpoGauche-expo-a-venir div.contenuExpo {
	float:left;
	width:270px;
}

/***************** Art Entreprises et Particulies *****************/

#contenu .blocArtEntParGauche{
	float:left;
	width:400px;
	height:230px;
	margin-bottom:80px;
	text-align:center;
}

#contenu .blocArtEntParDroite{
	float:right;
	width:400px;
	height:230px;
	margin-bottom:80px;
	text-align:center;
}

#contenu .blocArtEntParDroite , #contenu .blocArtEntParGauche a{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

/***************** LIENS *****************/
#contenu #contenuLiens{
	float:left;
	width:870px;
}

#contenu .liensGalerie{
	float:left;
	width:150px;
	height:150px;
	margin-right:65px;
	margin-bottom:65px;
	text-align:center;
}

#contenu .liensGalerie p{
	text-align:center;
}

#contenu .liensGalerie h3{
	font-size:12px;
	text-align:center;
}

#contenu .liensGalerie .liensVisu{
	float:left;
	width:150px;
	height:auto !important;
	border:1px solid #848589;
	text-align:center;
}

/****************************** FORMULAIRE DEVIS *********************************/

#contenu #contactInfos{
	position:relative;
	float:right;
	width:300px;
	height:300px;
	border:1px solid #848589;
	margin-right:60px;
	text-align:center;
}
#contenu #contactInfos p{
	text-align:center;
}

#contenu #contactCarre{
	position:absolute;
	width:60px;
	height:60px;
	border:1px solid #848589;
	right:-20px;
	bottom:-20px;
	background:#fff;
}

#contenu #cartouchePlan{
	position:absolute;
	width:228px;
	height:111px;
	bottom:-120px;
	right:0px;
	left:0px;
}



/* TITRE FORMULAIRE */
#contenu #bloc-formulaire h4{
	font:small-caps bold 14px Arial, Helvetica, sans-serif;
	background:#FFF;
	border-bottom:1px solid #848589;
	padding:0;
	width:100%;
	text-align:left;
	margin:15px 0 15px 0;
	color:#C30C3E;
	float:left;
	}


/* FOMULAIRE */
#bloc-formulaire {
	width:460px;
	float:left;
	margin:0;
	margin-bottom:20px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
}

#bloc-formulaire table {width:100%;}
#bloc-formulaire div {
	margin:0 0 4px 0 !important; margin:0 0 10px 0;
	float:left;
	width:100%;
	}

#bloc-formulaire  input, #bloc-formulaire  textarea, 
#bloc-formulaire select.liste-form, #bloc-formulaire .bouton {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#C30C3E;
	padding:0 10px 0 2px;
	border:1px solid #e6e6e6;
	background:#FFF;
}

#bloc-formulaire input, #bloc-formulaire textarea{
	width:170px;
	margin:0;
	border:1px solid #848589;
}

#bloc-formulaire label{
	width:150px;
	color:#848589;
	float:left;
	text-align:right;
	margin-right:10px;
	font:normal 11px Arial, Helvetica, sans-serif;
}

/* BOUTONS RADIOS */
#bloc-formulaire .bloc-radio {
	float:left;
	width:200px;
	margin:0 0 10px 0;
}

.bloc-radio span.label-radio {
	float:left;
	width:85%;
	margin:0 0 3px;
}

.bloc-radio span.bt-radio {
	float:left;
	clear:left;
	margin:0 0 3px;
	text-align:left;
}
		
#bloc-formulaire .bloc-radio span.bt-radio input{
	border:none;
	width:20px;
	height:10px;
	padding:0;
	vertical-align:middle;
}


/* CHECKBOX */
#bloc-formulaire .bloc-check {
	float:left;
	width:200px;
	margin:0 0 10px 0;
}

.bloc-check span {
	display:block;
	margin:0 0 1px 0;
	width:100%;
}
		
#bloc-formulaire .check{
	width:10%;
	border:none;
	margin:0 3px 0 0;
	vertical-align:middle;
}


/* LISTE DEROULANTE */
#bloc-formulaire select.liste-form{
	width:182px;
	text-align:left;	
	color:#000;
	padding:0;
	background:#fff;
}


/* BOUTON */
#bloc-formulaire .boutons{
	margin:20px 0 0 130px !important; margin:20px 0 0 30px;
	}

#bloc-formulaire .bouton{
	width:80px;
	height:auto;
	cursor:pointer;
	color:#000;
	margin:0;
	padding:0;
	font-size:10px;
	background:#848589;
	border:none;
}

#bloc-formulaire .champRequis{color:red; font-size:9px;}

#bloc-formulaire p.capa {
	margin:10px 0 0 130px;
	text-align:left;
	width:220px;
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#848589;
	line-height:12px;
}

#bloc-formulaire p.capa img{clear:left;}

#bloc-formulaire p.nb {
	margin:20px 0 0 0;
	text-align:justify;
	width:100%;
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#848589;
	float:left;
	line-height:12px;
	border-top:1px solid #e6e6e6;
}

#contenu #acces{
	float:right;
	width:420px;
	margin-top:40px;
}