/* -- Be My Interviewer ---------------------------------------------  

   RESET STYLESHEET
   -- version: 1.0 [originally composed by Eric Mayer // http://meyerweb.com/]
   -- author: Frank Sedivy // franksedivy.com
   -- contact: hello@franksedivy.com
   -- last update: 14/12/2007
   
------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 	padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1; color: black;	background: white;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


a {
	text-decoration: none;
	color: inherit;
}



/* -- Maison de Familles -----------------------------------------  

   GLOBAL STYLESHEET
   -- version: 1.0 [all browsers]
   -- author: Frederic Champion // fred.vox.com
   -- last update: 09/09/2009
   
------------------------------------------------------------------- */


/* =Global Typographic Styles & Classes
----------------------------------------------------------------------------------------------------------------- */
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:.8em; color: #292929; text-align: left;}
a {color:#a30134;}
.hide {display:none;}
.hr {}
.hr hr {display:none;}
.btn {margin:0 5px 5px 0; float:right;}

/* @group Float fix */

.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/* @end */



/* @group Layout */

.container {
	width: 1010px;
	margin: 0 auto;
}

.container-inner {
	margin: 0;
}

.header {
	width: auto;
}

.header-inner {
	position: relative;
}

.header .site-title {}


.pagebody {
	margin: 10px 0 10px 0;
}

.pagetitle {
	width: auto;
}

.layout-wt #alpha {
	width: 709px;
	float: left;
}

.layout-wt #alpha-inner {
	margin: 0 10px 0 0;
	padding: 0;
}


.layout-wt #beta {
	width: 301px;
	float: right;
}

.layout-wt #beta-inner {
	margin: 0;
	padding: 0;
}

.mt-homepage #alpha {
	width: 609px;	
}

.mt-homepage #beta {
	width: 401px;
}



/* @end */

/* @group Header  */


.header .site-title,
.header .quick-contact,
.header .main-menu,
.header .second-menu {
	float: left;
}

.header #header-content {
	display: none
}

.header #header-inner {
	padding: 0;
}

.header .site-title {}

.header .site-title a {
	width: 330px;
	height: 200px;
	background-image: url(http://www.maisonsdefamille.com/css/img/logo.gif) 0 0 no-repeat;
	display: block;
}

.header .site-title span{
	display: none;
}

.header .main-menu {
	width: 680px;
	float: left;
}

.header li {
	float: left;
}

.header .main-menu li a {
	display: block;
	height: 140px;
}

.header .main-menu li a span{
	display: none;
}
.header .main-menu li a{
	background-repeat: no-repeat;
	height: 140px;
}

.header .menuad {
	height: 30px;
}

.header .menuad .adbtn,
.header .menuad .separator{
	float: left;
	height: 30px;
}

.header .menuad .adbtn span {
	display: none;
}

.header .menuad .numero {
	width: 370px;
	background: #9d8d85 url(http://www.maisonsdefamille.com/css/img/adgrey-numero.gif) no-repeat 50% 50%;
}

.header .menuad .separator {
	width: 10px;
}

.header .menuad .maisons {
	width: 300px;
	background: #9d8d85 url(http://www.maisonsdefamille.com/css/img/adgrey-maisons.gif) no-repeat 50% 50%;
}

.header .menuad .retour {
	width: 300px;
	background: #9d8d85 url(http://www.maisonsdefamille.com/css/img/adgrey-retour.gif) no-repeat 50% 50%;
}

.header .menuad .maisons a,
.header .menuad .retour a {
	display: block;
	width: auto;
	height: 30px;
}

/* @group Menu global */
.header #main-menu-global li a{
	background: url(http://www.maisonsdefamille.com/css/img/global-menu.gif);
}

.header #main-menu-global li#li-entreprise a{
	width: 131px;
	background-position: 0 0 ;
}
.header #main-menu-global li#li-vivre a{
	width: 107px;
	background-position: -131px 0;
}
.header #main-menu-global li#li-maison a{
	width: 107px;
	background-position: -238px 0;
}
.header #main-menu-global li#li-valeur a{
	width: 107px;
	background-position: -345px 0;
}
.header #main-menu-global li#li-service a{
	width: 107px;
	background-position: -452px 0;
}
.header #main-menu-global li#li-actualite a{
	width: 121px;
	background-position: -559px 0;
}

.header #main-menu-global li#li-entreprise a:hover{
	background-position: 0 -140px;
}
.header #main-menu-global li#li-vivre a:hover{
	background-position: -131px -140px;
}
.header #main-menu-global li#li-maison a:hover{
	background-position: -238px -140px;
}
.header #main-menu-global li#li-valeur a:hover{
	background-position: -345px -140px;
}
.header #main-menu-global li#li-service a:hover{
	background-position: -452px -140px;
}
.header #main-menu-global li#li-actualite a:hover{
	background-position: -559px -140px;
}

/* @end */

/* @group Menu local */

