html {
	margin: 0;
	padding: 0;
	}
	
body {
	font: 79% "MS Shell Dlg", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color:#F4F6F1;
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
	color:#000;
	}
	
/*---------------les titres----------------*/
h1 {
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 5px 5px;
	padding: 0;
	color:#558700;
	text-align:left;
	}
	

h2 {
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0 5px  0;
	padding:1px 0 0 23px;
	color:#ff6600;
	text-align:left;
	background-image:url(images/feuille-puce.jpg);
	background-repeat:no-repeat;
	}
	
h3 {
	font-size:1.2em;
	font-weight:bold;
	margin:0 5px 5px  0;
	padding:1px 0 0 23px;
	color:#558700;
	text-align:left;
	background-image:url(images/feuille-puce.jpg);
	background-repeat:no-repeat;
	}
	
	
/*---------- ici le conteneur général de la mise en page ---------*/

#visite {
	display:none;
	}

#conteneur {
	position: relative;
	width:815px;
	text-align:left;
	}
	
#haut {
	float:left;
	width:815px;
	height:120px;
	background: url(images/haut.jpg) left top no-repeat;
	}

#haut ul {
	float:right;
	color:#787878;
	margin:0;
	padding:0 100px 0 0;
	font: 0.8em "MS Shell Dlg", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#haut li {
	display: inline;
	padding: 0 7px 0 0;
	margin:0;
	}

#haut a {
	color:#787878;
	text-decoration:none;
	}

#haut a:hover {
	color:#fff;
	text-decoration: underline;
	}

#haut a:focus {
	color:#fff;
	text-decoration: underline;
	}

#fil-ariane {
	width:515px;
	float: right;
	margin:72px 0 0 0;
	padding:0;
	clear:both;
	}

#fil-ariane p{
	color:#666622;
	margin:0;
	padding:0;
	font: 0.8em "MS Shell Dlg", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	}

#fil-ariane a {
	color:#d3641c;
	text-decoration: underline;
	}

#fil-ariane a:hover, a:focus {
	color:#fff;
	text-decoration: none;
	}

#centre {
	float:left;
	width:815px;
	padding:0;
	margin:0;
	background: url(images/centre.jpg) left top no-repeat;
	}
	
#gauche {
	float:left;
	width:255px;
	height:465px;
	}

#page {
	width:555px;
	float:left;
	margin:0;
	padding:0;
	}

	
#bas {
	width:815px;
	height:20px;
	float:left;
	}

#bas p {
	float: right;
	margin : 0 20px 0 0 ;
	padding:0;
	text-align: right;
	font: 0.8em "MS Shell Dlg", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	}	

/*----------------- fin mise en page ---------------*/

/*----------------- les blocs ----------------------*/

#bloc_menu_acc{
	float:left;
	padding:0 0 0 20px;
	margin:0;
	}

.bloc_acc {
	width: 135px;
	float:left;
	margin:10px 0 0 10px;
	padding:0;
	}

.bloc_acc p {
	text-align:center;
	color:#000;
	margin:0;
	padding:0;
	}

.bloc_acc a {    
	text-decoration: underline;
	color:#558700; 
} 
  
.bloc_acc a:hover, a:focus { 
	color:#fb0000; 
	text-decoration: none;
}

.bloc_web {
	width: 546px;
	float:left;
	margin:2px 0 10px 0;
	padding:0;
	
	}

.bloc_anime {
	width: 273px;
	/*height:100px;
	border:1px solid #990000;*/
	float:left;
	margin:2px 2px 10px 0;
	padding:0;
	}

.bloc_anime p {
	text-align:left;
	margin:0;
	padding:3px 0 0 0;
	}

.dc {
	width:548px;
	text-align: left;
	float:left;
	clear: both;
	padding:10px 0 0 5px;
	margin:0;
	}

/*----------------- les menus ----------------------*/
/*---menu gauch---*/
#navcontainer ul {
	list-style-type: none;
	text-align: left;
	margin:50px 0 0 50px;
	padding:0;
	}

#navcontainer li {
	margin:7px 0 0 0;
	}

#navcontainer ul li a {
	background: transparent url(images/puce_2.jpg) left center no-repeat;
	padding: 0 0 0 25px;
	margin:10px 0 0 0;
	text-align: left;
	text-decoration: none;
	color:#8f3f0e;
	}

#navcontainer ul li a:hover {
	background: transparent url(images/puce.jpg) left center no-repeat;
	color: #FF6600;
	}

#navcontainer a:focus {
	background: transparent url(images/puce.jpg) left center no-repeat;
	color: #FF6600;
	}

#navcontainer ul li a#current {
	background: transparent url(images/list-active.gif) left center no-repeat;
	color: #666;
	}
/*---menu bas ----*/

#nav_bas ul{
	float:right;
	margin:1px 0 0 0;
	padding:0;
	text-align: right;
	font: 0.8em "MS Shell Dlg", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	}


