html{
	height: 100%;


}

body{

	background-color: #cbc9bd;
	color: #FFF;
	margin: 0px;
	padding: 50px;
	font-family: arial, sans-serif;

}

body.accueil{
	overflow: hidden;
	margin: 0px;
	height: 100%;
	padding: 0px;

}


a{
	color: #FFF;
	text-decoration: none;
}

a:hover{
	color: #FFFF00;

}

a.on{
	color: #000;
}


h1{

	color: #FFF;

}


#placeholder{

	background-image: url(../_design/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position:  65px 70px;


}

#logo{

	position: fixed;
	top: 70px;
	left: 105px;
	z-index: 10;

}

#logo h1{
	color: #FFF;
	font-size: 23px;

}

#bio{

	position: fixed;
	top: 90px;
	left: 75px;
	z-index: 10;
	cursor: 10;
	font-size: 25px;
}

#bio a.on { 
	color:#000;

}
 
#bio a:hover { 
width: 25px; 
height: 25px; 
display:block;
color:#FFFF00;
/*background-image: url('http://gilles-saussier.fr/squelettes/_design/bio-gilles-saussier-on.png'); */
} 

/*

#bio a:hover img{
	display: none;
}

*/



#menu{

	position: fixed;
	top: 120px;
	left: 30px;
	width: 310px;
	height: 200px;
	z-index: 10;

}



#menu.big{

	position: absolute;
	top: 70px;
	left: 320px;
	width: auto;
	height: 200px;
	z-index: 10;

}


#lang{
	position: fixed;
	top: 48px;
	left: 290px;
	font-size:0.8em;
}

#contenu{
	position: absolute;
	top: 70px;
	left: 380px;
	z-index: 10;
	margin: 0 0 45px 0;

}


#contenu p{
	margin: 25px 0 10px 0;
	display: block;
}


#contenu ul.spip{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}





#contenu a.spip_note{

	color: #333;

}

#contenu a.spip_note:hover{

	color:#FF0;

}


#contenu.projets{
	margin: 0 0 50px 0;
}


#contenu.projets p{
	margin:15px 0 0 0;
}

#contenu.projets p:first-child{ 
	margin:15px 0 0 0;
}



#contenu.projets #item{
	font-size: 0.8em;
	margin: 22px 0 20px 0;
}



#contenu #item a{


	margin: 0 40px 0 0;
}

#contenu h1{
	font-size: 23px;
	color: #000;
	padding: 0 0 20px 0;
	cursor: pointer;

}

#contenu #intro{
	color: #000;
	width: 650px;
	font-size: 19px;
	font-weight: normal !important;
	
	line-height: 1.45em;
	letter-spacing: 0.3px;
	margin: 0 0 15px 0;
	font-family: Georgia, sans-serif;
}

#intro cufon{    
	padding-bottom: 6.5px;
}

.suite{
	cursor: pointer;
	margin: 0;
	padding: 0;


}

#contenu #txt_complet{
	color: #000;
	width: 650px;
	font-size: 15px;	
	line-height: 1.6em;
	font-family: Georgia, sans-serif;
	padding: 0 0 30px 0;
	
}

#txt_complet h3 {
	margin: 5px 0 5px 0;
	font-size: 16px;
}



#txt_complet h3 cufon{
	padding-bottom: 6.5px;
}



#contenu #notes{
	color: #000;
	width: 650px;
	font-size: 12px;	
	line-height: 1.6em;
	font-family: Georgia, sans-serif;
	padding: 0 0 50px 0;
	
}


#loading{

	position: absolute;
	top: 200px;
	left: 200px;
	z-index: 10;

}


#diaporama{
	position: relative;
	margin-top:40px;
	height: 540px;
}



#legendes{
	position: absolute;
	color: #333;
	line-height: 1.45em;
	font-size: 0.8rem;
	padding-bottom: 50px;
	letter-spacing: 0.01rem;
	font-family: helvetica, arial, sans-serif;
	width:820px;
}



#slideshow_article {
  cursor: pointer;
}





#player{
	display: inline;
	margin: 0;
	padding: 0;

}
#player a{
	margin: 0;
	padding: 0;
  cursor: pointer;
  color: #000;
}

#player a:hover{
  color: #FFFF00;
}

/*RUBRIQUE TEXT*/


.blocText {
}

.blocText .logoTexte a{
	display: block;
	width: auto;
}

.blocText .logoTexte a:hover{
	display: block;
	width: auto;
}






.blocText .titreTexte {
	margin: 10px 0 0 0;
	font-size: 12px;
	color: #000;
}



.blocText .titreTexte cufon{    
	padding-bottom: 3.5px;
}


.blocText .legendTexte {
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #000;
}

.blocText .legendTexte a {

	color: #000;
}


.blocText .legendTexte a .red {
	color: #FF0000;

}

.blocText.num_22{
	position: absolute;
	top: 70px;
	left: -40px;

}


.blocText.num_23{
	position: absolute;
	top: 140px;
	left: 110px;

}


.blocText.num_24{
	position: absolute;
	top: 40px;
	left: 240px;

}


.blocText.num_25{
	position: absolute;
	top: 100px;
	left: 400px;

}


.blocText.num_26{
	position: absolute;
	top: 290px;
	left: -120px;
}


.blocText.num_27{
	position: absolute;
	top: 270px;
	left: 250px;
}


.blocText.num_28{
	position: absolute;
	top: 360px;
	left: 70px;
}

.blocText.num_35{
	position: absolute;
	top: 330px;
	left: 430px;
}





}


.blocText.num_24{
	position: absolute;
	top: 40px;
	left: 240px;

}


.blocText.num_25{
	position: absolute;
	top: 100px;
	left: 400px;

}


.blocText.num_26{
	position: absolute;
	top: 290px;
	left: -120px;
}


.blocText.num_27{
	position: absolute;
	top: 270px;
	left: 250px;
}


.blocText.num_28{
	position: absolute;
	top: 360px;
	left: 70px;
}

.blocText.num_35{
	position: absolute;
	top: 330px;
	left: 430px;
}