body {
	color: #777;
	margin: 0em;
	padding: 0em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	width: 100%;
	height: 100%;
	background-color: #f1f1f1;
	text-align: left;
	line-height: 20px;
}



/*en-tete page accueil*/
h1 {
	font-size: 1.6em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	float: left;
	color: #000;
	font-weight: bold;
	letter-spacing: 0.5px;
	margin-bottom: 1.5em;
	width: 100%;
}


/*utilisé dans les pages contenant les formulaires*/
h2 {
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	font-family: arial;
	margin-top: 1em;
	width: 100%;
	margin-left: 2em;
	margin-bottom: 1.5em;
}


/*en-tête des miniboites, par ex pour donner la fonction des membres du CO, CM */
h3 {
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	font-family: Arial;
	width: 100%;
	border-bottom: 1px dotted #f8f8f8;
}


/*en-tete de col droite: localisation dans le site*/
h4 {
	font-size: 1.3em;
	font-family: Arial;
	margin: 0em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	float: left;
	color: #777;
	font-weight: normal;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.5em;
	width: 100%;
}


h5 {
	font-size: 1.1em;
	font-family: Arial;
	font-weight: bold;
	margin: 0em;
	padding-left:0.2em;
	padding-right: 0.3em;
	float: left;
	text-align: left;
	color: #000;
	padding-top: 1em;
	padding-bottom: 0.5em;
}


h6 {
  font-size: 1.5em;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #222;
  text-align: left;
  padding-top: 0.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding-bottom: 0.5em;
 }
 
/*pour supprimer la bordure "automatique" des img (sur IE) */
img {
  border: 0px;
}

p {
	color: #444; 
	padding: 0em;
	margin-top: 1.1em;
	width: 100%;
}

ul {
	color: #444; 
	padding: 0em;
	margin: 0em;
	list-style-position: inside;
}

.grisclair {
  color: #888;
  font-family: Arial;
  font-size: 100%;
 }

 .gris {
 color: #555;
  font-family: Arial;
  font-size: 100%;
 }
 
.black {
	color: #000;
	font-family: Arial;
	font-size: 100%;
	}
	
.blackBold {
	color: #000;
	font-family: Arial;
	font-size: 100%;
	font-weight: bold;
	}
	
.blackBoldBig {
  font-size: 1.8em;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #111;
  text-align: left;
  margin-bottom: 0em;
  padding-bottom: 1em;
  padding-right: 0.5em;
 }
 
.bleu {
  color: #3483c5;
  font-weight: normal;
  font-family: Arial;
  font-size: 100%;
 }		
	
/*utilisé par exemple pour les fonctions Président et Directeur dans la partie "Sociétés"*/
.italique {
  font-style: italic;
  font-family: Helvetica, Arial, Verdana, sans-serif; 
  font-size: 1.2em; 
  }

.underline {
  text-decoration: underline;
 }
 
.bold1 { 
   font-weight: bold;
   font-size: 100%;
   font-family: Arial;
   color: #555;
}

.bold2 {
   font-weight: bold;
   font-size: 1.3em;
   font-family: Helvetica, Verdana, Arial, sans-serif;
   color: #444;
 }

.red {
  font-weight: normal;
  font-family: Arial;
  color: #d8200f;
  font-size: 100%;
 }
 
.boldRed {
   font-weight: bold;
   font-size: 1.2em;
   font-family: Arial;
   color: #d8200f;
 }
 
.boldRed1 {
   font-weight: bold;
   font-size: 1.15em;
   font-family: Arial;
   color: #d8200f;
   padding-right: 1em;
 }




a.evidenceHome{
	font-weight: normal;
	font-size: 1.1em;
	font-family: Arial, Helvetica, Verdana;
	letter-spacing: 0.1em;
	color: #d8200f;
	font-style: normal;
	text-decoration: none;
}
a:hover.evidenceHome{
	font-weight: normal;
	font-size: 1.1em;
	font-family: Arial, Helvetica, Verdana;
	letter-spacing: 0.1em;
	color: #000;
	font-style: normal;
}
 
 
 /*affichage des messages etc dans les formulaires*/
