html, body 
	{
	margin:0;
	padding:0;
	background: #FBFBFD;
	font-family: "Trebuchet MS", Georgia, Verdana, Helvetica, Sans-serif;
	font-size:0.85em;
	line-height:normal;
	color:#000000;
	height: 100%;
	/*max-width: 1160px;*/
	min-width: 770px;
	}	
	
#banniere 
	{
	background: url(Images/logo2.png) no-repeat center center;
	height: 70px;
	text-align: center;
	}
	
#banniere h1
	{

	}
	
#contenu 
	{
	min-height: 80%;
	width: 100%;

       	}
		
#accueil
	{
	margin: 20px;
	}
	
#gauche 
	{
	position: absolute;
	left:0px;		
	float: left;
	width: 150px;	
	color: #ffffff;
	margin-left: 1em;
	
	}
	html>body #gauche
	{
	height: auto;
	position: absolute;
	
	}
	
#principal 
	{
	margin-left: 190px;
	margin-right: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: auto !important;
  height: 700px; /* because ie suxxe */
  min-height: 650px; 

	}
	html>body #principal
	{
	height: auto;
	}
		
#pied 
	{
	height: 5%;
	padding: 5px;
	text-align: center;
	clear: both;
	}

	div#principal form
	{
	display: inline;
	}
	
p , h2 , h3 , a , .retour , .TextGras , .Textmini , .Textitalic ,  li , ul
	{
	color:#000000;
	background-color: transparent;
	}
	
select 
	{
	color:#000000;
	background-color: #FFFFFF;
	font-size: 1.2em;
	}
	
p
	{
	text-align: justify;
	}
	
.t11
        {
	font-size: 1.2em;
	}

ul, li
	{
	text-align: justify;
	}
	
li.liens
	{
	list-style:none;
        margin:0;
	}

h1 
	{
	font-size:2em; 
	line-height:normal; 
	color: #000000;
	font-weight: bold; 
	/*background-color: #6495ED; */
	background: url(Images/default_toolbar_background.gif) #A6AAD3; 
	text-align: center; 
	Margin: 0px;
	padding: 0px
	}
	
h2 
	{
	font-size:1.4em; 
	line-height:normal;
	font-weight: bold; 
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding-left: 1.2em;
	color: #000000;
	background: url(Images/default_toolbar_background.gif) #A6AAD3;
	}
	
h2 a
	{
	color: red;
	}

h2 a:Hover
	{
	color: blue;
	}
	
h3
	{
	font-size:1.3em; 
	font-weight: bold;
	text-align: center;
	}
	
	
.h3italic
	{
	font-size:1.3em; 
	font-weight: bold;
        font-style:italic;
	}
	
.h3b
	{
	font-size:1.3em; 
	font-weight: bold;
	text-align: center;
	}
	

/* liens */
	
a
	{
	font-size: 1em;
	color: #003399;
	background-color: Transparent;
	}
	
a:hover 
	{
	color:#ff0000;
  background-color: Transparent;
	text-decoration:underline;
	} 
	
a.mail
	{
	float: right;
	color: #000000;
	text-decoration:underline;
	background-color: Transparent;
	}
	
a.mail:hover 
	{
	color:#ff0000;
  background-color: Transparent;
	text-decoration: underline;
	}
	
a.mailg
	{
	float: left;
	color: #000000;
	text-decoration: underline;
	background-color: Transparent;
	}
	
a.mailg:hover 
	{
	color:#ff0000;
        background-color: Transparent;
	text-decoration: underline;
	} 
	
hr
	{
	border: solid 2px #A6AAD3;
	}
	
.retour
	{
	margin-top: 1.3em;
	margin-left: 2em;
	position: absolute;
	}
	
.ret
  {
	font-size:1.3em; 
	font-weight: bold;
	text-align: center;
	}
	
	
.centre
	{
	text-align: center;
	}
	
.droit
	{
	text-align:right;
	}
	
.gauche
	{
	text-align:left;
	}
	
.grand
	{
	font-size: 1em;
	color: #4169e1;
	}
	
.grand2
	{
	font-size: 1.3em;
	}	
	
.TextGras 
	{
	font-weight: bold;
	color:#000000;
	background-color: transparent;
	}
	
.Gras
	{
	font-weight: bold;
	/*text-decoration: none;*/
	}
	
.GrasB
	{
	font-weight: bold;
	text-decoration: none;
	color: #4169e1;
	font-size: 1em;
	}
	
.Textitalic 
	{
	font-style: italic;
	}
	
.TextSouligne 
	{
	text-decoration: underline;
	color:#000000;
	background-color: transparent;
	}
	
