*{margin:0; padding:0; border:none; list-style-type:none;}
.clear {clear:both;}
img {border:0;}

body{
	font-size:80%;
	color:#333;
	font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande",  Tahoma, Helvetica, sans-serif;
	background:url(../images/auto_fond.gif) right repeat-y;
}

.btn{
 border:1px solid #FF7400; 
 background:#468FB3;
	width:8em;
	padding:1px 0 1px 0;
	margin:1em 0 1em 0;
	color:#fff;
	font-weight:800;
	font-size:.9em;
	cursor:pointer;
}

#global {
}

/*............................................HAUT...........................................*/
#haut {
 background:#4C5359 url(../images/auto-haut-bg.jpg) no-repeat;
 height:150px;
}

#haut h1 { 
	font-size:.5em;
	color:#576065;
}

#haut p a{
	color:#fff;
	display:block;
	width:auto;
	font-size:1.5em;
	background:transparent;
	text-decoration:none;
	padding:5em 0 1em 15em;
	letter-spacing:2px;
}

/*..............................................MENU...........................................*/

#menu { 
background:url(../images/auto_menu.jpg) repeat-x;
height:2.5em;
}

#menu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

#menu ul{
	text-indent: 10px;
	text-align: left; /*set value to "center" for example to center items*/
	padding:7px 0 0 0;
}

#menu ul li{
display: inline;
}

#menu ul li a{
	padding:0 10px 0 5px;
	color:#242424;
	font-weight:bold;
	text-decoration: none;
	background: transparent url(../images/separateur.gif) top right no-repeat;
}

#menu ul li a:hover{
color:#fff;
}

/*...........Pages g�n�r�es par le Menu Haut horizontal.....................*/

#informations {
 width:90%;
 margin:0 auto 0 auto;
}

#informations h1 {
 font-size:1.3em;
	color:#0066FF;
	margin:2em 0 0 0;
	padding:3px 0 3px 0;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	background:#FAFAFA;
}

/*..conditions de vente..*/
#cdv {
 background:#fff;
	border:1px solid #E5E5E5;
	margin:1em 0 0 0;
	padding:2em;
	text-align:justify;
	margin:0 0 1em 0;
}

#informations #cdv h2 {
 height:2em;
 font-size:1.1em;
 text-align:left;
 margin:0 0 3px 0;
 padding:.5em 0 0 0;
	color:#98C000;
	border-bottom:1px solid #e5e5e5;
}

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

#cdv p strong { display:block; clear:both; color:#000; margin-top:3em;}



/*..plan du site..*/

#plan_site {
 background:#fff;
	border:1px solid #E5E5E5;
	margin:1em 0 0 0;
	padding:2em;
}

#informations #plan_site h2 {
 height:2em;
 font-size:1.1em;
 text-align:left;
 margin:0 0 3px 0;
 padding:.5em 0 0 0;
	color:#98C000;
	border-bottom:1px solid #e5e5e5;
}

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


/*................................RECHERCHE PIECES DETACHEES.........................*/

#rpda {
 margin:2em 0 2em 0;
}

#rpda h1 {
	height:3em;
	font-size:1.2em;
	color:#004080;
	margin:0 10px 0 10px;
}

#rpda p {
	width:22%;
	display:block;
	float:left;
	border:1px solid #F7BB04;
	margin:0 0 0 12px;
	background:url(../images/recherche_fond.gif) repeat-x;

}

#rpda fieldset {
	border:1px solid #B3D7D3;
	padding:.5em;
}

#rpda fieldset #FILVALIDER {
 font-size:1.1em;
	color:#333s;
 border:1px solid #FF6D05;
 margin-top:1em;
	background:#ccc;
	padding:2px 0 2px 0;
	cursor:pointer;
}

#rpda legend {
	font-size:1.15em;
	font-weight:bold;
	color:#182957;
}

#rpda form {
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:2em 0 2em 0;
	background:#F5F5F5/*url(../images/bg_body.gif)*/;
}

#rpda form select {
 border:1px solid #E5E5E5;
 float:left;
 margin:0 0 5px 2px;
 width:98%;
}

#rpda option{
	font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande",  Tahoma, Helvetica, sans-serif;
}

#rpda p label{
 width:100%;
 text-align:left;
 display: block;
 float:left;
 padding:0 0 .5em 2px;
 color:#004080;
 font-weight:800;
}

/*...recherche par marque autos...*/

#autos {
 height:auto;
 background:#FDFDFD;
 overflow:auto;
 margin-top:0;
}

#autos h2{
	color:#0066FF;
	text-align:left;
	padding:1em 0 1em .5em;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	background:#FAFAFA;
}

