body{
background-image:url(../images/BG2_body.gif);
margin:0;	
padding:0;
}

p{margin:0;padding:0px;}

#page{
width:960px;
left:50%;
margin:30px 0 0 -480px;
padding:0px;
position:absolute;
background-image:url(../images/BG_page.gif);
background-repeat:repeat-y;
}
/******************MENU*******************/
#menu{
width:200px;
height:auto;
margin:0px 0px 0 0px;
padding:0px 0 0 0;
float:left;}

#menu ul{
width:200px;
height:;
margin:0px 0 0 0;
padding:0px 0 0 0;}

#menu ul li{
width:200px;	
height:100%;
margin:0px 0 0 0;
padding:0px 0 0 0px;
border-bottom:1px dotted #812525;
list-style-type :none;
}

#menu ul li a{
width:185px;
height:18px;
background-color:#FFD942;	
margin:0 0 0 0;
padding:0 0 0 15px;
display:block;
text-decoration:none;
color:#812525;
font-family:verdana;
font-weight:normal;
font-size:12px;
}

#menu ul li a:hover{
background-color:#fff8a6;
font-weight:bold;
}

#menu ul li ul li{
witdh:175px
height:;
background-color:#FFD942;	
margin:0px 0 0 0px;
padding:0px 0 0 0px;
border-bottom:none 0px;
list-style-type :none;	
}

#menu ul li ul li a{
width:175px;
margin:0px 0 0 10px;
font-size:9px;
}

/******************BTN ang - fr*******************/

#menu a.fr{width:36px; margin:15px 0 0 54px ;float:left;background-image:url(../images/frA.gif);background-repeat:no-repeat;display: block} 
#menu a.fr:hover{background-image:url(../images/frB.gif);background-repeat:no-repeat;}

#menu a.ang{width:40px; margin:15px 0 0 15px; float:left;background-image:url(../images/angA.gif);background-repeat:no-repeat;display: block}
#menu a.ang:hover{background-image:url(../images/angB.gif);background-repeat:no-repeat;}

/******************LOGO*******************/
#menu #logo{
width:60px;	
margin:20px 0px 0 70px;
}

/******************COLONE (div contenant header, contenu et footer) *******************/	
#colone{
width:760px;
height:auto;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}
/******************HEADER*******************/
#header{
margin:0px 0px 0 0px;
padding:0px;
clear:both;
}
/******************CONTENU*******************/
#content{
width:710px;
height:auto;
margin:0 0px 0 0px;
padding:20px 0 0px 50px;
clear:both;
position:relative;	
}

.L1{width:650px;clear:both;}
.L2{width:330px;margin:0 35px 20px 0px;float:left;}
.L3{width:290px;margin:0 35px 20px 0px;float:left;}

.L4{width:330px;margin:0 50px 20px 0px;float:right;}
.L5{width:290px;margin:0 0px 20px 0px;float:right;list-style-type:none;}


.gauche{
float:left;}
.droite{
float:right;}
	
.clear{
clear:both;}
.clearG{
clear:left;}
.clearD{
clear:right;}

#exemple_1{margin:0 0 10px 0;}
#icoprod{margin:0 15px 5px 0;}
img.none{display:none;}
#tofprod{width:290px; height:218px;margin:20px 0 20px 0;}