.Textmini 
	{
	color:#000000;
	background-color: transparent;
	font-size: 0.6em;
	}
	
.justifie
	{
	text-align: justify;
	}
	
	
.adresse
	{
	font-size:1.2em; 
	line-height:normal; 
	color: #000000; 
	font-weight: bold; 
	background-color: transparent;
	text-align: center;
	width: 20em;
	margin-left: auto;
	margin-right: auto;
	border: solid 2px #a6aad3;
	}
	
.logo-xiti
	{
	border: none 0px; 
	text-decoration: none;
	}
    
.logo-w3c
	{
	border: none 0px;
	text-decoration: none;
	}
	
.bords-images 
	{ 
	border: none 0px; 
	}

.image
	{
	float: left;
	margin-right: 20px;
	margin-top: 5px;
	margin-left: 5px;
	border: none;
	}
	
.imagetrombi
	{
	float: left;
	margin-right: 20px;
	margin-top: 1.1em;
	margin-left: 5px;
	border: none;
	}
	
.image2
	{
	margin-right: -10px;
	margin-bottom: 5px;	
	border: none;
	}
	
.image3
	{
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	margin-left: 20px;
	border: none;
	}
	
.image4
	{
	float: left;
	margin-right: 5px;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 20px;
	border: none;
	}

.image5
	{
	float: right;
	margin-left: 20px;
	margin-top: 5px;
	margin-right: 5px;
	border: none;
	}
	
.image6
	{
	border: 1px solid #6495ED;
	}
	
.separation
	{
	clear: both;
	visibility: hidden;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	display:block;/* pour obliger le retour a la ligne et 100% de largeur occupé */
	}

.saut
       {
       clear: both;
       visibility: hidden;
       }
       
.logo
	{
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	border: none 0px;
	}

.bouton
	{
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #a6aad3;
	}
	
/* menu */
	
.menu 
        {
	position: relative;
	margin-top: 5px;
	left: 5px;
	width: 155px;
	border: 1px solid #A6AAD3;
	background-color: #F8F8FC;
	color: #000000;
	-moz-border-radius: 8px;
	}

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

.menu li 
  	{
	margin: 0px;
	padding: 0px;
	}

.menu p
 	{ 	  /* configuration des titres */
	clear:both;
	font-weight: bold;
	font-size: 1.2em;
	width: 155px;
	height: 1.3em;
	margin: 0px;
	border-bottom: 1px solid #A6AAD3;
	background: url(Images/default_toolbar_background.gif) #A6AAD3;
	color: #000000;
	text-align: center;
	-moz-border-radius: 8px 8px 0 0px;
	}

.menu a 
  	{
	margin-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 150px;
	height: 15px;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #000000;
	font-size: 1em;
	}
	 
.menu a:hover 
  	{
	background-color: #E6E7F2; /*#add8e6; */
	color: #000000;
	text-align: left;
	text-decoration: none;
	}
	
/* cadres */
.tr1
	{
	text-align: left;
	font-size: 1.2em; 
	line-height: normal;
	color: #ffffff;
	background-color: #a6aad3;
	}
	
.tr2
	{
	text-align: left;
	font-size: 1.2em; 
	line-height: normal;
	color: #000000;
	background-color: #F8F8FC;
	width: 40%
	}
	
.cadre
	{
	font-size: 1.1em;
	color: #000000;	
	margin-right: auto;
	margin-left: auto;
	padding: 8px;
	background-color: #F8F8FC;
	border: solid 3px #a6aad3;
	}
	 html>body #cadre
  	{
		width: auto;
	}
	
.cadreR
	{
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	background-color: #ffffff;
	border: solid 3px red;
	}
	 html>body #cadreR
  	{
		width: auto;
	}
	
.cadre2 
	{
	text-align: left;
	font-size: 0.8em;
	color: #000000;	
	margin-right: auto;
	margin-left: auto;
	padding: 8px;
	width: 80%;
	background-color: #F8F8FC;
	border: solid 2px #a6aad3;
	}
	html>body #cadre2
        {
		width: auto;
 	}

 .cadre-pre
	{
	text-align: center;
	margin-right: auto; 
	margin-left: auto; 
	padding: 8px;
	width: 85%;
	background-color: #F8F8FC; /*#FFFFFF;*/
	border: solid 2px #a6aad3;
	}
	 html>body #cadre-pre
        {
		width: auto;
	}
	
.cadre-stages
	{
	text-align: left;
	font-size: 1.2em;
	color: #000000;	
	margin-right: auto;
	margin-left: auto;
	padding: 8px;
	background-color: #F8F8FC; /*#FFFFFF;*/
	border: solid 3px #a6aad3;
	}
	 html>body #cadre
        {
		width: auto;
   	}
	