#bas_list li {
	display: inline;
	padding: 0;
	margin:0;
	}

#bas_list a {
	margin: 0;
	color: black;
	padding:1px 10px 1px 15px;
	background: transparent url(images/puce_3.jpg) left top no-repeat;
	text-decoration:none;
	}

#bas_list a:hover {
	margin: 0;
	color: #FF6600;
	padding:1px 10px 1px 15px;
	background: transparent url(images/puce_4.jpg) left top no-repeat;
	}

#bas_list a:focus {
	margin: 0;
	color: #FF6600;
	padding:1px 10px 1px 15px;
	}

/*-------------- fin menus -------------------------*/

p {
	margin : 5px;
	padding:0;
	text-align:justify;
	line-height: 1.5em;
	}
	
.p_news {
padding: 5px;
background:#E3E2B5;
border: 1px dashed #ce671a; 
}

.gras {
	color:#FF6600;
	font-weight:bold;
	font-style: normal;
	}

.b {
	color:#558700;
	font-weight:bold;
	font-style: normal;
	}
	
.orange {
color:#FF9900;
font-style: normal;
}

span {
	font-style:italic;
	}

/*-------------------- les images --------------------*/
.img_puce {
	float:left;
	margin:0 10px 0 0;
	border:none;
	}

.img {
	border:none;
	}

#img_valid {
	width:170px;
	float:right;
	margin:0;
	padding: 0 10px 0 0;
	}

.img_valid {
	float:right;
	margin:0 0 0 3px;
	border:0;
	}

.img_print{
	float: left;
	margin:0 0 0 4px;
	border:0;
	}
	
.img_logo {
	float: left;
	margin:0 18px 0 0;
	border:0;
	}

.img_creaam{
	float: left;
	margin:0 0 0 50px;
	border:0;
	}

.img_acc {
	position: absolute;
	top:75px;
	left:94px;
	float: left;
	border:none;
	}

.img_anime {
	float: left;
	margin:0 5px 0 0;
	border:none;
	}

/*--------------------- les liens -----------------------*/

a.lien {    
	text-decoration:none;
	color:#fb0000; 
} 
  
a.lien:hover, a:focus { 
	color: #777; 
	text-decoration: underline;
}

a.lien2{    
	text-decoration: underline;
	color:#558700; 
	} 
  
a.lien2:hover, a:focus { 
	color:#fb0000; 
	text-decoration: none;
	}

/*------------ formulaire -------------*/

#bloc_formu {
	width:280px;
	float: right;
	margin:0;
	padding:0 0px 0 0;
	/*border:1px dashed #184354;*/
	}

#bloc_contact {
	width:260px;
	float: left;
	margin:0;
	padding:0;
	}


.p_f {
	margin:0;
	padding:10px 0 0 4px;
	color:#FF6633;
	}

form {
	margin:0 10px 0 0;
	/*border:1px dashed #184354;*/
	padding:0px;
	}

form fieldset {
	border: 1px dashed #c9c95b; 
	padding: 10px;
	margin:0 0 0 6px;
	width:522px;
	}
    
form legend { 
	background-color: #fff;
	border: 1px dashed #c9c95b;  
	padding: 1px 4px; 
	color: black; 
	}

input {
	border: none;
	background-color:#d5d58b;
	width:250px;
	margin: 0 0 5px 0;
	padding:1px 0 1px 4px;
	}
.input {
	background-color:#fff;
	border:none;
	width:15px;
	margin:10px 0 0 0;
	}
	
.b_radio {
	border: none;
	width:15px;
	margin: 10px 0 0 0;
	padding:0;
	background:none;
}
textarea{
	width:250px;
	/*height:150px;*/
	background-color:#d5d58b;
	border: none;
	overflow:auto;
	margin: 0 0 5px 0;
	padding:2px 0 2px 4px;
}

.valid {
color:#FFFFFF;
	border: none;
	background-color:#da6522;
	width:109px;
	margin:10px 3px 0 0;
	padding:0;
	float:right;
	}
	
.valid_n {
color:#FFFFFF;
	border: none;
	background-color:#da6522;
	width:109px;
	margin:10px 3px 0 0;
	padding:0;
	float: left;
}
	
input:focus, textarea:focus {
	background:#F2C9AE;
}
	
/*--------Accessibilité-------*/
kbd {
	font-size : 1.2em;
	font-weight:bold;
	padding: 0px 2px;
	background-color:#E8E8BF;
	}
	
.acces {
	width:550px;
	float:left;
	margin:10px 0 20px 0;
	padding:5PX;
	}

.acces ul li {
	list-style-image:url(images/puce_3.jpg)
	}

.acces a{    
	text-decoration:none;
	color:#558700; 
	} 
  
.acces a:hover { 
	color: #777; 
	text-decoration: underline;
}