/* Start of CMSMS style sheet 'MaCarrosserie-V2' */
/* Copyright 2011 PUBLIGO */

/* ------------------------------------ */
/*                                  (1) */
/*            Generalites               */
/*                                      */
/* ------------------------------------ */

body {
	/*background: #FFF url(uploads/macarrosserie-V2/img/background.jpg) no-repeat center top;*/
	background: #FFF url(uploads/macarrosserie-V2/img/background-2700.jpg) no-repeat center top;
	font: normal 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
}

#site {
	margin: 0 auto;
	width: 940px;
	min-height: 500px; /* pour le dev */
	background: url(uploads/macarrosserie-V2/img/corp-background.png) repeat-y;
}

.clear { clear: both; }
a img { border: 0 none; }
img { border: 0 none; }
p, ul, li, h1, h2, h3, h4, h5 , input { margin: 0; padding: 0; }

@font-face {
  font-family: 'Optima';
  src: url('uploads/macarrosserie-V2/font/OptimaLTStd.eot?') format('eot'), url('uploads/macarrosserie-V2/font/OptimaLTStd.woff') format('woff'), url('uploads/macarrosserie-V2/font/OptimaLTStd.ttf') format('truetype');
}

/* ------------------------------------ */
/*                                  (2) */
/*               Header                 */
/*                                      */
/* ------------------------------------ */

#header {
	position: relative;
	height: 297px;
	min-height: 297px;
	/*background: url(uploads/macarrosserie-V2/img/header.jpg) no-repeat 0 0;*/
	background: url(uploads/macarrosserie-V2/img/header-2700.jpg) no-repeat 0 0;
}

#header #logo {
	position: absolute;
	top: 37px;
	left: 66px;
	height: 165px;
	width: 165px;
	background: url(uploads/macarrosserie-V2/img/logo-carrosserie.png) no-repeat 0 0;
}

/* Bloc intitulé */

#header #intitule {
	position: absolute;
	top: 45px;
	left: 245px;
	font-family: "Optima", Verdana, sans-serif;
}

#header #intitule span {
	display: block;
}

#header #intitule h2 {
	font-size: 26px;
	color: #FFF;
	text-transform: uppercase;
	line-height: 25px;
}

#header #intitule h1 {
	font-size: 38px;
	color: #c4172b;
	font-size: 38px;
}

#header #intitule #intitule-adresse {
	font-size: 12px;
	margin-top: 2px;
	color: #4b4b4b;
}

/* Bloc contact */

#header #bloc-contact {
	position: absolute;
	top: 0;
	left: 691px;
	height: 167px;
	width: 224px;
	background: url(uploads/macarrosserie-V2/img/bloc-contact.png) no-repeat 0 0;
}

#header #bloc-contact span {
	display: block;
	font-family: "Optima", Verdana, sans-serif;
	color: #FFF;
}

#header #bloc-contact #bc-titre {
	font-size: 18px;
	margin: 16px 0 0 65px;
}

#header #bloc-contact #bc-tel {
	font-size: 25px;
	margin: 4px 0 0 22px;
}

#header #bloc-contact #bc-where, #bc-contact {
	font-size: 14px;
	margin: 14px 0 0 73px;
	line-height: 22px;
}

#header #bloc-contact a{
	color: #FFF;
	text-decoration: none;
}

/* Menu horizontal */

#header #menu-horizontal {
	position: absolute;
	top: 260px;
	left: 255px;
	z-index: 200;
}

#header #menu-horizontal ul {
	list-style: none;
}

#header #menu-horizontal ul  a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform : uppercase;
	color: #D0D1D1;
	margin: 0 15px;
}

#header #menu-horizontal ul  a:hover{
	color: #FFF;
}

#header #menu-horizontal li {
	float: left;
	background: url(uploads/macarrosserie-V2/img/menu-separator.gif) no-repeat right top;
	height: 31px;
}

#header #menu-horizontal li.last {
	float: left;
	background: none;
	height: 31px;
}

#header #menu-horizontal li span {
	margin-top: 6px;
	display: block;
}

.menuactive {
	padding-bottom: 2px;
	border-bottom: 2px solid #ef263d;
}

