
/*  
 Theme Name:Carrard Services
 Theme URI:http://www.carrard.com/
 Description:Template développé pour l'entreprise Carrard Services, basé sur le thème Simplixity de James Barclay (http://everythingisgray.com/)
 Version:1.0
 Author:Guillaume DUHEC 
 Author URI:http://www.guillaumeduhec.com/ 
 Tags:fixed-width, two-columns, clean, white, blue, corporate  

 L' XHTML, le CSS, le PHP, et les images de ce theme sont sous licence GPL:
 http://www.opensource.org/licenses/gpl-license.php


******************************
      Table des Matières
******************************

 
	* Global (balises)
	* Head
		- Wrapper, Header & Container
	* Formulaire de Recherche
    * Menu & Navigation
        - Menu Général
        - Navigation entre articles
	* Content	
		- Contenu général & Posts
	* Pseudo-Sidebar
		- General
	* Calendrier
	* Footer
	* Divers
	
	* Jobs (modifs/Ajouts pour le plugin JobManager)

*/

/*******************
 **    General    **
 *******************/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;
}

body{
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:0.75em;
    vertical-align:top;
    color:#0b1d5d;
	background:#fff;
}

img{
    border:0;
}

h1{
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:1.5em;
    padding:0 0 10px 0;
}

small { color:#999; }

a,a:link,a:visited{
	color:#0b1d5d;
	text-decoration:none;
	font-weight:bold;
}

a:focus,a:hover,a:active{
	color:#0072ba;
	text-decoration:underline;
	font-weight:bold;
}

a img{
	border:0;
}

p{
    padding:10px 0 0 0;
}

ul{
	list-style:none;
}

fieldset{
	border:0;
}

/*******************
 **    Head     **
 *******************/

#wrapper{
	width:875px;
	padding:0;
	margin:0 auto;
}

#header{
	width:875px;
	font-size:14px;
	margin-top:30px;
}

#logo{
	display:inline-block;
	width:280px;
	height:50px;
	float:left;
	clear:both;
	margin:0 0 20px 0;
	background:url(img/logo.png) left top no-repeat;
	text-indent:-9999px;
}


#banner{
	width:875px;
	height:290px;
	clear:both;
	overflow:hidden;
	margin:20px 0px 0px 0px;
}

#content{
	width:875px;
	margin:30px auto;
}


/*******************
 **   Recherche   **
 *******************/

#searchform{
	float:right;
	margin-bottom:20px;
}

#searchform input{
	width:171px;
	height:15px;
	float:left;
	padding:5px 10px;
	color:#a0a4a8;
	border:none;
}

input#searchText{
	border:1px #ccc solid;
}

input#submitSearch{
	display:inline;
	width:66px;
	height:27px;
	float:left;
	margin:0 0 0 4px;
	background:url(img/search_button.png) no-repeat;
}

.hidden{
    display:none;
}



/**************************
 **  Menu & Navigation   **
 **************************/
 

#menu{
	position:relative;
	z-index:10;
	width:875px;
	height:62px;
	padding:0;
	background:#0B1D5D url(img/navigation_bg.png);
}

#menu ul li{
	float:left;
	height:47px;
	width:105px;
	padding:15px 10px 0px 10px;
	margin:auto;
	text-align:center;
}

#menu ul li a{
	color:#fff;
	font-size: 14px;
	/* font-size:12px; */
	/* text-transform:uppercase; */
	line-height:32px;
	margin:auto;
	font-weight:bold;
}

#menu ul li a.double{ line-height:15px; }

#menu ul li a.triple{ line-height:normal; margin-top:-8px; }

#menu ul li a:hover{ text-decoration:none;}

#menu ul li:hover{
	background:#B48508 url(img/navigationHover2_bg.png);
	text-shadow:1px 1px 0px #333;
}

#menu ul li.active{
	background:#B48508 url(img/navigationActive_bg.png);
	text-shadow:1px 1px 0px #333;
}

