body {
background-color:#FFFFFF;
margin:0
}


#conteneur_page{
width:800px;
/*width:780px;*/
position:relative;  
margin-left:auto;
margin-right:auto; 
}


#conteneur{
width:780px; 
height:75px; 
margin-left:auto;
margin-right:auto; 
}


#sous-menu {
width:100%;
}

/* hack pour Safari et Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#sous-menu {
width:100%;
display:table-row;
}
}

.texte {
	color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal ; text-decoration: none
}


.texteactu {
	color: #000000; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; font-style: normal
}


.texte_extra-small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}


.texteBold { 
color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none 
}

.texteMiniBold { 
color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: none 
}

.padding {
padding:5px;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #00CCFF;
}
a:active {
	text-decoration: none;
}


a:link.edito {
	color: #333333;
	text-decoration: none;
}
a:visited.edito {
	text-decoration: none;
	color: #333333;
}
a:hover.edito {
	text-decoration: none;
	color: #FF0099;
}
a:active.edito {
	text-decoration: none;
}


.texte_magenta_bold a:link{
	color: #FF0099;
	text-decoration: none;
}
.texte_magenta_bold a:visited{
	text-decoration: none;
	color: #FF0099;
}
.texte_magenta_bold a:hover{
	text-decoration: none;
	color: #00CCFF;
}
.texte_magenta_bold a:active{
	text-decoration: none;
}


.texte_cyan_bold a:link{
	color: #0099FF;
	text-decoration: none;
}
.texte_cyan_bold a:visited{
	text-decoration: none;
	color: #0099FF;
}
.texte_cyan_bold a:hover{
	text-decoration: none;
	color: #00CCFF;
}
.texte_cyan_bold a:active{
	text-decoration: none;
}


a img {
border:0;
}

/* seulement dans itineraires_imprimes.html */
.frame_gauche {  
border-color: black black black #dddddd; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px
}

.cadre-pointille {  
border: #dddddd solid; border-width: 0px 0px 1px
}

.ligne_cyan {  
border: #0099FF solid; border-width: 0px 0px 1px
}

.pointille_gauche_bas {  
border-color: black black #dddddd #dddddd; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px
}

.arrondi {
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:5px;
}

.cadre_pointille_tout {
	border: 1px #dddddd solid;
	padding: 5px;
}
.cadre_pointille_haut {  border-color: #999999 black black; border-style: dotted; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px
}

.cadre_blanc {
border:2px solid #FFFFFF;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;


}

.cadre_magenta_solid {  
border-color: #FF0099;
border-style: solid;
border-width:1px;
padding:5px
}

/* coins arrondis : CSS3 */
.cadre_magenta_corner {  
border-color: #FF0099;
border-style: solid;
border-width:1px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px;
}

.cadre_magenta_corner1 {  
border-color: #FF99CC;
border-style: solid;
border-width:1px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px;
}

.cadre_magenta_corner2 {  
border-color: #CC6699;
border-style: solid;
border-width:1px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px;
}

.cadre_magenta_corner3 {  
border-color: #CC9999;
border-style: solid;
border-width:1px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px;
}

.cadre_blanc_corner {  
border-color: #FFFFFF;
border-style: solid;
border-width:1px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px
}

.cadre_vert_solid {  
border-color: #006600;
border-style: solid;
border-width:1px;
padding:5px
}

.cadre_jaune_solid {  
border-color: #FFCC00;
border-style: solid;
border-width:1px;
padding:5px
}

.cadre_jaune_dotted {  
border-color: #FFCC00;
border-style: dotted;
border-width:1px;
padding:5px
}

.cadre_magenta_dotted {  
border-color: #FF0099;
border-style: dotted;
border-width:1px;
padding:5px
}

/* coins arrondis : CSS3 */

.cadre_magenta_dotted-corner {  
border-color: #FF0099;
border-style: dotted;
border-width:1px;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}

.cadre_couleur {  
border-color: #FF0099;
border-style: dotted;
border-width:1px;
padding:5px
}


/* seulement dans habiter2-jardinistes.html */
.cadre_couleur_solid {  
border-color: #FF0099; border-style: solid; border-width:1px; padding:5px
}

