html { 
	font-size: 100%;
}

html,body {
	margin: 0;
	padding: 0;
}

body { 
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: .74em;
	line-height: 1.4;
	color: #231f20;
	background: #f5f5f5;
}

body#intro{
	background-color:#b4e32b;	
}

body#PageEntreprise li#mnuEntreprise a
,body#PageLiens li#mnuLiens a
,body#PageContact li#mnuContact a
,body#PageNouvelles li#mnuNouvelles a
,body#PageAccueil li#mnuAccueil a
,body#PageAffections li#mnuAffections a
 {
	color: #000;
	background: url(../images/design/menu_ici.jpg) center top no-repeat;	
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding:0;
font-style: normal; 
} 

h1 {
	font-size: 1.7em;
	color: #6F9702;
}

h2 {
	font-size: 1.4em;
	margin:0 0 3px 0;
	background: url(../images/design/corps_separation_grand.jpg) bottom left no-repeat;
}

h3 {
	font-size: 1.2em;
}
	
h4 {
	font-size: 0.9em;
} 

ul, ol { 
	margin:0 0 1em 0;
	padding: 0 0 0 2em; 
}

li {
margin:0 0 0.3em 0;
padding:0;
}

p {
	margin:0 0 1em 0;
	text-align: justify;
	padding:0;
}

p.details {
text-align:left;
font-size:0.90em;
}

a { 
	text-decoration: underline;	
	font-weight:bold;
}

a:link, a:visited {
	color: #6f8b14;
}

a:hover, a:focus, a:active {
	color: #A0C237;
}

a img {
	border:none;
}

strong {
	font-weight: bold;
} 

form, fieldset {
	margin: 0; 
	padding: 0; 
	border: none;
} 

input, button, select, textarea{
	vertical-align: middle;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:4px;
}

table {
margin:0 0 1em 0;
padding:0;
border:0;
border-collapse:collapse;
}

table td {
vertical-align:top;
padding: 10px 5px;	
}

label {
font-weight: bold;
cursor:pointer;
}

table.formulaire td.label {
text-align:right;	
}

div#entete{
	background: #d5ec8c url(../images/design/header_repeat.jpg) repeat-x;
	
}

img#Facebook {
position:absolute;
right:38px;
bottom:10px;
}

div#enteteContenu{
	width: 960px;
	height: 216px;
	margin: 0 auto;
	background: #d5ec8c url(../images/design/header_back.jpg) no-repeat;
	position:relative;
}

div#enteteContenu p#langue{
	width: 900px;
	padding-top:10px;
	margin: 0 auto;
	text-align: right;
	font-weight:normal;
}

div#enteteContenu a{
	color:	#231f20;
}

div#enteteContenu a:hover{
	color:#060;
}

img#logo{
	margin: 15px 0 0 60px;
}

div#menu{
	background-color: #231F20;
	height: 34px;
}

div#menu a{
	text-decoration: none;	
}

div#menuContenu{
	width: 940px;
	margin: 0 auto;
}

div#menuContenu ul{
	padding: 0;
	margin: 0;
	background: url(../images/design/menu_separateur.jpg) top right no-repeat;
	height:34px;
}

div#menuContenu ul li{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 156px;
	color: white;
	text-align: center;
	background: url(../images/design/menu_separateur.jpg) top left no-repeat;
	font-size: 1.4em;
	font-weight: bold;
}

div#menuContenu ul li a{
	position: relative;
	display: block;
	line-height: 34px;
	color: white;
	width: 100%;
}

div#menuContenu ul li a:hover{
	color: #A0C237;
	/*background-image: url(../images/design/menu_ici.jpg);*/
}

div.colonne-interne-principale {
float:left;
width:270px;
margin:0 30px 0 0;
}

div.colonne-interne-secondaire {
float:left;
width:355px;
}


div#cadre-principal {
	width: 960px;
	margin: 0 auto;
	position: relative;
	background: white url(../images/design/corps_repeat.png) repeat-y;
}

