/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}


html,body {
	font-family:"Proxima Nova Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size-adjust:0.488; 
	font-weight:normal; 
	font-style:normal;
	background: url(../images/bande-grise.gif) repeat-y;
}

img, div { behavior: url(iepngfix.htc) }

.hide { display:none; }
 
.show { display:inline; }  

#background img,#background a {
	height:100%;
	width:100%;
	display:none; 
}

#background .activeslide,#background .activeslide img { display:inline; }

.bold {
	font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size-adjust:0.488; 
	font-weight:600; 
	font-style:normal;
	font-weight: bold;
}

#bande-bleue {
	width: 100%;
	height: 5px;
	background: #38d1d3;
	position: fixed;
	z-index: 10000;	
}

/* Lien vers la version anglaise */

#english-link a {
	margin: 2px 0 0 230px;
	position: absolute;
	z-index: 3;
	margin: 50px 0 0 230px;
	width: 110px; 
	height: 26px;
	font-size: 70%;
	color: #999999;
	font-style: italic;
	text-decoration: none; 
}

#english-link a:hover { color: #595959; }


/* Menu */


#bande_menu_index 
{
    background-image: url(../images/bande_menu_blanc.jpg);
	position: absolute;
	z-index: 3;
	margin: 0 0 0 0;
	width: 210px; 
	height: 100%;
}

#logo {
	position: fixed;
	z-index: 4;
	margin: 20px 0 0 20px;
	width: 173px; 
	height: 110px;
	border: 0px; 
}	
		
#menu {
	position: fixed;
	z-index: 4;
	margin: 140px 0 0 12px;
	width: 210px; 
	height: 350px;
	font-size: 70%;
	line-height: 130%;
	color: #999999; 
}
		
.titre_actif a {
	color: #38d1d3;
	text-decoration: none;
	line-height: 130%;
	padding-left: 16px;
	font-style: italic; 
}
				
.titre_clair {
	color: #999999;
	text-decoration: none;
	line-height: 130%;
	padding-left: 16px; 
}
				
.titre_clair a {
	color: #999999;
	text-decoration: none; 
}	
		
.titre_clair a:hover {
	color: #38d1d3;
	text-decoration: none; 
}		

.titre_actif2 a {
	color: #38d1d3;
	text-decoration: none;
	line-height: 130%;
	padding-left: 16px;
	font-style: italic;
}
			
.titre_fonce {
	color: #595959;
	line-height: 130%;
	padding-left: 16px; 
}	
		
.titre_fonce a {
	color: #595959;
	text-decoration: none; 
}		
		
.titre_fonce a:hover {
	color: #38d1d3;
	text-decoration: none; 
}	

li,ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
}

.filet {
	padding: 15px 0 5px 0;
	margin: 0 0 0 10px; 
}

.categorie {
	font-style: italic;
	color: #999999; 
}

.margin-left { margin-left: 5px; }


/*Page Info*/

#texte_info {
	position: absolute;
	z-index: 4;
	top: 155px; 
	left: 280px;
	width: 805px;
	height: 385px;
	border-bottom:1px solid #d8d8d8;
	border-top:1px solid #d8d8d8; 
}

#colonne-gauche {
	width: 180px;
	float: left; 
}

.portrait {
	margin: 15px 0 10px 0;
}

#colonne-droite{
	margin: 12px 0 0 20px;
	float: left;
	width: 600px;
}

p.paragraphe {
	font-size: 70%;
	line-height: 130%;
	text-align:left;
	color: #595959;
	margin: 0;
    padding: 0 0 15px 0; 
}

p.paragraphe a {
	color: #595959;
	text-decoration:none;
}
	
p.paragraphe a:hover { color: #38d1d3; }

p.titre {
	text-transform: uppercase;
	font-size: 80%;
	line-height: 130%;
	text-align:left;
	color: #38d1d3;
    padding: 0 0 0 0;
}
	
p.titre a 
{
	color: #38d1d3;
	text-decoration:none;
}
	
#webicon { 
	margin: 0px 0 10px 0; 
	font-size: 70%;
}
#webicon li{ 
	line-height: 120%
}
	
#webicon a {
	color: #595959;
	text-decoration: none;
	margin-left: 10px;
}

#webicon a:hover { color: #38d1d3; }

#logo-AFD {
	background: url(../images/logo-AFD.gif) no-repeat;
	z-index: 4;
	position: absolute;
	margin: 395px 0 0 700px;
	width: 108px; 
	height: 40px;
}


/*Galerie*/

#galerie {
	width: 710px;
	margin: 100px 0 0 280px;
	position: absolute;
}

#galerie img{
	margin-top: 30px;
	padding-bottom: 10px;
}

#galerie img:first-child{
	margin-top: 55px;
}

#galerie img:last-child{
	margin-bottom: 40px;
}

#legende {
	width: 700px;
	height: 127px;
	margin: 0 0 0 280px;
	border-bottom: 1px solid #d8d8d8;
	background: url(../images/bg-transparent.png) repeat;
	position: fixed;
	z-index: 100;
}

#legende p {
	color: #999999;
	white-space: nowrap;
	font-size: 70%;
	line-height: 130%;
	z-index: 0;
	margin-top: 70px;
}

#legende p a {
	color: #999999;
}	
		
#legende p a:hover {
	color: #38d1d3;	
}