/*  
Theme Name: Global SP
Theme URI: http://www.global-sp.fr/
Description: Thème du site "Global SP"
Version: 1.0
Author: Amaury BALMER for BeAPI & Mediafactory
Author URI: http://www.beapi.fr
*/

/* Reset */
* {
margin: 0;
padding: 0;
}

/* General */
body {
font-family: Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-size: 12px;
color: #666;
background: #f6f5f1;
width:100%;
}

.clear {
clear:both;
}

.none, .hidden { 
display: none; 
}

p {
padding:6px 0; 
text-align: left;	
}
.blue {
color: #1c719e;
}
.orange {
color: #F19124;
}
.red {
color: #D14745;
}
.purple {
color: #9e005d;
}

hr { clear: both; height: 2px;  display: block; width: 100%; background: #fff; border: 0; }

/* Mise en forme des titres */
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-weight: 400;
}

/* Mise en forme des liens */
a img, img a {
border:0;
}
a {
outline: none;
text-decoration: none;
}
a:link, a:visited{
color: #808080;
}
a:hover {
color: #A2C000;
text-decoration: none;
}
a.contenu {
	text-decoration: underline;
}
a.plus {
display:block;
float:right;
height:17px;
text-indent:-9999px;
width:17px;
margin-top:6px;
background: url(images/readmore.png) no-repeat 0 0;
position: absolute;
right: 12px;
bottom: 12px;
}
a.blue {
background: url(images/readmore-bleu.png) no-repeat 0 0;
}
a.red {
background: url(images/readmore-red.png) no-repeat 0 0;
}
a.orange {
background: url(images/readmore-orange.png) no-repeat 0 0;
}
a.purple {
background: url(images/readmore-purple.png) no-repeat 0 0;
}
blockquote {
margin: 1.5em 0 1.5em 1.5em;
color: #666;
overflow: auto;
font-style: italic;
}
blockquote p {
margin:0;
}
strong {
font-weight:700;
}
em {
font-style:italic;
}
pre {
font-size: 1.2em;
font-family: monospace;
border: 1px solid #E0E0E0;
padding: 1em;
margin: 0 auto;
background: #EEE;
color: #000;
width: 90%;
overflow: auto;
}
code {
font: 0.9em Monaco, monospace;
}
label {
cursor: pointer;
}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
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 */

/* 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;
-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 {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

/* List */
body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
body .entry li {
margin: 7px 0 8px 10px;
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
/* End list */

/* Structure */
#wrap {
background:#fff url(images/wrap_bg.png) repeat-y;
width:1000px;
margin:10px auto;
position:relative;
}

/* Header */
#header {
position:relative;
background: url(images/header.png) no-repeat 0 0;
height: 167px;
}
#header h4 a {
display:block;
position: absolute;
top: 40px;
left: 50px;
height: 58px;
width: 200px;
text-indent: -9999px;
}
#header h5 {
display:block;
position: absolute;
top: 68px;
left: 350px;
height: 54px;
width: 428px;
text-indent: -9999px;	
}

#header ul {
list-style: none;
}
a.qtrans_flag_and_text {
display: block;
text-indent: -9999px;
width: 24px;
height: 21px;
position: absolute;
top: 39px;
}
a.qtrans_flag_fr {
background: url(images/lang-fr.png) no-repeat 0 0;
left: 900px;
}
a.qtrans_flag_en {
background: url(images/lang-ang.png) no-repeat 0 0;
left: 932px;
}

/* Nav */
#nav {
position:relative;
background: url(images/menu.png) no-repeat 0 0;
height: 47px;
margin-left:28px;
}
#nav ul {
list-style: none;
position: absolute;
top: 26px;
left: 18px;
height: 20px;
width: 908px;
}
#nav ul li {
display: block;
float: left;
}
#nav ul li a {
display: block;
float: left;
text-decoration: none;
text-indent: -9999px;
border-right: 1px solid #fff;
width: 67px;
height: 15px;
}
#nav ul li#metier a {
width: 67px;
}
#nav ul li#metier a:hover, #nav ul li#metier a.current  {
background: url(images/menu.png) no-repeat -18px -73px;
}
#nav ul li#offre a {
width: 68px;
}
#nav ul li#offre a:hover, #nav ul li#offre a.current {
background: url(images/menu.png) no-repeat -85px -73px;
}
#nav ul li#ref a {
width: 96px;
}
#nav ul li#ref a:hover, #nav ul li#ref a.current {
background: url(images/menu.png) no-repeat -155px -73px;
}
#nav ul li#partner a {
width: 103px;
}
#nav ul li#partner a:hover, #nav ul li#partner a.current {
background: url(images/menu.png) no-repeat -252px -73px;
}
#nav ul li#firm a {
width: 103px;
}
#nav ul li#firm a:hover, #nav ul li#firm a.current {
background: url(images/menu.png) no-repeat -356px -73px;
}
#nav ul li#career a {
width: 92px;
}
#nav ul li#career a:hover, #nav ul li#career a.current {
background: url(images/menu.png) no-repeat -460px -73px;
}
#nav ul li#news a {
width: 59px;
}
#nav ul li#news a:hover, #nav ul li#news a.current {
background: url(images/menu.png) no-repeat -553px -73px;
}
#nav ul li#contacts a {
width: 76px;
border: 0;
}
#nav ul li#contacts a:hover, #nav ul li#contacts a.current {
background: url(images/menu.png) no-repeat -613px -73px;
}
/* Content */
#content {
clear:both;
position:relative;
padding: 26px 20px 0;
width: 960px;
}

/* Left */
#left {
position:relative;
float:left;
padding-right:3px;
width:660px;
}

/* Home - Intro */
#left #intro {
display: block;
float: left;
position: relative;
width: 652px;
padding-left: 8px;
margin-bottom: 18px;
color: #666;
}
#left #intro p {
margin: 0;
}

#left #main {
display: block;
float: left;
width: 100%;
margin-left:5px;
}
#left #main a.menu {
float: right;
margin-top:-12px;
background-color: #EDEBE3;
padding-left: 3px;
}
#left #main a.page {
float: right;
margin-top:-16px;
background-color: #EDEBE3;
padding-left: 3px;
font-size: 11px;
}

#left .layout-top {
background: url(images/top-box.png) no-repeat 0 0;
display: block;
height: 16px;
width: 100%;
}
#left .layout {
background: url(images/bg-box.png) repeat-y;
padding:5px 12px;
display:block;
float:left;
width:636px;
}
#left .layout-foot {
background: url(images/foot-box.png) no-repeat 0 0;
display: block;
height: 21px;
width: 100%;
}

/* Home - Métiers */
#left #metier-home {
display: block;
float: left;
width: 617px;
margin-bottom:30px;
background: url(images/underline.png) repeat-x 0 11px;
position: relative;
}
#left #metier-home h2 {
background:#EDEBE3 url(images/title-home1.png) no-repeat 0 0;
height: 15px;
width: 130px;
}
#left #metier-home h2 a {
display: block;
text-indent: -9999px;
}
#left #metier-home ul {
list-style: none;
margin-top: 20px;
}
#left #metier-home ul li {
display: block;
float: left;
width: 152px;
padding-right: 2px;
}
#left #metier-home ul li a {
padding-left: 15px;
padding-top: 14px;
height: 22px;
color: #fff;
text-transform: uppercase;
}
#left #metier-home ul li#metier-1 a {
display: block;
background: url(images/onglet1.png) no-repeat 0 0;
text-transform: uppercase;
}
#left #metier-home ul li#metier-1 a:hover,#left #metier-home ul li#metier-1 a.current {
color: #1c719e;
text-decoration: none;
background: url(images/onglet1.png) no-repeat 0 -35px;
}
#left #metier-home ul li#metier-2 a {
display: block;
background: url(images/onglet2.png) no-repeat 0 0;
}
#left #metier-home ul li#metier-2 a:hover,#left #metier-home ul li#metier-2 a.current {
color: #f19124;
text-decoration: none;
background: url(images/onglet2.png) no-repeat 0 -35px;
}
#left #metier-home ul li#metier-3 a {
display: block;
background: url(images/onglet3.png) no-repeat 0 0;
}
#left #metier-home ul li#metier-3 a:hover,#left #metier-home ul li#metier-3 a.current {
color: #9e005d;
text-decoration: none;
background: url(images/onglet3.png) no-repeat 0 -35px;
}
#left #metier-home ul li#metier-4 a {
display: block;
background: url(images/onglet4.png) no-repeat 0 0;
}
#left #metier-home ul li#metier-4 a:hover,#left #metier-home ul li#metier-4 a.current {
color: #d14745;
text-decoration: none;
background: url(images/onglet4.png) no-repeat 0 -35px;
}
#left #metier-home .tab-home {
background: #fff;
padding: 10px;
display: block;
float: left;
margin-top: -1px;
width: 593px;
height: auto !important;
height: 110px;
min-height: 110px;
position: relative;
}
#left #metier-home .tab-home p {
margin: 10px 10px 0 10px;
}

/* Home - News */
#left #news-home {
display: block;
float: left;
width: 617px;
background: url(images/underline.png) repeat-x 0 11px;
}
#left #news-home h2 {
background: #EDEBE3 url(images/title-home2.png) no-repeat 0 0;
height: 15px;
width: 194px;
}
#left #news-home h2 a {
display: block;
text-indent: -9999px;
}
#left #news-home ul {
display: block;
position: relative;
margin-top: 23px;
width: 617px;
}
#left #news-home ul li {
display:block;
float:left;
width:300px;
background-color: #fff;
position: relative;
margin-bottom:17px;
min-height: 130px;
}
#left #news-home ul li.alt {
margin-left: 17px;
width:300px;
position: relative;
}
#left #news-home .date {
text-transform: capitalize;
display: block;
position: absolute;
top: 10px;
left: 15px;
color: #534741;
width: 100px;
height: 30px;
}
#left #news-home h3{
display: block;
height: 19px;
width: 180px;
padding-left: 120px;
padding-top: 5px;
background:#EDEBE3 url(images/news-bg.png) no-repeat 0 0;
float: left;
font-size: 12px;
text-transform: uppercase;
color:#A2C000;
}
#left #news-home p {
margin: 30px 12px 8px 12px;
}
#left #news-home img {
padding:8px 13px;
}

/* Page */
#left .page-id {
background:transparent url(images/underline.png) repeat-x scroll 0 11px;
display:block;
float:left;
width:630px;
}
#left .page-id .title {
margin-bottom: 12px;
}
#left .page-id h2.metier {
background:#EDEBE3 url(images/title-metier.png) no-repeat 0 0;
height: 19px;
width: 153px;
text-indent: -9999px;
}
#left .page-id h2.offre {
background:#EDEBE3 url(images/title-offre.png) no-repeat 0 0;
height: 19px;
width: 153px;
text-indent: -9999px;
}
#left .page-id h2.ref {
background:#EDEBE3 url(images/title-ref.png) no-repeat 0 0;
height: 19px;
width: 183px;
text-indent: -9999px;
}
.parent-pageid-5 #left .page-id .title h2,
.page-id-5 #left .page-id h2 .title {
background:#EDEBE3 url(images/title-firm.png) no-repeat 0 0;
height: 19px;
width: 100%;
text-indent: -9999px;
}
#left .page-id h2.news {
background:#EDEBE3 url(images/title-news.png) no-repeat 0 0;
height: 19px;
width: 130px;
text-indent: -9999px;
}
.page-id-2 #left .page-id .title h2,
.page-id-585 #left .page-id .title h2 {
background:#EDEBE3 url(images/title-contact.png) no-repeat 0 0;
height: 19px;
width: 100%;
text-indent: -9999px;
}
#left .page-id h2.search {
background:#EDEBE3 url(images/title-search.png) no-repeat 0 0;
height: 19px;
width: 100%;
text-indent: -9999px;
}
#left .page-id h2.career {
background:#EDEBE3 url(images/title-career.png) no-repeat 0 0;
height: 19px;
width: 100%;
text-indent: -9999px;
}
.page-id-26 #left .page-id .title h2 {
background:#EDEBE3 url(images/title-newsletter.png) no-repeat 0 0;
height: 19px;
width: 100%;
text-indent: -9999px;
}
.page-id-28 #left .page-id .title h2,
.page-id-780 #left .page-id .title h2,
.page-id-878 #left .page-id .title h2,
.page-id-779 #left .page-id .title h2,
.page-id-833 #left .page-id .title h2 {
background:#EDEBE3 url(images/title-partner.png) no-repeat 0 0;
height: 19px;
width: 194px;
text-indent: -9999px;
}
.page-id-23 #left .page-id .title h2 {
background:#EDEBE3 url(images/title-illicite.png) no-repeat 0 0;
height: 19px;
width: 100%;
text-indent: -9999px;
}
.page-id-25 #left .page-id .title h2 {
background:#EDEBE3 url(images/title-infos.png) no-repeat 0 0;
height: 19px;
width: 100%;
text-indent: -9999px;
}
.page-id-24 #left .page-id .title h2 {
background:#EDEBE3 url(images/title-plan.png) no-repeat 0 0;
height: 19px;
width: 100%;
text-indent: -9999px;
}
.page-id-768 #left .page-id .title h2 {
background:#EDEBE3 url(images/title-lexique.png) no-repeat 0 0;
height: 19px;
width: 100%;
text-indent: -9999px;
}
.page-id-24 #left .page-id .list-pages ul {
border-left: 2px solid #A2C000;
}

