/* CSS Document */

html {
 width: 100%;
 height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  overflow-x: hidden;
}


*{
	margin:0 0 0 0;
	border:#000 0px solid;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	}
	
/* toutes les class sont la elles agissent essentiellement sur les typo */

a{
	color:#999;
	}
a:hover{
	color:#000;
	}

h1{
	font-weight:bold;
	background-color:#000;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#fff;
	display:inline;
	}
	
.titles{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
	text-decoration:none;
	}
	
.titles a:link{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
	text-decoration:none;
	}
	
.titles a:visited{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
	text-decoration:none;
	}
	
.titles a:hover{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#fff;
	background-color:#000;
	}
	
.typotexte{
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	color:#000000;
	}	 
	
.images-spaces-menu{
	float:left;
	}
/* fin des class */

/*les div sont ici par ordre d'affichage haut/gauche vers bas/droite */
	
#global{
	height:auto;
	width:1000px;
	margin:auto;
	position:relative;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
}



#menu-contenu{
	height:40px;
	width:1030px;
	}

/*menu*/

#dephine_cortillot{
	height:25px;
	width:198px;
	padding-top:15px;
	float:left; 
	}

#paintings{
	height:40px;
	width:78px;
	display:block;
	float:left;
	background-image:url(../images/menu-paintings-on.png);
	text-indent:-9999px;
	}
	
#paintings a{
	height:40px;
	width:78px;
	display:block;
	float:left;
	background-image:url(../images/menu-paintings-off.png);
	}
	
#paintings a:hover{
	height:40px;
	width:78px;
	display:block;
	float:left;
	background-image:url(../images/menu-paintings-on.png);
	}
	
	
	
#photos{
	height:40px;
	width:63px;
	display:inline;
	float:left;
	background-image:url(../images/menu-photos-on.png);
	text-indent:-9999px;
	}
	
#photos a{
	height:40px;
	width:63px;
	display:inline;
	float:left;
	background-image:url(../images/menu-photos-off.png);
	}
	
#photos a:hover{
	height:40px;
	width:63px;
	display:inline;
	float:left;
	background-image:url(../images/menu-photos-on.png);
	}
	
	
	
#exhibitions{
	height:40px;
	width:101px;
	display:inline;
	float:left;
	background-image:url(../images/menu-exhibitions-on.png);
	text-indent:-9999px;
	}
	
#exhibitions a{
	height:40px;
	width:101px;
	display:inline;
	float:left;
	background-image:url(../images/menu-exhibitions-off.png);
	}
	
#exhibitions a:hover{
	height:40px;
	width:101px;
	display:inline;
	float:left;
	background-image:url(../images/menu-exhibitions-on.png);
	}


	
#publications{
	height:40px;
	width:96px;
	display:inline;
	float:left;
	background-image:url(../images/menu-publications-on.png);
	text-indent:-9999px;
	}
	
#publications a{
	height:40px;
	width:96px;
	display:inline;
	float:left;
	background-image:url(../images/menu-publications-off.png);
	}
	
#publications a:hover{
	height:40px;
	width:96px;
	display:inline;
	float:left;
	background-image:url(../images/menu-publications-on.png);
	}
	
	
	
#espace-menu-2{
	width:80px;
	height:40px;
	float:left;
	}



#biography{
	height:40px;
	width:84px;
	display:inline;
	float:left;
	background-image:url(../images/menu-biography-on.png);
	text-indent:-9999px;
	}
	
#biography a{
	height:40px;
	width:84px;
	display:inline;
	float:left;
	background-image:url(../images/menu-biography-off.png);
	}
	
#biography a:hover{
	height:40px;
	width:84px;
	display:inline;
	float:left;
	background-image:url(../images/menu-biography-on.png);
	}
	
	
	
#contact{
	height:40px;
	width:67px;
	display:inline;
	float:left;
	background-image:url(../images/menu-contact-on.png);
	text-indent:-9999px;
	background-repeat:no-repeat;
	}
	
