/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 2.3.1
Author: 320press
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/


@font-face{
    font-family : "VistaSansBold";
    src : url('http://www.athemium.com/wp-content/plugins/cufon-fonts/VistaSansOT-Bold.otf');
}


/* micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/* wp-specific classes */
.wp-caption{
	
}

.wp-caption-text{
	
}

.sticky{
	
}

.gallery-caption{
	
}

input, textarea {
    width: 300px;
}

/* layout */

body{
	padding-top: 0;
}

/* Admin Top Navigation fixes */

body.admin-bar .navbar-fixed-top{ 
	top: 28px; 
}

footer[role="contentinfo"]
{
	color : white;
	background-color : #363437;
	/*height : 300px;*/
}

#logo>img {
    height: 100px;
}

#newsletter {
	background-color : black;
	height: 30px;
}

#bandeau_securite,
#bandeau_smartcitiz,
#bandeau_energie,
#bandeau_maintien {
	height: 30px;
	width: 100%;
}

#bandeau_automatismes, #bandeau_confort {
	height: 100px;
	width: 100%;
}

#bandeau_automatismes {
	background-color : #51C6E4;
}

#bandeau_confort {
    background-color : #FAA640;
}

.bandeau_titre {
	color:white;
	font-size: 3em;
	float: left;
	text-transform:uppercase;
	margin-top: 40px;
	margin-left: 30px;
	font-family: "VistaSansBold";
}

.icon img {
	margin: 5px 5px 5px 80px;
}

.icon {
	float: left;
}

img.alignnone.img_title {
	height: 200px !important;
}

#bandeau_securite{
	background-color : #FF0057;
}

article {
	margin-top:0px;
}

article h1 {
font-family: VistaSansBold;
text-align: center;
}

article h2 {
color: #555555;
font-size: 28px;
text-align: center;
}

h4.home img {
    height: 62px !important;
    margin-right: 10px;
    font-family: "VistaSansBold";
}

.teaser img {
    height: 227px !important;
}

.securite {
	color:#FF0057;
}

#bandeau_smartcitiz{
	background-color : #57CBD2;
}

.smartcitiz{
	color : #57CBD2;
}

#bandeau_energie {
	background-color : #99C945;
}

.energie {
	color : #99C945;
}

#bandeau_confort{
	background-color : #FAA640;
}


.confort{
	color : #FAA640;
}

div.menu-home {
	height: 50px;
	border-bottom : 1px solid;
	position: relative;
	clear:both;
	padding-top: 10px;
}

	.menu-home-icone span {
		font-size: 14px;
        display: inline-block; 
        vertical-align: middle;
	}
	
    
    .menu-home-icone img {
        margin-right: 10px;
        width: 25px;
    }
	
	div.menu-home-plus span {
		display: none;
	}

div.menu-home-icone {
	float: left;
	width: 400px;
}

.menu-home-icone span {
	font-family : "VistaSansBold";
}

h3.blog, h2.blog {
		font-family : "VistaSansBold";
}

div.menu-home-plus {
	float:right;
	width:30px;
	height: 30px;
	padding-top:30px;
	padding-bottom:30px;
}

div.menu-home-plus a {
	text-decoration: none;
	color: #000000;
}

#bandeau_maintien{
	background-color : #7B5DA3;
}

.maintien{
color : #7B5DA3;
}

.navbar .brand{
	color: #000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);
	font-weight: bold !important;
}

.nav-container{
	padding-left: 0;
	padding-right: 0;
}

.slider {
	display: none;
}

section img {
	margin-top: 10px;
	margin-bottom: 10px;
}

#inner-header{
	width: 100%;
    position:relative;
    z-index: 1;
}

input, textarea, select, .uneditable-input {
	margin-bottom: 0;
}

.navbar-form, .navbar-search {
	margin: 0 0 9px;
}

.navbar-search{
	padding-left: 0;
}

#s{
	width: 100px;
}

#content{
	padding: 10px 0 0;
}

.more-link{
	white-space: nowrap;
}

