/*
Theme Name: Answers recruitment
Theme URI: 
Author: S.I DESAUNAY
Author URI: http://www.sidesaunay.fr/
Description: Theme pour Answers recruitment
License: GNU General Public License
*/

/* =Reset default browser CSS.
-------------------------------------------------------------- */
* {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
}
img{
        display:block;
}
body {
	background: #101b3b;
	line-height: 1;
	color: #164755;
        font: 15px Tahoma, Verdana, Geneva, sans-serif;
}
#wrapper{    
	max-width: 1060px;
	margin: 0px auto;
        background: #fff;
}
#masthead{
        margin: 0px auto;
}
#masthead img{
        margin: 0 auto;
}
#primary {
	float: right;
	margin: 0 0 0 10px;
	width: 755px;
}
.left-sidebar {
	float: right;
	margin: 0;
	width: 285px;
}
.left-sidebar ol, .left-sidebar ul {
	list-style: none;
}


/* =Structure
----------------------------------------------- */

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.marginright {
        margin-right: 5px;
}

/* =Global
----------------------------------------------- */

/* Links */
a {
	color: #1982d1;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* =Header
----------------------------------------------- */

#slide_accueil{
        clear: both;
	margin: 0px auto;
        width: 1050px;
}
#slide_accueil li{
	list-style: none;    
}
#separator{
    clear: both;
}
/* =Menu
-------------------------------------------------------------- */

#access {
	clear: both;
	display: block;
	margin: 0 auto;
        margin-top: -25px;
	width: 1050px;
        height: 24px;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access ul li {
	background-color: #1b3872; /* Show a solid color for older browsers */
	float: left;
	position: relative;
        margin-right: 3px;
}
#access ul ul li {
    width: 100%;
}
#access a {
	color: #eee;
	display: block;
	line-height: 24px;
	padding: 0 1.2125em;
	text-decoration: none;
        font-weight: bold;
}
#access ul ul {
        box-shadow: 0px 3px 3px #000;
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
        background-color: #1b3872;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 2px 0 2px 10px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #101b3b;
}
#access li:hover > a,
#access a:focus {
	background: #101b3b; /* Show a solid color for older browsers */
	color: #FFF;
}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
        background: #101b3b;
}
#langue{
    float: right;
    margin-top: 3px;
    position: relative;
    z-index: 1000;
}
#langue a{
    float: left;
    padding: 0;
    margin-right: 10px;
    height: 12px;
    line-height: 12px;
}
#langue img{
        display: inline-block;
}


/* =Content
----------------------------------------------- */

#main {
	clear: both;
        width: 1050px;
        margin: 0px auto;
}
#content {
	margin: 5px 10px 15px 0;
}
#content a {
    color: #9db34e;
}
#content a:hover {
    color: #9db34e;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5{
    color: #9db34e;
}
#content p{
    font-size: 14px;
    margin: 15px 0;
}
#content ol li,
#content ul li,
#annonces_mark ol li,
#annonces_mark ul li{
    list-style: none;
    background: url(images/puce-jobs.png) no-repeat 0 0.3em;
    padding: 0 0 0 15px;
}
.articles h1 a,
.articles h2 a,
.articles h3 a,
.articles h4 a,
.articles h5 a{
    color: #9db34e; 
    margin-bottom: 10px;  
}
.articles h1 a:hover,
.articles h2 a:hover,
.articles h3 a:hover,
.articles h4 a:hover
.articles h5 a:hover{
    text-decoration: underline; 
}

