/* styles pour FF et IE6, IE55 martine-vialatte pjoathon - septembre 2008 maj novembre 2008 */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	text-align : center;
	font-family : arial;
	font-size : 11px;
	color : #000;
	background : #861916;
}

#page {
	background-color :transparent;
	text-align : left;
	width : 950px ;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0;
}

#haut {
	width : 950px !important; 
	height : 31px ;
	margin-left : auto;
	margin-top : 0;
	background: #fff url("../IMG/jpg/haut.jpg") no-repeat;
}
 
.centre {
	position:relative;
	width : 950px ;
	text-align : left; 
	background: #fff url("../IMG/jpg/centre.jpg") repeat-y;
}
#bloc_texte {
	width : 888px !important;
	width : 750px;
	background : #FFF;
	margin-left : auto !important;
	margin-left: 27px;
	margin-right : auto !important;
}
#bloc_photos {
	width : 829px !important;
	width : 750px;
	background : #FFF;
	margin-left : 27px !important;
	margin-left: 27px;
	margin-right : auto !important;
}



#bas {
	background: #fff url("../IMG/jpg/bas.jpg") no-repeat scroll 0%;
	width: 950px;
	/*height: -1px !important;*/
	clear: both;
	margin-top: -23px !important;
	margin-top: -10px;
	margin-left:0px !important;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 1px;
	text-align: center;
	color:#FFF;
}
#bas a {
	color:#FFF;
}
#bas_art {
	background: #fff url("../IMG/jpg/bas.jpg") no-repeat scroll 0%;
	width: 950px;
	/*height: -1px !important;*/
	clear: both;
	margin-top: -23px !important;
	margin-top: -10px;
	margin-left:-31px !important;
	margin-left: 0px;
	padding-top: -21px;
	padding-bottom: 1px;
	text-align: center;
	color:#FFF;
}
#bas_art a {
	color:#FFF;
}
#bas_spec {
	background: #fff url("../IMG/jpg/bas.jpg") no-repeat scroll 0%;
	width: 950px;
	/*height: -1px !important;*/
	clear: both;
	margin-top: -23px !important;
	margin-top: -10px;
	margin-left:160px !important;
	margin-left: -31px;
	padding-top: 10px;
	padding-bottom: 1px;
	text-align: center;
	color:#FFF;
}
#bas_spec a {
	color:#FFF;
}

#bas_14 {
	background: #fff url("../IMG/jpg/bas.jpg") no-repeat scroll 0%;
	width: 950px;
	/*height: -1px !important;*/
	clear: both;
	margin-top: -23px !important;
	margin-top: -10px;
	margin-left:0 !important;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 1px;
	text-align: center;
	color:#FFF;
}
#bas_14 a {
	color:#FFF;
}


 /* placement du bandeau du bloc texte a gauche associe */

#top {
	width : 888px;
	height : 298px;
	background: #BE4609 url("../IMG/jpg/bandeau.jpg") top right  no-repeat;
	margin-left : auto !important;
	margin-left: 31px;
	margin-right : auto;
}

p.spip {
    font-family: arial, sans-serif;
    font-size: 1.2em;
    color: #000;
    text-align: left;
}
.descriptif {
	font-family: arial, sans-serif;
    font-size: 1.2em;
	font-weight:bold;
    color: #000;
    text-align: left;
}
.texte {
	width : 800px ;
	background : #FFF;
	margin-left : auto;
	margin-right : auto;
}

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	height: 24px !important;
	padding-left: 3em;
	margin-top: .1em !important;
	margin-top: -.3em;
	margin-left: 0 !important;
	margin-left: 0;
	margin-bottom: 1em !important;
	margin-bottom: 0.2em;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	font-size: 12px; 
	background : #e7e7e7;
	width: 853px !important;
	width: 888px;
}
#hierarchie a {
	padding-top: 5px !important;
	
}
#hierarchie_plan {
	clear: both;
	height: 24px !important;
	padding-left: 3em;
	margin-top: .1em !important;
	margin-top: -.3em;
	margin-left: 31px !important;
	margin-left: 31px;
	margin-bottom: 1em !important;
	margin-bottom: 0.2em;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	font-size: 12px; 
	background : #e7e7e7;
	width: 853px !important;
	width: 888px;
}
#hierarchie_plan a {
	padding-top: 5px !important;
	
}
/* pour aligner les photos dans galerie pas de la tarte */	
.img {
	float:right !important;
	display:inline;
	margin-top: 0px !important;
	margin-top: 0px;
	margin-right: 3px !important;
	margin-left: -85px;
	margin-right: -5px;
}
 