#autos h2 a{
 color:#0066FF;
	font-size:1em;
}

#autos legend {
	font-size:1.15em;
	font-weight:bold;
	color:#182957;
	margin-left:20em;
}

#autos fieldset{ border:1px solid #B3D7D3; padding:2em;}

#autos ul{height:auto;}

#autos li { display:block; width:10.5em; float:left; height:2em; text-align:left;}

#autos li a { color:#0066FF; font-size:1em; font-weight:700;}

#autos li a:hover { text-decoration:none; color:#00183D;}


/*..........................................GAUCHE...........................................*/

#gauche {
 width:80%;
 float:left;
	text-align:center;
	margin-left:-2px;
	background:#FFFFFF;
}

#auto_contG {
 width:95%;
	margin:0 auto 0 auto;
}

/*....catalogue_liste_ssfam.php et catalogue_liste_fam.php....*/

/*Pour que la galerie fonctionne il est imperatif
 de donner une hauteur et une largeur aux images
	dans le html, taille limite de l'image 80px*/

#ssfam {
 width:95%;
	border: 1px solid #999;
	padding: 15px 8px 0 8px;
	background-color: #f4f4f4;
	margin: 0;
}

#ssfam h2 {
 width:97%;
 font-size:1.3em;
	color:#0066FF;
	margin:2em 0 1em 0;
	padding:3px 0 3px 0;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	background:#FAFAFA;
}

#ssfam h2 a {color:#468FB3;}


#auto_pieces {
	width:auto;
	border:1px solid #B3D7D3;
	height:auto;
	padding:1em;
	margin:1em;
	background:#fff;
}

#auto_pieces em { font-style:normal;}

#auto_pieces ul li {
	display:block;
}

#auto_pieces li {
 float:left;
 width:10%;
 height:6em;
 padding:0 1em 3.3em 0;
}

#auto_pieces li img{ 
 bottom:0;
}

.gallery .def {
	display:block;
	font-size:1em;
	font-weight:800;
	width:auto;
	padding:0 2px 10px 2px;
	color:#2B2423;
}

.gallery .prix {
 font-size:1.1em;
	font-weight:800;
	color:#FF3300;
 display:block;
		padding:3px 2px 3px 2px;
}

.gallery .plusinfos {
 display:block;
	padding:3px 2px 3px 2px;
}

.gallery .plusinfos a {
 font-size:1.1em;
	font-weight:800;
	color:#468FB3;
	text-decoration:underline;
	height:auto;
}

.gallery .vehic {
 display:block;
	padding:10px 2px 3px 2px;
	width:160px;
}

.gallery .plusinfos a:hover {
	font-weight:800;
	color:#555;
	text-decoration:none;
	background-image:none;
}

.gallery .vehic a{
 margin-top:.5em;
 font-size:1em;
	font-weight:800;
	color:#468FB3;
	text-decoration:underline;
	height:auto;
}

.gallery .vehic a:hover {
 border:0; text-decoration:none;
}

.gallery .designation {
 font-size:1.1em;
	padding:10px 2px 2px 2px;
	display:block;
}

.ajpan {
 font-size:1.1em;
	padding:10px 2px 0 2px;
	display:block;
}

.ajpan a {
 font-size:1.1em;
	color:#FF6600;
}

.ajpan a:hover{
	color:#333;
}

/*---images---*/

.gallery div {
	display:inline;
}

.gallery {
	text-align:center;
}

.gallery a img {
	vertical-align:middle;
	background-image:none !important;
 border:1px solid #fff;
}

.gallery a:hover img  {
	vertical-align:middle;
	background-image:none !important;
	background:#fff;
	border:1px solid #333;
}

/* prop up the box for IE */
.gallery span.vignette a i {
	display:none;
	display:inline-block;
	width:1px;
}

.gallery div span {
	display:table-cell;
	display:inline-block;
	padding:5px;
	margin:5px;
	width:160px;
	height:32em;
	vertical-align:top;
	border:1px solid #F38901;
	border-bottom:4px solid #F38901;
	background:url(../images/bg-gallery.jpg) top repeat-x;
}

.gallery div span span {
	vertical-align:middle;
	line-height:150px;
	display:table-cell;
	height:180px;
	padding-left:0 !important;
	padding-right:0 !important;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#FFFFFF;
	border:1px solid #ccc;
}

/* width consistency for 'fox */
.gallery div span span::after {
	display:none;
	display:-moz-inline-block;
	content:" ";
	width:180px;
	height:1px;
	overflow:hidden;
}

* html div.gallery div span span {
iehack:"\";
background-image:none !important;
iehack:\"";
}

/*....*/

.vignette {
 display:block;
 text-align:center;
 background-position:center;
 background-repeat:no-repeat;
 padding:4px !important;
}

.vignette a:hover{
 border:1px solid #fff;
}


* html div.gallery .vignette img {
 position:relative;
 top:4px;
}
/*div.mediatheque div span span img {
	padding:3px 4px 5px 4px;
}*/


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

/*........Pi�ces D�tach�es en Stock.......................*/

#library {}

#library h2{
 width:99%;
 font-size:1.15em;
	text-align:left;
	color:#182957;
	padding:3px 0 3px .5em;
	/*border-top:1px solid #E5E5E5;*/
	border-bottom:1px solid #FFB153;
	background:#FDFDFD;
}

/*.......Nouveaut�s, Promos, Destockage, Affaire...........*/

/*Promotions*/
/* SLIDER CSS */
pre{
	color:red;
}

#valueOfRedSlider,#valueOfGreenSlider,#valueOfBlueSlider{
	width:50px;
	float:left;
}

#redSlider,#greenSlider,#blueSlider{
	width:200px;
	height:20px;
	float:left;
	margin-right:5px;
}
		
#sliderInputDiv{
	width:30px;
	height:20px;
}

.ver_slider{
	height:230px;
	width:30px;
	float:left;
}
		
#ver_slide1,#ver_slide2,#ver_slide3{
	width:30px;
	height:200px;
	margin-bottom:3px;
}

/*...........informations............*/
	
#news {}
	
#news	.espann {
 width:92%;
 margin:0 auto 0 auto;
 background:#fff;
 border:1px solid #E5E5E5;
 text-align:left;
 padding:2em;
}

#news h2{
 width:99%;
 font-size:1.15em;
	text-align:left;
	color:#182957;
	padding:3px 0 3px .5em;
	/*border-top:1px solid #E5E5E5;*/
	border-bottom:1px solid #FFB153;
	background:#FDFDFD;
}

#news .espann  h3{
 width:100%;
 font-size:1.1em;
	text-align:center;
	color:#182957;
	padding:3px 0 3px 0;
	background:#FDFDFD;
	margin:0 0 1em 0;
}
	
/*...........service de recherches........*/

#sdr {
	margin:2em 0 1em 0;
	background:#FCFCFE;
	height:10em;
	border:1px solid #ccc;
	padding:2em;
	text-align:left;
}

#sdr h3{
	margin:0 0 2em 0;
	text-align:center;
}

/*------------Catalogue fiche--------------------*/

#lightwindow #cat_fiche {text-align:left; width:100%; background:#fff;}

#lightwindow #cat_fiche h2,h4 { padding:0 0 0 .5em;}

#lightwindow #cat_fiche p {width:auto;  padding:0 0 0 .5em;}

#lightwindow #cat_fiche em { font-style:normal;}

#lightwindow #cat_fiche .cat_photo {float:left; width:40%; height:auto; background:#fff;  border:1px solid #fff; margin:0 1em 0 0;}

#lightwindow #cat_fiche .cat_photo img { padding-left:1em; width:250px;}

#lightwindow #cat_fiche .cat_photo p {width:auto;}

#lightwindow .cat_info { line-height:normal;}
#lightwindow .cat_info ul,li,p,em,strong { line-height:normal;}

#lightwindow .cat_desc { display:block; width:40%; float:left; height:auto; font-size:1em; color:#0033CC; margin:2em 0 0 1em;}

#lightwindow .cat_desc p {display:block; height:auto; font-size:1em; color:#0033CC; background:#fff; line-height:normal;}

#lightwindow .cat_desc ul { padding:0 0 0 .5em;;}

#lightwindow .cat_desc p img { float:left; padding-top:1em;}

#lightwindow .cat_conseil {display:block; width:40%; float:left; margin:2em 0 0 1em;}

#lightwindow .cat_conseil a {color:#009900;}
#lightwindow .cat_conseil a:hover {text-decoration:none; color:#005D00;}

#lightwindow .cat_ajout {padding:4em 0 2em 0; float:left; width:40%;}

#lightwindow .cat_ajout p a { width:100%; margin:0 0 0 2em; color: #FF6600; font-weight:800; font-size:1.2em; padding:1px 0 1px 0;  text-align:right;}

#lightwindow .cat_ajout p a:hover {text-decoration:none; color:#004080;}

/*.........................................DROITE...........................................*/

#droite {
 width:20%;
 float:left;
	background:#468FB3;
}
/*login*/

#droite #login{
	text-align:center;
	margin:0 0 1em 0;
}

#droite #loginint {
margin:.5em 0 0 0;}

#droite #loginint label{
 display:block;
 width:80%;
	font-size:1.1em;
	font-weight:800;
	text-align:left;
	color:#fff;
	padding-left:1em;
}