#header #menu-horizontal li ul { 
	position: absolute;
	left: -999em;
	width: 200px;
	margin: 4px 0 0 14px;
	background: #FFF url(uploads/macarrosserie-V2/img/background-submenu.png) repeat-y 0 0;
	z-index: 500;
}

#header #menu-horizontal li ul li { 
	width: 200px;
	background: none;
}

#header #menu-horizontal li ul li .menuactive {
	padding-bottom: 2px;
	border-bottom: none;
	color: #000;
}

#header #menu-horizontal li ul a { 
	font-size: 14px;
	text-decoration: none;
	text-transform : none;
	color: #72000d;
	margin-left: 15px;
}

#header #menu-horizontal li ul a:hover { 
	color: #000;
}

#header #menu-horizontal li:hover ul, #header #menu-horizontal li li:hover ul, #header #menu-horizontal li.sfhover ul, #header #menu-horizontal li li.sfhover ul {
	left: auto;
	min-height: 0; /* Corrige un bug sous IE */
}



/* ------------------------------------ */
/*                                  (4) */
/*              Content                 */
/*                                      */
/* ------------------------------------ */

#content {
	/*background: url(uploads/macarrosserie-V2/img/sidebar-background-default.gif) repeat-y 668px 0;*/
}

/* Contenu */

#contenu {
	float: left;
	width: 668px;
}

#contenu #slideshow {
	margin-left: 20px;
	min-height: 305px;
	height: 305px;
	z-index: 100;
	position: relative;
}


#contenu #slideshow #slides_1 img {
	z-index: 100;
	position: relative;
}

#contenu .bloc-contenu-titre {
	height: 45px;
	background: url(uploads/macarrosserie-V2/img/bloc-contenu-titre.png) repeat-x;
	font-family: "Optima", Verdana, sans-serif;
	color: #FFF;
	margin: -5px 0 0 20px;
	width: 649px;
}

#contenu .bloc-contenu h2 {
	padding: 12px 0 0 33px;
	color: #FFF;
}

/*#contenu .bloc-contenu h2 span {
	color: #FFF;
}*/

#contenu .bloc-contenu .bloc-contenu-in {
	background: #FFF url(uploads/macarrosserie-V2/img/bloc-contenu-bg.png) repeat-x;
	min-height: 192px;
	margin: -2px 0 0 20px;
}

#contenu .bloc-contenu .bloc-contenu-in .bci-margin {
	padding: 17px 33px;
	margin-bottom: 25px;
}

#contenu .bloc-contenu .bloc-contenu-in .bci-margin  #ariane {
	font-size: 0.9em;
	font-style: italic;
}

#contenu .bloc-contenu .bloc-contenu-in .bci-margin  #ariane span.lastitem {
	font-weight: bold;
}

#contenu .bloc-contenu .bloc-contenu-in .bci-margin p {
	line-height: 18px;
	text-align: justify;
	margin: 10px 0 9px 0;
}

#contenu .bloc-contenu .bloc-contenu-in .bci-margin h2 {
	margin: 10px 0 20px 0;
	padding: 0;
	font-family: "Optima", Verdana, sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	line-height: 34px;
	color: #c4172b;
}

#contenu .bloc-contenu .bloc-contenu-in .bci-margin h3 {
	margin: 17px 0 10px 0;
	padding: 0;
	font-family: "Optima", Verdana, sans-serif;
	font-size: 26px;
	line-height: 26px;
	color: #000;
}

#contenu .bloc-contenu .bloc-contenu-in .bci-margin h4 {
	margin: 14px 0 10px 0;
	padding: 0;
	font-family: "Optima", Verdana, sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #62010C;
}

#contenu .bloc-contenu .bloc-contenu-in .bci-margin a {
	color: #62010C;
	text-decoration: none;
}

#contenu .bloc-contenu .bloc-contenu-in .bci-margin a:hover {
	text-decoration: underline;
}

#contenu .bloc-contenu .bloc-contenu-in .bci-margin ul {
	margin-left: 40px;
}

#contenu .bloc-contenu .bloc-contenu-in .infos-news {
	color: #535456;
	font-family: "Optima", Verdana, sans-serif;
	font-size: 13px;
	display: block;
	width: 100%;
	border-bottom: solid 2px #D3D3D4;
}

