/*
Theme Name: SapienSapienS
Theme URI: http://www.sapiensapiens.com
Description: Thème de l'agence de reportages multimédia SapienSapienS.
Version: 1.0
Author: 6tem9
Author URI: http://www.6tem9.com/

This theme was designed and built by 6tem9
whose site you will find at http://www.6tem9.com/
*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Removes list-style from lists */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Removes border from fieldset and img */
fieldset,img { border: 0; }

/* Left-aligns text in caption and th */
caption,th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content:''; }

/* Removes focus on safari forms */
*:focus {outline: 0;}

/* LAYOUT
-------------------------------------------------------------- */

html {
text-align: center;
background-color: #000000;
}

body { 
width: 100%;
background: #000000 url('images/fondBody.png') repeat-x;
font-family: Verdana, Arial, Sans-Serif;
font-size: 12px;
color: #CDCDCD;
}

#container {
background: #000000 url('images/fondBody.png') repeat-x;
text-align: left;
width: 980px;
margin: 0 auto;
}

div.spacer { clear: both; }
div.alignright { float: right; }
div.alignleft { float: left; }

/* TYPO
-------------------------------------------------------------- */

p { margin: 5px 0; }
p em { font-style: italic; }
p strong { font-weight: bold; }

a, h2 a:hover, h3 a:hover {
font-weight: bold;
color: #ccc;
text-decoration: none;
}
a:hover { text-decoration: underline; }

h1, h2, h3 { font-weight: bold; text-align: left; }

h1 {
font-size: 13px;
color: #FF7F00;
border-bottom: 1px solid #1f2125;
padding-bottom: 6px;
margin-bottom: 4px;
letter-spacing: 2px;
/*text-transform: uppercase;*/
font-weight: normal;
}
h1.titreActu { border-bottom: 1px solid #363b42; }

h1 a {
font-size: 13px;
color: #FF7F00;
font-weight: normal;
letter-spacing: 0px;
}

h1 span {
font-size: 13px;
color: #fff;
font-weight: normal;
letter-spacing: 0px;
}

#content h2,#content h2 a {
font-size: 24px;
color: #e1e1e1;
font-weight: normal;
margin: 0;
}
#content h2 a:hover { text-decoration: underline; }

#content h2.titreReportage,#content h2.titreReportage a { font-size: 15px; }

#content h3, #content h3 a {
font-size: 16px;
color: #929292;
margin-bottom: 5px;
font-weight: normal;
}
#content h3 a:hover { text-decoration: underline; }

.postContent a, .lienMotsCles a, .postVignette a {
color: #FF7F00;
font-weight: normal;
text-decoration: none;
}
.postContent a:hover, .lienMotsCles a:hover, .postVignette a:hover { text-decoration: underline; }

div.postContentPlan a {
color: #fff;
font-weight: normal;
text-decoration: none;
}
div.postContentPlan a:hover { text-decoration: underline; }

#tagsContent a { font-weight: normal; }

.postDate p {
text-align: right;
font-style: italic;
font-size: 14px;
}

#sidebar h2 {
font-size: 12px;
color: #FF7F00;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #363b42;
letter-spacing: 1px;
}

#sidebar h3 { width: 260px; }

#sidebar h3 a {
font-size: 12px;
color: #fff;
margin: 3px 0 5px 0;
text-decoration: none;
}
#sidebar h3 a:hover { text-decoration: underline; }

div.pagination a {
color: #FF7F00;
font-size: 15px;
}

div.pagination span { font-size: 15px; }

div.navigation a {
color: #747474;
font-weight: normal;
}

div#modale div.navigation a {
color: #FF7F00;
font-weight: normal;
}

.wp-pagenavi a {
display: inline-block;
text-align: center;
width: 50px;
height: 29px;
padding-top: 6px;
margin-left: 5px;
text-decoration: none;
background: url('images/fondPagination.png');
}
.wp-pagenavi a:hover { text-decoration: underline; }

.wp-pagenavi span {
display: inline-block;
text-align: center;
width: 50px;
height: 29px;
padding-top: 6px;
margin-left: 5px;
text-decoration: none;
background: url('images/fondPagination.png');
}

