/*
Theme Name: 64-romainbaillon
Version: 1.0
Template Code : 64-romainbaillon
Version : 1.0   
Last Date Modified : 22/09/2014	
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS

text : #555
lien orange : #e27000 (#cb6500)
titre bleu : #21759b

------------------------------------------------- */ 

body {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;;
  line-height:17px;
  letter-spacing:0.2px;
	color:#777;
}

h1, h2, h3, h4, h5, ol, li, ul, p {
        font-weight:lighter;
        margin:0; 
        padding:0;
}

a {color: #666; text-decoration:none;}
a:hover {color: #333;}

h2 {padding:20px 0 10px 0; line-height:24px; font-size:22px;}
h1 {padding:40px 0; font-size:15px;}
h6 {font-weight:lighter; font-size:10px; line-height:14px;}

#main p {padding:10px 0}

h1, a h1, h1 a, h2, a h2, h2 a {color:#666;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, #header a:hover {text-decoration:none;}
#main h3 {margin:0px 0; padding:17px 0 10px 0; line-height:30px; font-size:22px; color:#91283b;}
#main ul {margin:0px; padding-bottom:10px;}
#main li {line-height:16px; padding:0px 10px 0 0px;}
h4 {color:#000; font-weight:normal;}
.photo-contact a, .photo-contact {color:#91283b;}

a img, img a {border:none;}

pre {font-family:Helvetica; font-size:12px; margin:0;padding:0;}
address {border:1px solid #21759b; padding:7px 5px 5px 7px; color:#21759b; font-style:normal; text-align:center; margin:10px 0 10px 0; font-weight:bold;}
.wp-caption-text {font-size:10px; text-align:center; margin-top:-18px;}

#main img, #main img a, #main a img {
        padding:0px; 
  			border:none;
}

.clear {clear:both;}

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

/********************************************
   STRUCTURE WRAP
********************************************/ 
#wrap {
	position: relative;
	width: 1280px;
	background: #FFFFFF;
	margin: auto;
	text-align: left;
}
#wrap-in {
	padding:20px;	
}

/********************************************
    HEADER & NAVIGATION
********************************************/ 

#nav li {
	list-style:none;
}
li a {
  			display:block;
  			line-height:14px;
  			padding:2px 0;
}
li a:hover, #nav li a:active {
        color:#222;
}
li.current_page_item a, li.current-cat a, li.current_page_parent a {
        color:#91283b;
      	background:#eee;

}

/********************************************
   STRUCTURE CONTENU
********************************************/

#main {
	float: left;
	width: 990px;
}
#main-in {
	margin-left:20px;
}
#sidebar {
	float: left;
	width: 250px;
  height:100%;
	position: relative;
}

/********************************************
   SIDEBAR
********************************************/

#sidebar ul { 
        margin:0;padding:0; list-style:none;
}
#sidebar ul li { 
        margin:0;padding:0;

}
#sidebar h3 {
        padding:0;
}
#sidebar h2 {padding:20px 0;}

#bloc-detail {position: fixed; bottom:20px; width:250px;}
#bloc-detail h4 {padding-bottom:5px;}
#bloc-detail .secondaire {padding-top:5px; font-size:11px;}

.avant-apres {margin-top:10px}
.avant-apres a {display:block; float:right; padding:5px 10px; background:#aaa; margin-left:10px; color:#fff;}
.avant-apres a:hover {background:#555;}

/********************************************
   CONTENU
********************************************/

ul.bloc-list {list-style:none; margin:0; display:inline;}
ul.bloc-list li {display:inline-block; margin-bottom:10px;}

#main-left {width:250px; float:left; padding-top:20px;}
#main-left li {list-style:none; line-height:14px; padding:5px 0; margin-right:20px}
#main-right {width:720px; float:left; padding-top:0px;}

/********************  SINGLE  ************************/

.img-big {text-align:center;}

/********************************************
   FORM
********************************************/

input, textarea {border:1px solid #ccc; padding:8px 10px; font-family: helvetica, arial; font-size:12px; color:#555; margin-top:5px;}

/********************************************
   MAINTENANCE
********************************************/

#wrap-maintenance {padding-top:250px;	text-align: center;}
#wrap-maintenance h1, #wrap-maintenance h2, #wrap-maintenance h3, #wrap-maintenance h4, #wrap-maintenance h5, #wrap-maintenance ol, #wrap-maintenance li, #wrap-maintenance ul, #wrap-maintenance p {
        font-weight:lighter;
        margin:0; 
        padding:0;
  			letter-spacing:1px;
}