/*

==  CUSTOM STYLESHEET  ========================================================



HOW TO USE THIS FILE:

	Simply copy an existing style from the style.css file to this one and 

	modify however you like. It will override the default style.



WHY USE THIS FILE:

	Adding your custom CSS here will make it much easier to upgrade to a 

	newer version of this theme without losing any of your customizations.



===============================================================================

ADD YOUR CUSTOM CSS BELOW THIS LINE */



/*Chargement de la polide Adobe Garamond Pro pour les titres des posts et Futura LT pour le contenu des paragraphes*/

@font-face {

    font-family: 'AdobeGaramondProRegular';

    src: url('http://solidream.net/fonts/adobe-garamond-pro.eot');

    src: url('http://solidream.net/fonts/adobe-garamond-pro.eot') format('embedded-opentype'),

         url('http://solidream.net/fonts/adobe-garamond-pro.woff') format('woff'),

         url('http://solidream.net/fonts/adobe-garamond-pro.ttf') format('truetype'),

         url('http://solidream.net/fonts/adobe-garamond-pro.svg#AdobeGaramondProRegular') format('svg');

		 

	font-family: 'FuturaLTRegular';

    src: url('http://solidream.net/fonts/futuralt.eot');

    src: url('http://solidream.net/fonts/futuralt.eot') format('embedded-opentype'),

         url('http://solidream.net/fonts/futuralt.woff') format('woff'),

         url('http://solidream.net/fonts/futuralt.ttf') format('truetype'),

         url('http://solidream.net/fonts/futuralt.svg#FuturaLTRegular') format('svg');



}



@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400);



.item .post-content p, .item .post-content ul, .item .post-content li, .item .post-content a{

	font-size:1.3em;

	font-family: "calluna", serif;

}



.item .post-title{

	font-family: FuturaLTRegular, Futura, Sans-Serif;

	font-variant: small-caps;

}



.item .post-title a{

	font-family: FuturaLTRegular, Futura, Sans-Serif;

	font-size:1.4em;

}



/*Liens en rouge par défaut, passage en bleu*/



.item a.read-more{

	color:#0031cf;

}



/*Correction du bug de dépassement de texte sur le slider*/

.inner{max-width:85%;overflow:visible;}

.inner a{display:block;}





/*Alignement au centre des posts*/

.single #main { margin: auto; }

.single #container { margin-left:12.5%;}



/*Styles des titres des posts*/

.single .post-title{

	font-size:5em;

	font-family:FuturaLTRegular, Futura, Sans-Serif;

	font-variant: small-caps;

	font-weight:bolder;

}



.single h2{

	font-size:2.5em;

	font-family:"calluna", serif;

	font-variant: small-caps;

	font-weight:bold;

}



.single h3{

	font-size:2em;

	font-family:"calluna", serif;

	font-variant: small-caps;

}



.single .post-content{

	font-size:1.4em;

	font-family: "calluna", serif;	

}



.single .post-content .wp-caption-text, .single .post-content .wp-caption{

	font-family:FuturaLTRegular, Futura, Sans-Serif;

	font-variant: italic;

	font-size:0.8em;

}



.single blockquote {

	font-family: AdobeGaramondProRegular, Garamond, Georgia, serif;

	font-size: 18px;

	margin: 0.25em 0;

	padding: 0.25em 40px;

	line-height: 1.45;

	color: #383838;

	position:relative;

}



.single .widget-title{

	font-family:FuturaLTRegular, Futura, Sans-Serif;

	font-size:1.5em;

}



.single .search-form{

	font-family: "calluna", Serif;

	font-size:1.2em;

}





.widget-title{

	font-family:FuturaLTRegular, Futura, Sans-Serif;

	font-size:1.5em;

}



/*Article suivant et article précédent dans les posts*/

.single .post-link {

	margin: -20px 0 0 0;

	padding: 20px;

	color: #888;

	font-size: 1em;;

	text-transform: uppercase;

	font-family: 'Droid Sans', sans-serif;

}



.page .page-title{

	font-size:5em;

	font-family:FuturaLTRegular, Futura, Sans-Serif;

	font-variant: small-caps;

	font-weight:bolder;

}



.page h2{

	font-size:2em;

	font-family:"calluna", serif;

	font-variant: small-caps;

	font-weight:bold;

}



.page h3{

	font-size:2em;

	font-family:"calluna", serif;

	font-variant: small-caps;

}



.page .post-content{

	font-size:1.4em;

	font-family: "calluna", serif;	

}



.page .wp-caption-text, .page .wp-caption{

	font-family:FuturaLTRegular, Futura, Sans-Serif;

	font-size:0.8em;

}



.page blockquote {

	font-family: "AdobeGaramondProRegular", Garamond, Georgia, serif;

	font-size: 18px;

	margin: 0.25em 0;

	padding: 0.25em 40px;

	line-height: 1.45;

	color: #383838;

	position:relative;

}



.sidebar p, .sidebar ul, .sidebar li, .sidebar a{

	font-size: 1.2em;

	font-family:"calluna", Serif;

}



.global-sidebar p, .global-sidebar ul, .global-sidebar li{

	font-size: 1.2em;

}



/*Format de texte dans la search box*/

.s{

	font-family:"calluna", Serif;

	font-size:1.2em;

}



blockquote:before {

	display: block;

	content: "\201C";

	font-size: 80px;

	position: absolute;

	left: -15px;

	top: -20px;

	color: #7a7a7a;

}



blockquote cite {

	color: #999999;

	display: block;

	margin-top: 5px;

}

 

blockquote cite:before {

	content: "\2014 \2009";

}



blockquote p {

  display: inline;

}



.comment{

	font-size:0.8em;

}



iframe{

	max-width:100%;

}



.post-content .wp_rp_title{

	font-family:FuturaLTRegular, Sans-Serif;

	font-size:1.5em;

	font-weight:bold;

}



/*On cache la top bar qui sert à rien*/

#top-bar {

	height: 0px;

}



/*Ajustement de la position du menu*/

#primary-menu {

    	float: left;

    	text-transform: uppercase;

    	margin-top:5px;

    	margin-left: 15px;

	font-size:1em;

}



#primary-menu ul ul li:first-child{

	z-index:200;

}



#primary-menu ul ul li{

	font-size:1em;

}



#primary-menu ul ul li ul li{

	font-size:1em;

}



.menu-item {

  	font-family: 'FuturaLTRegular', Futura, Sans-Serif;

  	font-size: 1.4em;

}



/*Police des titres en en-tête des posts

h1.post-title{text-transform:uppercase;font-family:'FuturaLTRegular', Futura, Sans-Serif;font-size:4em;}*/



/*Ajustement du problème de marge sur les légendes des photos dans Lightbox*/

.gallery-caption { margin: 0;  padding: 0 20px; }

/*Légendes en double, on enlève la partie "Caption" */



#captionText{

	display:none;

}



/*Pour que les séparateurs aient un peu de gueule*/

hr{

    border: 0;

    height: 1px;

    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

}



/*Début des styles pour positionnement titre page accueil et slogan

____________________________________________________________________*/



#logo-title{

	float:left;

	margin-left:4%;

}



#home-title-div{

	position:relative;

	top:2%;

	left:5%;

}



#home-title {

	padding: 0 0 0px;

	margin: -20px 50px 0px 30px;

}



#header {

	padding: 10px 60px 5px;

}



#logo {

	width: 120px;

	height: 100px;

}



#social-solidream{

	float:right;

	margin-top:0px;

}



#slogan{

	margin-left:24%;

}



/*CSS pour la navigation par Tabs */

        

        #ie-test { position: relative; width: 100%; }

        #boxLinks { list-style: none; overflow: hidden; }

        #boxLinks li {  display: inline; }

        #boxLinks li a { padding: 5px 10px; color: black; text-decoration: none; border: 1px solid #ccc; float: left; display: block; margin-left: -1px; position: relative; left: 1px; }

        #boxLinks li a:hover { color: #fff; background: #000; }

        #box { height: auto; border: 1px solid #ccc; overflow: hidden; padding: 0px 30px 0px 30px; position: relative; top: -1px; }

        .box { display: none; height: auto; overflow: auto; display: block; position: relative; overflow-x: hidden; }

        #box1:target, #box2:target, #box3:target { display: block; }



/*Activer le paragraphe flottant pour les grandes résolutions sur les boutons de paiement*/

.shop-book-float{

	font-size: 1.2em; 

	float: right; 

	text-align: center; 

}



/*CSS spécifique à la map en page d'accueil*/

h2 .map-post{

	display:block;

	height: 100%;

    	width: 100%;

	text-align: center;

	margin: 4px;

}



.map{

	background-repeat:repeat;

	border:dashed;

	border-width:thin;

	border-color:#3168b9;

	width:610px;

	max-width:100%;

}



.message-promo{

	background-color:#ffffff;

	opacity:0.6;

	filter:alpha(opacity=60); /* For IE8 and earlier */

	margin-top:35%;

}



/*Barre de recherche*/

#search-box-header{

	float:right;

	margin-top:-25px;

	border-width:thin;

	border-color:black;

}



#news{

	text-align:center;

	font-weight:bold;

}



/*Désactivation de colorbox par défaut*/

#cboxContent button { border: none; }



/*CSS pour les pages à 2 colonnes

_________________________________________________________*/

/*  SECTIONS  */

.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}



/*  COLUMN SETUP  */

.col {

	display: block;

	float:left;

	margin: 1% 0 1% 1.6%;

}

.col:first-child { margin-left: 0; }



/*  GROUPING  */

.group:before,

.group:after { content:""; display:table; }

.group:after { clear:both;}

.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */

.span_2_of_2 {

	width: 100%;

}

.span_1_of_2 {

	width: 49.2%;

}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



@media only screen and (max-width: 480px) {

	.col { 

		margin: 1% 0 1% 0%;

	}

}



@media only screen and (max-width: 480px) {

	.span_2_of_2, .span_1_of_2 { width: 100%; }

}



/*Comportement pour les iPad en dessous de 1024px*/

@media screen and (max-width: 1024px) {

	#search-box-header{

	}

}

/*_____________________________________________________________*/



/*Comportement pour les iPad en dessous de 768px (orientés verticalement)*/

/*On vire la search box car elle fait chier dans le flux*/

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

	#search-box-header{

	display:none;

	}

}



/*Comportement pour les mobiles*/

@media screen and (max-width: 680px) {



	#map{

		background-image:url('http://solidream.net/wp-content/themes/construct/images/bg.png'); 

		background-repeat:repeat;

		border:dashed;

		border-width:thin;

		border-color:#3168b9;

		width:300px;

	}



	/*On vire la search box car elle fait chier dans le flux*/

	#search-box-header{

		display:none;

	}

}