#droite #login input.champs,#texte form input.champs{
	color:#333;
	background:#fff;
	background: url(../images/champs.png) left top repeat-x;
	border:1px solid #468FB3;
	width:90%;
	height:1.5em;
}

#droite #login input.valid,#texte form input.valid{
	background: url(../images/recherche.gif) no-repeat;
	border:none;
	width:105px;
	color:#333;
	text-align:center;
	margin:2px 0 0 10px;
	padding:2px 0 5px 1px;
}

#droite #login input.valid:hover,#texte form input.valid:hover{
	background:url(../images/survol.gif) no-repeat;
	color:#333;
	cursor:pointer;
}

/*moteur de recherche*/

#droite #moteur{
	text-align:center;
	margin:0 0 1em 0;
}

#droite #moteurint label{
 display:block;
 width:90%;
	font-size:1.1em;
	font-weight:800;
	text-align:left;
	color:#fff;
}

#droite #moteur input.champs,#texte form input.champs{
	color:#333;
	background:#fff;
	background: url(../images/champs.png) left top repeat-x;
	border:1px solid #468FB3;
	width:90%;
	height:1.5em;
}

#droite #moteur input.valid,#texte form input.valid{
	background: url(../images/recherche.gif) no-repeat;
	border:none;
	width:105px;
	color:#333;
	text-align:center;
	margin:2px 0 0 10px;
	padding:2px 0 5px 1px;
}

#droite #moteur input.valid:hover,#texte form input.valid:hover{
	background:url(../images/survol.gif) no-repeat;
	color:#333;
	cursor:pointer;
}

/*affichage de position*/

#menu_admin {margin:2em 0 0 0;}

#menu_admin p{
	width:auto;
	height:55em;
	color:#fff;
	font-size:1.2em;
	font-weight:800;
	padding:0 0 0 2em;
}

#menu_admin .recap {
 width:auto;
	color:#fff;
	font-size:1.1em;
	font-weight:800;
	padding:0 0 0 2em;
}

/*------------------------*/

#contenuD {
 height:auto;
}
/*Panier menu gauche*/
#panier {}

#chariot {}

#chariot table {width:auto;  font-size:.8em;}

#chariot h3 a {
 color:#DB5B00;
 font-size:.9em;
	margin-top:0;
}

#panier .upperleft{
	width : 90%;
	margin-left : auto;
	margin-right : auto;
	background-color : #C0C0C0;
	background-image : url(../images/upperleft.png);
	background-repeat : no-repeat;
	background-position : top left;
}

#panier .upperright{
	background-image : url(../images/upperright.png);
	background-repeat : no-repeat;
	background-position : top right;
}

#panier .lowerleft{
	background-image : url(../images/lowerleft.png);
	background-repeat : no-repeat;
	background-position : bottom left;
}

#panier .lowerright{
	background-image : url(../images/lowerright.png);
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3% 3% 3% 3%;
}
/*..*/

#contenuD p{

}

#contenuD h2 {
 width:92%;
 font-size:1.2em;
 color:#fff;
 margin:.5em 0 2px 3px;
 background:#468FB3;
 padding:0 0 0 .5em;
}

#contenuD h2 img { padding:0 .5em 0 0;}

#contenuD2 {
 margin:1em 0 0 0;
}

#contenuD2 h3 {
 width:92%;
 font-size:1.2em;
 color:#000;
 margin:.5em 0 2px 5px;
 background:#FF7400;
 padding:0 0 0 2px;
}

#contenuD2 h3 img {
 padding:0 5px 0 0;
}

#contenuD2 li a {
 color:#fff;
 margin:0 0 0 1em;
}

#contenuD2 li a:hover {
 color:#ccc;
 margin:0 0 0 1em;
	text-decoration:none;
}

#contenuD2 ul {

}

/*............................BAS.........................*/

#bas {
 clear:both;
	background:#333;
	height:auto;
}

#bas p{
 height:4em;
 color:#fff;
 text-align:right;
	margin:1em 0 0 0;
	padding:0 2em 0 0;
}

#bas p a{
 text-align:right;
	color:#fff;
}

/*...........Navigation image logo auto menu droite...............*/

#automobile li span img{border:none; margin:5px 5px;}

ul#automobile {
	margin:0;
	padding:0;
	list-style-type: none ;
}

ul#automobile li {
	margin:0 0 5px 5px;
	padding:0 ;
	float:left;
	background:transparent;
}

ul#automobile li a {
	display:block ;
	width:50px ;
	height:50px;
	background:transparent url(../images/bg_menu.gif) no-repeat 0 0 ; 
}

