/*
Theme Name: Smart Side
Theme URI: http://www.smart-side.com/
Description: Theme du site smartside
Version: 1.0
Author: Arkylia
 
*/

/**********************************/

.welcomekit-jobs-list-item {
  margin: 0;
  padding: 0;
}
.welcomekit-jobs-list-item-link {
  position: relative;
  display: block;
  margin: 0;
  padding: 30px 5px;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  transition: all 0.2s;
}
.welcomekit-jobs-list-item-link:after {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  content: ' ';
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  transform: rotate(45deg);
  transition: all 0.2s;
}
.welcomekit-jobs-list-item-link:hover {
  background: #f5f5f5;
  border-bottom-color: #ddd;
}
.welcomekit-jobs-list-item-link:hover:after {
  right: 20px;
  border-top-color: #aaa;
  border-right-color: #aaa;
}
.welcomekit-job-name {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
}
.welcomekit-job-infos {
  margin: 0;
  padding: 0;
}
.welcomekit-job-infos > li {
  position: relative;
  display: inline-block;
  margin: 0 34px 0 0;
  color: #aaa;
}
.welcomekit-job-infos > li:before {
  position: absolute;
  top: 6px;
  left: -20px;
  content: ' ';
  display: block;
  height: 6px;
  width: 6px;
  background: #ddd;
  border-radius: 50%;
}
.welcomekit-job-infos > li:first-child:before {
  display: none;
}
.welcomekit-job-infos > li.welcomekit-job-description {
  display: block;
  margin: 10px 0 0 0;
  padding: 10px 20px;
  border-left: 2px solid #eee;
}
.welcomekit-job-infos > li.welcomekit-job-description p,
.welcomekit-job-infos > li.welcomekit-job-description ul {
  margin: 0;
  padding: 0 0 10px 0;
  color: #bbb;
}
.welcomekit-job-infos > li.welcomekit-job-description ul li {
  border-left: 1px solid #eee;
  padding-left: 10px;
  margin-bottom: 10px;
}
.welcomekit-job-infos > li.welcomekit-job-description pre {
  border-left: 1px solid #eee;
  padding-left: 10px;
  overflow: auto;
}
.welcomekit-job-infos > li.welcomekit-job-description:before {
  display: none
}
.welcomekit-office-city,
.welcomekit-department-name {
  display: block;
  padding: 15px;
  background: #eee;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
}
.welcomekit-warning {
  display: block;
  padding: 50px 0;
  text-align: center;
}
/**********************************/


html {
font-size : 100%;
height : 100%;
}

body {
font-family : tahoma, arial,helvetica,clean,sans-serif;
font-size : 13px;
height : 100%;
}

h1, h2, h3 {
font-family: 'Ubuntu';
}

a {
color : #5da9de;	
}

#main {
margin-bottom: -220px;
min-height: 100%;
position: relative;
background: url("./img/main_background.gif") 50% 50% repeat-y;
background-color : #dedfd8;	
}

#main.right_sidebar {
background: url("./img/sidebar_right_background.jpg") 50% 50% repeat-y;
background-color : #dedfd8;		
}

#header {
background-color : #dedfd8;	
}

#header #logo {
margin : 0 30px 0 0;
}

#header #logo h1 {
display : block;
width : 240px;
height : 100px;
background: url("./img/logo_smartside.jpg") 0 0 no-repeat;	
text-indent : -5000px;
}

#qtranslate-chooser {
margin : 10px 0 10px 0;
float : right;	
height : 26px;
}

#qtranslate-chooser li {
float : right;	
}

#qtranslate-chooser li a {
display : block;
height : 26px;
line-height : 26px;
padding : 0 0 0 30px;
margin : 0 0 0 20px;
color : #888888;
text-decoration : none;
text-transform : uppercase;
}

#qtranslate-chooser .qtranxs_flag_fr {background: url("./img/fr.gif") 0 -26px no-repeat !important;}
#qtranslate-chooser .qtranxs_flag_en {background: url("./img/en.gif") 0 -26px no-repeat !important;}
#qtranslate-chooser .qtranxs_flag_de {background: url("./img/de.gif") 0 -26px no-repeat !important;}

#qtranslate-chooser .active a, #qtranslate-chooser li a:hover {
background-position : 0 0 !important;
color : #555555;	
}

#header .menu {
clear : both;
float : right;
margin : 5px 0 0 0;	
font-family: 'Ubuntu';
}

.fixe #header .menu {
margin : 5px 0 50px 0;	
}

#header .menu li {
float : left;
}

#header .menu li a {
display : block;
font-size : 19px;
text-decoration : none;	
color : #555555;
line-height : 45px;	
margin : 0 15px;
padding : 0;
height : 50px;
background: url("./img/menu_item_background.gif") 50% 100px no-repeat;
}

#header .menu li a:hover {
color : #111111;
}

#header .menu .current_page_item a, #header .menu .current_page_item a:hover, #header .menu .current_page_ancestor a, #header .menu .current_page_ancestor a:hover {
background-position : 50% 0;
padding : 0 15px;
margin : 0;	
color : #FFFFFF;
}

#sub_menu {
/* font-family: 'Ubuntu'; */
background: url("./img/sub_menu_background.jpg") 0 0 repeat-x;
}

.fixe #sub_menu {
width : 100%; 
position : fixed;
top : 0px;
z-index : 999;
opacity : 0.95; 
-moz-opacity : 0.95; 
-ms-filter: "alpha(opacity=95)";
filter : alpha(opacity=95);
}

#sub_menu ul {
display : block;
height : 50px;	
}

#sub_menu li {
display : inline;
float : right;	
}

#sub_menu li a {
display : block;
font-size : 14px;
color : #FFFFFF;
line-height : 32px;
padding : 0px 10px;
margin : 8px 0px 8px 10px;
height : 34px;
text-align : center;
text-decoration : none;	
background: url("./img/sub_menu_background.jpg") 0 -7px repeat-x;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#sub_menu li a:hover, #sub_menu li a.hover {
background-position : 0 -57px;	
color : #FFFFFF;
-moz-box-shadow: inset 0 0 5px #111111;
-webkit-box-shadow: inset 0 0 5px #111111;
box-shadow: inset 0 0 5px #111111;
}

#sub_menu .current_page_item a, #sub_menu .current_page_item a:hover, #sub_menu .current_page_item a.hover, #sub_menu .current_page_parent a, #sub_menu .current_page_parent a:hover, #sub_menu .current_page_parent a.hover {
background-position : 0 -57px;	
color : #b2b3a9;
-moz-box-shadow: inset 0 0 5px #111111;
-webkit-box-shadow: inset 0 0 5px #111111;
box-shadow: inset 0 0 5px #111111;
}

#my_slider {
background: url("./img/slider_background.jpg") 0 0 repeat-x;	
height : 350px;
color : #FFFFFF;
overflow : hidden;
}

#my_slider h1 {
display : block;
text-align : left;
font-size : 40px;
line-height : 45px;	
margin : 0 0 20px 0;
color : #aaaaaa;
}

#my_slider h2 {
display : block;
text-align : left;
font-size : 28px;
font-weight : 300;
line-height : 45px;	
font-family: 'Open Sans', sans-serif;
}

#my_slider h3 {
display : block;
text-align : left;
font-size : 22px;
font-weight : 300;
line-height : 45px;	
font-family: 'Open Sans', sans-serif;
}

#introduction {
margin : 15px 0 20px 0;
padding : 0 0 20px 0;
background: url("./img/introduction_background_large.gif") 50% 0 repeat-y;
background-color : #f5f6f1;
}

#introduction .content {
/* background: url("./img/line_white.gif") 33% 20px no-repeat; */
padding : 20px 0 0 0;
}

#introduction h2 {
color : #FFFFFF;
font-size : 20px;
font-weight : normal;
text-transform : uppercase;
margin : 0 10px 0 0;
}

#introduction p {
font-family: 'Ubuntu';
color : #333333;
font-size : 14px;
line-height : 20px;
text-align : left;
margin : 0 10px 0 20px;
}


#content {
padding : 0 0 50px 0;	
color : #666666;
}

#content .padding_content {
padding : 15px 0 35px;	
}

#content h1 {
color : #333333;
font-size : 18px;
font-weight : normal;
margin : 30px 0 30px 30px;
display : block;
width : 66%;	
}

#content h1 span {
font-weight : bold;
}

#content h3 {
color : #95b02f;
font-size : 22px;
font-weight : 300;
margin : 0 0 10px 0;
display : block;
}

#content h3.underline {
background: url("./img/underline_green.gif") bottom left no-repeat;
background : none;	
}

#content p {
margin : 15px 0; 
line-height : 22px;	
color : #666666;
text-align : justify;
}

#content p.intro {
color : #333333;
}

#clearfooter {
clear: both;
height: 220px;
}

#footer {
background: url("./img/footer_background.gif") top repeat-x;
height : 220px;	
position : relative;	
}

#footer h4 {
font-size : 14px;
font-weight : normal;
color : #314907; 
margin : 0;
text-transform : uppercase;	
}

