body {	font-family:Arial; font-size:14px}
#content_haut {color:#f9f9f9;}

a {outline:none}
/*--------------------------------------------------
MENU HAUT 2
  --------------------------------------------------*/
#parthaut_gpe{
	height:25px;
	clear:both;
	background:#BFBFBF;
}
 
#parthaut2 {
	color:#0099FF;
	text-decoration:none;
	line-height:25px;
	font-size:11px;
	letter-spacing: 1px;
    width:500px;
	height:25px; 
	float:left
}
#parthaut2 a{
	color:#f9f9f9;
	text-decoration:none;
}
#parthaut2 a:hover{color:#f9f9f9; text-decoration: underline}
#parthaut2 span {color:#ffffff}

/*--------------------------------------------------
MENU HAUT dte
  --------------------------------------------------*/

.parthaut_dte {
	color:#0099FF;
	text-decoration:none;
	font-size:11px;
	letter-spacing: 1px;
	font-style: italic;
	float:right;
	text-align:right;
	/*padding-right:11px;*/
	margin:0px;
	width:286px;
	height:25px; 
	line-height:25px;
	background-color:#a5a5a5
}
.parthaut_dte a{
	color:#7E7F7F;
	text-decoration:none;
}
.parthaut_dte a:hover {color:#7E7F7F; text-decoration: underline}

.parthaut_dte a:visited{color:#7E7F7F; text-decoration: none}

.parthaut_dte span {
	color:#7E7F7F;
	font-style: normal;
}

/*--------------------------------------------------
MENU HAUT 22
  --------------------------------------------------*/

#parthaut22 {
	color:#0099FF;
	text-decoration:none;
	line-height:32px;
	font-size:10px;
	letter-spacing: 1px;
}
#parthaut22 a{
	color:#BEBFBF;
	text-decoration:none;
}

#parthaut22 a:visited{color:#7E7F7F; text-decoration: none}
#parthaut22 a:hover{color:#BEBFBF; text-decoration: underline}
#parthaut22 span {color:#A5A5A5}

/*--------------------------------------------------
MENU liens_news_num
  --------------------------------------------------*/

#liens_news_num{
	color:#0099FF;
	text-decoration:none;
	line-height:13px;
	font-size:10px;
	letter-spacing: 1px;
	margin-top:27px;
	margin-bottom:0px;
	margin-left:14px;
	width:572px;
}
#liens_news_annees{
	color:#0099FF;
	text-decoration:none;
	font-size:10px;
	letter-spacing: 1px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:14px;
	width:572px;
}
#liens_news_num a, #liens_news_annees a{
	color:#F9F9F9;
	text-decoration:none;
}

#liens_news_num a:visited, #liens_news_annees a:visited{color:#DFDFDF; text-decoration: none}
#liens_news_num a:hover, #liens_news_annees a:hover{color:#F9F9F9; text-decoration: underline}
#liens_news_num span, #liens_news_annees span {color:#FFFFFF; font-size:11px;}


/*--------------------------------------------------
parthaut1
  --------------------------------------------------*/


#parthaut1 #content_haut {
	padding-left:272px;
	color:#4C4C4C;
	font-size:10px;
	margin-top:93px;
	text-align:left;
	float:left;
	letter-spacing: 0.3px;
	line-height: 15px;
	float:left;
}
#parthaut1 #content_haut span{
	color:#FFFFFF;
	/*font-weight:bold;*/
	letter-spacing: 1px;
}
#parthaut1 #content_haut_biblio_amis {
	margin-left:14px;
	margin-top:20px;
	height:347px;
	width:572px;
}
#parthaut1 #content_haut_biblio_amis p{ margin:0}

#parthaut1 #content_haut_news_date {
	margin:1px;
	height:18px;
}
#parthaut1 #content_haut_news P A {	color:#4C4C4C; text-decoration:underline}
#parthaut1 #content_haut_news P A:hover { text-decoration:none}

#parthaut1 #content_haut_biblio_amis P A {	color:#4C4C4C; text-decoration:underline}
#parthaut1 #content_haut_biblio_amis P A:hover {	 text-decoration:none}



#parthaut1 #content_haut_news {
	margin-left:14px;
	margin-top:0px;
	height:299px;
	width:572px;
}

#parthaut1 #content_haut2 {
	margin:0px;
	/*padding-right:11px;
	padding-left:12px;
	padding-top:61px;*/
	padding-bottom:10px;
	color:#4C4C4C;
	font-size:10px;
	/*overflow:auto;*/
	width:286px;
	height:496px;
	text-align:left;
	float:right;
	letter-spacing: 0.3px;
	line-height: 15px;
	background-color:#a5a5a5
}

/*--------------------------------------------------
special IE 7
  --------------------------------------------------*/
*:first-child+html #parthaut1 #content_haut2 {
   	line-height: 11px; /* Lu uniquement par IE 7 */
}

#parthaut1 #content_haut2 span{
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing: 1px;
	margin:0px;
}

#parthaut1 #content_news span{
	color:#FFFFFF;
	font-weight:bold;
	line-height: 12px;
	letter-spacing: 1px;
}
#parthaut1 #content_haut_news_date span{
	color:#FFFFFF;
	font-weight:normal;
	line-height: 12px;
	letter-spacing: 1px;
}
#parthaut1 #content_haut_news_date span a:link, #parthaut1 #content_haut_news_date span a:hover, #parthaut1 #content_haut_news_date span a:visited, #parthaut1 #content_haut_news_date span a:active{
	color:#FFFFFF;
	font-weight:normal;
	line-height: 12px;
	letter-spacing: 1px;
	text-decoration:none
}
#parthaut1 #content_haut2 .gris, #parthaut1 #mentions_legales .gris{
	color:#E5E5E5;
	font-weight:bold;
	letter-spacing: 1px;
}
#mentions_legales {
	margin:0px;
	padding-right:11px;
	padding-left:12px;
	padding-top:278px;
	padding-bottom:0px;
	color:#4C4C4C;
	font-size:10px;
	overflow:auto;
	width:263px;
	height:228px;
	text-align:left;
	float:right;
	letter-spacing: 0.3px;
	line-height: 15px;
	background-color:#a5a5a5
}

#content_news {
	margin:0px;
	padding-right:11px;
	padding-left:12px;
	padding-top:433px;
	padding-bottom:0px;
	color:#4C4C4C;
	font-size:10px;
	overflow:auto;
	width:263px;
	height:81px;
	text-align:left;
	float:right;
	letter-spacing: 0.3px;
	line-height: 15px;
	background-color:#a5a5a5
}
.liens_amis{
	margin-top:-3px;
	margin-bottom: 8px;
	padding:0px;
	color:#4C4C4C;
	font-size:10px;
	overflow:auto;	
	display: block;
	letter-spacing: 0.3px;
	text-decoration:underline;
}
.liens_amis a:link, .liens_amis a:hover, .liens_amis a:visited, .liens_amis a:active {
	margin:0px;
	padding:0px;
	color:#4C4C4C;
	font-size:10px;
	overflow:auto;	
	display: block;
	letter-spacing: 0.3px;
	line-height: 25px;
	text-decoration:underline;
}


/*--------------------------------------------------
MENU BAS srub
  --------------------------------------------------*/
#total_srub {margin-left:0px; color:#7E7F7F; font-size:10px; float:left; clear:both; height:1024px; background-color:#330099 }
#content_srub {margin-left:0px; background-color:#FFFFFF; width:989px/*1100px*/}
* html #content_srub {
   width:989px/*1100px*/ /* Lu uniquement par IE 6 */
}


#total_srub #srub {
	color:#0099FF;
	text-decoration:none;
	line-height:28px;
	font-size:10px;
	letter-spacing: 1px;
	margin-left: 286px;
	width:75%;
}
#total_srub #srub a{
	color:#BEBFBF;
	text-decoration:none;
}

#total_srub #srub a:visited{color:#7E7F7F; text-decoration: none}
#total_srub #srub a:hover{color:#BEBFBF; text-decoration: underline}
#total_srub #srub span {color:#A5A5A5}



/*--------------------------------------------------
Vignettes
  -------------------------------------------------
#vignettes {margin-left: 273px; margin-bottom:8px; margin-top:7px; width:75%; float:left}*/
#vignettes {margin-left:16px; margin-bottom:8px; margin-top:7px; width:710px; float:left}
/*#vignettes img {margin-right: -2px; border:0px; padding:0px}*/
#vignettes img a{margin: 0px; border:0px; padding:0px}
.item { margin-right:-1px}
.item2 { margin-right:-2px}

#partie_basse {margin:0px; border:0px; /*width:989px/*1100px*/; height: 100%; float:left}