#menu ul li.active:hover{
	background:#B48508 url(img/navigationHover2_bg.png);
	text-shadow:1px 1px 0px #333;
}

#menu ul li ul {
	/* margin:15px 0 0 -10px; */
	background-color:#e1d799;
	background-color:RGBa(225, 215, 153, 0.7);
	display:none;
	}
	
#menu ul li ul li:hover{ background:#B48508 url(img/navigationHover2_bg.png); }
	
#menu ul li:hover ul { display:block; }
	
#menu li:hover ul li{ float:none; }

#menu li ul{ position:absolute; }

.navigation{
    padding: 10px 0 0 0;
    font-size: 0.88em;
    font-weight: bold;
    line-height: 18px;
    clear: both;
}	


/*******************
 **    Content    **
 *******************/

#content ul{ margin:0px 0px 18px 0px; padding-top:5px;}

#content ul li{
	font-size:14px;
	margin:0px 0px 5px 11px;
}

#content h4 ul li{
	font-size:inherit;
}

.post ul li, #actus ul li {
 	background:url(img/puceB.gif) 0 6px no-repeat;
	padding-left:15px;
}

.textInfosSupp ul li.noBefore, .post ul li.noBefore, #actus ul li.noBefore, #recent_articles ul li.noBefore, #recent_inSingle ul li.noBefore, #recent_inPage ul li.noBefore {
	background:none;
	padding-left:0;
}

.textInfosSupp ul li:before, #recent_articles.textInfosSupp ul li:before, #recent_inSingle ul li:before, #recent_inPage ul li:before {
 	content: '» ';
 	background:none;
	padding-left:0;
}

#content ul li span{ color:#65b8f9; }

#blocPrincipal{
	width:605px;
	float:left;
	margin-left:30px;
}

#intro { 
	margin-bottom:30px;
	border-top:1px #ccc dotted;
	border-bottom:1px #ccc dotted;
	padding:30px 0;
	min-height:410px;
	/* background: url(img/intro_bg.png) left 350px repeat-x; */
}

#intro h2, #intro h2{
	line-height: normal;
	margin-bottom: 20px;
}

#intro p {
	font-size: 17px;
	line-height: 26px;
}

#actus {
	width:355px;
	float:left;
	padding-right:20px;
	margin-bottom:30px;
	}
	
#actus h2, #recent_articles h2 {
	font-size:19px;
	margin:0 0 5px 0;
	color:#0b1d5d;
}

#recent_articles {
	width:209px;
	float:left;
	border-left:1px #e1d799 solid;
	padding-left:10px;
	}
	
#recent_articles ul li, #recent_inPage ul li, #recent_inSingle ul li {
	margin-bottom: 15px;
}

	
.post, .textInfosSupp{
	font-family:Arial,Helvetica,sans-serif ;
	padding:0 10px 10px 0;
}

.entry{
    line-height:20px;
    float:left;
    width:99%;
}

.post h2 {
	font-size:30px;
}

.entry h2 {
    line-height:normal;
}

.textInfosSupp h2, .post h2{
	margin:0px 0px 12px 0px;
	color:#0b1d5d;
	text-shadow:1px 1px 0px #aaa;
}

.textInfosSupp h2 a, .post h2 a{
	color:#0b1d5d;
}

.textInfosSupp h2 a:hover, .post h2 a:hover{
	color:#0072ba;
	text-decoration:none;	
}

.textInfosSupp h3, .post h3{
	font-size:20px;
	margin:30px 0 10px 0;
	color:#b48508;
}

.textInfosSupp h4, .post h4{
	font-size:16px;
}

.textInfosSupp p, .post p{
	color:#0b1d5d;
	width:100%;
	font-size:15px;
}

.textInfosSupp .chapo p, .post .chapo p{
	color:#b48508;
	font-size:18px;
	margin-bottom:5px;
    line-height:24px;
}
	
.textInfosSupp .chapo p a, .post .chapo p a{
	color:#0b1d5d;
}
	
