/* CSS2 & CSS3 by matyeu */
/* IE is OUT pour les beaux effets :-) */

@font-face {
    font-family: 'AkzidenzGroteskBQLightCondeRg';
    src: url('font_title/akzidenzgroteskbq_ligcnd-webfont.eot');
    src: url('font_title/akzidenzgroteskbq_ligcnd-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_title/akzidenzgroteskbq_ligcnd-webfont.woff') format('woff'),
         url('font_title/akzidenzgroteskbq_ligcnd-webfont.ttf') format('truetype'),
         url('font_title/akzidenzgroteskbq_ligcnd-webfont.svg#AkzidenzGroteskBQLightCondeRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AkzidenzGroteskBQCondeRg';
    src: url('font_title/akzidenzgroteskbq_cnd-webfont.eot');
    src: url('font_title/akzidenzgroteskbq_cnd-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_title/akzidenzgroteskbq_cnd-webfont.woff') format('woff'),
         url('font_title/akzidenzgroteskbq_cnd-webfont.ttf') format('truetype'),
         url('font_title/akzidenzgroteskbq_cnd-webfont.svg#AkzidenzGroteskBQCondeRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Body */

img  {border: 0;background-color: transparent;
}
.puce {
	margin-bottom: -2px;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-style: normal;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#page { position: relative; width: 100%; margin: 0 auto; text-align: left;
	padding-bottom: 0;
	height: 100%;
}

#header {
	background-image: url("pop/fond.gif"),url("pop/MP3D-light.jpg");
  	background-color: transparent; 
 	background-position: center center; 
  	background-repeat: repeat, no-repeat;
  	-moz-background-size: auto,100%;
  	/* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: auto,100%;
    /* Opera 9.5 */
   	-webkit-background-size: auto,100%;
   	/* Safari 3.0 */
    background-size: auto,100%;
    /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */	
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	height: 252px;
	-webkit-box-shadow: inset 0px -3px 4px -2px #A3A2A2;
	-moz-box-shadow: inset 0px -3px 4px -2px #A3A2A2;
	box-shadow: inset 0px -3px 4px -2px #A3A2A2;
}

#lesmenus {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 20px;
}

#baleine {
	float: left;
	background-color: transparent;
	padding-top: 20px;
	height: 150px;
	padding-left: 15px;
	width: 400px;
	position: relative;
	z-index: 1;
}
#sousmenu_a {
	float: left;
	width: 400px;
	clear: both;
	position: relative;
	z-index: 20;
	line-height: 2em;
	padding-left: 15px;
}
#sousmenu_b {
	float: left;
	width: 550px;
	height: 50px;
	position: absolute;
	padding-left: 460px;
	padding-top: 133px;
}
.sousmenu {
	font: 10px/2.2em Helvetica, Arial, Geneva, sans-serif;
	color: #000;
	padding: 3px;
	margin-top: 5px;
	text-transform: uppercase;
	margin-right: 1px;
}
.sousmenu a:link {
	font: 10px/2.2em Helvetica, Arial, Geneva, sans-serif;
	color: #000;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	margin-right: 1px;
}
.sousmenu a:visited {
	font: 10px/2.2em Helvetica, Arial, Geneva, sans-serif;
	color: #000;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	margin-right: 1px;
}
.sousmenu a:hover {
	font: 10px/2.2em Helvetica, Arial, Geneva, sans-serif;
	color: #f60000;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	margin-right: 1px;
}
.sousmenu1 li {
	font: 25px "AkzidenzGroteskBQCondeRg",Helvetica, Arial,"Lucida Grande", Lucida, Verdana, sans-serif;
	color: #f60000;
	text-transform: uppercase;
	width: auto;
	float: left;
	list-style: none;
	margin-right: 7px;
	padding: 3px 5px 2px;
}
.sousmenu1 a:link {
	color: #f60000;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 5px 2px;
}
.sousmenu1 a:visited {
	color: #f60000;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 5px 2px;
}
.sousmenu1 a:hover {
	color: #000;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 5px 2px;
}

#contenu {
    min-height:500px;
	width: 960px;
	margin: 0 auto;
	padding: 0 10px 0 17px;
}