div#corps{
	width: 940px;
	padding: 0 10px 60px 10px;
	background: url(../images/design/corps_droite.jpg) 710px 0 repeat-y;
}

img.accompagnement {
float: left;
margin:0 1em 1em 0;
}

div#colonne-principale{
	float: left;
	padding: 20px;
	width: 660px;
}

#colonne-principale h1{
	padding-bottom: 5px;	
}


div#colonne-secondaire{
	padding: 20px 8px 20px 0;
	float: right;
	width: 190px;
}

div#colonne-secondaire p {
	text-align:center;
}

div#colonne-secondaire a{
	color: #4a6307;
}

div#colonne-secondaire a:hover{
	color: #6F9702;	
}

div#colonne-secondaire h1{
	text-align: center;
}

div#colonne-secondaire a.bouton{
	height: 22px;
	width: 140px;
	padding:6px 9px;
	margin: 0 auto 50px auto;
	padding-bottom: 20px;
	background: url(../images/design/bouton_boutique.jpg) top center no-repeat;
	display:block;
	color: #231f20;
	font-weight: bold;
	text-decoration:none;
	text-align:center;
}

div#colonne-secondaire a.bouton:hover{
	background: url(../images/design/bouton_boutique_hover.jpg) top center no-repeat;
}

div.produit-lateral {
text-align:center;
margin:0 0 3em 0;
}

div.produit-lateral p {
text-align:center;
}

div.produit-lateral img {
border: 1px solid #6F9702;
}


span.sommaire{
	color: #6f8b14;
}

span.sommaire-droite{
	color: #6f8b14;
	font-size: 0.9em; 
}

div#footer{
	height: 70px;
	width:940px;
	margin:0 auto;
	color: #d5ec8c;
	background: #231f20 url(../images/design/corps_repeat.png) repeat-y;
	background-color: #231f20;
}


div#footer a{
	color: #d5ec8c;
	font-weight:normal;
	text-decoration:none;
}

div#footer a:hover{
	color: #A0C237;
}

div#footerGauche{
	border-top: 4px solid #b5d843;
	float: left;
	padding-left: 180px;
	width: 460px;
	background: url(../images/design/footer_separation.jpg) 200px 5px no-repeat;
}

div#footerGauche p {
	text-align: center;
	line-height: 48px;
	padding-left: 20px;
}

div#footerDroit{
	border-top: 4px solid #b5d843;
	float: left;
	width: 300px;
	background: url(../images/design/footer_separation.jpg) left no-repeat;
}

div#footerDroit p {
	padding-top: 9px;
	text-align: center;
	line-height: 15px;
}

div#graphique{
	height: 160px;
	width: 209px;
	position: absolute;
	bottom: 0;
	left: 10px;
	/*background-image: url(../images/design/footer_hiver.jpg);*/
	background-position:left bottom;
}

div#erreur{
	background-color: #FFD2D2;
	border: 1px solid black;
	padding:5px;
	color: #710000;
}

div#erreur h2 {
background:none;
padding:0;
margin:0;
}

div.clear{
	clear:both;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
	visibility:hidden;
	font-size:0;
}

div.rubrique {
padding:0 10px 0 0;
}

div.rubrique a {
text-decoration:none;
font-weight:normal;
}

div.rubrique ul {
margin:0;
padding:0;
list-style:none;
}

div.rubrique li {
width:46%;
float:left;
margin:0;
padding:0 0 0 8px;
background:url(../images/icones/dot.gif) 0 6px no-repeat;
}

div#corps div.rubrique h2 {
background:none;
border:none;
margin:0 0 0 0;
font-size:1.2em;
font-weight:bold;
}

div#corps div.rubrique h2 a {
font-weight:bold;
}

div.separateur {
clear:both;
height:10px;
font-size:0;
line-height:0;
border-bottom:1px solid #EAEAEA;
margin:5px 0;
}

ul.horizontale li {
width:45%;
float:left;
}