/* ### SCREEN stylesheet ###*/



/* ###################### SOMMAIRE ###### */
/* $1. Balises de base */
	/* $1.1 CLASSES GENERIQUES  */
/* $2. Styles de formulaires */
/* $3. Blocs de mise en page */
/* $4. Header */
/* $5. Menu principal */
/* $6. Contenu principal */
/* $7. Footer */
/* $8. Hacks IE7 */
/* ###################################################### */



/* ###################### $1. Balises de base ############################## */
@import url(reset.css);

body {
	font-family: "Arial",sans-serif;
	font-size:75%;
	line-height:1.5em;
	color:#000;
}

/* BALISES BLOCK ******************* */

h1,h2,h3,h4,h5,h6 {
	font-family:"Arial", Sans serif; 
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1 {
	font-size: 11px;
	font-weight: normal;
	color:#008080;
	padding:7px 0 0 25px;
}

h2 {
	font-size: 12px;
	line-height:1.5em;
	margin:10px 0 10px 0px;
	padding:0px 0 0 17px;
}

h3 {
	font-size:1.3em;
	font-weight:bold;
	line-height:1.5em;
	margin-top:10px;
	color:#008080;
}

h4 {
	font-size:1.1em;
	line-height:1.5em;
	text-transform:uppercase;
	background:#008080;
	color:#FFF;
	padding:0 5px;
}

h4 a {
	padding:0 0 0 15px;
	color:#008080;
	background: no-repeat 0 4px;
}

h6 {
	font-size:25px;
	width:97%;
	line-height:1.5em;
	border-top:1px solid #D8D8D4;
}

p, ul, ol, table {
	margin-bottom:20px;
}

.contenu_texte ul, .contenu_texte ol{
	overflow:visible;
	list-style-type:disc;
}

#full_sans_ressources{
	clear:both;
	}
#colGauche div.contenu_texte h1, 
#colGauche div.contenu_texte h2,
#colGauche div.contenu_texte h3,
#colGauche div.contenu_texte h4,
#colGauche div.contenu_texte h5,
#colGauche div.contenu_texte h6
{
    margin-top:10px;
    padding-left:0px;

}

#colGauche div.contenu_texte ul li, #colGauche div.contenu_texte ol li{
	text-transform:none;
	font-weight:normal;
}

.contenu_texte h2{
font-size:1.5em;
}

.contenu_texte table.border{
    border:2px solid #666666;
    border-collapse:inherit;
}

.contenu_texte table.border tr{
	border:1px solid #666666;
	border-collapse:inherit;
}

.contenu_texte table.border td, .contenu_texte table.border th{
    border:1px solid #666666;
    border-collapse:inherit;
}

.contenu_texte table.no_border{
    border:2px solid #FFF;
    border-collapse:inherit;
}

.contenu_texte table.no_border tr{
    border:1px solid #FFF;
    border-collapse:inherit;
}

.contenu_texte table.no_border td, .contenu_texte table.no_border th{
    border:1px solid #FFF;
    border-collapse:inherit;
}

.contenu_texte table th, .contenu_texte table td{
	color:#000;
	}

p {
	margin:12px 0;
}

ul {
	margin:10px 15px 10px 15px;
	overflow:auto;
}

li {
	padding:0 0 0 15px;
	margin:2px 0 2px 0;
}

ul ul {
	margin:10px 0 10px 0;
}

abbr, acronym {
	cursor:help;
}

table {
	border:none;
	width:100%;
	color:#666666;
}

table tr {
	border:none;
}

table td, table th {
	padding:10px;
	font-size:0.92em;
	vertical-align:top;
	border-right:2px solid #FFF;
}


td[scope], th[scope] {
	font-weight:bold;
	text-transform:uppercase;
}

td[scope] {
	background:#FFF;
	color:#008080;
	padding:10px 5px;
}

td.day {
	background:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	color:#008080;
	padding:10px 5px;
}


table th {
	width:172px;
	text-align:right;
	padding:2px 10px 10px 10px;
}

table th.white {
	width:40px;
	color:#FFF;
}

table th.vert {
	background:url(../images/thVert.gif) no-repeat;
}

table th.noir {
	background:url(../images/thNoir.gif) no-repeat;
}

table th.gris {
	background:url(../images/thGris.gif) no-repeat;
}

table thead th {
	font-weight:bold;
	text-transform:uppercase;
}

table tbody th {
	background:#FBFAF8 no-repeat left;
}


table th, table td {
	color:#FFF;
}

table td span {
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.09em;
}

table td a {
	font-size:1.09em;
}

table td span.lieu {
	font-weight:normal;
	color:#000;
}

table td a {
	color:#003333;
}

table td.noir a {
	color:#BCC0AE;
}

table td a.redif {
	padding:0 15px 0 5px;
	height:11px;
	font-weight:bold;
	background:url(../images/pictoRedif.gif) no-repeat center;
    display:inline-block;
    margin-bottom:-1px;
}

table td.vert {
	background:#008080 url(../images/tdLine.gif) no-repeat center bottom;
}

table td.noir {
	background:#000 url(../images/tdLine.gif) no-repeat center bottom;
}

table td.gris {
	background:#7B8165 url(../images/tdLine.gif) no-repeat center bottom;
}