#footer li {
line-height : 26px;
color : #FFFFFF;
padding-top : 2px;	
}

#footer_nav {
background: url("./img/footer_titre_nav.gif") 0 2px no-repeat;	
height : 175px;
}

#footer_nav .menu {
padding : 25px 0 0 50px;	
}

#footer_nav .menu li {
float : left;
display : block;
background: url("./img/footer_separator.gif") left repeat-y;	
margin : 0 0 0 30px;
padding : 0 0 0 30px;
}

#footer_nav .menu .first {	
margin : 0 0 0 5px;
padding : 0;
background : none;
}

#footer_nav .menu .children li {
display : block;
float : none;	
background : none;
margin : 0;
padding : 0;
line-height : 20px;
}

#footer li a {
font-size : 12px;
font-weight : normal;
color : #FFFFFF;
margin : 0;	
text-shadow: 2px 1px #999999;
text-transform : none;
text-decoration : none;
}

#footer li a:hover {
text-decoration : underline;	
}

#footer_contact {
background: url("./img/footer_titre_contact.gif") 0 2px no-repeat;	
height : 175px;
}

#footer_contact li {
text-shadow: 2px 1px #999999;
}

#footer_contact li a {
line-height : 16px;
}

#footer_contact .adress {
padding : 30px 0 0 38px;
}

#footer_contact .adress h4 {
padding : 0 0 5px 0;
}

#copyright {
text-align : center;
color : #bfbfbf;
margin : 20px 0 0 0;	
}

.blog_post {
clear : both;
overflow : auto;
margin : 15px 0 0 0;	
}

.post_header {
background: url("./img/post_header_background.gif") 0 0 repeat-y;
background-color : #f5f6f1;
overflow : auto;
margin : 0 0 15px 0;
}

.post_header .date {
margin-top : 8px;
background: url("./img/blog_date_background.png") 0 0 no-repeat;
height : 30px;
color : #FFFFFF;
font-size : 13px;
line-height : 24px;
text-indent : 15px;
text-shadow: 2px 1px #888888;
}

#content .post_header h3 {
padding : 10px 0 12px;
margin-bottom : 0px;
}

#content .author {
text-align : center;
}

#content .author .name {
color : #888888;
padding-right : 8px;
}

#content .author .cadre_photo {
width : 75px;
padding : 7px;
background : #FFFFFF;
border : 1px solid #aaaaaa;	
margin : 7px 0 7px 16px;
}

#content .post_content {
padding : 0 0 15px;
margin : 0 0 25px 0;
line-height: 22px;
border-bottom : 1px solid #aaaaaa;
}

#content .post_content p {
margin : 0 0 10px;	
}

#content .post_content .more-link {
float : right;
color : #5da9de;
margin : 20px 0 0 0;
font-weight : bold;	
}

.navigation {
margin : 30px 0 65px 0;
text-align : left;	
clear : both;
}

.navigation .previous_post {float : left;}
.navigation .next_post {float : right;}

.navigation a {
display : block;
margin : 0 15px;
background-repeat : no-repeat;
background-color : #d5d5d5;
color : #333333;
text-decoration : none;	
border : 1px solid #bbbbbb;
}

.navigation a:hover {
background-position : 10px -22px;
background-color : #555555;
color : #FFFFFF;
border : 1px solid #bbbbbb;
}

.navigation .previous_post a {background-image: url("./img/left_arrow.gif"); background-position : 10% 3px; padding : 7px 15px 7px 25px;}
.navigation .next_post a {background-image: url("./img/right_arrow.gif"); background-position : 90% 3px; padding : 7px 25px 7px 15px;}

.navigation .previous_post a:hover {background-position : 10% -22px;;}
.navigation .next_post a:hover {background-position : 90% -22px;}

.sidebar {
margin : 25px 0 0 0;	
}

.sidebar .widget {
margin : 0 0 25px 20px;
padding : 0 0 20px 0;
border-bottom : 1px solid #aaaaaa;	
}

.sidebar .widget h2 {
color : #555555;
font-size : 18px;
font-weight : normal;
margin : 0 0 15px 0;
display : block;
line-height : 20px;
}

.sidebar .widget_archive h2 {
background: url("./img/ico_archive.png") 0 50% no-repeat;
padding : 0 0 0 35px;	
}

.sidebar .widget_categories h2 {
background: url("./img/ico_categorie.png") 3px 50% no-repeat;
padding : 0 0 0 35px;	
}

.sidebar h2.rss_feed {
background: url("./img/ico_rss.png") 3px 50% no-repeat;
padding : 0 0 0 35px;	
}

.sidebar h2.rss_feed a {
color : #555555;
text-decoration : none;	
}

.sidebar .widget_archive li, .sidebar .widget_categories li {
padding : 4px 0 4px 35px;	
}

.sidebar .widget_archive li a, .sidebar .widget_categories li a {
font-size : 12px;
color : #555555;
text-decoration : none;	
}

.sidebar .widget_archive li a:hover, .sidebar .widget_categories li a:hover {
color : #333333;
text-decoration : underline;	
}

#sidebar-homepage .widget_rss h2 {
display: block;
font-size: 22px;
font-weight: normal ;
margin: 0 0 15px;
text-align : right;	
}

#sidebar-homepage .widget_rss h2 a {
text-decoration : none;
color : #333333;	
}

#sidebar-homepage .widget_rss h2 a img {
display : none;	
}

#sidebar-homepage .widget_rss li {
clear : both;	
display : block;
background: url("./img/feed_background.gif") 0 0 repeat-y;
overflow : auto;
}

#sidebar-homepage .widget_rss li a {
float : right;	
font-size : 12px;
line-height : 16px;
padding : 10px 0 10px 10px;
width : 150px;
text-align : left;
color : #555555;
text-decoration : none;
}

#sidebar-homepage .widget_rss li a:hover {
text-decoration : underline;
}

#sidebar-homepage .widget_rss li .rss-date {
display : block;
float : left;	
width : 40px;
padding : 10px 5px;
text-align : center;
font-size : 16px;
color : #FFFFFF;
text-shadow: 2px 1px #888888;
}

#sidebar-homepage .widget_rss li.odd {background-position : -225px 0;}

.equipe {
margin : 30px 0 30px 0;	
overflow : auto;
}

.equipe .portrait {
padding : 10px;
background : #FFFFFF;
border : 1px solid #aaaaaa;	
}

.equipe .presentation {
border-bottom : 1px solid #aaaaaa;
margin : 0 0 15px 0;
padding : 0 0 15px 0;	
}

.equipe h2 {
color : #888888;
font-size : 22px;
font-weight : normal;	
margin : 25px 0 5px 0;
}

.equipe.large h2 {
float : left;	
padding : 0 0 25px 0;
margin : 0 20px 0 0;
}

.equipe h2 span {
color : #333333;	
}

.equipe .fonction {
color : #95af39;
padding : 7px 0 0 0;	
}

#content .equipe p {
clear : both;	
color : #666666;
}

#content .equipe .first {
color : #333333;
font-style : italic;	
}

.search_result {
margin : 0 0 30px 0;
padding : 0 0 15px 0;
border-bottom : 1px solid #aaaaaa;
}

.search_result h2 {
display : block;
background-color : #dedfd8;
padding : 10px 20px 12px 20px;
}

.search_result h2 a {
color : #333333;
font-size : 16px;
font-weight : normal;
text-decoration : none;	
}

.search_right {
float : right;
margin : -45px 0 0 0;	
}

.data_bloc {
clear : both;
overflow : auto;	
padding : 40px 0 50px;	
}

.data_bloc_right {
padding : 20px 0;	
margin-bottom : 30px;
background: url("./img/line_grey.gif") bottom right no-repeat;
}

.data_bloc_left {
padding : 20px 0;	
margin-bottom : 30px;
background: url("./img/line_grey.gif") bottom left no-repeat;
}

.data_bloc_small {
clear : both;
overflow : auto;	
padding : 20px 0 25px;	
}

.search_input {
border : 1px solid #aaaaaa;	
line-height : 16px;
width : 135px;
}

/*Mosaic style (section partenaires)*/
.mosaic {
float:left;
position:relative;
overflow:hidden;
width:280px;
height:230px;
margin:25px 0;
background:#eeefeb url("./img/progress.gif") no-repeat center center;
border:1px solid #fff;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.mosaic-backdrop {
display:none;
position:absolute;
top:0;
height:100%;
width:100%;
background:#111;
}

.mosaic-overlay {
display:none;
z-index:5;
position:absolute;
width:100%;
height:100%;
background:#111;
}

#content .mosaic-overlay .details { 
font-family: 'Ubuntu';
margin:15px 20px;
font-size : 11px;
display : block;
text-decoration : none;
}

#content .mosaic-overlay .details p {
color : #333333;	
text-align : left;
margin : 10px 0 0 0;
} 

#content .mosaic-overlay .details h3 {
font-size : 20px;
color : #748c19;
margin : 0;
} 