/* seulement dans les_breves.html */
.cadre_couleur_solid2 {  
border-color: #0099FF; border-style: solid; border-width:1px; padding:5px
}


.cadre_invisible {
	border: 1px #FFFFFF hidden;
	padding: 5px;
}


.aGauche{
float:left;
margin-right:10px;
}


.aGauche1{
float:left;
margin-right:5px;
}

.aGauche0{
float:left;
}

.aGauche2{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.aGauche3{
float:left;
margin-right:10px;
margin-bottom:10px;
margin-top:10px;
}

.aDroite{
float:right;
margin-left:5px;
}

.aDroite0{
float:right;
}


.plus{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
color:#0099FF;
}


.plus_magenta{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
color:#FF0099;
}

.plus_vert{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
color:#33CC00;
}


.plus_jaune{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
color:#FFCC00;
}



.point_cyan{
font-size:12px;
color:#0099FF;
}

.point_magenta{
font-size:12px;
color:#FF0099;
}

.point_jaune{
font-size:12px;
color:#FFCC00;
}

.point_orange{
font-size:12px;
color:#FF9900;
}

.point_vert{
font-size:12px;
color:#006600;
}


.rubrique_cyan{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#0099FF;
}

.rubrique_cyanbis{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#0099FF;
}

.menu_cyan{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#33CCFF;
border:1px solid #0099FF;
padding-left:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}


.rubrique_cyan3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
padding-left:5px;
background-color:#0099FF;
}


.rubrique_cyan2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#0099FF;
height: 20px;
border: 1px solid #0099FF;
border-bottom: 2px solid #0099FF;
}

.rubrique_cyan4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
background-color:#0099FF;
height: 20px;
border: 1px solid #0099FF;
border-bottom: 2px solid #0099FF;
}


.sous-rubrique_cyan{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
height: 20px;
border: 1px solid #0099FF;
border-left: none;
border-right: 2px solid #0099FF;
border-bottom: 2px solid #0099FF;
}


.sous-rubrique_cyan2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
border: 1px solid #99CCFF;
border-left: none;
border-right: 2px solid #99CCFF;
border-bottom: 2px solid #99CCFF;
}

.rubrique_magenta{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#FF0099;
}

.menu_magenta{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#FF0099;
/*background-color:#FF33CC;*/
border:1px solid #FF0099;
padding:2px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}


.rubrique_magenta3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
padding-left:5px;
background-color:#FF0099;
}


.rubrique_magenta2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#FF0099;
height: 20px;
border: 1px solid #FF0099;
border-bottom: 2px solid #FF0099;
}



/* ......................... */


.rubrique_magenta-new{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#FF0099;
height: 20px;
border-left: 1px solid #FF0099;
border-top: 1px solid #FF0099;
border-right: 1px solid #FF0099;
border-bottom: 2px solid #FF0099;
width:310px;
float:left;
}


.sous-rubrique_magenta-new{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
height: 20px;
border-left: none;
border-top: 1px solid #FF0099;
border-right: 2px solid #FF0099;
border-bottom: 2px solid #FF0099;
width:467px;
float:right;
clear:left;
}


/* .................... */




/* coins arrondis : CSS3 */

.rubrique_magenta-corner{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#FF0099;
height: 20px;
border: 1px solid #FF0099;
border-bottom: 2px solid #FF0099;
-moz-border-radius:5px 0px 0px 5px;
-webkit-border-radius:5px 0px 0px 5px;
}


.sous-rubrique_magenta{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
height: 20px;
border: 1px solid #FF0099;
border-left: none;
border-right: 2px solid #FF0099;
border-bottom: 2px solid #FF0099;
}





/* coins arrondis : CSS3 */

.sous-rubrique_magenta-corner{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
height: 20px;
border: 1px solid #FF0099;
border-left: none;
border-right: 2px solid #FF0099;
border-bottom: 2px solid #FF0099;
-moz-border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
}

.rubrique_jaune{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#FFCC00;
}


.menu_jaune{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
background-color:#FFFF33;
border:1px solid #FFCC00;
padding:2px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}


