/*  
Theme Name: TRSB
Theme URI: http://www.TRSB.fr/
Description: Theme du site TRSB
Version: 1.0
Author: Amaury BALMER
Author URI: http://wp-box.fr/
*/

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

/* General */
body {
font-family: Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-size:11px;
color: #000;
background:#e3e9ec url(images/bg.gif) repeat-x;
}
.clear {
clear:both;
}
p {
margin: 0 0 15px 0; 
text-align:justify;	
}

/* Mise en forme des liens */
a img, img a {
border:0;
}
a {
text-decoration: underline;
outline: none;
}
a:link, a:visited{
color:#09599F;
text-decoration: underline;
}
a:hover {
color: #426eac;
}

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;
}
iframe {
margin-bottom:15px;
}

/* Structure */
#wrap {
width:918px;
margin:0 auto;
padding:0 1px;
position:relative;
background:#fff;
margin-bottom:20px;
}

/* Header */
#header {
position:relative;
height:110px;
}
#header h1 a {
text-indent:-9999px;
float:left;
margin:10px 10px;
background:url(images/trsb-logo.png) no-repeat;
display:block;
width:239px;
height:96px;
}
#header .description {
display:none;
}
#header #menu {
position:absolute;
right:0;
top:0;
border-top:3px solid #3599d6;
padding:10px 20px 0 5px;
}
#header #menu ul {
list-style:none;
}
#header #menu ul li {
display:block;
float:left;
padding:0 8px;
}
#header #menu ul li a {
color:#09599f;
text-decoration:none;
display:block;
float:left;
background:url(images/fleche_menu.gif) 0 70% no-repeat;
padding-left:10px;
}

/* Nav */
#nav {
clear:both;
background:url(images/bg_menu.jpg) repeat-x;
height:57px;
z-index:99;
position:relative;
}
#nav ul {
float:right;
}
#nav ul li {
float:left;
display:block;
position:relative;
height:56px;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
}
#nav ul li a {
float:left;
display:block;
height:52px;
width:120px;
text-indent:-9999px;
}

#nav ul li.group { background:#86c2e6; }
#nav ul li.serv { background:#f8bf66; }
#nav ul li.ref { background:#be70b2; }
#nav ul li.carr { background:#c1d96e; }
#nav ul li.inv { background:#ee6676; }
#nav ul li.group a { background:url(images/item_group.jpg); }
#nav ul li.serv a { background:url(images/item_service.jpg); }
#nav ul li.ref a { background:url(images/item_reference.jpg); }
#nav ul li.carr a { background:url(images/item_carrer.jpg); }
#nav ul li.inv a {  background:url(images/item_investiss.jpg); }

/* Nav deroulant */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* hide the drop down menu */
#nav ul li ul {
display: none;
float:none;
z-index:99;
}
/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */
/* make the drop down menu show and correctly position it */
#nav ul li:hover ul, #nav ul li a:hover ul {
display:block; 
position:absolute; 
top:57px;
left:0; 
width:248px;
border:3px solid #3091d0;
background:#08589e;
padding:1px;
font-size:9px;
z-index:99;
}
#nav ul li:hover ul li, #nav ul li a:hover ul li {
display:block; 
float:none;
height:auto;
border:none;
z-index:99;
}
/* style the drop down links with no hover */
#nav ul li:hover ul li a, #nav ul li a:hover ul li a {
z-index:99;
display:block; 
float:none;
height:auto;
width:auto;
color:#fff;
text-indent:0;
border:0;
background:none;
padding:5px;
text-decoration:none;
text-transform:uppercase;
}
/* style the drop down menu links when hovered */
#nav ul li:hover ul li a:hover, #nav ul li a:hover ul li a:hover {
background:#f8bf66; 
color:#08589e;
}