#contenu .bloc-contenu img {
	border: solid 3px #e7e7e7;
}

#contenu .bloc-contenu img.alignement-gauche {
	float: left;
	margin: 0 12px 3px 0;
}

#contenu .bloc-contenu img.alignement-droite {
	float: right;
	margin: 0 0 12px 12px;
}

/* Accordéon */

#contenu #accordion-engagements p {
	margin-right: 40px;
	margin-left: 40px;
}

#contenu #accordion-engagements img {
	margin-left: 40px;
}

#contenu .ui-accordion h3 span {
	cursor:pointer
}

#contenu .ui-accordion h3.ui-state-active {
	display: block;
	height: 45px;
	width: 100%;
	background: url(uploads/macarrosserie-V2/img/accordeon-title-actif.png) no-repeat;
}

#contenu .ui-accordion h3.ui-state-active span.accordeon-titre {
	color: #FFF;
	display: block;
	padding: 1px 0 0 41px;
	font-size: 22px;
}

#contenu .ui-accordion h3.ui-corner-all {
	display: block;
	height: 31px;
	width: 100%;
	background: url(uploads/macarrosserie-V2/img/accordeon-title.png) no-repeat;
}

#contenu .ui-accordion h3.ui-corner-all  span.accordeon-titre {
	color: #4a4a4a;
	display: block;
	padding: 2px 0 0 41px;
	font-size: 22px;
}

#contenu .ui-accordion .ui-widget-content {
	margin-top: 0px;
}

#contenu .ui-accordion .ui-accordion-content-active img {
	float: left;
	margin: 0 13px 5px 0;
	max-height: 65px;
	max-width: 65px;
	min-height: 65px;
	min-width: 65px;
}

/* Menu de droite */

#sidebar {
	float: left;
	width: 272px;
	font-family: "Optima", Verdana, sans-serif;
}

/* Bloc "Un sinistre ?" */

#sidebar #sinistre {
	margin-top: 17px;
	text-align: center;
	width: 252px;
}

#sidebar #sinistre span {
	display: block;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 20px;
	color: #59575d;
}

#sidebar #sinistre a {
	display: block;
	width: 227px;
	height: 118px;
	margin: 0 auto;
	text-decoration: none;
	background: url(uploads/macarrosserie-V2/img/sinistre.jpg) no-repeat;
}

/* Bloc "Demandez à être appelé */

#sidebar #etre-appele {
	position: relative;
	display: block;
	width: 274px;
	height: 136px;
	margin: 8px 0 0 -10px;
	background: url(uploads/macarrosserie-V2/img/etre-appele.png) no-repeat;
	z-index: 200;
}

#sidebar #etre-appele span {
	display: block;
	padding: 23px 0 0px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	color: #e3e3e3;
}

#sidebar #etre-appele p {
	text-align: center;
	font-size: 12px;
	margin: 0 auto;
	width: 225px;
	color: #FFF;
	display: block;
	max-height: 33px;
	min-height: 33px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

#sidebar #etre-appele form {
	text-align: center;
	margin-top: 5px;
	min-height: 23px;
}

#sidebar #etre-appele  #inputs {
	margin-top: 6px;
	height: 23px;
	background: url(uploads/macarrosserie-V2/img/form-appel-bg.png) no-repeat center 0;
}

#sidebar #etre-appele  #inputs:hover {
	background-position: center -23px;
}

#sidebar #etre-appele form:hover {
	background-position: center -23px;
}

#sidebar #etre-appele input {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	min-height: 23px;
}

#sidebar #etre-appele input[type=text] {
	width: 155px;
	margin-left: 5px;
}

#sidebar #etre-appele input[type=submit] {
	width: 60px;
	font-family: "Optima", Verdana, sans-serif;
	color: #FFF;
}

/* Bloc d'actualité */

#sidebar #actualite {
	margin-top: 20px;
}

#sidebar #actualite #actualite-titre {
	display: block;
	width: 250px;
	height: 39px;
	margin: 0px 0 0 -6px;
	padding-top: 7px;
	background: url(uploads/macarrosserie-V2/img/actualite-titre-bg.png) no-repeat;
	font-size: 18px;
	text-transform: uppercase;
	color: #FFF;
}