/* bloc bienvenue */  
 
.bienvenue {
	float : left ;  
	background : #fff;
	width : 340px !important; 
	width : 320px;
	margin-left :-33px !important;
	margin-left :10px ;
	margin-top : 0;
	overflow : hidden;
}

.bienvenue img {
	display : block ; 
	margin : 5px 0 0 0;
}

.biographie {
	float : left ;  
	background : #fff;
	width : 460px !important; 
	width : 400px;
	margin-left :-36px !important;
	margin-left :0px ;
	padding-left: 20px;
	margin-top : 0 !important;
	margin-top : 10px ;
	margin-bottom: 15px;
	overflow : auto;
	height: 240px;
}
.biographie img {
	display : block ; 
	margin : 5px 0 0 0;
}
.archives {
	float : left;  
	width :210px !important;
	width :225px;
	padding : 0 0 0 20px; 
	margin-left :10px !important;
	margin-left :5px;
	margin-top :0;
	overflow : auto;
	height: 240px;
} 

.archives img {
	display : block;
	margin : 10px 0 0 0;
}

 /* bloc concerts */ 
  
.concerts {
	float : left ;  
	background : #fff url("../IMG/jpg/bg_blocs.jpg") repeat-y;
	width : 220px !important;
	width: 210px;
	padding : 0 0 0 20px; 
	margin-left :20px !important;
	margin-left :5px ;
	margin-top : 0;
}

.concerts p {
	padding : 0;
}

.concerts img {
	border : none;
}

.date {	
	font-weight : bold;
	color : #BE4609;
	margin : 10px 0 0 0;
}
/*.date1 {
	font-weight : bold;
	color : #BE4609;
	margin : 6px 0 0 0;
}*/
.titre {
	margin : 0;
}
.concerts img {
	display : block;
	margin : 5px 0 0 0;
	padding : 0;
}

/* bloc discograhie */ 

.disques {
	float : left;  
	background : #fff url("../IMG/jpg/bg_blocs.jpg")  repeat-y;
	width :210px !important;
	width :220px;
	padding : 0 0 0 20px; 
	margin-left :0px !important;
	margin-left :10px;
	margin-top :0;
	overflow : auto;
} 
 
.disques img {
	display : block;
	margin : 10px 0 0 0;
}

.flash {
	float : left;  
	background : #fff url("../IMG/jpg/bg_blocs.jpg")  repeat-y;
	width :320px !important;
	width : 300px;
	padding : 0 0 0 20px; 
	margin-left :10px !important;
	margin-left :5px;
	margin-top :0;
	overflow : hidden;
} 

 .flash img {
	display : block;
	margin : 10px 0 0 0;
}

/* bloc discographie */  
.discographie {
	float : left;
	background : #fff;
	width : 460px !important;
	width : 420px;
	margin-left :0px !important;
	margin-left :10px ;
	margin-top : 10px ;
	margin-top : 0 !important;
	margin-bottom: 15px;
}

.discographie  img{
	display : block ; 
	margin : 5px 0 0 0;
}

.discographie ul {
	list-style : none; 
	margin : 15px 0 0 0;
	padding : 0;
} 

.discographie li {
	list-style : none; 
	margin : 5px 0 3px 0 ; 
	padding : 0 0 0 0;
}


.discographie li a {
	display: block; 
	text-decoration : none;
	color : #C25219;
	font-weight : bold;
	height : 20px; 
	font-size : 12px;
	border-bottom : 1px solid #F9EFEA ;
	width : 310px;
}

.discographie li a:hover {
	text-indent: 10px ;
	background : #fff url("../IMG/jpg/bg_liste_disco.jpg") left top no-repeat;
}
/* pour la rubrique 4 uniquement*/
.disco_g {
	float : left;
	background : #fff;
	width : 360px !important;
	width : 320px;
	margin-left :0px !important;
	margin-left :10px ;
	margin-top : 10px ;
	margin-top : 0 !important;
	margin-bottom: 15px;
}

.disco_g img{
	display : block ; 
	margin : 5px 0 0 0;
}

.disco_g ul {
	list-style : none; 
	margin : 15px 0 0 0;
	padding : 0;
} 

.disco_g li {
	list-style : none; 
	margin : 5px 0 3px 0 ; 
	padding : 0 0 0 0;
}


.disco_g li a {
	display: block; 
	text-decoration : none;
	color : #C25219;
	font-weight : bold;
	height : 20px; 
	font-size : 12px;
	border-bottom : 1px solid #F9EFEA ;
	width : 310px;
}