table tfoot td.vert {
	background:url(../images/tfootVert.gif) no-repeat;
}

table tfoot td.noir {
	background:url(../images/tfootNoir.gif) no-repeat;
}

table tfoot td.gris {
	background:url(../images/tfootGris.gif) no-repeat;
}


caption {
	display:none;
}

/* BALISES INLINE ****************** */
a {
	color:#008080;
	background-color:inherit;
	text-decoration:none;
}

a:hover, a.actif {
	text-decoration:underline;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

img {
	padding:0px;
	margin:0px;
}

img.left {
	float:left;
	margin:5px 10px 10px 0;
}

.blocText2 img.leftPicto {
	float:left;
	margin:5px 10px 0px -5px;
	border:none;
}

img.right {
	float:right;
	margin:5px 0 10px 10px;
}

blockquote {
	background:url(../images/imgQuote.gif) no-repeat top right;
	color:#95969A;
	display:block;
	float:right;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.3em;
	margin:10px 0pt 5px 5px;
	padding:0pt 90px 0pt 0pt;
	text-align:right;
	width:200px;
}

/* ************** $1.1 CLASSES GENERIQUES ************** */

.noDisplay {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.noFloat {
	clear:both;
}

.noBorder {
	border:none;
}

.regular {
	font-weight:normal;
}

.lower, #colGauche .lower {
	text-transform:capitalize;
}

.noPadding, #liste #colGauche .noPadding , #listeProd #colGauche .noPadding , #recherche #colGauche .noPadding {
	padding:0;
}	

/* ###################### $2. Styles de formulaires ######################## */

form p {
	margin:10px 0;
}


input, select, textarea {
	font-size:1em;
	color:#6F6F6F;
	background-color:#fff;
	padding:2px;
	margin:2px 0 2px 0;
	vertical-align:middle;
	font-family: "Arial",sans-serif;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

input:hover, select:hover, textarea:hover {
	border:1px solid #000;
	background: #F5F5F5;
}

input:focus, select:focus, textarea:focus {
	border:1px solid #000;
}

input.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #F5F5F5;
	border:1px solid #000
}

input.normal {	/*** Retour � l'�tat normal apr�s l'utilisation ***/
	background: #FFF;
	border:1px solid #989897;
}

form input.submit {
	cursor:pointer;
	background:none;
	font-weight:bold;
	border:none;
	color:#003333;
}

form input.submit:hover {
	color:#7B8165;
}

form input.effacer {
	background:url(../images/boutonEffacer.gif) no-repeat;
	width:83px;
	height:20px;
	cursor:pointer;
	border:none;
}

form input.effacer:hover {
	background:url(../images/boutonEffacerOver.gif) no-repeat;
}


textarea {
	width:300px;
	height:90px;
	margin:0 0 10px 0;
}

textarea.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #F5F5F5;
	border:1px solid #828282;
}

textarea.normal {	/*** Retour � l'�tat normal apr�s l'utilisation ***/
	background: #FFF;
	border:1px solid #989897;
}

input.texte {
	width:85px;
}

legend {
	display:none;
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

label:hover {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs � cliquer sur les intitul�s ***/
}

label {	/*** Mise en forme des intitul�s de champs ***/
	display:block;
	float: left;	/*** Tr�s important, ne pas suprimer ! ***/
	width: 80%;	/*** Les intitul�s prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont align�s � droite... ***/
	margin: 0;
	color:#434242;
	padding: 0 .5em 0 0;
	line-height: 1.2;	/*** ... et centr�s verticalement. ***/
}


form ul {
	float:left;
	width:26%;
	margin:0;
	overflow:hidden;
}

.requis {
	color:#f00;
}

#contact {
	width:70%;
	padding-top:40px;
}

#contact #informations input, #contact textarea, #contact fieldset  {
	width:100%;
	float:left;
}
#contact textarea {
	height:300px;
}

#contact input {
	float:left;
}

#contact h4, #liste h4, #presse h4, #listeProd h4, #liste2col h4, #recherche h4, #agenda h4   {
	float:left;
	font-size:1em;
}
/* ************************************************************************************************************************************ */
/* #agenda h4, #contact h4   {
	font-size:1em;
} */
/* ************************************************************************************************************************************ */

#recherche h4   {
	background:#DDD;
	color:#008080;
	font-size:1em;
}
#recherche h4 span {
	color:#000;
}

#recherche h4 small {
	font-weight:normal;
	text-transform:lowercase;
}

#contact #informations label, #accesPresse #informations label  {
	display:none;
}

#contact  p {
	padding:0 5% 0 1%;
	float:left;
	width:96%;
}

#contact  #validation p {
	margin:0;
}

#contact #informations p.demi, #contact #informations p.demir{
	width:44%;
	padding:0 0 0 1%;
	float:left;
}

#contact #informations p.demir {
	padding:0 0 0 8%;
}

#contact label {
	width:92%;
	padding: 0 0 0 3%;
}

#contact input.submit, #accesPresse input.submit  {
	text-transform:uppercase;	
}
#accesPresse {
	margin-bottom:15px;
}
#accesPresse legend { display:block;}
#accesPresse input.submit { color:#008080;width:100%;text-align:left;}
#accesPresse .noMdp {
	color:#008080;
	cursor:pointer;
	text-transform:uppercase;
}
form#accesPresse p {
	margin:5px 0;
	line-height:0.92em
}
/* ###################### $3. Blocs de mise en page ######################## */


.relatif {
    position:relative;
    margin-bottom:1px;
}

#container {
	width:960px;
	margin: 0px auto;
}

#impression #container {
	width:644px;
	margin: 0px auto;
}

#header {
	
	width:100%;
	background:#008080;
	position:relative;
	z-index:30;
	font-size:0.92em;
}

#impression #header {
	overflow:auto;
	background:none;
}

#colContenu {
	float:left;
	position:absolute;
	z-index:1;
	background:#E6E6E6;
}

#colGauche {
	width:640px;
	float:left;
	position:relative;
	background:#FFF;
	padding:0;
}

#impression #colGauche {
	width:640px;
}

#liste #colGauche, #presse #colGauche, #listeProd #colGauche, #liste2col #colGauche , #recherche #colGauche, #agenda #colGauche{
	padding-top:50px;
}

#colDroite {
	width:260px;
	float:left;
	padding:0 29px 20px 31px;
	background:#E6E6E6;
	position:relative;
}

#colDroite .article_lie p{
	margin:0px;
}

#colDroite .article_lie{
    margin-top:0px;
    margin-bottom:15px;
}

#colDroite .telechargement li{
    margin-right:5px;
}

#colDroite .blocNoir h2{
    height:20px;
}

#colDroite .blocGris h2{
    height:20px;
}

#formColDynamique{
text-align:right;
text-transform:uppercase;
overflow:hidden;
}

#colDroite div.left {
    margin:0 0 0 0;
    padding:0 0 0 0;
}

#colDroite div.left img{
    margin:10px 5px 10px 0;
    padding:0 0 0 0;
    float:left;
}

#colDroite div p{
    margin:0 0 0 0;
    padding:0 0 0 0;
}
#fiche #colDroite {
	background:none;
}

#footer {
	width:100%;
	float:left;
	margin:30px 0 0 0;
}

/* ###################### $4. Header ####################################### */

#header ul {
	text-transform:uppercase;
}

#header li {
	padding:0;
}


#header #menuSecondaire li a, #header #menuPrincipal li a {
	padding:0 10px 0 10px;
	border-right:1px solid #FFF;
}

#header #menuSecondaire li a.last, #header #menuPrincipal li a.last{
	
	border-right:0px solid #FFF;
}

#menuSecondaire {
	width:100%;
	padding-bottom:4px;
	padding-top:4px;
	background-color:#008080;
}	

#menuSecondaire ul{
	margin:0;
	padding:2px 0 0 0;
	float:none;	
}	

#menuSecondaire li, #menuPrincipal li {
	float:left;
}	

#menuSecondaire li a{
	color:#FFF;
}	

#menuSecondaire li a:hover{
	color:#000;
}	

#menuPrincipal {
	width:100%;
	background-color:#000000;
}	

#moteurRecherche {
	float:right;
	margin:0 0 0 5px;
}

#moteurRecherche label {
	display:none;
}

#moteurRecherche form {
	margin:0px;
	text-transform:uppercase;
}

#moteurRecherche #s , #moteurRecherche  #Search{
/* 	width:120px; */
}

#menuSecondaire ul.menuLangues {
	float:right;
}

#header #menuSecondaire ul.menuLangues li a{
	border:none;
	padding:0 3px;
	display:block;
}
#header #menuSecondaire ul.menuLangues li a.active{
	text-decoration:underline;
	color:#000;
}

#header #menuSecondaire ul.menuLangues li.rss a {
	width:20px;
	height:18px;
	padding:0 3px 0 7px;
	background:url(../images/pictorss.gif) no-repeat 3px 3px;
}

#impression .topMenu {
	float:right;
}	

.topMenu ul{
	margin:0;
}	

.topMenu li {
	float:left;
	background:#008080;
	margin-left:10px;
}	

.topMenu li a{
	color:#FFF;
	padding:0 5px;
}	

.topMenu img {
	margin:10px 0 0 0;
	float:right;
}	
/* ###################### $5. MENU PRINCIPAL ############################### */

#menuPrincipal {
	margin:0px;
	font-size:1em;
	background:#000;
	line-height:0.95em;
	font-weight:bold;
	text-transform:uppercase;
}

#menuPrincipal ul {
	margin:0;
	padding:0;
	float:none;
	position:relative;
	z-index:40;
	width:100%;
	overflow:visible;
	height:28px;
}

#menuPrincipal li {
	padding:9px 0px;
	margin:0;
}


#header #menuPrincipal li a{
	color:#999;
	border-right:1px solid #999;
	font-weight:bold;
}	

#header #menuPrincipal li a:hover{
	color:#FFF;
}

#menuPrincipal li.open {
	border-bottom:12px solid #008080;
}

#header #menuPrincipal li.open a{
	color:#FFF;
}

/* ###################### $6. CONTENU PRINCIPAL ############################ */

/* colonne gauche */
.logoPrint {
	display:none;
}

.intervenants_bandeau{
}
	
.blocV, .blocN {
	width:100%;
	overflow:auto;
	margin-bottom:23px;
}

