/*
Theme Name: Rampal
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html,body,form,fieldset,legend,ul,ol,dl,li,blockquote,div,pre,dt,dd,h1,h2,h3,h4,h5,h6,code,kbd,q,input,textarea,th,td{margin:0;padding:0;}
header,footer,section,hgroup,aside,nav,article,figure,figcaption,time,dialog{display:block;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;}
td,th,caption{text-align:left;}
label,input[type="button"],input[type="submit"],button{cursor:pointer;}
input,button,select{font-size:100%;vertical-align:middle;}
img,table,td,blockquote,code,pre,textarea,input,object,embed,video,div{max-width:100%;}
img{height:auto;}
p,div,code,pre,samp,textarea,table,td{word-wrap:break-word;}
a img{border:0;}
ol, ul, li {list-style:none;} 


h1, h1 a { margin:0; font:bold 15px/1.35 Arial, Helvetica, sans-serif; color:#8B2412; text-decoration: none;}

.main-container .col-main h1 a {text-decoration: none;}

h2, h2 a {color:#8B2412; font-size: 14px;}

body.page div.col-main h2, body.page div.col-main h2 a, body.category div.col-main h2, body.category div.col-main h2 a { margin:0; font:bold 15px/1.35 Arial, Helvetica, sans-serif; text-decoration: none;font-family: "FranklinGothicDemiCondRegular";
font-size: 20px;padding-bottom: 15px;font-weight: normal;color: #8c6547;}

h3, h3 a {
	text-transform: uppercase;
	color: #524e4d;
	font: 12px/1.55 Arial, Helvetica, sans-serif;
}

body {
/*font: 12px/1.55 Arial, Helvetica, sans-serif;*/
/*color: #2f2f2f;*/
font-family: "FranklinGothicBookRegular";
text-align: left;
/*background-image: url(http://rampal.ugocom.com/media/wysiwyg/infortis/ultimo/_backgrounds/default/fdpage.jpg);*/
/*border-top-color: transparent;*/
background-color: #fef4eb;
/*background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;*/
color: #82634a;
font-size: 16px;
}

img{height:auto;}

a {
	color:#8c6547;
}

a:hover{
	color:#ADBD5B;
}

div.sidebar{
	background: #e4e3da;
}

aside.widget {
	border-bottom: dotted 1px #98918e;
}

div#secondary{
	padding: 5px;
}

div.main-container{
	max-width:1170px;
	margin:0 auto;
	width:96%;
}

h1, h1 a{
	font-family: "FranklinGothicDemiCondRegular";
	font-size: 20px;
	font-weight: normal;
	color: #8c6547;
}

body .main-container>.main{padding:20px 15px 40px;background:url(images/fondfond.jpg) repeat;}

.main > .col-main{
	padding: 0px 0 25px;
	margin: 0 auto;
}

h1.entry-title{
	padding-bottom:15px;
}

.breadcrumbs a.category{
	font-family: "FranklinGothicBookRegular";
	font-size: 15px;
	color: #8c6547;
	margin-right: 5px;
}

.breadcrumbs {
	display: block;
	float: left;
	font-family: "FranklinGothicDemiCondRegular";
	font-size: 15px;
	color: #8c6547;
	border-bottom:1px solid #e2d7cf;
	width: 100%;
	text-align: left;
	padding-bottom:20px;
}

.entry-content{
	font-family: "FranklinGothicBookRegular";
	/*overflow: hidden;*/
	padding-bottom:25px;
	font-size:14px;
	color: #514B46;
}

body.single .entry-content{
	border-bottom:1px solid #e2d7cf;
	overflow: hidden;
	display: table;
}

a.back-button{
	margin-top: 15px;
	line-height: 75px;
	padding: 7px 15px;
	background-color:#B1C160;
	font-family: "FranklinGothicDemiCondRegular";
	font-size: 15px;
	color: #fff;
}

.main-container .col-main a.back-button{text-decoration: none;}

body.category .col2-left-layout .col-main {
	/*float: left;*/
	/*clear: both;*/
	text-align:left;
	/*padding-top: 30px;*/
}

body .footer-container{
	width:100%;
}

.conseils-astuces .grid12-3 h3{
	font-family: "FranklinGothicDemiCondRegular";
	font-size: 20px;
	font-weight: normal;
	color: #8c6547;
	text-transform:none;
	/*padding-top:15px;*/
}

.conseils-astuces .grid12-3 p.resume{
	font-family: "FranklinGothicBookRegular";
	font-size: 16px;
	font-weight: normal;
	color: #82634a;
	text-align:justify;
}