#texte {margin-left: 12px; width:250px; margin-top:38px; float:left}
#texte a { clear:both; display:block}
#images {margin-left: 23px; width:703px; margin-top:3px;float:left; height:536px}
.liens_gauche {margin-left: 15px; margin-top:-5px; margin-bottom:5px; line-height:14px; 	letter-spacing: 1px; width:236px}
.liens_gauche_bloc {margin-right: 11px; margin-top:0px; margin-bottom: 16px;font-size:10px; color:#7E7F7F; float:left}
.liens_gauche_bloc p { margin:0}
.liens_gauche_bloc2 {margin-top:0px; margin-bottom: 10px}
#texte .commentaire_01 {color:#BEBFBF; font-style: italic; margin-bottom:2px;}
#texte .commentaire_02 {color:#7E7F7F; margin-bottom:16px;}
#texte .commentaire_03 {color:#0099FF; font-style: italic; margin-bottom:2px;}
#texte .commentaire_04 {color:#4C4C4C; padding-top:50px;}
.commentaire_04 a{color:#4C4C4C; text-decoration:underline}
.commentaire_04 a:hover, .commentaire_04 a:active, .commentaire_04 a:visited{color:#4C4C4C; text-decoration:underline}
.titre_legende {color:#BEBFBF; font-style:italic}

#texte img {margin-top: 0px; margin-bottom: 13px; border:0px}
#texte img a{border:0px}


/*--------------------------------------------------
MENU GAUCHE BAS les class n'existent pas dans les pages car je ne savais pas commzent les faire
  --------------------------------------------------*/

.envoyer:a { padding:0px; border:0px; margin:0px; display:block; height:22px; width:60px; float:right; background:url('../img/bouton_envoyer.gif') no-repeat }
.envoyer:hover {  background: url('../img/bouton_envoyer-over.gif') no-repeat }
.envoyer {  background:url('../img/bouton_envoyer-over.gif') no-repeat}




/*--------------------------------------------------
Formulaires
  --------------------------------------------------*/

.InputFormTxt{font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing: 1px; color:#7e7f7f; background-color:#FFFFFF; padding-top:3px; padding-left:8px; padding-right: 5px; margin:0px; margin-bottom:1px; border:0px; width: 249px; height:18px;border:1px solid #a5a5a5}




/*QUAND LA ZONE EST SELECTONNEE UN CONTOUR APPARAIT
.InputFormTxt{border:1px solid #808080;} */

/*QUAND IL Y A UNE ERREUR SUR UN DES CHAMPS A REMPLIR
#parthaut1 #content_haut2 span{
	color:#0099FF;
	font-weight:bold;
	letter-spacing: 1px;
}*/


#texte .erreur{
	color:#0099FF;
	font-weight:bold;
	letter-spacing: 1px;
}

/*QUAND IL Y A UNE ERREUR SUR UN DES CHAMPS A REMPLIR LE CONTOUR CHANGE DE COULEUR
.InputFormTxt{border:1px solid #0099FF}*/




.InputFormTxt_gris{font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing: 1px; color:#7e7f7f; background-color:#D8D9D9; padding-top:3px; padding-left:8px; padding-right: 5px; margin:0px; margin-bottom: 12px; border:0px; width: 249px; height:18px;border:1px solid #a5a5a5}

/*QUAND LA ZONE EST SELECTONNEE UN CONTOUR APPARAIT
.InputFormTxt_gris{border:1px solid #808080;}*/

.InputFormTxt_gris2{font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing: 1px; color:#7e7f7f; background-color:#D8D9D9; padding-top:3px; padding-left:8px; padding-right: 5px; margin:0px; margin-bottom:5px; border:0px; width: 249px; height:18px}

.InputFormTxt_news{font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing: 1px; color:#7e7f7f;  padding-top:3px; padding-left:25px; padding-right: 5px; margin:0px; margin-bottom:1px; border:0px; width: 195px; height:18px; background:url('../img/ico_newsletter.gif') no-repeat; background-color:#FFFFFF; float:left; border:1px solid #A5A5A5}

/*QUAND LA ZONE EST SELECTONNEE UN CONTOUR APPARAIT
.InputFormTxt_news{border:1px solid #808080;}*/

/*QUAND IL Y A UNE ERREUR SUR UN DES CHAMPS A REMPLIR LE CONTOUR CHANGE DE COULEUR
.InputFormTxt_news{border:1px solid #0099FF}*/


.InputFormTxt_gris_gd{font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing: 1px; color:#7e7f7f; background-color:#D8D9D9; padding-top:8px; padding-left:8px; padding-right: 5px; margin:0px; margin-bottom: 5px; border:0px; width: 249px; height:70px}

.link_gris {color:#7e7f7f; text-decoration:underline} 

.link_gris a:link, .link_gris a:hover, .link_gris a:active,.link_gris a:visited{color:#7e7f7f; text-decoration:underline} 

.InputFormArea{font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing: 1px; color:#7e7f7f; background-color:#FFFFFF; padding-top:5px; padding-left:8px; padding-right: 5px; padding-bottom: 4px; margin:0px; margin-bottom: 10px; border:0px; width: 249px; height:214px;border:1px solid #a5a5a5}

/*QUAND LA ZONE EST SELECTONNEE UN CONTOUR APPARAIT
.InputFormArea{border:1px solid #808080;}*/

.InputFormTxt_livredor{font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing: 1px; color:#7e7f7f; background-color:#FFFFFF; padding-top:3px; padding-left:8px; padding-right: 5px; margin:0px; margin-bottom:1px; width: 221px; height:18px; 	border:1px solid #BEBFBF;}

/*QUAND LA ZONE EST SELECTONNEE UN CONTOUR APPARAIT
.InputFormTxt_livredor{border:1px solid #7E7F7F;}*/

.InputFormArea_livredor{font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing: 1px; color:#7e7f7f; background-color:#FFFFFF; padding-top:5px; padding-left:8px; padding-right: 5px; padding-bottom: 4px; margin:0px; margin-bottom: 10px; width: 221px; height:73px; border:1px solid #BEBFBF;}

/*QUAND LA ZONE EST SELECTONNEE UN CONTOUR APPARAIT
.InputFormArea_livredor{border:1px solid #7E7F7F;}*/

.liens_gauche span {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#BEBFBF; margin-top:16px; border:0px; padding:0px}

.liens_gauche .ajouter_commentaire {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#BEBFBF; margin-top:15px; margin-bottom:12px; border:0px; padding:0px; font-style: italic}

.envoyer { padding:0px; border:0px; margin:0px; display:block; height:22px; width:60px; float:right; background:url('../img/bouton_envoyer.gif') no-repeat }
.envoyer:hover {  background: url('../img/bouton_envoyer-over.gif') no-repeat }
.envoyer:active {  background:url('../img/bouton_envoyer-over.gif') no-repeat}

.envoyer_comment { padding:0px; border:0px; margin:0px; display:block; height:22px; width:60px; background:url('../img/bouton_envoyer.gif') no-repeat; float:right; text-align:right}
.envoyer_comment:hover {  background: url('../img/bouton_envoyer-over.gif') no-repeat }
.envoyer_comment:active {  background:url('../img/bouton_envoyer-over.gif') no-repeat}

.ok { padding:0px; border:0px; margin-top:1px; display:block; height:22px; width:32px; float:right; background:url('../img/bouton_ok.gif') no-repeat}
.ok:hover {  background: url('../img/bouton_ok-over.gif') no-repeat}
.ok:active {  background:url('../img/bouton_ok-over.gif') no-repeat}

form{margin:0px; padding:0px; border:0px}

img {margin:0px; border:0px}
img a:link, img a:hover, img a:active, img a:visited{margin:0px; border:0px}


/*TITRE EXPO ET NOM DE L'AUTEUR*/

.infos_expo {float:left; width:256px}
.titre_expo{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; letter-spacing: 1px; color:#7e7f7f; margin-left:25px; margin-top:4px}
.nom_auteur{font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; letter-spacing: 1px; color:#BEBFBF; margin-left:25px; margin-top:-2px}
#parthaut1{height:506px; clear:both; background: #BFBFBF; }


/*HAUT DE PAGE*/

.haut_page{background: url('../img/bouton-gg_haut.gif') no-repeat right; float:right; padding-right:12px; /*margin-right:10px; */font-size:12px; color:#999999;}
.haut_page a:link, .haut_page a:visited{color:#999999; text-decoration:none}
.haut_page a:hover{text-decoration:underline}
#b1 P, #b2 P, #b3 P, #b4 P{ margin:0}

#texte a{color:#7E7F7F; text-decoration:underline}
#texte a:hover{ text-decoration:none}