/* =Annonce
-------------------------------------------------------------- */
#annonces_mark{
    width: 755px;
    background: url(images/bloc-2.jpg) 0 0 repeat-y;
}
#annonces_mark h3{
    color: #101b3b;
}
#annonces_mark_top{
    height: 40px;
    background: url(images/bloc-1.jpg) 0 0 no-repeat;
    font-weight: bold;
    font-size: 22px;
    color: #101b39;
    padding: 10px 0 0 50px;
}
#annonces_mark_top_alone{
    width: 755px;
    height: 24px;
}
#annonce_mark_menu{
    height: 50px;
    padding: 0 20px;
    line-height: 45px;
    background: url(images/bloc-menu.jpg) 0 0 no-repeat;
}
#annonces_mark .resultat{
    padding: 0 20px;
}
#annonces_mark_bottom{
    width: 755px;
    height: 24px;
    margin-top: -6px;
}
#annonces_mark hr{
    background: url(images/barre-jobs.jpg) 0 0 no-repeat;
    height: 3px;
    width: 715px;
}
.header_annonce{
    line-height: 45px;
}
.header_annonce_left{
    float: left;
    width: 25px;
    text-align: center;
}
.header_annonce_middle{
    float: left;
    width: 610px;
    padding-left: 10px;
}
.header_annonce_middle_alone{
    float: left;
    width: 680px;
    padding: 20px 0  0 10px;
}
.header_annonce_middle h3,
.header_annonce_middle_alone h3{
    line-height: 25px;
}
.header_annonce_middle h4,
.header_annonce_middle_alone h4{
    line-height: 20px;
    font-size: 12px;
    color: #9db34e;
}
.header_annonce_right{
    float: left;
    width: 70px;
    text-align: center;
}
.header_annonce_right .img_off{
    background: url(images/open-close-annonce.png) 0 0 no-repeat;
    margin-top: 14px;
}
.header_annonce_right .img_on{
    background: url(images/open-close-annonce.png) 0 -17px no-repeat;
    margin-top: 14px;
}
.header_annonce_right .img_off_en{
    background: url(images/open-close-annonce.png) 0 0 no-repeat;
    margin-top: 14px;
}
.header_annonce_right .img_on_en{
    background: url(images/open-close-annonce.png) 0 -17px no-repeat;
    margin-top: 14px;
}
.main_annonce{
    clear:both;
    display: none;
    visibility: hidden;
}
.main_annonce_activate{
    clear:both;
    display: block;
}
#content .main_annonce_activate h1,
#content .main_annonce_activate h2,
#content .main_annonce_activate h3,
#content .main_annonce_activate h4,
#content .main_annonce_activate h5{
    color: #1d3571;
}
#annonces_mark .main_annonce_activate h1,
#annonces_mark .main_annonce_activate h2,
#annonces_mark .main_annonce_activate h3,
#annonces_mark .main_annonce_activate h4,
#annonces_mark .main_annonce_activate h5{
    color: #1d3571;
    margin-bottom: 10px;
}
.main_annonce_activate p,
.main_annonce p {
    
}
.main_annonce_left{
    float: left;
    width: 485px;
    font-size: 14px;
}
.main_annonce_right{
    float: left;
    width: 230px;
}
.main_annonce_right img{
    margin-bottom: 20px;
}
.annonce_des{
    padding: 10px 20px 0;
}
.annonce_req{
    padding: 20px;
}
.annonce_social{
    padding: 0 0 20px 20px;
    width: 72px;
}
.annonce_social a {
    position: relative;
    height: 20px;
    width: 72px !important;
    padding: 1px 8px 1px 6px;
    font-weight: 500;
    cursor: pointer;
    background-color: #1b95e0;
    border-radius: 3px;
    box-sizing: border-box;
    color: white !important;
    display: block;
}
.annonce_social a:hover {
color: white !important;
text-decoration: none;
background-color:#0c7abf
}
.annonce_social .label {
    margin-left: 3px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}
.annonce_social i {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent 0 0 no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E");
}
.top_social {
    font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
}
#content .annonce_des p,
#content .annonce_req p{
    margin: 0;
    padding: 0;
}
#annonces_mark .annonce_des p,
#annonces_mark .annonce_req p{
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
}
.annonce_info{
    font-size: 12px;
    padding: 40px 20px 20px 0;
}
.intitule{
    color: #1d3571;
    font-weight: bold;
    line-height: 20px
}
.clear{
    clear: both;
}
.annonce_background_color{
    background-color: #dae5e9;
}
#candidature{
    margin-left: 20px;
}
#candidature textarea{
    margin: 2px 0;
}
#candidature select{
    margin: 2px 0;
}
#candidature .margint10{
    margin-top:10px;
}
.candidature_left_login{    
    float: left;
    width: 300px;
    text-align: right;
}
.candidature_right{
    float: left;
    margin-left: 5px;
    width: 295px;
    text-align: left;
}
.register_left_login{    
    float: left;
    width: 300px;
    text-align: right;
}
.register_right{
    float: left;
    margin-left: 5px;
    width: 295px;
    text-align: left;
}
.register_right input,
.candidature_right input{
    background-color: #dae5e9;
}
.navigation{
    text-align:center;
    margin-top:10px;
    margin-left: 10px;
}
.navigation span {
    width: 15px;
    height: 18px;
    display: inline-block;
}
.navigation a{
    text-decoration: none;
    color: #101b3b;
}
.navigation a span:hover{
    background-color: #6daa2b;
}
.navigation .current {
    background-color: #6daa2b;
    color: #101b3b;
    margin: 0 2px;
}
.error{
    color: red;
}
.fleft{
    float: left;
}

/* =error404
----------------------------------------------- */

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
}
.error404 #main #s {
	width: 95%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* =Membre
