*
{
	margin: 0px;
	padding: 0px;
	font-family : Verdana, sans-serif;
	font-size : 12px;
	/*font-weight : normal;*/
}

body 
{
     background-image: url(../img/bg.png);
     background-repeat: no-repeat;
	 background-position: center top;
	 background-color: #000000;
	 width: 100%;
}

#all
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width : 900px;
}

#erreur
{
	background-image : url(../img/erreur.jpg);
	height: 228px;
	width: 600px;
	margin-top: 250px;
	margin-left: 95px;
}

#lienadmin
{
	position: absolute;
	width: 30px;
	height: 20px;
	left: 820px;
	top: 220px;
	z-index: 1;
}

#lienadmin a
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight : bold;
	font-size: 9px;
}

#lienadmin a:hover
{
	color: #777777;
	text-decoration: underline;
}

#infos_utilisateur
{
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 3px;
}

#contenu div.cadre_photo
{
	position: absolute;
	top: 10px;
}

#contenu div.cadre_photo div.containerh
{
	position: absolute;
	margin-left: 175px;
}

#contenu div.cadre_photo div.containerv
{
	position: absolute;
	margin-left: 250px;
}

#contenu div.cadre_photo div.titre
{
	font-style: normal;
	font-size: 14px;
	color: #000000;
	clear: left;
}

#contenu div.cadre_photo div.photo
{
	clear: left;
}

#menu
{
	position:absolute;
	top : 25px;
}

#menu .element
{
	position : relative;
	height : 50px;
	width : 50px;
	cursor : pointer;
	margin-right : 30px;
	background-repeat : no-repeat;
	background-position : center;
	float : left;
}

#menu div.accueil
{
	background-image : url(../img/accueil.png);
	background-position: 0px -100px;
}

#menu div.accueil:hover
{
	background-image : url(../img/accueil.png);
	background-position: 0px -50px;
}

#menu div.accueil_disabled
{
	background-image : url(../img/accueil.png);
	background-position: 0px 0px;
	cursor : auto;
}

#menu div.article
{
	background-image : url(../img/article.png);
	background-position: 0px -100px;
}

#menu div.article:hover
{
	background-image : url(../img/article.png);
	background-position: 0px -50px;
}

#menu div.article_disabled
{
	background-image : url(../img/article.png);
	background-position: 0px 0px;
	cursor : auto;
}

#menu div.image
{
	background-image : url(../img/image.png);
	background-position: 0px -100px;
}

#menu div.image:hover
{
	background-image : url(../img/image.png);
	background-position: 0px -50px;
}

#menu div.image_disabled
{
	background-image : url(../img/image.png);
	background-position: 0px 0px;
	cursor : auto;
}

#menu div.commentaire
{
	background-image : url(../img/commentaire.png);
	background-position: 0px -100px;
}

#menu div.commentaire:hover
{
	background-image : url(../img/commentaire.png);
	background-position: 0px -50px;
}

#menu div.commentaire_disabled
{
	background-image : url(../img/commentaire.png);
	background-position: 0px 0px;
	cursor : auto;
}

#menu div.ecrire
{
	background-image : url(../img/ecrire.png);
	background-position: 0px -100px;
}

#menu div.ecrire:hover
{
	background-image : url(../img/ecrire.png);
	background-position: 0px -50px;
}

#menu div.ecrire_disabled
{
	background-image : url(../img/ecrire.png);
	background-position: 0px 0px;
	cursor : auto;
}

#menu div.video
{
	background-image : url(../img/video.png);
	background-position: 0px -100px;
}

#menu div.video:hover
{
	background-image : url(../img/video.png);
	background-position: 0px -50px;
}

#menu div.video_disabled
{
	background-image : url(../img/video.png);
	background-position: 0px 0px;
	cursor : auto;
}

#menu div.premier
{
	background-image : url(../img/premier.png);
	background-position: 0px -100px;
}

#menu div.premier_disabled
{
	background-image : url(../img/premier.png);
	background-position: 0px 0px;
	cursor : auto;
}

#menu div.premier:hover
{
	background-position: 0px -50px;
}

#menu div.precedent
{
	background-image : url(../img/precedent.png);
	background-position: 0px -100px;
}

#menu div.precedent_disabled
{
	background-image : url(../img/precedent.png);
	background-position: 0px 0px;
	cursor : auto;
}

#menu div.precedent:hover
{
	background-position: 0px -50px;
}

#menu div.suivant
{
	background-image : url(../img/suivant.png);
	background-position: 0px -100px;
}

#menu div.suivant_disabled
{
	background-image : url(../img/suivant.png);
	background-position: 0px 0px;
	cursor : auto;
}

#menu div.suivant:hover
{
	background-position: 0px -50px;
}

#menu div.dernier
{
	background-image : url(../img/dernier.png);
	background-position: 0px -100px;
}

#menu div.dernier_disabled
{
	background-image : url(../img/dernier.png);
	background-position: 0px 0px;
	cursor : auto;
}

#menu div.dernier:hover
{
	background-position: 0px -50px;
}

#menu div.texte
{
	top:17px;
	cursor:auto;
}

#menu div.texte_disabled
{
	text-align: center;
	vertical-align: middle;
	cursor:auto;
}

#menu div.contact
{
	background-image : url(../img/contact.png);
	background-position: 0px -100px;
}

#menu div.contact_disabled
{
	background-image : url(../img/contact.png);
	background-position: 0px 0px;
	cursor : auto;
}

#menu div.contact:hover
{
	background-image : url(../img/contact.png);
	background-position: 0px -50px;
}

#contenu
{
	position: absolute;
	width: 900px;
	top: 131px;
	line-height : 17px;
}

#contenu div.edito
{
	position: absolute;
	top: 38px;
	margin-left: 20px;
}

#contenu h2.titre
{
	position: absolute;
	margin-left: 20px;
	margin-right: 20px;
	top: 40px;
	font-size : 30px;
	font-weight : bold;
}

#contenu h5.date
{
    position: absolute;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    top: 65px;
    font-weight : bold;
}

#contenu div.contenu
{
	font-family:Verdana,sans-serif;
	font-size:12px;
	/*font-weight: auto;*/
	position: absolute;
	width: 860px;
	top: 89px;
	padding-bottom: 50px;
	background-color: #ffffff;
	padding-top :20px;
	padding-left : 20px;
	padding-right: 20px;
	min-height: 800px;
	/*margin-left:-1px;*/
	color : #222222;
}

#contenu #adresse
{
	top: 30px;
	left: 30px;
}

#contenu #adresse div.content
{
	width: 248px;
}

#contenu #adresse div.header div.headert
{
	width: 238px;
}


#contenu #articles
{
	top: 30px;
	left: 30px;
}

#contenu #courriel div.content
{
	width: 168px;
}

#contenu #courriel div.header div.headert
{
	width: 158px;
}


#contenu #courriel
{
	top: 30px;
	left: 300px;
}

#contenu #telephone div.content
{
	width: 168px;
}

#contenu #telephone div.header div.headert
{
	width: 158px;
}


#contenu #telephone
{
	top: 30px;
	left: 490px;
}

#contenu #articles div.content
{
	width: 348px;
}

#contenu #articles div.header div.headert
{
	width: 338px;
}

#contenu #comment
{
	top : 30px;
	left: 420px; 
}

#contenu #comment div.content
{
	width: 438px
}

#contenu #comment div.header div.headert
{
	width: 428px;
}

#contenu div.liste_commentaire
{
	position: absolute;
}

#contenu #commentaire
{
	position: relative;
	float :left;
	margin-top: 10px;
}

#contenu #commentaire div.content
{
	width: 845px;
	float:left;
}

