/* Général */
body {
	background-color:#F7F7F7;
	background-image:url(images/fond.jpg);
	background-repeat:repeat-x;
	font-family:Georgia,"Trebuchet MS",Times,serif;
	margin:0;
	padding:0;
	text-align: center; 
}
DIV.center {
    margin-left : auto;
    margin-right : auto;
	margin-top:-21px;
	text-align : left;
	width: 1001px;
	background-color:#FFFFFF;
}
DIV.main {	
	padding: 0; 
	margin:0 10px;
}
/* Titre principale (pour l'accessibilité) */
.hidden {
	position:absolute;
	top:-1000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* Haut de page */
DIV.header IMG {
	border:0;
	padding:0;
	margin:0;
}

/* Contenu principal */
DIV.content {	
	width:978px;
	-width:976px;
	border: 1px solid #999999;
	padding:0;
	margin:0;
	margin-bottom: 2px;
	margin-top: -20px; 
	*margin-top: -23px; 
}

DIV.textes {	
	width:978px;
	overflow:auto;
	padding:0;
	margin:0;	
}

DIV.encadre {
  background-color:#f9f9f9;
  width:93%;
  padding-right: 20px;
  padding-left: 8px;
  padding-top:3px;
  padding-bottom:20px;  
}


P.credit {
	margin:2px 0;
	padding:0 20px;
	text-align:right;
	font-family: "Trebuchet MS";
	color: #999999;
	font-size: 9px; /* Attention, indiquer des pourcentages */
}

/* Bouton du breton et de la photothèque*/
button#br{
 background-image:url(images/picto_fr.gif); 
 width : 19px;
 height: 11px;
 border:0;
 padding:0;
 margin:0;
}

button#fr{
 background-image:url(images/picto_bzh.gif); 
 width : 19px;
 height: 11px;
 border:0;
 padding:0;
 margin:0;
}

.but{
	font-size:0.7em;
	border:0;
	background-color:#f9f9f9;
}


/* Navigation principale */

ul.navPP {
	margin-top: -56px;
	margin-left: 0;	
	padding:0;
	*margin-top:-47px;
}

.navPP li img {
	border:0;
}

.navPP li {
	display:inline;
	margin: 0 18px 0 0;
}


/* Structure du contenu */
.colGauche {
	float:left;
	margin: 8px 11px;
	width: 478px;
}

.colCentrale {
	float:left;
	margin-top: 10px;
	width: 250px;
}

.colDroite {
	float:left;
	margin-top: 10px;	
	width: 200px;
	-width:195px; /* pour IE6 seulement */
}
/* Structures de pages pour la partie programme */
.colCentraleProg {
	float:left;
	margin-top: 10px;
	width: 220px;
}

.colDroiteProg {
	float:left;
	margin-top: 24px;	
	width: 237px; 
	-width:195px; /* pour IE6 seulement */
}

/* Polices */ 
.date {
	font-family : Georgia; 
	font-size : 14px; /* Attention, taille en px */
	color : #999999;
	margin: 0;
	padding-top: 3px;
}

