/*
-----------------------------------------------
* CSS global
*
* name:     grid
* date:     2011.07.23
* author:   3sc
* version:  0.2
----------------------------------------------- */


/*
-----------------------------------------------
RESET
----------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:97.5%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { /*vertical-align:middle;*/ }

/* -------------- END RESET CSS -------------- */


  /*********************************************************
               #. STRUCTURE
  **********************************************************/


/*
-----------------------------------------------
/* LIKE
Not Just a Grid v1.0  (c) 2011 Al Redpath /
Outrageous Creations! Licenced under an MIT Licence
----------------------------------------------- */

/* 960 GRID
----------------------------------------------- */

#container {width:1000px;position:relative; margin:auto; display:block; }
.full, .half, .threequarter, .quarter,.third,.twothird,.fifth,.twofifth,.threefifth,.fourfifth,.sixth,.fivesixth {float:left;display:inline;margin:0px 10px 0px 10px;padding:0px;}
.full {width:940px;}
.half {width:540px;}
form.half, form .half { margin:0;}
.threequarter {width:760px;}
.quarter {width:190px;}
#header .quarter {width:250px;}
.third {width:300px;}
.twothird {width:640px;}
.fifth {width:172px;}
.twofifth {width:364px;}
.threefifth {width:556px;}
.fourfifth {width:748px;}
.sixth {width:140px;}
.fivesixth {width:780px;}
.first {margin-left:0px;}
.last {margin-right:0px;}



/* vignettes produit
----------------------------------------------- */
article { }
article .padding { }
article .pic a { }

article.occasions, div.occasions  { width:250px; float:left; margin-right:20px; height:300px;}
article.occasions h2  { font-size:12px;  height:40px; text-transform:uppercase; position:relative;  }

article.occasions  { width:250px; float:left; margin-right:20px; height:300px;}
article.occasions h2  { font-size:12px;  height:40px; text-transform:uppercase; position:relative;  }
article.occasions .pic  { width:250px; text-align:center; height:170px; float:none; }
article.occasions .pic img { width:220px; }
article.occasions .detail { float:right; }
article.occasions .prix { float:right; text-align:right; font-size:14px; font-family: 'HelveticaNeue35Thin'; margin:7px; }
article.occasions  ul li { list-style-position:inside;}