/* Sous menu */
#left .page-id ul.sub-nav {
list-style: none;
text-align: center;
}
#left .page-id ul.sub-nav li {
display: inline;
}
#left .page-id ul.sub-nav li a {
display: inline-table;
font-size: 11px;
color:#a2a2a2;
text-decoration: none;
margin:5px 2px 0;
padding:4px 8px;
}
#left .page-id ul.sub-nav li a:hover,
#left .page-id ul.sub-nav li.current_page_item a,
#left .page-id ul.sub-nav li.current-cat a {
background: #fff;
text-decoration: none;
color:#A2C000;
} 

/* Right */
#right {
position:relative;
float:left;
width:297px;
}
#right a.sidebar {
float: right;
background-color: #fff;
padding-left: 3px;
}

#right #search {
margin-left: 10px;
height: 25px;
width: 270px;
}
#right #search p {
margin: 0;
}
#right #search .field {
display:block;
float:left;
margin-left:10px;
margin-right:9px;
height:18px;
padding-left:13px;
padding-top:4px;
width:202px;
border: #c6c5c6 solid 1px;
}
#right #search .ok {
display: block;
float: left;
background: url(images/ok.png) no-repeat 0 0;
border: none;
width: 28px;
height: 24px;
}

#right #links {
position: relative;
display: block;
float: left;
margin: 15px 0 15px 9px;
}
#right #links img {
margin: 0;
padding: 1px;
}

#right #sidebar-top {
background: url(images/top-sb.png) no-repeat 0 0;
display: block;
height: 16px;
}
#right #sidebar {
background: url(images/bg-sb.png) repeat-y;
padding:5px 20px 0 20px;
display:block;
width: 257px;
}
#right #sidebar-foot {
background: url(images/foot-sb.png) no-repeat 0 0;
display: block;
height: 21px;
}

/* Widget */
#sidebar ul {
list-style: none;
margin-top: 5px;
}
#sidebar ul li {
padding-bottom: 20px;
}

#sidebar ul li#last-client h3 {
background: #fff url(images/title-widget1.png) no-repeat 0 0;
text-indent: -9999px;
width: 255px;
}
#sidebar ul li#last-client .widget-inner {
border-bottom: 1px solid #c6c6c7;
padding-bottom: 8px;
}
#sidebar ul li#last-client .widget-inner h2 {
font-size: 18px;
}
#sidebar ul li#last-client .widget-inner img {
display: block;
margin: 15px auto;
}

#sidebar ul li#simplemedia-3 h3 {
display: none;
}
#sidebar ul li#simplemedia-4 h3 {
background:#fff url(images/title-widget2.png) no-repeat 0 0;
text-indent: -9999px;
width: 255px;
margin-bottom: 10px;
}
#sidebar ul li#tag_cloud-3 h3 {
background:#fff url(images/title-widget3.png) no-repeat 0 0;
text-indent: -9999px;
width: 255px;
margin-bottom:10px;
}
/* Footer */
#footer {
clear:both;
position:relative;
background: #fff url(images/footer.png) no-repeat 0 0;
height: 48px;
}
#footer p {
margin-left:28px;
text-align: left;
color: #96b34a;
display: block;
float: left;
margin-top: 4px;
padding: 4px 0;
}
#footer a {
float: left;
margin: 0 5px;
}
#footer .foot {
float: right;
display: block;
margin-right:28px;
margin-top:9px;
font-size:11px;
color: #808080;
}