.footer-links{
	float: right;
	margin-bottom: 18px;
}

.footer-links .menu{
	list-style-type: none;
	margin-left: 0;
}

.footer-links .menu li{
	float: left;
	margin-left: 10px;
}

/* post styling */

#main p.meta{
	font-style: italic;
	color: #808080;
}

#main article{
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #eeeeee;
	padding: 0 0 9px;
}

#main article footer{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	position: relative;
	min-height: 20px;
}

#main article footer a.edit-post{
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.post:hover a.edit-post{
	display: inline;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* =Aside post format
-------------------------------------------------------------- */
#main article.format-aside {
	padding: 0;
}

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
}
article.format-aside h1 a:hover {
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	border-left: 22px solid;
}
article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}
article.format-aside footer.aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	border-left: 22px solid;
}

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}

article.format-link footer.entry-meta { 
	clear: both;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
}

article.format-quote .entry-content blockquote p:before {
	content: "\201C  ";
	font-size: 2rem;
}

article.format-quote .entry-content blockquote p:after {
	content: " \201D ";
	font-size: 2rem;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}

p.tags{
	line-height: 20px;
}

div[id*='attachment_']{
	max-width: 100%;
	height: 100%;
}

#credit320{
	background: url('images/320press_mini.png') no-repeat left top transparent;
	padding-left: 20px;
}

#main .hero-unit img{
	margin-bottom: 1em;
}

#main article img{
	height: auto;
	max-width: 100%;
}

img.alignleft{
	margin-right: 10px;
	float: left;
}

img.alignright{
	margin-left: 10px;
	float: right;
}

img.aligncenter{
	display: block;
	margin: 0 auto;
}

.post header img{
	margin-bottom: 18px;
}

.archive #main .post h3{
	line-height: 24px;
	margin-bottom: 10px;
}

video {
	max-width: 100%;
	height: auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 630px;
	max-width: 100%;
	margin-bottom: 18px;
}

/* page styling */

#featured-carousel .item{
	width: 970px;
	height: 600px;
}

.carousel-caption p{
	display: none;
}

.page-template-page-homepage-php #main article{
	border-bottom: none;
}

.page-template-page-homepage-php .hero-unit,
.blog .hero-unit{
	padding: 1em;
}

.hero-unit h1 {
	font-size: 3em;
}

/* comments */



#comments{
	line-height: 24px;
	margin-bottom: 18px;
}

ol.commentlist,
ol.commentlist ul.children{
	list-style-type: none;
	margin-left: 0;
}

.comment .vcard > div{
	margin-top: 8px;
	padding: 0 10px;
}

ol.commentlist time{
	font-size: .8em;
	color: #eeeeee;
}

ol.commentlist div.comment-author{
	position: relative;
}

ol.commentlist a.comment-edit-link{
	color: #ffffff;
	text-decoration: none;
	padding-left: 5px;
}

ol.commentlist span.edit-comment{
	position: absolute;
	right: 0;
	top: 8px;
}

ol.commentlist li.bypostauthor{
	background-color: #dddddd;
}

ol.commentlist ul.children li{
	background-color: #cccccc;
}

ol.commentlist ul.children li ul.children li{
	background-color: #bbbbbb;
}

ol.commentlist ul.children li ul.children li ul.children li{
	background-color: #aaaaaa;
}

ol.commentlist article{
	border-bottom: none !important;
}

a.comment-reply-link{
	position: absolute;
	right: 0;
	bottom: 0;
}

#comment-nav ul{
	list-style-type: none;
	margin: 0;
}

#comment-form-elements{
	list-style-type: none;
	margin: 0;
}

.comment .vcard .avatar{
	padding-right: 0;
}

.comment .vcard .comment-text{
	margin-left: 0;
}

img.avatar{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-left: 1px solid #ddd;
	
}

ol.commentlist li{
	padding-right: 10px;
	background-color: #F0F0F0;
}

#pings{
	margin-bottom: 9px;
}

ol.pinglist{
	list-style-type: none;
	margin: 0 0 9px 0;
}