/* Couleur sous menu */
/* Rouge */
#nav ul li.inv:hover ul li a:hover, #nav ul li.inv a:hover ul li a:hover {
background:#ee6676; 
}
#nav ul li.inv:hover ul, #nav ul li.inv a:hover ul {
width:147px;
margin-left:-35px;
}
/* Bleu */
#nav ul li.group:hover ul, #nav ul li.group a:hover ul {
width:147px;
}
#nav ul li.group:hover ul li a:hover, #nav ul li.group a:hover ul li a:hover {
background:#86C2E6; 
}
/* Vert */
#nav ul li.carr:hover ul, #nav ul li.carr a:hover ul {
width:147px;
}
#nav ul li.carr:hover ul li a:hover, #nav ul li.carr a:hover ul li a:hover {
background:#C1D96E; 
}

/* Sub Header */
#sub_header {
clear:both;
font-size:10.5px;
height:212px;
border-bottom:1px solid #fff;
}
#sub_header img.picto {
float:left;
margin-right:1px;
width:555px;
}
#sub_header #sub_header_content {
float:left;
width:362px;
height:208px;
border-bottom:4px solid #cbdf86;
}
#sub_header h4.sub_header_content_h4 {
background:url(images/bg_title_header.jpg);
height:24px;
display:block;
line-height:24px;
vertical-align:bottom;
color:#344b57;
text-transform:uppercase;
text-indent:3px;
font-size:10.5px;
}
#sub_header ul {
list-style:none;
margin:10px 0;
}
#sub_header ul.actu li {
display:block;
margin:0 10px 0 20px;
padding-left:15px;
color:#344b57;
background:url(images/fleche_menu.gif) 0 20px no-repeat;
}
#sub_header ul.actu li a {
color:#344b57;
text-decoration:none;
}
#sub_header ul.actu li span {
display:block;
color:#09599f;
}
#sub_header ul.actu li span.h5 {
color:#09599f;
font-weight:700;
font-size:11px;
text-transform:uppercase;
}
#sub_header ul.actu li a:hover span.h5 {
text-decoration:underline;
}
#sub_header ul.offres {
margin-bottom:0;
}
#sub_header ul.offres li {
display:block;
margin:3px 10px 3px 20px;
padding-left:15px;
color:#344b57;
text-transform:uppercase;
background:url(images/fleche_bann.gif) 0 60% no-repeat;
}
#sub_header ul.offres li a {
color:#09599f;
text-decoration:none;
}
#sub_header ul.offres li a:hover {
text-decoration:underline;
}
#sub_header a.more-offres {
float:right;
color:#095a9f;
padding:5px 5px 1px 0;
font-size:9px;
text-transform:uppercase;
text-decoration:none;
}

/* Content */
#content {
clear:both;
position:relative;
width:918px;
}
#content span.arrow {
display:block;
background:url(images/fleche_content.gif) no-repeat;
top:1px;
left:0;
width:22px;
height:22px;
position:absolute;
z-index:9;
}

/* Page two columms */
.two_col {
background:#fff url(images/bg-left-bleu.jpg) repeat-y;
}

/* Page vert */
.page_vert .left h4 {
background:url(images/bg-vert.jpg) repeat-x;
}
.page_vert .right h3 {
border-left:3px solid #c1d96e;
}
.page_vert .left ul li {
background-image:url(images/fleche_bann.gif);
}

/* Page bleu */
.page_bleu .left h4 {
background:url(images/bg-bleu.jpg) repeat-x;
}
.page_bleu .right h3 {
border-left:3px solid #86c2e6;
}
.page_bleu .left ul li {
background-image:url(images/fleche_bleu.gif);
}

/* Page violet */
.page_violet .left h4 {
background:url(images/bg-violet.jpg) repeat-x;
}
.page_violet .right h3 {
border-left:3px solid #BF70B2;
}
.page_violet .left ul li {
background-image:url(images/fleche_violet.gif);
}

/* Page orange */
.page_orange .left h4 {
background:url(images/bg-orange.jpg) repeat-x;
}
.page_orange .right h3 {
border-left:3px solid #F8BF66;
}
.page_orange .left ul li {
background-image:url(images/fleche_menu.gif);
}

/* Page rouge */
.page_rouge .left h4 {
background:url(images/bg-rouge.jpg) repeat-x;
}
.page_rouge .right h3 {
border-left:3px solid #EF6676;
}
.page_rouge .left ul li {
background-image:url(images/fleche_rouge.gif);
}