/* liens */
a {	
	color: #666;
	text-decoration: none;
	margin: 0; padding: 0;		    
	/* Fonctionne déjà sur webkit */
	-webkit-transition-property: color;
	-webkit-transition-duration: 2s;
	/* Bientôt supporté par Firefox */
    -moz-transition-property: color;
	-moz-transition-duration: 2s;
	/* … et lorsque ce sera standardisé */
	transition-property: color;
	transition-duration: 1s;
}
a:link,a:visited {color: #666; text-decoration: none;margin: 0; padding: 0;}
a:hover {color: #910f57;text-decoration: none;margin: 0; padding: 0;}


/* Style des textes */
h1 {
	letter-spacing: 1px;
	font-family: "AkzidenzGroteskBQCondeRg",Helvetica, Arial,"Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0 0;
}
h1 a:link {color: #000;}
h1 a:visited { color: #000;}
h1 a:hover {color: #f60000;}

h2 {
	font-family: "AkzidenzGroteskBQCondeRg",Helvetica, Arial,"Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
h2 a:link {color: #000;}
h2 a:visited{color: #000;}
h2 a:hover{color: #f60000;}
h3 {color: #e7008a;font-size: 1.1em;font-weight: bold;}
h3.spip {margin-top: 2em; margin-bottom: 0;padding-bottom: 0;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;margin-top: 2px;padding-top: 2px;}
h6 {font-size: 1em;}

.texte {
	text-align: justify;
	padding-bottom: 5px;
	color: #4d4d4d;
	font-size: 11px;
	line-height: 1.5em;
}
.texte a:link {
	color:#7987A8;
	border-bottom: thin dotted #7987A8;
	padding-bottom: 1px;
}
.texte a:visited {
	color:#7987A8;
	border-bottom: thin dotted #7987A8;
	padding-bottom: 1px;
}
.texte a:hover {
	color: #910f57;
	border-bottom: thin dotted #910f57;
	padding-bottom: 1px;
}
p { font-size: 11px;
	margin: 4px 0 0;
	padding-bottom: 6px;
}
b {font-weight: bold;}
i {font-style: italic;}
strong { font-weight: bold;}
small { }
ul {list-style: none;}
li {list-style: none;}


/* Navigation */

#navigation {
   padding-top: 108px;
   padding-left: 19px;
   font-size: 11px;
   font-weight: normal;
   line-height: 1.1em;
}


.editotexte {
	color: #333;
	text-align: justify;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 8px;
}
.suite a:link {
	font: bold 10px "Lucida Grande", Lucida, "Trebuchet MS", Verdana, sans-serif;
	color: #e7008a;
	padding-left: 12px;
	margin-bottom: 0px;
	background: url(pop/fleche_suite.png) no-repeat 0 center;
	padding-top: 2px;
	margin-top: 2px;
}
.suite a:visited {
	color: #e7008a;
	padding-left: 12px;
	margin-bottom: 0px;
	background: url(pop/fleche_suite.png) no-repeat 0 center;
	padding-top: 2px;
	margin-top: 2px;
}
.suite a:hover {
	padding-left: 12px;
	margin-bottom: 0px;
	background: url(pop/fleche_suite_over.png) no-repeat 0 center;
	padding-top: 2px;
	margin-top: 2px;
}

/* Grid Et Colonne*/
.grid_0 {width: 220px;}
.grid_1 {width: 140px;}
.grid_2 {width: 300px;}
.grid_3 {width: 460px;}
.grid_4 {width: 620px;}
.grid_5 {width: 780px;}
.grid_6 {width: 940px;}
.grid_7 {width: 640px;}
.grid_slider {width: 940px;height:255px;background-color: #fff139;
	padding: 0;
	margin: 0;
}
#grid_slider_caption {
	width: 250px;
	float: left;
	font-size: 11px;
	line-height: 1.4em;
	margin-top: 4px;
}
.titre_slider {
	color: #000;
	text-transform: uppercase;
	margin: 0 3px 0 0;
	padding: 3px 5px 0 0;
	font: 33px/0.8em "AkzidenzGroteskBQCondeRg",Helvetica, Arial,"Lucida Grande", Lucida, Verdana, sans-serif;
	word-spacing: -2px;
}
.titre_slider  a:link {
	color: #000;
	text-transform: uppercase;
}
.titre_slider  a:visited {
	color: #000;
	text-transform: uppercase;
}
.titre_slider  a:hover {
	color: #f60000;
	text-transform: uppercase;
}
.vernissage_slider {
	color: #e8192c;
	padding-bottom: 0px;
	font: 11px "Courier New", Courier, mono;
	word-spacing: -2px;
	padding-right: 27px;
	letter-spacing: -1px;
}

.column {
	margin: 10px;
    overflow: hidden;
    float: left;
    display: inline;
}
.column_sommaire {
	margin: 0px 0px 15px;
    overflow: hidden;
    float: left;
    display: inline;
}
.column_slider {
    overflow: hidden;
    float: left;
    display: inline;
	padding: 0;
	margin: 10px 10px 5px;
}

.column_magenta_media {
    overflow: hidden;
    float: left;
    display: block;
	width: 310px;
	margin-right: 10px;
}
        
.column_magenta {
	margin: 10px;
    overflow: hidden;
    float: left;
    display: inline;
	background-color: #e7008a;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	behavior: url(border-radius.htc);
}
        
.column_magenta_lier {
	margin: 10px;
    overflow: hidden;
    float: left;
    display: inline;
	background-color: #e7008a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
}
.column_jaune_lier {
	margin: 10px;
    overflow: hidden;
    float: left;
    display: inline;
	background-color: #fff139;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
}
.column_grisdegris {
	margin: 0;
	padding: 0 0 15px;
	width: 310px;
	float: left;
}
.column_gris {
	margin: 10px;
    overflow: hidden;
    float: left;
    display: inline;
	background-color: #f3f3f3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior:url(border-radius.htc);
}

.column_pied {
    overflow: hidden;
    float: left;
    display: inline;
	padding-left: 10px;
	margin-right: 10px;
}
.row { width: 960px;
      margin: 0 auto;
      overflow: hidden; }
         
.row .row { margin: 0 -10px 0 -10px;
         width: auto;
         display: inline-block;}
         
                     
.bloc { padding: 7px 10px 10px; } 

.programme {
	background-color: #fafafa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	margin: 0 0 20px;
	padding: 7px;
}
.programme_head {
	background-color: #fff139;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	margin: 0 0 10px;
	padding: 7px;
}          

 
.programme_agenda {
	background-color: #fafafa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	margin: 0 0 30px;
	height: 87px;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 7px;
}


#agenda {
	color: #FFF;
	font: normal 14px/1.4em "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	text-transform: uppercase;
	background-color: #e7008a;
	float: left;
	position: relative;
	display: block;
	width: 81px;
	height: 81px;
	-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;border-bottom-left-radius: 3px;
	behavior: url(border-radius.htc);
	margin: 0 7px 0 0;
	padding: 5px;
}
.bigagenda {
	margin: 0;
	padding: 0;
	color: #000;
	font: 35px/.78em 'AkzidenzGroteskBQLightCondeRg', Arial, Helvetica, Geneva, sans-serif;
}
  .interval_agenda {
	margin-right: 0;
	padding-right: 0;
	height: 4px;
	text-align: center;
	background: #fafafa;
	margin-bottom: 2px;
	margin-top: 2px;
	padding-top: 0;
} 

.date_agenda {
	color: #000;
	font: 13px  "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	text-transform: uppercase;
	padding-top: 7px;
	padding-bottom: 1px;
}
.date_agenda_mini {
	color: #333;
	font: 13px  "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	text-transform: uppercase;
	padding-bottom: 1px;
}
.adresse {
	font-size: 12px;
	color: #333;
	padding-bottom: 10px;
}
.adresse_titre {
	font-size: 11px;
	color: #333;
	text-transform: uppercase;
}

.adresse_news {
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 0.9em;
}
.adresse_newsletter {
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 0.9em;
}
/* Insertion d'images */

#col_insert {
   background: #FFF;
   float: right;
   width: 140px;
   height: 140px;
   margin: 0;
   padding-left: 14px;                     
}

#col_insert_actu {
	background: #FFF;
	float: right;
	width: 95px;
	height: 95px;
	margin: 0;
	padding-left: 5px;
	padding-bottom: 5px;
}

.barre_option {
	clear: both;
	margin-top: 30px;
	margin-bottom: 5px;
	font-size: 11px;
	display: inline-block;
	width: 250px;
}

#visuel   {
	margin-top: 3px;
	margin-bottom: 7px;
	width: 438px;
}

#visuel_slider   {
	width: 620px;
	margin: 0;
	padding-right: 12px;
	float: left;
	display: block;
	position: relative;
}

#fond_image  {
	width: 290px;
	height: 290px;
}

#intro_home {
	color: #FFF;
	text-align: left;
	width: 300px;
	position: absolute;
	overflow: visible;
	vertical-align: baseline;
	padding: 5px 0 5px 5px;
	z-index: 10;
	margin-right: auto;
	margin-left: 0;
	margin-top: 10px;
}

#legendesommaire {
	color: #333;
	text-align: left;
	width: 280px;
	position: absolute;
	overflow: hidden;
	vertical-align: baseline;
	z-index: 10;
	margin-left: 0;
	padding: 10px;
}
#legendesommaire .texte {
	color: #000;
	font-size: 12px;
	line-height: 1.4em;
}

