@charset "utf-8";
/* CSS Document */

/* 
Theme Name: QuikTab ImpactPub
Theme URI: http://www.clarklab.net/
Description: A Premium CMS Style WordPress Theme
Version: 1.0
Author: ClarkLab
Author URI: http://www.clarklab.net
*/

/* qwe Couleurs de base */
.ipbleuvif{color: #00F;}
.ipbleuclair{color: /*#b8d5e7*/C4E8F3;}
.iprouge{color: #D0171C;}

/* qwe Polices de base */
.ippolices {font-family: /*"Tintin Majuscules", *//*"Trebuchet MS",*/ Arial, Helvetica;}

/* qwe AJ Titre H1 invisible */
h1.titre {position: absolute; overflow:hidden;	left:-1000px;	top:-1000px;}

/* qwe AJ Icone admin */
.adminlink{position: absolute; right: 3px;bottom: 3px;}

/* qwe AJ */
.misajour {
	font-size : 80%; color : #666;
}

/* qwe AJ Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px; /* qew AJ */ margin-top : -1px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text { /* qwe */ text-align : center; color : #666; width : 100%;
	font-size: 11px;
	line-height: 17px;
/*qwe	padding: 0 4px 5px;*/ padding : 0;
	margin: 0;
}
/* End captions */


/* Reset */
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 {margin: 0; padding: 0;	border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
/*qwe AJ REP Sections */
 .panel p, h2, h3, h4 {padding: 5px 0 5px 0;}
.panel h2 {color : #D0171C; font-weight: bolder; font-size : 150%;}
.panel h3 {color : #666; font-weight: bolder; font-size : 130%;}
.panel h4 {color : #666; font-weight: bolder; font-size : 115%;}
strong {color : /*#D0171C*//*#00F*/;}



/* General Styles */
body {line-height: 1; background: #3B3B3B url(images/bg_site_colorzilla.gif) /*no-repeat*/repeat; font-family: Arial, Helvetica, sans-serif;/* qwe AJ */margin-top: 7px;}
/* qwe REP Liens */
a{color: /*qwe ? #0ec6f8*/ /*#444;*/#D0171C;}
ol, ul {list-style: none;}
:focus {outline: 0;}
.clearfix{clear:both; background:url(images/page_foot.png); height:34px;}
.wrapper{width:100%; height:500px; background:url(images//*top_bg.jpg*/) /*qwe no-repeat*/repeat-x top center;}
.container{width:960px; margin:0 auto;}

/* Header Styles */
.header{padding-top:32px; height:113px;}
.header .logo {float:left; /* qwe AJ */ /*z-index : 1000; */position : absolute; margin: -14px 0 0 -9px /*750px*/;}
.header .contact{float:right; color: /*qwe #0a2a40*/ #F5F5F5; font-size:18px; text-align:right; margin-top:15px;height:54px; overflow:hidden; width:400px; /* qwe AJ */ margin-right: 17px;}
/* qwe REP Liens */
.header .contact a{color:/*qwe #0a2a40*/ #F5F5F5; text-decoration: underline;}
/* qwe Attention */
/* qwe AJ */.header .contact a:link{color:/*qwe #0a2a40*/ #F5F5F5; text-decoration: underline;}
/* qwe AJ */.header .contact a:vsited{color:/*qwe #0a2a40*/ #F5F5F5; text-decoration: underline;}
.header .contact a:hover{/*color: #C4E8F3;*/
color:/*qwe #334957*/ /*#444;*//*#0EC6F8;*/#00F; text-decoration: none;
	background-color: #C4E8F3;
	background-image: url(./images/dotted_bleu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.header .contact .phone{background:url(images/phone.png) no-repeat 0px 2px; padding-left:30px; margin-bottom:10px; float:right; /* qwe AJ */ color: #FFF;}
.header .contact .mail{background:url(images/mail.png) no-repeat 0px 2px; padding-left:30px; float:right; margin-bottom:10px; clear:right;}
.header .contact .aim{background:url(images/aim.png) no-repeat 0px 2px; padding-left:30px; float:right; margin-bottom:10px; clear:right;}
.header .contact .twitter{background:url(images/twitter.png) no-repeat 0px 2px; padding-left:30px; float:right; margin-bottom:10px; clear:right;}

/* Page Body Styles */
.whitebody{background:#fff;}
.topcap{background:url(images/header_blue.jpg) no-repeat; height:60px; line-height:/*qwe 60px*/ 50px; /*qwe padding-left:20px*/ padding-left: 274px; font-family: "Tintin Majuscules", /*"Trebuchet MS", */Arial, Helvetica; color: /*qwe rouge #D0171C*//*#00F*//*#2424FF*//*#444*/#F5F5F5; /*font-style:italic; */font-size:/*qwe22px*/ 130%; /* qwe AJ */ font-weight: bold;; /*text-transform : lowercase;*/ text-align : center;  padding-right : 27px; /*letter-spacing : .2em;*/}
.content{background:#FFFFFF; font-size:12px; line-height:18px;}
.content .panelContainer p{/*qwe DS margin-bottom:10px;*/ /* qwe AJ */padding-right: 27px;}
/* qwe REP Liens */
.content .panelContainer a{background : transparent; color:/*qwe #28AACC*/ /*#444;*//*#0000FF;*/#00F;	text-decoration: none; font-weight: bold;}
.content .panelContainer a:hover{color:/*qwe #334957*/ /*#444;*//*#0EC6F8;*/#00F; text-decoration: none; font-weight: bold;
	background-color: #C4E8F3;
	background-image: url(./images/dotted_bleu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
/* qwe REP Listes */
.content .panelContainer ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 5px 40px;
}
.content .panelContainer li{
	background-image: url(./images/puce_bleue.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin-left: -30px;
	padding-bottom: 5px;
	padding-left: 20px;
}

/* Panel Styles */
/* qwe AJ */ h2.thetitle{position: relative; color : #CCCCCC; font-size : 130%; font-weight: bold; text-transform : uppercase; text-align : left; margin: 0; margin-top: -10px; padding: 0; padding-right : 17px; padding-bottom: 5px;}
.stripViewer {position: relative; overflow: hidden; padding:18px 0 0 0; float:right; width: /*qwe 700px*/660px; background: #FFF; /* qwe AJ */margin-right : 27px;}
.csw {display:none;}
.csw .loading {display:none;}
.stripViewer .panelContainer { position: relative; left: 0; top: 0;	width: 100%; list-style-type: none; background:#fff;}
.stripViewer .panelContainer .panel {float:left; height: 100%; position: relative; width: /*qwe700px*/660px;}
.stripNav {float:left; width:245px; background: #FFF; /* qwe AJ */ margin-top: 10px;}
.stripNav ul {list-style: none; position:relative; left:-6px;}
.stripNav ul li {margin-top:12px;}
.stripNav a {width:245px; background:url(images/nav_bg.png) no-repeat; height:37px; padding:6px 0 0 15px; color: /*qwe #fff*/#111; text-decoration: none; display: block; font-family: "Tintin Majuscules", /*"Trebuchet MS", */Arial, Helvetica; /*font-style:italic;*/ font-size:/*22px*/18px; line-height:37px; overflow:hidden;}
/* Attention: l'ordre precis 1° link, 2° visited, 3° hover, 4° active est important pour que hover reste actif sur les liens visites */
/* qew AJ */.stripNav a:link{color: #111;}
/* qew AJ */.stripNav a:visited{color: #111;}
.stripNav a:hover{color:/*qwe #334957*/ #F5F5F5;background-position:0px -43px;}
.stripNav li a.current {background-position:0px -43px;  /* qwe AJ */width : 95%; color: #F5F5F5;}
.stripNav li a.current:hover{color:/*qwe #FFF*/ /*#27C6FF*/#C4E8F3;}
.stripNavL, .stripNavR { display: none;}

/* Sidebar Styles */
.sidebar{width:250px; float:left; position:relative; left:-6px; margin-top:30px;}
.sidebar h3{font-size:/*qwe 13px*/18px; color:/*qwe #fff*/#FFF; font-weight:bold; height:31px; line-height:30px; padding:6px 0 0 15px; background:url(images/mini_head.png) no-repeat; /* qwe AJ */font-family: "Tintin Majuscules", /*"Trebuchet MS", */Arial, Helvetica;}
.sidebar p{font-size:12px; color:/*#b8d5e7*/#111; background: /*#334957*//*#3B3B3B*//*#C4E8F3*/#C4E8F3; width:198px; padding:15px 15px 0 15px; line-height:18px;}
.sidebar .foot{height:15px; background:url(images/mini_foot.png) no-repeat; margin-bottom:12px;}
/* qwe REP Liens */
.sidebar a{background : transparent; color:/*qwe #28AACC*/ /*#444;*//*#0000FF;*/#00F;	text-decoration: none; font-weight: bold;}
.sidebar a:hover {
	color: #FFF; text-decoration: none; font-weight: bold;
	background-color: #00F;
	background-image: url(./images/dotted_blanc.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* Footer Styles */
.footer {height:60px; padding:10px 0 0 /*qwe 0*/ 7px; color:/*qwe ? #0ec6f8*/ #999; font-family:/*"Trebuchet MS", */Arial, Helvetica; font-style:italic; font-size:18px; text-align : center;}
.footer p{color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px; font-style:normal;}
/* qwe REP Liens */
.footer a {color: #999;}/*qwe #D0171C*/
.footer a:hover {color: ;}

/* Image Styles */
/* qwe DS */
img.alignleft{float:left; margin:0 10px 0 0;}
img.alignright{float:right; margin:0 0 0 10px;}
.border{border:1px solid #60707A;}


/* qwe AJ Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {display : none;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */