/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 *
 * Contributor(s):
 *  Maurice Svay
 */

/* Ce fichier définit le style visuel pour les différents éléments du blog.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - les éléments HTML en général
 * - la page
 * - l'entête
 * - le prélude
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est défini dans le fichier layout.css
 * Pour mettre la barre de navigation à gauche, décommentez l'appel à 
 * layout-gauche.css
 */

@import "layout.css";
/* @import "layout-gauche.css"; */
 
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	font-size: 80%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image:url(img/backplus.gif);
	background-repeat:repeat;
}


h1{font-size: 1.5em;font-family: "Trebuchet MS", sans-serif;}
h2{font-size: 1.4em;font-family: "Trebuchet MS", sans-serif;}
h3{font-size: 1.3em;font-family: "Trebuchet MS", sans-serif;}
h4{font-size: 1.2em;font-family: "Trebuchet MS", sans-serif;}
h5{font-size: 1.1em;font-family: "Trebuchet MS", sans-serif;}
h6{font-size: 1em;font-family: "Trebuchet MS", sans-serif;}

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
}

textarea{
	width: 80%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
ul{
	margin : 5px 0px;
}
li{
	list-style-type:none;
	background-image: url(img/puce_li.gif);
	background-repeat:no-repeat;
	background-position:3px 7px;
	padding-left:15px;
	padding-bottom : 3px;
}
a , a:link, a:visited{
/*color:#ff3399;*/
color:#000;
text-decoration : underline;
}
a:hover, a:active {
color:#ff3399;
text-decoration : underline;
}
a img {
border : none;
}
/*  -- -- -- -- -- -- -- -- Pour Mozilla problème de div parent résolu -- -- -- -- -- -- -- --   */

.clearfix:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
}
       
.clearfix {
display: inline-block;
}

/* Hides from IE-mac */
 html .clearfix {
 height: 1%;
 }
.clearfix {
display: block;
}
/* End hide from IE-mac */



.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

/* La page
-------------------------------------------------------- */
#page{
	color: inherit;
	background-color: #fff;
	width:784px;
}
 
/* L'entête
-------------------------------------------------------- */
#top{
	height: 219px;
	background-image: url(img/bandeau.png);
	background-repeat: no-repeat;
	background-position: left top;
	/*margin-top:-20px;*/
	position:relative;
}

#top a{position: absolute; top : 93px; left:25px; width:80px; height:100px;}

#top h1{
	height: 80px;
	line-height: 80px;
	margin: 0 0 0 40px;
	padding-top: 20px;
}

#top h1 a{
	text-decoration: none;
	color: #FFFFFF;
}

/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	display : none;
	background: transparent;
	color: #DFDFDF;
	text-align: center;
}

#prelude a{
	color: #DFDFDF;
	background: transparent;
}

#prelude a:hover{
	color: #666;
	background: transparent;
}

/* Le contenu
-------------------------------------------------------- */
#content {
	font-size:0.85em;
	border:none!important;
}
#content p{
	line-height: 1.4em;
	}
div.texte {
	line-height: 1.4em;
}

#content li{
	line-height: 1.4em;
}
#content h2{
	font-size:20px;
}
#content table{
	/*border:none!important;*/
} 0px 10px;
}

/*.post-title{
	color: #F90;
	background: transparent;
	margin-bottom: 0;
}

.post-title a{
	color: #F90;
	background: transparent;
	text-decoration: none;
}*/
 


/* La barre de navigation horizontale
-------------------------------------------------------- */






/* La barre de navigation droite
-------------------------------------------------------- */


#sidebar div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h2, #sidebar h3{
	color: #9ED200;
	margin: 0 0 1ex 0;
}

#sidebar h3{
	font-size: 1em;
	margin: 0;
}

#sidebar div#search{
	background: transparent;
	color: inherit;
	line-height: 2.3em;
}

#search fieldset, #search p{
	margin: 0;
	padding: 0;
}

#q{
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 4px center;
}