/* HEADER
-------------------------------------------------------------- */

#header {
background: #000000 url('images/fondHeader.png') no-repeat bottom right;
width: 980px;
height: 150px;
padding-top: 10px;
margin-bottom: 3px;
}

#headerLeft {
float:left;
width: 284px;
height: 150px;
}

#headerRight {
float:right;
width: 690px;
height: 150px;
text-align: right;
}

/* NAVIGATION
-------------------------------------------------------------- */

#navigation {
width: 980px;
height: 57px;
background: #000000;
}

#navLeft { float: left; width: 560px; height: 37px; }
#navLeft li { float: left; margin-right: 20px; height: 37px; }
#navLeft li a { float: left; display: block; height: 37px; }

#navRight { float: right; width: 230px; height: 37px; }
#navRight li { float: left; margin-left: 20px; height: 37px; }
#navRight li a { float: left; display: block; height: 37px; }

#navLeft li a.home { width: 50px; background: url('images/ongletHome.png') bottom left; }
#navLeft li a.photos { width: 140px; background: url('images/ongletPhotos.png') bottom; }
#navLeft li a.multimedia { width: 140px; background: url('images/ongletMultimedia.png') bottom; }
#navLeft li a.sons { width: 140px; background: url('images/ongletSons.png') bottom; }
#navRight li a.filActu { width: 140px; background: url('images/ongletFilActu.png') bottom; }
#navRight li a.fluxRss { width: 50px; background: url('images/ongletFluxRss.png') bottom; }

#navLeft li a:hover, #navRight li a:hover { background-position: left center; }
#navLeft li.current a, #navRight li.current a { background-position: top left; }
#navLeft li.current a:hover, #navRight li.current a:hover { background-position: left center; }

/* CONTENT
-------------------------------------------------------------- */

#content { float: left; width: 670px; }

div.btonVertical { width: 40px; float: left; margin-bottom: 20px; }

a.btonMultimedia { display: block; background: url('images/btonMultimedia.png') top right; width: 40px; height: 249px; }
a.btonFilActu { display: block; background: url('images/btonFilActu.png') top right; width: 40px; height: 228px; }
a.btonPhotos { display: block; background: url('images/btonPhotos.png') top right; width: 40px; height: 173px; }
a.btonSons { display: block; background: url('images/btonSons.png') top right; width: 40px; height: 105px; }
a.btonMotsCles { display: block; background: url('images/btonMotsCles.png') top right; width: 40px; height: 235px; }
a.btonArchives { display: block; background: url('images/btonArchives.png') top right; width: 40px; height: 193px; }

div.btonVertical a:hover { background-position: top left; }

div.btonAlaune { background: url('images/btonAlaune.png') top right; height: 194px; }
div.btonArchives { background: url('images/btonArchives.png') top right; height: 193px; }
div.btonRecherche { background: url('images/btonRecherche.png') top right; height: 234px; }
div.btonContact { background: url('images/btonContact.png') top right; height: 195px; }
div.btonCollaborateur { background: url('images/btonCollaborateur.png') top right; height: 320px; }
div.btonPlanSite { background: url('images/btonPlanSite.png') top right; height: 269px; }
div.btonMentionLegale { background: url('images/btonMentionLegale.png') top right; height: 384px; }
div.btonQuiSommesNous { background: url('images/btonQuiSommesNous.png') top right; height: 420px; }
div.btonPrestation { background: url('images/btonPrestation.png') top right; height: 357px; }

div.post {
float: right;
width: 610px;
margin: 0 0 10px 20px;
}

div.postListeTop {
width: 610px;
height: 10px;
float: right;
background: url('images/postListeTop.png') bottom;
}

div.postListe, div#tagsContent {
float: right;
width: 590px;
padding: 0 10px;
margin: 0;
background: url('images/postListeFond.png');
}

div#tagsContent {
text-align: justify;
line-height: 24px;
margin: 0 0 0 20px;
}