.noimg {
	margin-top:12px;
	padding:20px 0 30px 0;
	width:100%;
	height:60px;
	background:#008080;
}	

.demiblocV {
	width:49.7%;
	float:left;
	margin-bottom:23px;
}
#liste2col .demiblocV {
	margin-bottom:2px;
}

.listePresse {
	background:#DDD;
	overflow:auto;
	padding-bottom:100px;
	width:100%;
}

.listePresse .txt {
	float:right; 
	width:300px;
	text-align:justify;
	background:#FFF;
	padding:0 10px;
	margin-bottom:10px;
}

.formPresse {
	float:left; 
	width:305px;
	text-align:justify;
	background:#FFF;
	padding:0 10px;
}

#liste .demiblocV , #listeProd .demiblocV, #presse .demiblocV , #recherche .demiblocV {
	width:100%;
	float:left;
	background:#DDD;
	margin-bottom:0px;
	padding-bottom:10px;
	position:relative;
}

.demiblocV.right {
    float:right;

}

#presse #colGauche .demiblocV  {
	width:315px;   
}

#presse #colGauche .demiblocV.right  {
	float:right; 
    width:315px;
    text-align:justify;
    background:#DDD;
    padding:0px 0px 10px;
}

.blocV h2, .blocN h2, .demiblocV h2{
	background:#FFF;
	float:left;
	padding:0;
	font-size:0.92em;	
	margin:0;
	line-height:1.8em;
	text-transform:uppercase;
}

.demiblocV .content {
	float:none;
}


.demiblocV .content ul.info {
	clear:left;
}

.blocV .content ul.info {
	clear:left;
}




#fiche .blocV h2, #fiche .blocN h2 {
	margin-left:-6px;
}

#impression .blocV h2, #impression .blocN h2, #impression .demiblocV h2{
	background:#008080;
	color:#FFF;
	margin-bottom:0px;
	padding:0px 5px;
}

.blocN h2 {
	padding:0 5px 0 0;
}

.blocN a {
	color:#000;
}

.demi_col{
	width:319px;
	position:relative;
	float:left;
	}
	
.demi_col.right {
float:right;
}

.demiblocV h2{
	background:#008080;
	color:#FFF;
	padding:0 5px 0 5px;
	margin-left:-3px;
}

#liste .demiblocV h2, #presse.demiblocV h2{
	margin-bottom:7px;
}

.blocV h3, .blocN h3, .demiblocV h3{
	width:100%;
	padding:0;
	font-size:1.67em;
	margin:0;
	overflow:hidden;
	line-height:1.2em;
	text-transform:uppercase;
	background:#FFF;
}

#article .blocV h3, #article .blocN h3, #article .demiblocV h3{
	padding:10px 0;
}

#presse .demiblocV h3{
	color:#000;
	margin:30px 0 0 5px;
	width:90%;
}

#presse .listePresse .demiblocV h3{
    color:#000;
    margin:0 0 0 0;
    width:90%;
}

#demicol_infos{
    margin:25px 0 0 5px;
}    
#presse .demiblocV h3 a{
	font-size:0.8em;
}

.demiblocV h3{
	font-size:1.34em;
}

h3 span.smaller {
	font-size:0.8em;
}

.demiblocV h3 span.smaller {
	font-size:0.87em;
}

#liste .demiblocV h3 span.smaller, #listeProd .demiblocV h3 span.smaller{
	font-size:0.75em;
}

.blocV h2 a, .blocN h2 a, .demiblocV h2 a{
	background:#008080;
	padding:4px 5px 3px 5px;
	color:#FFF;
}

.blocV h2 a:hover, .blocN h2 a:hover, .demiblocV h2 a{
	background:#FFF;
	color:#008080;
}

.blocV h2 a.active, .blocN h2 a.active, .demiblocV a.active {
	background:#FFF;
	padding:5px 5px 5px 0;
	color:#008080;
}

.blocV h2 > span, .blocN h2 > span{
    background:#008080;
    padding:4px 5px 3px 5px;
    
    color:#FFF;
}

.blocV h2.active > span, .blocN h2.active > span{
    background:#FFF;
    padding:5px 5px 5px 0;
    color:#008080;
}

.blocV ul, .blocN ul, .demiblocV ul{
	overflow:hidden;
	margin:0;
	background:#FFF;
	width:100%;
	font-weight:bold;
}

.blocV ul.info, .blocN ul.info, .demiblocV ul.info{
	padding-top:7px;
	/* width:100%; */
}

.blocV li, .blocN li, .demiblocV li {
	float:left;
	padding:0 5px 0 0;
	margin:0;
}

.blocV p, .blocN p, .demiblocV p {
	background:#FFF;
	padding:0px 0 5px 0;
	margin:0;
}

.blocV, .demiblocV, .blocN {
	float:left;
	position:relative;
}

.blocV img, .blocN img, .demiblocV img  {
	display:block;
	z-index:5;
}

#liste .blocV img, #liste .blocN img, #liste .demiblocV img, #presse .demiblocV img {
	float:left;
}

/*
.blocV div.content, .blocN div.content, .demiblocV div.content {*/
.content{
	bottom:25px;
	z-index:50;
	background:url(../images/bgWhite.gif) repeat-y;
	left:0;
	text-align:left;
	overflow:auto;
	width:91%;
	padding-left:1%;
	position:absolute;
}