#accueil_visuel_a {
   width: 300px;
   background-color: #fff139;
	height: 300px;
	float: left;
	margin: 10px;
    overflow: hidden;
    display: inline;
}
#accueil_visuel_b {
   width: 300px;
   background-color: #e8192c;
	height: 300px;
	float: left;
	margin: 10px;
    overflow: hidden;
    display: inline;
}
#accueil_visuel_c {
   width: 300px;
   background-color: #f49ac1;
	height: 300px;
	float: left;
	margin: 10px;
    overflow: hidden;
    display: inline;
}
#accueil_visuel_d {
   width: 300px;
   background-color: #f99800;
	height: 300px;
	float: left;
	margin: 10px;
    overflow: hidden;
    display: inline;
}

#accueil_visuel_f {
   width: 300px;
   background-color: #e1e1e1;
	height: 300px;
	float: left;
	margin: 10px;
    overflow: hidden;
    display: inline;
}
#bloc_audio{
   width: 300px;
   background-color: #e1e1e1;
	height: 150px;
	float: left;
	margin: 10px;
    display: inline;
}
#background {
	float: left;
	margin: 0;
	border: none;
}


#programme_background {
	float: right;
	margin: 0;
	border: none;
	width: 150px;
	height: 150px;
}
#pano {
	float: left;
	width: 300px;
	margin: 0 auto;
	padding: 0;
	border: none;
}	
/* Articles */