/* Le pied de page
-------------------------------------------------------- */
#footer{
	margin: 0;
	background-image:url(img/pp.gif);
	background-repeat:repeat-x;
	padding-bottom:20px;
}

#footer a{
	color: #ccc;
	margin-top:-5px;
}

/*  DROITE
--------------------------------------------------------- */
#droite{
	/*float: right;*/
	width: 228px;
	padding-bottom: 4em;
}

.ctrlb{
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}



/*  RAJOUTS A VERIFIER AVEC ELODIE !!
---------------------------------------------------------------------
---------------------------------------------------------------------*/
#categories {
	margin-top:-4px;
	margin-left:35px;

}
.cat{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	list-style-type: none;
	text-decoration:none;
}

.cat a, .cat a:link, .cat a:visited  {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	list-style-type: none;
	text-decoration:none;
}

.cat a:hover, .cat a:active{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	list-style-type: none;
	text-decoration:none;
	border-bottom : solid 3px #FFF;
}

.menuNiveau1 a, .menuNiveau1 a:link, .menuNiveau1 a:visited  {
	margin-right : 25px;
	padding-top : 2px;
}
.menuNiveau1 a:hover, .menuNiveau1 a:active{
	margin-right : 25px;
	padding-top : 2px;
}
/************************** Menu page d'accueil ************************************/
dt, dl, dd {
list-style-type: none;
margin:0;
padding:0;
}
#menu dl {
float: left;
}
#menu ul {
margin : 0px;
padding : 0px;
text-align : left;
}
#menu li {
display: inline;
padding-bottom : 0px;
background-image : none;
list-style-type: none;
margin:0;
padding:0;
}

#menu a {
text-decoration: none;
/*background: transparent;*/
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9, #smenu10, #smenu11, #smenu12, #smenu13, #smenu14, #smenu15 {
position: absolute;
left: 0;
font-size: 0.7em;
width: 764px;
height :21px;
padding : 5px 0px 0px 20px;
margin-top : 3px;
}

#smenu11{ /* Ressources */
background:#aa1721;
background-color:#aa1721;
}

#smenu13{ /* Sur le fil */
background:#CE9E0C;
background-color:#CE9E0C;
}

#smenu14{ /* Votre profil */
background:#e204f6;
background-color:#e204f6;
}

#smenu15{ /* Agenda */
background:#10889a;
background-color:#10889a;
}
dt.menuNiveau1Accueil  {
	margin-right : 25px;
	padding-top : 2px;
}
dt.menuNiveau1Accueil  a, dt.menuNiveau1Accueil a:link, dt.menuNiveau1Accueil a:visited {
	text-decoration:none;
}
dt.menuNiveau1Accueil a:hover, dt.menuNiveau1Accueil a:active{
	text-decoration:none;
	border-bottom : solid 3px #FFF;
} 

.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {
text-decoration: none;
color: #222;
}

/*-------------------------------moteur------------------------------------------*/

#bloc {
	width:495px;
	padding:10px;
	background-image:url(http://www.bm-lyon.fr/artsvivants/squelettes/themes/img/home_backbillet.gif);
	background-repeat:repeat-y;
	margin-top:-5px;
}
#blocdroit {
	/*width:295px;
	padding:0 5px 20px 10px;
	float:right;*/
}

.date{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	margin-top:0px;
}

.date a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	margin-top:0px;
}

.date a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	margin-top:0px;
}
.date a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	margin-top:0px;
}


.titremoteur a{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #cc7034;
	padding-right:10px;
	line-height:25px;
}

.titremoteur a:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #cc7034;
	padding-right:10px;
	line-height:25px;
}
.titremoteur a:visited{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #cc7034;
	padding-right:10px;
	line-height:25px;
}
.moteur{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.moteur a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc7034;
 	text-decoration: none;
}
.moteur a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc7034;
 	text-decoration: underline;
}

/*-------------------------------revue------------------------------------------*/
.titrerevue{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #31bfd2;
	padding-right:10px;
	line-height:25px;
}

