/*
Theme Name: APGQ - QOGA
Theme URI: http://www.[APGQ - QOGA].com/
Description: APGQ - QOGA FM Theme.
Author: deuxpointzero design.
Version: 1.0
Tags: Multi fonction
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	background: transparent;	border: 0;	margin: 0;	padding: 0;	vertical-align: baseline;}body {	line-height: 1;}h1, h2, h3, h4, h5, h6 {	clear: both;	font-weight: normal;}ol, ul {	list-style: none;}blockquote {	quotes: none;}blockquote:before, blockquote:after {	content: '';	content: none;}del {	text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: collapse;	border-spacing: 0;}a img {	border: none;}a{text-decoration:none;}ul, ol, li{	list-style-type:none;}
/* =Layout
-------------------------------------------------------------- */

body
{
	background-color:#e1e7e8;
	font-Family : Helvetica ,Arial;
	font-size:12px;
	/* color:#677380; */
	color:#333333;
}

#wrapper
{
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -480px;
	width:979px;
	background-color:#fff;
}

#header
{
	width:979px;
	overflow: hidden;
	padding-top: 20px;
}

#header #logotop
{
	display:block;
	position:absolute;
	top:0;
	left:20px;
	width:143px;
	height:58px;
	background: #fff url('images/logos-petit.gif') left top no-repeat;
}

#nav
{
	clear:both;
	height:38px;
	width:979px;
	background-color:#fff;
}

#slideshow
{
	width:979px;
	height:235px;
	overflow:hidden;
}

#sections
{
	width: 979px;
	height: 215px;
	overflow: hidden;
	background-color: #3ab6ef;
	background-image:url('images/fond-section-col.gif');
	background-position: left top;	/* 159px; */
	background-repeat:no-repeat;
	border-bottom:1px #e1e7e8 solid;
}

#content
{

}

#footer
{
	width:979px;
	text-align:center;
	background-color:#e1e7e8;
	padding-bottom:100px;
	margin-top:100px;
}

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

#blog-name
{
	
	height:38px;
	font-size: 25px;
	margin-left: 183px;
	padding:0 15px
	width:380px;
	line-height: 38px;
	color:#3ab6ef;
	font-family: Georgia;
	
}

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

/* searchform*/

#searchform
{
	position:absolute;
	top:58px;
	right:0;
	height:38px;
	width:242px;
	background-color:#333334;
}

#s
{
	display:block;
	height:38px;
	width:162px;
	margin-right:1px;
	font-size:11px;
	font-weight:bold;
	background-color:#e1e7e8;
	border:none;
	float:left;
	padding:0 5px 0 10px;
}

#submit
{
	display:block;
	float:left;
}
/*-----------------------------------*/
/* top navigation*/

ul#top-navigation
{
	/*
	position:relative;
	top:auto;
	left:0;
	*/
}

ul#top-navigation li
{
	float:left;
	padding:0;
	border-bottom: 1px #fff solid;
}

ul#top-navigation li a
{
	display:block;
	height:37px;
	padding: 0 15px;
	line-height:38px;
	background-color:#fff;
	text-align:center;
	color:#3ab6ef;
	border-top:1px #3ab6ef solid;
	border-right:1px #3ab6ef solid;
	border-bottom: none;
	
	font-size: 11.5px;
}

ul#top-navigation li a:hover
{
	background-color:#3ab6ef;
	color:#fff;
}

ul#top-navigation li.current-menu-item a
{
	background-color:#3ab6ef;
	color:#fff;
}


/*-----------------------------------*/
/* footer navigation*/

ul#footer-navigation
{
	/**/
	background-color:#3ab6ef;
	position:relative;
	top:auto;
	left:auto;
	width:auto;
	height:38px;
	line-height:38px;
}

ul#footer-navigation li
{
	display:inline;
	padding:0;
	margin:0;
	
}

ul#footer-navigation li a
{
	/*margin:0 0 0 1px;*/
	/*border:1px #3ab6ef solid;*/
	border-top:1px #3ab6ef solid;
	margin:0;
	padding:12px 23px;
	background-color:#3ab6ef;
	color:#fff;
}

ul#footer-navigation li a:hover
{
	border-top:1px #f5ab51 solid;
	background-color:#f5ab51;
}

/*-----------------------------------*/
/* slideshow*/

.slide-in
{
	position:absolute;
	top:auto;
	left:auto;
	width:979px;
	height:235px;
}

.img-slide
{
	position:absolute;
	top:0;
	left:0;
	width:979px;
	height:235px;
	z-index:1;
}
.top-slide
{
	position:absolute;
	top:38px;
	right:38px;
	width:300px;
	height:159px;
	z-index: 3;
}

.background-text-slide
{
	width:225px;
	height:123px;
	padding:18px;
	position:absolute;
	left:0;
	top:0;
	background-color:#fff;
  	filter:alpha(opacity=80);
 	opacity:0.8;
}
/**/

.text-slide
{
	display:block;
	width:225px;
	height:123px;
	padding:18px;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	
}

.text-slide h2
{
	font-size:20px;
	font-weight:bold;
	color:#333334;
	margin-bottom:15px;
}

.text-slide p
{
	color:#333334;
	line-height:14px;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}
.text-slide p a
{
	display: block;
	margin-top: 10px;
	color:#333334;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	line-height: 100%;
}
.bouton-slide
{
	display:block;
	width:38px;
	height:159px;
	position:absolute;
	right:0;
	top:0;
	background:url('images/bouton-slide.gif') right top no-repeat;
	
}
/*-----------------------------------*/
/* slide show*/

#sections h2
{
	display:none;
	width:943px;
	height:5px;
	/*line-height:38px;*/
	background-color:#e1e7e8; 
	color:#333334;
	font-weight:bold;
	font-size:0px;
	padding:0 18px;
	border-bottom:1px #fff solid;
}


.section
{
	float:left;
	width:195px;
	height:250px;
	margin-right:1px;
	padding-bottom:0px;
	cursor:pointer;
	background-color:#3ab6ef; 
}

.section:hover
{
	background-color:#f5ab51;
}

.section-current
{
	background-color:#f5ab51;
}
.section img
{
	display:block;
}

.section h3
{
	margin: 0;
	padding:16px 0 0 0;
	font-weight:normal;
	font-size:14px;
	color:#fff;
	text-align: center;
	line-height: 16px;
	height:40px;
}

.section p
{
	margin: 17px 0 0 17px;
	padding:0 17px 0 0;
	color:#fff;
}

.section-submenu
{
	display:none;
	position:absolute;
	left:auto;
	top:312px;
	z-index: 100;
	background-color:#F5AB51 ;
	/* background-color:#333333 ; */
	padding:20px 20px 20px 20px;
	border-bottom: 6px #F57935 solid;
	font-weight: bold;
	width: 155px;
}
.right-submenu
{
	display:none;
	position:absolute;
	right:0;
	top:312px;
	z-index: 100;
	background-color:#F5AB51 ;
	padding:20px 20px 20px 20px;
	border-bottom: 6px #F57935 solid;
	width: 155px;

}

h3.section-title-home
{
	height:39px;
	margin:0 0 0 0;
	padding:17px 0 0 0;
}

#sections .sub-home
{
	top:388px;
}


.section-submenu li
{
	padding: 8px 0 8px 10px;
	border-bottom: 1px #fff solid;
	background: url('images/flech-submenu.gif') left center no-repeat;
}

.section-submenu li:hover
{
	background: url('images/flech-submenu-over.gif') left center no-repeat;
	color:#333334;
}

.section-submenu li a
{
	color:#fff;
}

.section-submenu li a:hover
{
	color:#333334;
}


#bot-sections
{
	width:979px;
	height:19px;
	border-bottom:1px #e1e7e8 solid;
	background-color: #fff;
	position: absolute;
	left: auto;
	top:auto;
	z-index: 500;
}

#text-home
{
	padding:25px 0;
	width:979px;
	border-bottom: 1px #e1e7e8 solid;
}

#text-home p
{
	margin:0 auto;
	width:700px;
	line-height: 150%;
	color:#333334;
}
#text-home p a
{
	color:#3ab6ef;
	font-style: italic;
	
}
#text-home p a:hover
{
	color:#f5ab51;
}
/*-----------------------------------*/
/* content */

#content-left
{
	float:left;
	width:481px;
	padding:18px 84px 18px 23px;
	overflow: hidden;
}

#content-left h1
{
	margin-bottom: 5px;
	color:#fd9e0a;
}
#content-left a
{
	/* color:#000; */
	/* color:#fd9e0a; */
	color:#3ab6ef;
}

#content-left a:hover
{
	/* color:#677380; */
	text-decoration: underline;
}

.post
{
	margin-bottom: 30px;
}

.post h2,
.post h3
{
	/* font-family: Georgia,'Times new roman'; */
	/* font-style: italic; */
	color:#333334;
	margin:10px 0;
	line-height: 120%;
}

.post h2
{
	font-size: 20px;
}
.post h2 a
{
	color:#333334;
	
}

.post h3
{
	font-size: 17px;
	
}

.post h4
{
	font-size: 15px;
	line-height: 120%;
}
.post p
{
	margin-top: 10px;
	line-height: 150%;
}

.post .date
{
	color:#F5AB51;
}


.post .continue-reading
{
	display:block;
	font-family:Georgia, 'Times new roman';
	font-size:12px;
	font-style:italic;
	padding-left:12px;
	margin-top:3px;
	background:url('images/fleche-continue.gif') left 4px no-repeat;
}
.continue-reading a
{
	color:#333334;
}

.post .alignleft
{
	float:left;
	padding:10px 10px 10px 0;
}

.post .alignright
{
	float:left;
	padding:10px 0 10px 10px;
}

.post ul
{
	margin: 10px;
	line-height: 150%;
}

.post ul li
{
	padding: 2px 0 5px 10px;
	background: url('images/puce-li.gif') left 5px no-repeat;
}
.entry-utility
{
	margin-top: 20px;
}

#inner-sub-menu
{
	margin-left: 0;
	padding:10px 0;
	font-size: 14px;
	/*
	border-bottom:1px #f0f0f0 solid; 
	border-top:1px #f0f0f0 solid;
	*/
}
#inner-sub-menu li
{
	background: none;
	padding:5px 0;
	border-bottom:1px #e1e7e8 solid;
	color:#e1e7e8;
}
#inner-sub-menu li a
{
	color:#333334;
}


#content-left .post .entry-meta a,
#content-left .post .entry-summary a,
#content-left .post .entry-utility a
{
	color:#000;
}

.copy
{
	padding:10px 0;
	color:#333334;
}

#content-left table
{
	margin:0;
	padding:0;
	width:100%;
	line-height: 140%;
}
.two-col tr
{
	border-bottom: 1px #8594a5 solid;
}
.two-col tr td
{
	padding: 10px 0;
}

.wp-caption
{
	padding: 5px;
	background-color: #f4f4f4;
	font-family: Georgia,'Times new roman';
	font-size: 11px;
	font-style: italic;
	text-align: center;
}
.wp-caption img
{
	border:none;
	padding: 0;
	margin:0;
}
/*-----------------------------------*/
/*	commentaires	*/

#comments
{
	margin-top: 20px;
	padding:30px 0 10px 0;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

#comments-title, #reply-title
{
	margin:15px 0;
	font-size: 15px;
}
.commentlist
{
	margin-left: 20px;
}
.commentlist .comment
{
	margin:20px 0 10px 0;
}
.comment-body p
{
	margin-top: 5px;
	line-height: 130%;
}

.commentmetadata
{
	font-style: italic;
	font-size: 10px;
	padding-left: 13px;
	margin-top: 3px;
}
.reply a
{
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color:#677380;	
}

#respond
{
	padding: 10px 0 20px 0;
	margin-bottom: 15px;
}

#commentform label
{
	margin-left: 5px;
}

#commentform input
{
	display: block;
}

#commentform textarea
{
	display: block;
}

#respond p
{
	margin:5px 0 10px 0;
	padding:0;
}

#author,
#email,
#url,
#comment
{
	margin-top: 5px;
	border: none;
	background-color: #f4f4f4;
	padding: 8px;
	width:440px;
	border-left: 1px #aaa solid;
}

#submit
{
	border: none;
	padding: 8px;
	background-color: #555;
	font-family: Georgia,"Times new roman";
	font-style: italic;
	color:#fff;
}

#submit:hover
{
	background-color: #3ab6ef;
}

#reply-title a#cancel-comment-reply-link 
{
	color:#f5ab51;
}

.children
{
	margin-left: 20px;
}

ul#learn-more-menu
{
	margin-left: 0;
	margin-top: 10px;
	padding-top: 10px;
	border-top:1px #aaa solid;
}
ul#learn-more-menu li
{
	padding: 2px 0 0 10px;
	background: url('images/puce-li.gif') left 7px no-repeat;
}
/*-----------------------------------*/
.page-link
{
	padding-top: 10px;
	margin-top: 10px;
	border-top: 5px #e1e7e8 solid;
	color:#333;
}


#nav-below
{
	padding: 15px 0;
}

.navigation
{

}

.nav-previous
{
	width: 50%;
	float:left;
}

.nav-next
{
	width: 50%;
	float: right;
	text-align: right;
}


/*-----------------------------------*/
.cache
{
	display:none;
}

.clear
{
	height:0px;
	clear:both;
}

#content-right
{
	float:right;
	width:391px;
}

#lesimages-right
{
	width:391px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}

.image-side-right
{
	
	margin: 0 0 0 1px;
	padding:5px;
	font-family: Georgia;
	font-size:10px;
	color: #999;
	font-style: italic;
	background-color: #efefef;
}

.fig-image
{
	background-color: #efefef;
	padding: 6px;
	color: #333334;
	font-family: Georgia;
	font-style: italic;
	display: block;
	margin: 5px 0;
	display: block;
	width: 80px;
	text-align: center;
	border: 1px #ccc solid;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.image-side-right a
{
	margin:0;
	padding:0;
}
.image-side-right p
{
	text-align: center;
	padding: 2px 0;
}
.nom-image
{
	font-size: 13px;
	line-height: 16px;
	color:#000;
}

#faq-title
{
	text-transform: uppercase;
}

#faq-ul
{
	background-color:#f3f5f6;
	font-size:12px;
	color:#333334;
	width:391px;
}

#faq-ul li
{
	line-height:14px;
}

#faq-ul li a
{
	display:block;
	width:331px;
	background:#f3f5f6 url('images/fleche-li.gif') 15px 12px no-repeat;
	padding:12px 30px;
	border-bottom:1px #b1b1b2 solid;
	color:#3ab6ef;
	font-weight: bold;
}

#faq-ul li a:hover
{
	background:#677380 url('images/fleche-li-hover.gif') 15px 12px no-repeat;
	color:#f3f5f6;
}

#faq-ul li.current-menu-item a
{
	
	display:block;
	width:331px;
	padding:12px 30px;
	border-bottom:1px #b1b1b2 solid;
	background:#677380 url('images/fleche-li-hover.gif') 15px 12px no-repeat;
	color:#f3f5f6;
}

#faq-ul li p
{
	padding:5px 30px 15px 30px;
	color:#333334;
	line-height:160%;
}
#faq-ul li p a
{
	display:inline;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	color:#333334;
}
#faq-ul li p a:hover
{
	display:inline;
	background: none;
	border: none;
	color:#333334;
	text-decoration: underline;
}

.more-faq
{
	height: 38px;
	line-height: 38px;
	font-size:13px;
	font-weight:bold;
	padding:0 0 0 20px;
	display:block;
	width:371px;
	color:#fff;
	background-color:#f5ab51;
	
}

.to-the-top-faq
{
	display:block;
	padding: 10px 0;
	margin: 0 0 10px 0;
	border-bottom:1px #b1b1b2 solid;
}

#page-faq h2
{
	padding-top: 15px;
	/* color:#3ab6ef; */
	color:#333334;
}


#more-faq:hover
{
	color:#fff;
	background-color:#b1b1b2;
	width:371px;
	
}

ul.categories-list
{
	margin:20px 0 10px 0;
	padding-bottom: 10px;
}
ul.categories-list li
{
	margin:0;
	padding:0;
}

ul.categories-list ul li
{
	margin: 0px;
	padding: 8px 0 8px 0;
	border-bottom: 1px #e1e7e8 solid;
	font-size: 14px;
}

ul.categories-list ul li a
{
	padding-left:15px;
	color:#333334;
	background: url('images/fleche-continue.gif') left top no-repeat;
}

ul.categories-list ul li a:hover,
ul.categories-list ul li.current-cat a
{
	color:#fd9e0a;
	font-style: italic;
	background: url('images/fleche-hover-orange.gif') left top no-repeat;
}

ul.categories-list h3
{
	font-size: 16px;
	margin: 15px 0 5px 0;
	color:#3ab6ef;
}

.widget_categories h3
{
	/* display: none; */
}

#news-feed
{
	display:block;
	width: 343px;
	background-image: url(images/rss-icon.gif);
	background-repeat: no-repeat;
	height:38px;
	line-height:38px;
	padding-left:48px;
	margin:12px 0;
	font-size:11px;
	font-weight:bold;
	color:#333334;
}

#recevoir-nos-nouvelles
{

}

#recevez
{
	float:left;
	width:316px;
	margin-right:1px;
	height:38px;
	background-color:#e1e7e8;
	padding:0 5px;
	font-size:11px;
	font-weight:bold;
	border:none;
	color:#333334;
}

#send
{
	float:left;
}

#recevoir-nos-nouvelles span
{
	font-size:11px;
	font-weight:bold;
	color:#333334;
	padding:20px 0 8px 0;
	display:block;
	width:391px;
	/*border-top:1px #b1b1b2 solid;*/
}

#logo
{
	width:391px;
	height:163px;
	margin: 10px 0;
	text-align: center;
}

#header-page-section
{
	width:979px;
	height:235px;
	overflow:hidden;
}

#header-page-section img
{
	display: block;
	position:absolute;
	left:auto;
	top:auto;
	z-index:0;
}

#header-page-section h2
{
	font-family: Helvetica,Arial;
	position:absolute;
	left:auto;
	top:auto;
	margin:37px 0 0 39px;
	padding:75px 0 15px 20px;
	z-index:200;
	width:331px;
	font-size:20px;
	font-weight:bold;
	color:#333334;
	background-color:#FCDE6B;
}

.page h2
{
	/* font-family: Georgia,'Times new roman'; */
	font-size:20px;
	/*margin-top: 15px;*/
}
/*-----------------------------------*/
/* colors */
.grey-background
{
	color:#e1e7e8;
}

.grey-text
{
	color:#677380;
}
.bold
{
	font-weight: bold;
}
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;
	
	min-width:50px;	
	min-height:50px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../../../../tools/img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/*	tableau numero Un	*/

#table_container
{
	margin: 20px 0;
}

#hydrau-fract
{
	display: block;
	font-size: 11px;
}

#hydrau-fract tr
{
	
	border-bottom: 3px #e4e4e4 solid;
}
#hydrau-fract tr.title-table
{
	
	color:#fd9e0a;
	font-weight: bold;
	
}
#hydrau-fract td
{
	line-height: 100%;
	padding:10px;
	border-left: 1px #e4e4e4 solid;
}

#hydrau-fract td.white-border
{
	border-left: 1px #fff solid;
}

/*	tableau numero Deux	*/

#utica
{
	text-align: center;
}

#utica p
{
	font-weight: bold;
	color:#333334;
	line-height: 100%;
}

#utica .title
{
	color: #fff;
	background-color: #f5ab51;
	font-weight: bold;
}

#utica .grey
{
	background-color: #f3f5f6;
}

#utica tr
{
	border-bottom: 1px #e4e4e4 solid;
}

#utica td
{
	/* width: 30%; */
	line-height: 100%;
	padding: 10px 0;
}

.video-home-caption
{
	padding: 15px;
}