/* Posts */
.single .post,
.archive .post,
.search .post,
.category .post {
padding-top: 10px;
}
.post {
padding: 15px 15px;
background: #fff;
}
.post .date {
color: #534741;
font-size: 13px;
}
.post a.readmore {
display: block;
float: right;
text-decoration: underline;
font-size: 12px;
}
.post h1 {
font-weight:400;
font-size: 18px;
color: #000;
}
.post h1 a {
color: #000;
}
.post h1.green,
.post h1.green a {
color: #A2C000;
}
.post h1 a:hover {
text-decoration: none;
}

/* Métiers */
.post h5 {
margin:0;
}
.post h5.metiers a {
font-size:12px;
text-decoration:none;
text-transform:uppercase;
padding-left: 15px;
display: block;
line-height: 15px;
}
.post h5.metiers a.blue {
color: #1c719e;
background:transparent url(images/puce-blue.png) no-repeat scroll 0 2px;
}
.post h5.metiers a.orange {
color: #F19124;
background:transparent url(images/puce-orange.png) no-repeat scroll 0 2px;
}
.post h5.metiers a.red {
color:#D14745;
background:transparent url(images/puce-red.png) no-repeat scroll 0 2px;
}
.post h5.metiers a.purple {
color: #9e005d;
background:transparent url(images/puce-purple.png) no-repeat scroll 0 2px;
}

.post .entry {
border-bottom: 1px dashed #c5c5c6;
padding-bottom: 10px;
position: relative;
display: block;
width: 100%;
}
.post .entry a {
color: #000;
}
.post .entry a:hover {
color: #A2C000;
}
.post .entry img {
border: 0;
}
.post .entry img.img-list {
margin: 10px 10px 10px 0;
float: left;
}
.post .entry ul, .post .entry ol {
margin: 0 0 15px 25px;
}
.post .entry h1 {
margin: 0.1em 0;
font-size: 18px;
color: #000;
}
.post .entry h2 {
margin: 0.5em 0;
font-size: 16px;
}
.post .entry h3 {
margin: 0.3em 0;
font-size: 1.6em;
font-weight: 400;
display: block;
float: left;
width: 100%;
}
.post .entry h4 {
margin: 0.2em 0;
font-size: 1.4em;
font-weight: 700;
}
.post .entry h5 {
margin: 0.2em 0;
font-size: 1.2em;
font-weight: 700;
}
.post .entry h6 {
margin: 0.1em 0;
font-size: 1.1em;
font-weight: 700;
}
.post .tag {
margin-bottom: 10px;
}

/* Navigation */
#left #post-nav {
display: block;
padding: 10px 0 15px 0;
background: #fff;
text-align: center;
}
#left #post-nav div.before {
float: left;
width: 48%;
text-align: right;
}
#left #post-nav div.before a {
padding-left: 15px;
background: transparent url(images/arrowleft.png) 0 75% no-repeat;
}
#left #post-nav div.after {
float: right;
width: 48%;
text-align: left;
}
#left #post-nav div.after a {
padding-right: 15px;
background: transparent url(images/arrowright.png) 100% 75%  no-repeat;
}
#left #post-nav ul li a {
font-size: 11px;
height: 20px;
line-height: 20px;
vertical-align: middle;
color:#4C4C4C;
text-decoration: none;
display: block;
}
#left #post-nav ul li a:hover, .post-nav  ul li a.current {
text-decoration: none;
color:#4C4C4C;
} 

/* Cforms */
body div.cf_info { 
width: 480px;
}
body .cform {
width:510px;
}
body .cform fieldset {
border:1px solid #A2C000;
background: #fff;
}
body .cform legend {
color:#666666;
margin-left:11px;
padding:0 10px;
font-family:Arial;
font-size:20px;
}
body .cform label {
width:110px;
margin-left: 10px;
}
body .cform label span {
width:109px;
}
body .cform textarea {
width: 210px;
}
body .cform input {
width:150px;
}
body .cform input, body .cform textarea, body .cform select {
background: #EDEBE3;
border: none;
}
body .cform input:hover, body .cform textarea:hover, body .cform select:hover {
background: #F6F5F1;
}
body .cform input.sendbutton {
font-size: 12px;
background: #A2C000;
color: #fff;
border: 1px solid #A2C000 !important;
}
body .cform input.sendbutton:hover {
color: #A2C000;
background: #fff;
border: 1px solid #A2C000 !important;
cursor:pointer;
}
body .linklove {
position: absolute;
display: block;
left: -9999px;
top:-9999px;
}