/* Home */
.home {
border-top:9px solid #1a71b3;
padding-top:1px;
}
.home .baseline {
height:106px;
background:url(images/bg_content_home.jpg) right no-repeat;
padding:20px 30px 0 23px;
font-size:12.5px;
color:#344b57;
letter-spacing:-0.7px;
}
.home .baseline h6 {
font-size:19px;
color:#f29400;
text-transform:uppercase;
font-weight:400;
}
.home .asides_content {
clear:both;
}
.home .asides_content .bloc {
float:left;
display:block;
width:165px;
height:160px;
border-bottom:4px solid #f9c97f;
background:#e6edf3 url(images/bg_bloc_asides.jpg) repeat-x;
margin:10px 4px;
padding:14px 5px;
color:#344b57;
text-decoration:none;
}
.home .asides_content .bloc:hover {
background:#e5f2fb url(images/bg_bloc_asides_hover.jpg) repeat-x;
}
.home .asides_content .bloc span.h4 {
font-size:13px;
color:#07579d;
font-weight:700;
letter-spacing:-0.9px;
margin-bottom:8px;
display:block;
}

/* Left */
#content div.left {
float:left;
width:313px;
}
#content .left img.picto {
width:313px;
}
#content .left h4 {
height:48px;
text-transform:uppercase;
color:#fff;
font-size:20px;
line-height:60px;
vertical-align:bottom;
text-indent:10px;
}
#content .left h3 {
background:url(images/bg_title_left.jpg);
height:24px;
display:block;
line-height:24px;
vertical-align:bottom;
color:#344b57;
text-transform:uppercase;
text-indent:3px;
font-size:10.5px;
}
#content .left ul.bg_related_links {
padding:20px 0;
list-style:none;
background:#fff url(images/bg-left-light.jpg) right repeat-y;
}
#content .left ul.bg_related_links li {
display:block;
margin:5px 10px 5px 25px;
padding-left:15px;
color:#344b57;
text-transform:uppercase;
background-position:0 50%;
background-repeat:no-repeat;
color:#09599f;
font-size:11px;
}
#content .left ul.bg_related_links li a {
color:#09599f;
text-decoration:none;
}
#content .left ul.bg_actu_event {
padding:20px 0;
list-style:none;
}
#content .left ul.bg_actu_event li {
display:block;
margin:0 10px 15px 20px;
padding-left:15px;
color:#344b57;
background-position:0 18px;
background-repeat:no-repeat;
}
#content .left ul.bg_actu_event li a {
color:#344b57;
text-decoration:none;
}
#content .left ul.bg_actu_event li span {
display:block;
color:#09599f;
}
#content .left ul.bg_actu_event li span.h5 {
color:#09599f;
font-weight:700;
font-size:11px;
text-transform:uppercase;
}
#content .left ul.bg_actu_event li a:hover span.h5 {
text-decoration:underline;
}

/* Right */
#content div.right {
float:left;
position:relative;
width:564px;
padding:10px 20px 7px;
margin-left:1px;
}
#content .right .navigation {
padding:1px 10px 30px;
color:#b4babe;
font-size:11px;
}
#content .right .navigation a {
color:#b4babe;
text-decoration:none;
}
#content .right h2 {
font-size:19px;
color:#0a5ca1;
text-transform:uppercase;
font-weight:700;
margin-left:10px;
margin-bottom:5px;
}
#content .right h3 {
font-size:15px;
color:#1164a8;
font-weight:700;
margin-top:30px;
padding-left:7px;
}
#content .right .entry .the_content  h3 {
margin-left:-10px;
margin-bottom:10px;
}
#content .right .entry {
color:#344b57;
text-align:justify;
}
#content .right .entry ul,
#content .right .entry ol {
margin:20px 30px;
list-style:square;
}
#content .right .entry li {
margin:4px 0;
}
#content .right .the_content {
margin:10px;
color:#344b57;
text-align:justify;
}
#content .right .the_content a.link_file, #content .right .the_content a.cfinput {
background:#f5f9fa url(images/link_file.gif) 20px 55% no-repeat;
display:block;
color:#344b57;
padding:8px 13px;
margin:20px 0;
border:1px solid #dae3e7;
text-indent:25px;
}

