/* Feuille de style créée par JCN Consultant le 29/01/2008 */
/* Naître et Vivre */
body {
  margin : 0px; 
  padding : 0px;
  background-color:#0000B5;
  font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color:#0000B5;
  text-align: center; /* pour résoudre le bug de centrage de IE */
}

hr { clear: both; visibility: hidden; }
				
#contenu {
  margin-left : auto;
  margin-right : auto;
  width : 970px;
  text-align : left;  /* pour résoudre le bug de centrage de IE */
}

#bandeau {
	width:970px;
	height:95px;
	background: url('/images/charte/bandeau_haut.jpg') no-repeat;
	border-left:1px solid #FFCC00;
	border-top:1px solid #FFCC00;
	border-right:1px solid #FFCC00;
}

#bandeau1 {
	margin : 0px; 
	padding : 0px;
	width:970px;
	height:25px;
	white-space:nowrap;
	color: #FFFFEE; font-family: Verdana, sans-serif; font-size: 9pt; font-weight: bold;
	border-left:1px solid #FFCC00;
	border-right:1px solid #FFCC00;
	clear: both;
}

#centre-site {
	float:left;
	width:970px;
	background-color:#FFFFEE;
	border-left:1px solid #FFCC00;
	border-right:1px solid #FFCC00;
}

#centre-haut {
	background: url('/images/charte/centre-haut.jpg') no-repeat;
	width:970px;
	height:20px;
	border-left:1px solid #FFCC00;
	border-right:1px solid #FFCC00;
	text-align:center;
}

#centre-bas {
	float:left;
	background: url('/images/charte/centre-bas.jpg') no-repeat left;
	width:970px;
	height:20px;
}

#colonne-gauche {
	float:left;
	width:170px;
	background-color:#FFFFEE;
}

#site-actif {
	float:left;
	width:612px;
	
	background-color:#FFFFEE;
	margin-top: 0px;
	border: 1px solid #0000B5;
	padding:8px 8px 8px 8px;
}

#site-actif-col1 {
	float:left;
	width:200px;
	background-color:#FFFFEE;
	margin-top: 0px;
	margin-right: 5px;
}

#site-actif-col2 {
	float:left;
	width:200px;
	background-color:#FFFFEE;
	margin-top: 0px;
	margin-right: 5px;
}

#site-actif-col3 {
	float:left;
	width:200px;
	background-color:#FFFFEE;
	margin-top: 0px;
}


#colonne-droite {
	float:left;
	width:170px;
	background-color:#FFFFEE;
}

#piedpage {
	float:left;
	width:970px;
	height:25px;
	background-color:#0000B5;
	border-left:1px solid #FFCC00;
	border-right:1px solid #FFCC00;
	border-bottom:1px solid #FFCC00;
}

#musique {
	margin-left:796px;
	margin-top:-35px;
}

#adresse {
	width:350px;
	font-weight:bold;
	margin-left:155px;
	margin-top:62px;
}