ul#automobile li a:hover {
	background:transparent url(../images/bg_menu.gif) no-repeat 0 -50px ;
}

/*.........................................MON COMPTE....................................*/

.erreur {color:#FF3300; font-weight:bold;}

.erreur span {font-size:1.4em;}

#moncompte {
 width:99%;
	border:1px solid #B3B3B3;
	background:#eee;
}

#moncompte form { 
 width:75%;
	margin:1em auto 1em auto;
	padding:2px;
	border:1px solid #FFB172;
	background:#fff;
}

#moncompte fieldset {
 border-top:0;
	background:#fff;
	padding:2px;
}

#moncompte legend {
 font-size:1.1em;
 color:#4287A9;
	font-weight:600;
}

#moncompte label {
 width:45%;
 display:block;
 float:left;
 text-align:right;
	margin:10px 0 10px 0;
}

#moncompte p{
width:100%;
}

#moncompte input {
 border:1px solid #A1BAD1;
	float:left;
	width:30%;
	height:1.3em;
	margin:10px 0 10px 0;
	padding:2px 0 2px 3px;
}

#moncompte .button { 
 clear:both;
 margin:1em 0 1em 0;
}

#moncompte .button button{
 border:1px solid #FF7400; 
 background:#468FB3;
	width:10em;
	padding:2px 0 2px 0;
	color:#fff;
	font-weight:800;
	font-size:1em;
	cursor:pointer;
}

/*-------R�sum�-----------*/

#resume table {border:1px solid #57B2DF; width:75%; margin:0 auto 0 auto;}

#resume th,tr,td {border:1px solid #FAFAFA;}

#resume {
 width:90%;
	height:auto;
	margin:0 auto 0 auto;
 background:#EEEEEE;
	border:1px solid #B3B3B3;
}

#resume h1,h2,h3,h4,h5,h6{
margin:1em 0 1em 0;
color:#004080;
font-size:1.1em;
font-weight:800;
}

#resume .cours {
 width:99%;
	margin:3px auto 0 auto;
 background:#fff;
	border:1px solid #FFB172;
}

#resume .cours h3 { 	margin:3px 0 0 0;}

#resume .cours td span { color:#FF0000; font-weight:800; font-size:1.1em;}

#resume .histo {
 width:99%;
 margin:.5em auto 0 auto;
 background:#fff;
	border:1px solid #FFB172;
}

#resume .histo td span { color:#FF0000; font-weight:800; font-size:1.1em;}

#resume .action {
 width:99%;
 margin:.5em auto 0 auto;
 background:#fff;
	border:1px solid #FFB172;
}

#resume .action p{
 padding:5px 0 5px 0;
 text-align:left;
 padding-left:12%;
}

#resume .action p a{ color:#3F007E; font-size:1.2em;}
#resume .action p a:hover{ color:#444; text-decoration:none;}

#resume .mesinfos {
 width:99%;
 margin:.5em auto 3px auto;
 background:#fff;
	border:1px solid #FFB172;
	text-align:left;

}

#resume .mesinfos p { padding-left:12%; font-size:1.2em; color:#333;}
#resume .mesinfos strong {color:#4287A9;}

#resume .mesinfos h5{ text-align:center;}


/*..........................................PANIER.........................................*/
#droite_panier {
}

#droite_panier h3 {
	margin:0 0 0 2px;
	padding:1em 0 1em 1em;
	font-size:1.4em;
	background:#FF7400;
}



#droite_panier ul {
 height:30em;
	font-weight:bold;
	font-size:1.2em;
	margin:2em 0 0 0;
}

#droite_panier li {
 color:#fff;
	margin:0 0 0 1em;
	padding:2px;
}


/*................................recapitulatif...........................*/

#panier table {border:1px solid #eee; width:90%; text-align:center; margin-bottom:3.2em;}
#panier th {border-bottom:1px solid #eee; border-right:1px solid #eee; background:#7F92A4; color:#fff;}
#panier td {text-align:center; border-bottom:1px solid #eee; border-right:1px solid #eee;}
#panier tr {width:100%; text-align:center; width:80%;}
#panier p select { border:1px solid #444;}
#panier #ref {width:8%;}
#panier #produit {width:32%; padding:2px 0 2px 0;}
#panier #prix_u {width:5%; padding:2px 0 2px 0;}
#panier #quantite {width:7%; padding:2px 0 2px 0;}