.titrerevue a{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #31bfd2;
	padding-right:10px;
	line-height:25px;
}
.titrerevue a:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #31bfd2;
	padding-right:10px;
	line-height:25px;
}
.titrerevuea:visited{
	font-family: Times New Roman, Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #31bfd2;
	padding-right:10px;
	line-height:25px;
}
.revue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.revue a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #31bfd2;
 	text-decoration: none;
}
.revue a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #31bfd2;
 	text-decoration: underline;
}
/*-------------------------------coeur------------------------------------------*/
.titrecoeur{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #b100cb;
	padding-right:10px;
	line-height:25px;
}
.titrecoeur a{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #b100cb;
	padding-right:10px;
	line-height:25px;
}
.titrecoeur a:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #b100cb;
	padding-right:10px;
	line-height:25px;
}
.titrecoeur a:visited{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #b100cb;
	padding-right:10px;
	line-height:25px;
}
.coeur{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.coeur a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b100cb;
 	text-decoration: none;
}
.coeur a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b100cb;
 	text-decoration: underline;
}
/*-------------------------------humeur------------------------------------------*/
.titrehumeur{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #ff3399;
	padding-right:10px;
	line-height:25px;
}
.titrehumeur a{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #ff3399;
	padding-right:10px;
	line-height:25px;
}
.titrehumeur a:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #ff3399;
	padding-right:10px;
	line-height:25px;
}
.titrehumeur a:visited{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #ff3399;
	padding-right:10px;
	line-height:25px;
}
div.humeur{
	padding-bottom : 0px;
}
.humeur a{
	color: #ff3399;
 	text-decoration: none;
}
.humeur a:hover{
	color: #ff3399;
 	text-decoration: underline;
}

div.imagesLogoArticleAccueil{
	float : left;
	padding : 7px 8px 10px 0px;
}
div.imagesLogoArticleBlog{
	float : left;
	padding : 3px 3px 0px 0px;
}
/*-------------------------------pda gds------------------------------------------*/

.accueilnav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.accueilnav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc00cc;
}

.accueilnav a:visited,{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc00cc;
}

.pda{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 15px;
	margin-left:15px; 
	margin-right:10px;
}
.pda a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc00cc;
}

.pda a:visited,{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc00cc;
}

.pda a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc00cc;
	text-decoration:underline;
}


.gds{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin-left:15px; 
	margin-right:10px;
}
.gds a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc9900;
}
.gds a:visited,{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc9900;
}

.gds a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc9900;
	text-decoration:underline;
}

h2.titreArticle {
	font-family : "times, Arial, Helvetica, sans-serif";
	font-size : 20px;
	color:#ff3399;
	display:block;
	border-bottom: solid 2px #000;
	background : url(img/puce_titre_article.gif) no-repeat 0px 3px;
	padding : 0px 0px 0px 20px;
	margin : 15px 0px 10px 0px;
	
}
h2.titreArticle a,h2.titreArticle a:link,h2.titreArticle a:visited{
	font-family : "times, Arial, Helvetica, sans-serif";
	font-size : 20px;
	color:#ff3399;
	letter-spacing : 1px;
	text-decoration : none;
}
h2.titreArticle a:hover,h2.titreArticle a:active{
	color:#551A8B;
	font-family : "times, Arial, Helvetica, sans-serif";
	font-size : 20px;
	letter-spacing : 1px;
	text-decoration : none;
}
p.dateArticle{
	text-align : right;
	color:#666666;
	font-size : 0.8em;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
}
p.dateArticle a, p.dateArticle a:link,p.dateArticle a:visited{
	color:#666666;
}
span.txtNoir{
	color : #000;
}
span.txtGris{
	color : #666666;
}
/*-------------------------------------------------------- Rubrique 11 --------------------------------------------------------*/

