*{
margin:0;
padding:0;
}
html, body {
height: 100%;
}
html {font-size: 100%;}

body {
/* pour fond vignettes */
background: #E7E7E7 url(ImgInterface/bg.jpg) repeat-y top center fixed;
text-align: center;
font-size: 0.8em;
color: #000;
font-family: arial;
}

.clear{clear:both; 
  display:block; 
  height: 0; 
  font-size: 1px; 
  line-height: 0px; 
}

/* Couleurs des liens */
/* ---------------------------------------------- */
a {color: #94232F; text-decoration: none;}

a:focus,a:hover,a:active { color: #C42E3E; text-decoration: underline; }

.hyperlien { 
display: block; 
font-size : 0.8em ;
font-variant:small-caps;
background : #D3C8AB ; 
padding: 0; 
margin:0;
vertical-align:middle;
height:27px;
}
.hyperlien a{ 
padding: 4px 0 4px 30px;
color: #222;
}

/* ---------------------------------------------- */
/* LES IMAGES */
/* ---------------------------------------------- */
.margeImg20 {
	float: left;
	margin: 0 20px 4px 0;
}
.margeImg20right {
	float: right;
	margin: 0 0 4px 20px;
}

.ImgPortfolio{
	padding:2px;
	margin:1px;
	border: 1px solid #000;
	background-color:#FFFFFF;
}
.Affiches{
	padding: 2px 2px 10px 2px;
	margin:0 0 8px 8px;
	border: 1px solid #000;
	background-color:#FFFFFF;
}
.AfficheAccueil{
	float:left;
	border:none;
	margin-right:25px;
	margin-top:0;
	margin-bottom:15px;
	position:relative; 
}
.DatesImages{
	padding: 20px 2px 10px 0;
	margin:0;
	border: none;
}




/* ---------------------------------------------- */
/* LES TEXTES */
/* ---------------------------------------------- */

p {
padding-bottom:16px;
text-align:justify;
}

h2{
font-size : 1.4em ; 
padding : 20px 0 10px 0 ; 
color : #94232F;
}
h3{
font-size : 0.8em ; 
padding : 0 ; 
color : #94232F;
}

.majuscule {
text-transform:uppercase;
}
.minuscule {
text-transform:lowercase;
}
.minimaj {
text-transform:uppercase;
font-size : 0.9em ; 
}

.ps {
display:block;
border-top:dashed 2px #D3C8AB;
padding-top:4px;
}
.ps { clear: both; font-size: 0.90em; text-transform:uppercase; font-weight:bold; }

.legender {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#BAAF96; margin-top:10px;}

/* RETRAIT DES TEXTES */
.retraitTXT30 {margin-left:30px;}

blockquote.spip_poesie { clear:both; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#666666; margin: 1em 0; padding-left: 1em; border-left: 0.30em solid; }

/* ---------------------------------------------- */
/* LES BORDURES ET BOITES */
/* ---------------------------------------------- */

/* ENCADREMENT DE BLOCS DE TEXTE */	
fieldset {
	border: 1px solid #BAAF96;
	margin: 0 10px 10px 0px;
	padding: 14px 0px 4px 40px;
}
legend {
	background-color:#BAAF96;
	padding:4px 8px 4px 8px;
	font-weight:bold;
}	
legend a{
	color:#FFFFFF;
}
.bordureB{
border-bottom:#BAAF96 solid 1px;
padding-bottom:6px;
padding-top:6px;
}

#paveBeige { 
display: block; 
background : #D3C8AB ; 
padding: 10px 30px 10px 30px; 
margin:0;
}


/****************** ENCADRE COMME PAGE D'ACCUEIL ************/
body #txtColGauche #Box {
	margin-bottom:30px;
}
body #txtColGauche #bandeIntBox {
	background: url(ImgInterface/bg-botto.png) no-repeat bottom left;
	padding: 0 3px 27px 3px;
}
body #txtColGauche #contenuBox {
	background: url(ImgInterface/bg-step1.png) repeat-x;
	padding: 30px 20px 20px 20px;
}
body #txtColGauche #contenuBox h6 {	
	height: 31px;
	line-height: 35px;
	text-indent: 44px;
	font-size: 1.4em;
	font-weight: bold;
}



/*  SITE
********************************************************************/

#site { 
position : relative; 
width : 936px;
margin : 0 auto;
text-align : left  ;
background : transparent url(ImgInterface/bg-site.png) left repeat-y;
}



 
/*  HEADER
********************************************************************/

#header {
position : relative ; 
height : 272px;
background : url(ImgInterface/header.jpg);
margin : 0 0 0 1px;
}




/*  BOITE GENERALE
********************************************************************/

#main {
width : 750px;
overflow : hidden ;
margin : 0 auto; 
}



/*********************************************************************/
/*  COLONNE DE GAUCHE : DECLARATION
********************************************************************/	

#gauche {
width : 550px ; 
float  : left ;
margin : 0;
padding-bottom:40px;
background : transparent;
}

/*  COLONNE DE GAUCHE  - MENU PRINCIPAL
********************************************************************/
#menu{
margin : 0 0 0 1px;
width:750px;
height:34px;
background:url(ImgInterface/menu_030_bg.jpg) no-repeat;
}

#menu ul{
list-style:none;
margin:0 auto;
}

#menu li{
list-style:none;
display:block;
float:left;
height:34px;
line-height:34px;
}