.rubrique_jaune3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
padding-left:5px;
background-color:#FFCC00;
}


.rubrique_jaune2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#FFCC00;
height: 20px;
border: 1px solid #FFCC00;
border-bottom: 2px solid #FFCC00;
}

.sous-rubrique_jaune{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
height: 20px;
border: 1px solid #FFCC00;
border-left: none;
border-right: 2px solid #FFCC00;
border-bottom: 2px solid #FFCC00;

}



.rubrique_orange{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#FF9900;
}

.menu_orange{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#FFCC33;
border:1px solid #FF9900;
padding:2px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}


.rubrique_orange3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
padding-left:5px;
background-color:#FF9900;
}


.rubrique_orange2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#FF9900;
height: 20px;
border: 1px solid #FF9900;
border-bottom: 2px solid #FF9900;
}

.sous-rubrique_orange{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
height: 20px;
border: 1px solid #FF9900;
border-left: none;
border-right: 2px solid #FF9900;
border-bottom: 2px solid #FF9900;
}


.rubrique_vert{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#006600;
}

.menu_vert{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#339933;
border:1px solid #006600;
padding:2px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}


.rubrique_vert3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
padding-left:5px;
background-color:#006600;
}


.rubrique_vert2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#006600;
height: 20px;
border: 1px solid #006600;
border-bottom: 2px solid #006600;
}

.sous-rubrique_vert{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
height: 20px;
border: 1px solid #006600;
border-left: none;
border-right: 2px solid #006600;
border-bottom: 2px solid #006600;
}


.texte_blanc_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

.texte_blancsurjaune1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#FFCC66;
padding:5px;
}

.texte_blancsurjaune2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#FFCC33;
padding:5px;
}


.texte_magenta{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #FF0099;
}

.texte_cyan{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0099FF;
}

.texte_cyan_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#0099FF;
}

.citation_cyan{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#0099FF;
}


.texte_magenta_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FF0099;
}


.texte_magenta_bold2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #FF0099;
}

.nom_artiste {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FF0099;
letter-spacing:1px;
}

.texte_jaune_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFCC00;
}

.atelierNouveau {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#FFCC00;
padding:1px;
}

.texte_orange_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FF9900;
}

.texte_vert_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#006600;
}

.texte_vert{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006600;
}


.texte_vertclair_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#669966;
}

.texte_vertclair_bold_big{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#669966;
}

.texte_vertvif_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#33CC00;
}

.texte_vertvif{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#33CC00;
}


.texte_vertvif_bold_big{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#33CC00;
}

.texte_blanc_bold {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#FFFFFF;
}


.titre_diffusion {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
letter-spacing:2px;
background-color:#FF0099;
padding:5px;
}


/* coins arrondis : CSS3 */
.titre_diffusion_corner {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
letter-spacing:2px;
background-color:#FF0099;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

padding:5px;
}

.corner {
border:1px solid #FF0099;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}


.sous-titre_diffusion {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FF0099;
letter-spacing:2px;
}

.titre_diffusion-inverse {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FF0099;
letter-spacing:2px;
}

.sous-titre_diffusion12 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FF0099;
letter-spacing:2px;
}



/* styles du calendrier ("prototypes") */

#calendrier{
width:100%;
border-collapse:collapse;
}

#mois{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px;
margin:0px;
color:#FF0099;
}

#jours{
background-color:#CC6699;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.date{
border-right:1px solid #FF0099;
border-bottom: 1px solid #FF0099;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
float:left;
width:12px;
height:12px;
background-color:#FFFFFF;
color:#FF0099;
text-align:center;
}

.date_vide{
border-right:1px solid #CC6699;
border-bottom: 1px solid #CC6699;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
float:left;
width:12px;
height:12px;
background-color:#FF99CC;
text-align:center;
}


#cellule{
width:14%;
background-color:#FF99CC;
border: 1px solid #FFFFFF;
vertical-align:top;
}

.evenement{
clear:both;
padding-left:12px;
padding-bottom:12px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}




/* styles orange "artistes associés" */

.orange1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
}

.orange2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9966;
}

.orange3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC6600;
}



/* styles pour les très anciennes pages */