#impression .blocN div.content , #impression .demiblocV div.content, #impression .blocV div.content {
	bottom:0;
	position:relative;
	float:left;
	padding:0;
}

#liste .demiblocV div.content, #recherche .demiblocV div.content {
	float:left;
	width:523px;
	position:relative;
	padding:0;
	min-height:115px;
	overflow:hidden;
	bottom:0;
	background:url(../images/bgListe.gif) repeat-x top;
}

#presse .demiblocV div.content{
    float:left;
    width:523px;
    position:relative;
    padding:0;
    min-height:77px;
    overflow:hidden;
    bottom:0;
    background:url(../images/bgListe.gif) repeat-x top;
}

#recherche .demiblocV div.content {
	width:100%;
	height:auto;
	padding:10px 0 10px 0;
	background:#FFF;
}

#recherche .demiblocV div.content p {
	width:100%;
	background:#FFF;
}

#presse .demiblocV div.content {
	width:236px;
	margin-bottom:6px;
	background:#FFF;
	height:77px;
}

#presse .demiblocV div.item {
    padding-bottom:10px;
}

#listeProd .demiblocV div.content {
	width:523px;
	left:117px;
	overflow:hidden;
	top:42px;
	padding:0;
	bottom:0;
	background:url(../images/bgListe.gif) repeat-x top;
}

#liste .demiblocV div.content ul, #liste .demiblocV div.content h3, #listeProd .demiblocV div.content ul, #listeProd .demiblocV div.content h3, #recherche .demiblocV div.content h3,#recherche .demiblocV div.content p  {
	padding:3px 0 0 3px;
}

#recherche .demiblocV div.content p  {
	padding:0 10px 0 3px;
	width:625px;
}

#liste .demiblocV ul.info, #liste .demiblocV ul.artiste, #listeProd .demiblocV ul.info, #listeProd .demiblocV ul.artiste {
	width:520px;
}

#colGauche ul.artiste li {
	text-transform:none;
}

#colGauche .listePresse {
	float:left;
}

.blocV div.topStick , .blocN div.topStick, .demiblocV div.topStick {
	left:0;
	top:0;
	padding:2px 5px;
	background:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	width:auto;
	font-size:0.92em;
	z-index:49;
	position:absolute;
}

#impression div.topStick {
	background:#008080;
}

.demiblocV div.topStick {
	color:#008080;
}

.blocV ul.artiste, .blocN ul.artiste {
	font-size:1.33em;
}

#article .blocV ul.artiste, #article .blocN ul.artiste, #fiche .blocV ul.artiste, #fiche .blocN ul.artiste {
	padding-bottom:10px;
}

.ressources_video{
    margin-bottom:10px;
}
.artiste a{
    color:black;
    font-weight:bold;
}

.infoPerso a{
    font-weight:bold;
}

.demiblocV ul.artiste {
	font-size:1em;
}

.onglet_vert_non_lien h2{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#008080 none repeat scroll 0 0;
	color:#FFFFFF;
	padding:4px 5px 3px;
}
#liste .demiblocV ul.artiste {
	padding-bottom:0;
}

.demiblocV ul.artiste li{
	padding:0;
	width:100%;
}

.blocV ul.nav, .blocN ul.nav, .demiblocV ul.nav {
	text-transform:uppercase;
	width:auto;
	float:left;
	font-size:0.92em;
}

#liste .blocV ul.nav, #liste .blocN ul.nav, #liste .demiblocV ul.nav {
	position:relative;
	float:left;
}

#logo {
	width:192px;
	height:99px;
	display:block;
	margin:11px 0 15px 20px;
	background:url(../images/logo.gif) no-repeat;
}

h4.plan {
	float:left;
	background:#E6E6E6;
	color:#000;
	font-size:1em;
	margin:50px 400px 20px 0;
}

#colGauche .blocVert , #colGauche .blocNoir, #colGauche .blocGris {
	width:198px;
	float:left;
	overflow:auto;
	background:url(../images/titrePlanN.gif) no-repeat;
	font-size:0.92em;
	padding:3px 0 0 0;
	line-height:1.2em;
	text-align:left;
	margin:0 0 0 23px;
}

.blocFonce {
	width:218px;
	display:block;
	text-align:right;
	overflow:hidden;
	background:url(../images/bgblocFonce.gif) no-repeat;
	padding:3px 10px 0 0;
	line-height:1.2em;
	margin:20px 0 0 0;
}

.blocNoir ul {
	overflow:hidden;
}
	
.blocFonce span {
	color:#7B8165;
	font-weight:bold;
}

#plan #colGauche .blocVert , #plan #colGauche .blocNoir, #plan #colGauche .blocGris {
	font-size:1em;
}

#recherche #colGauche .blocNoir {
	width:630px;
	float:left;
	font-size:1em;
	margin:10px 0 0 0;
	padding-right:10px;
	background:url(../images/bgblocNoirW.gif) no-repeat;
    text-transform:none;
    overflow:hidden;
}

#recherche #colGauche .blocNoir strong{
	margin-top:10px;
	display:block;
}

#colGauche .blocVert  {
	background:url(../images/titrePlanT.gif) no-repeat;
}