.cadre-nav
	{
	text-align: center;
	margin-right: auto; 
	margin-left: auto; 
	width: 90%;
	background-color: #F8F8FC; /*#f0f8ff*/
	padding: 0.3em;
	border: 2px solid #a6aad3;
	}
	
.bloc
	{
	margin-right: auto; 
	margin-left: auto; 
	padding: 8px;
	width: 95%;
	height: 180px;
	background-color: #FFFFFF;
  }
	
.bloc2
	{
	text-align: left;
	font-size: 1em;
	color: #000000;	
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	padding: 8px;
	background-color: transparent;

	}
	 html>body #cadre
  	{
		width: auto;
	}
	
.bloc3
	{
	height: 8em;
	background-color: transparent;
	}
	
.bloc4
        {
        margin-right: auto; 
	margin-left: auto; 
	padding-right: 5px;
	text-align: justify;
	height: 180px;
	background-color: transparent
	}
	
.bloctrombi
	{
	margin-left: 125px;
	text-align: left;
	font-size: 1em;
	color: #000000;	
        height: 11.5em;
        /*height: 15em;*/
	background-color: transparent;
	}
	
.nav
	{
	Padding: 0px 20px 4px 20px;
	font-size: 1.2em;
	width: 60%;
	line-height: normal;
	font-weight: bold;
	text-align: center;
	}
	
code
	{
	font-size: 1em;
	color: #000000;	
	}
	
#cadreform
	{
	text-align: left;
	font-size: 1em;
	color: #000000;	
	margin-right: auto;
	margin-left: auto;
	padding: 8px;
	width: 80%;
	background-color: #F8F8FC;
	border: solid 2px #a6aad3;
	-moz-border-radius: 15px;
	}
	html>body #cadreform
        {
		width: auto;
 	}
	
#cadreform fieldset 
	{	/*mise en forme des cadres */
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	border: solid 1px #a6aad3;
	-moz-border-radius: 15px;
	}
	
#cadreform legend
	{
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	}
	
#cadreform p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	}

#cadreform fieldset#coordonnees label 
	{	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	}

#cadreform fieldset#participation label 
	{	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	}
	
#cadreform label:hover 
	{
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
	}

#cadreform label.oblig 
	{
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
	}
	
#cadreform .legende
	{    	/* Mise en forme des aides contextuelles */
	Font-style: italic;
	color: #666;
	Background: transparent;
	margin: 0;
	padding: 0;
	}
	
#cadreform textarea
	{
	border: 1px solid #a6aad3;
	-moz-border-radius: 15px;
	}
		
#cadreform a.aide 
	{	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
	}	
	
#cadreform a.aide img 
	{	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#cadreform a.aide:hover 
	{	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
	}
	
#cadreform .focus 
	{	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: #000000;
	}

#cadreform .normal 
	{	/*** Retour à l'état normal après l'utilisation ***/
	background: #FFFFFF;
	color: #000000;
	}	

/*** Mise en forme des messages d'erreur ***/

#cadreform .alerte 
	{	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
	}
	
#cadreform .messageAlerte 
	{	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif') no-repeat left center;
	}

.vide
	{
	clear: both;
	}
	
.bleu
	{
	color: #FFFFFF;
	background-color: #a6aad3;
	}
	
.galerie   
       {
       /*border: 1px solid #A6AAD3;*/
       height: 14em;
       width: 17em;
       float: left;
       padding: 1em;
       }
      
.galerie a
       {
       margin: 1em;
       
       }
       
.galerie img
       {
       float: left;
       margin:1em;
       border: 1px solid #A6AAD3;
       }
       
dl.gallery
	{
	border: 1px solid #A6AAD3;
	background-color: #F8F8FC;
	width: 160px;
	text-align: center;
	padding: 10px;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	}

.gallery dt 
	{ 
	font-weight: bold; 
	}

.gallery dt img
	{
	border: 1px solid #A6AAD3;
	/*width: 100px;
	height: 100px;*/
	}

.gallery dd
	{
	margin: 0;
	padding: 0;
	}
	
.bout
	{
	font-size: 0.8em;
	}
	
object
	{
	width: 90%;
	height: 600px;
	}

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid #A6AAD3;
}
.highslide:hover img {
	border: 1px solid red;
}

.highslide-image {
	border: 2px solid #A6AAD3;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 1px solid #A6AAD3;
    border-top: none;
    padding: 5px;
    background: url(Images/default_toolbar_background.gif) #A6AAD3;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid #A6AAD3;
	border-bottom: 1px solid #A6AAD3;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}

a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}

.highslide-display-none {
    display: none;
}