#panier p {border:1px solid #000;}
#panier #total01 {width:auto; padding:2px 0 2px 0;}
#panier #retirer {width:7%;}
#panier .nref {width:8%; font-size:.75em; background:#fff; color:#333;}
#panier .img {width:auto;}
#panier .produit_def {width:40%;}
#panier .produit_def a{width:40%; font-size:1em; color:#004080;}
#panier .prooduit_def a:hover{color:#444;}
#panier .soustotal,.transport,.total  {text-align:right; background:#E9F2F5; padding-right:.5em; color:#333;}
#panier .endpanier {background:#fff;}
#panier .zbox {background:#FAFAFA; margin:7px 0 7px 0; border:1px solid #555; cursor:pointer;}
#panier .zbox2 {background:#eee; margin:7px 0 7px 0; border:1px solid #555; cursor:pointer;}
#panier .prixT {background:#FFA45A; width:10%; font-weight:700;}

#panier .continuer {background:#FAFAFA;}
#panier .continuer .zbox2 {font-weight:bold;}
#panier .proceder {background:#FAFAFA; font-weight:bold;}
#panier .proceder .zbox2 {font-weight:bold;}

/*.tva {}*/ 

#panier table input.zbox,form input.zbox {
 background:#FAFAFA url(animaleries_images/box01.jpg) left bottom no-repeat;
 color:#000;
 height:30px;
 width:97px;
 cursor:pointer;
 font-weight:300;
 text-align:center;
 padding:0 2px;
 border:1px solid #F0F4F5;
}

#panier table input.zbox:hover,form input.zbox:hover {
 background:#fff url(animaleries_images/box01.jpg) left top no-repeat;
 color:#000;
 border:1px solid #7F92A4;
}

#panier table input.zbox:active,form input.zbox:active {
 background-color:#fff;
 background:#ccc;
 color:#000;
 border:1px solid #fff;
}

/*-----*/

#panier table input.zbox2,form input.zbox {
 background:#FAFAFA url(animaleries_images/box02.jpg) left bottom no-repeat;
 color:#000;
 height:29px;
 width:200px;
 cursor:pointer;
 font-weight:500;
 text-align:center;
 padding:0 0;
 border:1px solid #FAFAFA;
}

#panier table input.zbox2:hover, form input.zbox:hover {
 background:#fff url(animaleries_images/box02.jpg) left bottom no-repeat;
 color:#000;
 border:1px solid #7F92A4;
 height:29px;
 width:200px;
}

#panier table input.zbox2:active,form input.zbox:active {
 background-color:#9cf;
 background:#ccc;
 color:#fff;
 border:1px solid #ddd;
}
/*...........................................FORMULAIRES......................................*/

#coordonnees { text-align:left; font-size:1em;}

#coordonnees #logF {
 display:inline;
 float:left;
 width:37%;
 margin:0 0 .5em 2em;
}

#coordonnees #passF {
 display:inline;
 float:left;
 width:37%;
 margin:0 0 0 2em;
}

#coordonnees #nomF {
 display:inline;
 float:left;
 width:37%;
 margin:0 0 0 5em;
}

#coordonnees #prenomF {
 display:inline;
 float:left;
 width:37%;
 margin:0 0 0 2em;
}

#coordonnees #email {
 display:inline;
 float:left;
 width:37%;
 margin:0 0 0 2em;
}

#coordonnees #emailBis {
 display:inline;
 float:left;
 width:37%;
 margin:0 0 0 5em;
}

#coordonnees #creapass {
 display:inline;
 float:left;
 width:37%;
 margin:0 0 1em 2em;
}

#coordonnees #creapassBis {
 display:inline;
 float:left;
 width:37%;
 margin:0 0 1em 5em;
}

#coordonnees div {
 width:80%;
 margin:0 auto 1em auto;
 background:#FAFAFA;
 border:1px solid #999999;
}

#coordonnees p {
 width:80%;
 margin:0 auto 0 auto;
}

#coordonnees em { text-align:right; display:block; padding:0 2px 2px 0;}
#coordonnees em a {color:#FF3300;}


#coordonnees input {
 width:100%;
 margin:0 0 0 0;
 padding:2px 0 2px 0;
 font-size:1.2em;
}

#coordonnees input, textarea	{
	border:1px solid #D3EEEE;
	font-family:"Times New Roman", Times, serif;
	overflow:auto;
	}

/*foctionne pas sou IE utiliser un JS*/
#coordonnees input:focus, textarea:focus 	{
	background:#FFFFE1;
}

#coordonnees label	{
	color:#004080;
	padding:1em 0 0 0;
}

#coordonnees legend {
	font-family:Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-weight:bold;
	margin:0 0 1em 0;
	background:#fff;
}

#coordonnees fieldset	{
	margin:15px;
	background:#fff;
	border:1px solid #FFDDA5;
	padding-bottom:1em;
}

#coordonnees select	{
 width:50%;
 margin:0 0 1em 0;
 padding:3px 0 3px 0;
 border:1px solid #D3EEEE;
}

#coordonnees #civil select	{
margin:1em 0 1em 0;
width:5em;

}

#newssite select{ width:auto;}

#coordonnees #boutonF01 {text-align:center;} 

#coordonnees #btnF01 {width:5em; background:#ccc; color:#333; padding:2px 0 2px 0; cursor:pointer;}

#coordonnees #boutonF {text-align:center; width:10em; padding:0 0 1em 0;} 

#coordonnees #boutonF input { background:#468FB3; color:#fff; font-weight:700;}

#coordonnees .btn{
 border:1px solid #FF7400; 
 background:#468FB3;
	width:8em;
	padding:1px 0 1px 0;
	margin:1em 0 1em 0;
	color:#fff;
	font-weight:800;
	font-size:.9em;
	cursor:pointer;
}
/*.................CONFIRMATION ET CHOIX DU PAIEMENT.............*/

/*...Adressse livraison et adresse facturation...*/

#adresse_facturation {}
#adresse_facturation .civ {background:#E9F2F5; color:#000; text-align:left; padding:0 0 0 1em;}
#adresse_facturation td { text-align:left;  padding:0 0 0 1em;}
#adresse_facturation th {padding:3px 0 3px 0;}


#adresse_livraison {}
#adresse_livraison .civ  {background:#E9F2F5; color:#000; text-align:left; padding:0 0 0 1em;}
#adresse_livraison td  {text-align:left; padding:0 0 0 1em;}
#adresse_livraison th {padding:3px 0 3px 0;}

/*.............*/

#choix_paiement { 
 width:80%;
 margin:0 auto 0 auto;
	text-align:left;
}

#choix_paiement h3{padding:.5em 0 .5em 0;}

#choix_paiement p label {
	/* display:block;
	float:left;
	width:22em;*/
}

#choix_paiement #boutonV {
 text-align:center;
}

#choix_paiement #btnV {
 background:#eee;
	width:10em;
	margin:3em 0 2em 0;
	padding:3px 0 2px 0;
	border:1px solid #EBEBEB;
}

/*---------Formulaire de contact---------------*/

#Fcontact {
 width:90%;
 margin:1em auto 65em auto;
 background:#eee;
	border:1px solid #B3B3B3;
}

#Fcontact h1 { 
font-size:1.2em;
color:#004080;
}

#Fcontact h2 {
 font-size:1.3em;
	color:#0066FF;
	margin:2px 0 0 0;
	padding:3px 0 3px 0;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	background:#FAFAFA;
}

#Fcontact fieldset {
 border:1px solid #FFB172;
	margin:2px;
	background:#fff;
}

#Fcontact legend {
 font-weight:900;
 margin:0 0 0 1em;
	color:#4287A9;
		background:#fff;
		height:1em;
	}

#Fcontact input {
	width:15em;
	border:1px solid #57B2DF;
	float:left;
	margin:.5em 0 .5em 0;
	padding:0 0 0 3px;
}
				
#Fcontact label {
	width:10em;
	float:left;
	text-align:left;
	margin:.5em .5em .5em 28%;
	font-size:1.1em;
}
					
#Fcontact textarea {
	border:1px solid #57B2DF;
	width:45%;
	height:20em;
	overflow:auto;
	padding:3px 0 0 3px;
}

#Fcontact .fcbnt {
 width:15%;
 margin:0 auto 0 auto;
 height:4em;
}

#Fcontact .btn{
 border:1px solid #FF7400; 
 background:#468FB3;
	width:8em;
	padding:1px 0 1px 0;
	margin:1em 0 1em 0;
	color:#fff;
	font-weight:800;
	font-size:.9em;
	cursor:pointer;
}

/*reponse du formulaire envoye*/

#Fcontact02 {
 font-size:1.5em;
	font-weight:800;
 color:#004080;
}


/*_____________________________ACCORDEON FAMILLE PIECE________________________________*/

#infos {
	position:relative;
	width:99.5%;
	margin:1em 0 0 0;
	border:1px solid #ccc;
	background:#F1EDD6;
	float:right;
	left:-3px;
	margin-right: -3px;
	margin-top:8px;
}

#infos fieldset {
	float:left;
	display:block;
	width:21em;
	height:1%;
	background:#F1EDD6;
	margin:.5em 0 1.5em .5em;
}

#infos h1 {
	font-size:1em;
	color:#375A97;
	padding:5px 0 5px 0;
	text-align:center;
	background:#DEC000 url(../images/fond_infos.gif) repeat-x;
}

#infos h1 img {
 font-size:2em;
	vertical-align:top;
	height:auto;
 padding:0 .5em 0 0;
}

#infos em {
}

#infos em a {
	color:#009900;
}

#infos em a:hover {
 text-decoration:none;
	color:#444;
}

#info li {
	display:list-item;
	width:100%;
	margin-bottom:5px;
	font-size: 1em;
	line-height: 1.5em;
	text-align:left;
	background:#F1EDD6;
	
}

#info ul {
}

#infos ul span {display:block;}

#info li ul li {
	clear: both;
	width:100%;
	border: 0;
	text-align:left;
}

#info li a {
	text-decoration:underline;
	color:#5B2F2E;
	font-size:1em;
	font-weight:800;
	background:#FDF9E2;
	display:block;
	cursor:pointer;
	padding:5px 0 5px 5px;
}

#info li a:hover {
	background:#FDFBF2;
}

#info ul a {
	width:100%;
	height:auto;
	line-height:1.6em;
	text-indent:10px;
	background:#fff;
	cursor:pointer;
	text-decoration:underline;
}

#info li ul a:hover {
	background:#EEEAD3;
	color:#468FB3;
	text-decoration:none;
}

/* Classes necessaires au code JS */
.Cache {
 display:none;
}

.Montre {
 display:list-item;
}

#info .cont1 {
 background:#F1EDD6;
}

#info .cont2 {
	font-size:0.85em;
	height:auto;
	width:auto;
	padding:10px;
	margin:5px 5px 0 5px;
	background:#F1EDD6;
	text-align:left;
}

#info .cont2 span {
	color:#000;
	font-size:1.3em;
	display:block;
	font-weight: bold;
	padding:0 0 0 .8em;
}

#info .cont3 {
	font-size:1em;
	height:auto;
	width:auto;
	padding:0 0 0 10px;
	margin:0 5px 1px 5px;
	background:#F1EDD6;
}

#info .cont4 {
	height:auto;
	width:auto;
	padding:0 0 0 10px;
	margin:0 5px 1px 5px;
	background:#fff;
}

#info .cont4 a {
	font-size:.85em;
	text-decoration:underline;
	color:#297F9F;
	background:#fff;
	display:block;
	cursor:pointer;
}

#info .cont5 {
	height:auto;
	width:auto;
	padding:0 0 0 10px;
	margin:0 5px 5px 5px;
	background:#fff;
}

#info .cont5 a {
	font-size:.85em;
	text-decoration:underline;
	color:#297F9F;
	background:#fff;
	display:block;
	cursor:pointer;
}

.suite_infos {
	text-align:center;
	background:#F1EDD6;
}

.suite_infos em a {
	color:#009900;
}

.suite_infos em a:hover {
	color:#5B2F2E;
	text-decoration:none;
}

/*............................LOGO AUTO...............................*/

#auto_logo {
	width:auto;
	border:1px solid #B3D7D3;
	height:auto;
	padding:1em;
	margin:1em;
	background:#fff;
}

#auto_logo ul li {
	display: block;
}

#auto_logo li {
 float:left;
 width:10%;
 height:6em;
 padding:0 1em 3.3em 0;
}

#auto_logo li img{ 
 bottom:0;
}

/*---images---*/

.mediatheque div {
	display:inline;
}

.mediatheque {
	text-align:center;
}

.mediatheque a img {
	vertical-align:middle;
	background-image:none !important;
 border:1px solid #fff;
}

.mediatheque a:hover img  {
	vertical-align:middle;
	background-image:none !important;
	background:#fff;
	border:1px solid #333;
}

/* prop up the box for IE */
.mediatheque span.vignette a i {
	display:none;
	display:inline-block;
	width:1px;
}

.mediatheque div span {
	display:table-cell;
	display:inline-block;
	padding:8px 0;
	width:100px;
	vertical-align:top;
}

.mediatheque div span span {
	vertical-align:middle;
	line-height:150px;
	display:table-cell;
	height:165px;
	padding-left:0 !important;
	padding-right:0 !important;
	background-repeat:no-repeat;
	background-position:center;
}

/* width consistency for 'fox */
.mediatheque div span span::after {
	display:none;
	display:-moz-inline-block;
	content:" ";
	width:100px;
	height:1px;
	overflow:hidden;
}

* html div.mediatheque div span span {
iehack:"\";
background-image:none !important;
iehack:\"";
}

/*....*/

.vignette {
 display:block;
 text-align:center;
 background-position:center;
 background-repeat:no-repeat;
 padding:3px 4px 5px 4px !important;
 margin-left:2px; !important;
 border:1px solid #D4DDD8;
}

.vignette a:hover{
 border:1px solid #fff;
}


* html div.mediatheque .vignette img {
 position:relative;
 top:4px;
}
/*div.mediatheque div span span img {
	padding:3px 4px 5px 4px;
}*/