.msgform {
   font-weight: bold;
   font-size: 1.2em;
   font-family: Arial;
   color: #d8200f;
   margin-top: 2em;
   margin-bottom: 1em;
 }



/*affichage des messages (pas de résultats par ex.)  à la ligne*/
 .msg {
 clear: both;
 float: left;
 margin-top: 1.5em;
 }
 

 
 
/*texte en majuscules rouge*/
.uppercase1 {
  text-transform: uppercase;
  font-weight: normal;
  color: #d8200f;
	font-size: 1.1em;
	text-align: left;
	font-family: arial;
	padding-top: 1em;
	padding-bottom: 0.8em;
}


/*texte en majuscules rouge et gras*/
.uppercase2 {
  text-transform: uppercase;
  font-weight: bold;
  color: #d8200f;
	font-size: 1.1em;
	text-align: left;
	font-family: arial;
	padding-top: 1em;
	padding-bottom: 0.8em;
}




/*présentation des liens hypertextes et adresses e-mails...*/

a.lien_hypertexte {
	color: #999;
	text-align: left;
	text-decoration: underline;
	padding: 0em;
	margin: 0em;
}

a:hover.lien_hypertexte {
	color: #d8200f;
	text-align: left;
	text-decoration: underline;
	padding: 0em;
	margin: 0em;
}



/*présentation des liens dans les boites (leftcol): rouge*/

a.lien_rouge {
	color: #d8200f;
	text-decoration: underline;
	padding: 0em;
	margin: 0em;
}

a:hover.lien_rouge {
	color: #888;
	text-decoration: underline;
	padding: 0em;
	margin: 0em;
}



/*présentation des liens dans la div Localisation*/

a.loc {
	color: #999;
	text-align: left;
	text-decoration: none;
	padding: 0em;
	margin: 0em;
	font-weight: normal;
}

a:hover.loc {
	color: #d8200f;
	text-align: left;
	padding: 0em;
	margin: 0em;
	font-weight: normal;
}



/*présentation des lettres de l'alphabet pour le tri alphabétique (Sociétés)*/

a.lettre {
  font-size: 1.2em;
  padding-right: 0.6em;
  color: #999;
  text-decoration: none;
  text-align: left;
  font-weight: lighter;
 }
a:active.lettre {
  color: #999;
  padding-right: 0.6em;
  text-decoration: none;
  font-size: 1.2em;	
}
a:visited.lettre {
  font-size: 1.2em;	
  padding-right: 0.6em;
  color: #999;
  text-decoration: none;
}

a:hover.lettre {
  font-size: 1.2em;	
  padding-right: 0.6em;
  color: #d8200f;
  text-decoration:underline;
}



/*présentation des images-liens (ex: flèche arrow_top dans Sociétés)*/

a.img {
text-decoration: none;
border: 0em;
color: #fff;
}
a:active.img {
text-decoration: none;
border: 0em;
color: #fff;
}
a:visited.img {
text-decoration: none;
border: 0em;
color: #fff;
}
a:hover.img {
text-decoration: none;
border: 0em;
color: #fff;
}



/*Conteneur*/

div#page {
	position: relative;
	width: 65em;
	margin: 0em auto 0em auto;
	padding: 0em;
	font-size: 100%;
	text-align: left;
	background-color: #FFF;
	border-left: 2em solid #e5e5e5;
	border-right: 2em solid #e5e5e5;
	border-bottom: 0.8em solid #e5e5e5;
	border-top: 2em solid #e5e5e5;
	height: auto;
}




/* titre */

div#titre {
  height: 7em;
  background-color: #fff;
  background-image: url(images/titre.png);
	background-repeat: no-repeat;
	background-position: left;
  width: 100%;
  margin-top: 0em;
  margin-bottom: 2em;
 }




/*bandeau bandeau*/

div#bandeau {
	clear: both;
	height: 12.2em;
	background-image: url(images/festival_fmbv00.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 65em;
	margin: 0em;
	padding: 0em;
	background-color: #fff;
	border-bottom: 1px solid #d8200f;
}