.textInfosSupp .chapo p a:hover, .post .chapo p a:hover{
	color:#0072ba;
}

.post div.deuxcols {
	display: inline;
	float: left;
	width:43%;
	padding:0 20px;
}

.post p.texteocre, .post div.texteocre p{
	color:#b48508;
}

p.postmetadata{
    border-top:1px solid #ccc;
    margin:10px 0 30px 0;
    font-size:0.95em;
/*     clear:both; */
}

.post .pagelinks p {
	font-size: 0.9em;
	font-style:italic;
	text-align: center;
	}

.littlecontent {
	margin-bottom:250px;
}

.mediumcontent {
	margin-bottom:100px;
}

.sociable {
	padding-top: 5px;
	float: right;
}

.subtitle {
color:#b48508;
font-size:15px;
font-weight:bold;
margin:-5px 0 12px 0;
}

/************************
 **   Pseudo-Sidebar   **
 ************************/

#infosSupp{
	width:236px;
	float:left;
	padding:0 0 20px 0;
	margin:0;
}

#infosSupp h2{
	font-size:18px;
	font-weight:bold;
}

#infosSupp img{
/*
	width:90px;
	height:95px;
*/
	margin:0 10px 0 0;
	float:left;
}

.heading {
	width:222px;
	height:68px;
	padding:17px 14px 5px 0;
	margin:0px 0px 5px 0px;
	line-height: 17px;
	font-size:12px;
	color:#0b1d5d;
	text-shadow:1px 1px 0px #eee;
	background:#caccdc url(img/infosSuppHeading_bg.png) bottom left repeat-x;
	clear:right;
}

#infosSupp .heading h2 {
	font-size: 15px;
}

.heading a, .espaceclient a{
	color:#0b1d5d;
	font-weight:bold;
}

.heading a:hover, .espaceclient a:hover {
	color:#0072ba;
	font-weight:bold;
	text-decoration:none;
}

.lesstext {
padding:21px 14px 0 0;
}

.espaceclient {
	width:208px;
	height:51px;
	padding:14px 14px 10px 14px;
	font-size:15px;
	color:#0b1d5d;
	text-shadow:1px 1px 1px #eee;
	background:#b1b4cb url(img/infosSuppHeading_bg.png) repeat-x;
	clear:right;
}

.emploi {
	width:208px;
	height:51px;
	padding:14px 14px 10px 14px;
	background:#b48508 url(img/infosSuppEmploi_bg.png) repeat-x;
	color:#fff;
	font-size:15px;
	text-shadow:1px 1px 1px #333;
	margin:20px 0 20px 0;
}

.emploi:hover{
	background:#e1d799 url(img/infosSuppEmploiHover_bg.png) repeat-x;
}

.emploi a, .emploi a:hover{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#recent_inSingle, #recent_inPage {
	width:209px;
	float:right;
	border-right:1px #e1d799 solid;
	padding-right:10px;
	text-align:right;
}

#recent_inSingle {
	margin-top:55px;
}

#recent_inPage {
	margin-top:95px;
}

#recent_inPage.inEmploi {
	margin-top:60px;
}

#recent_inSingle .search-terms {
	color: #b48508;
	font-size:13px;
}



/******************
 **  Calendrier  **  
 ******************/
 
#wp-calendar a{
    color:#5b5b5b;
}

#wp-calendar a:hover{
    color:#a52713;
}

#wp-calendar{
    width:100%;
    font-size:0.90em;
    line-height: 20px;
}



/**********************
 **   Commentaires   **
 **********************/

.comments-template{
	margin:10px 0 0;
	border-top:1px solid #ccc;
	padding:10px 0 0;
}

.comments-template ol{
	margin:0;
	padding:0 0 15px;
	list-style:none;
}

.comments-template ol li{
	margin:10px 0 0;
	line-height:18px;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family:Georgia, Sans-serif;
	font-size:1em;
}

.commentmetadata{
	font-size:0.75em;
}