h2 {
	margin:0;
	padding:0;
}
H3.titre {
	font-family : Georgia; 
	font-size : 22px; /* Attention, taille en px */
	color : #000000;
	margin: 0;
	padding-top: 9px;
	font-weight: normal;
	line-height: 120%;
}
H4.intertitre {
	font-family : Georgia; 
	font-size : 18px; /* Attention, taille en px */
	color : #000000;
	margin: 0;
	padding-top: 9px;
	font-weight: normal;
	line-height: 120%;
}
.texte {
	font-family : Georgia; 
	font-size : 12px; /* Attention, taille en px */
	color : #666666;
	line-height: 130%;
	margin: 0;
	padding-top: 17px;
}
.colGauche ul li{
	font-family : Georgia; 
	font-size : 12px; /* Attention, taille en px */
	color : #666666;
	line-height: 130%;
	margin: 0;
}
/* Programme */
.colGauche .journee {
	font-family : Georgia; 
	font-size : 14px; /* Attention, taille en px */
	color : #333333;
	font-weight:bold; 
	margin:11px 0 14px 0;
	padding:0;
}
.colGauche .intitule {
	font-family : "Trebuchet MS"; 
	font-size : 12px; /* Attention, taille en px */
	color : #666666;
	margin:0 0 -11px 0;
	padding:0;
}
.colGauche .fleche {
	margin:0;
	padding:0;
	border:0;
	background-color: #ff6600;
}
.colGauche .intitule2 {
	font-family : "Trebuchet MS"; 
	background-color: #ff6600;
	font-size : 16px; /* Attention, taille en px */
	color : #FFFFFF;
	margin:0 0 -11px 0;
	padding:0;
}
.colGauche .titre_evt {
	font-family : Georgia; 
	font-size : 12px; /* Attention, taille en px */
	color : #2a2f65;
	font-weight:bold; 
	padding:0;
	margin-bottom:-8px;
	-margin-top: 10px;	
}
.colGauche .titre_evt2 {
	font-family : Georgia; 
	font-size : 12px; /* Attention, taille en px */
	color : #2a2f65;
	font-weight:bold; 
	padding:0;
	margin-bottom:-8px;
	-margin-top: 10px;	
}
.colGauche .titre_evt3 {
	font-family : Georgia; 
	font-size : 14px; /* Attention, taille en px */
	color : #2a2f65;
	font-weight:bold; 
	padding:0;
	margin-bottom:-8px;
	-margin-top: 10px;	
}
.colGauche .desc_evt {
	font-family : Georgia; 
	font-size : 12px; /* Attention, taille en px */
	color : #666666;
	padding:0;
	margin-bottom:-15px;
	-margin-top: 10px;
}
.colGauche .texte1 {
	font-family : Georgia; 
	font-size : 12px; /* Attention, taille en px */
	color : #666666;
	padding:0;
	margin-bottom:-15px;
	-margin-top: 10px;
}
.colGauche a.inscrire{
	font-family : "Trebuchet MS"; 
	font-size : 11px; /* Attention, taille en px */
	color : #ff6600;
	font-weight:bold; 	
	margin:0;
	padding:0;
	text-decoration:none;
}
.colDroiteProg .item_activite{
	margin-top:-13px;
	* margin-top:-20px;
	line-height:80%;	
}

.colDroiteProg h3.nature_activite{
	font-family : "Trebuchet MS"; 
	font-size : 11px; /* Attention, taille en px */
	color : #2a2f65;
	font-weight:bold; 	
}
.colDroiteProg .titre_activite{
	font-family : "Trebuchet MS"; 
	font-size : 11px; /* Attention, taille en px */
	color : #cc0066;
	font-weight:bold; 	
}

.colDroiteProg .desc_activite{
	font-family : "Trebuchet MS"; 
	font-size : 11px; /* Attention, taille en px */
	color : #333333;
	font-weight:normal;
	text-decoration:none; 
}

.colDroiteProg .desc_act{
	font-family : "Trebuchet MS"; 
	font-size : 11px; /* Attention, taille en px */
	color : #ff6600;
	font-weight:normal;
	text-decoration:none; 
	margin-top: 15px;
	margin-bottom:-12px;
	*margin-bottom:-20px;	
}
.desc_act1{
	font-family : "Trebuchet MS"; 
	font-size : 14px; /* Attention, taille en px */
	color : #ff6600;
	font-weight:normal;
	text-decoration:none; 
	margin-top: 15px;
	margin-bottom:-12px;
	*margin-bottom:-20px;	
}

/* Placement des papillons */
DIV.liens {
	padding-top:17px;
}

DIV.colGauche IMG.papillon{
	border:0;
}

DIV.colGauche IMG.affiche{
	border:0;
	align:right;
	float:right;
	margin: 3px;
}

DIV.colCentrale IMG.papillon{
	border:0;
	align:center;
}
	