/*contenu "texte" du bandeau */
div#bandeau_content {
  float:right;
  width: 34em;
  margin: 0em;
  padding: 0em;
  height: 12em;
  z-index: 1;
  background-color: #fff;
 }






/***************************************** MENUS **********************************************************/




/*Menu principal*/

div#menu {
	clear: both;
	float: left;
	margin: 0em;
	width: 100%;
	background-color: #d8200f;
	height: auto;
}

div#smenu {
	clear: both;
	float: left;
	width: 100%;
	height: auto;
}


/*conteneur: contient les div menu princ, sous-menu, contenu. Utile pour avoir les border avec une hauteur du contenu variable*/

div#conteneur {
	width: 65em;
	height: auto;
}


/*Menu secondaire*/

div#menuSecondaire {
	height: 4em;
	width: 100%;
	color: #ccc;
}


/*div de localisation dans le site si contenu sur 1 col*/

div#localisation {
	width: 64.5em;
	padding-left: 0.5em;
	padding-top: 0.5em;
	margin: 0em;
	float: left;
	height: auto;
	background-color: #f8f8f8;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	font-family: Arial;
}


  

/*boite (zoom sur, etc.)*/
div.boite1 {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 1em;
	border: 1px solid #d8200f;
	float: left;
	width: 15.5em;
	background-color: #f5f5f5;
}

p.titre_boite1{
  color:#fff;
  background-color: #d8200f;
  font-family: Arial, Sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  text-align: left;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  margin: 0em;
}

/*texte de "boite dans leftcol"*/
p.texte_boite1 {
	text-align: left;
	color: #666;
	font-size: 1.1em;
	font-family: Arial;
	font-weight: light;
	margin: 0em;
	padding-left: 0.2em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	width: 13.5em;
}

/*boite_invisible*/
div.boite2 {
  min-height: 2em;
  width: 15.5em;
  color: #fff;
  margin-top: 2em;
  margin-bottom: 2em;
}














/*boite (zoom sur, etc.) de la page d'accueil (hauteur fixe, plus étroite)*/
div.boite3 {
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: 2.7em;
	border: 1px solid #ccc;
	float: left;
	width: 12.5em;
	background-color: #fff;
	height: 13em;
}

p.titre_boite3{
  color:#000;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  font-family: Arial, Sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  text-align: left;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin: 0em;
}

p.texte_boite3 {
	text-align: left;
	color: #666;
	font-size: 1em;
	font-family: Arial;
	font-weight: light;
	margin: 0em;
	padding-left: 0.2em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	width: 12em;
}












/*contenu*/
div#contenu {
	width: 64em;
	margin: 0em;
	padding: 0em;
	background-color: #fff;
	min-height: 40em;
}


/*contenu page d'accueil*/
div#contenu_homepage {
	width: 43em;
	margin: auto;
	padding-top: 1em;
	background-color: #fff;
	min-height: 18em;
}



/*div image galerie photo sur page d'accueil*/
div.img_galerie {
margin-left: auto;
margin-right: auto;
padding-left: 0.5em;
width: 13.5em;
font-size: 1.1em;
margin-top: 1em;
margin-bottom: 3em;
text-align: left;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-family: Arial, Verdana, Helvetica;
font-style: normal;
line-height: 1.5em;
border-top: 2px dotted #d8200f;
border-bottom: 1px dotted #ccc;
}

/*Colonne gauche (dans la div contenu)*/
div#leftcol {
	float: left;
	width: 16.5em;
	margin-left: 0em;
	margin-top: 0em;
	padding-top: 2.5em;
	padding-left: 0em;
}



/*Colonne droite (dans la div contenu)*/
div#rightcol {
	float: right;
	margin-top: 2em;
	padding-right: 0em;
	padding-top: 0em;
	padding-left: 0em;
	width: 43em;
	margin-right: 0.5em;
	margin-left: 0.3em;
}



/*Contenu sans colonne (dans la div contenu)*/
div#nocol {
	width: 48em;
	margin: auto;
	padding-top: 4em;
	background-color: #fff;
	min-height: 18em;
}




/*div de contenu inclu dans col droite (contenu) */

div.boite_contenu {
	padding-left: 1em;
	margin-top: 0em;
	margin-bottom: 1.5em;
	width: 42em;
	float: left;
	clear: both;
	background-color: #fff;
}

/*div de contenu (sans col) */

div.boite_contenu_nocol {
	padding-left: 1em;
	margin-top: 2.5em;
	margin-bottom: 1.5em;
	width: 46em;
	float: center;
	background-color: #fff;
}


/*div utilisées pour pouvoir mettre des padding et des border au éléments de contenu (à l'affiche par ex.)*/

div.miniboite {
clear:both;
padding-top: 1.5em;
padding-bottom: 1.5em;
border-bottom: 1px dotted #ccc;
}

/*utilisé pour la partie "textuelle" du bandeau */
div.miniboite1 {
padding-top: 0.5em;
padding-bottom: 0.5em;
width: 32.8em;
float: left;
margin: 0em;
}


/* MENU SOCIETE */

/*  div contenant l'ensemble des infos d'une société (infos sociétés+personnes, etc). */
div.societe_personne {
	padding-left: 1em;
	padding-top: 0.8em;
	margin-top: 2.5em;
	margin-bottom: 1.5em;
	width: 38em;
	height: 26em;
	border-bottom: 1px dotted #ccc;
}


/*div contenant infos sociétés (nom, ville, site, dates concerts et festival) */
div.societe {
  font-size: 1.2em;
  width: 36em;
  float: left;
  padding-top: 0.8em;
  color: #444;
 }


 /*div inclue dans div.societe pour chaque personne (avec sa fonction) dépendant d'une société (président, directeur)*/

div.personne_soc {
float: left;
width: 18em;

margin-top: 1.5em;
}


/*div contenant l'alphabet pour le tri alphabétique par société ou localité (sociétés)*/
div#alphabet {
float: left;
padding-top: 1em;
padding-bottom: 1em;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-top: 1.5em;
margin-bottom: 1.5em;
}




/* ANNONCES */
div.annonce {
width: 100%;
border-bottom: 1px dotted #666;







padding-bottom: 1.5em;
background-color: #fff;
}

div.annonce_top {
clear: both;
width: 100%;
color: #aaa;
float: left;
padding-top: 1.5em;
padding-bottom: 0.5em;
}

div.annonce_titre {
width: 100%;
text-align: left;
color: #d8200f;
font-weight: bold;
font-size: 1.3em;
padding-top: 1em;
padding-bottom: 0.5em;
float: left;
}

div.annonce_content1 {
clear: both;
width: 100%;
float: left;
font-family: arial, verdana, helvetica, sans-serif;
color: #444;
font-weight: bold;
font-size: 1.15em;
padding-top: 0.5em;
padding-bottom: 0em;
}

div.intitule  {
width: 6.5em;
float: left;
}

div.intitule2  {
width: 8em;
float: left;
}


div.annonce_content2 {
clear: both;
width: 100%;
float: left;
color: #555;
font-size: 1.05em;
padding-top: 0em;
padding-bottom: 1em;
}

div.annonce_bottom {
width: 100%;
letter-spacing: 0.5px;
font-size: 1.1em;
color: #aaa;
float: left;
padding-top: 1em;
padding-bottom: 1.8em;
border-bottom: 1px dotted #999;
}


/************************************************FOOTER******************************************/

div#footer {
	clear: both;
	width: 65em;
	background-color: #e5e5e5;
	/*background-image: url(images/BanniereFMBV_02.gif);*/
	background-position: bottom;
	background-repeat: no-repeat;
	color: #666;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	height: 5em;
}





/************************************************LISTES*********************************************/



/*Liste verticale 2 (sous-menu dans div leftcol) */

ul.listeVerticale2 {
	margin-left: 0.5em;
	padding-left: 0em;
	width: 15em;
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0em;
	border-bottom: 1px solid #ccc;
}
ul.listeVerticale2  li {
  font-family: Arial;
	float: left;
	list-style-type: none;
	text-decoration: none;
	padding-left: 0em;
	text-align: left;
	margin-left: 0em;
	font-weight: normal;
}
ul.listeVerticale2 li a {
  display: block;
  text-decoration: none;
	color: #000;
}
ul.listeVerticale2 li a:active {
  color: #000;
  }
