/*
THEME NAME: Maisons JPY
THEME URI: http://www.construire-en-vendee.fr
DESCRIPTION: Theme sur mesure pour la societe maisons JPY base sur le theme Sandbox
VERSION: 1
AUTHOR: <a href="http://www.ajblog.fr/">Aymeric Jacqueyt</a>
AUTHOR URI:
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
@import url('2c-r.css');

/* Just some example content */
body {text-align:center;
background:#F5F3DF url(images/fond-global.gif) repeat left top;
font-family :"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; 
margin:0;padding:0;}
div {margin:0;padding:0;}
#wrapper {width:960px;margin:0 auto;text-align:left;
background:#ffffff url(images/fond-central.gif) repeat-y left top;}
#header{text-align:center;height:276px;
background:transparent url(images/fond-header.jpg) no-repeat left top;position:relative;
border-bottom:2px solid #ffffff;}
.pageid-4 #header{text-align:center;height:276px;
background:transparent url(images/fond-header-realisations.jpg) no-repeat left top;}
.pageid-5 #header{text-align:center;height:276px;
background:transparent url(images/fond-header-serenite.jpg) no-repeat left top;}
.pageid-6 #header{text-align:center;height:276px;
background:transparent url(images/fond-header-ecologie.jpg) no-repeat left top;}
.pageid-7 #header{text-align:center;height:276px;
background:transparent url(images/fond-header-artisans.jpg) no-repeat left top;}
#blog-title {width:960px;height:236px;margin:0;padding:0;}
#blog-title a {display:block;width:960px;height:236px;text-indent:-5000px;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu ul a{font-weight:700;text-decoration:none;color:#ffffff;text-indent:-5000px;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;height:41px;}
div#menu ul li a{padding:0;margin:0;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}

.entry-title{clear:both;}
/*div#container,div.sidebar{margin-top:2em;}*/
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

.sidebar {font-size:0.9em;}
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.1em;color:#952D17;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style-image:url(images/puce-sidebar.gif);margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}
.sidebar a, .sidebar a:visited {color:#704012;}
.sidebar a:hover, .sidebar a:hover  {text-decoration:none;}

/* Mise en forme des éléments du menu haut*/
#menu{font-size:0.9em;height:40px;background:#9F3D22 url(images/fond-menu.gif) no-repeat left bottom;width:100%;}
.pageid-4 #menu{font-size:0.9em;height:40px;background:#9F3D22 url(images/fond-menu-realisations.gif) no-repeat left bottom;width:100%;}
.pageid-5 #menu{font-size:0.9em;height:40px;background:#9F3D22 url(images/fond-menu-serenite.gif) no-repeat left bottom;width:100%;}
.pageid-6 #menu{font-size:0.9em;height:40px;background:#9F3D22 url(images/fond-menu-ecologique.gif) no-repeat left bottom;width:100%;}
.pageid-7 #menu{font-size:0.9em;height:40px;background:#9F3D22 url(images/fond-menu-artisans.gif) no-repeat left bottom;width:100%;}

#menu .page-item-2 a {
display:block;
width:71px;
height:40px;
}
#menu .page-item-3 a{
display:block;
width:108px;
height:40px;
}
#menu .page-item-4 a{
display:block;
width:102px;
height:40px;
}
#menu .page-item-5 a{
display:block;
width:133px;
height:40px;
}
#menu .page-item-6 a{
display:block;
width:160px;
height:40px;
}
#menu .page-item-7 a{
display:block;
width:147px;
height:40px;
}
#menu .page-item-17 a{
display:block;
width:237px;
height:40px;
}

/*EFFETS DE ROLLOVER*/
#menu .page-item-2 a:hover, .page-item-2 a:focus {
background:transparent url(images/fond-menu-hover.gif) no-repeat left bottom;
}
#menu .page-item-3 a:hover, .page-item-3 a:focus {
background:transparent url(images/fond-menu-hover.gif) no-repeat -71px bottom;
}
#menu .page-item-4 a:hover, .page-item-4 a:focus {
background:transparent url(images/fond-menu-hover.gif) no-repeat -179px bottom;
}
#menu .page-item-5 a:hover, .page-item-5 a:focus {
background:transparent url(images/fond-menu-hover.gif) no-repeat -281px bottom;
}
#menu .page-item-6 a:hover, .page-item-6 a:focus {
background:transparent url(images/fond-menu-hover.gif) no-repeat -414px bottom;
}
#menu .page-item-7 a:hover, .page-item-7 a:focus {
background:transparent url(images/fond-menu-hover.gif) no-repeat -574px bottom;
}
#menu .page-item-17 a:hover, .page-item-17 a:focus {
background:transparent url(images/fond-menu-hover.gif) no-repeat -721px bottom;
}