/* Form JS */
#postulate_now {
display:none;
}




/* Forms */
#content .right .inner_form {
display:block;
margin:10px;
border:1px solid #dae3e7;
background:#f5f9fa;
padding:15px 20px 25px;
color:#344b57;
}
#content .right form p {
display:block;
float:left;
width:250px;
text-align:left;
}
#content .right form p label {
display:block;
}
#content .right form p input {
margin:5px 0;
width:230px;
border:1px solid #ccc;
}
#content .right form p textarea {
margin:5px 0;
width:230px;
border:1px solid #ccc;
}
#content .right form p select {
display:block;
margin:5px 0;
width:234px;
}
#content .right form p.radio, #content .right form p.full, #content .right form p.wide_full, #content .right form p.submit   {
width:100%;
clear:both;
}
#content .right form p.radio label{
display:inline;
padding-right:10px;
}
#content .right form p.radio input {
display:inline;
margin:0;
width:auto;
border:0;
}
#content .right form p.full select {
width:354px;
}
#content .right form p.full textarea {
width:350px;
height:90px;
}
#content .right form p.wide_full textarea {
width:480px;
height:90px;
}
#content .right form p.submit input {
width:119px;
float:right;
border:1px solid #abadb3;
height:20px;
background:url(images/bg-button.jpg) repeat-x;
font-size:10px;
color:#344b57;
font-weight:700;
text-transform:uppercase;
margin:0;
margin-right:10px;
}

/* Pagination */
.pagination {
text-align:right;
margin-right:10px;
}
.pagination a, .pagination a:link, .pagination a:active {
padding:2px 4px 2px 4px; 
margin:2px;
text-decoration: none;
color:#344b57;
}
.pagination a:hover {	
text-decoration:underline;
}
.pagination span.pages {
padding:2px; 
margin:2px;
}
.pagination span.current {
padding:2px; 
margin:2px;
font-weight:700;
}
.pagination span.extend {
padding:2px; 
margin:2px;
}

/* Offres */
.offre {
color:#344b57;
}
.offre_detail,
.offre_detail_light {
clear:both;
padding:10px 15px;
background:#f5f9fa;
border:1px solid #dae3e7;
margin:10px 10px 0;
}
.offre_detail span.left,
.offre_detail span.right,
.offre_detail_light span.left,
.offre_detail_light span.right {
width:255px;
display:block;
float:left;
}
.offre_detail span.right,
.offre_detail_light span.right {
float:left;
text-align:right;
}
.offre_detail_light {
margin:5px 10px;
padding:5px 15px;
}
.offre_action {
padding-top:20px;
margin:0 10px;
}
.offre_action .go-link {
width:90px;
float:right;
border:1px solid #abadb3;
padding:4px 20px;
background:url(images/bg-button.jpg) repeat-x;
font-size:10px;
color:#344b57;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
margin:0;
text-align:center;
}
.offre_action .back-link {
color:#0a5ca1;
font-weight:700;
font-size:12px;
}

/* Table - Array */
#content .right .inner_table {
display:block;
margin:10px;
}
#content .right .table table {
width:100%;
border-collapse:collapse;
border:1px solid #b5c8d0;
}
#content .right .table table thead tr {
background:#c1d96e;
border-bottom:1px solid #b5c8d0;
color:#fff;
}
#content .right .table table thead th {
padding:5px 0;
text-align:center;
border-bottom:2px solid #FFFFFF;
}
#content .right .table table tbody tr {
background:#ebf3f5;
color:#344b57;
}
#content .right .table table tbody tr.alt {
background:#f5f9fa;
}
#content .right .table table tbody td, #content .right .table table tbody th {
padding:5px 0;
border:1px solid #fff;
text-align:center;
}
#content .right .table table tbody a{
color:#344b57;
}