#sidebar #actualite #actualite-titre span {
	padding: 0 0 0 90px;
}

#sidebar #actualite #actualite-in {
	background: #989797;
	width: 237px;
	padding-bottom: 20px;
	margin: 0 0 10px 8px;
}

#sidebar #actualite #actualite-in .ss-titre a {
	display: block;
	margin-bottom: 5px;
	text-decoration: none;
	font-size: 12px;
	color: #FFF;
}

#sidebar #actualite #actualite-in .ss-titre a:hover {
	text-decoration: underline;
}

#sidebar #actualite #actualite-in .actualite-bloc {
	margin: 0 13px;
}

#sidebar #actualite #actualite-in .actualite-bloc p {
	font-size: 12px;
}

#sidebar #actualite #actualite-in .actualite-bloc .lire-suite a {
	display: block;
	float: right;
	margin-top: 5px;
	color: #c4172b;
}

/* Bloc "Horaires d'ouverture" */

#sidebar #horaires-ouverture {
	background: #535456 url(uploads/macarrosserie-V2/img/horaires-logo.jpg) no-repeat left top;
	width: 250px;
	margin: 28px 0 0 2px;
}

#sidebar #horaires-ouverture #horaires-in  {
	padding-top: 8px;
	padding-bottom: 10px;
}

#sidebar #horaires-ouverture #horaires-in span {
	display: block;
	margin-left: 90px;
	font-size: 18px;
	text-align: left;
	text-transform: uppercase;
	line-height: 18px;
	color: #FFF;
}

#sidebar #horaires-ouverture #horaires-tableau {
	margin-top: 15px;
}

#sidebar #horaires-ouverture #horaires-tableau #jours {
	float: left;
	width: 63px;
}

#sidebar #horaires-ouverture #horaires-tableau #jours ul {
	list-style: none;
	line-height: 16px;
}

#sidebar #horaires-ouverture #horaires-tableau #jours li {
	float: right;
	color: #FFF;
}

#sidebar #horaires-ouverture #horaires-tableau #horaires {
	float: left;
	width: 167px;
	margin-left: 5px;
	padding: 2px;
	background: #d3d3d4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}

#sidebar #horaires-ouverture #horaires-tableau #horaires ul {
	list-style: none;
	line-height: 16px;
	margin-left: 3px;
}

#sidebar #horaires-ouverture #horaires-tableau #horaires li {
	font-size: 12px;
}

/* Module contact */

.error_message {
	margin-bottom:10px;
}
.contactform input {
	border:1px solid #000;
}
.fb_invalid input {
	border:1px solid #f00;
}
.contactform {
	width:100%;
}
.contactform textarea {
	margin-top:10px;
	border:1px solid #000;
	float:right;
	width: 242px;
	font: normal 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
}
.contactform input {
	float:right;
	margin-top:10px;
width: 250px;
}
.contactform legend {
	display:none;
}
.contactform label {
	display:block;
	float: left;
	margin-top:10px;
	width:180px;
	text-align: right;
}
.contactform fieldset div {
	clear:both;
	width:450px;
}
.contactform fieldset {
	border:0;
	padding:5px;
	width:100%;
}
.contactform legend {
	font-weight:bold;
}

#contenu .submit {
	width: 60px;
	height: 30px;
	margin: 0 auto;
}

.contactform .fbsubmit {
	padding: 5px;
}

/* Plan du site */

#sitemap_list {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

#sitemap_list a {
	text-decoration: none;
}

#sitemap_list li {
	font-size: 18px;
	text-indent: 0;
	background: url(uploads/macarrosserie-V2/img/line_horizontal_solid.gif) repeat-x 0 1.5em;
	padding: 0 0 20px 5px;
	margin: 0;
	list-style-type: none;
}

#sitemap_list li ul {
	margin: 0 0 -10px 0;
	padding: 14px 0 0 0;
}

#sitemap_list li li {
	font-size: small;
	font-weight: normal;
	background: url(uploads/macarrosserie-V2/img/ico_list_square.gif) no-repeat 0 0.5em;
	margin: 0 0 3px 15px;
	padding: 0 0 0 15px;
}

