/******************************/
/* ELEMENTS */
body
	{margin:0px;
	padding:0px;overflow:hidden;
	background-color:#000000;
	scrollbar-3dlight-color:#FFFFFF;
    scrollbar-arrow-color:#FFFFFF;                          
    scrollbar-base-color:#000000;                           
    scrollbar-darkshadow-color:#000000;
    scrollbar-face-color:#000000;                          
    scrollbar-highlight-color:#000000;                    
    scrollbar-shadow-color:#FFFFFF;}

	

*	{font-family:Verdana,arial;
	font-size:9pt;
	color:#ffffff}
	
h1
	{font-weight:normal}
	
a img
	{border:none}	
	
	
/* SEPARATION DE L'ESPACE */
#Cadre
	{width: 770px;
	border: 1px solid #ffffff;}
body table
	{width:100%;
	height:100%;}
	
#bandeau_ht
	{background-image:url(images/bandeau.jpg);
	margin:0px;
	background-repeat:no-repeat;
	height:87px; 
	overflow:hidden;
	padding-top:51px
	}


#trait_mnu1,#trait_mnu2,#trait_mnu3, #trait_mnu2Acc
	{margin:0px;
	height:18px;
	background-image:url(images/carre.gif);
	background-repeat:repeat-x;
	background-position:left center;}

#trait_mnu1
	{width:60px;
	float:left}
#trait_mnu3
	{float:left;
	width:47px;
	margin-left:-2px;
	margin-right:-2px}

#pied
	{text-align:right;
	font-size:10px;
	padding-right:30px;
	height:18px;
	padding-top:2px;
	background-image:url(images/pied.jpg);
	background-repeat:no-repeat}	

	
	
#bord_G,#bord_D
	{Float:left;
	width:30px;
	height:450px;
	overflow:hidden;
	background-image:url(images/bord.jpg);
	background-repeat:no-repeat;
	margin:0px}

#contenu
	{float:left;
	width:707px;
	height:450px;
	border: 1px solid #ffffff;
	text-align:left;
	overflow-y:scroll}
	
	
/* CLASSES */
a.mnu,a.mnu_visited,a.mnu_plan
	{display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	height:14px;
	margin:2px;
	padding:1px;
	border:1px solid #ffffff;
	text-align:center;
	width:80px;
	color:#ffffff}

a.mnu_plan
	{width:100%;
	margin-bottom:4px;
	margin-top:10px;}	

a.mnu,a.mnu_visited
	{float:left}
a.mnu:hover,a.mnu_visited,a.mnu_plan:hover
	{text-decoration:none;
	background-color:#ffffff;
	color:#6F0F01;
	border:1px solid #ffffff;
	filter:Alpha(opacity=70);
	opacity: 0.5;
}

a.mnu_visited
	{cursor:pointer;
	filter:Alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;}

a.pied
	{text-decoration:none;
	font-weight:bold;
	font-size:9px;
	margin:2px;
	padding:1px;
	color:#ffffff;
	display:inline}

a.pied:hover
	{text-decoration:underline;}
/* ACCUEIL */

#compteur
	{font-size:9px;
	float:left;
	color:#aaaaaa;
	padding-left:30px}

#imgAccueil
	{margin:30px;
	float: left;
	border:solid 1px #ffffff;}
	
#motIntro
	{margin:30px;
	text-align:justify;
	margin-top:60px;
	line-height:1.5em}

#BoutonVersion
	{margin-left:190px;
	width:120px}
	
.news
	{margin:30px;}
.newsdate
	{font-weight:bold;
	margin-bottom:4px;
	padding-left:12px;
	padding-bottom:2px;
	width:180px;
	border-bottom:solid 1px #fbc701;}
.newsTxt
	{text-align:justify;
	padding-left:12px;}


/* IMAGES */

.cadre_img
	{border:1px solid #ffffff;}
	
#imBio, #legBio
	{filter:blendTrans(duration=1)}
	
#legBio
	{width:300px;
	margin-top:4px;
	font-size:9px;
	margin-bottom:8px;
	text-align:center;
	display:block;}
html>body #legBio
	{margin-left:200px}		
#big_img
	{text-align:center;
	height:310px;
	margin-bottom:6px;
	margin-top:40px;}

#img_gall
	{width:668px;
	margin:10px;
	margin-bottom:0px;
	border:1px solid #ffffff;
	height:108px;
	overflow:auto;}

#leg 
	{display:none}
	
.thumb,.thumb_over
	{cursor:pointer;
	margin-left:4px;
	margin-top:8px;
	filter: Alpha(opacity=50)}

.thumb_over
	{filter: Alpha(opacity=100)}

	
	
	
	
	
	
	
	
/* LIENS */
#Lien_Table
	{width:100%;
	height:auto;
	margin-top:40px;}

.Lien_Titre
	{
	padding-left:20px;
	font-weight:bold}
.Lien_URL
	{padding-left:40px;
	vertical-align:top}
.Lien_Image img
	{padding:2px}	
.Lien_Image img
	{border:solid 1px #aaa}	
.Liens_Sep
	{text-align:center;
	vertical-align:middle;
	padding-top:14px}
html>body .Liens_Sep div
	{margin-left:190px}
.liens_Sep div
	{border-top:solid 1px #aaa;
	height:14px;
	width:50%}	
	
	
	
	
/* CRITIQUES */

.crit_conteneur
	{margin:30px;
	text-align:center;
	width:280px;
	padding:10px;
	padding-top:20px;
	border:solid 1px #aaa}
.crit_conteneur img
	{cursor:pointer}
	
.crit_legende
	{
	margin-top:8px;
	text-align:center;
	font-weight:bold;
	font-size:8pt}
#critiques_right, #critiques_left
	{text-align:center;
	width:340px;
	float:left}
	
#critiques_right .crit_conteneur
	{margin-left:10px;
	}
#critiques_left .crit_conteneur
	{margin-right:10px;
	}

	
/* ADMIN */
INPUT,TEXTAREA
	{color:#000}
	
.bouton
	{color:#fff;
	background-color:#000;
	border:solid 1px #fff}
	
/* FORMULAIRE */




#contact
{
margin-top:14px;
border:1px solid #fff;
padding:6px;
background-color:#811400}
html>body #contact
	{margin-left:260px}


#formulaire
{margin-left:10px;
margin-top:20px;
width:500px}

html>body #formulaire
	{margin-left:115px;
	text-align:center}

html>body #formulaire table
	{margin-left:40px;
	text-align:center}

.button
{BORDER-WIDTH: 2px;background-color:white;font-weight:bold;color:#811400;font-size:8pt;width:64px}






/* PROJETS ART */

#proj_mnu
	{width:240px;
	margin:6px;
	margin-top:10px;
	border:1px solid #ffffff;
	padding:4px;
	float:left;
	font-size:9px}
html>body #proj_mnu
	{margin-top:-35;}

a.proj,a.ancre
	{text-decoration:none;
	font-weight:bold;
	font-size:10px;
	margin:2px;
	padding:1px;
	color:#ffffff;
	}

a.ancre,a.ancre:hover
	{text-decoration:underline;
	display:block;
	text-align:right;
	margin-right:16px;
	}
		
a.proj:hover
	{text-decoration:underline;
	color:#fbc701}


#proj_entete 
	{margin-top:43px;
	}
html>body #proj_entete 
	{padding-top:0px;}
	
html>body #proj_entete span
	{display:block}
	
.proj_titre
	{font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-left:8px;
	width:410px;}
	
html>body .proj_titre
	{margin-left:244px;}

.proj_ligne
	{border:1px solid #6E100E;
	width:410px;
	margin-left:8px;
	background-image:url(images/proj_ligne.jpg);
	background-repeat:repeat-x;
	height:4px;
	font-size:2px;
	margin-right:8px;
	margin-top:4px;}
html>body .proj_ligne
	{margin-left:264px;}
	
#Proj_DivIllustration
	{height:256px;
	width:256px;
	margin:30px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	padding:2px;
	text-align:center}

#Proj_Illustration 
	{vertical-align:top}

#Proj_Textes, .Proj_Textes
	{
	margin-left:290px;
	margin-top:8px;
	border-left:1px solid #fbc701;
	padding-left:8px;
	padding-right:2px;
	font-size:8pt;
	line-height:1.2em;
	width:370px
	}



#ProjetsMEP
	{display:none}

html>body #ProjetsMEPa
	{display:block}
		
.proj_Rubrique
	{margin:30px;
	margin-top:80px;
	margin-bottom:00px;
	height:24px;
	width:200px;
	font-weight:bold;
	border:1px solid #ffffff;
	padding-top:3px;
	padding-left:6px;
	background-image:url(images/rubrique.gif);
	}
html>body .proj_Rubrique
	{margin-top:160px;
	padding-top:10px;
	padding-top:6px;
	}
		
html>body .pro_content
	{margin-top:-85px}

#proj_son
	{width:370px;
	height:auto;
	margin-left:70px;
	margin-top:40px}
	
html>body #proj_Son
	{margin-left: 15px}
	
#proj_son TR TH
	{border:1px solid #ffffff;
	background-color:#921000}	
#proj_son TR TD
	{border:1px solid #aaaaaa;
	cursor:pointer;
	padding-left:4px;
	height:20px}	
	
.proj_cell
	{text-align:right;
	width:70px;
	padding-right:12px;}	
	
ul
	{padding:2px;
	margin:0px;
	margin-top:6px;
	margin-bottom:6px;
	width:320px}	
li
	{list-style-type:none;
	font-size:8pt;
	width:300px}
	
	
.proj_autre_txt
	{margin-top:10px;
	margin-left:40px;
	margin-right:30px;
	padding-left:10px;
	border-left:solid 1px #aaa}	
		
.proj_autre_img
	{padding-top:10px;
	margin-left:40px;
	margin-right:30px;
	text-align:center;
	padding-left:10px;
	border-left:solid 1px #aaa}	




/* MISE EN PAGE MOZILLA */	
html>body #bandeau_ht
	{/*max-height:87px;*/}
html>body #centre
	{margin-top:-50px;}
	
html>body #Cadre
	{height:557px;}
	
html>body #contenu
	{height:448px;
	overflow:auto;}

	
html>body #pied 
	{margin-top:450px;
	padding-top:3px;}


	
html>body #compteur
	{margin-left:-40px}	
		
html>body #piedyyy
	{margin-top:4px;
	position:relative;
	top:-448px;}
	
html>body #bord_G
	{height:450px}
html>body #bord_D
	{height:450px}
		
	
html>body #trait_mnu1
	{width:60px;
	float:left}
html>body #trait_mnu2
	{margin-left:2px;
	width:156px;
	float:left}
html>body #trait_mnu2Acc
	{width:11px;
	margin-left:2px;
	float:left}
html>body #trait_mnu3
	{width:20px}	


html>body #compteur
	{font-size:9px;
	display:inline;
	float:left;
	width:100px}