/* Liens */
A:link{
	color: #000000; 
	text-decoration: none;	
}
A:hover{
	color: #000000; 
	text-decoration: none;	
}
A:visited{
	color: #000000; 
	text-decoration: none;	
}
A.rose:link {
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #cc0066;
	font-size : 12px; /* Attention, taille en px */
	text-decoration: none;
/*	line-height: 160%; */
}
A.rose:hover{
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #cc0066;
	font-size : 14px; /* Attention, taille en px */
	text-decoration: none;
}
A.rose:visited{
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #cc0066;
	font-size : 14px; /* Attention, taille en px */
}

A.orange:link{
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #ff6600;
	font-size : 14px; /* Attention, taille en px */
	text-decoration: none;	
}
A.orange:hover{
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #ff6600;
	font-size : 14px; /* Attention, taille en px */
	text-decoration: none;	
}
A.orange:visited{
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #ff6600;
	font-size : 14px; /* Attention, taille en px */
	text-decoration: none;	
}

A.gris:link{
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #666666;
	font-size : 12px; /* Attention, taille en px */
	text-decoration: underline;	
}
A.gris:hover{
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #666666;
	font-size : 12px; /* Attention, taille en px */
	text-decoration: underline;	
}
A.gris:visited{
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #666666;
	font-size : 12px; /* Attention, taille en px */
	text-decoration: underline;	
}
A.grisclaire:link{
	font-family: "Trebuchet MS";
	color: #666666;
	font-size : 12px; /* Attention, taille en px */
	text-decoration: underline;	
}
A.grisclaire:hover{
	font-family: "Trebuchet MS";
	color: #666666;
	font-size : 12px; /* Attention, taille en px */
	text-decoration: underline;	
}
A.grisclaire:visited{
	font-family: "Trebuchet MS";
	color: #666666;
	font-size : 12px; /* Attention, taille en px */
	text-decoration: underline;	
}
/* Colonne centrale > Animation */
.colCentrale IMG {
	margin-top: 45px;
	margin-left:0;
	padding:0;
	border:0;
}

/* navigation secondaire */
/* Pied de page */
DIV.navSec {
	margin-top: 55px;
	padding:0;
	text-align:left;
}

DIV.navSec li#active{
	color:#cccccc;
}
DIV.navSec li a.active:link{
	color:#cccccc;
	cursor: text;
}
DIV.navSec li a.active:visited{
	color:#cccccc;
	cursor: text;
}
DIV.navSec li a.active:hover{
	color:#cccccc;
	cursor: text;
}
DIV.navSec li#orange{
	color: #ff6600;
}
DIV.navSec li a.orange:link{
	color: #ff6600;
	cursor: text;
}
DIV.navSec li a.orange:visited{
	color: #ff6600;
	cursor: text;
}
DIV.navSec li a.orange:hover{
	color: #ff6600;
	cursor: text;
}
DIV.navSec p {
	margin-left:25px;
}
DIV.navSec a.programme:link {
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#2a2f65;

	* margin-top: 4px;
}
DIV.navSec a.programme:hover {
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#2a2f65;
	* margin-top: 4px;
}
DIV.navSec a.programme:visited {
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#2a2f65;
	* margin-top: 4px;
}

DIV.navSec a:link {
	font-family: "Trebuchet MS";
	color: #cc0066;
	font-size: 14px; /* Attention, indiquer des pourcentages */
	*font-size: 14px;
	text-decoration: none;
}
DIV.navSec a:hover {
	font-family: "Trebuchet MS";
	color: #cc0066;
	font-size: 14px; /* Attention, indiquer des pourcentages */
	*font-size: 14px;
	text-decoration: none;
}
DIV.navSec a:visited {
	font-family: "Trebuchet MS";
	color: #cc0066;
	font-size: 14px; /* Attention, indiquer des pourcentages */
	*font-size: 14px;
	text-decoration: none;
}
DIV.navSec ul li span {
	font-size: 12px; /* Attention, indiquer des pourcentages */
	*font-size: 12px;
}
DIV.navSec h3 {
	font-size: 16px; /* Attention, indiquer des pourcentages */
	*font-size: 16px;
	font-family: "Trebuchet MS";
	color: #444444;	
}
DIV.navSec ul {
    list-style: none; 
    margin-left: 7px;
    padding-left: 1em;
    text-indent: -12px;
	* text-indent:0; 
}