div.postListeBottom {
width: 610px;
height: 10px;
float: right;
margin-bottom: 20px;
background: url('images/postListeBottom.png') top;
}

div#contentVignettes {
float: right;
width: 610px;
margin: 0 0 0 20px;
}

div.postVignetteContainer, div.postVignetteContainer2 {
float: left;
width: 295px;
background: url('images/postVignetteFond.png');
}
div.postVignetteContainer { margin: 0 20px 20px 0; }
div.postVignetteContainer2 { margin: 0 0 20px 0; }

div.postVignetteTop {
width: 295px;
height: 10px;
background: url('images/postVignetteTop.png') bottom;
}

div.postVignette {
width: 275px;
padding: 0 10px;
background: url('images/postVignetteFond.png');
}

div.postVignetteBottom {
width: 295px;
height: 10px;
background: url('images/postVignetteBottom.png') top;
}

div.postContent, div.postContentPlan, div.postVignette {
text-align: justify;
line-height: 24px;
}

div.postContentPlan ul li {
list-style-type: none;
list-style-image: none;
margin: 0 0 0 20px;
}

div.postContentPlan ul li:before { content: "\00BB \0020"; }

div#tagsContent {
float: right;
width: 590px;
padding: 0 10px;
margin: 0 0 0 20px;
background: url('images/postListeFond.png');
text-align: justify;
line-height: 24px;
}

div.postDate {
width: 200px;
float: right;
}

div.pagination {
float: right;
width: 610px;
height: 35px;
text-align: right;
font-weight: bold;
margin-bottom: 20px;
}

div#mediaspace {
margin-top: -50px;
margin-bottom: 10px;
}

/* SIDEBAR
-------------------------------------------------------------- */

#sidebar {
float: right;
width: 280px;
}

div#blocSearch {
width: 280px;
height: 30px;
background: url('images/fondSearch.png') no-repeat;
padding-top: 5px;
margin-bottom: 20px;
}

div#blocSearch #s {
width: 230px;
margin: 0 0 0 10px;
border: 1px solid transparent;
color: #fff;
font-size: 12px;
}

input.champSearch { background-color: transparent; }

input.btonSearch {
margin: 0 3px 0 0;
vertical-align: middle;
}

.blocSidebar {
width: 280px;
margin-bottom: 20px;
}

.blocSidebarTop {
width: 280px;
height: 10px;
background: url('images/blocSidebarTop.png') no-repeat bottom;
}

.blocSidebarContent {
width: 260px;
padding: 0 10px;
background: url('images/blocSidebarContent.png');
}

.blocSidebarBottom {
width: 280px;
height: 10px;
background: url('images/blocSidebarBottom.png') no-repeat top;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin: 0 0 0 10px;
}

#sidebar ul li:before { content: "\00BB \0020"; }

#blocTags { padding: 0 10px; line-height: 20px; }
#blocTags a { font-weight: normal; }
.lienMotsCles { text-align: right; margin-top: 5px; }

div.galleryview { height: 260px; }

/* GALERIE PHOTOS
-------------------------------------------------------------- */

.slider-wrap { position: relative; width: 100%; height: 370px; }

.notdisplay { display: none; }

.csw { margin: 0 auto; width: 550px; height: 370px; overflow: hidden; }
.csw .loading { margin: 0 auto; width: 550px; height: 370px; background: url('images/loaderBlack.gif') no-repeat center center; }

.stripViewer {
position: relative;
overflow: hidden; 
margin: 0 auto;
width: 550px;
height: 370px;
background: url('images/postListeFond.png');
padding: 10px;
clear: both;
}

.stripViewer .panelContainer .panel {
float:left;
height: 370px;
position: relative;
}

#slider { width: 530px; height: 350px; }

#slider .panelContainer {
position: relative;
left: 0; top: 0;
list-style-type: none;
width: 530px;
height: 370px;
background: url('images/postListeFond.png');
}

#slider .panelContainer .panel {
float:left;
width: 531px;
height: 370px;
position: relative;
}

