/* CSS Document */

*{
margin:0;
border:0;
padding:0;
}

body{
background:url(images/boutique_animalerie_05.jpg) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

h1{
display:none;
}

h2{
margin:0.6em 1em;
font-size:12px;
color:#009999;
font-weight:blod;
}

h3{
margin-left:2em;
margin-right:10em;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
background-color:#9999FF;
border:#9999FF solid;
}

h4{
font-size:10px;
color:#336666;
font-weight:bold;
}

#contenu_site h2{
margin:0.6em 1em;
font-size:12px;
color:#009999;
font-weight:blod;
}

#contenu_site h3{
margin-left:2em;
margin-right:10em;
font-size:12px;
color:#9999FF;
font-weight:bold;
background-color:#FFF;
border:0;
}

#wrapper{
position:relative;
margin:0 auto;
width:933px;
min-height:900px;
}

#wrapper #header{
float:left;
width:933px;
height:161px;
}

#wrapper #header #logo{
float:left;
width:531px;
height:161px;
}
#wrapper #header #logo .logo{
background:url(images/boutique_animalerie_02.jpg) no-repeat;
float:left;
width:531px;
height:96px;
}

.logo p{
color:#003399;
font-weight:bold;
text-align:center;
margin-left:70%;
margin-right:1em;
margin-top:6em;
}

#wrapper #header #logo .sigles{
text-align:right;
background:url(images/boutique_animalerie_06.jpg) no-repeat;
float:left;
width:531px;
height:65px;
}

.sigles img{
margin-top:0.2em;
margin-right:0.5em;
vertical-align:middle;
}

#wrapper #header #panier{
float:left;
width:402px;
height:161px;
}
#wrapper #header #panier .frais_port{
background:url(images/boutique_animalerie_03.jpg) no-repeat;
float:left;
width:190px;
height:121px;
}
#wrapper #header #panier .panier{
background:url(images/boutique_animalerie_04.jpg) no-repeat;
float:right;
width:212px;
height:121px;
font-size:11px;
text-align:center;
}

.panier p{
margin-right:2.7em;
margin-top:3em;
}

#wrapper #header #panier .recherche{
background:url(images/boutique_animalerie_07.jpg) no-repeat;
float:left;
width:402px;
height:40px;
font-weight:bold;
color:#CC3366;
}

.recherche input{
border:#6666CC thin solid;
font-size:11px;
}

.recherche p{
font-size:12px;
margin-top:0.7em;
margin-left:0.8em;
}

.recherche a:link,a:hover,a:visited,a:active{
color:#6666FF;
text-decoration:none;
}

#wrapper #conteneur{
background:url(images/fond.jpg) repeat-y;
float:left;
width:933px;
min-height:659px;
}

#wrapper #conteneur #menu{
background:url(images/boutique_animalerie_08.jpg) no-repeat;
float:left;
width:173px;
height:800px;
color:#003399;
}

#wrapper #conteneur #centre{
float:left;
width:634px;
min-height:659px;
}

#wrapper #conteneur #centre .contenu{
background-color:#FFFFFF;
float:left;
width:634px;
min-height:625px;
height:auto;
}

#wrapper #conteneur #centre .contenu p{
	/*text-align:justify;*/
	font-size:11px;
	margin-left:1em;
	margin-right:1em;
}

#wrapper #conteneur #centre .contenu .visuels{
text-align:left;
margin:1em 2em;
float:left;
width:28%;
}
.contenu .visuels img{
border:#CCCCCC thin solid;
margin-bottom:0.2em;
}
.contenu .visuels .thumb{
width:60px;
float:left;
margin-top:0.5em;
}

#wrapper #conteneur #centre .contenu .description{
margin-top:1em;
margin-right:0.8em;
float:left;
width:58%;
text-align:justify;
}

#wrapper #conteneur #centre .contenu .listeprod2
{
	width:100%;
	float:left;	
}

#wrapper #conteneur #centre .contenu .listeprod2 h3
{
	margin-left:2em;
	margin-right:10em;
	margin-top:2em;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#9999FF;
	border:#9999FF solid;
	width:90%;	
}

#wrapper #conteneur #centre .contenu .listeprod2 h3 a
{
	color:#FFFFFF;	
}

#wrapper #conteneur #centre .contenu .listeprod2 .visuelsliste{
text-align:center;
margin:1em 2em;
float:left;
width:110px;
}
.visuelsliste img{
border:#CCCCCC thin solid;
}

#wrapper #conteneur #centre .contenu .listeprod2 .descsuccint{
margin-top:1em;
margin-right:0.8em;
float:left;
width:70%;
text-align:justify;
overflow:hidden;
}

#wrapper #conteneur #centre .contenu .autres_articles .regle{
float:left;
margin-left:1em;
margin-top:0.5em;
background:url(images/dot.gif) repeat-x;
height:2px;
width:92%;
color:#333366;
}

#wrapper #conteneur #centre .contenu .autres_articles .article{
float:left;
text-align:center;
font-size:10px;
background-color:#FFF;
margin-left:2em;
margin-top:0.5em;
width:90%;
}

.autres_articles .article img{
float:left;
width:60px; 
}

.autres_articles a
{
	color:#FF0000;
}

.autres_articles .zoom,.article .nom,.carac,.taille,.prix,.quantité,.ajout{
background-color:#FFCC33;
margin:0.1em;
height:40px;
text-align:center;
min-width:30px;
float:left; 
}

.autres_articles .article .nom
{
	width:150px;
}

.autres_articles .article .carac
{
	width:130px;
}

.autres_articles .article .prix
{
	width:50px;
}

.autres_articles .article .ajout
{
	width:80px;
}

.ancien{
text-decoration:line-through;
}

.autres_articles .quantité input{
margin-top:0.5em;
border:#FF9900 thin solid;
color:#006699;
}

.autres_articles .article .nom{
font-weight:bold;
}

#wrapper #conteneur #centre .entete{
background:url(images/boutique_animalerie_09.jpg) no-repeat;
float:left;
width:634px;
height:50px;
}

#wrapper #conteneur #categories{
background:url(images/boutique_animalerie_10.jpg) no-repeat;
float:right;
width:126px;
height:659px;
}

#wrapper #footer{
clear:both;
/*float:left;*/
width:933px;
height:80px;
}

#wrapper #footer .footer{
background:url(images/boutique_animalerie_12.jpg) no-repeat;
float:left;
width:933px;
height:44px;
}

#wrapper #footer .footer p{
margin:0.3em;
text-align:center;
font-size:11px;
}

.footer a:link,a:hover,a:visited,a:active{
color:#333366;
text-decoration:none;
}

#wrapper #footer .fond{
background:url(images/boutique_animalerie_13.jpg) repeat-y;
float:left;
width:933px;
height:36px;
}

.resultat_recherche
{
float:left;
text-align:center;
font-size:10px;
background-color:#FFF;
margin-left:2em;
margin-top:0.5em;
width:90%;
}

.resultat_recherche img{
border:#CCCCCC 1px solid;
}

.resultat_recherche .result_img
{
	float:left;
	width:70px;
}

.resultat_recherche .result_texte
{
	float:left;
	text-align:left;
	width:500px;
}

#navigation
{
	float:left;
	width:92%;
	margin-left:1em;
	margin-top:3em;
	background-color:#9999FF;
	font-weight:bold;
}
#navigation a
{
	color:#FFF;
	text-decoration:none;
}

#navigation #nav_precedent
{
	float:left;
	width:50%;
}

#navigation #nav_suivant
{
	float:left;
	text-align:right;
	width:49%;
}

/********************************************************

/				     BOUTIQUE							/

********************************************************/

.prod_prix
{
	color:#FF0000;
	font-weight:bold;
}

#div_recherche
{
	float:left;
	width:100%;
}

.tab_recherche
{
	background-color:#FFE083;
}

.select_search
{
	border:1px solid #FF9900;
	width:150px;
}
/*****************
	categories
******************/	
.listecatppal 	
{
	font-weight:bold;
}		
.listecatppal li
{
	list-style-type:none;
	float:left;
	width:170px;
	height:180px;
	text-align:center;
	margin-right:15px;
	margin-left:15px;
	margin-top:10px;
}
.listecatppal a
{
	display:block;
	color:#3266CC;
}

#catniveau3img
{
	width:150px;
	text-align:center;
	height:110px;
	float:left;
}

#catniveau3list
{
	float:left;
}

#catniveau3list li
{
	font-weight:bold;
	margin-bottom:0.4em;
}

#catniveau3_autres
{
	list-style-type:circle;
	margin-left:50px;
}

.regle{
float:left;
margin-left:1em;
margin-top:0.5em;
background:url(images/dot.gif) repeat-x;
height:2px;
width:92%;
color:#333366;
}

#pages
{
	float:left;
	width:90%;
	text-align:center;
	height:50px;
	margin-top:10px;
}

#pages a
{
	color:#FF0000;
	text-decoration:none;
}

.pagecourante
{
	font-weight:bold;
}

/*****************
	panier
******************/
.contenu #panier_article
{
	float:left;
	margin-left:1em;
	margin-top:0.5em;
	width:95%;
}

.contenu #panier_article #article_nom
{
	width:260px;
	height:20px;
	float:left;
	margin-left:1em;
	background-color:#FFCC33;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
}

.contenu #panier_article #article_pu
{
	width:80px;
	height:20px;
	float:left;
	background-color:#FFCC33;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
}

.contenu #panier_article #article_qte
{
	width:80px;
	height:20px;
	float:left;
	background-color:#FFCC33;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
}

.contenu #panier_article #article_total		
{
	width:80px;
	height:20px;
	float:left;
	background-color:#FFCC33;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
}

.contenu #panier_article #article_suppr	
{
	width:70px;
	height:20px;
	float:left;
	background-color:#FFCC33;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
}

.contenu #panier_article .article_nom
{
	width:260px;
	height:35px;
	float:left;
	margin-left:1em;
	background-color:#FFE083;
	font-weight:bold;
	border:1px solid #FFF;
}

.contenu #panier_article .article_pu
{
	width:80px;
	height:35px;
	float:left;
	background-color:#FFE083;
	text-align:center;
	border:1px solid #FFF;
	text-align:right;
}

.contenu #panier_article .article_qte
{
	width:80px;
	height:35px;
	float:left;
	background-color:#FFE083;
	text-align:center;
	border:1px solid #FFF;
}

.contenu #panier_article .article_qte input{
	border:#FF9900 1px solid;
	color:#006699;
	width:76px;
	text-align:right;
}

.contenu #panier_article .article_total		
{
	width:80px;
	height:35px;
	float:left;
	background-color:#FFE083;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
	text-align:right;
}

.contenu #panier_article .article_suppr		
{
	width:70px;
	height:35px;
	float:left;
	background-color:#FFE083;
	text-align:center;
	border:1px solid #FFF;
}

.contenu #panier_footer
{
	float:left;
	margin-left:1em;
	margin-top:0.5em;
	background-color:#FFCC33;
}

.contenu #panier_footer #panier_soustotal
{
	float:left;
	width:506px;
	text-align:right;
	height:20px;
}

.contenu #panier_footer #panier_soustotal_value
{
	float:left;
	width:72px;
	text-align:right;
	height:20px;
}

.contenu #panier_footer #panier_frais
{
	float:left;
	width:506px;
	text-align:right;
	height:20px;
}

.contenu #panier_footer #panier_frais_value
{
	float:left;
	width:72px;
	text-align:right;
	height:20px;
}

.contenu #panier_footer #panier_total
{
	float:left;
	width:506px;
	text-align:right;
	font-weight:bold;
	height:20px;
}

.contenu #panier_footer #panier_total_value
{
	float:left;
	width:72px;
	text-align:right;
	color:#FF0000;
	font-weight:bold;
	height:20px;
}

/*****************
	commande
******************/
.contenu #cde_navigation
{
	float:left;
	margin-left:1em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	width:95%;
	height:30px;
	border-bottom:1px solid #FFCC33;
}

.contenu #cde_navigation #cde_etape
{
	width:33%;
	height:28px;
	float:left;
	margin-bottom:0.5em;
	text-align:center;
	color:#CCC;
}

.contenu #cde_navigation #cde_etapeon
{
	width:33%;
	height:28px;
	float:left;
	margin-bottom:0.5em;
	background-color:#FFCC33;
	font-weight:bold;
	text-align:center;
}

.contenu #cde_inscrit,  #cde_inscription
{
	width:100%;
	float:left;
	text-align:center;
	height:200px;
}

.contenu #cde_inscrit input
{
	border:#FF9900 1px solid;
	color:#006699;
	width:300px;
}

.contenu #cde_inscription .cde_inscr_input input, .contenu #cde_inscription .cde_inscr_input select
{
	border:#FF9900 1px solid;
	color:#006699;
	width:300px;
}

.contenu #cde_inscription .cde_inscr_bouton input,.contenu #cde_inscrit .cde_inscr_bouton input
{
	border:#FF9900 1px solid;
	background-color:#FFF;
	color:#FF9900;
	width:150px;
	font-weight:bold;
}

.contenu  #cde_inscription .cde_inscr_label, .contenu  #cde_inscrit .cde_inscr_label
{
	float:left;
	height:15px;
	width:250px;
	margin:2px;
	text-align:right;
}


.contenu  #cde_inscription .cde_inscr_input,.contenu  #cde_inscrit .cde_inscr_input, .contenu  #cde_inscription .cde_inscr_bouton, .contenu  #cde_inscrit .cde_inscr_bouton
{
	float:left;
	height:15px;
	width:310px;
	margin:2px;
	text-align:left;
}


.contenu  #cde_inscription .cde_inscr_radio
{
	float:left;
	height:15px;
	width:310px;
	margin:2px;
	text-align:left;
}

.radio
{
	width:3px;
}


/*****************
	récapitulatif
******************/
.contenu #cde_panier
{
	float:left;
	margin-left:1em;
	margin-top:0.5em;
	width:100%;
}

.contenu #cde_panier #article_nom
{
	width:420px;
	height:20px;
	float:left;
	margin-left:1em;
	background-color:#FFCC33;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
}

.contenu #cde_panier #article_pu
{
	width:80px;
	height:20px;
	float:left;
	background-color:#FFCC33;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
}

.contenu #cde_panier #article_total		
{
	width:80px;
	height:20px;
	float:left;
	background-color:#FFCC33;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
}
.contenu #cde_panier .article_nom
{
	width:420px;
	height:20px;
	float:left;
	margin-left:1em;
	background-color:#FFE083;
	font-weight:bold;
	border:1px solid #FFF;
}

.contenu #cde_panier .article_pu
{
	width:80px;
	height:20px;
	float:left;
	background-color:#FFE083;
	text-align:center;
	border:1px solid #FFF;
	text-align:right;
}

.contenu #cde_panier .article_total		
{
	width:80px;
	height:20px;
	float:left;
	background-color:#FFE083;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
	text-align:right;
}

.contenu #cdepanier_footer
{
	float:left;
	margin-left:1em;
	margin-top:0.5em;
	background-color:#FFCC33;
}

.contenu #cdepanier_footer #panier_soustotal, #panier_frais, #panier_total
{
	float:left;
	width:512px;
	text-align:right;
	height:20px;
}

.contenu #cdepanier_footer #panier_soustotal_value
{
	float:left;
	width:72px;
	text-align:right;
	height:20px;
}


.contenu #cdepanier_footer #panier_frais_value
{
	float:left;
	width:72px;
	text-align:right;
	height:20px;
}

.contenu #cdepanier_footer #panier_total_value
{
	float:left;
	width:72px;
	text-align:right;
	color:#FF0000;
	font-weight:bold;
	height:20px;
}

.contenu #cde_adresse
{
	float:left;
	margin-left:1em;
	margin-top:0.5em;
	width:100%;
}

.contenu #cde_livraison, #cde_facturation
{
	float:left;
	margin-left:1em;
	margin-top:0.5em;
	width:100%;
}

.contenu #cde_livraison textarea
{
	float:left;
	margin-left:1em;
	margin-top:0.5em;
	width:280px;
	height:80px;
	border:#FF9900 1px solid;
}

.contenu #cde_facturation p
{
	margin-left:2em;
}


.contenu #cde_confirmation
{
	float:left;
	width:100%;
}

.contenu #cde_confirmation p
{
	float:left;
	width:90%;
	margin-left:1em;
}


/*****************
	récapitulatif
******************/
#cde_paiement
{
	float:left;
	margin-left:1em;
	margin-top:0.5em;
	width:100%;
}
#cde_choixpaiement
{
	float:left;
	margin-left:1em;
	margin-top:0.5em;
	width:100%;
}

/********************************************************

/				     BOUTIQUE							/

********************************************************/

.bouton
{
	border:#FF9900 1px solid;
	background-color:#FFF;
	color:#FF9900;
	width:160px;
	font-weight:bold;
}

/********************************************************

/				     GALERIES							/

********************************************************/

.listephotos li
{
	float:left;
	width:110px;
	height:100px;
	text-align:center;
	list-style-type:none;
	margin-left:10px;
}

.listegaleries img
{
	border: 3px solid #009999;
}

.listegaleries li
{
	float:left;
	width:180px;
	text-align:center;
	list-style-type:none;
}

.listephotos li img
{
	border: 3px solid #FFF;
}

#retour
{
	width:100%;
	float:left;
}
		


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

#formulaire-contact{
width:100%;
}

#formulaire-contact .col_g{
margin-top:0.3em;
float:left;
width:33%;
text-align:right;
}

#formulaire-contact .col_g li{
margin:0.7em;
font-weight:bold;
list-style-type:none;
}

#formulaire-contact .col_d li{
margin:0.4em;
list-style-type:none;
}

#formulaire-contact .col_d{
margin-top:0.6em;
float:left;
width:67%;
text-align:left;
}

#formulaire-contact .mentions{
float:left;
width:100%;
}

#formulaire-contact .mentions p{
	margin:15px;
	font-size:10px;
}

#formulaire-contact .col_d .textfield{
border-bottom:#FF9900 solid 1px;
border-top:0px;
border-left:0px;
border-right:0px;
width:300px;
background-color:transparent;
}

#formulaire-contact .col_d .validation{
border:#FF9900 solid 1px;
color:#FF3300;
width:300px;
background-color:transparent;
}

#formulaire-contact .col_d textarea{
border:#FF9900 solid 1px;
width:300px;
background-color:transparent;
}

#formulaire-contact .col_d .bouton{
border:#FF9900 solid 1px;
color:#990000;
background-color:#FFF;
width:148px;
}

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