.une {
	font-size: 30px;
	margin: 0;
	padding: 3px 0 0;
	font-weight: normal;
	font-style: normal;
	line-height: 0.8em;
}


.media {
	font-size: 20px;
	margin: 0;
	padding: 3px 0 0;
	font-weight: normal;
	font-style: normal;
	line-height: 0.9em;
}
.titre_sommaire {
	color: #000;
	text-transform: uppercase;
	font: bold 15px "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	background: url(pop/fleche.png) no-repeat 0 center;
	margin-left: 8px;
	padding: 0 0 0 15px;
	margin-top: 10px;
}
#grid_titre {width: 940px;
	clear: both;
	margin: 6px;
	padding-top: 10px;
	display: inline-block;
	position: relative;
}
.titre_venir {
	color: #000;
	text-transform: uppercase;
	font: bold 15px "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	background: url(pop/fleche.png) no-repeat 0 center;
	padding: 0 0 0 15px;
	text-align: left;
	width: 250px;
	margin: 0;
	position: absolute;
}
.titre_suite {
	color: #f99800;
	text-transform: uppercase;
	font: bold 15px "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	background: url(pop/fleche.png) no-repeat 0 center;
	padding: 0 0 0 15px;
	text-align: right;
	float: right;
	margin: 0;
	position: relative;
}
.titre_suite a:link{color: #f99800;}
.titre_suite a:visited{color: #f99800;}
.titre_suite a:hover{color: #000;}

.titre_decouverte {
	color: #000;
	text-transform: uppercase;
	font: bold 14px "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	background: url(pop/fleche.png) no-repeat 0 center;
	margin: 20px 0 0 8px;
	clear: left;
	padding: 0 0 0 15px;
}
.titre {
	color: #000;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0 0;
	font: 35px/0.8em "AkzidenzGroteskBQCondeRg",Helvetica, Arial,"Lucida Grande", Lucida, Verdana, sans-serif;
}
.titre a:link {color: #000; text-transform: uppercase;}
.titre a:visited {color: #000; text-transform: uppercase;}
.titre a:hover {color: #f60000; text-transform: uppercase;}

.date {
	color: #000;
	font: 13px  "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 1px;
}
.date_accueil {
	color: #FFF;
	padding-bottom: 3px;
	font: 12px "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	text-transform: uppercase;
}
.date_slider {
	color: #666;
	padding-top: 0;
	margin-top:0;
	font: bold 13px "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	text-transform: uppercase;
	padding-right: 10px;
}
.resume {	
	text-align: left;
	color: #4d4d4d;
	font-size: 0.85em;
	line-height: 1.2em;
	padding-left: 3px;
}

.resume a:link{	color: #000;}
.resume a:visited {color: #000;}
.resume a:hover {color: #4d4d4d;}

.vernissage {
	color: #e8192c;
	padding-bottom: 0px;
	font: 11px "Courier New", Courier, mono;
	word-spacing: -3px;
}
.chapo {
	font-size: 12px;
	color: #000;
	padding-bottom: 5px;
	text-align: left;
	padding-top: 2px;
}
.chapo a:link {
	color: #e7008a;
}
.chapo a:visited {
	color: #e7008a;
}
.chapo a:hover {
	color: #000;}

.surtitre_slider {
	color: #666;
	padding-top: 0;
	margin-top: 10px;
	font: bold 14px/1em "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	text-transform: uppercase;
}
.surtitre {
	color: #666;
	padding-top: 2px;
	font: bold 14px "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	text-transform: uppercase;
}
.surtitre_accueil {
	color: #FFF;
	padding-top: 2px;
	font: bold 14px "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	text-transform: uppercase;
}
.section {
	color: #000;
	font: bold 14px "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	text-transform: uppercase;
	background: url(pop/fleche.png) no-repeat 0 center;
	padding-left: 15px;
	margin-bottom: 0px;
	margin-top: 5px;
}
.section a:link {color: #000;}
.section a:visited {color: #000;}
.section a:hover {color: #FFF;}

.section_jaune {
	color: #000;
	font: bold 14px "Helvetica Neue", Helvetica, Arial,Geneva, sans-serif;
	text-transform: uppercase;
	background: url(pop/fleche.png) no-repeat 0 center;
	padding-left: 15px;
	margin-bottom: 0px;
	margin-top: 5px;
}
.section_jaune a:link {color: #000;}
.section_jaune a:visited {color: #000;}
.section_jaune a:hover {color: #e8192c;}

.section_titre {
	color: #e7008a;
	padding-left: 3px;
	margin-top: 5px;
	font-size: 12px;	
}
.section_titre a:link {color: #e7008a;}
.section_titre a:visited {color: #e7008a;}
.section_titre a:hover {color: #f19ac0;}

.section_soustitre {
	color: #f19ac0;
	margin-bottom: 5px;
	margin-top: 0px;
	font-size: 11px;
	margin-left: 0;
	padding-left: 3px;
	width: auto;
}
.section_soustitre a:link {color: #e7008a;}
.section_soustitre a:visited {color: #e7008a;}
.section_soustitre a:hover {color: #000;}

.section_liens {
	color: #333;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 10px;
}
.section_liens a:link {color: #e7008a;}
.section_liens a:visited {color: #e7008a;}
.section_liens a:hover {color: #000;}

.section_titre_lier {
	color: #000;
	padding-left: 3px;
	margin-top: 5px;
	font-size: 12px;
}
.section_titre_lier a:link {color: #000;}
.section_titre_lier a:visited {color: #000;}
.section_titre_lier a:hover {color: #f19ac0;}

.section_soustitre_lier {
	color: #000;
	margin-bottom: 5px;
	margin-top: 0px;
	font-size: 11px;
	margin-left: 0;
	padding-left: 3px;
	width: auto;
	text-decoration: none;
}
.section_soustitre_lier a:link {color: #000;}
.section_soustitre_lier a:visited {color: #000;}
.section_soustitre_lier a:hover {color: #f19ac0;}

.section_liens_lier {
	color: #000;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 10px;
}
.section_liens_lier a:link {color: #fda1c8;}
.section_liens_lier a:visited {color: #fda1c8;}
.section_liens_lier a:hover {color: #000000;}

.section_titre_breve {
	color: #e7008a;
	padding-left: 3px;
	margin-top: 5px;
	margin-bottom: 3px;
	font-size: 11px;
}
.section_titre_breve a:link {color: #e7008a;}
.section_titre_breve a:visited {color: #e7008a;}
.section_titre_breve a:hover {color: #000;}

.section_soustitre_rech {
	color: #666;
	margin-bottom: 5px;
	margin-top: 0px;
	font-size: 11px;
	margin-left: 0;
	padding-left: 3px;
	width: auto;
}
.section_soustitre_rech a:link {color: #666;}
.section_soustitre_rech a:visited {color: #666;}
.section_soustitre_rech a:hover {color: #000;}

.extrait {
	color: #000;
	font-weight: normal;
	padding-top: 10px;
	text-align: justify;
}
.ps {
   padding-bottom: 20px;
   color: #666666; 
   font-size: 10px;
   text-align: justify;
	clear: both;
	border-top: 10px solid #e1e1e1;
	padding-top: 7px;
	margin-top: 0;
	line-height: 1.3em;
}


.ps a:link {
	color:#7987A8;
	padding-bottom: 1px;
}
.ps a:visited {
	color:#7987A8;
	padding-bottom: 1px;
}
.ps a:hover {
	color: #910f57;
	padding-bottom: 1px;
}

.notes {
   color: #666; 
   font-size: 10px;
   text-align: justify;
   clear: both;
	padding-left: 10px;
	border-left: 5px solid #e7008a;
}

.recherche .date {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}
.duree {
	color: #ff0000;
	padding-bottom: 13px;
	font-size: 11px;
	font-style: italic;
	line-height: 9px;
}
.type_accueil {
	padding: 0 0 2px;
	color: #4a4a4a;
	font-size: 11px;
	font-style: italic;
	padding-top: 2px;
	padding-bottom: 2px;
}


#accueil_visuel_quatre {
   width: 172px;
   background-color: #fff139;
	height: 172px;
	float: left;
	margin: 10px;
    overflow: hidden;
    display: inline;
}

#legendesommaire_quatre {
	color: #333;
	text-align: left;
	width: 152px;
	position: absolute;
	overflow: hidden;
	vertical-align: baseline;
	z-index: 0;
	margin-left: 0;
	padding: 10px;
	background: url(pop/cache_som_x.png) repeat-y 0 0;
}
.une_quatre {
	font-size: 22px;
	margin: 0;
	padding: 3px 0 0;
	font-weight: normal;
	font-style: normal;
	line-height: 0.9em;
}

.type {
	padding: 0 0 2px;
	color: #e7008a;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-transform: uppercase;
}

.site {
	color: #fc0000;
	padding-top: 2px;
	padding-bottom: 2px;
	font-style: normal;
	font-size: 11px;
	font-variant: normal;
}
.site a:link {text-decoration: none;color: #fc0000;}
.site a:visited {text-decoration: none;color: #fc0000;}
.site a:hover {text-decoration: none;color: #000;}

.interval {
	margin-right: 0;
	padding-right: 0;
	height: 6px;
	text-align: center;
	background: #e7008a;
	margin-bottom: 4px;
	margin-top: 2px;
	padding-top: 0;
}

hr {
	height: 2px;
	text-align: center;
	background: #e1e1e1;
	border-style: none;
	padding: 0;
	margin: 2px 0 3px;
	width: 100%;
}

.interval_gris {
	margin-right: 0;
	padding-right: 0;
	height: 6px;
	text-align: center;
	background: #000;
	margin-bottom: 3px;
	margin-top: 2px;
	padding-top: 0;
}
.interval_gris_small {
	margin-right: 0;
	padding-right: 0;
	height: 2px;
	text-align: center;
	background: #e1e1e1;
	margin-bottom: 3px;
	margin-top: 2px;
	padding-top: 0;
}
    
.inter_titre {
   margin-top: 10px;
   margin-bottom: 2px;
   padding-top: 10px;
   padding-left: 22px;
   font-size: 12px;
   background-image: url(pop/guillemet.jpg);
   background-position: top left;
   background-repeat: no-repeat;
   color: #e7008a;
   font-weight: bold;   
}       
   

/* Pied de page */

#footer {
	width:100%;
	float: left;
	min-height:300px;
	background-image: url("pop/MP3D-light.jpg");
  	background-color: transparent; 
 	background-position: center bottom; 
  	background-repeat: no-repeat;
  	-moz-background-size: 100%;
    -o-background-size: 100%;
   	-webkit-background-size: 100%;
    background-size: 100%;
    /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */	
	-webkit-box-shadow: inset 0px 3px 4px -2px #A3A2A2;
	-moz-box-shadow: inset 0px 3px 4px -2px #A3A2A2;
	box-shadow: inset 0px 3px 4px -2px #A3A2A2;
	font-size: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 10px auto 0;
}

#semelle a:link {text-decoration: none;}
#semelle a:visited { text-decoration: none;}
#semelle a:hover {text-decoration: none;color: #000;}

.footer_navigation {
	padding-bottom: 5px;
}

.categorie a:link {
	padding-bottom: 2px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
	text-transform: uppercase;
}
.categorie a:link {color: #333;}
.categorie a:visited {color: #333;}
.categorie a:hover {color: #a9a9a9;}
.sous_categorie {
	font: 11px/1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-left: 5px;
}
.sous_categorie a:link {color:#a9a9a9;text-decoration: none;}
.sous_categorie a:visited {text-decoration: none;color: #a9a9a9;}
.sous_categorie a:hover {color: #000; text-decoration: none;}

/* Tableau */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal;
	border-style: none;
}
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background: transparent; }
table.spip tr.row_odd { background: transparent; }
table.spip tr.row_even { background: transparent; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left;
}
table.spip th { vertical-align: middle; }
table.spip td { vertical-align: middle; }

/*  Documents
---------------------------------------------- */

/*.spip_documents { text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.9em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.9em; margin-left: auto; margin-right: auto; }*/

.download {
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
	padding-left: 18px;
	margin-left: 0;
	margin-bottom: -1px;
	padding-bottom: 7px;
	padding-top: 3px;
	background: url(pop/fleche_dl.png) no-repeat 0 2px;
}
.documents {
   padding-bottom: 0px;
   color: #666666; 
   font-size: 11px;
   text-align: left;
	clear: both;
	border-top: 5px solid #e1e1e1;
	padding-top: 10px;
	margin-bottom: 0;
}

img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal;
	clear: both;
}
.spip_documents p { margin: 0.10em; padding: 0;
	clear: both;
}
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { margin-bottom: 5px;
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin-top: 3px;
	clear: both;
	float: left;
}
.spip_documents_right { float: right; margin-left: 10px; margin-bottom: 5px;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	clear: both;
}
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em;
	margin-top: 3px;
}
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }


/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	width: 100%;
	margin-top: 15px;
	padding-top: 2px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 15px;
	border-top: 2px solid #e1e1e1;}
	 
#documents_portfolio h2 { margin-bottom: 0.4em; font-weight: bold;
	margin-top: 0.4em;
	font-size: 1.2em;
}

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.9em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}


.auteur {width: 490px;text-align: left;}

blockquote { 
	padding-left: 1em;
	padding-right: 1em;
	border-left: 4px solid #cc0000;
	margin: 2.5em 1em 2em;
}
/*Classes*/
center {font-size: 11px;font-weight: bold;}
/* Float */
.float {float: left; margin: 10px;}
/* logo */
.logo {margin: 1em 0 0 0;padding: 0;border: 0;}
/* Espaceur */
.spacer {line-height: 0.1em;clear: both;
	margin-bottom: 10px;
}

#hierarchie  {
   width: 642px;
   font-size: 10px;
   color: #7987A8;
   margin-left: 12px;
   padding: 15px 0 10px;
}
#hierarchie a:link {color: #7987A8;text-decoration: none;margin: 0;padding: 0;}
#hierarchie a:visited { color: #7987A8;text-decoration: none; margin: 0;padding: 0;}
#hierarchie a:hover {color: #000;text-decoration: none;	margin: 0;padding: 0;}

.pagination_suite .on {
	font-weight: normal;
	font-style: normal;
	color: #fff;
   	background-color: #e7008a;
   	font-size: 10px;
	padding: 2px 3px;
}
.lien_pagination {
	font-weight: bold;
	color: #e7008a;
	font-size: 11px;
}
.pagination_suite  {
	font: bold 10px Helvetica, Arial, Geneva, sans-serif;
	color: #000;
	padding: 2px 2px 2px 0;
	margin: 2px 2px 2px 0;
}
.pagination_suite a:link {text-decoration: none;color: #e7008a;}
.pagination_suite  a:visited {text-decoration: none;color: #e7008a;}
.pagination_suite  a:hover {text-decoration: none;color: #000;}

.pagination_archive {
	font-size: 10px;
	font-weight: bold;
	color: #666;
	margin: 0;
	padding: 0;
}
.pagination_archive a:link {color: #666;}
.pagination_archive a:visited {color: #666;}
.pagination_archive a:hover {color: #666;
}

.pagination {
	font-weight: bold;
	color: #666;
	margin: 4px 0 0 3px;
	padding: 3px 0 0 3px;
	font-size: 10px;
	border-top: 2px solid #fafafa;
}
.invisible {visibility: hidden;}