/* CSS issu des tutoriels www.alsacreations.com/articles */

body

{

	margin: 0;

	padding: 0;

	font-family: verdana, arial;

	font-size: 12px;

        background: #000000 url(fond.jpg) no-repeat;


        background-attachment: fixed;


        background-position:center top;




/*	background-image: url(fond.jpg); background-color: Black;*/

}

#wrapper 

{

	position: relative;

	width:1024px;

	/*background-image: url(fond.jpg);*/

        background: #ffffff;    

	background-image: url(fondwrapper.gif);

	min-height: 1200px;

	margin-top:0;

	margin-bottom: 0;

	margin-right: auto;

	margin-left: auto;

	color: black;

	background-color:white;

	bottom: 0px;

}



.head1

{

	background-image: url(banniere1.jpg);

	width: 1024px;

	height: 110px;

}

.head2

{

    background-image: url(banniere2.jpg);

    width: 1024px;

    height: 73px;

}

.logo

{

margin-right: 10px;

/*margin-top: 3px;*/

border: 0;

}



.extremedroite

{

	position: absolute;

	left: 775px;

	top:185px;

	width: 247px;

	height: 800px;

}



.gauche

{

position: absolute;

left:0px;

top:183px;

padding-top:30px;

background-image: url('menu_gauche.jpg');

width: 200px;

height: 800px;

}

.imagex

{

    position: absolute;

    left: 0;

    margin-left: 230px;

    width: 200px;

    height:150px 

    overflow: hidden;

} 



.droite

{

    position: relative;

    margin-left: 200px;

    width: 230px;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

}





.centre

{

	margin-left: 200px;

	width: 470px;

	padding-top: 10px;

	padding-left: 40px;

	padding-right: 30px;

	background-image: url(corps.gif);

}



.centre_editeur

{

    margin-left: 200px;

    width: 470px;

    padding-top: 10px;

    padding-left: 0px;

    padding-right: 0px;

}



.commentaire

{

	font-style: italic;

	color: #999999;

	margin-left: 200px;

	width: 470px;

	padding-top: 10px;

	padding-left: 40px;

	padding-right: 30px;

	background-image: url(corps.gif);

}



h1

{

font-size: 140%;

text-align: left;

}

h2

{

font-size: 100%;

text-align: right;

}



.menuhaut

{

/*float: right;*/

margin-top: 0px;

margin-right:200px;

margin-left:250px;

}



.menuhaut a {

    font-size: 10px;

    font-weight: bold;

    color: #666666;

    text-decoration: none;

   margin-left: 20px;

 /*    color: #FFFFFF;

 espacement entre chaque sous-menu 

    height: 12;*/

}

.menuhaut a:hover {

    color: #FF0000;

}



.hautmenu1 {

    margin-top: 10px;
	background-image: url(titremenu.gif);

    width: 170px;
    padding-top:8px; 
    height: 22px;
	
    font-family: verdana, arial;

    font-size: 110%;

    text-align: center;

    font-weight: bold;

	color:white;

}

li a {

    font-size: 10px;

    font-weight: bold;

    color: #000000;

    text-decoration: none;

   margin-left: 20px;

}

.itemmenu1 a{
    height:18px;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding-top:3px;
    padding-left: 30px;
}
.itemmenu1 a:hover{
color:red;
background-image: url(item.gif);
}


.itemmenu1 

{
    height:18px;
    font-size: 10px;
    padding-top:3px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding-left: 10px;

}




.lien2 a{

    font-size: 10px;

    font-weight: bold;

    color: #999999;

    text-decoration: none;

   margin-left: 5px;

}



ul,li

{

    font-size: 10px;

    font-weight: bold;

    color: #000000;

    text-decoration: none;

   margin-left: 20px;

}



.article_haut {

	background-image: url(article_haut.gif);

	background-repeat: no-repeat;

	margin-left: 200px;

	padding-top: 30px;

	height: 31px;

	padding-bottom: 5px;

	padding-left: 60px;

	padding-right: 60px;

	width: 420px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold; /*height: 68px;*/

	line-height: 14px;

	text-align: center;

}

.article_date {

	background-image: url(corps.gif);

    color: #FFFFFF;

	margin-left: 200px;

	padding-left: 40px;

	padding-right: 10px;

	width: 490px;

	padding-top: 5px;

	height: 0px;

	padding-bottom: 5px;

	font-size: 14px;

	line-height: 14px;

	font-weight: bold;

/*	text-align: right;

		background-image: url(date.gif);

*/

}

.article_bas {

	background-image: url(auteur.gif);

	margin-left: 200px;

	padding-left: 60px;

	padding-right: 35px;

	width: 445px;

	padding-top: 5px;

	height: 33px;

	padding-bottom: 5px;

	font-size: 14px;

	line-height: 14px;

	font-weight: bold;

	text-align: right;

}



* {margin: 0; padding: 0;}

/*

table {border: 1px solid black}

td {border: 1px dotted gray}

div {border: 1px solid orange}

img, form {border: 1px dashed blue}

h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}

ul {border: 1px solid green}

li {border: 1px solid lightgreen}*/