article.quarter .padding  { }
article.quarter .padding div.plus:hover { background:url(http://www.seat-pisano-bodino.com/themes/blank/images/picto-plus.png) bottom right no-repeat;   }
article.quarter .padding div.plus { position:absolute; height:140px; display:block; z-index:100;  }
article.quarter .padding div.desc{ position:absolute; height:220px; z-index:101; top:130px; }
article.quarter .pic  a {  display:block; width:220px;   }

article.produit .pic, article.autre .pic, .entete-rubrique .pic   { float:left; display:block;}
article.autre .pic  img  {width:250px; height:auto;}
article.autre  {border-bottom: 1px dotted #777777; margin-bottom:20px; clear:both; display:inline-block; }

article li { list-style-position:inside; }

.bobox { margin-bottom:20px;  }
.bobox ul li{ font-family: 'HelveticaNeue35Thin'; font-size:18px; list-style:none; background:url(../images/picto-lien.png) center left no-repeat; padding-left:20px;}
article.equipe { margin-bottom:20px;}
article.equipe .pic { height:80px; width:108px; color:#666; font-size:11px; font-style:italic;}
article.equipe .pic img{ height:80px; width:108px;}

/* Page
----------------------------------------------- */


body {
	background:#000 url(../images/deco.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	}



	/* Entete
----------------------------------------------- */

#header { position:relative; width:960px; margin:0 auto; background:url(../images/logo.png) top left  no-repeat; }
#header .fa-facebook-square {
    float: right;
    color: #ff1521;
    font-size: 2em;
    margin-top: 15px;
}
#header h1 { margin:0px 0 0 10px; font-size:22px; color:#fff; padding-top:15px; }
#header h2 { margin-top:5px; font-size:22px; color:#fff; }
#header h2 strong {   font-family: 'HelveticaNeue95Black'; font-weight:normal; }
#header .font-3 { color:#ff1521; }
.logo { height:155px;}
.logo a.home {border:0; display:block; width:220px; height:155px;}



.entete-rubrique .pic { margin-right:20px;
	}

	.entete-rubrique img {
		width:150px;}


#main { margin:0 auto; width:960px; min-height:600px; display:block;}

fieldset, legend { padding:10px; font-size:1.3em;}
fieldset.plan, fieldset.horaires { width:516px;}

fieldset.plan, fieldset.horaires{ border:1px solid #5D5F61;margin:10px 0px;padding:10px 20px 10px 20px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius: 10px;}

fieldset.horaires p { font-size:14px;}

dl { float:left; width:380px; }
dt { border-top:1px dotted #777;
    float: left;
    margin: 0;
    padding:5px 0px;
    width: 140px; }

dd { border-top:1px dotted #777;
    float: left;
    margin: 0;
    padding:5px 0px;
    width: 240px;}

	dl.table-display { width:510px;}
	dl.table-display dt, dl.table-display  dd { padding:7px 0px;  }
	dl.table-display dt { width:110px; font-size:14px; }
	dl.table-display dd { width:400px; font-size:14px;}

.partenaires { display:block;}

.partenaires li {
	margin-left:45px;
}

.partenaires img {
	float:right;
	padding-left:10px;
	padding-right:80px;
}


.obj_right form input {border:1px solid #3f75a3; color:#FFC;
	padding:3px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	}

form.search select { margin:10px 0;}

form .bouton {
	margin:10px 0px;
	padding:5px 20px 5px 20px;
	border-radius:7px;
	-moz-border-radius:7x;
	-webkit-border-radius: 7px;
	}
form .bouton-ok {
	margin:10px 0px;
	padding:2px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	background:#000; color:#FFF;
	}


#footer { clear:both; width:100%; height:180px; margin-top:20px;}
#footer .logo-footer {
	height:120px;
	}

	#footer span { text-transform:uppercase; color:#FF1521; }

#footer address {
	font-style:normal;
	font-size:12px;
	display:block;
	width:245px;
	float:left;
	}

#footer address span.nom-entreprise {
	display:block;
	margin-top:20px;
	font-size:1.4em;
	color:#FFF;
	text-transform:uppercase;
	}



	#footer .footer-newsletter  { background:url(../images/bg-newsletter-2.png) top left no-repeat; height:90px; }


	#footer .footer-newsletter a { color:#FFF; text-decoration:underline; text-transform:uppercase; font-weight:bold; font-size:14px; }

#copyright, #copyright a {
	color:#999; font-size:12px;
	}




  /*********************************************************
               #. BLOCS
  **********************************************************/

#content { margin:0;}

#pave-neuf, #pave-financement, #pave-contact { font-size:20px; width:190px; font-family: 'HelveticaNeue35Thin'; line-height:1em; height:156px;}
#pave-neuf a, #pave-financement a, #pave-contact a { color:#FFF; display:block; padding:30px 0 0 10px;}
#pave-neuf .font-2, #pave-financement .font-2, #pave-contact .font-2 { text-transform:uppercase;}
article .pic { float:left;  margin-right:20px;}
article.occasions .pic {   margin-right:0px; clear:both;}

article.presentation h2 { padding:10px 0; margin-bottom:15px;  border-bottom:1px solid #333; }

#pave-occasions { float: right; width: 190px; background: url(../images/ico-recherche.png) top right no-repeat;}
#pave-occasions h2, .rdv h2 { font-family: 'HelveticaNeue35Thin'; line-height:1em;}


#pave-neuf { background:url(../images/bg-neufs.jpg) top center no-repeat; }
#pave-contact { background:url(../images/bg-contact.jpg) top center no-repeat; }


#pave-financement { background:url(../images/bg-financements.jpg) top center no-repeat;}


#pave-occasions, #pave-neuf {  margin:10px 0;}
#pave-occasions { margin-left:10px;}

#pave-appli { position:relative; width:188px; font-family: 'HelveticaNeue35Thin'; height:90px;  border:1px solid #333; margin:10px 0; padding:10px 0;}
#pave-appli span { position:relative; left:80px; bottom:45px; width:80px; }
#pave-appli span.lien { font-size:10px;}
.sav {  padding:10px 0px; background:#000 url(../images/ico-sav.jpg) top right no-repeat; width:190px; float:right;}
.sav .lien { background:url(../images/picto-lien-blanc.png) center left no-repeat; padding-left:15px; margin-top:7px; display:block;}


.rdv{  width:190px ; height:179px ; background:url(../images/bt-rdv.jpg) top left no-repeat; position:relative; margin-top:10px;}
.rdv a { display:block;  width:170px; position:absolute; bottom:10px; left:10px; }



.home-occasions { background:url(../images/bg-occasions.jpg) center left repeat-x; padding:10px 0; clear:both; height:300px; border-top:1px solid #333; margin-top:5px;}
.home-occasions .padding { }
.home-occasions h3 { background: url(../images/picto-gd.png) top left no-repeat; padding-left:35px; font-size:24px; line-height:1em; height:40px;float:right; width:335px;}
.home-occasions  .prix { float:left; text-align:right; padding-left:35px; margin-top:15px;  font-size:20px;  font-family: 'HelveticaNeue95Black';}

article.home-occasions .pic { }
article.home-occasions .pic img { width:300px;}

.diaporama .bx-wrapper{
	background:url(http://www.seat-pisano-bodino.com/themes/blank/images/bg-visuels.png) top left no-repeat;
	padding:10px;
	height:293px;
	}
.diaporama .bx-wrapper .pic {  }
.diaporama .bx-wrapper img { width:600px; height:260px; }
.footer-newsletter h2, .footer-newsletter h3 { margin-left:80px; }
.footer-newsletter h3 {  margin-top:0;}


#bloc-right-home { float:right; width:200px; }
.form-gauche input, .form-gauche select { background:#000; padding:2px 5px; border:1px solid #484848; color:#fff; border-radius:7px;-moz-border-radius:7px;-webkit-border-radius: 7px; margin: 5px 0; width: 150px;}
.form-gauche select {width: 162px;}
.form-gauche input.small {width: 60px;}
.form-gauche input.first {margin-right: 13px;}

.block-home1 {width:690px; float:left;}
.block-home1 .pic {}

  /*********************************************************
               #. NAVIGATION
  **********************************************************/

/* Liens
----------------------------------------------- */

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



#content a, #content a:link,#content  a:visited {color:#ff1521; text-decoration:none;}
#content a:hover, #content a:active {  text-decoration:underline;}

#main .occasions h3 a { color:#FFF; text-decoration:none}

.detail  { margin-top:5px;font-size:12px; float:left;}
.detail a { display:block; background:url(../images/picto-lien.png) center left no-repeat; padding-left:15px; padding-right:10px;}
.detail a:hover { text-decoration:none;   }

.lien { font-size:14px; font-weight:bold;}
a .lien {color:#ff1521;}

.bouton, #bouton {
	margin:5px 0px;
	padding:2px 20px 2px 20px;
	border-radius:5px;
	-moz-border-radius:5x;
	-webkit-border-radius: 5px;
	background:#ff1521 url(../images/picto-rouge.jpg) center left no-repeat; color:#FFF; border:0;
	vertical-align:middle;
	}

	#bouton:hover, .bouton:hover { cursor:pointer;
	 }


.interesse {
	display:block;
	float:left;
	margin:5px 0px;
	padding:2px 10px 2px 10px;
	border-radius:4px;
	-moz-border-radius:4x;
	-webkit-border-radius: 4px;
	background:#000 ; color:#FFF; border:0;}

	.interesse a { color:#FFF; font-size:12px;}

.retour {
	float:left;
	margin:10px 0px;
	padding:3px 10px;
	border-radius:4px;
	-moz-border-radius:4x;
	-webkit-border-radius: 4px;
	border:1px solid #ff1521; color:#ff1521;}

	#main .retour a{
	 color:#ff1521;}

.print {
	float:left;
	margin:10px 0px;
	padding:5px 20px 5px 20px;
	border-radius:7px;
	-moz-border-radius:7x;
	-webkit-border-radius: 7px;
	background:#ff1521; color:#FFF;}

	#main .print a {
	 color:#FFF;}

	 .top  { text-align:right;}
	 #main .top a {  font-size:11px;}

/* navigation (Menu Top horizontal)
----------------------------------------------- */
.nav-top  {
	position:absolute;  left:0; top:100px;
}

.nav-top li {
	float:left;
	font-size:12px;
	text-align:center;
	list-style-type:none;
	font-weight:bold;
	padding:10px 12px 0 0;
	text-transform:uppercase;
}

.nav-top li a{
	color:#ff1521;
}
.nav-top li a:hover{
	color:#fff;
}

.nav-top ul {
	margin-left:260px;
}

/* navigation (Menu left)
----------------------------------------------- */

.nav-left  {

}

.nav-left ul li {
	text-transform:uppercase;
	list-style-type:none;
	margin:10px 0;
}
.nav-left ul li a {
	color:#FFF;
}
.nav-left ul li a {
	color:#FFF;
}

.nav-left ul li a:hover {
	color:#ff1521;
}

.nav-left ul li ul li a {
	color:#777;
}

.nav-left ul li ul  {
	margin-top:9px;

}

.nav-left .li-occasions  {
	background:url(../images/li-hover2.png) bottom center no-repeat;
	padding-bottom:14px;

}

.nav-left ul li ul li {
	text-transform:none;
	font-size:14px;
	margin:0;
}

/* pagination
----------------------------------------------- */

div.pagination {
	font-size:.8em;
	text-align:right;
	padding:10px 6px 4px 0;
	display:block; margin:.5em 0;
	}
div.pagination a {
	text-decoration:none;
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #333;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	background:#000; color:#FFF;}
#main .pagination a:hover, div.pagination a:active {
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	background-color:; }
div.pagination span.current {
	color:#fff;
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	background:#000; color:#FFF;
	font-weight:bold;  }
div.pagination span.disabled {display:none;}


  /*********************************************************
               4. CHARTE POLICE
  **********************************************************/


.font-1 {font-family: 'HelveticaNeue35Thin'; }
.font-2 {font-family: 'HelveticaNeue95Black'; }
.font-3 {font-family: 'JapaneseBrushRegular'; }
.note { color:#999; font-size:12px;}

@font-face {
    font-family: 'JapaneseBrushRegular';
    src: url('fonts/japab___-webfont.eot');
    src: url('fonts/japab___-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/japab___-webfont.woff') format('woff'),
         url('fonts/japab___-webfont.ttf') format('truetype'),
         url('fonts/japab___-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeue95Black';
    src: url('fonts/helveticaneue-black-webfont.eot');
    src: url('fonts/helveticaneue-black-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-black-webfont.woff') format('woff'),
         url('fonts/helveticaneue-black-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-black-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeue35Thin';
    src: url('fonts/helveticaneue-thin-webfont.eot');
    src: url('fonts/helveticaneue-thin-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-thin-webfont.woff') format('woff'),
         url('fonts/helveticaneue-thin-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-thin-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


.text-shadow { text-shadow: 1px 1px 0px #d7d7d7;}

article p { color: #9b9b9b;}
.prix {  font-size:18px; list-style-type:none;  }

.rcs { font-size:12px; color:#CCC; clear:both;}

#newsletter label { width:150px;}

/* ------------ TITRES H 1 2 3 4 5 ------------------ */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	text-rendering: optimizeLegibility;
	line-height:100%;
	margin: .5em 0 .5em 0;
	padding: 0 0 0 0;
	font-family: 'HelveticaNeue95Black';

}

h1 {
	font-size:4em;
	}

h2 {
	font-size:1.5em;
	margin-bottom:4px;
	}

	h2 span a {
		text-transform:uppercase; font-size:.7em; background:url(../images/picto-lien.png) center left no-repeat; padding-left:15px;
	}

body #main #content article .padding h2 a, body #main #content article .padding h3 a  {
	text-decoration:none; color:#fff;
	}

h2#breadcrumb {
	font-size:1em; color:#999; font-size:12px;
	}

h3 {
	font-size:1.3em;
	}

	.lof-main-item-desc h3 a {
	color:#fff;
	}

h4 { }

h5 {
	font-size:.8em;
	}


.alerte {
	background:#81796a;
	font-weight:bold;
	padding:5px 10px;
	margin:10px 0 ;
	width:490px;
	color:#fae4c2;
	border-radius:7px;-moz-border-radius:7px;-webkit-border-radius: 7px;
	}


/* ALIGNEMENTS ET ESPACES ( par defaut )
----------------------------------------------- */

.text_center {text-align:center;}
.text_right {text-align:right;}

.obj_right{float:right;}
.obj_left{float:left;}

.top_margin_10 {margin-top:10px;}
.top_margin_20 {margin-top:20px;}
.bottom_margin_10 {margin-bottom:10px;}
.bottom_margin_20 {margin-bottom:20px;}
.left_margin_10 {margin-left:10px;}
.left_margin_20 {margin-left:20px;}
.right_margin_10 {margin-right:10px;}
.right_margin_20 {margin-right:20px;}

.vpad_10 {padding:10px 0px;}
.vpad_20 {padding:20px 0px;}

.round_5 {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.round_10 {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.round_15 {-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.round_20 {-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}

.border {border:1px solid #d5d6d9;}
.border_dotted {border:1px dotted #777;}
.no-border {border:none;}
.border_inner {-moz-box-shadow:inset 0 0 0 1px #000; -webkit-box-shadow:inset 0 0 0 1px #000; box-shadow:inset 0 0 0 1px #000;}

.clr {clear:both;}


.hidden, .menu-ref, .produit-ref {
	visibility:hidden; overflow: auto; display:none;
	}