#comment{
	width: 270px;
}

ol.commentlist #respond{
	padding: 5px 10px;
}

/* specific post-type styles */

/* image attachment */

.attachment #main .post_content img{
	max-width: 100%;
}

.ie8 #main .media-grid img{
	max-height: none !important;
	max-width: none !important;
}

.attachment-img{
	margin-bottom: 18px;
}

.metadata p.alert-message{
	margin-right: 0;
	margin-bottom: 18px;
}

#gallery-nav{
	list-style-type: none;
	margin-left: 0;
}

li.next a, li.previous a{
	position: relative;
}

li.next a:hover:before{
	content: "\2190";
	position: absolute;
	display: block;
	top: 42%;
	left: 0;
	background-color: #BFBFBF;
	color: #444;
	width: 20px;
	height: 20px;
	padding-left: 5px;
	text-decoration: none;
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

li.previous a:hover:before{
	content: "\2192";
	position: absolute;
	display: block;
	top: 42%;
	right: 0;
	background-color: #BFBFBF;
	color: #444;
	width: 20px;
	height: 20px;
	padding-left: 5px;
	text-decoration: none;
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}


/* widget styles */

.widget{
	margin-bottom: 18px;
}

.widgettitle{
	margin-bottom: 9px;
}

#tag-cloud{
	margin-bottom: 18px;
	line-height: 160%;
}

/* for some reason the bs version currently available for download doesn't have this style */
.label{
	text-transform: uppercase;
}

/* override standard link hover for the tag cloud widget */
#tag-cloud a:hover,
.tags a:hover{
	color: #ffffff;
	text-decoration: none;
}

#tag-cloud a{
	white-space: pre;
	text-transform: uppercase;
}

/* change default form padding for search */

.widget_search form{
	padding-left: 0;
}

.widget_search input{
	width: 121px;
}

/* calendar widget */

#calendar_wrap{
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
}

#wp-calendar{
	width: 100%;
	
}

#wp-calendar caption{
	font-weight: bold;
	padding: 8px;
}

#wp-calendar tr{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#wp-calendar tr:last-child{
	border-bottom: none;
}

#wp-calendar td{
	text-align: center;
	padding: 8px 0;
}

blockquote.pull-left{
	padding-right: 15px;
}


/*********************************************
	Screen < 768px
***********************************************/
@media only screen and (max-width: 767px) {
	#myCarousel {
		display: none;
		width : 768px;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	.carousel-caption {
		display: none;
	}
	
	.navbar-fixed-top {
		margin-bottom: 0px;
	}

	.sidebar-homepage {
		display: none;
	}

	#newsletter_inner {
		/*width: 768px;*/
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	
	#newsletter_img {
		position: absolute;
		right: 0px;
		top: -32px;
		width: 102px;
		height: 95px;
		background-image: url(./images/newsletter.png);
	}

	#newsletter_triangle {
		position: absolute;
		bottom: -20px;
		right: 0px;
	}

	#newsletter_img>a {
		width: 102px;
		height: 95px;	
	}

	#newsletter.selected {
		height: 90px;
		background-color: #e6e6e6;
	}
	
	#newsletter_form {
		display: none;
	}

	#newsletter_form {
		padding-top: 20px;
		padding-left: 250px;
		width: 400px;
	}
	
	#newsletter_form input[type=text] {
		border: 1px solid #000000;
		height: 25px;
		margin: 0px;
		padding: 0px;
		background-color: #000000;
		color: #FFFFFF;
		width: 290px;
		border-radius: 0;
	}

	#newsletter_form input[type=button] {
		border: 1px solid #FFFFFF;
		height: 25px;
		margin:0px;
		padding:0px;
		background-color: #FFFFFF;
		color: #000000;		
		width: 100px;
	}
	
	#newsletter.selected #newsletter_img {
		background-image: url(./images/newsletter_on.png);
	}
	
	#newsletter.selected #newsletter_img>a.on {
		display: none;
	}
    
    /*
    a.ferme {

        display: none;
	}

    #newsletter #newsletter_img>a.ferme {
		display: none;
	}

    #newsletter_img a.ferme {
        position:relative;
        top: 30px;
        left: 38px;
    }

    #newsletter.selected #newsletter_img>a.ferme {
        position:relative;
        top: 0px;
        left: 38px;
        display: inline;
    }*/
	
	#newsletter.selected #newsletter_form {
		display: block;
	}


}