.conseils-astuces .grid12-3 p.lien{
	font-family: "FranklinGothicDemiCondRegular";
	font-size: 15px;
	font-weight: normal;
	color: #69625A;
}
.conseils-astuces .grid12-3 p.lien>a{color: #735d4e;font-size: 16px;font-family: "FranklinGothicBookRegular";}

body.page header.entry-header{
	display: none;
}

.main-container{
	background-color:#faf6f0;
}

p {margin-bottom:20px;}

.col2-left-layout .col-main.grid12-3 {
float: left;
}

.col2-left-layout .col-main {
float: none;
}

body.category section#primary .col-main.grid12-3:nth-child(4n+2){
	clear:both;
}

body.category section#primary .col-main.grid12-3:nth-child(4n+1){
	clear:inherit;
}

.col-main.grid12-3:nth-child(4n+1){
	clear:both;
}

body.category .entry-summary p.resume{text-align:justify;}

body.single header.entry-header {display: none;}

/* Billet */
.gauche-image{padding-right: 1%;float:left;width: 36%;vertical-align: top;padding-top: 11px;}
.gauche-image-lien{display: block;text-align: center;}
.gauche-image-texte{color: #82634a;text-align:justify;}
.droite-texte{float: right;color: #82634a;padding-left: 3%;padding-right: 1%;width:58%;border-left: 1px solid #b5a99f;}
.droite-texte h1{text-decoration: underline;text-transform: uppercase;text-align: left;font-family: 'Conv_HelveticaNeue-Black';}
.droite-texte h3{text-align: left;font-family: 'FranklinGothicDemiCondRegular';color: #8c6547;text-transform: none;}
.droite-texte div.fondMarron{background-color: #f6e4cf;}
.droite-texte p.enValeur{font-family: 'HelveticaCd';text-align:justify;}
.navigation{clear: both;}

header.entry-header{height:69px;}

@media screen and (min-width:1170px) {
	.grid12-3:nth-child(4n+1){clear:both;}
	body.category section#primary .col-main.grid12-3:nth-child(4n+2){	clear:both;}
	body.category section#primary .col-main.grid12-3:nth-child(4n+1){	clear:inherit;}
	.gauche-image-texte{font-size: 16px;}
	.droite-texte{font-size: 16px;}
	.droite-texte h1{font-size: 38px;}
	.droite-texte h3{font-size: 38px;}
	.droite-texte div.fondMarron{padding: 5px 15px;}
}

@media screen and (min-width:930px) and (max-width: 1169px){
	.grid12-3{width:270px;}
	.grid12-3:nth-child(3n+1){clear:both;}
	body.category section#primary .col-main.grid12-3:nth-child(3n+2){	clear:both;}
	body.category section#primary .col-main.grid12-3:nth-child(3n+1){	clear:inherit;}
	#primary > #content{width:865px;margin:0 auto;}
	body.single #primary > #content{width:inherit;overflow: inherit;}
	.gauche-image-texte{font-size: 15px;}
	.droite-texte{font-size: 15px;}
	.droite-texte h1{font-size: 36px;}
	.droite-texte h3{font-size: 36px;}
	.droite-texte div.fondMarron{padding: 5px 14px;}
}

@media screen and (min-width:600px) and (max-width:929px) {
	.grid12-3{width:270px;}
	.grid12-3:nth-child(2n+1){clear:both;}
	body.category section#primary .col-main.grid12-3:nth-child(2n+2){	clear:both;}
	body.category section#primary .col-main.grid12-3:nth-child(2n+1){	clear:inherit;}
	#primary > #content{width:565px;margin:0 auto;}
	body.single #primary > #content{width:inherit;overflow: inherit;}
	.gauche-image-texte{font-size: 14px;}
	.droite-texte{font-size: 14px;}
	.droite-texte h1{font-size: 34px;}
	.droite-texte h3{font-size: 34px;}
	.droite-texte div.fondMarron{padding: 4px 13px;}
}

@media screen and (min-width:200px) and (max-width:599px) {
	.grid12-3{width:270px;}
	.grid12-3{clear:both;}
	#primary > #content{width:270px;margin:0 auto;}
	body.single #primary > #content{width:inherit;overflow: inherit;}
	.gauche-image-texte{font-size: 14px;}
	.droite-texte{font-size: 14px;}
	.droite-texte h1{font-size: 34px;}
	.droite-texte h3{font-size: 34px;}
	.droite-texte div.fondMarron{padding: 4px 13px;}
	.gauche-image{float:left;width:95%;padding-right:0px;}
	.droite-texte{float:left;border-top: 1px solid #b5a99f;margin-top: 15px;padding-top: 10px;width:95%;border-left:none;}
}