a.lien1:link { color: #FFFFEE; font-family: Verdana, sans-serif; font-size: 9pt; font-weight: bold;}
a.lien1:visited { color: #FFFFEE; font-family: Verdana, sans-serif; font-size: 9pt; font-weight: bold;}
a.lien1:hover  { background: #CCFFFF; color: #0000B5 }

a.lien2:link { color: #0000B5; font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;}
a.lien2:visited { color: #0000B5; font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;}
a.lien2:hover  { background: #FFCC00; font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;color: #0000B5 }

a.lien3:link { color: #FFFFEE; font-family: Verdana, sans-serif; font-size: 7pt; font-weight: bold;}
a.lien3:visited { color: #FFFFEE; font-family: Verdana, sans-serif; font-size: 7pt; font-weight: bold;}
a.lien3:hover  { background: #CCFFFF; color: #0000B5 }

a.lien4:link { color: #0000B5; font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;}
a.lien4:visited { color: #0000B5; font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;}
a.lien4:hover  { background: #CCFFFF; font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;color: #0000B5 }

a.lien5:link { color: #0000B5; font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 8pt;}
a.lien5:visited { color: #0000B5; font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 8pt;}
a.lien5:hover  { background: #CCFFFF; font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;color: #0000B5 }

.blanc { color: #FFFFEE; font-family: Verdana, sans-serif; font-size: 8pt; font-weight: bold; }
.bleu { color: #0000B5; font-family: Verdana, sans-serif; font-size: 8pt; font-weight: bold; }
.blanc1 { color: #FFFFEE; font-family: Verdana, sans-serif; font-size: 10pt; font-weight: bold; }
.bleuex { color: #0000B5; font-family: Verdana, sans-serif; font-size: 7pt; }

.title { font-family:  Arial, sans-serif; font-weight: normal; font-size: 24px; }
.subtitle { font-family: Arial, sans-serif; font-weight: bold; font-size: 15px; }
.erreur { color: #FF0000; font-family: Arial, sans-serif; font-size: 15px;  font-weight: bold; }
.erreur1 {  color: #FF0000; font-family:  Verdana, sans-serif; font-weight: bold; font-size: 11px; }

.header-5-small { 
	color: #000000; 
	background: #E5FFA9; 
	border: 1px ridge #cccccc; 
	color: #003366;
	font-size: 11px;
	font-weight:bold;
	text-align: left;
	margin-left:5px;
	margin-right:11px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:4px;
}

.titre_cadre { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FF0000; 
	margin-left:55px;
	padding-top:10px;
}
.titre_cadrecentre { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: underline;
	color: #0000B5; 
	margin-left:10px;
	padding-top:2px;
}
.titre_cadre_double { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0000B5; text-align: center;padding-bottom:10px }

.chanson {
	 padding-left:20px;
	 color:#006600;
	 font-size:12px;
}

.cadrepetit_haut {
	background: url('/images/charte/cadre-160_haut.jpg') no-repeat;
	width:160px;
	height:42px;
	margin-left:5px;
	margin-top:5px;
}

.cadrepetit_centre {
	background: url('/images/charte/cadre-160_milieu.jpg') repeat;
	width:160px;
	margin-left:5px;
	font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;
  	font-size: 8pt;
}

.cadrepetit_centretexte {
	background: url('/images/charte/cadre-160_milieu.jpg') repeat;
	font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	margin-left:5px;
	padding-left:15px;
	padding-right:15px;
}

.cadrepetit_centre ul	{
   	list-style-type: none;	
   	padding-left: 0px; 
   	margin: 0px;
}

.cadrepetit_centre li.puce {  
	font-size: 8pt;	
	background-image:url(/images/icones/car_jaune.gif);
	background-position:1.7em 0.4em;
	background-repeat:no-repeat;
	padding:0 15px 0 30px;
}

.cadrepetit_centre li.puce1 {  
	font-size: 8pt;	
	background-image:url(/images/icones/puce_tetieres.gif);
	background-position:2.4em 0.3em;
	background-repeat:no-repeat;
	padding:0 15px 0 38px;
}

.cadrepetit_centre li.lien {  
	font-size: 8pt;	
	background-image:url(/images/icones/fleche_d.gif);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 0 32px;
}

.cadrepetit_centre li.pdf {  
	font-size: 8pt;	
	background-image:url(/images/icones/pdf.gif);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 0 32px;
}

.cadrepetit_centre li.ext {  
	font-size: 8pt;	
	background-image:url(/images/icones/site_ext.gif);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 0 32px;
}

.cadrepetit_centre li.wmv {  
	font-size: 8pt;	
	background-image:url(/images/icones/wmv.jpg);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 0 32px;
}

.cadrepetit_centre li.flv {  
	font-size: 8pt;	
	background-image:url(/images/icones/flv16.jpg);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 0 32px;
}

.cadrepetit_bas {
	background: url('/images/charte/cadre-160_bas.jpg') no-repeat;
	width:160px;
	height:13px;
	margin-left:5px;
}

.cadrecentre_haut {
	background: url('/images/charte/cadre-centre_haut.jpg') no-repeat;
	width:200px;
	height:17px;
	margin-top:5px;
}

.cadrecentre_milieu {
	background: url('/images/charte/cadre-centre_milieu.jpg') repeat;
	width:200px;
	font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	padding-top:5px;
}

.cadrecentre_milieutexte {
	background: url('/images/charte/cadre-centre_milieu.jpg') repeat;
	font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	padding:5px 10px 0 10px;
}

.info-bottom-dotted	{ 
	background: url('/images/charte/cadre-centre_milieu.jpg') no-repeat;
	margin-top: 3px;
	margin-right:8px;
	border-top: 1px dotted #0000B5;
}

.info-bottom-dotted1	{ 
	background: url('/images/charte/cadre-centre_milieu.jpg') no-repeat;
	margin-top: 3px;
	margin-right:15px;
	margin-left:10px;	
	margin-bottom:5px;		
	border-top: 1px dotted #0000B5;
}

.cadrecentre_milieu ul	{
   	list-style-type: none;	
   	padding-left: 0px;
   	margin: 0px;
}

.cadrecentre_milieu li.puce {  
	font-size: 8pt;	
	background-image:url(/images/icones/puce_tetieres.gif);
	background-position:1.4em 0.3em;
	background-repeat:no-repeat;
	padding:0 15px 0 28px;
}

.cadrecentre_milieu li.lien {  
	font-size: 8pt;	
	background-image:url(/images/icones/fleche_d.gif);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 0 32px;
}

.cadrecentre_milieu li.pdf {  
	font-size: 8pt;	
	background-image:url(/images/icones/pdf.gif);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 0 32px;
}

.cadrecentre_milieu li.ext {  
	font-size: 8pt;	
	background-image:url(/images/icones/site_ext.gif);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 0 32px;
}

.cadrecentre_bas {
	background: url('/images/charte/cadre-centre_bas.jpg') no-repeat;
	width:200px;
	height:17px;
}

.cadrecentre_hautbleu {
	background: url('/images/charte/cadre-centre_haut_bleu.jpg') no-repeat;
	width:200px;
	height:17px;
	margin-top:5px;
}

.cadrecentre_milieubleu {
	background: url('/images/charte/cadre-centre_milieu_bleu.jpg') repeat;
	width:200px;
	font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	padding-top:3px;
}

.cadrecentre_milieutextebleu {
	background: url('/images/charte/cadre-centre_milieu_bleu.jpg') repeat;
	font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	padding:5px 10px 0 10px;
}

.cadrecentre_milieubleu ul	{
   	list-style-type: none;	
   	padding-left: 0px; 
   	margin: 0px;
}

.cadrecentre_milieubleu li.puce {  
	font-size: 8pt;	
	background-image:url(/images/icones/puce_tetieres.gif);
	background-position:1.4em 0.3em;
	background-repeat:no-repeat;
	padding:0 15px 0 28px;
}

.cadrecentre_milieubleu li.lien {  
	font-size: 8pt;	
	background-image:url(/images/icones/fleche_d.gif);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 0 32px;
}

.cadrecentre_milieubleu li.pdf {  
	font-size: 8pt;	
	background-image:url(/images/icones/pdf.gif);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 3px 32px;
}

.cadrecentre_milieubleu li.wmv {  
	font-size: 8pt;	
	background-image:url(/images/icones/wmv.jpg);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 0 32px;
}

.cadrecentre_milieubleu li.flv {  
	font-size: 8pt;	
	background-image:url(/images/icones/flv16.jpg);
	background-position:1.4em 0.1em;
	background-repeat:no-repeat;
	padding:0 15px 0 32px;
}

.cadrecentre_basbleu {
	background: url('/images/charte/cadre-centre_bas_bleu.jpg') no-repeat;
	width:200px;
	height:17px;
}

.titre-page {
	background: url('/images/charte/fond_titre.jpg') no-repeat;
	font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;
	color:#0000B5;
	width:570px;
	padding-left:40px;
	padding-top:5px;
	font-size:16px;
	height:30px;
	font-weight:bold;
	margin-bottom:10px;
}

.soustitre-page {
	background: url('/images/icones/puce_lart.gif') no-repeat;
	background-color:#CCFFFF;
	background-position:0.5em 0.4em;
	font-family: "Century Gothic", "Trebuchet MS" , Arial, Helvetica, sans-serif;
	color:#0000B5;
	width:545px;
	margin-left:8px;
	padding-left:22px;
	font-size:14px;
	height:20px;
	font-weight:bold;
}

.entete-pop	{ 
	background: #FFCC00;
	background-image: url("/images/icones/bullette.gif");
  	background-repeat: no-repeat;
  	background-position: 4px;
  	padding-left: 22px;
	color: #0000B5;
	font-size: 13px;
	font-weight:bold;
	text-align: left; 
	padding-top:3px; 
	padding-bottom:3px;
}

.cellule-annonce-pop	{
   	width: 600px;
   	height:100%;
   	background-color: #FFFFCC;
   	padding-left:10px; 
   	padding-top:10px; 
	padding-right:10px; 
	padding-bottom:10px; 
   	border-left: 2px solid #FFCC00;
   	border-right: 2px solid #FFCC00;
   	border-bottom: 2px solid #FFCC00;
} 

/* Scroller vertical page d'accueil */

#pscroller{
	width: 175px;
	height: 130px;
	padding-left: 0px;
	padding-top: 5px;
	background-color: #FFCC00;
}

/* Info sur lien */

#dhtmltooltip{
	position: absolute;
	text-align:left;
	list-style:url(/images/icones/puce_tetieres.gif);
	padding:5px 15px 5px 5px;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* swissarmy Slide Show */

/* All Styles Optional */
#show3 {
	background-color:#efefef;
	width:180px;
	height:185px;
	margin-left:-4px;
	border:1px solid #444444;
}

#show3 table input {
	outline-style:none;
}

<!--[if IE]>
<style type="text/css">
div#show3 table td, div#show4 table td {
height:21px;
}
<![endif]-->