/*********************************************
	Screen > 768px
***********************************************/

@media only screen and (min-width: 768px) {

	#myCarousel {
		display: none;
		width : 768px;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	.carousel-caption {
		display: none;
	}
	
	.navbar-fixed-top {
		margin-bottom: 0px;
	}

	.span4 .sidebar-homepage {
		display: none;
	}
	
	
	#newsletter_inner {
		width: 768px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	
	#newsletter_img {
		position: absolute;
		right: 0px;
		top: -32px;
		width: 102px;
		height: 95px;
		background-image: url(./images/newsletter.png);
	}

	#newsletter_triangle {
		position: absolute;
		bottom: -20px;
		right: 0px;
	}

    /*
	#newsletter_img>a {
		width: 102px;
		height: 95px;	
	}*/

	#newsletter.selected {
		height: 90px;
		background-color: #e6e6e6;
	}
	
	#newsletter_form {
		display: none;
	}
	
	#newsletter_form {
		padding-top: 20px;
		padding-left: 250px;
		width: 400px;
	}
	
	#newsletter_form input[type=text] {
		border: 1px solid #000000;
		height: 25px;
		margin: 0px;
		padding: 0px;
		background-color: #000000;
		color: #FFFFFF;
		width: 290px;
		border-radius: 0;
	}

	#newsletter_form input[type=button] {
		border: 1px solid #FFFFFF;
		height: 25px;
		margin:0px;
		padding:0px;
		background-color: #FFFFFF;
		color: #000000;		
		width: 100px;
	}
	
	#newsletter.selected #newsletter_img {
		background-image: url(./images/newsletter_on.png);
	}
	
    /*
	#newsletter.selected #newsletter_img>a {
		display: none;
	}*/
	
	#newsletter.selected #newsletter_form {
		display: block;
	}


}


/********************************************
	Screen > 980px
**********************************************/

@media only screen and (min-width: 980px) {
	body{
		/*padding-top: 60px;*/
	}
	
	#inner-footer
	{
		width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.lead {
		margin-bottom: 10px;
	}

	
	div.menu-home-plus {
		width: 120px;
	}
	
	div.menu-home-plus span {
		display: inline;
	}
	
	
	#newsletter_inner {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	
	#newsletter_img {
		position: absolute;
		right: 0px;
		top: -32px;
		width: 102px;
		height: 95px;
		background-image: url(./images/newsletter.png);
	}

	#newsletter_triangle {
		position: absolute;
		bottom: -20px;
		right: 0px;
	}

    /*
	#newsletter_img>a {
		width: 102px;
		height: 95px;	
	}*/

	#newsletter.selected {
		height: 90px;
		background-color: #e6e6e6;
	}
	
	#newsletter_form {
		display: none;
	}
	
	#newsletter_form {
		padding-top: 20px;
		padding-left: 250px;
		width: 400px;
	}
	
	#newsletter_form input[type=text] {
		border: 1px solid #000000;
		height: 25px;
		margin: 0px;
		padding: 0px;
		background-color: #000000;
		color: #FFFFFF;
		width: 290px;
		border-radius: 0;
	}

	#newsletter_form input[type=button] {
		border: 1px solid #FFFFFF;
		height: 25px;
		margin:0px;
		padding:0px;
		background-color: #FFFFFF;
		color: #000000;		
		width: 100px;
	}
	
	#newsletter.selected #newsletter_img {
		background-image: url(./images/newsletter_on.png);
	}
	
    /*
	#newsletter.selected #newsletter_img>a {
		display: none;
	}*/
	
	#newsletter.selected #newsletter_form {
		display: block;
	}
	
	#teaser {
		height: 310px;
	}
	
	#news {
		background-color: #e6e6e6;
		height: 130px;
		padding: 10px;
		font-size: 18px;
	}
	
	#news hr {
		margin: 0;
		margin-bottom: 10px;
		margin-top: 10px;
		background-color: #363436;
		color: #363436;
		border-top: 1px solid #363436;
		border-bottom: 0px;
	}
	
	#news .widget {
		width: 80%;
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 220px;
	}
	
	#news>span {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 120px;		
	}
	
	#news .widget ul {
		margin: 0;
	}
	
	#news .widget li {
		list-style-type: none;
	}
	
	#news .widget li a {
		color: #363436;
		font-size: 12px;
	}
	
	#news .widget li a:hover {
		text-decoration: none;
	}
	
	.news_date {
		font-weight: bold;
	}
	
	/* ---
		footer
	   --- */
	
	#copyright {
		float: left;
		width: 120px;
		padding-top: 10px;
		font-size : 10px;
		font-family: helvetica;
		color: #d9d9d9
	}
	
	#copyright img {
		padding-bottom: 10px;
	}
	
	
	#menu-footer {
		font-size : 10px;
		font-family: helvetica;
		color: #d9d9d9
	}
	
	.menu {
		padding-top: 10px;
	}
	
	#inner-footer-menu {
		float: right;
	}
	
	#menu-footer>li {
		margin-left: 20px;
	}
	
	
	#menu-footer>li>a {
		width: 90px;
		display: block;
		border-bottom: 1px solid white;
		font-weight: bold;
		color: white;
		text-decoration: none;
		margin-bottom: 5px;
	}
	
	#menu-footer>li>a:hover {
	}
	
	#menu-footer>li>ul {
		display: block;
		list-style-type: none;
		margin-left: 0px;
	}
	
	#menu-footer>li>ul>li {
		display: block !important;
		list-style-type: none;
		float: none;
		margin: 0px;
		line-height: 16px;
	}
	
	#menu-footer>li>ul a {
		color: white;
		text-decoration: none;
	}
	
	div#menu-footer-end {
		float: right;
				font-size : 10px;
		font-family: helvetica;
		color: #d9d9d9;
		padding: 10px;
	}
	
	#menu-footer-end>ul>li>a {
		width: 90px;
		display: block;
		border-bottom: 1px solid white;
		font-weight: bold;
		color: white;
		text-decoration: none;
		margin-bottom: 5px;
	}
	
	#menu-footer-end>ul>li
	{
		list-style-type: none;
	}
	
	
	#menu-footer-end>ul>li>a:hover {
	}

	#slideshow {
		background-color : #363437;
		height : 400px;
        margin-top:-120px;
        position:relative;
        z-index:0;
	}
	
	#myCarousel {
		display: block;
		width : 980px;
		margin-left: auto;
		margin-right: auto;
        position: relative;
	}
    
    .carousel-inner {
        position: relative;
        left: 0px;
    }
    
    @-moz-document url-prefix()
    {
        .carousel-inner {
            left: -475px;
        }
    }
	
	.carousel-caption {
		display: none;
	}
    
    .carousel-control {
        top:60%;
    }
	
    .home .navbar-inner {
        background-color: transparent;
    }
	
	/***
	*	articles produits
	***/
	section header {
		width: 980px;
	}
	
	article.produit {
		width: 980px;
	}
	
	.article-nav>img {
		margin-right: 20px;
	}
	
	.article-nav {
		font-family: helvetica;
		font-size: 22px;
	}
		
	
	
	/*
	*/
	.caret {
		border: 0px;
	}
	
	.navbar .nav {
		margin-top: 30px;
	}
	
	.navbar .nav > li {
		border-left : solid 1px white;
		line-height: 5px;
		font-family: "VistaSansBold";
	}
	
	.navbar .nav > li > a {
		text-shadow: none;
		color: #d9d9d9;
		text-transform : uppercase;
	}
	
	.dropdown-menu > li > a {
		color: #d9d9d9;
	}
	
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a	{
		font-weight: bold;
		background-color: transparent;
		background-image: none;
	}
	
	.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
		color: white;
		background-color: #363437;
	}
	
	.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
		color: white;
		background-color: #363437;
	}
	
	.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
		color: white;
		background-color: #363437;
		font-weight: bold;
	}
	
	.dropdown-menu {
		border: 0px;
		border-left: 1px solid white;
		background-color: transparent;
		-webkit-border-radius: 0px;
		box-shadow: 0px 0px 0px #888888;
		margin: 0;
		margin-left: -1px;
		border-radius: 0px;
	}
	
	.navbar .nav > li > .dropdown-menu::before {
		display: none;
	}
	
	.navbar .nav > li > .dropdown-menu::after {
		display: none;
	}
	
	.container-fluid{
		max-width: 970px;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#inner-footer{
		padding: 0;
	}
	
	#content{
		padding-left: 0;
		padding-right: 0;
	}
	
	.topbar-inner{
		padding: 0;
	}
	
	.topbar form.pull-right {
		float: right;
	}
	
	.navbar-form, .navbar-search {
		margin-top: 6px;
		margin-bottom: 0;
	}
	
	.navbar-search{
		padding-left: 0;
	}
	
	.sidebar{
		margin-top: 0 !important;
	}
	
	.widget_search input{
		width: 230px;
	}
	
	.blog .hero-unit{
		/*margin-top: 10px;*/
	}
	
	.page-template-page-homepage-php .hero-unit,
	.blog .hero-unit{
		padding: 60px;
	}
	
	.hero-unit h1 {
		font-size: 60px;
	}
	
	/* hide edit comment button and show on hover on desktop version */
	.edit-comment{
		display: none;
	}
	
	.vcard:hover .edit-comment{
		display: inline-block;
	}
	
	#s{
		width: 210px;
		margin-bottom: 6px;
	}
	
	.widget_search input{
		width: 209px;
	}
	
	.comment .vcard .comment-text{
		padding-left: 0;
		padding-right: 0;
	}
	