a img{border:none 0px; }
a.lienmag{ background-color:#812525; text-align:center; padding:10px;border:none 0px; font-family:Helvetica, Arial, sans-serif;font-size:12px;text-decoration:none;font-weight:bold;color:#fff;float:right;}
a.lienmag:hover { background-color:#BF2626; color:#fff; }
a.liencontact{ background-color:#812525; text-align:center; padding:10px;border:none 0px; font-family:Helvetica, Arial, sans-serif;font-size:12px;text-decoration:none;font-weight:bold;color:#fff;float:right;}
a.liencontact:hover { background-color:#BF2626 ; color:#fff; }

a.deconnec{ background-color:#812525; text-align:center; padding:10px;border:none 0px; font-family:Helvetica, Arial, sans-serif;font-size:12px;text-decoration:none;font-weight:bold;color:#fff;float:left;}
a.deconnec:hover { background-color:#BF2626; color:#fff; }

.encart{width:320px;margin:20px 0 20px 0;padding:10px 10px 10px 10px;background-color:#fae17e; }

/*-------Listes-------*/
#content ul { padding:0px 0 0 0;}
//#content ul li { ;font-size:12px;margin: 0 0 4px 0;list-style-type:none;}
.L2 ul{margin:0px; padding:0px;}
.L2 ul li{ font-family:helvetica;font-size:12px;list-style-type:;margin:0 0 5px 10px; padding:0;}
.L3 ul{width:250px;margin:15px 0 15px 15px; padding:0px;}
.L3 ul li{ font-family:helvetica;font-size:12px;list-style-type:;margin:0 0 5px 10px; padding:0 0 0 0;}

/******************FOOTER*******************/

#footer{
	clear:both;
	width:760px;
	height:68px;
	background-image:url(../images/Footer.png);
	background-repeat:no-repeat;
	color: #000;
	line-height:1.8em;
	font-family:verdana;
	font-size:9px;
	text-align: center;
	margin: 0px;
	padding: 32px 0 0 0px;
}

a.LIEN_footer:link {
	color: #000;
	text-decoration: none;
	

}

a.LIEN_footer:visited {
	color: #000;
	text-decoration: none;
	
}

a.LIEN_footer:hover {
	color: #559524;
	text-decoration: none;
}


/********************FORMULAIRE DE CONTACT***********************/

#contact{width:330px;height:auto;float:left;padding:0 0 30px 0;}
#contact form{width:300px;}
#contact form p{margin:0 0 5px 0;font-size:8px;}
#contact form input{margin:0 0 5px 0;}
.Linput{width:200px;}
#contact form textarea{width:280px;height:150px;margin:0px 0 5px 0;}

/********************FORMULAIRE D'ACCES DISTRIB***********************/

#acces{width:330px;height:200px;}
#acces form{background-image:url(../images/formu_distrib.jpg);background-repeat:no-repeat;width:330px;height:200px;padding:40px 0 0 40px;}
#acces form p{margin:0 0 5px 0;font-size:8px;}
#acces form input{margin:0 0 5px 0;}
.Linputacces{width:200px;}
#acces form textarea{width:330px;height:150px;margin:0px 0 5px 0;}

/********************FORMULAIRE INSCRIPTION***********************/

#inscrip{width:330px;height:240px;}
#inscrip form{background-image:url(../images/formu_inscrip.jpg);background-repeat:no-repeat;width:330px;height:240px;padding:40px 0 0 40px;}
#inscrip form p{margin:0 0 5px 0;font-size:8px;}
#inscrip form input{margin:0 0 5px 0;}
#inscrip form textarea{width:330px;height:150px;margin:0px 0 5px 0;}

/********************FORMULAIRE COMMANDE***********************/

#commande{width:600px; height:auto;clear:both;margin:0 0 10px 0;}

.NameEmail{width:150px;height:14px;margin:0 0 10px 10px;padding:0 0 0 0;}

#intitules{width:600px; height:20px;clear:both;background-image:url('');background-repeat:no-repeat;padding:20px 0 0 0px;margin:10px 0 0 0;}
#prodnom{width:270px; height:; float:left;padding:0 0 0 0px;}
#contenu{width:70px; height:; float:left;border-left:dotted 1px;padding:0 0 0 10px;}
#prix{width:120px; height:; float:left;border-left:dotted 1px;padding:0 0 0 10px;}
#quantit{width:60px; height:; float:left;border-left:dotted 1px;padding:0 0 0 10px;}
.titre{width:595px; height:18px;clear:both;font-weight:;background-color:#ccc;padding:5px 0 0 5px;margin:0 0 0 0;line-height:1em;}

.ligne{width:; height:25px; clear:both;border-bottom:dotted 1px;padding:5px 0 0 0;}

.prodnom{width:270px; height:; float:left;padding:0 0 0 0;font-size:11px;line-height:1.7em;}
.contenu{width:70px; height:; float:left;padding:0 0 0 10px;font-size:11px;line-height:1.7em;}
.prix{width:60px; height:; float:left;padding:0 0 0 10px;font-size:11px;line-height:1.7em;}
.QT{width:70px; height:; float:right;padding:0 0 0 0;}
.checkbox{width:30px; height:; float:right;padding:0 0 0 0;}

/******************** TYPO ***********************/


#content h1{font-weight:bold; margin:0 0 5px 0;color:#812525;}
#content h5 {font-size:15px;margin:5px 0 10px 0;}
#content p{ font-family: Helvetica, Arial, sans-serif;}

.centre{text-align:center;}
.Tdroite{text-align:right;}
.Tgauche{text-align:left;}
.Tjustif{text-align:justify;}

#accueil{
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
margin:0 0 10px 0; }

.L2 p{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;;margin:0 0 10px 0; }


.L3 p{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;;margin:0 0 10px 0; }
.defi{font-size:9px;}
.text{
font-size: 12px;
text-align: justify;
letter-spacing: 0.6pt;
line-height: 1.2;}

#contact form p{ font-size:12px;font-weight:bold;text-transform: uppercase;}
#contact form p#legende{font-size:9px;text-transform:lowercase}
#textcontact{width:200px; padding:0px 0 0px 0px; margin:0 150px 0px 0px; float:right;
text-align:left;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;}

.textprod{width:330px;text-align: justify;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0.2px;
line-height: 1.5em; }


.Lien{width:650px;clear:both;margin:0 0 0px 0;}
.Lien a{widht:330px;float:left;}
.Lien a img{border:none 0px;margin: 0 0 20px 0;}
.Lien p{
width:290px;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
margin:0 0 0px 15px;
float:left;}
.Lien p a{text-decoration:none;}

/******************** A C C O R D E O N ***********************/	
#container{padding:25px 0 30px 0;}

.mypets{width:650px;margin:0;padding:0;}

.accordion_toggle {
width:650px;
padding:0 0 5px 0;
display: block;
text-decoration: none;
cursor: pointer;
margin: 0 0 5px 0;
border-bottom:1px dotted #000;
font-family:helvetica;
font-weight:lighter;
}
		
.accordion_toggle_active {
color: #00ABFF;
}
		
.thepet {
color: #444444;
padding: 10px 0px 0px 0px;
}

.thepet p{width:290px;margin:0 35px 20px 0px;float:left;
}


.thepet blockquote{
width:300px;
margin:0px 20px 0px 0;
padding:10px;
background-color:#fae17e;
float:left;
font-size:13px;}
		
.accordion_content h2 {
margin: 15px 0 5px 10px;
color: #0099FF;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
color: #00ABFF;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}