.disco_g li a:hover {
	text-indent: 10px ;
	background : #fff url("../IMG/jpg/bg_liste_disco.jpg") left top no-repeat;
}

.disco_dr {
	float : left;  
	background : #fff url("../IMG/jpg/bg_blocs.jpg")  repeat-y;
	width :420px !important;
	width : 400px;
	padding : 0 0 0 20px; 
	margin-left :10px !important;
	margin-left :5px;
	margin-top :0;
	overflow : hidden;
} 

 .disco_dr img {
	display : block;
	margin : 10px 0 0 0;
}

/* bloc sommaire photo */  
.sommaire_photo {
	float : left;  
	background : #fff;
	width : 260px !important; 
	width : 220px;
	margin-left :0px !important;
	margin-left :10px ;
	margin-top : 10px ;
	margin-top : 0 !important;
	margin-bottom: 15px;
}

.sommaire_photo  img{
	display : block ; 
	margin : 5px 0 0 0;
}

.sommaire_photo ul {
	list-style : none; 
	margin : 15px 0 0 0;
	padding : 0;
} 

.sommaire_photo li {
	list-style : none; 
	margin : 5px 0 3px 0 ; 
	padding : 0 0 0 0;
}


.sommaire_photo li a {
	display: block; 
	text-decoration : none;
	color : #C25219;
	font-weight : bold;
	height : 20px; 
	font-size : 12px;
	border-bottom : 1px solid #F9EFEA ;
	width : 310px;  
}

.sommaire_photo li a:hover {
	text-indent: 10px ; 
	background : #fff url("../IMG/jpg/bg_liste_disco.jpg") left top no-repeat; 
}
/* bloc affiche photo */
.titre_affiche_photo {
	margin-left : 310px !important;
	margin-left: 200px;
	padding : 0 0 10px 0; 
	font-size : 1.6em;
	font-weight:bold;
	color: #9b5a1f;
	background: #fff url("../IMG/jpg/picto_titre_art.jpg") left no-repeat;
	text-transform : uppercase ;
}
.affiche_photo {
	float : right;  
	background : #fff;
	width : 560px !important; 
	width : 420px;
	margin-right :0px !important;
	margin-right : 0px ;
	margin-top : 10px !important;
	margin-top : 40px ;
	height: 120px;
}
/* § titres */
h1 {
	font-size : 12px;  
	margin : 0;
	padding : 0 0 10px 0; 
	text-transform : uppercase ;
	text-indent: -5000px;
}
 
h2 {
	margin : 0;
	padding : 0 0 10px 0; 
	font-size : 1.3em;
	color: #9b5a1f;
/*	background :  url(erreur.html) left bottom repeat-x;*/
	text-transform : uppercase ;
}

h3 {
	margin : 10px 0 0 0 ;
	padding : 0 ; 
	font-size : 12px;
}
 
/* liste */ 
 ul, li {
	list-style : none ;
	display:inline;
}

.langue a {
	float : left ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	margin : 5px 0 0 25px ;
}	

.langue a:hover {
	color:#fca90d;
	text-decoration:none;
}

.nav_hor {
	float : left ; 
	background : #fff;
	padding : 5px 8px !important;
	padding: 18px 6px;
	margin : 5px 0 0 625px !important;
	margin: -19px 0px 0 645px;
}

.nav_hor ul {
	float : left;
	display:inline;
}

.nav_hor li a {
	text-decoration : none; 
	color : #99571B ; 
	font-weight : bold;
	text-transform : uppercase; 
	font-size : 9px;
}

.nav_hor li a:hover {
	color : #861916;
	text-decoration : none; 
}
 
 /* menu col_gauche */
#colonne_gauche {
	width: 148px !important;
	width: 148px;
	height:auto;
	margin: -28px 0 0 0 !important;
	padding: 0px !important;
	padding: 5px 0;
}
 #colonne_gauche ul {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    font-weight: bold;
}
#colonne_gauche li {
    list-style-type: none;
	padding: 20px 0 0 2px !important;
	padding: 20px 0 0 2px;
}
#colonne_gauche li a {
	text-decoration: none;
	color: #fff;
   	margin-left:20px !important;
	margin-left:10px;
	margin-top: 10px !important;
	margin-top: 2px;
	display: block;
}

#colonne_gauche li a:hover {
    color: #fea600;
   	margin-left:10px !important;
	margin-left: 0;
	padding-left:0.4em !important;
	padding-left: 0;
	border-left: 8px solid #dc9c20;
}

#colonne_gauche li a span {
	position: relative;
	left: 0;
}
 /* menu de la rubrique 4 */