#ssrub11 {
	background-image: url(http://www.bm-lyon.fr/artsvivants/squelettes/themes/img/backr11.gif);
	background-repeat: repeat-x;
	width:779px;
	margin-top:-52px;
	margin-left:-30px;
	height:50px;
	position:absolute;
	padding-top:3px;
	padding-left:5px;
}
a.lienCatalogue{
	background : url(../images/catalogue.gif) no-repeat 0px 2px;
	padding : 5px 0px 5px 35px;
	text-transform : uppercase;
}
a.lienCataloguePlus{
	background : url(../images/catalogueplus.gif) no-repeat 0px 3px;
	padding : 5px 0px 5px 35px;
	text-transform : uppercase;
}
#ssrub13 {
	background-image: url(http://www.bm-lyon.fr/artsvivants/squelettes/themes/img/backr12.gif);
	background-repeat: repeat-x;
	width:764px;
	margin-top:-52px;
	margin-left:-30px;
	height:50px;
	position:absolute;
	padding-top:3px;
	padding-left:20px;
}

#ssrub14 {
	background-image: url(http://www.bm-lyon.fr/artsvivants/squelettes/themes/img/backr13.gif);
	background-repeat: repeat-x;
	width:764px;
	margin-top:-52px;
	margin-left:-30px;
	height:50px;
	position:absolute;
	padding-top:3px;
	padding-left:20px;
}

#ssrub15 {
	background-image: url(http://www.bm-lyon.fr/artsvivants/squelettes/themes/img/backr14.gif);
	background-repeat: repeat-x;
	width:764px;
	margin-top:-52px;
	margin-left:-30px;
	height:50px;
	position:absolute;
	padding-top:3px;
	padding-left:20px;
}

#ssrub16 {
	background-image: url(http://www.bm-lyon.fr/artsvivants/squelettes/themes/img/backr15.gif);
	background-repeat: repeat-x;
	width:764px;
	margin-top:-49px;
	margin-left:-30px;
	height:50px;
	position:absolute;
	padding-top:3px;
	padding-left:20px;
}
.sousrub11 {
	color: #000;	
}
.sousrub11 a, .sousrub11 a:link, .sousrub11 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;	
	text-decoration:none;
	border : 0px;
}
.sousrub11 a:hover, .sousrub11 a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:underline;
	border : 0px;
}
.post11{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}
.post11 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aa1721;	
	text-decoration:none;
}
.post11 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aa1721;	
	text-decoration:underline;
}

.sousrub13 a, .sousrub13 a:link, .sousrub13 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
.sousrub13 a:hover, .sousrub13 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:underline;

}

.sousrub14 a, .sousrub14 a:link, .sousrub14 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;	
	text-decoration:none;
}
.sousrub14 a:hover, .sousrub14 a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:underline;
}
h1.titre14{
	display : block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;	
	background-color:#7e0589;
	width:500px;
	padding:0px 0px 0px 5px;
	margin : 15px 0px 5px 0px;
}
h1.titre11{
	display : block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;	
	background-color:#aa1721;
	width:500px;
	padding:0px 0px 0px 5px;
	margin : 15px 0px 5px 0px;
}
h1.titre15{
	display : block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;	
	background-color:#10889A;
	width:500px;
	padding:0px 0px 0px 5px;
	margin : 15px 0px 5px 0px;
}
h1.titre13{
	display : block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;	
	background-color:#ce9e0c;
	width:500px;
	padding:0px 0px 0px 5px;
	margin : 15px 0px 5px 0px;
}
h1.titreGris{
	display : block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;	
	background-color:#6C6C6C;
	width:500px;
	padding:0px 0px 0px 5px;
	margin : 15px 0px 5px 0px;
}
.sousrub15 a, .sousrub15 a:link, .sousrub15 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;	
	text-decoration:none;
}
.sousrub15 a:hover, .sousrub15 a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:underline;
}
.sousrub16 a, .sousrub16 a:link, .sousrub16 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;	
	text-decoration:none;
}
.sousrub16 a:hover, .sousrub16 a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:underline;
}