#contenu #commentaire div.header div.headert
{
	width: 838px;
}

#contenu #commentaire div.header div.titre
{
	color: #000000;
	float: left;
	padding-left:3px;
}

#contenu #commentaire div.header div.date
{
	color: #000000;
	float: right;
	padding-right: 3px;
	padding-top: 0px;
}

#contenu #commentaire div.content
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	clear: both;
}

#contenu #autres
{
	top: 640px;
	left: 30px;
}

#contenu #autres div.content
{
	width: 738px
}

#contenu #autres div.header div.headert
{
	width: 728px;
}

#contenu #listearticles
{
	top: 30px;
	left: 30px;
}

#contenu #listearticles div.content
{
	width: 838px
}

#contenu #listearticles div.header div.headert
{
	width: 828px;
}


#contenu div.liste_commentaire
{
	position: absolute;
}


#contenu div.box
{
	position : absolute;
}

#contenu div.box div.header
{
	
}

#contenu div.box div.header div.headert
{
	background-color : #ececec;
	height : 26px;
	font-size:16px;
	text-align:center;
	float:left;
	line-height : 30px;
}

#contenu div.box div.header div.headerg
{
	background-image : url(../img/headerg.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left;
	width: 6px;
	height: 26px;
	float:left;
}

#contenu div.box div.header div.headerd
{
	background-image : url(../img/headerd.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right;
	width: 6px;
	height: 26px;
	float:left
}

#contenu div.box div.content
{
	position : relative;
	border : 1px #ececec solid;
	clear : left;
	float : left;
}

#contenu #comment table.liste
{
	margin-left: 10px;
	margin-right: -20px;
	margin-bottom: 10px;
	width: 400px;
}

#contenu #comment table.liste tr.textrow
{
	height: 30px;
	vertical-align: top;
}

#contenu #comment table.list tr.textrow td
{
	vertical-align: top;
}

#contenu div.latest_article
{
	position: absolute;
	padding-left : 20px;
	padding-right : 20px;
	margin-top : 40px;
}

#contenu div.latest_article p
{
	text-align: justify;
	color: #000000;
	line-height: 1.5em;
	margin-top: 15px;
}

#administration
{
	position : absolute;
	top: 90px;
	left: 10px;
}

#administration a
{
	color: #ffffff;
	text-decoration: none;
}

#administration a:hover
{
	color: #ffffff;
	text-decoration: underline;
}


#contenu div.cadre_admin_h
{
	position: absolute;
	top: 400px;
	left : 20px;
	width: 650px;
}

#contenu div.cadre_admin_b
{
	position: absolute;
	top: 30px;
	left : 20px;
	width: 100%;
	height: 360px;
}

#contenu .formulaire
{
	position: absolute;
	margin-top: 10x;
}    

#contenu .formrow
{
    margin-bottom: 15px;
    padding-bottom: 15px;
    clear: left;
}

#contenu .formrow label
{
    float: left;
    padding-right: 10px;
}

#contenu .formrow label.right
{
    float: right;
    padding-right: 10px;
}

#contenu .formrow input
{
    float: right;  
}

#contenu .formrow input.left
{
    float: left;  
}

#contenu .formrow select
{
    float: right;  
}

#contenu .formrow select.left
{
    float: left;  
}

#contenu table.liste
{
	border-collapse: collapse;
}

#contenu table.liste caption
{
	text-align: left;
	font-weight: bold;
}

#contenu tr.listehead
{
	color: #000000;
	height: 30px;
}

#contenu tr.listehead td
{
	font-weight: bold;
	background-color : #ececec;
	padding: 3px;
}

#contenu tr.border td
{
	border: 1px #ececec solid;
}

#contenu tr.listerow td
{
    color: #777777;
    height: 22px;
    vertical-align: middle;
    padding: 3px;
}

#listeimage
{
	padding-top:230px;
}

#listeimage h2.titre
{
	top:150px;
}