#colGauche .blocGris  {
	background:url(../images/titrePlanG.gif) no-repeat;
}

#colGauche .blocVert h2, #colGauche .blocNoir h2, #colGauche .blocGris h2 {
	color:#FFF;
	text-align:right;
	padding-right:10px;
}

#recherche #colGauche .blocNoir h2{
	text-align:left;
	font-size:0.92em;
	margin-bottom:4px;
}
#colGauche .blocNoir {
	margin:0;
}

#colGauche .blocGris a {
	color:#666; 
}

#colGauche .blocVert ul, #colGauche .blocNoir ul, #colGauche .blocGris ul{
	margin:0px 0px 10px 0;
}

#colGauche .blocVert ul ul, #colGauche .blocNoir ul ul, #colGauche .blocGris ul ul {
	margin:0px 0px 10px 20px;
}

#colGauche .blocVert ul li a, #colGauche .blocNoir ul li a, #colGauche .blocGris  ul li a, #colGauche li {
	font-weight:bold;
	text-transform:uppercase;
	color:#010101;
}
#colGauche #footer ul li a {
	text-transform:lowercase;
	font-weight:normal;
}
#colGauche .info li {
	text-transform:none;
}

#colGauche .blocVert ul ul li a, #colGauche .blocNoir ul ul li a, #colGauche .blocGris  ul ul li a {
	font-weight:normal;
}

#colGauche .blocVert ul li, #colGauche .blocNoir ul li, #colGauche .blocGris  ul li  {
	padding:5px 0 5px 15px;
}

#colGauche .blocVert ul ul li, #colGauche .blocNoir ul ul li, #colGauche .blocGris  ul ul li  {
	padding:0px 0 0px 15px;
}

.blocVert , .blocNoir, .blocGris, .blocAgenda {
	width:260px;
	display:block;
	overflow:auto;
	background:url(../images/bgblocVert.gif) no-repeat;
	font-size:0.92em;
	padding:3px 0 0 0;
	line-height:1.2em;
}

.blocVert img, .blocNoir img, .blocGris img{
	float:left;
}

.blocVert img.left, .blocNoir img.left, .blocGris img.left{
	margin:10px 5px 10px 0;
}

.blocVert form {
	margin:10px 0;
}

.blocVert input {
	width:65%;
}

.blocVert input.submit {
	width:30%;
	border-bottom:1px solid #E6E6E6;
}

.blocNoir {
	background:url(../images/bgblocNoir.gif) no-repeat;
	text-align:right;
	text-transform:uppercase;
}

.blocGris {
	background:url(../images/bgblocBlanc.gif) no-repeat;
}

.blocAgenda {
	padding:8px 30px 0px 0px;
	margin:0 0 0 -31px;
	background:#008080 url(../images/bgblocAgenda.gif) no-repeat 0px 8px;
}

.blocVert h2, .blocNoir h2, .blocGris h2, .blocAgenda h2, .blocFonce h2 {
	margin:0;
	font-size:1em;
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
}

.blocFonce h2 {
	margin-bottom:7px;
}

.blocAgenda h2 {
	color:#008080;
	margin-top:3px;
}

.blocGris h2,.blocGris a,.blocNoir a {
	color:#000;
}

.blocGris div {
	padding:5px 15px 5px 5px ;
	margin:10px 0;
}

.pied, .piedN, .piedG, .piedAgenda {
	height:11px;
	width:260px;
	display:block;
	margin-bottom:18px;
	background:url(../images/bgblocVertpied.gif) no-repeat;
}

.piedF {
	height:13px;
	width:228px;
	display:block;
	margin-bottom:18px;
	background:url(../images/bgblocFoncepied.gif) no-repeat;
}

#recherche #colGauche .piedN {
	height:12px;
	width:640px;
	float:left;
	display:block;
	background:url(../images/bgblocNoirpiedW.gif) no-repeat;
	margin-bottom:8px;
}

.piedN {
	background:url(../images/bgblocNoirpied.gif) no-repeat;
}

.piedAgenda {
	padding:0 0px 8px 30px;
	margin:0 0 18px -31px;
	background:#008080 url(../images/bgblocAgendapied.gif) no-repeat 19px 0;
}

.piedG {
	background:url(../images/bgblocBlancpied.gif) no-repeat;
}

.miniblocVert {
	float:left;
	margin-bottom:18px;

}

.agendaBilleterie {
    height:45px;
    margin-bottom:18px;
    width:260px;
}

.miniblocVert.right {
	float:right;
}

.miniblocVert h2 {
	margin:13px 10px 10px 0;
	padding:0 0 0 5px;
	font-size:1.09em;
	color:#FFF;
}

.miniblocVert a {
	color:#003333;
	display:block;
	text-transform:uppercase;
}

.miniblocVert .borderLeft {
	float:left;
	height:45px;
	background:url(../images/bgpetitVert.gif) no-repeat;
}

.miniblocVert .borderRight {
	float:left;
	height:45px;
	width:6px;
	background:url(../images/bgpetitVertRight.gif) no-repeat;
}

/* style AGENDA */

.listeAgenda {
	width:100%;
	float:left;
	padding-top:10px;
}

.blocAgenda ul {
	margin:10px 0;
}

.blocAgenda li {
	padding:0;
	overflow:auto;
	line-height:20px;
}

.blocAgenda ul ul {
	display:none;
	margin:0;
}

.blocAgenda ul li.open ul, .blocAgenda ul li a:hover ul  {
	display: block;
}

.blocAgenda li.open a  {
	background:#000 url(../images/pucen.gif) no-repeat 32px 8px;
	text-decoration:none;
}

.blocAgenda a {
	color:#FFF;
	line-height:20px;
	width:215px;
	text-transform:uppercase;
	display:block;
	font-weight:bold;
	padding:0px 5px 0px 40px;
	background:url(../images/pucen.gif) no-repeat 32px 8px;
}

.blocAgenda a:hover{
	background:#000 url(../images/pucen.gif) no-repeat 32px 8px;
	text-decoration:none;
}

.blocAgenda ul ul li {
	padding:0 0 0 30px;
}

.blocAgenda ul ul li a, .blocAgenda li.open li a {
	font-weight:normal;
	width:185px;
	background:url(../images/pucen.gif) no-repeat 32px 8px;
}

.blocAgenda ul ul li a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:black;
}
#agenda .mois li a {
	color:#7B8165;
	font-weight:normal;
}

#agenda .mois li a:hover, #agenda .mois li a.active {
	color:#008080;
}

#agenda .mois li a.active {
	font-weight:bold;
}



/* FIN style AGENDA */

#celestinsCoord {
	text-align:right;
	color:#666666;
	   margin-top:20px;
}	

#celestinsCoord a {
	font-weight:bold;
	color:#666666;
}	

#celestinsCoord h3{
	font-size:0.9em;
	text-transform:uppercase;
}

#celestinsCoord .logo2{
	margin-left:20px;
}

#liensPartenaires {
	text-align:right;
	color:#666666;
	margin-top:5px;
}	

#liensPartenaires a {
	font-weight:bold;
	color:#666666;
}	

#liensPartenaires .logo2{
	margin-left:10px;
}

.titre_page{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DDD none repeat scroll 0 0;
color:#000;
font-size:1em;
line-height:1.5em;
padding:0 5px;
text-transform:uppercase;
float:left;
margin-bottom:20px;
margin-top:50px;
	}


#menuPartage {
	float:left;
	width:130px;
	font-size:0.92em;
	padding:0 30px 0 0;
	background-color:white;
}

#menuPartage.article {
    float:right;
    width:130px;
    font-size:0.92em;
    padding: 0 0 0 30px;
}
#menuPartage ul {
	margin:0;
	overflow:hidden;
	float:left;
	width:100%;
	margin-bottom:10px;
}

#menuPartage ul li {
	overflow:hidden;
	float:left;
	padding:0 2% 0 0;
}

#menuPartage ul.pratique li {
	width:98%;
	font-weight:normal;
	text-transform:uppercase;
}

#menuPartage ul.pratique li a {
	display:block;
	color:#7B8165;
	padding:0 0 0 25px;
}

#menuPartage ul.pratique li a.print {
	background:url(../images/printArticle.gif) no-repeat;
}

#menuPartage ul.pratique li a.ami {
	background:url(../images/envoiArticle.gif) no-repeat;
}

#menuPartage ul.communaute li a {
	display:block;
	width:17px;
	height:17px;
}

#menuPartage ul.communaute li a.bt1 {
	background:url(../images/btCom1.gif) no-repeat;	
}
#menuPartage ul.communaute li a.bt2 {
	background:url(../images/btCom2.gif) no-repeat;	
}
#menuPartage ul.communaute li a.bt3 {
	background:url(../images/btCom3.gif) no-repeat;	
}
#menuPartage ul.communaute li a.bt4 {
	background:url(../images/btCom4.gif) no-repeat;	
}
#menuPartage ul.communaute li a.bt5 {
	background:url(../images/btCom5.gif) no-repeat;	
}

.infoPerso{
	text-align:left;
	overflow:visible;
	color:#008080;
	
}

p.infoPerso, .infoPerso p{
    overflow:visible;
    margin:0 0 0 0;
}

span.infoPerso{
    overflow:visible;
    padding:0 0 10px 0;
    display:block;
}

.infoPartenariat{
	overflow:visible;
    color:#7B8165;
}

p.infoPartenariat, .infoPartenariat p{
    overflow:visible;
    margin:0 0 0 0;
}

span.infoPartenariat{
    overflow:visible;
    padding:0 0 10px 0;
    display:block;
}

.contenu_texte .infoPartenariat span p{
    color:#7B8165;
}

.bouton_ident{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    BORDER-LEFT: medium none;
    CURSOR: pointer;
    COLOR: #008080;
    BORDER-BOTTOM: medium none;
    text-align:left;
    width:100%;
}
/* ----------------- */
/* CONTENU SPECTACLE */

#fiche #blocGauche, #impression #blocGauche{
	float:left;
	text-align:right;
	font-size:0.92em;
	width:230px;
}

#impression #blocGauche{
	width:160px;
}

.savoirPlus {
	font-weight:bold;
	color:#0B0A0A;
	max-width:230px;
}

.savoirPlus p{
    margin:0px;
    font-weight:normal;
}