.stripNavL, .stripNavR { position: absolute; top: 160px; text-indent: -9000em; }
.stripNavL { left: 0; }
.stripNavR { right: 0; }
		
.stripNavL a, .stripNavR a { display: block; height: 50px; width: 30px; }
.stripNavL a { background: url("images/prev.png") no-repeat top right; }
.stripNavL a:hover { background-position: top left; }
.stripNavR a { background: url("images/next.png") no-repeat top left;	}
.stripNavR a:hover { background-position: top right; }

.stripNav { margin: auto; }
.stripNav ul { list-style: none; }
.stripNav ul li { float: left; margin-right: 2px; }

/* MODALE
-------------------------------------------------------------- */

#modale {
width: 825px;
height: 560px;
background-color: #000;
padding: 0 10px;
z-index: 1400;
overflow: hidden;
}

div#modale div.navigation { height: 15px; }

div.caption {
font-size: 11px;
color: #747474;
margin: 0; padding: 0;
}

div.descriptionImage {
text-align: justify;
width: 80%;
margin: 0 auto;
}

div#loaderModale {
height: 450px;
margin: 5px auto;
text-align:center;
background-color: #000;
z-index: 1400;
}

div#loaderModale.loadingModale { background: url('images/loaderBlack.gif') no-repeat center center; }

/* FOOTER
-------------------------------------------------------------- */

#footer {
width: 980px;
height: 40px;
background-color: #000;
border-top: 1px solid #1f2125;
padding-top: 6px;
text-align: center;
color: #747474;
clear: both;
}

#footer a { color: #747474; }

/* IMAGES
-------------------------------------------------------------- */

img.alignMiddle { vertical-align: middle; }

img.imgSidebar { width: 252px; }
img.imgAlaune { width: 300px; float: left; margin-right: 10px; }
img.imgListe { width: 220px; float: right; margin-left: 10px; }
img.imgVignette { width: 275px; }
img.imgActualite { width: 200px; float: right; margin-left: 10px; }
img.imgGalerie { width: 150px; margin: 12px; }
img.imgReportage { width: 610px; }
img.imgPostActualite { width: 280px; float: right; margin-left: 10px; }
img.imgCollaborateur { width: 240px; float: left; margin: 10px 10px 0 0; }

div#loaderModale img { height: 450px; margin: 0 auto; }
img.imgGalleryView { width: 260px; }

/* FORMULAIRE CONTACT
-------------------------------------------------------------- */

#contactForm { margin-top: 20px; }
#contactForm p { margin: 25px 0 10px 0; }

#contactForm label {
width: 170px;
display: inline;
float: left;
text-align: right;
padding: 8px 10px 0 0;
font-weight: bold;
}
	
#contactForm textarea {
background-color: #20242a;
width: 284px;
max-width: 300px;
height: 234px;
padding: 8px;
border: none;
font-size: 12px;
font-family: Verdana, Arial, Tahoma;
color: #fff;
/*resize:none;*/
}

.champForm {
width: 293px;
height: 27px;
background: url('images/champForm.png') no-repeat right top;
border: none;
font-size: 12px;
color: #fff;
padding: 8px 0 0 7px;
vertical-align: middle;
}

#contactForm div.error {
float: left;
margin-left: 180px;
color: #FF7F00;
font-size: 11px;
}

input:focus { border: 0px solid black; }
input.error { background: url('images/champFormError.png') no-repeat; }
#contactForm textarea.error { background-color: #3a3e45; }

#chargementMail { vertical-align: top; margin: 0 0 0 15px; padding-top: 6px; }

div#result {
height: 20px;
margin-left: 180px;
color: #FF7F00;
font-size: 12px;
font-weight: bold;
}

div.loaderVignette {
background: url('images/loaderContact.gif') no-repeat center center;
}

div#tabs { margin: 0; padding: 0; }
/*.ui-tabs { zoom: 1; }*/
.ui-tabs .ui-tabs-nav { list-style: none; background: url('images/postListeFond.png'); width: 610px; height: 30px; clear: both; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; padding: 5px 0 5px 40px; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li a:hover { text-decoration: underline; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #FF7F00; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }