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

    <!--
body { 
    	font-family: Arial;
    	margin: 0;
    	padding: 0;
		font-size: 11px;
    	text-align: center;
    	color: #444;
		background:url(images/bg.jpg) top center repeat-x #fff;
    }

a{ 
		color: #444;
		text-decoration: none;
		font-weight: bold;
		}
    #container {
    	width: 976px;
    	margin: 0 auto; /* les marges automatiques (et dot&eacute;es d'une largeur positive) centrent la page */
    	border: 0px solid #000000;
    	text-align: left; /* ce param&eacute;trage annule le param&egrave;tre text-align: center de l'&eacute;l&eacute;ment body. */
    }
	#containertop {
    	width: auto;
    	background: #444666;
		color: #FFF;
    	margin: 0 auto; /* les marges automatiques (et dot&eacute;es d'une largeur positive) centrent la page */
    	border: 0px solid #000000;
    	text-align: left; /* ce param&eacute;trage annule le param&egrave;tre text-align: center de l'&eacute;l&eacute;ment body. */
    }
   
	#mainContent {
    	padding: 0px;
		width:940px;
		text-align: left;
		 /* ne pas oublier que le remplissage est l'espace &agrave; l'int&eacute;rieur du cadre de l'&eacute;l&eacute;ment div, alors que la marge est l'espace &agrave; l'ext&eacute;rieur de celui-ci */
    }
	#header {
    	padding: 20px 0px 5px 0px;
		height: 70px;
		text-align: right;
		font: Verdana;
		font-size: 12px;
		color: #bbb;
		font-weight: bold;
		width: 940px;
    }
	
	#header2 {
    	padding: 30px 0px 20px 0px;
		height: 20px;
		text-align: right;
		font: Verdana;
		font-size: 12px;
		color: #BBB;
		font-weight: bold;
		float: right;
		width: 660px;
    }
	
	.logo{
	width: 275px;
	height: 70px;
	float: left;
	}
	
	#menu {
    	padding: 0px 0px;
		background: #000;
		background: url(images/menu.jpg) repeat-x left top;
		height: 30px;
		font-size: 11px;
		margin-bottom: 7px;
		width: 940px;
		}
	#menu a{
    	padding: 6px 16px;
		background: url(images/menu.jpg) repeat-x left top;
		height: 18px;
		width: auto;
		font-size:11px;
		font-family: Verdana;
		float:left;
		font-weight: bold;
		text-decoration: none;
		color: #555;
		}
		
	#menu a:hover{
		background: url(images/menuaover.jpg) repeat-x center top;
		color: #FFF;
		}
	.menuaover{
    	padding: 6px 10px;
		background: url(images/menuaover.jpg) repeat-x center top;
		height: 18px;
		font-weight: bold;
		text-decoration: none;
		color: #324D1E;
		}
		

	#corp {
    	padding: 0px 0px;
		width: 940px;
		height: 448px;
    }
	
	.corp {
    	padding: 0px 0px;
		margin: 0 0;
		width: 940px;
		height: 605px;
    }
	.scroller {
    	padding: 0px;
		width: 750px;
		background: #6A951E;
		height: 150px;
		border-bottom: 3px Solid #024051;
    }
	#mainparent {
    	padding: 0px 0px;
		height: 500px;
		float: right;
		background:url(images/BGleft.png) left top no-repeat;
		width: 750px;
    }
	#footer {
    	padding: 10px 10px;
		background-image: url(images/footer.jpg);
		background-repeat: repeat-x;
		height: 14px;
		width: 920px;
		float: left;
		color: #444;
    }
	
	#footer2 {
    	padding: 10px 10px;
		height: 80px;
		width: 920px;
		text-align: right;
		float: left;
		color: #444;
    }
	
	#menuleft {
		margin: 5px auto;
		width: 165px;
		height: 125px;
    }
	#menuleft a{
		width: 159px;
		color: #444;
		text-decoration: none;
		height: 19px;
		padding: 3px 3px;
		float: left;
		background: url(images/bgmenu.jpg) bottom left ;
    }
	
	.menuleftactive{
		background: url(images/bgover1.jpg) bottom left ;
		color: #CC0000;
		
    }
	
		#menuleft a:hover{
		background: url(images/bgmenuleft.jpg) bottom left ;
		font-weight: bold; 
		color: #F85804;
    }
	.img{
	margin-right: 10px;
    }
	
	#titre1 {
    	padding: 5px 10px;
		background: url(images/titre1.jpg) repeat-x;
		height: 22px;
		width: 170px;
		color: #473B30;
    }
	
	#titre2 {
    	padding: 5px 10px;
		background: url(images/titre1.jpg) repeat-x;
		height: 18px;
		width: 179px;
		color: #473B30;
    }
	
	#pathway {
    	padding: 5px 15px;
		background: url(images/bgpath.jpg) no-repeat left top;
		height: 18px;
		width: 520px;
    }
	#rapide {
    	padding: 5px 0px;
		background: url(images/rapide.jpg) no-repeat left top;
		height: 18px;
		width: 190px;
    }
	#main {
    	padding: 0px 15px 0px 15px;
		background: url(images/BGleft.jpg) no-repeat left top;
		width: 520px;
		height: 451px;
    }
	
	#bg {
    	padding: 0px;
		margin: auto;
		position: absolute;
		top:0px;
		text-align: center;
		width: 1000px;
		height: 100px;
    }
	#block1 {
		background: url(images/horizontalp.jpg) no-repeat bottom left;
		height: 135px;
		padding: 10px 0px;
		width: 520px;
    }
	#block2 {
		height: 201px;
		padding: 5px 0px 5px 0px;
		width: 520px;
		float: left;
		color: #4D4D4D;
    }
	
	#block5 {
		height: 380px;
		padding: 5px 0px 5px 0px;
		width: 520px;
		color: #4D4D4D;
    }
	
	#block4 {
		height: 220px;
		padding: 15px 0px 5px 0px;
		font-family: Verdana;
		width: 520px;
		font-size: 10px;
		color: #444;
		float: left;
    }
	
	
	#block4 ul {
		margin: 15px 0px 5px 30px;
		padding: 0px;

    }
	
	#block4 li {
		padding: 0px 0px 0px 7px;
		margin: 5px 0px 10px 0px;
    }
	
	#block7 {
		height: 431px;
		padding: 15px 0px 5px 0px;
		font-family: Verdana;
		width: 520px;
		font-size: 10px;
		color: #444;
		float: left;
    }
	
	
	#block7 ul {
		margin: 15px 0px 5px 30px;
		padding: 0px;

    }
	
	#block7 li {
		padding: 0px 0px 0px 7px;
		margin: 5px 0px 10px 0px;
    }
	
	#block6 {
		height: 380px;
		padding: 5px 0px 5px 0px;
		width: 520px;
		color: #4D4D4D;
    }
	
	
	#block6 ul {
		margin: 15px 0px 5px 30px;
		padding: 0px;

    }
	
	#block6 li {
		padding: 0px 0px 0px 7px;
		margin: 5px 0px 5px 0px;
		list-style: square;
    }
	
	#block2 li a{
		color: #444;
		text-decoration: none;
    }
	
	#block2 li a:hover{
		color: #93BD13;
		text-decoration: none;
    }
	
	
	#block2 ul {
		margin: 15px 0px 5px 30px;
		padding: 0px;

    }
	
	#block2 li {
		padding: 3px 0px 3px 7px;
		margin: 3px 0px 6px 0px;
		list-style: square;
		background: #eee;
    }
	
	#block3 {
		
		padding: 10px 0px 0px 0px;
		width: 520px;
    }
	#espace1 {
		background: url(images/verticalp.jpg) no-repeat top right;
		height: 135px;
		padding-right: 10px;
		float: left;
		width: 250px;
    }
	#espace2 {
		height: 135px;
		padding-left: 10px;
		float: left;
		width: 250px;
    }
	#user1 {
		height: 185px;
		padding-right: 10px;
		float: left;
		width: 250px;
    }
	#user2 {
		height: 185px;
		padding-left: 10px;
		float: left;
		width: 250px;
    }
	
	.titre1 {
		width: 152px;
		padding-left: 18px;
		padding-top: 4px;
		padding-bottom: 2px;
		font-family: Arial;
		color: #333;
		font-size: 11px;
		font-weight: bold;
    }
	H1 {
		padding: 0px 0px 10px 0px;
		color: #FFF;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
    }
	
	H2 {
		padding: 0px 0px 10px 0px;
		color: #444;
		margin: 0;
		font-size: 18px;
		font-family: Arial;
		font-weight: bold;
    }
	
	H3 {
		background: url(images/minheader.jpg) no-repeat center;
		padding: 7px 0px 9px 35px;
		color: #333;
		margin: 0;
		font-size: 11px;
		font-weight: bold;
    }
	
	H4 {
		padding: 5px 0px 5px 0px;
		color: #F60;		
		margin: 0px 0px 3px 0px;
		font-size: 13px;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
    }
	
	H5 {
		padding: 0px 0px 5px 0px;
		color: #44362D;
		margin: 0;
		font-size: 12px;
		font-weight: bold;
    }

	
	.img {
		margin-right: 10px;
		border: 0px;
    }
	
	.img2 {
		border: 5px solid #ccc;
    }
	
	
	#mainContentop {
    	padding: 5px 18px;
		width: 976px;
		margin: 0 auto; /* ne pas oublier que le remplissage est l'espace &agrave; l'int&eacute;rieur du cadre de l'&eacute;l&eacute;ment div, alors que la marge est l'espace &agrave; l'ext&eacute;rieur de celui-ci */
    }
	
	.right {
		margin: 0;
		padding: 15px 0px;
		width: 199px;
		border-left: 1px #ddd solid;
		height: 421px;
    }
	#contactez {
		width: 179px;
		height: 225px;
		padding: 0px 10px;
    }
	#pack {
		width: 199px;
		height: 225px;
    }
	#pack a{
		width: 159px;
		float: left;
		padding: 0px 20px;
		color: #444;
		height: 75px;
		font-weight: 100;
		background:url(images/pack.jpg) top center no-repeat;
    }
	
	#pack a:hover{
		width: 159px;
		float: left;
		padding: 0px 20px;
		color: #444;
		height: 75px;
		font-weight: 100;
		background:url(images/pack_over.jpg) top center no-repeat;
    }
	
	.contact {
		margin: 0;
		padding: 0;
		width: 200px;
		height: 451px;
		background: url(images/contact.jpg) top right no-repeat;
    }
	
	#alaune {
		width: 170px;
		height: 155px;
		padding: 45px 10px 12px 10px;
		float: left;
		color: #FFF;		
		background: url(images/news.jpg) no-repeat left top;
	}
	
	#avis {
		width: 150px;
		padding: 45px 20px 20px 20px;
		height: 140px;
		float: left;
		background: url(images/newsletter.jpg) no-repeat left top;
	}
	
	#neuf {
		width: 170px;
		padding: 40px 15px 10px 15px;
		height: 230px;
		color: #636363;
		float: left;
	}
	
	#aide {
		width: 200px;
		padding: 40px 0px 12px 0px;
		height: 115px;
		float: left;
	}
	
	#pscroller1{
		width: 170px;
		height: 155px;
	}

	.someclass{ 
		font-family: Arial;
		font-size: 11px;
		color: #4D4D4D;
	}
	
	.plus{ 
		font-family: Arial;
		font-size: 11px;
		color: #FF3300;
		text-align: right;
		width: 170px;
		height: 20px;
		padding-top: 5px;
		float: right;
	}
	
.Style1 {color: #5B4331}
.Style5 {color: #CFB8A7}
.Style6 {color: #D9C7B9}
.Style7 {color: #E4D7CD}
.Style8 {color: #F1EAE4}
.Style9 {color: #FEFDFC}

	.submit {
		padding: 5px 10px;
		background: url(images/menuaover.jpg) repeat-x left top;
		color: #FFFFFF;
		font-weight: bold;
		border: 0px;
	}