-------------------------------------------------------------- */
#login form{
    padding-top: 30px;
    padding-bottom: 20px;
}
#login h1,
#login h2,
#login h3,
#login h4{
    margin-left: 50px;
    color: #68aa2e;
}
#login p{
    font-size: 14px;
    color: #1f2849;
}
#login a{
    font-size: 14px;
    color: #23479d;
}
#espace_membre {
    background: url("images/bloc-2.jpg") repeat-y scroll 0 0 transparent;
    width: 755px;
}
#espace_membre_top{
    height: 16px;
    background: url(images/blocform-1.jpg) 0 0 no-repeat;
}
#espace_membre_middle{
    background: url(images/blocform-2.jpg) 0 0 no-repeat;
}
#espace_membre_middle .message {
    padding-left: 25px;
}
#espace_membre_bottom{
    width: 755px;
    height: 24px;
    margin-top: -6px;
}
#espace_membre .user_left{
    float: left;
    width: 300px;
    text-align: right;
}
#espace_membre .color{
    background-color: #c5d0fe;
    width: 210px;
}
#login .user_left_login{
    float: left;
    width: 310px;
    text-align: right;
}
.user_center{
    width: 600px;
    margin: 0 auto;
    text-align: center;
}
#espace_membre .user_right,
#login .user_right_login{
    float: left;
    margin-left: 5px;
    width: 295px;
    text-align: left;
}
#login .user_right_login .color{
    background-color: #c5d0fe;
    width: 210px;
}

/* =Widgets
----------------------------------------------- */
#widget_0, #widget_1, #reseau{
    margin-bottom: 4px;
}
#recherche{
    height: 205px;
    background: url(images/search.jpg) 0 0 no-repeat;
    margin: 4px 0;
}
#recent-posts-2, #recent-posts-3{
    background: url(images/blog.jpg) 0 0 no-repeat;
    color: #101b3b;
}
#recent-posts-2 h2, #recent-posts-3 h2{
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 10px 35px;
}
#recent-posts-2 li, #recent-posts-3 li{
    background: url(images/barre-blog.jpg) no-repeat bottom left;
    font-size: 12px;
    margin: 0 0 4px 10px;
    padding-bottom: 10px
}
#recent-posts-2 a, #recent-posts-3 a{
    color: #101b3b;
    line-height: 16px;
    
}
#recent-posts-2 .barre_blog, #recent-posts-3 .barre_blog{
    background: url(images/puce-blog.png) no-repeat 0 50%;
    padding: 0 0 0 20px;
    line-height: 100%;
}
#pages-2, #pages-3{
    color: #101b3b;    
}
#pages-2 li,
#pages-3 li,
#categories-3 li,
#categories-2 li{
    margin-bottom: 4px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-right: 20px;
    line-height: 60px;
}
#pages-2 li a,
#pages-3 li a,
#categories-3 li a,
#categories-2 li a{
    color: #FFF;
    display: block;
    height: 60px;
    width: 265px;   
    text-decoration: none;
}
#pages-2 li a:hover, #pages-3 li a:hover{
    text-decoration: none;
}
#categories-3 .cat-item-1, #categories-2 .cat-item-1{
    background: url(images/espace-recruteur.jpg) no-repeat 0 0;
}
#pages-3 .page-item-222, #pages-2 .page-item-228{
    background: url(images/find-job.jpg) no-repeat 0 0;
}
#pages-3 .page-item-526, #pages-2 .page-item-523{
    background: url(images/3.jpg) no-repeat 0 0;
}
#reseau {
    background: url(images/reseaux.jpg) no-repeat 0 0;
    height: 50px;
    width: 285px; 
    padding: 10px 0 0 10px;
}
#reseau #reseau_icone{
    padding-top: 10px;
    height: 40px;
    width: 150px;
    margin: 0 0 0 20px;    
}
#reseau img{
    display: inline;
    margin: 0 5px;
}
#annonces_mark{
    clear:both;
}
#annonces_mark a{
    color: #1982D1;
}
#annonces_mark a:hover{
    color: #1982D1;
}
.annonce_bout_cont{
    clear: both;
    margin: 0 auto;
    width: 70px;
    height: 22px;
    padding-top: 20px;
}

/* =Blogs
----------------------------------------------- */

.header_blog_middle{
    float: left;
    width: 635px;
    padding-left: 10px;
}
.header_blog_middle h3{
    line-height: 25px;
}
.header_blog_middle h4{
    line-height: 20px;
    font-size: 12px;
    color: #9db34e;
}
#archive_pagination {
    margin-top:10px;
}
#archive_pagination span{
    width: 15px;
    height: 18px;
    display: inline-block;    
}
#archive_pagination .current-numeric-page{
    background: url(images/courante.jpg) no-repeat 0 0;
}
#archive_pagination a{
    text-decoration: none;
    color: #101b3b;
}
#archive_pagination a span:hover{
    background-color: #6daa2b;
}

/* =Footer
----------------------------------------------- */

#colophon {
	clear: both;
        background-image: url(images/footer.jpg);
        width: 1060px;
        height: 200px;
        text-align: center;
        font-size: 9px;
        color: #FFF;
}
#colophon .paddingt60{
    padding-top: 60px;
}
#colophon a{
    text-decoration: none;
    color: #FFF;
}
#colophon a:hover{
    text-decoration: underline;
}
#colophon a:visited{
    text-decoration: none;
}


/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}