.header #main-menu-local li a {
	background: url(http://www.maisonsdefamille.com/css/img/local-menu.gif) no-repeat;
}

.header #main-menu-local li#li-decouvrir a{
	width: 137px;
	background-position: 0 0 ;
}
.header #main-menu-local li#li-equipes a{
	width: 143px;
	background-position: -137px 0;
}
.header #main-menu-local li#li-animation a{
	width: 139px;
	background-position: -280px 0;
}
.header #main-menu-local li#li-actualite a{
	width: 140px;
	background-position: -419px 0;
}
.header #main-menu-local li#li-accueil a{
	width: 121px;
	background-position: -559px 0;
}

.header #main-menu-local li#li-decouvrir a:hover{
	background-position: 0 -140px;
}
.header #main-menu-local li#li-equipes a:hover{
	background-position: -137px -140px;
}
.header #main-menu-local li#li-animation a:hover{
	background-position: -280px -140px;
}
.header #main-menu-local li#li-actualite a:hover{
	background-position: -419px -140px;
}
.header #main-menu-local li#li-accueil a:hover{
	background-position: -559px -140px;
}

/* @end */

.header .second-menu {
	width: 680px;
}

.header .second-menu li {
	list-style: none;
	float: left;
	margin: 3px 5px 0 0;
}

.header .second-menu li a {
	padding: 0 6px;
	font-size: 1.0em;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height: 1.6em;
	text-align: center;
	text-decoration: none;
	background-color: #dcdcdc;
	border: 1px solid #fff;
	display: block;
}

.header .second-menu li a:hover {
	text-decoration: underline;
}

.header .second-menu li a:active {
	border-color: #dcdcdc;
}





/* @end */

/* @group Mini-Footer  */

.mini-footer {
	font-size: 0.9em;
	margin-top: 20px;
} 
.mini-footer .mini-footer-inner {}

.mini-footer a {color:#292929; text-decoration:none;}
.mini-footer a:hover {text-decoration:underline;}

.minifooterad {
	height: 28px;
}

.minifooterad .adbtn,
.minifooterad .separator{
	float: left;
	height: 28px;
}

.minifooterad .adbtn span {
	display: none;
}

.minifooterad .numero {
	background:#A30234 url(http://www.maisonsdefamille.com/css/img/numero-vert.png) no-repeat scroll 50% 50%;
	width:290px;
}

.mt-homepage .minifooterad .numero {
	width:270px;
}

.minifooterad .separator {
	width: 5px;
}

.minifooterad .callback {
	background:#A30234 url(http://www.maisonsdefamille.com/css/img/etre-appele.png) no-repeat scroll 50% 50%;
	width:190px;
}

.mt-homepage .minifooterad .callback {
	width: 169px;
}

.minifooterad .contacter {
	background:#A30234 url(http://www.maisonsdefamille.com/css/img/nous-contacter.png) no-repeat scroll 50% 50%;
	width:190px;
}

.mt-homepage .minifooterad .contacter {
width:149px;
}

.minifooterad .numero a,
.minifooterad .callback a,
.minifooterad .contacter a {
	display: block;
	width: auto;
	height: 28px;
}


.mini-footer .house-list p {
	font-weight: bold;
	margin: 10px 10px;
}

.mini-footer .house-list ul {
	margin: 10px 10px;
}

.mini-footer .house-list ul li {
float:left;
line-height:0.8em;
padding-right:5px;
width:135px;
}

.mini-footer .house-list ul li a {
display:block;
}




/* @end */



/* @group Footer  */

.footer {
	margin: 20px 0;
	font-size: 0.9em;
}

.footer .footer-inner {
	font-weight: bold;
}

.footer a {color:#292929; text-decoration:none;}
.footer a:hover {text-decoration:underline;}


.footer ul.footer-list {
	margin: 5px 10px;
}

.footer ul.footer-list li {
	float: left;
	margin-right: 18px;
}

.footer ul.footer-sub-list {
	margin-top: 2px;
}

.footer ul.footer-sub-list li{
	float: none;
	font-weight: normal;
	padding-left: 30px;
	margin-bottom: 2px;
}


/* @end */

/* @group Sidebar  */

.sidebar {
	line-height: 1.6em;
}

.widget {
	margin-bottom: 10px;
}

h3.widget-header  {
	background-color: #9d8d85;
	color: #fff;
	font-size: 1.3em;
	text-align: center;
	padding: 5px 10px 3px;
	display: block;
}

h3.widget-header a {
	color: #fff;
}

.widget-content {
	margin: 10px 0;
}

.widget-content p {
	padding: 0 10px;
}

.widget-content ul li {
	background: url(http://www.maisonsdefamille.com/css/img/dot-grey.gif) no-repeat 0 5px;
	padding:  0 10px 0 16px;
}

.sidebar #actu,
.sidebar #edito {
	line-height: 1.3em;
}

.sidebar #actu {
	margin-top: 13px;
	overflow: visible;
}

.sidebar #actu-inner {
	border: 1px solid #a30134;
}