#menu {
	width: 50px !important;
	width: 50px;
	height:auto;
	margin: -28px 0 0 0 !important;
	margin: 15px 0 0 0;
	padding: 0px !important;
	padding: 1px 0;
}
 #menu ul {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    font-weight: bold;
}
#menu li {
    list-style-type: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 20px 0 0 2px !important;
	padding: 20px 0 0 2px;
}
#menu li a {
	text-decoration: none;
   	margin-left:20px !important;
	margin-left:10px;
	margin-top: 10px !important;
	margin-top: 2px;

}

#menu li a:hover {
    color: #fea600;
   	margin-left:10px !important;
	margin-left: 0;
	padding-left:0.4em !important;
	padding-left: 0;
	border-left: 8px solid #dc9c20;
}

#menu li a span {
	position: relative;
	left: 0;
}

 /* Agenda */
.para_titre_concerts_gen {
	margin : 5px 0 0 0;
	color : #BE4609; 
	font-size : 12px;
	font-weight : bold; 
	background : #fff url("../IMG/jpg/flechette.jpg") no-repeat left;
	text-indent : 13px;
}

.para_titre_concerts_gen_date {
	margin : 2px 0 0 0;
	color : #BE4609;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px !important;
	font-size: 12px;
	font-weight : bold; 
}
 
h4 {
	margin : 10px 0 0 0 ;
	padding : 0 0 10px 0; 
	font-size : 18px;
	color : #BE4609;
	font-weight : normal;
}

h5 {
	margin : 0 0 0 0 ;
	padding : 0 0 0 0; 
	font-size : 18px;
	color : #BE4609;
	font-weight : normal;
}

/* divers */
a {
	color : #9C302D ;
	text-decoration : none;
}
a:hover {
	color : #9C302D ;
	text-decoration : underline;
} 

.spacer {
	clear : both; 
	height : 13px ;
	background-color :#fff;
	width:800px;
	margin-left: 27px;
}

.spacer_repertoire {
	clear : both; 
	height : 1px !important; 
	height : 13px; 
	margin-top : -13px;  
	background-color :transparent;
	border-bottom : 1px solid #F9EFEA;
	width : 70px;
	padding-top : 10px; 
}

/* photos */ 

.photos {
	float : left ;  
	background : #fff;
	width : 310px; 
	margin-left :20px !important;
	margin-left :10px ;
	margin-top : 25px ;
}

.photos_expo {
	background : #fff; 
	float : left;
	width : 480px; 
	font-weight : bold;
	margin-left :30px !important;
	margin-left :35px ; 
	margin-top : 22px;
}

.photos_expo img {
	border : 1px solid #7F3007 ;
	margin : 3px;
}


.photos_expo_martine {
	background : #fff; 
	float : left;
	font-weight : bold;
	margin-left :430px !important;
	margin-left :230px; 
	margin-top : 23px;
	padding-left : 50px;
}

.photos_expo_martine img ul li {
	border : 1px solid #7F3007 ;
	margin : 3px;
}
/* la meme chose mais dans bas de page */
/* article 14 et tubriques */
#encadrement {
	width: 888px;
	height: 87px !important;
	height: 87px;
	background: transparent url("../IMG/jpg/photosmv.jpg") top no-repeat;
	margin-left: 0px !important;
	margin-left: 0px;
	margin-bottom: 23px !important;
	margin-bottom: 10px;
	margin-top: 0px !important;
	margin-top: 0px;
}
#encadrement_plan {
	width: 888px;
	height: 87px !important;
	height: 87px;
	background: transparent url("../IMG/jpg/photosmv.jpg") top no-repeat;
	margin-left: -59px !important;
	margin-left: -20px;
	margin-bottom: 23px !important;
	margin-bottom: 10px;
	margin-top: 0px !important;
	margin-top: 0px;
}
/* autres articles */
#encadrement_articles {
	width: 888px;
	height: 87px !important;
	height: 87px;
	background: #fff url("../IMG/jpg/photosmv.jpg") top no-repeat;
	margin-left: -50px !important;
	margin-left: -50px;
	margin-bottom: 23px !important;
	margin-bottom: 10px;
	margin-top: 0px !important;
	margin-top: 0px;
}
#encadrement_formulaire {
	width: 888px;
	height: 87px !important;
	height: 87px;
	background: #fff url("../IMG/jpg/photosmv.jpg") top no-repeat;
	margin-left: 0px !important;
	margin-left: 0px;
	margin-bottom: 23px !important;
	margin-bottom: 10px;
	margin-top: 0px !important;
	margin-top: 0px;
}