/* Candidatures */
#content .depot_cv {
color:#344b57;
}

/* Coordonnees */
#content .coord  {
color:#344b57;
}
#content .coord .coord_content {
width:260px;
float:left;
}
#content .coord .map {
float:left;
margin-left:15px;
}
#content .coord .coord_addr {
clear:both;
padding-top:30px;
margin:0 10px;
font-size:12px;
}
#content .coord .coord_addr .box {
float:left;
width:260px;
margin-bottom:20px;
}
#content .coord .coord_addr .box p {
margin: 0;
}
#content .coord .coord_addr .box_left {
margin-right:22px;
}
#content .coord .coord_addr .box strong{
color:#1a67a7;
}

/* Actus */
#content .actus .post {
margin-bottom:20px;
}
#content .actus .post h3 {

}
#content .actus .post h3 span.date {
display:block;
font-size:10px;
color:#344b57;
font-weight:400;
}

/* References */
#content .references table.table_ref {
width:542px;
border:1px solid #e5ebf1;
margin:10px;
}
#content .references table td{
padding:20px 0;
width:25%;
text-align:center;
}

/* Footer */
#sep_asides_footer {
clear:both;
background:url(images/bg-asides-footer.jpg) no-repeat;
width:906px;
height:46px;
margin:7px auto 0;
}
#footer {
margin-top:7px;
clear:both;
background:#f2f7fb;
border-top:1px solid #dce8f1;
border-bottom:1px solid #fff;
padding:4px;
font-size:10px;
}
#footer ul {
list-style:none;
text-align:right;
}
#footer ul li {
display:inline;
}
#footer ul li a {
text-decoration:none;
text-align:center;
padding-right:5px;
border-right:1px solid #1d76b8;
margin-left:5px;
color:#1d76b8;
text-transform:uppercase;
}
#footer ul li a:hover {
text-decoration:underline;
}
#footer ul li.last a {
border:0;
}

/* Sitemap */
.ddsg-wrapper h2, .ddsg-wrapper div {
display:none;
}

/* Form contact */
/* Reset */
#content .right .entry #cformsform ol, #content .right .entry #cformsform ol li {
list-style:none;
margin:0;
padding:0;
color:#344B57;
}
#content .right .entry #cformsform #li--1, #content .right .entry #cformsform li span.reqtxt, .linklove, #content .right .entry #cformsform .cf_hidden {
display:none;
}
#content .right .entry #cformsform li {
display:block;
float:left;
width:250px;
text-align:left;
}
#content .right .entry #cformsform li label {
display:block;
}
#content .right .entry #cformsform li input {
margin:5px 0 15px;
width:230px;
border:1px solid #ccc;
}
#content .right .entry #cformsform #li--2, 
#content .right .entry #cformsform #li--4,
#content .right .entry #cformsform #li--6,
#content .right .entry #cformsform #li--8 {
clear:both;
}
/* Radio buttons */
#content .right .entry #cformsform li.cf-box-group   {
width:100%;
clear:both;
display:block;
padding-bottom:15px;
}
#content .right .entry #cformsform li.cf-box-group label{
display:inline;
padding-right:10px;

}
#content .right .entry #cformsform li.cf-box-group input {
display:inline;
margin:0;
width:auto;
border:0;
}
#content .right .entry #cformsform textarea {
margin:5px 0;
width:480px;
height:90px;
border:1px solid #ccc;
}
#content .right .entry #cformsform p.cf-sb {
clear:both;
width:100%
}
#content .right .entry #cformsform p.cf-sb input#sendbutton {
width:119px;
float:right;
border:1px solid #abadb3;
height:20px;
background:url(images/bg-button.jpg) repeat-x;
font-size:10px;
color:#344b57;
font-weight:700;
text-transform:uppercase;
margin:10px 20px;
}
.failure {
margin:0 0 10px;
padding:10px 0;
font-weight:700;
color:#0A5CB1;
}
.success {
margin:0 0 10px;
padding:10px 0;
font-weight:700;
color:#0A5CB1;
}