.colonne1 {
	float:left;
	width: 450px;
	margin-right: 30px;
	display:table-cell;
}

.colonne2 {
	display:table-cell;
	width: 550px;
	padding-top: 0px;
	min-height: 400px;
}

.colonne1bis {
	margin-right: 20px;
	width:100px;
	display:table-cell;
}

.colonne2bis {
	vertical-align:bottom;
	display:table-cell;
	padding-left: 20px;
	width:300px;
}

.colonne1, .colonne2 h1 {
	font-weight: normal;
	font-size:36px;
	line-height:normal;
}

.colonne1 h2 {
	font-weight: normal;
	font-size:24px;
}

.colonne1 a, .colonne2 a, .colonne3 a {
	color: grey;
}

/*
.colonne2 h1 {
	font-weight: normal;
	font-size:36px;
}*/

.colonne2bis h1 {
	margin-bottom : 5px;
}

.colonne2 h2 {
	font-weight: normal;
	font-size:24px;
}

.colonne {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 500px;
}

.colonne480
{
	float:left;
	width: 450px;
	display:table-cell;

}

.colonne480 h1 {
	display:inline;
	margin-left: 20px;
}

.colonne30
{
	float:left;
	width: 30px;
	display:table-cell;
}

.colonne li {
	margin-left: 20px;
}

.colonne1, .colonne2, .colonne1bis, .colonne2bis, .colonne {
	font-size:14px;
	line-height: 20px;
}

.separation {
	width: 980px;
	height: 2px;
	border-top-color: #CCC;
	border-top-width: 1px;
	border-top-style:solid;
	margin-top: 30px;
	margin-bottom: 20px;
	clear:both;
	position: relative;
}

.separation2 {
	width: 600px;
	height: 2px;
	border-top-color: #CCC;
	border-top-width: 1px;
	border-top-style:solid;
	margin-top: 30px;
	margin-bottom: 20px;
	clear:both;
	position: relative;
	
}
	
}