/* @override http://quensis2.relance.fr/wp-content/themes/quensis/style.css */

/*
Theme Name: Quensis
Theme URI: http://www.gd6d.fr/wordpressfr/
Description: Personnalisation thème Overeasy
Author: Olivier Gobet
Author URI: http://www.gd6d.fr
Template: overeasy
Version: 1.0
*/
@import url("../overeasy/style.css");


#header{
	height: 323px;
}

body{
	color: #555555;
	background: #C2B6A9 url(images/bg-body.png) repeat-y center center;
}

body.home {
	color: #555555;
	background: #C2B6A9 url(images/bg-body-home.png) repeat-y center center;
}



div#wrapper {
		padding-left: 30px;
	padding-right: 30px;
	background: url(images/vagues.png) no-repeat center bottom;
	padding-bottom: 80px;
}

.intro {
	display: none;
}

.box4{
	background: url(images/revolutionary-solution.png) no-repeat 14px;
	display: block;
	width: 940px;
	height: 31px;
	margin-bottom: 50px;
}

.archive .box4{
	background: url(images/titre-all-you-ever.gif) no-repeat 14px -5px;
	display: block;
	width: 940px;
	height: 31px;
	margin-bottom: 50px;
	padding-bottom: 0;
}

.col5 img{
	border: 0px !important;
}

hr {display:block; margin: -7px 0;
	height: 10px;
	border: 0 solid white;
}

.espace {
	clear: left;
	display: block;
	height: 15px;
}





/* Menu top */
#menu-top {
height:24px;
}
#menu-top .wrap { 
height:24px;
}
#menu-top ul {
height:24px;
float: right;
display:block;
}
#menu-top ul li { 
display:block;
float:left;
}
#menu-top ul li a { 
display:block;
float:left;
height:24px;
line-height: 24px;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
color:#666;
padding: 0 10px;
}

.archive #menu-top ul li a, .single #menu-top ul li a, .search #menu-top ul li a,.archive #menu-top ul li a:hover, .single #menu-top ul li a:hover, .search #menu-top ul li a:hover {
color: white;
}


#menu-top ul li a:hover {
color: #BE1238;
	text-decoration: underline;
}

#page {
	background: url(images/bg-top.png) no-repeat center top;
}

.home #page {
	background: url(images/bg-top-home.png) no-repeat center top;
}

.archive #page, .single #page, .search #page {
	background: url(images/bg-top-blog.png) no-repeat center top;
}

.home .col6 h3, .btn-general {
	color: black;
	margin-bottom: 50px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	padding-left: 10px;
}

.home .col6 h3:first-letter, .btn-cat h3:first-letter
{
color: #BE1238 !important;
}

.home .col4{
	width: 370px}

.home .col4 h6 {
	font-size: 0.8em;
	margin-top: 0;
}

.home .box5{
	background-color: white;
	margin-bottom: 60px;
}

.home h5{
	color: #BE1238;
}

.home #mygallery h2 {
	margin-bottom: 10px;
	font-size: 1.5em;
}

#footer{
	padding: 15px;
}


/* Define the space for the popout. */
#popout {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 200px;
	left: 0;
	width: 320px;
	height: 350px;
	z-index: 100;
	overflow: hidden; 
	/* Allows us to hide the ad with a negative margin. */ }

/* Basic formatting within the ad space. */
#popout a, #popout a img {
	text-decoration: none;
	border: 0;
	outline: 0; }
#popout a span {
	display: none; }

/* Formatting the "Cap" - the part the user click to open the ad. */
#popout #cap {
	width: 20px;
	height: 350px;
	position: relative;
	left: 0;
	z-index: 102; }

/* Formatting the close button. */
#popout a#close {
	position: absolute;
	background: transparent url(images/transparent.gif);
	top: 0;
	left: 240px;
	height: 20px;
	width: 60px; }

/* Formatting the ad itself. */
#popout #adbox {
	position: absolute;
	top: 10px;	
	left: 20px;
	margin-left: -300px;
	z-index: 101; }
	
	
/* Formatting the ad itself.
#nav1 ul li.page_item.page-item-388.current_page_parent a {
	
}

#nav1 li.accueil a, #nav1 li.page-item-388 a { text-indent: -9999px;
	padding-left: 0; background-image: url(images/menu-bg.gif); }
#nav1 li.accueil a { width: 54px; 
}
#nav1 li.page-item-388 a { width: 73px; background-position: -63px 0; }


#nav1 li ul li a, #nav1 li ul li a{ background-image: none !important;
	text-indent: 10px;
}


ul#awesome-menu li a.robot { width: 97px; background-position: -204px 0pt; }
ul#awesome-menu li a.assassin { width: 121px; background-position: -301px 0pt; }
ul#awesome-menu li a.jedi { width: 94px; background-position: -422px 0pt; }
ul#awesome-menu li a.ninja:hover, ul#awesome-menu li a.ninja:focus { background-position: 0pt -56px; }
ul#awesome-menu li a.zombie:hover, ul#awesome-menu li a.zombie:focus { background-position: -96px -56px; }
ul#awesome-menu li a.robot:hover, ul#awesome-menu li a.robot:focus { background-position: -204px -56px; }
ul#awesome-menu li a.assassin:hover, ul#awesome-menu li a.assassin:focus { background-position: -301px -56px; }
ul#awesome-menu li a.jedi:hover, ul#awesome-menu li a.jedi:focus { background-position: -422px -56px; }
a { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }

 */

/* My Comment */

#tabs {
	width:100%;
	font-size:93%;
	line-height:normal;
	overflow:hidden;
	padding-bottom: 0;
	margin-left: 24px;
}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background: url("images/tabs2.png") no-repeat left -42px;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background: url("images/tabs1.png") no-repeat right -42px;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color: white;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */

#tabs a:hover, #tabs a.selected {
	background-position: 0 top;
	}

#tabs a:hover span, #tabs a.selected span {
	background-position: 100% top;
	color: rgb(204, 0, 70);
}

/* Page category */

.thumbnail-div {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}


/* widget */

p.about {
	font-size: 0.8em;
	text-align: justify;
	margin-top: 10px;
}