ul.listeVerticale2 li a:visited {
  color: #000;
  }
ul.listeVerticale2 li a:hover {
	color: #d8200f;
  background-color: #fff; 
}


/*Liste verticale 20 (sous-menu ACTIF dans div leftcol) */

ul.listeVerticale20 {
	margin-left: 0.5em;
	padding-left: 0em;
	width: 15em;
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0em;
	border-bottom: 1px solid #d8200f;

}
ul.listeVerticale20  li {
  font-family: Arial;
	float: left;
	list-style-type: none;
	text-decoration: none;
	padding-left: 0em;
	text-align: left;
	margin-left: 0em;
	font-weight: bold;
}
ul.listeVerticale20 li a {
  display: block;
  text-decoration: none;
	color: #000;
  background-color: #fff; 
}
ul.listeVerticale20 li a:active {
	color: #000;
  background-color: #fff; 
}
ul.listeVerticale20 li a:visited {
	color: #000;
  background-color: #fff; 
}
ul.listeVerticale20 li a:hover {
	color: #d8200f;
  background-color: #fff; 
}




/*Liste verticale 3 (tri par...) */

ul.listeVerticale3 {
	margin: 0em;
	display: block;
}
ul.listeVerticale3  li {
  font-family: Arial;
	float: left;
	list-style-type: disc;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-decoration: none;
	padding-left: 0em;
	text-align: left;
	margin: 0em;
	font-weight: normal;
	width: 100%;
}
ul.listeVerticale3 li a {
	color: #777;
	text-decoration: none;
}
ul.listeVerticale3 li a:active {
  color: #777;
  }
ul.listeVerticale3 li a:visited {
  color: #777;
  }
ul.listeVerticale3 li a:hover {
	color: #000;
	text-decoration: underline;
}


/*Liste verticale 30 (trier par... ACTIF) */

ul.listeVerticale30 {
	margin: 0em;
	display: block;
}
ul.listeVerticale30  li {
  font-family: Arial;
	float: left;
	list-style-type: disc;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0em;
	text-align: left;
	margin: 0em;
	width: 100%;
}
ul.listeVerticale30 li a {
	color: #000;
}
ul.listeVerticale30 li a:active {
	color: #000;
}
ul.listeVerticale30 li a:visited {
	color: #000;
}
ul.listeVerticale30 li a:hover {
	color: #000;
}








/*Liste horizontale (menu secondaire)*/

ul.listeHorizontale {
	float: right;
	height: 2em;
	margin-top: 0em;
}
ul.listeHorizontale li {
	padding-top: 1.5em;
	margin-top: 0em;
	padding-bottom: 0em;
	display: inline;
	float: left;
	list-style-type: none;
	text-decoration: none;
	padding-left: 2em;
	padding-right: 2em;
	border-left: 1px dotted #ddd;
}
ul.listeHorizontale li a {
	font-weight: lighter;
	text-decoration: none;
	color: #999;
	font-size: 1.1em;
	margin: 0em;
	text-align: left;
}
ul.listeHorizontale li a:hover {
	color: #d8200f;
}


/*Liste horizontale 00 (menu secondaire ACTIF)*/

ul.listeHorizontale00 {
	float: right;
	height: 2em;
	margin-top: 0em;
}
ul.listeHorizontale00 li {
	padding-top: 1.5em;
	margin-top: 0em;
	padding-bottom: 0em;
	display: inline;
	float: left;
	list-style-type: none;
	text-decoration: none;
	padding-left: 2em;
	padding-right: 2em;
	border-left: 1px dotted #ccc;

}
ul.listeHorizontale00 li a {
	color: #d8200f;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	margin: 0em;
}
ul.listeHorizontale00 li a:hover {
	color: #d8200f;
	list-style-type: none;
	text-decoration: none;
}








/*Liste horizontale 2 (menu principal)*/

ul.listeHorizontale2 {
	margin: 0em;
	float: left;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 1.1em;
	padding-right: 0.7em;
	background-color: #d8200f;
}
ul.listeHorizontale2 li {
	display: inline;
	font-size: 1.2em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0em;
	float: left;
	text-decoration: none;
	padding-left: 0.6em;
	padding-right: 0.6em;
	letter-spacing: 0.3px;
}
ul.listeHorizontale2 li a {
	color: #fff;
	text-decoration: none;
}
ul.listeHorizontale2 li a:active {
	color: #fff;
	text-decoration: none;
}
ul.listeHorizontale2 li a:visited {
	color: #fff;
	text-decoration: none;
}
ul.listeHorizontale2 li a:hover {
	color: #000;
	text-decoration: none;
}



/*Liste horizontale 20 (menu principal ACTIF)*/

ul.listeHorizontale20 {
	margin: 0em;
	float: left;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 1.1em;
	padding-right: 0.7em;
	color: #000000;
}

ul.listeHorizontale20 li {
	display: inline;
	font-size: 1.2em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0em;
	float: left;
	text-decoration: none;
	padding-left: 0.6em;
	padding-right: 0.6em;
	letter-spacing: 0.3px;
	color: #000000;
}
ul.listeHorizontale20 li a {
	color: #000000;
	text-decoration: none;
	position: relative; /* pour debuger affichage IE; sinon, la bordure n'est pas visible*/
}
ul.listeHorizontale20 li a:active {
	color: #000000;
	text-decoration: none;
}
ul.listeHorizontale20 li a:visited {
	color: #000000;
	text-decoration: none;
}
ul.listeHorizontale20 li a:hover {
	color: #000000;
	text-decoration: none;
}




/* Liste horizontale 4 (pas  utilisée)*/


ul.listeHorizontale4 {
	margin: 0em;
	padding-top: 0.5em;
	height: 1.5em;
}
ul.listeHorizontale4 li {
	display: inline;
	float: left;
	list-style-type: none;
	text-decoration: none;
	font-size: 100%;
	padding-left: 0.2em;
	padding-right: 1.5em;
	color: #777;
}
ul.listeHorizontale4 li a {
	list-style-type: none;
	text-decoration: none;
	color: #777;
}
ul.listeHorizontale4 li a:hover {
	color: #000;
	list-style-type: none;
	text-decoration: none;
}


/* Liste horizontale 40 (pas  utilisée...ACTIF)*/


ul.listeHorizontale40 {
	margin: 0em;
	padding-top: 0.5em;
	height: 1.5em;
}
ul.listeHorizontale40 li {
	display: inline;
	float: left;
	list-style-type: none;
	font-size: 100%;
	padding-left: 0.2em;
	padding-right: 1.5em;
	color: #777;
}
ul.listeHorizontale40 li a {
	list-style-type: none;
	color: #000;
}
ul.listeHorizontale40 li a:hover {
	color: #000;
	list-style-type: none;
}



/******************************************************************FORMULAIRES****************************************************/

/*formulaire centré */
form {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: auto;

  margin-right: auto;
	padding-left: 2em;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #444;
	width: 32.5em;
}


/*formulaire aligné à gauche*/
form.left {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  float: left;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #444;
	width: 32.5em;
}


/*formulaire centré */
form.login {
	margin-top: 1em;
	margin-bottom: 1.5em;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2em;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #444;
	width: 21em;
}



fieldset {
	border: 0.1em solid #eee;
	margin-top: 1.8em;
	width: 32em;
	padding-bottom: 0.7em;
}

fieldset.login {
	border: 0.1em solid #ccc;
	width: 20em;
	padding-bottom: 0.7em;
	float: center;
	margin-top: 1.5em;
}


legend {
  text-align: left;
  font-weight: bold;
  color: #d8200f;
 }

label {
  display:block;
  clear: both;
	color: #444;
	width: 8em;
	text-align: left;
	float: left;
	padding-top: 0.1em;
	margin-top:0.5em;
	padding-left: 0.2em;
}

input {
  display:block;
	color: #555544;
	font-size: 0.9em;
	float: right;
	width: 25em;
	padding-left: 0.5em;
	margin-top: 0.5em;
	
}