#menu li a{
display:block;
float:left;
width:107px;
color:#181818;
text-transform:uppercase;
font-size:0.8em;
font-weight:bold;
line-height:34px;
text-decoration:none;
text-align:center;      
}

#menu li a:hover{
color:#fff;
background:url(ImgInterface/menu_030_h.jpg) no-repeat bottom;
}

#menu li a.current{
background:url(ImgInterface/menu_030_h.jpg) no-repeat bottom;
color:#fff;
}

#menu li a:hover.current{
color:#fff;
}   

/*  COLONNE DE GAUCHE - ARTICLES
********************************************************************/	

#txtColGauche {
background: transparent;
margin: 20px 20px 120px 50px;
}

.article {
padding-bottom : 5px;
margin-bottom: 5px;
text-align:justify;
font-size: 1em;
font-weight:lighter;
color:#333333;
}   

.article h1 {
color  : #FFF ; 
font-size : 1.6em ;
text-align:right;
background : #D3C8AB ; 
margin : 5px 0 5px 0 ; 
padding : 0 10px 0 0; 
text-indent : 10px ; 
}

.article h2 {
font-size : 1.4em ; 
padding : 5px 0 5px 0 ; 
color : #94232F;
}

.article h3 {
font-size : 0.9em ; 
margin : 5px 0 5px 25px ;
text-transform:lowercase;
color : #94232F;
}

.article li{
list-style-image:url(ImgInterface/puceCarree.png);
list-style-position:inside;
}

#sousrub {
border:#BAAF96 solid 1px;
margin:6px;
padding-bottom:10px;
line-height:1.4em;
}

#sousrub li{
list-style-image:url(ImgInterface/puce2.png);
list-style-position:outside;
padding-left:8px;
margin-left:240px;
}


/*  COLONNE DE GAUCHE - FICHE ARTISTE
********************************************************************/	

#bloc_1 {
float : left ;
 width : 207px ;
  height : 273px ; 
  margin-left : 20px !important ; 
    margin-left : 10px ;
	background : transparent;}
#bloc_1 img  {
border :0}

#bloc_2 {
float : left ; 
width : 207px;
height : 275px ;
margin-left : 20px ;
background : transparent;
}
#bloc_2 img {border : 0}

#bloc_3{
position : relative; 
text-align : left; 
float : left ; 
width : 165px; 
height : 278px ;
background : #ccc;
margin: 0 0 0 20px}
#bloc_3 img{
border : 0}


/*********************************************************************/
/*  COLONNE DE DROITE : DECLARATION	*/
/*********************************************************************/

#droite {
width : 199px ;
float  : right ;
text-align:left;
margin : 0;
padding : 0;
background : transparent;
}

/*  COLONNE DE DROITE - TEXTES
********************************************************************/

#txtColDroite {
font-size : 0.8em ;
padding : 5px 10px 0 20px;
color : #fff ; 
}

#txtColDroite h2, #txtColDroite li h2 a {
margin : 25px 0 10px 0 ; 
color : #C42E3E ; 
}

#txtColDroite h3 {
font-size : 1.2em ;
font-variant:small-caps;
margin : 10px 0 5px 0 ; 
color : #BAAF96 ; 
}

#txtColDroite ul{
list-style : none ; 
color : #fff ;
border-bottom : 1px dotted #BAAF96 ;
margin : 10px 0 25px 0 ;
}

#txtColDroite li{
list-style : none ;
margin : 0 0 15px 0 ;
text-align:left;
}

#txtColDroite li a {
color : #BAAF96 ; 
text-decoration : none ;  
}

#txtColDroite li a:hover{
color : #BAAF96 ; 
text-decoration : underline ; 
}

#cadreBreves {
border:#BAAF96 solid 1px;
margin:0;
padding: 10px;
}

/*  FOOTER
*******************************************************************/ 

#footer { 
clear:both; 
width : 896px; 
font-size : 0.8em;
color : #fff; 
background:#1D1D1D;
text-align : center ; 
margin : 0 50px 0 20px ;
padding : 20px 0 20px 0; 
}

#footer a { 
color : #fff;
text-decoration : none ;  
}

#footer a:hover { 
text-decoration : underline ;  
}

/*  POUR NEWSLETTER
********************************************************************/
#unicolonne {
width : 750px ; 
background:#FFF;
}

#clevermailSite { 
position : relative; 
width : 936px;
margin : 0 auto;
text-align : left  ;
background-color:#BAAF96;
}

#clevermailBox {
width : 750px;
overflow : auto ;
margin : 0 auto; 
}

/*  POUR BLOCS DEPLIABLES (EDITO)
********************************************************************/

.blocs_titre {
	background:transparent url([(#EVAL{_DIR_IMG_PACK}|url_absolue)]triangle-bas.gif) no-repeat scroll left center;
	font-size:12px;
	line-height:1.2em;
	margin-top:4px;
	padding:0pt 0pt 0pt 20px;
	margin-bottom:4px;
	clear:left;
	cursor:pointer;
}

.blocs_replie {
	background:transparent url([(#EVAL{_DIR_IMG_PACK}|url_absolue)]triangle.gif) no-repeat scroll left center;
}

.blocs_invisible {
	font-size:12px;
	line-height:1.2em;
	padding-top:20px;
	margin-top:20px;
}

.blocs_title{
	display:none;
}