#sitemap_list li li li {
	background: url(uploads/macarrosserie-V2/img/ico_gray_arrow.png) no-repeat 0 0.5em;
}

#sitemap_list .posts_in_category {
	position: absolute;
	padding-left: 10px;
}

#sitemap_list .posts_in_category a {
	background: url(uploads/macarrosserie-V2/img/ico_post_list.png) no-repeat center;
	text-indent: -9999px;
	display: block;
	width: 1.2em;
	height: 1.2em;
	border: solid 1px #ccc;
}


/* ------------------------------------ */
/*                                  (5) */
/*              Footer                  */
/*                                      */
/* ------------------------------------ */

#footer {
	background: url(uploads/macarrosserie-V2/img/footer-background.png) repeat-x center bottom;
	height: 323px;
}

#footer #footer-in {
	margin: 0 auto;
	width: 940px;
	min-height: 323px;
	background: #72000d url(uploads/macarrosserie-V2/img/footer.png) no-repeat center top;
}

#footer #footer-in #footer-body {
	height: 235px;
	font-family: "Optima", Verdana, sans-serif;
}

#footer #footer-in #footer-body .bloc {
	width: 283px;
	height: 187px;
	background: url(uploads/macarrosserie-V2/img/footer-bloc-bg.png) no-repeat;
}

#footer #footer-in #footer-body .bloc .bloc-in {
	width: 241px;
	margin-left: 21px;
}

#footer #footer-in #footer-body .bloc .bloc-in h4 {
	margin: 0 0 13px -11px;
	padding-top: 13px;
	text-align: center;
	text-transform : uppercase;
	font-size: 16px;
	color: #FFF;
}

#footer #footer-in #footer-body .bloc .bloc-in h4 a {
	text-decoration: none;
	color: #FFF;
	display: block;
	width: 100%;
}

#footer #footer-in #footer-body .bloc .bloc-in ul {
	margin-left: -5px;
	list-style: none;
}

#footer #footer-in #footer-body .bloc .bloc-in li {
	line-height: 18px;
}

#footer #footer-in #footer-body .bloc .bloc-in li a {
	text-decoration: none;
	font-size: 14px;
	color: #c4c4c5;
	background: url(uploads/macarrosserie-V2/img/footer-puce.png) no-repeat 0 3px;
	padding-left: 18px;
}

#footer #footer-in #footer-body .bloc .bloc-in li a:hover {
	color: #FFF;
}

#footer #footer-in #footer-body #footer-left {
	float: left;
	width: 330px;
}

#footer #footer-in #footer-body #footer-center {
	margin-left: 360px;
	margin-right: 270px;
}

#footer #footer-in #footer-body #footer-right {
	float: right;
	width: 270px;
}

#footer-right #footer-right-in {
	margin-right: 22px;
}

#footer-right span {
	display: block;
}

#footer-right #carrosserie {
	margin: 30px 0 0 0;
	font-size: 15px;
	text-transform : uppercase;
	line-height: 13px;
	color: #d3d3d4;
}

#footer-right #entreprise {
	margin: 0 0 5px 0;
	font-size: 22px;
	color: #FFF;
}

#footer-right #adresse {
	margin: 0 0 10px 0;
	font-size: 9pt;
	color: #000;
}

#footer-right a.lien {
	margin: 4px 0 0 0;
	display: block;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	color: #d3d3d4;
}

#footer-right a:hover.lien {
	text-decoration: underline;
}

#footer a.bouton {
	display: block;
	width: 197px;
	height: 29px;
	margin: 0 auto;
	background: url(uploads/macarrosserie-V2/img/bouton-footer.png) no-repeat 0 0;
	text-decoration: none;
	text-transform : uppercase;
	text-align: center;
	font-size: 20px;
	padding: 4px 0 0 0;
	color: #FFF;
}

#footer a:hover.bouton {
	background-position: 0 -34px;
}


/* Crédits bas de page */

#footer #footer-in #credits {
	text-align: center;
	font-family: Arial;
	line-height: 22px;
	margin-top: 5px;
	color: #989797;
}

#footer #footer-in #credits a {
	text-decoration: none;
	color: #989797;
}

#footer #footer-in #credits a:hover {
	text-decoration: underline;
}

/* End of 'MaCarrosserie-V2' */