input.login {
  display:block;
	color: #555544;
	font-size: 0.9em;
	float: left;
	width: 12em;
	padding-left: 0.5em;
	margin-top: 0.5em;
	
}

textarea {
  float: right;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	margin-top: 0.5em;
	width: 23em;
	height: 18em;
}

select {
  display:block;
	color: #555544;
	font-size: 1em;
	float: right;
	width: 23.4em;
	padding-left: 0.5em;
	margin-top: 0.5em;
}

select.left {
   display:block;
	color: #555544;
	font-size: 1em;
	float: left;
	width: 23.4em;
	padding-left: 0.5em;
	margin-top: 0.5em;
}

select.smaller {
  clear: both;
	color: #555544;
	font-size: 1em;
	float: left;
	width: 17em;
	margin-right: 0.5em;
	margin-left: 0em;
	padding-left: 0em;
	margin-top: 0.5em;
}





input[type="file"] {	
	color: #555544;
	font-size: 0.9em;
	float: left;
	width: 25em;
	padding-left: 0.5em;
	margin-top: 0.5em;
}


input[type="reset"] {	
  color: #666;
	background-color: #fff;
	font-size: 100%;
	width: 12em;
	border: 1px solid #666;
	text-align: left;
	float: left;
	padding-left: 0.2em;
}

input[type="submit"], input[type="button"] {
	background-color: #eee;
	color: #000;
	font-size: 100%;
	width: 9em;
	border: 1px solid #333;
	text-align: left;
	float: left;
	margin-bottom: 0.5em;
	margin-top: 0.8em;
	margin-right: 5em;
	padding-left: 0.2em;
}



/*FORMULAIRE DE CONTACT*/
form.formcontact {
	/*formulaire*/
	margin:7px;
       float: left;
       font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #444;
    }
form.formcontact fieldset{
	/*zones du formulaire*/
	clear:both;
       float: left;
	border:0;
	padding:0;
	margin:0;
	margin-top:4px;
    }
form.formcontact label {
	clear:both;
        float: left;
	font-size:12px;
	padding-left:2px;   
      font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
    }
 form.formcontact input  {
	clear:both;
        float: left;
	padding-top:2px;
	padding-left:2px;
	padding-bottom:0;
	border:1px solid #ccc;
	width:190px;
	height:15px;
	font-size:11.5px;
       font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
       color: #666;
	background:#fff;
    }
form.formcontact input.mail {
	clear:both;
        float: left;
	padding-top:2px;
	padding-left:2px;;
	padding-bottom:0;
	border:1px solid #ccc;
	width:190px;
	height:15px;
	font-size:11.5px;
       font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	background:#fff;
    }
form.formcontact textarea {
	clear:both;
        float: left;
	border:1px solid #ccc;
	padding-top:2px;
       padding-left:2px;
	width:225px;
	height:100px;
	font-size:11.5px;
      font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	background:#fff;
    }
form.formcontact select {
        clear:both;
        color: #555;
       border:1px solid #ccc;
	padding-top:1px;
       padding-left:2px;
	font-size: 11px;
	float: left;
	width: 23.4em;
      font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
      margin-bottom: 1.5em;
}
form.formcontact .bouton  {
	background:#E9EAEA;	
	border:1px solid #999;
	margin-left:65px;
	padding-left:15px;
	color:#000;
	height:23px;
	width:100px;
	font-size:12px;
	font-family:Helvetica,Lucida;
	cursor:pointer;
	}
form.formcontact .bouton:hover {
	background:#E9EAEA;	
	border:1px solid #999;
	margin-left:65px;
	padding-left:15px;
	color:#999;
	height:23px;
	width:100px;
	font-size:12px;
	font-family:Helvetica,Lucida;
	cursor:pointer;
}

.checkRed{
       clear:both;
	padding-bottom:0;
	margin:0;
	font-size:12px;
	color:#d8200f;
}
.checkOk{
       clear:both;
	padding-left:32px;
	padding-bottom:0;
	margin:0;
	font-size:11px;
	color:#2B71CE;
}
.info {
       display: none;
}