#contact a{
	height:40px;
	width:67px;
	display:inline;
	float:left;
	background-image:url(../images/menu-contact-off.png);
	padding-top:50px;
	background-repeat:no-repeat;
	color:#999;
	}
	
#contact a:hover{
	height:40px;
	width:67px;
	display:inline;
	float:left;
	text-indent:0px;
	padding-top:50px;
	background-image:url(../images/menu-contact-on.png);
	background-repeat:no-repeat;
	color:#000;
	}

/*fin menu*/

	
#contenu{
	height:auto;
	width:100%;
	margin-top:55px;
	position:absolute;
	left:0;
	padding-bottom:50px;
	}
	
#contenu-long{
	height:auto;
	margin-top:55px;
	position:absolute;
	left:0;
	padding-left:200px;
	padding-bottom:50px;
	}
	
#contenu-long img{
	margin-bottom:20px;
	margin-top:10px;
	margin-right:20px;
	float:left;
	}

#contenu-long p{
	margin-bottom:5px;
	width:670px;
	clear:left;
	}
	
	
#dwld_works{
	position:fixed;
	top:93%;
	height:26px;
	width:150px;
	line-height:24px;
	z-index:601;
	left:0;
	}
	
#dwld_works a{
	height:26px;
	width:150px;
	display:block;
	background-repeat:no-repeat;
	background-color:#999;
	color:#fff;
	text-decoration:none;
	padding-left:26px;
	background-image:url(../images/fleche.gif);
	}
	
#dwld_works a:hover{
	height:26px;
	width:150px;
	display:block;
	background-repeat:no-repeat;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	}
	
	
/*ici suivent les div propre à la page home*/

#random-images{
	height:450px;
	width:450px;
	margin-right:80px;
	float:right;
	}
	
#bloc-txt{
	height:685px;
	width:280px;
	float:right;
	margin-right:20px;
	}
	
#news{
	height:305px;
	width:280px;
	}
	
#news p{
	margin-bottom:15px;
	}
	
	
#links{
	margin-top:10px;
	height:420px;
	width:280px;
	}
	
#links p{
	margin-bottom:15px;
	}
	
/*fin home page*/

/*page paintings et photo*/

#ss-menu_tout{
	height:250px;
	width:46px;
	margin-left:95px;
	float:left;
	overflow:hidden;
	}
	
#images{
	height:530px;
	width:760px;
	margin-left:18px;
	float:left;
	}
	
#next-prev{
	height:32px;
	width:760px;
	margin-left:197px;
	float:left;
	margin-bottom:2px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	line-height:30px;
	color:#000;
	
	}
	
/*menu déroulant*/

#ss-menu, #ss-menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 30px; /* on défini une hauteur pour chaque élément */
}

#ss-menu /* Ensemble du menu */
{
		font-family:"Courier New", Courier, monospace; /*on choisit la police*/
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#ss-menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
		text-indent:8px; /*alinea pour centrer le texte dans le contenant*/
        color : #000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width :auto; /* largeur */
		
}

#ss-menu li ul /* Sous-listes */
{
        position: absolute; /* Position absolu */
        width: auto; /* Largeur des sous-listes */
        left: -9999px; /* Hop, on envoi loin du champ de vision */
		margin-top:-30px;
		margin-left:25px;
		display:inline;
		background-color:#ffffff;
		z-index:300;
		line-height:20px;
		
}

#ss-menu a:hover /* Lorsque la souris passe sur un des liens */   
{
        color: #fff; /* On passe le texte en blanc ... */
        background: #000; /* ... et au contraire, le fond en noir */
}

#ss-menu li:hover ul, #ss-menu li li:hover ul, #ss-menu li.sfhover ul, #ss-menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left:112px; /* Repositionnement normal */
		padding-left:10px;
}

/*fin menu deroulant*/

/*next - pervious image*/

#next{
	height:30px;
	width:30px;
	background-image:url(../images/next.png);
	float:left;
	display:block;
	margin-right:20px;
	}
	
#prev{
	height:30px;
	width:30px;
	background-image:url(../images/prev.png);
	float:left;
	display:block;
	border-right:dotted 1px;
	}
	
/*fin next previous image*/

#picture{}