/* reponse au forum */
p.forum-repondre {
display:block;
float:right;
padding : 18px 10px 30px 30px;
background:#FFF url(../images/bt-reagir.gif) no-repeat 0px 0px;
width : 56px;
margin:0 10px;
}
h3.forum-decompte {
clear:both;
}
p.forum-repondre a, p.forum-repondre a:link, p.forum-repondre a:visited {
color : #AC0000;
text-decoration : none;
font-weight : bold;
}
p.forum-repondre a:hover, p.forum-repondre a:active {
text-decoration : underline;
}
/* chemin de fer */
div.chemin a, div.chemin a:link,div.chemin a:visited {
color: #000;
text-decoration : none;
}
div.chemin a:hover,div.chemin a:active {
text-decoration : underline;
}

p.lienInterne a, p.lienInterne a:link, p.lienInterne a:visited {
background:#000 url(img/puce-fleche-lien-noir.gif) no-repeat 3px 4px;
color : #fff;
padding : 3px 17px;
text-decoration : none;
font-weight : bold;
}
/*suggestion achat */
div.suggestionAchat {
	border-left : solid 4px #000;
	padding : 0px 20px;
	margin : 0px 0px 40px 0px;
}
div.suggestionAchat  p.titreAuteur {
	color:#FF3399;
	text-transform:uppercase;
	padding : 0px;
	margin: 0px;
}
div.suggestionAchat  p.texteSuggestion {
	padding : 0px;
	margin : 0px;
}
/* agenda */
table.tableActuellementBiblio  td{
padding : 15px 15px 0px 0px;
vertical-align : top;
text-align:left;
}
#content p.ActuellementBiblio {
	line-height : normal;
	padding : 0px;
	margin : 0px;
}
p.ActuellementBiblio a{
	color: #000000;
	text-decoration: none;
}

p.ActuellementBiblio  a:hover{
	color: #000000;
	text-decoration: underline;
}
/* rss */
rss {
	color : #000;
}
rss.img {
	vertical-align : middle;
	}
	
	/***************************************HOME****************************************************/
#containerContenu {
margin : 20px 0px 0px 0px;
}
#containerContenu h2{
font-family : Trebuchet MS;
font-size : 13px;
font-weight : bold;
margin : 0px;
padding : 0px;
letter-spacing : 1px;
}
#containerContenu p{
margin : 0px;
padding : 0px;
}
div.billetsHumeur{
background : url(../images/fleche-billetshumeur.gif) no-repeat top left;
padding-left : 42px;
padding-bottom : 30px;
}
div.revuePresse{
background : url(../images/fleche-revue-presse.gif) no-repeat top left;
padding-left : 42px;
padding-bottom : 30px;
padding-top : 10px;
}
div.saisonCulturelle{
background : url(../images/fleche-saison-culturelle.gif) no-repeat top left;
padding-left : 42px;
padding-bottom : 30px;
padding-top : 10px;
}
div.billetsHumeur h1 {
	color:#FF3399;
	padding : 0px 0px 0px 25px;
	font-family : Times;
	font-size : 25px;
	font-weight : bold;
	margin : 0px;
}
div.revuePresse h1 {
	color:#3BBACD;
	padding : 0px 0px 0px 30px;
	font-family : Times;
	font-size : 25px;
	font-weight : bold;
	margin : 0px;
}
div.saisonCulturelle h1 {
	color:#CC6633;
	padding : 0px 0px 0px 38px;
	font-family : Times;
	font-size : 25px;
	font-weight : bold;
	margin : 0px;
}
div.revuePresse a,div.revuePresse a:link,div.revuePresse a:visited{
	color:#3BBACD!important;
	text-decoration : none!important;
}
div.revuePresse a:hover, div.revuePresse a:active{
	color:#3BBACD!important;
	text-decoration : underline!important;
}
div.saisonCulturelle a,div.saisonCulturelle a:link,div.saisonCulturelle a:visited{
	color:#CC6633!important;
	text-decoration : none!important;
}
div.saisonCulturelle a:hover, div.saisonCulturelle a:active{
	color:#CC6633!important;
	text-decoration : underline!important;
}
div.billetsHumeur a,div.billetsHumeur a:link,div.billetsHumeur a:visited{
	color:#FF3399!important;
	text-decoration : none!important;
}
div.billetsHumeur a:hover, div.billetsHumeur a:active{
	color:#FF3399!important;
	text-decoration : underline!important;
}
div.liste-articles {
	padding-left : 42px;
	font-size:0.8em;
}
div.liste-articles ul{
padding-left : 0px;
}
div.liste-articles  li{
	padding-left : 15px;
	padding-top : 0px;
	padding-bottom:3px;
	margin :0;
	background-position:3px 6px;
}
/****************************************** ANNONCE *************************************************/
table.tableAnnonce {
	border : 3px solid #949494;
	margin : 10px 0px;
	width : 100%;
}

table.tableAnnonce td.colonneGauche {
	padding : 5px;
}
table.tableAnnonce td.colonneDroite {

	padding : 0px 0px 5px 5px;
	background-color:#C9D6D8;
	width : 145px;
}
table.tableAnnonce p{
	margin : 5px 0px;
}
#content h2.titreAnnonce {
	padding : 0px;
	margin : 0px;
	font-size : 14px;
	color : #FF3399;
}
#content h2.titreAnnonce a{
	text-decoration : none;
}
#content h2.titreAnnonce a:hover{
	text-decoration : underline;
}
/****************************************** ANNONCE *************************************************/
div.moteurRecherche  form{
	background :#FFF url(../images/colonne-droite/fd-bloc-droite.jpg) repeat-y top left;
	border-left : solid 4px #000;
	padding : 5px 15px 3px 15px;
	margin : 0;
}
div.moteurRecherche {
	padding-top : 14px;
	margin-top : 3px;
}
div.moteurRecherche input.champ{
	font-size: 11px;
	height : 15px;
	width : 100%;
	margin : 0px;
}
div.moteurRecherche select{
	font-size: 11px;
	border: 1px solid #999;
}
div.moteurRecherche input.bouton {
	border: none;
	margin-left : 15px;
}
/****************************************** COLONNE DROITE *************************************************/

div.colonneDroite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
div.bibliotheque {
	background :#FFF url(../images/colonne-droite/fd-bloc-droite.jpg) repeat-y top left;
	border-left:4px solid #09AFC8;
	margin:0;
	padding:10px;
	zoom: 1;
}
div.pointDactu{
	background :#FFF url(../images/colonne-droite/fd-bloc-droite.jpg) repeat-y top left;
	border-left:4px solid #CC00CC;
	margin:0;
	padding:10px;
	zoom: 1;
}
div.guichetSavoir{
	background :#FFF url(../images/colonne-droite/fd-bloc-droite.jpg) repeat-y top left;
	border-left:4px solid #cc9900;
	margin:0;
	padding:10px 3px 10px 10px;
	zoom: 1;
}
span.rose {
	color:#CC0066;
}

img.alignDroite {
	float:right;
}
img.alignGauche {
	float:left;
}
a.lienBibliotheque, a.lienBibliotheque:link, a.lienBibliotheque:visited {
font-family:Arial,Trebuchet MS, Verdana;
font-weight:normal;
text-transform:uppercase;
display:block;
width:148px;
background:#31BFD2 url(../images/colonne-droite/fleche-blc-fdbleu.gif) no-repeat scroll 3px 4px;
color:#FFFFFF;
font-weight:bold;
padding:1px 0px 1px 17px;
text-decoration:none;
margin:2px 0px;
}
a.lienBibliotheque:hover, a.lienBibliotheque:active, a.lienBibliotheque:focus {
text-decoration:underline;
}

a.lienpointdactu, a.lienpointdactu:link, a.lienpointdactu:visited {
color:#CC00CC;
font-weight:bold;
text-decoration:none;
}
a.lienpointdactu:hover, a.lienpointdactu:active,a.lienpointdactu:focus {
text-decoration:underline;
}

a.lienguichet, a.lienguichet:link, a.lienguichet:visited {
color:#CC0066;
font-weight:bold;
text-decoration:none;
}
a.lienguichet:hover, a.lienguichet:active,a.lienguichet:focus {
text-decoration:underline;
}
div.colonneDroite h3{
color:#333333!important;
font-size:14px!important;
font-weight:bold;
padding-top:2px;
padding-bottom:0px;
margin:0!important;
}