.sidebar #actu h3.widget-header {
	text-align: center;
	background-color: transparent;
	padding: 0;
}

.sidebar #actu h3.widget-header span {
	background-color: #fff;
	color: #a30134;
	font-size: 1.3em;
	position: relative;
	top: -10px;
	padding: 0 10px;
	display: inline;
}

.sidebar #actu h3,
.sidebar #edito h3.widget-header
{
	color: #a30134;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 10px 0;
	background-color: transparent;
}

.sidebar #actu ul {
	padding: 0 10px;
}

.sidebar #actu ul li {
	background: none;
	padding: 0;
}

.sidebar #actu ul li h4 a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

.sidebar #actu ul li img {
	float: left;
	margin: 0 6px 6px 0;
}

.sidebar #actu ul li p {
	font-weight: bold;
	font-size: 0.85em;
	padding: 0;
}

.sidebar #edito h3.widget-header {
	text-align: left;
} 

.sidebar #edito .widget-content .directeur {
	float: left;
	padding: 2px;
	border: 1px solid #a30134;
	margin: 0 10px 10px 0;
} 

.sidebar #edito .readmore a {
	color: #333;
}

/* @end */

/* @group Global Design  */

.content h1 {
	font-size: 1.6em;
	text-align: center;
	padding: 5px 10px 3px;
	display: block;
	color: #fff;
	background-color: #a30234;
	
}

.content h2 {
	font-size: 1.4em;
	color: #a30134;
}

.content h3 {
	font-size: 1.2em;
	font-weight: bold;
}

.content h4 {
	font-size: 1.2em;
}

.content ul li {
	padding: 0.4em;
	padding-left: 1em;
	list-style-type: square;
	list-style-position: inside;
}

.content .asset-footer ul li {
	padding-left: 0;
}

.content .asset-name
 {
}

.content .asset-name a {
	color: #fff;
	text-decoration: none;
}

.content .asset-name a:hover {
	text-decoration: underline;
}

.content .asset-content {
	font-size: 1.1em;
	line-height: 1.45em;
	margin: 15px 0;
}

.mt-entry-archive .content .asset-content,
.mt-page-archive .content .asset-content {
	margin: 15px;
}

.content .asset-content a,
.content .page-content a {
	text-decoration: underline;
}

.content .asset-content p,
.content .page-content p {
	margin: 10px 0;
}

.readmore {
	font-size: 0.85em;
	font-weight: bold;
}

.readmore a {
}

.readmore a:hover {
	text-decoration: underline;
}

.asset-footer,
.comments {
	margin: 15px;
}


/* @end */

/* @group Home  */


/* @end */

/* @group Weblog Archives */

.archive {
	margin-top: 20px;
}

.mt-archive-listing .asset-name,
.mt-main-index .asset-name {
	background-color: transparent;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
}

.mt-archive-listing .asset-name a,
.mt-main-index .asset-name a {
	color: #a30134;
}

.mt-archive-listing .asset,
.mt-main-index .asset {
	border-bottom: 1px solid #a30134;
	margin-bottom: 25	px;
}


/* @end */

/* @group Weblog Post */

#comments-form {
	width: 500px;
}


/* @end */

/* @group Pages */


/* @end */


/* @group google maps */

.gmnoprint div.titre,
.gmnoprint div.adresse,
.gmnoprint div.formulaire {
	font-size: 12px;
	line-height: 1.0em;
}

.gmnoprint div.adresse {
	margin-bottom: 0.5em;
}

.gmnoprint div.formulaire input{
	font-size: 11px;
}

/* @end */



/* modif Florent */
.sidebar #edito h3.widget-header{
padding-top:0;
font-size:1.3em;
}

.strip_wrapper ul li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.readmore{
font-size:1em;
}

.hidden {
display:none;
}

.footer-legal{
text-align:center;
padding-top: 10px;
font-weight: normal;
}

/* Vidéos */
.asset-video{
float:left;
padding-right:10px;
}

#videos .widget-content{
margin-top:0;
}

/* Contact form */
#contact-form-mdf ul {
padding:0 0 1em 1em;
}

#contact-form-mdf li {
line-height:1.5em;
padding:0 0 0.5em;
}

#contact-form-mdf .ss-form-entry {
margin-bottom:0;
}

#contact-form-mdf .ss-q-title {
display:block;
font-weight:bold;
}

#contact-form-mdf .ss-q-help {
color:#666666;
display:block;
margin:0.1em 0 0.25em;
}

#contact-form-mdf .ss-form-entry input {
margin-top:0;
vertical-align:middle;
width:300px;
}
.content #contact-form-mdf ul li,
#contact-form-mdf .ss-choices {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0.5em 0 0;
padding:0;
}

#contact-form-mdf .ss-choice-item {
line-height:1.3em;
margin:0;
padding-bottom:0.5em;
}



