@charset "utf-8";
/* CSS Document */

/* Classes existantes */

body
{
	margin: 0px auto 20px auto ;
	padding: 0px ;
	background-color: #000 ;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif ;
	color: #00D ;
	width: 1018px ;
}

h3
{
	color: #00E ;
	font-size: 18px ;
	font-weight: bold ;
}

input, textarea
{
	background-color: #000 ;
	border-style: dashed ;
	border-width: thin ;
	border-color: #00C ;
	color: #00D ;
	margin-bottom: 2px ;
}

input:hover, textarea:hover
{
	background-color: #003 ;
}

/* Elements uniques */

#logo
{
	clear: both ;
	background-image: url( images/logo.png ) ;
	background-position: center top ;
	background-repeat: no-repeat ;
	width: 1018px ;
	height: 200px ;
}

#menu
{
	clear: both ;
	margin-bottom: 35px ;
	background-image: url( images/menu.png ) ;
	background-position: center top ;
	background-repeat: no-repeat ;
	width: 1018px ;
	height: 58px ;
}

#accueil
{
	float: left ;
	width: 209px ;
	height: 58px ;
}

#accueil:hover
{
	background-image: url( images/accueil.png ) ;
	background-position: left top ;
	background-repeat: no-repeat ;
}

#projets
{
	float: left ;
	width: 200px ;
	height: 58px ;
}

#projets:hover
{
	background-image: url( images/projets.png ) ;
	background-position: left top ;
	background-repeat: no-repeat ;
}

#galerie
{
	float: left ;
	width: 200px ;
	height: 58px ;
}

#galerie:hover
{
	background-image: url( images/galerie.png ) ;
	background-position: left top ;
	background-repeat: no-repeat ;
}

#contact
{
	float: left ;
	width: 200px ;
	height: 58px ;
}

#contact:hover
{
	background-image: url( images/contact.png ) ;
	background-position: left top ;
	background-repeat: no-repeat ;
}

#apropos
{
	float: left ;
	width: 209px ;
	height: 58px ;
}

#apropos:hover
{
	background-image: url( images/apropos.png ) ;
	background-position: left top ;
	background-repeat: no-repeat ;
}

#haut
{
	clear: both ;
	background-image: url( images/haut.png ) ;
	background-position: center top ;
	background-repeat: no-repeat ;
	width: 1018px ;
	height: 29px ;
}

#corps
{
	clear: both ;
	background-image: url( images/corps.png ) ;
	background-position: center ;
	background-repeat: repeat-y ;
	width: 1018px ;
	min-height: 100px ;
}

#contenu
{
	margin: 0px auto ;
	padding: 1px 0px ;
	width: 950px ;
}

#bas
{
	clear: both ;
	background-image: url( images/bas.png ) ;
	background-position: center top ;
	background-repeat: no-repeat ;
	width: 1018px ;
	height: 28px ;
}

#negatif
{
	float: right ;
	font-size: 12px ;
	text-decoration: none ;
	color: #AAF ;
}

/* Classes Courantes */

.article
{
	margin: 2px auto ;
	padding-top: 10px ;
	padding-right: 15px ;
	clear: both ;
	background-image: url( images/article.jpg ) ;
	background-position: center bottom ;
	background-repeat: repeat-x ;
	width: 935px ; /* 950 - 15 */
	height: 115px ; /* 125 - 10 */
}

.long
{
	height: 190px ;
}

.plus
{
	background-image: url( images/plus.png ) ;
	background-repeat: no-repeat ;
	background-position: center top ;
	width: 950px ;
	height: 25px ;
	cursor: pointer ;
}

.article:hover
{
	background-image: url( images/article-plus.jpg ) ;
}

.dansarticle
{
	margin: 0px 20px ;
}

.copyright
{
	margin-top: 2px ;
	color: #00A ;
	text-align: center ;
	font-size: 11px ;
	font-weight: bold ;
}

.lien
{
	text-decoration: underline ;
	color: #00A ;
}

.lien:hover, .lien:focus
{
	color: #00F ;
}

.lettrine
{
	margin: 0px ;
	float: left ;
	width: 100px ;
	height: 100px ;
}

.lettre
{
	color: #00B ;
}

.reference
{
	border-bottom: 1px dashed #00F ;
}

.cacher
{
	visibility: hidden ;
}

.masquer
{
	display: none ;
}

.image
{
	border-color: #00D ;
	border-style: solid ;
	border-width: thin ;
}

.prephase
{
	font-style: italic ;
	text-align: center ;
}

.centrer
{
	text-align: center ;
}

.droite
{
	text-align: right ;
}

.justifie
{
	text-align: justify ;
}

.agauche
{
	margin-right: 10px ;
	float: left ;
}

.adroite
{
	margin-left: 10px ;
	float: right ;
}

.assembleur
{
	clear: both ;
}

.seuladroite
{
	clear: right ;
}

.seulagauche
{
	clear: left ;
}