/*
Theme Name: Galerie Somptueuse
Theme URI: http://www.jonagored.com/
Description: Original WP theme based on Imbalance 2 by WPSHOWER.
Author: Jonagored
Author URI: http://www.jonagored.com
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: fluid, grid, jonagored, gallery, sumptuous, Montréal-Paris
*/




html, body, form, ul, li, table, td { margin: 0; padding: 0; }
body {
position: relative;
color: black;

/*--------------background-image: url(http://www.quentinvijoux.com/wp-content/themes/gallerie-somptueuse/images/bg_paper.png);
---------------------------------------------------------------------*/

}

body, input, textarea { font-size: 13px; font-family: 'Montserrat', 'Futura', sans-serif; }

::-moz-selection{ background: #ffcf00; color:#fff; text-shadow: none; }
::selection { background:#ffcf00; color:#fff; text-shadow: none; }

a { text-decoration: none; }
a:hover { text-decoration: none; }
a img { border: 0; }
td { vertical-align: top; }
ul { list-style-position: inside; }
h1 { font-family: 'Montserrat', 'Futura', sans-serif; font-size: 40px; line-height: 140%; font-weight: bold; }
h2 { font-family: 'Kotta One', serif; font-size: 18px; }
h3 { font-family: 'Kotta One', serif; font-size: 12px; }
#fancybox-title-inside { font-family: 'Montserrat', 'Futura', sans-serif; font-weight: bold; }
blockquote { border-left-width: 3px; border-left-style: solid; margin-left: 7px; padding-left: 20px; font-size: 16px; color: #636363; }
.clear { clear: both; }
.main_separator { color: #dedfe0; }
	#lecontenu { }
.wrapper { padding-top: 31px;  }
#header { padding: 10px; position: fixed; top : 50px; left : 40px;
	width: 135px; float: left; 
	line-height: 1em;  font-size: 15px;  text-align: center;}


/* #rectangle { 
width: 96%; height: 96%; background-color: #d9d5cd; position: absolute; top: 2%; left: 2%; z-index: 0; } */	

/* #rectangletop, #rectanglebottom, #rectangleleft, #rectangleright {
	z-index: 999999;
	background: #d9d5cd;
	position: fixed;
	}
	#rectangleleft, #rectangleright {
		top: 0; bottom: 0;
		width: 25px;
		}
		#rectangleleft { left: 0; }
		#rectangleright { right: 0; }
		
	#rectangletop, #rectanglebottom {
		left: 0; right: 0;
		height: 25px;
		}
		#rectangletop { top: 0; }
		#rectanglebottom { bottom: 0; }
 */	


@media 

/* Fairly small screens including iphones */
only screen and (max-width: 500px),

/* iPads */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) 

{
	#rectangletop, #rectanglebottom, #rectangleleft, #rectangleright { display: none; }
}



	
/* PAGE */
#contenu-page { margin: 0; }

/* SINGLE */	
#fb-root { margin: 10px 0 0 0 ; }
	
#wrapmain { padding: 0 0 0 205px; z-index: 999;}	
#site-title { float: left; padding: 10px 0 0px 0; overflow: hidden;}
#site-title a { text-decoration: none; }
#header-left {  }
#header-center {  }
#search { float: right; width: 220px; }
#header-right { margin: 20px 0 0 10px; }
#search label, #search input[type=submit] { display: none; }
#search input[type=text] { width: 200px; padding: 7px 9px; margin: 0; border: 1px solid #dedfe0; background: #fff; font-size: 13px; outline: none; }
#page_search input[type=submit] { display: none; }



.menu ul { list-style-type: none; font-family: 'Montserrat', 'Futura', sans-serif; font-size: 16px;  line-height: 105%; letter-spacing: 1px; }
.menu ul li { padding-bottom: 9px; }
.menu ul a { color: #303030; text-decoration: none; }
.menu ul a:hover { text-decoration: none;  -webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
   

#boxes { margin-top: 40px;}
.box { width: 210px; margin-bottom: 30px; color: #ffcf00;
/* box-shadow: 0px 0px 8px #888;
-moz-box-shadow: 0px 0px 8px #888;
-webkit-box-shadow: 0px 0px 8px #888;*/	
}

   
.box .rel { position: relative; }
.box .rel p { margin: 0; }
.box .texts { position: absolute; top: 0px; left: 0px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0);
text-align: center; background-image: url(images/icones/ico_comics.png) ; -webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;   transition: all .2s ease-in-out; }
.box .texts .categories a, .box .texts a, .box .texts .posted, .box .texts .posted a { color: #fff; }
.box .texts .transparent img { opacity: 0.2; }
.box .texts .abs { position: absolute; top: 0; width: 100%; }
.box .wraptext { padding: 15px 15px 0px 15px;  }
/* pour les icônes par parties */
.box .icone { height: 40px;  background-position: center center; background-repeat: no-repeat;}
.box .illustrations { background-image: url(images/icones/ico_illustrations.png) ;}
.box .uncategorized { background-image: url(images/icones/ico_illustrations.png) ;}
.box .comics { background-image: url(images/icones/ico_comics.png) ;}
.box .animations { background-image: url(images/icones/ico_animations.png) ;}
.box .games { background-image: url(images/icones/ico_games.png) ;}
.box .fonts { background-image: url(images/icones/ico_fonts.png) ;}
.box .blog { background-image: url(images/icones/ico_blog.png) ;}

.wraptext {font-family: 'Kotta One', serif; font-size: 14px; line-height: 200%;}


.box .categories { padding-bottom: 10px; }
.box .categories a, .box .posted a { color: #ffcf00; }
.box h1 { font-family: 'Montserrat', 'Futura', sans-serif; margin: 0; padding-bottom: 0px; font-size: 16px; }
.box h1 a { color: #ffcf00; }
.box a:hover { text-decoration: none;}
.box .posted { padding-top: 10px; color: #ffcf00; }
.box img { display: block; }
.fetch { clear: both; width: 460px; margin: 0 auto 40px; background: #ffcf00; -moz-border-radius: 2px; border-radius: 2px; text-align: center; }
.fetch a { display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #ffcf00; text-decoration: none; }
.fetch:hover a { color: #ffcf00; }




#content { padding-bottom: 20px; position: relative;}
#nav-above { float: left; width: 210px; padding-right: 40px; text-align: right; color: #636363; }
#nav-above a { text-decoration: none; color: #333; }
.nav-previous, .nav-next { display: inline; }
.nav-separator { color: #e5e5e5; }
.post_title { margin-top: 35px; overflow: hidden; }
.post_title h1 { margin: 0 0 10px 250px; font-size: 40px; line-height: 35px; width: 710px;  }


.entry-title, .page-title { margin-left: 250px; margin-top: 35px; }
.entry-client { margin-left: 250px; margin-top: 5px; }
.entry-meta { padding-bottom: 30px; color: #636363; }
.entry-meta a { color: #333; text-decoration: none; }
#wides { clear: both; }
.entry-aside { width: 210px; padding-right: 40px; vertical-align: middle; }
.entry-content-right { width: 710px; font-family: 'Kotta One', serif; font-size: 17px; }
.entry-content { width: 710px; margin-left: 250px; font-size: 15px; line-height: 21px; }
.entry-utility { padding: 10px 0; }
.entry-tags { margin: 10px 0; }
.entry-tags span { font-weight: bolder; }

.entry-date { font-family: 'Kotta One', serif; font-size: 16px; letter-spacing: 1px; }


#social { padding: 20px 0 0 0; }
.twitter-share-button { float: left; margin: 2px 20px 0 0; }
.post img, .page img { margin: 20px 0; }
.post .alignleft, .page .alignleft { float: left; margin-right: 20px; }
.post .alignright, .page .alignright { float: right; margin-left: 20px; }
.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }
#comments { padding: 0 0 0 246px; width: 714px; }
#comments-title { font-size: 21px; margin: 40px 0 20px 4px; }
.commentlist { margin: 0; padding: 0; list-style: none; }
.commentlist ul.children { list-style: none; }
.commentlist li > div { position: relative; border-bottom: 1px solid #dedfe0; padding: 30px 0 30px 4px; }
.commentlist li li > div { margin-left: 90px; }
.commentlist li li li > div { margin-left: 180px; }
.commentlist li li li li > div { margin-left: 270px; }
.commentlist li li li li li > div { margin-left: 360px; }
.comment-avatar { position: absolute; top: 30px; left: -96px; }
.comment-content { margin-left: 96px; border-bottom: 1px solid #dedfe0; }
.comment-author { float: left; width: 210px; padding-right: 40px; font-size: 15px; }
cite { font-style: normal; font-weight: bold; }
.comment-meta { float: left; width: 210px; padding-right: 40px; color: #999999; }
.comment-body { clear: both; padding-top: 7px; font-size: 15px; line-height: 21px; }
#respond { padding-left: 4px; }
li.comment > div { position: relative; }
.reply { position: absolute; top: 30px; right: 20px; }
#reply-title { font-size: 21px; }
.comment-reply-link { display: none; }
.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 460px; margin: 0; padding: 10px 0; }
.comment-form-comment { clear: both; width: 460px; margin: 0; padding: 10px 0; }
input[type="text"], textarea { background: #fff; border: 1px solid #ccc; padding: 8px; outline: none; color: #6b6b6b; -moz-border-radius: 4px; border-radius: 4px; }
#comments input[type="text"] { width: 442px; }
#comments textarea { width: 442px; }
.form-submit { margin-bottom: 40px; }
.form-submit input { width: 460px; padding: 6px 0; color: #fff; font-size: 15px; font-weight: bold; cursor: pointer; border: 0; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }
.recent { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ccc; }

#pages-style {
font-family: 'Montserrat', 'Futura', sans-serif; font-size: 16px; 
padding: 30px;
/*box-shadow: 0px 0px 20px #888;
-moz-box-shadow: 0px 0px 20px #888;
-webkit-box-shadow: 0px 0px 20px #888;*/
-moz-column-count: 3;
-webkit-column-count: 3;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
}

#pages-style a {
	font-family: 'Kotta One',serif;
	font-size: 18px;
	color: black;
}

#pages-style a:hover {
	font-family: 'Kotta One',serif;
	font-size: 18px;
	color: white;
	text-decoration: underline;
}

.colonne1 { 
    float: left; 
    width: 300px; 
    overflow: hidden;
}

.colonne2 { 
    float: left; 
    overflow: hidden;
    width: 300px; 
	margin-left: 30px;
}

.colonneA { 
    float: left; 
    width: 185px; 
    overflow: hidden;
}

.colonneB { 
    float: left; 
    overflow: hidden;
    width: 185px; 
	margin-left: 30px;
}

.colonneC { 
    float: left; 
    overflow: hidden;
    width: 185px; 
	margin-left: 30px;
}


#footer { padding: 30px 30px 50px 20px; position: relative; margin-top: 150px; margin-right: 0px; font-family: 'Kotta One', serif; font-size: 15px;  text-align:right; float: right; color: #7f7f7f ; }
#site-info { float: left; width: 460px;  line-height: 120%; }
#site-info a { text-decoration: none; color: #333; }
#footer-left { float: right; width: 210px; padding-right: 40px; }
#footer-right { float: right; width: 210px; }

#infscr-loading { background: none repeat scroll 0 0 black; bottom: 26px; color: white; height: 50px; left: 40%; opacity: 0.8; padding: 20px; position: fixed; width: 200px; z-index: 5000; box-shadow: 0px 0px 20px #888;
font-family: 'Montserrat', 'Futura', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; line-height: 200%; }