.comments-template p.nocomments{
	padding:0;
}

.comments-template textarea{
	font-family:Arial, Helvetica, Georgia, Sans-serif;
	font-size:0.75em;
}


/*******************
 **     Footer    **
 *******************/

#footer{
	width:875px;
	height:64px;
	clear:both;
	/* border-top:5px solid #0b1d5d; */
	background: #0B1D5D url(img/navigation_bg.png);
	margin:20px auto 0;
	font-size:11px;
}

#footer_content{
	padding:0 0 0 17px;
}

#footer_content ul li{
	padding-top:16px;
	float:left;
/* 	margin:0 0 0 12px; */
/* 	padding:0 0 0 12px; */
	color:#fff;
}

#footer_content img {
	vertical-align: middle;
}

/*
p.legal, p.credit {
	display: inline;
}
*/

p.legal {
	float:left;
}

p.credit {
	float:right;
}

#footer a,#footer a:link,#footer a:visited{
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}

#footer a:focus,#footer a:hover,#footer a:active{
	color:#0072ba;
	text-decoration:underline;
}


/********************
 **     Divers     **
 ********************/
.clear{
	clear:both;
}

img.floatLeft {
	float:left;
	margin:0 20px 20px 0;
}


img.floatRight {
	float:right;
	margin:0 0 20px 20px;
}


img.avatar{
    float:left;
    margin-right:5px;
}

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

.alignleft{
    float:left;
}

.alignright{
    float:right;
}

.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;
}

p.wp-caption-text{
    font-size:12px;
    line-height:15px;
    padding:4px 5px;
    margin:0;
}

div.line {border-bottom:1px #ccc solid;}

.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

a.tabs {
	background:url('img/cp.png') left top no-repeat;
	padding-left:40px;
}


/************
 **  Jobs  **
 ************/

.jobs-table, .job-table, table.job-apply-table {
	margin-top:20px;
	border-collapse:collapse;
	width: 100%;
	text-align: left;
}

.jobs-table, .job-table {
	margin-bottom: 100px;
}

.jobs-table .heading, .job-table .heading {
	text-align:left;
	height:50px;
	border-bottom:3px #b48508 solid;
	background:none;
}

.jobs-table td, .job-table td {
	text-align:left;
	padding:8px 15px 8px 0;
}

.jobs-table tr, .job-table tr {
	border-bottom:1px #e1d799 solid;
}

td.jobs-moreinfo {
	text-align: left;
	vertical-align: middle;
}

/*
.jobeven {
	background-color:#EFE4A3;
}
*/

.jobs-table .heading th {
	width:171px;
	padding:8px 15px 8px 0;
}

.job-table th, .job-apply-table th {
	text-align:left;
}

.job-table td {
	text-align:left;
	padding:8px 0 8px 50px;
}

.job-table tr:first-child {
	border-top: 3px #b48508 solid;
}

.job-table tr:last-child {
	border: none;
}

td.jobs-applynow {
	float: right;
	text-align: right;
	vertical-align: middle;
}

.job-apply-table {
	margin:10px 0 30px 0;
}

.job-apply-table td {
	padding-left:30px;
}

.job-apply-table input, .job-apply-table textarea {
	width:90%;
	padding:5px 10px;
	border:1px #ccc solid;
	background:none;
}

.job-apply-table textarea {
	height:80px;
}


.job-apply-table input.radioinput {
	width: auto;
}

.job-apply-table input.button-primary {
	float: right;
	width: 171px;
	margin-right: 5px;
	background:url(img/navigation_bg.png) repeat-x;
	color: #ffffff;
}

.job-apply-table input.button-primary:hover {
	border:1px #ccc solid;
	background-color:#e1d799;
	background:url(img/navigationHover2_bg.png) repeat-x;
}

.jobman-message {
	margin-top: 30px;
	margin-bottom: 250px;
	font-size: 14px;
}

.job-table p {
	font-size:inherit;
}