.cyan14 {	
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #0099FF;
}

.vert18 {	
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #339966;
}

.vert12 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #339966;
}

.vert12Bold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #339966;
}


.vert12bold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #339966;
}

.texte_blanc2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
}


.vert16 {	
font-size: 16px;
font-weight: bold;
color: #339966;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bold14 {	
font-size: 14px;
font-weight: bold;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* classes pour changer l'aspect des cellules dans les lectures par mouseover */

.tabnormal{
border: 1px #dddddd solid;
padding: 5px;

}
.tabover{
border: 1px #33CC00 solid;
padding: 5px;
}

.sous-titre_web {
background-color:#009900;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
}

#mjc {
display:none;
}


.texte_image {
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal ; 
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

.texte_image2 {
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal ; 
	text-decoration: none;
	padding:10px;
	background-color:#EEEEEE;
}

.texte_image3 {
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal ; 
	text-decoration: none;
	padding:10px;
	background-color:#EEEEEE;
	margin-bottom:10px;
}


.texte_image4 {
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal ; 
	text-decoration: none;
	padding-left:5px;
	padding-right:10px;
	padding-top:10px;
}


/* STYLES POUR LA GALERIE PHOTOS DE GAEL TURPO */



#conteneur_galerie{
width:780px;
position:relative;  
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}



#titre {
width:773px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
color:#FF0099;
letter-spacing:1px;
float:left;
/*border-left:1px solid #FF0099;
border-top:1px solid #FF0099;
border-right:1px solid #FF0099;*/
padding-left:5px;
}


#spacer {
width:778px;
height:60px;
font-size:10px;
font-family:arial,sans-serif;
/*border-left:1px solid #FF0099;
border-right:1px solid #FF0099;*/
}


#conteneur_vignettes {
width:193px;
float:left;
background-color:#FFFFFF;
/*border-left:1px solid #FF0099;
border-bottom:1px solid #FF0099;*/
padding-bottom:150px;/* afin que le milieu du bloc des vignettes arrive au milieu du bloc image */
}


#player {
	width:193px;
	float:left;
	clear:left;
	padding-bottom:137px;/* afin que le milieu du bloc des vignettes arrive au milieu du bloc image, -12px d ehauteur du player */
	background-color:#FFFFFF;
}

#transport {
	margin: 0;
	padding: 0;
	list-style: none;
}


#transport li {
	float: left;
	margin: 0;
	padding: 0;
}
#transport a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0 0 0 0;
	padding: 0px 6px 0px 6px;
	width: 46px;
	float: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}


#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
	display: none;
}



.previousBtn {
background-image:url(../images/previous.jpg);
background-repeat:no-repeat;
float:left;
width:64px;
height:12px;
}


.playLabel {
background-image:url(../images/play.jpg);
background-repeat:no-repeat;
float:left;
width:65px;
height:12px;
}

.pauseLabel {
background-image:url(../images/pause.jpg);
background-repeat:no-repeat;
width:65px;
height:12px;
float:left;
}


.nextBtn {
background-image:url(../images/next.jpg);
background-repeat:no-repeat;
float:left;
width:64px;
height:12px;
}



/* le conteneur des miniatures */
#thumbnails {
width:193px;
background-color:#FFFFFF;
float:left;
overflow:hidden;
}

#thumbnails img {
	width:40px;
	height:40px;
	border: 1px solid #FFFFFF;
}
/* fin styles du conteneur des miniatures */



/* le contenur de l'image agrandie */



#mainImageOutline {
width:575px;/* on en enlève 10 px à cause du padding-right de 10 px */
background-color:#FFFFFF;
float:left;
overflow:hidden;
float:left;
padding-bottom:10px;
padding-right:10px;
/*border-bottom:1px solid #FF0099;
border-right:1px solid #FF0099;*/
}



#mainImage {
	width: 100%;
	height: 100%;
}
/*fin styles du contenur de l'image agrandie */


.selectedThumbnail {  border: solid 1px #FF0099 !important; } 
/*.inFocus {  border: solid 1px #707070 !important; } /* IKB : #002FA7 */
/*color:#94CE23;/* lime */