#content {padding:10px 35px 20px 35px;font-size:0.9em;text-align:justify;}
#content a, #content a:visited {color:#704012;text-decoration:none;border:0;border-bottom:1px solid #ffffff;}
#content a:hover, #content a:focus {color:#704012;text-decoration:none;border-bottom:1px dotted #704012;}
#content td {font-size:0.8em;}
#content ul {list-style-image: url(images/puce-rouges.gif);}
#content ul li, #content ol li {padding-bottom:10px;}
#content ul li ul li{padding-bottom:3px;}
#content h3 img {border:none;}
#content h3  {color:#A24023;}
#content h4 {color:#A24023;}
#content h5 {color:#A24023;}
#content h6 {color:#A24023;}
.entry-title {color:#A24023;border-bottom:1px solid #A24023;}
#post-2 .entry-title {display:none;}
#post-5 .entry-title {color:#2A5787;border-bottom:1px solid #2A5787;}
#post-5 ul {list-style-image: url(images/puce-bleue.gif);}
#post-5 a, #post-5 a:visited {color:#2A5787;}
#post-6 .entry-title {color:#7FAD0F;border-bottom:1px solid #7FAD0F;}
#post-6 ul {list-style-image: url(images/puce-bleue.gif);}
#post-6 a, #post-6 a:visited {color:#7FAD0F;}
#post-7 .entry-title {color:#932A16;border-bottom:1px solid #932A16;}
#post-24 .entry-title {color:#7FAD0F;border-bottom:1px solid #7FAD0F;}
#post-24 ul {list-style-image: url(images/puce-bleue.gif);}
#post-24 a, #post-6 a:visited {color:#7FAD0F;}

#post-7 ul li {padding-bottom:10px;}
#post-7 ul li h4 {margin:0; padding:0;}
#post-7 ul li ul li{padding-bottom:3px;}
#post-7 a, #post-7 a:visited {color:#932A16;}


/*------------------LAYOUT DU FOOTER----------------------*/
#footer{text-align:left;background:#D88C52 url(images/fond-footer.gif) repeat-x left top;
border-top:2px solid #ffffff;
color:#ffffff;}
#footer a {color:#ffffff;}
#footer a:hover {text-decoration:none;}
#footer label {color:#ffffff;}
#footer span {color:#ffffff;}
#infosjpy {text-align:center;letter-spacing:-1px;margin:0;padding:10px;border-bottom:2px solid #ffffff;}
#planfooter {padding:10px;width:240px;font-size:0.9em;float:left;border-right:1px dotted #9D381E;}
#planfooter h3 {border-bottom:1px solid #F9D8A3;}
#planfooter ul li ul li a {font-size:0.8em;color:#EBEBEA;}
#blogfooter {padding:10px;width:240px;font-size:0.8em;float:left;}
#blogfooter h3 {border-bottom:1px solid #F9D8A3;}
#contactfooter {padding:10px;width:400px;font-size:0.8em;float:left;border-left:1px dotted #9D381E;}
#contactfooter h3 {border-bottom:1px solid #F9D8A3;}
.mentionsfooter {padding:10px 30px;font-size:0.8em;text-align:center;color:#922915;border-top:2px solid #ffffff;}
.partenairesfooter {border-top:2px solid #ffffff;color:#922915;}

.linklove {visibility:hidden;}

/*----------------------LE MENU PLUS-----------------*/
#boutonsplus {
position:absolute;
top:0;
right:0;
width:662px;
height:46px;
list-style:none;
text-align:right;
overflow:hidden;
}
#boutonsplus li {
width:220px;
height:46px;
float:right;
}
#boutonsplus li a {
display:block;
width:220px;
height:46px;
text-align:left;
text-indent:-5000px;
}

/*--------------ONGLETS HOMEPAGE------------------------*/

#ongletReal, #ongletSerenite, #ongletEcolo, #ongletArtisans {
width:320px;
height:193px;
float:left;
overflow:hidden;
margin:2px;
}
#ongletReal a, #ongletSerenite a, #ongletEcolo a, #ongletArtisans a {
display:block;
width:320px;
height:193px;
text-indent:-5000px;
}
#ongletReal a{
background:transparent url(images/onglet-realisations.gif) no-repeat left top;
}
#ongletReal a:hover{
background:transparent url(images/onglet-realisations.gif) no-repeat left -193px;
}
#ongletSerenite a {
background:transparent url(images/onglet-serenite.gif) no-repeat left top;
}
#ongletSerenite a:hover {
background:transparent url(images/onglet-serenite.gif) no-repeat left -193px;
}
#ongletEcolo a{
background:transparent url(images/onglet-ecologique.gif) no-repeat left top;
}
#ongletEcolo a:hover{
background:transparent url(images/onglet-ecologique.gif) no-repeat left -193px;
}
#ongletArtisans a {
background:transparent url(images/onglet-artisans.gif) no-repeat left top;
}
#ongletArtisans a:hover {
background:transparent url(images/onglet-artisans.gif) no-repeat left -193px;
}