a.actuArtsVivants, a.actuArtsVivants:link, a.actuArtsVivants:visited {
background: url(../images/colonne-droite/puce-fleche-rose.gif) no-repeat 5px 7px;
color:#CC00CC;
padding:3px 17px;
}
a.actuArtsVivants:hover, a.actuArtsVivants:active, a.actuArtsVivants:focus {
text-decoration:none;
}

a.questionGuichet, a.questionGuichet:link, a.questionGuichet:visited {
background: url(../images/colonne-droite/puce-fleche-jaune.gif) no-repeat 5px 7px;
color:#CC9900;
padding:3px 17px;
margin-top : 5px;
}
a.questionGuichet:hover, a.questionGuichet:active, a.questionGuichet:focus {
text-decoration:none;
}

a.lienQuestionGuichet, a.lienQuestionGuichet:link, a.lienQuestionGuichet:visited {
font-family:Arial,Trebuchet MS, Verdana;
font-weight:normal;
text-transform:uppercase;
display:block;
width:148px;
background:#CC9900 url(../images/colonne-droite/fleche-blc-fdjaune.gif) no-repeat scroll 3px 4px;
color:#FFFFFF;
font-weight:bold;
padding:1px 0px 1px 17px;
text-decoration:none;
margin:2px 0px;
}
a.lienQuestionGuichet:hover, a.lienQuestionGuichet:active, a.lienQuestionGuichet:focus {
text-decoration:underline;
}

/****** COMMENTAIRE ********/
table.tableCommentaire {
	border : 3px solid #949494;
	margin : 10px 0px;
	width : 100%;
	height : 100px;
}
table.tableCommentaire td.colonneAuteurGauche {
	width:120px;
	background:#FFF url(../images/bulle-gauche.gif) no-repeat scroll 3px 4px;
	text-align:center;
	padding-top : 30px;
}
table.tableCommentaire td.colonneAuteurDroite {
	width:120px;
	background:#FFF url(../images/bulle-droite.gif) no-repeat scroll 3px 4px;
	text-align:center;
	padding-top : 30px;
}
table.tableCommentaire td.colonneTexte {
	padding:10px;
}

/****************festival***************/
h2.festival {
	color:#A9B734;
	margin:40px 0px 0px 0px;
	padding:0;
	border-bottom:solid 2px #A9B734;
}
h3.festival {
	color:#000;
	margin:0;
	padding:0;
	font-size:16px;
}
h3.festival a{
	text-decoration:none;
}
h3.festival a:hover{
	text-decoration:underline;
}
table.tableFestival td {

padding:0px 20px 0px 0px;
}
table.tableFestival p {
margin:0;
padding:3px 0px;
}
p.compagnieDate {
color:#999;
font-weight:bold;
font-size:10px;
}
p.dateSousTitre {
	color:#000;
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	font-family: "Trebuchet MS", sans-serif;
}

/* CSS Document */

div.agendaType {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	font-size:11px;
}
h2.agendaTitre {
	margin :0;
	padding:0;
}
td.agendaText h2.agendaTitre a, td.agendaText h2.agendaTitre a:link, td.agendaText h2.agendaTitre a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#008798;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	background:none;
	padding:0;
	margin:0;
}
div.agendaDateLieu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding:3px 0px 3px 25px;
	background:url(../images/fleche.gif) no-repeat 0px 2px;
	
}
p.agendaDescription {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1.4em;
	font-size:11px;
	margin :0;
	padding:0;
}
td.agendaPhoto {
	vertical-align:top;
	text-align:left;
	padding-right:10px;
}
td.agendaText {
	vertical-align:top;
	text-align:left;
	width:100%;
}
td.agendaText a{
	color:#000;
}
td.agendaText a:hover{
	text-decoration:none;
}
hr.separateur {
height:3px;
background: transparent url(../images/separateur.gif) repeat-x top left;
margin:10px 0px;
color:transparent;
border: none;
}