.photos_expo_martine_bas {
	position:relative;
	background : transparent; 
	float : left;
	font-weight : bold;
	margin-left :532px !important;
	margin-left :265px;
	padding-top: 5px !important;
	padding-top: 10px;
	margin-top : 10px !important;
	margin-top: 0px;
	padding-left : 50px;
	padding-bottom: 5px !important;
}

.photos_expo_martine_bas img ul li {
	border : 1px solid #7F3007 ;
	padding-top : 10px !important;
}

.vignette {
	display: inline;
}

.photos ul {
	list-style : none; 
	margin : 15px 0 0 0;
	padding : 0;
} 

.photos li {
	list-style : none; 
	margin : 5px 0 3px 0 ; 
	padding : 0;
}

.photos li a {
	display: block; 
	text-decoration : none;
	color : #C25219;
	font-weight : bold;
	height : 20px; 
	font-size : 12px;
	border-bottom : 1px solid #F9EFEA ;
	width : 310px;  
}

.photos li a:hover {
	text-indent: 10px ; 
	background : #fff url("../IMG/jpg/bg_liste_disco.jpg") left top no-repeat; 
}

.biographie p {
	margin : 0 20px 5px 0;
}

/*** Mise en forme du formulaire ***/

.formulaire_spip {
	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;
}

.formulaire_recherche {
	margin-top : -1.1em !important;
	margin-top: -1em;
	margin-right : 0em;
	float: right; 
	background : #e7e7e7;
}
.encadre_ps {
	width: 750px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 5px;
}

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 50em;	/*** Largeur du formulaire ***/
}

#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: #ff7f00;
	margin-left: 0px !important;
	margin-left: 0px;
	padding: .5em;
	width: 760px !important;
	width: 765px;
}

#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}

#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
form {
	margin :  0 !important;
	margin-right: 10px;
	padding : 0 !important;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #ff7f00;
	color: black;
	background: #fff;
	margin: 0 !important;
	padding-left: 0.48em !important;
	padding-left: 0.20em;
	margin-left: 0 !important;
	margin: 0;
	width: 765px !important;
	width: 765px;
}

#corpForm fieldset {
	border: 1px solid #ff7f00;	/*** Mise en forme des cadres ***/
	margin: 10px !important;
	margin-right: -15px;
	font-style: normal;
	padding: 0 1em 1em 15px;
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}

#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}

#corpForm a.aide .img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}

#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background:#FEB00E;
}

#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme des messages d'erreur ***/
#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background:#fff url("../IMG/gif/icon_help.gif") no-repeat left center;
}

.fleche {
	line-height: 2em;
	font-size: 1.5em;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif ;
	padding: 0.2em 0 0.2em 1.3em;
	margin: 0.2em 0 0.5em 0;
	color: #003366;
	background: #fff url("../IMG/jpg/picto_titre_art.jpg") no-repeat;
}

/* puces */
.picto_lire {
	background: #fff;
	list-style-image: url("../IMG/jpg/accueil_r.jpg");
	padding-top: 2px;
}

.picto_lire_suite {
	background: #fff;
	list-style-image: url("../IMG/jpg/picto_lire_suite.jpg");
	margin: 0 0 2em .5em;
	padding: 0 0 0 1.5em;
}

.picto_lire_suite ul li {
	list-style-type: none;
	padding: .5em 1em 1em .5em;
}	

/* styles plan */
.marge_et_cadre {
	width: 834px !important;
	width: 800px;
	position:relative !important;
	margin-left: 36px !important;
	margin-left: 28px;
	margin-right: 30px !important;
	margin-right: -40px;
	padding-left: 15px;
	/*padding-right:-15px !important;
	padding-right: -20px;*/
}

.marge_et_cadre ul {
	margin: 0;
}
.marge_et_cadre li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#993300;
	font-weight:bold;
	margin: 0 0 1em 0;
}

.marge_et_cadre h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	background: #fff url("../IMG/jpg/picto_titre_art.jpg") left no-repeat;
	padding-left: 20px;
	padding-top: 11px;
	margin-left: 0;
	color:#9b5a1f;
}

.bloc {
	background : #0000ff;
	width : 800px; 
	margin-left :10px ;
	margin-top : 0;
	padding-bottom: 10px;
}

.lire_suite a {
	background: #fff url("../IMG/jpg/lire_suite.jpg") no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	font-size: 10px;
	color:#bd4707;
	margin-left: 0;
	
}
.lire_suite a:hover {
	color:#000033;
	text-decoration:none;
}