/* CSS Document */

body
{
	margin: 3px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Arial", helvetica, sans-serif ;
	background: #fff url(background.jpg) repeat-x fixed top left;
}

div#conteneur
{
	width: 900px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #000 ;
	background: #fff ;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

h1#header
{
	height: 150px ;
	background: url(bandeau5.jpg) no-repeat left top ;
	margin: 0 ;
}

h1#header a
{
	width: 900px ;
	height: 150px ;
	display: block ;
		text-indent: -5000px ;
}

ul#menu
{
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	background: url(bg_menu.gif) repeat-x 0 -95px ;
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	list-style-type:none;
	text-align: center ;
}

ul#menu li a
{
	width: 180px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 0px solid #000 ;
}

ul#menu li a:hover
{
	background: url(bg_menu.gif) repeat-x 0 0 ;
}

div#contenu
{
	padding: 0 25px 0 80px ;
	
}

div#contenu h2
{
	padding-left: 70px ;
	line-height: 35px ;
	font-size: 1.3em ;
	background: url(little_poisson.gif) no-repeat left bottom ;
	color: #000 ;
	border-bottom: 1px solid #ff4820 ;
	text-align: left ;
}

div#contenu h3
{
	margin-left: 0px ;
	padding-left: 0px ;
	color: #ff4820 ;
	font-size: 1.4em ;
}

div#contenu p
{
    margin-right: 10px;
	text-align: center ;
	text-indent: 0em ;
	line-height: 1.2em ;
}
div#contenu p.com
{
   
	text-align: left ;
	text-indent: 0em ;
	line-height: 1.2em ;
}

div#contenu a
{
	color: #ff4820 ;
}

div#contenu a:hover
{
	color: #999 ;
}

div#contenumentions p
{
    margin-right: 10px;
	text-align: left ;
	text-indent: 2.5em ;
	line-height: 1.2em ;
}

div#contenumentions a
{
	color: #ff4820 ;
}

div#contenumentions a:hover
{
	color: #999 ;
}




p#footer
{
	background: #fff ;
	margin: 0 ;
	line-height: 30px ;
	text-align: center ;
	color: #000 ;
	
	
}

p#footer a
{
color : #000;
}

p#footer a:hover
{
color : #000;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}


pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

div#cadre {
margin-left: 15.5em;
margin-top: 5em;
width: 150px;
padding-top: 30px;
background: url(images/haut.gif) top left no-repeat;
}

div#bloccadre {
background: url(images/bas.gif) bottom left no-repeat;
padding-bottom: 30px;
}

div#bloccadre p{
margin: 0 30px 0 20px;
color:#FFFFFF;
}

div#cadre1 {
margin-left: 10em;
margin-top: 2em;
width: 130px;

background: url(images/haut.gif) top left no-repeat;
}

div#bloccadre1 {
background: url(images/bas.gif) bottom left no-repeat;
margin-bottom: 1em;
}

div#bloccadre1 p{
margin: 0 30px 0 20px;
color:#FFFFFF;
}

.contenu bloc1 {
height: 120px;
width: 190px;
float: left;
margin-top: 10px;
}
.contenu bloc2 {background: url(images/sitetexte.jpg) top left no-repeat;
padding-top : 5px;
padding-left : 10px;
height: 116px;
width: 540px;
float: left;
margin-left: 15px;
margin-top: 10px;
}

.bloccomgauche {
height: 530px;
width: 530px;
float: left;
padding-top: 20px;
}
.bloccomdroite {
height: 530px;
width: 260px;
float: right;
padding-top: 20px;
}


.Style1 {color: #FF4820}
.Style2 {color: #999}

div#contenu li {
 font-family: Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 color: black;
 list-style-type:none;
 background-image:url(images/puce.gif);
 background-repeat:no-repeat;
 background-position:0% 65%;
 padding-left:20px;
} 

.conteneur {
width: 40%;
}

.image {
margin-top: 0.4em;
float: right;
}
.image2 {
margin-top: 2em;
margin-left: 110px;
}
.imageaccueil {
margin-top: 2em;
margin-left: 10px;
margin-bottom: 10px;
float: right;
}

.blocaccueilgauche {
height: 500px;
width: 795px;
float: left;
padding-top: 5px;
}
.blocaccueildroite {
height: 500px;
width: 385px;
float: left;
padding-top: 5px;
}
.bloccommandehaut {
height: 200px;
width: 770px;
float: left;
padding-top: 5px;
padding-left:25px;
}
.bloccommandehaut2 {
height: 70px;
width: 770px;
float: left;
padding-top: 5px;
padding-left:25px;
}
.bloccommande {
height: 1140px;
width: 770px;
float: left;
padding-top: 5px;
padding-left:25px;
}