.lien_type_oeuvre{
	margin-bottom:19px;
}
.savoirPlus .info{
	text-transform:uppercase;
	color:#008080;
	
}

#fiche #blocDroite, #impression #blocDroite {
	padding:0 10px 0 0px;
	float:right;
	width:365px;
	text-align:justify;
}

#impression #blocDroite {
	width:445px;
}

.vignette {
	margin:10px 0px 10px 0;
}
.vignette li {
	background:transparent none repeat scroll 0 0;
	float:left;
	margin:0;
	padding:2px 5px 4px 5px;
}

.vignette  img {
	border:medium none;
	margin-top:-4px;
	z-index:5;
}
.vignette li img {
	margin:0;
	padding:0;
}

#fiche #blocRessource {
	width:210px;
	text-align:right;
	margin:0 0 20px 0;
	padding:10px;
	background:#000 url(../images/bgBlocRessource.gif) no-repeat bottom;

}

.comment_youtube{
	color:#fff;
	}

#coldynamique div.left > img{
	padding-right:5px;
	}
	
#blocGauche h4.vert{
	padding:5px;
	margin-bottom:10px;
	font-size:1em;
	background:url(../images/bgTitre1.gif) no-repeat left;
	width:220px;
}

#blocGauche h4.vert a{
    color:#fff;
}

#blocGauche h4.gris{
	padding:5px;
	margin-bottom:10px;
	font-size:1em;
	width:220px;
	background:#7B8165 url(../images/bgTitre2.gif) no-repeat scroll center bottom;
}

#blocGauche h4.gris ul li a{
    color:#fff;
    font-weight:normal;
}

#blocGauche h4.gris ul{
    margin:0 0 0 0;
}

.pagenavigator{
bottom:22px;
position:absolute;
font-weight:bold;
}
#blocGauche h4.gris a{
    color:#fff;
}
#fiche #blocRessource h4 {
	width:100%;
	padding:0;
	color:#008080;
	background:none;
	font-size:1em;
}

/* FIN CONTENU SPECTACLE */

.mois, .pagination {
	float:left;
	width:100%;
	margin:10px 0;
	padding:0;
	font-size:0.92em;
}

#agenda .mois {
	font-size:1em;
	float:left;
	width:90%;
	margin:0;
}

.mois_lvl2{
	margin-top:0px;
	margin-bottom:10px;
}

.pagination {
	float:right;
	width:99%;
	padding-right:1%;
}

.mois li, .pagination li  {
	float:left;
	text-transform:uppercase;
	padding:0;
}

.pagination li  {
	float:right;
}

.mois li a, .pagination li a {
	border-left:1px solid;
	padding:0 3px;
}
.mois li a {
	font-weight:normal;	
}

.mois li a.noBorder {
	border:none;
}	

.pagination li a {
	color:#7B8165;
}

.mois li  a:hover, .mois li  a.active {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

.pagination li  a:hover, .pagination li  a.active {
	text-decoration:none;
	color:#008080;
	font-weight:bold;
}

.mois li.nav a, .pagination li.nav a{
	border:none;
}

.presse, .telechargement{
	margin-left:0px;
	margin-right:0px;
	padding:0;
}

#colGauche .presse li {
	font-weight:normal;
	text-transform:none;
}

#colGauche .telechargement li {
	font-weight:normal;
	text-transform:none;
}

#colGauche .presse li a, #colGauche .telechargement li a {
	text-decoration:none;
	color:#FFF;
}
#colGauche .presse li a:hover , #colGauche .telechargement li a:hover{
	text-decoration:underline;
}

#colDroite .vignette li {
	background:none;
	float:left;
	padding:2px 2px 4px 2px;
	margin:0px;
}

#colDroite .vignette li img {
	padding:0px;
	margin:0px;
}

#colDroite .vignette {
	margin-left:0px;
	margin-right:0px;
	padding:0px;
}
#page_navigator_demi_col {
bottom:-35px;
position:absolute;
width:100%;
}
/* ###################### $7. FOOTER ############################ */

#container #footer ul {
	float:left;
	padding:2px 5px;
	margin:0;
	font-size:0.92em;
}



#colGauche #footer li {
	display:inline;
	padding: 0;
	color:#939393;
}

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

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

/* ###################### $8. HACK IE7 ############################ */


*+html #colDroite {
	padding:12px 29px 20px 31px;
}

*+html  #contact input.submit {
	width:12em;
}

*+html  .checkbox {
	border:none;
	background:none;
}

*+html #colDroite .short {	
	margin:0px 0 0 5px;
}

/* ###################### Page de login ############################ */
.warning{
	color:red;
    text-align:center;
    padding-bottom: 20px; 
    padding-top: 20px;
         }
         
.warning ul{
    width: 100%;
    clear:both;
    float: none;
         }
         
/* ###################### Custom tags ############################ */
.couleur_rouge{
	color:#ff0020;
}

.couleur_orange{
	color:#ff6000;
}

#colGauche div.contenu_texte h3.titre2_secondaire, h3.titre2_secondaire{
	margin-top:-10px;
	margin-bottom:-10px;
}

.texte_secondaire{
	font-size: 10px;
}

.image_gauche{
float:left;
padding-right:10px;
}

.image_droite{
float:right;
padding-left:10px;
}