.fade .mosaic-overlay {
opacity : 0.0; 
-moz-opacity : 0.0; 
-ms-filter: "alpha(opacity=0)";
filter : alpha(opacity=0);
/*background:url("./img/bg-grey.png");*/
background-color : #eeefeb;
}

/* -------------------------*/
#schema_legende01 {
position : absolute;
display : none;
}

#schema_legende02 {
position : absolute;
margin-top : 205px;	
display : none;
}

/* -------------------------*/

#site_overlay_left {
height: 100%;
left: -505px;
position: fixed;
top: 0;
width: 50%;
background: url("./img/left_overlay.jpg") right repeat-y;
background-color : #FFFFFF;
z-index:1000;
opacity : 0.40; 
-moz-opacity : 0.40; 
-ms-filter: "alpha(opacity=40)";
filter : alpha(opacity=40);
}

#site_overlay_right {
height: 100%;
right: -505px;
position: fixed;
top: 0;
width: 50%;
background: url("./img/right_overlay.jpg") left repeat-y;
background-color : #FFFFFF;
z-index:1000;
opacity : 0.40; 
-moz-opacity : 0.40; 
-ms-filter: "alpha(opacity=40)";
filter : alpha(opacity=40);
}

.ico_mail {background: url("./img/ico_mail.png") 0 6px no-repeat; padding : 6px 0 5px 28px;}
.ico_map {background: url("./img/ico_map.png") 3px 3px no-repeat; padding : 6px 0 5px 28px;}
#footer .page_item {background: url("./img/ico_file.png") 0px 11px no-repeat; padding : 6px 0 5px 28px;}

.more_info {
display : block;
text-align : right;
color : #5da9de;
font-weight : bold;
margin : 5px 0;	
padding : 0 15px 0 0;
text-decoration : none;
background: url("./img/blue_arrow.gif") 100% 50% no-repeat;
}

.more_info:hover {
text-decoration : underline;
}

.button {
cursor : pointer;
display : inline-block;
font-family: 'Ubuntu';
font-size: 20px;
color: #314907;
padding: 20px 24px 18px;
background-image: url("./img/button_background.jpg");
background: -moz-linear-gradient(top,#bdcf1d 0%,#97b13b);
background: -webkit-gradient(linear, left top, left bottom, from(#bdcf1d),to(#97b13b));
background-color : #bdcf1d;
background-repeat : repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px solid #949494;
-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 1px 2px rgba(221,238,71,1);
-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 1px 2px rgba(221,238,71,1);
text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.5);
overflow : auto;
text-decoration : none;
}

.button:hover {
cursor : pointer;
display : inline-block;
font-family: 'Ubuntu';
font-size: 20px;
color: #5c7e21;
padding: 20px 24px 18px;
background-image: url("./img/button_background.jpg");
background: -moz-linear-gradient(top,#cbe200 0%,#b0d62a);
background: -webkit-gradient(linear, left top, left bottom, from(#cbe200),to(#b0d62a));
background-color : #bdcf1d;
background-repeat : repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px solid #949494;
-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.75), inset 0px 1px 2px rgba(255,255,255,0.75);
-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.75), inset 0px 1px 2px rgba(255,255,255,0.75);
text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.5);
overflow : auto;
text-decoration : none;
}


.button.ico {
padding: 0 24px 0 5px;	
}

.button .recruit {
background: url("./img/ico_recruit.png") 10px 50% no-repeat;
padding: 20px 0 18px 92px;
display : block;
text-align : center;
}

#content .info_small {
margin : 15px 0; 
display : block;
text-align : center;
clear : both;
font-size : 11px;
font-style : italic;	
}

.list_check {
overflow : auto;
}

.list_check li {
background: url("./img/list_check.gif") 0px 7px no-repeat;
padding : 8px 0 8px 35px ;	
line-height : 20px;
text-align : justify;
}

li.width_50 {
width : 375px;
margin : 0 20px;
display : block;
float : left;	
}

.justify {
text-align : justify;	
}

.border3_grey {
border : 3px solid #eeeeee;	
}

.border5_black {
border : 5px solid #2a2a2a;	
}

.hide {
display : none;	
}

.clear_both {
clear : both;	
}

/*Flex slider*/
#my_slider .flex-control-nav {
z-index : 10000;
top : 307px;
text-align : left;
padding-left : 15px;
opacity : 0.5;
}

#my_slider .flex-control-paging li a.flex-active {
background: #FFFFFF;
cursor: default;
}

#my_slider .flex-control-paging li a {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
margin : 0 4px;
}