DIV.navSec ul li{
	font-family: "Trebuchet MS";
	color: #cc0066;
	font-size: 16px; /* Attention, indiquer des pourcentages */
	*font-size: 18px;
	text-decoration: bold;
	margin-right:8px;
	margin-top: 10px;	
	line-height: 100%;	
	* line-height: 100%;
}




DIV.navSec ul li:before {
	content: "> ";
}

/* Colonne de droite > Polices et images */
.colDroite IMG.inscription {
	margin-top:16px; 
	padding: 0;
}

.colDroiteProg .pratique {
	width:253px; 
	background-color: #f9f9f9;
	height:1100px;
	* height:1170px; /*IE6 et IE7 */
}

.colDroiteProg .activites{
	padding-left:12px;
}

.colDroite .pratique {
	width:180px; 
	background-color: #f9f9f9;
	margin-top: 24px;
	height:450px;
}

.colDroite .pratique img{
	padding:0;
	margin:-20px 0;
	*margin: 0;	
}

.colDroite .pratique .horaire {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#666666;
	margin-left:34px;
	margin-bottom:24px;
}

.colDroite .pratique .lieu {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#2a2f65;
	margin-left:15px;
	* margin-top: 4px;
}

.colDroite .pratique ul{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#2a2f65;
	margin:-10px -18px 0;
	width:160px;
	list-style: square inside;
	* margin-left:18px;
	* margin-top:-15px;
}

.colDroite .pratique .signature {
	margin-top:129px;
	-margin-top:139px;
}
.colDroite .pratique .signature_region {
	margin:-15px 0;
}

.colDroite .pratique .zoom {
	font-family:"Trebuchet MS";
	font-size: 11px;
	color : #2a2f65;
}
/* Pied de page */
DIV.footer {
	background-image:url(images/footer.jpg);
	background-color:#FF6600;
	height:97px;
	margin:0;
	text-align:left;
}


DIV.footer A:link{
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 8px; /* Attention, indiquer des pourcentages */
	*font-size: 10px;
	text-decoration: none;	
}
DIV.footer A:hover{
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 8px; /* Attention, indiquer des pourcentages */
	*font-size: 10px;
	text-decoration: none;
}
DIV.footer A:visited{
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 8px; /* Attention, indiquer des pourcentages */
	*font-size: 10px;
	text-decoration: none;
}

DIV.footer ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -7px;
	padding-top: 16px;
	-padding-top: 14px;
	-margin-bottom: -16px;
   	*padding-left: 22px;
	-color: #FFFFFF;
}

DIV.footer ul li{
	color: #FFFFFF;
	font-size: 9px; /* Attention, indiquer des pourcentages */
	line-height: 123%;
	*line-height: 130%;
}

DIV.footer ul li:before {
	content: "\007C ";
	margin-right:8px;
}

/* Formulaires */
form p.double {
	width: 80%;
}
form p.double label {
	float: left;
	width: 30%;
	text-align: right;
	font-family : Georgia; 
	font-size : 12px; /* Attention, taille en px */
	color : #666666;
	margin: 0;
}
form p.double input {
	display: block;
	margin-left: 32%;
	width: 45%;
	padding: 1px 4px;
	font-size:0.8em;
}

form p.double textarea {
	display: block;
	margin-left: 32%;
	width: 45%;
	padding: 2px 4px;
 	font-family: "Trebuchet MS";
	font-size: 73%;	
}

form p.simple {
	margin-left: 32%;
	font-family : Georgia; 
	font-size : 12px; /* Attention, taille en px */
	color : #666666;
}

form p.double span {
	display: block;
	margin-left: 32%;
	width: 75%;
	padding: 1px 4px;
	* margin-top: -15px; 
	font-size:73%;
}

form p.double span input{
	display: block;
	margin-left: 0%;
	width: 45%;
	padding: 1px 4px;
	font-size:73%;
}
.required {
  border-color:#CC0000;
  border-style:solid;
  border-width:1px;
} 

.ment{
 color:#CC0000;
 font-size:60%;
 margin-left: 32%;
}
form a{
 color:#333333;
}