@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Raleway', sans-serif;
}

ul {
	margin-left:0px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Raleway', sans-serif;
	color:#fff;
}

label,p {
	font-family: 'Raleway', sans-serif;
}

a {
	font-family: 'Raleway', sans-serif;
}

span {
	font-family: 'Raleway', sans-serif;
}

.button {
	font-family: 'Raleway', sans-serif;
}

.row {
	max-width:73.75em;
}

/* Header Style */
#header {
	width:100%;
	background:#652d90;
	float:left;
	padding:3px 0px;
	border-bottom:5px solid #ffffff;
}


.b-bottom {
	border:none !important;
}

#header .top-bar {
	background:none;
}

#header .top-bar-section ul {
	margin-top:0px;
}

#header .top-bar-section ul li {
	background:none;
	list-style:none;
}

#header .top-bar-section ul li a {
	color:#fff;
	font-size:19px;
	font-family: 'Raleway', sans-serif;
	background:none;
	text-align:center;
	line-height:58px;
	padding:0px 11px;
}

#header .top-bar-section li.active a, #header .top-bar-section li:hover a {
}

.top-bar-section .has-dropdown > a:after {
	border:none;
	background:url(../images/arrow-down.png) 0% 0% no-repeat;
	content:'';
	height:6px;
	width:8px;
	margin-top:5.5px;
}

.top-bar-section .left li .dropdown {
	background:#652d90;
}

/*Banner*/
#banner {
	float:left;
	width:100%;
	background:url(../images/banner-bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	padding-top:90px;
	padding-bottom:196px;
}

#banner.banner-none {
	background:none;
	padding:0px 0px;
}

#banner .middle {
	background:url(../images/key-board.jpg) 0% 0% no-repeat;
	background-size:cover;
	padding-bottom: 40px;
	float:left;
	width:100%;
}

#banner .middle.bottom-space {
	margin-bottom:15px;
}

#banner .middle form {
	margin-top:35px;
	margin-bottom:30px;
	padding-top: 15px;
    padding-bottom: 10px;
	border-radius:15px;
}

#banner .middle ul li  input[type="text"] {
	height:36px;
	font-size:19px;
}

#banner .middle input[type="submit"] {
	height:36px;
	background:#0c51a1 url(../images/search-small.png) 50% 50% no-repeat;
}

#banner.pay {
	float:left;
	width:100%;
	background:url(../images/banner-2.jpg) 50% 50% no-repeat;
	background-size:cover;
	padding-top:90px;
	padding-bottom:10px;
}

#banner.pay a.button {
	font-size:30px;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	background:#652d90;
	padding:0px 30px;
	margin-top:70px;
	border-radius:8px;
	width:290px;
	line-height:80px;
	margin-left:40px;
}

#banner.pay a.button.line-height {
	line-height: 35px;
	padding:10px 12px 10px 20px;
	text-align:left;
	font-size:27px;
}

#banner.pay a.button.blue {
	background:#0c51a1;
}

#banner.pay p {
	font-size:36px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:0px;
}

#banner.pay .bx-wrapper {
	margin-bottom:10px;
}

#banner.pay .bx-wrapper .bx-pager {
	bottom:-5%;
	padding-top:0px;
}

#banner.pay h3 {
	font-size:36px;
	font-weight:500;
	margin-bottom:0px;
}

#banner h2 {
	font-size:60px;
	font-weight:900;
	text-transform:uppercase;
	color:#fff;
}

#banner h4 {
	font-size:31px;
	text-transform:uppercase;
	color:#8f9094;
	font-weight:600;
}

#banner form {
	display:inline-block;
	width:100%;
	background:#ffffff;
	border-radius:8px;
	padding:23px 20px 17px 20px;
	margin-bottom:22px;
	margin-top:90px;
}

#banner ul {
	display:inline-block;
	margin-bottom:0px;
}

#banner ul li {
	display:inline-block;
	list-style:none;
	padding:0px 1px;
}

#banner ul li:last-child {
	padding:0px 15px 0px 25px;
	float:right;
}

#banner ul li  input[type="text"] {
	border:1px solid #dddddd;
	height:75px;
	width:290px;
	background:#f5f5f5;
	border-radius:4px;
	font-size:24px;
	margin-bottom:0px;
}

#banner ::-webkit-input-placeholder {
	color:#151515;
	padding-left:20px;
	font-family: 'Raleway', sans-serif;
}

#banner input[type="submit"] {
	border:1px solid #dddddd;
	height:75px;
	background:#0c51a1 url(../images/search.png) 50% 50% no-repeat;
	outline:0;
	display:inline-block;
	border-radius:9px;
	margin-bottom:0px;
	padding:0px 40px;
}

.normal {
	padding:0px 5px;
}

#banner a {
	font-size:18px;
	color:#ffffff;
	text-decoration:underline;
	font-weight:400;
}

/*Offers*/
#offers {
	float:left;
	width:100%;
	padding:30px 0px; 
}

.general-padding-top {
	padding-top:0px !important;
}

#offers h4 {
	color:#0c51a1;
	font-size:27px;
	font-weight:bold;
	margin-bottom:20px;
}

.text-uppercase {
	text-transform:uppercase !important;
}

.bottom {
	padding-bottom:25px;
}

.top-bottom {
	margin:10px 0px !important; 
}

.bottom-only {
	margin-bottom:20px !important;
}

.bottom-only-normal {
	margin-bottom:10px !important;
}

#offers.offers-pay .columns {
	padding:0px 4px;
}

#offers h4 span {
	color:#652d90;
}

#offers h4 span.gray {
	font-size:21px;
	color:#969797;
	text-transform:capitalize;
	font-weight:500;
	margin-left:10px;
}

#offers ul {
	float:left;
	width:100%;
	border:1px solid #e5e4e4;
	background:#fcfbfb;
}

#offers h3 {
	font-size:23px;
	color:#652d90;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #e5e4e4;
	line-height:50px;
	margin:0px;
	padding-left:5px;
}

#offers ul li {
	list-style:none;
	display:inline-block;
	width:100%;
	background:#652d90;
	padding-left:10px;
	margin:10px 0px;
}

#offers ul li a {
	color:#fff;
	font-size:18px;
	line-height:40px;
	display:inline-block;
	width:100%;
	position:relative;
}

#offers ul li a span {
	position:absolute;
	right:-10px;
	top:-15%;
	background:#320852;
	border-radius:100%;
	width:52px;
	text-align:center;
	line-height:52px;
}

#offers ul .details {
	float:left;
	width:100%;
	padding:20px 25px 20px 5px;
}

#offers ul.blue h3 {
	color:#0c51a1;
}

#offers ul.blue li {
	background:#0c51a1;
}

#offers ul.blue li a span {
	background:#0a3261;
}

#offers .content {
	float:left;
	width:100%;
	background:#f3f2f2;
	border:1px solid #e5e4e4;
	padding:20px 15px;
	margin-bottom:20px;
}

#offers .content h5 {
	font-size:20px;
	color:#652d90;
	font-weight:bold;
}

#offers .content p {
	font-size:14px;
	color:#0c51a1;
	line-height:16px;
}

#offers .content select {
	width:100%;
	background:#ffffff url(../images/arrow-gray.png) 95% 50% no-repeat;
	font-size:16px;
	color:#b9b8b8;
	height:40px;
	border-radius:8px;
	border:1px solid #eeeeee;
	outline:0;
}


#offers .content label {
	font-size:14px;
	color:#0c51a1;
	line-height:38px;
}

#offers  .information {
	background:#00abe3;
	float:left;
	width:100%;
	padding:15px 5px 20px 5px;
}

#offers  .information h5 {
	font-size:20px;
	font-weight:bold;
	color:#652d90;
	padding-left:5px;
}

#offers  .information ul  {
	border:none;
	background:none;
}

#offers  .information ul li {
	list-style:none;
	float:left;
	width:100%;
	background:#fff;
	margin:0px;
	margin-bottom:5px;
}

#offers  .information ul li  h6 {
	color:#8b8e90;
	font-size:14px;
	margin:0px;
	line-height:30px;
}

#offers  .information ul li  h6 span {
	color:#652d90;
}

#offers  .information ul li  h6.blue {
	color:#0c51a1;
	font-weight:bold;
	font-size:13px;
}

#offers  .information .logo  {
	width:100%;
	float:left;
}

#offers  .information .logo a {
	width:100%;
	float:left;
	background:#fff;
	padding:12px 0px;
}

#offers  .information .logo .columns {
	padding:0px 5px;
}

#offers  .recrutement {
	float:left;
	width:100%;
}

#offers  .recrutement .details {
	float:left;
	width:100%;
	background:#fcfbfb;
	border:1px solid #e5e4e4;
	margin-bottom:10px;
}

#offers  .recrutement .details p {
	font-size:13px;
	color:#999999;
	margin-bottom:15px;
}

.only-top {
	padding-top:15px !important;
}

#offers  .recrutement h6.blue {
	color:#0c51a1;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
	text-transform:capitalize;
}

#offers  .recrutement h6 label {
	font-size:9px;
	color:#8b8e90;
	font-weight:bold;
	float: right;
    padding-right: 15px;
    line-height: 0px;
    padding-bottom: 10px;
}

#offers  .recrutement h6 {
	color:#8b8e90;
	font-size:14px;
	margin:0px;
	line-height:30px;
	text-transform:uppercase;
}

#offers  .recrutement h6.blue mark {
	background:#0c51a1;
	color:#fff;
	font-weight:400;
	padding:5px 5px;
	margin-bottom:5px;
	float:right;
}

#offers  .recrutement .details.agence {
	padding:40px 5px;
}

#offers  .recrutement .details.agence p {
	margin-bottom:0px;
	font-size:13px;
}

#offers  .recrutement .error {
	float:left;
	width:100%;
	background:#f2dede;
	border:1px solid #e5c7c6;
	padding:10px 10px;
}

#offers  .recrutement .error p {
	font-size:13px;
	color:#a94442;
	font-size:13px;
	margin-bottom:0px;
}

#offers  .recrutement .error p a {
	color:#032fad;
}

#offers  .recrutement .postuer {
	display:inline-block;
	background:url(../images/post.png) 0% 0% no-repeat;
	background-size:cover;
	padding:15px 20px;
	margin-top:20px;
}

#offers  .recrutement .postuer h4 {
	font-size:24px;
	font-weight:bold;
	color:#fff;
	margin-bottom:0px;
}

#offers  .recrutement .postuer p {
	font-size:14px;
	color:#fff;
	margin-bottom:0px;
}

#offers  .recrutement .border-bottom {	
	border-bottom:1px solid #e6e6e6;
	float:left;
	width:100%;
}

#offers  .recrutement .normal-padding {
	padding:0px 5px;
}

#offers .similaires {
	background:#eeeeee;
	float:left;
	padding:15px 15px;
	width:100%;
	margin:5px 0px;
}

#offers .similaires a {
	color:#354ea3;
	font-size:11px;
	font-weight:600;
	border-bottom:1px solid #354ea3;
}

#offers .similaires h5 {
	font-size:12px;
	color:#000;
	font-weight:400;
	margin:7px 0px;
}

#offers .similaires h6 {
	font-size:12px;
	color:#000;
	font-weight:400;
	line-height:16px;
}

#offers .similaires h6 img {
	margin-right:5px;
}

#offers .mon-cv {
	float:left;
	width:100%;
	background:#fcfbfb;
	padding:20px 15px;
	border:1px solid #e5e4e4;
}

#offers .mon-cv .tabs dd,#offers .mon-cv .tabs .tab-title {
	width:auto;
	background:none;
	outline:0;
}


#offers .mon-cv .tabs dd > a,#offers .mon-cv .tabs .tab-title > a {
	background:#f2eeee;
	color:#b0adad;
	text-transform:uppercase;
	font-size:18px;
	line-height:20px;
	padding: 10px 10px;
	outline:0;
}

#offers .mon-cv .tabs {
	border:none;
	border:1px solid #e5e4e4;
	border-bottom:0px;
}

#offers .mon-cv .tabs dd.active a,#offers .mon-cv .tabs .tab-title.active a {
	background:#652d90;
	color:#fff;
	outline:0;
}

#offers .mon-cv .tabs-content > .content.active {
	background:none;
	border:none;
	margin-bottom:0px;
}

#offers .mon-cv .tabs-content .profile label {
	font-size:14px;
	color:#222222;
	font-weight:500;
}

#offers .mon-cv .tabs-content {
	background:#fff;
	margin-bottom:0px;
	border:1px solid #e5e4e4;
}

#offers .mon-cv .tabs-content .profile select {
    background: url(../images/select.png) right 50% no-repeat;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: none;
    width: 100%;
    height: 37px;
	color:#000;
    outline: 0;
}

#offers .mon-cv .tabs-content .profile input[type="text"] {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: none;
    width: 100%;
    background: url(../images/user-small.png) 96% 50% no-repeat;
}

#offers .mon-cv .tabs-content .profile input.border-radius[type="text"] {
	border-radius:5px 0px 0px 5px;
	background:none;
}

#offers .mon-cv .tabs-content .profile a.date-pic {
	background:#e5e5e5;
	float:left;
	line-height:37px;
	padding:0px 10px;
	border-radius:0px 5px 5px 0px;
	width:100%;
	text-align:center;
}

#offers .mon-cv .tabs-content .profile form {
	float:left;
	width:100%;
	background:none;
	padding:5px 5px;
}

#offers .mon-cv .tabs-content .profile form label {
	font-size:13px;
	color:#000;
	font-weight:500;
	line-height:24px;
}

#offers .mon-cv .tabs-content .profile form .field {
	float:left;
	width:100%;
	background:#ffffff;
	padding:5px 5px;
	margin-bottom:5px;
}

#offers .mon-cv .tabs-content .profile form .field input[type="email"] {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: none;
    width: 100%;
    background: url(../images/mail.png) 95% 50% no-repeat;
}

#offers .mon-cv .tabs-content .profile form .field input.phone[type="text"] {
    background: url(../images/phone.png) 95% 50% no-repeat;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: none;
    width: 100%;
}

#offers .mon-cv .tabs-content .profile form .field input.facebook[type="text"] {
	background: url(../images/facebook.png) 95% 50% no-repeat;
}

#offers .mon-cv .tabs-content .profile form .field input.google[type="text"] {
	background: url(../images/g+.png) 95% 50% no-repeat;
}

#offers .mon-cv .tabs-content .profile form .field input.twitter[type="text"] {
	background: url(../images/twitter.png) 95% 50% no-repeat;
}

#offers .mon-cv .tabs-content .profile form .field input.linkdin[type="text"] {
	background: url(../images/linkdin.png) 95% 50% no-repeat;
}

#offers .mon-cv .tabs-content .profile a.button {
	background:#0c51a1;
	line-height:47px;
	padding:0px 20px;
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	border-radius:5px;
	font-weight:500;
	margin-bottom:0px;
}

/*Content*/
#content {
	float:left;
	width:100%;
	padding-bottom:50px;
	padding-top:20px;
}

#content.offers ul {
	float:left;
	width:100%;
	border:1px solid #e5e4e4;
	background:#fcfbfb;
}

#content.offers h3 {
	font-size:23px;
	color:#652d90;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #e5e4e4;
	line-height:50px;
	margin:0px;
	padding-left:5px;
}

#content.offers ul li {
	list-style:none;
	display:inline-block;
	width:100%;
	background:#652d90;
	padding-left:10px;
	margin:10px 0px;
}

#content.offers ul li a {
	color:#fff;
	font-size:18px;
	line-height:40px;
	display:inline-block;
	width:100%;
	position:relative;
}

#content.offers ul.blue h3 {
	color:#0c51a1;
}

#content.offers ul.blue li {
	background:#0c51a1;
}

#content.offers ul.blue li a span {
	background:#0a3261;
}

#content.offers ul .details {
    float: left;
    width: 100%;
    padding: 20px 25px 20px 5px;
	margin:0px;
	background:none;
}

#content.offers h3 {
    font-size: 23px;
    color: #652d90;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e4e4;
    line-height: 50px;
    margin: 0px;
    padding-left: 5px;
}

#content .text-details {
	float:left;
	width:100%;
}

#content .text-details h5 {
	font-size:16px;
	color:#373737;
}

#content .text-details h5.left-padding {
	padding-left:30px;
}

#content .text-details label {
	font-size:16px;
	color:#373737;
}

#content.offers h3.high-text {
	font-size:27px;
	color:#0c51a1;
	text-transform:uppercase;
	font-weight:bold;
}



#content.offers ul li a span {
	position:absolute;
	right:-10px;
	top:-15%;
	background:#320852;
	border-radius:100%;
	width:52px;
	text-align:center;
	line-height:52px;
}

#content .confiance {
	float:left;
	width:100%;
	background:#f9f8f9;
	border:1px solid #e9e9e9;
	padding-bottom:20px;
}

#content .top-space {
	margin-top:-90px;
}

#content .confiance h3 {
	font-size:23px;
	color:#403f40;
	font-weight:600;
	padding:20px 0px;
	border-bottom:1px solid #e7e5e5;
	margin-bottom:30px;
}

#content .appels {
	float:left;
	width:100%;
}

#content .alerte  h3.text {
	font-size:27px;
	color:#0c51a1;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px solid #e2e0e0;
	padding-bottom:20px;
	padding-top:0px;
}

#content .appels h3 {
	font-size:27px;
	color:#0c51a1;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px solid #e2e0e0;
	padding-bottom:10px;
	padding-top:20px;
}

.red-color {
	color:#ab0600 !important;
}

.border-red {
	background:#ab0600 !important;
}

#content .appels h3.bold-text {
	font-weight:900;
	border:none;
}

.normal {
	width:auto !important;
}

#content .appels h3.bold-text img {
	margin-right:10px;
}

#content .border {
	border-bottom:2px solid #e2e0e0;
	float: left;
	width: 100%;
}

#content .top-input {
	padding-top:56px;
}

#content .input-bottom {
	padding-bottom:30px;
}

#content .details {
	float:left;
	width:100%;
	background:#eeeeee;
	margin:5px 0px;
	padding:5px 0px;
}

#content .details h4 {
	font-size:14px;
	color:#0c51a1;
	font-weight:bold;
}

#content .details h5 {
	font-size:14px;
	color:#515151;
	font-weight:500;
}

.make-img {
	height:100%;
	width:100%;
}

#content .details h5 span {
	margin-right:5px;
	float:left;
	width:16px;
}

#content a.button {
	font-size:21px;
	border-radius:6px;
	background:#652d90;
	padding: 13px 32px;
	margin:20px 0px;
}

#content a.button.public {
	padding:13px 18px;
}

#content a.button.list {
	padding:13px 40px;
}

.top {
	padding-top:25px;
}

#content .soyez {
	float:left;
	width:100%;
	padding-top:60px;
}

#content .soyez.publicites {
	padding-top:20px;
}

#content .soyez.publicites .panel {
	background:#f9f8f9;
}

#content .soyez.publicites .panel p {
	font-weight:400;
	min-height:140px;
}

#content .soyez h3 {
	font-size:23px;
	color:#403f40;
	font-weight:600;
	border-bottom:1px solid #e2e0e0;
	line-height:70px;
	padding-left:15px;
	margin-bottom:0px;
}

#content .soyez .panel {
	background:none;
	border:1px solid #e2e0e0;
	padding:0px;
}

#content .panel.publicites {
	background:#f9f8f9;
	border:1px solid #e2e0e0;
	padding:0px;
	float:left;
	width:100%;
	margin-bottom:0px;
}

#content .panel.publicites h3 {
	font-size:23px;
	color:#403f40;
	font-weight:600;
	border-bottom:1px solid #e2e0e0;
	line-height:40px;
	padding-left:15px;
	margin-bottom:0px;
}

#content .soyez .text {
	display:inline-block;
	width:100%;
	padding:25px 15px;
	position:relative;
}

#content .panel.publicites .text {
	display:inline-block;
	width:100%;
	padding:15px 15px;
	position:relative;
}

#content .panel.publicites .text p {
	font-size:23px;
	color:#403f40;
	font-weight:300;
	line-height:26px;
	margin-bottom:0px;
	min-height:140px;
}

#content .soyez .text p {
	font-size:23px;
	color:#403f40;
	font-weight:300;
	line-height:26px;
	margin-bottom:0px;
	min-height:170px;
}

.btn-rele  {
	position:relative;
}

#content .soyez .text a.button {
	font-weight:bold;
	margin-bottom:0px;
	width:290px;
}

#content .alerte {
	float:left;
	width:100%;
	padding-top:30px;
}

#content .alerte .panel {
	padding:0px;
	border:none;
	background:none;
}

#content .alerte .panel h3 {
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	line-height:24px;
	border-left:5px solid #fff;
	margin-left:15px;
	padding-left:15px;
	padding-top:5px;
	margin-top:0px;
	padding-bottom:5px;
}

#content .alerte .panel .blue {
	background:#660099;
	float:left;
	width:100%;
	padding-bottom:18px;
	margin-bottom:15px;
}

.p-right {
	padding-right:0px;
}

#content .alerte .panel h3 span {
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	font-weight:300;
}

#content .alerte ul {
	padding:0px 23px;
	float:left;
	margin-bottom:0px;
	width:100%;
	padding-top:0px;
}

#content .alerte ul li {
	list-style:none;
	color:#fff;
	font-size:16px;
	font-weight:300;
	font-family: 'Raleway', sans-serif;
	background:url(../images/mark.png) 0% 8px no-repeat;
	padding-left:25px;
	line-height:30px;
}

#content .alerte ul.space li {
	line-height:46px;
	background-position:0% 18px;
}

#content .alerte img {
	width:100%;
}

#content .flex-video {
	padding-bottom:50.5%;
	height:400px;
}

#content .flex-video.min-height {
	height:360px;
}

#content .news {
	float:left;
	width:100%;
}

#content .news h3 {
	font-size:27px;
	color:#0c51a1;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:2px solid #e2e0e0;
	margin-top:35px;
	padding-bottom:12px;
}

#content .news h3.margin-none {
	margin-top:0px;
}

#content .news ul {
	padding-top:30px;
}

#content .news ul.normal-space {
	padding-top:10px;
}

#content .news ul li {
	font-size:16px;
	color:#5c9bd1;
	font-family: 'Raleway', sans-serif;
	list-style:none;
	float:left;
	background:#f5f5f5;
	padding:8px 5px;
	margin-bottom:5px;
	width:100%;
}

#content .actualte {
	float:left;
	width:100%;
	border:1px solid #e6e6e6;
}

#content .actualte.gray {
	background:#f9f8f9;
	margin-top:20px;
}

#content .actualte.gray .text-details {
	padding:20px 20px;
}

#content .actualte h2 {
	font-size:27px;
	color:#403f40;
	font-weight:bold;
	line-height:64px;
	text-transform:uppercase;
	border-bottom:1px solid #e6e6e6;
}

#content h3.text-bottom {
	font-size:27px;
	color:#0c51a1;
	font-weight:bold;
	margin:20px 0px;
}

#content .actualte .text-details {
	float:left;
	width:100%;
	padding:32px 20px 50px 20px;
}

#content .actualte .text-details h4 {
	color:#0c51a1;
	font-size:19px;
	font-weight:900;
	margin-bottom:20px;
}

#content .actualte .text-details p {
	color:#a59d9c;
	font-size:14px;
}

#content .profile {
	position:relative;
	float:left;
	width:100%;
}

#content .profile .overlay {
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
}

#content .profile .overlay .text {
	float:left;
	width:100%;
	padding:30px 0px;
}

#content .profile .overlay h3 {
	border:none;
	font-size:29px;
	color:#ffffff;
	text-transform:capitalize;
	margin-bottom:0px;
	height:100px;
}

#content .profile .overlay h3.line-height-text {
	line-height:50px;
}

.normal-padding {
	padding:0px 0px;
}

#content .profile .overlay p {
	font-size:16px;
	color:#ffffff;
	padding:20px 40px;
	margin-bottom:0px;
}

#content .profile img {
	width:100%;
}

#content .profile .overlay a.button {
	background:#0c51a1;
	font-size:22px;
	padding:0px 20px 0px 30px;
	line-height:53px;
	border-radius:10px;
	margin-top:0px;
	border-bottom:4px solid #07468e;
}

#content .profile .overlay a.button.red {
	background:#ab0600;
	border-bottom:4px solid #870702;
}

#content .profile .overlay a.button.blue {
	background:#652d90;
	border-bottom:4px solid #55227d;
}

#content .demandeur {
	float:left;
	width:100%;
}

#content .demandeur .tabs dd a,#content .demandeur .tabs .tab-title a {
	font-size:29px;
	text-transform:uppercase;
	padding:0px 10px;
	line-height:70px;
	background:#e0dddd;
	color:#787878;
	outline:0;
	width:100%;
}

#content .demandeur .tabs dd a.gray,#content .demandeur .tabs .tab-title a.gray {
	background:#ebebeb;
	outline:0;
	position:absolute;
}

#content .demandeur .tabs dd a.gray:before,#content .demandeur .tabs .tab-title a.gray:before {
	content:'';
	position:absolute;
	background:url(../images/gray.png) 0% 0% no-repeat;
	height:70px;
	width:18px;
	right: -10px;
    top: 0%;
    z-index: 99;
}

#content .tabs dd,#content .tabs .tab-title {
	padding:0px;
}

#content .tabs dd.active a,#content .tabs .tab-title.active a {
	background:#ab0600 !important;
	color:#fff;
	border-bottom:2px solid #fff;
	outline:0;
	position:relative;
}

#content .tabs dd.active a:before,#content .tabs .tab-title.active a:before {
	content:'';
	position:absolute;
	background:url(../images/red-tabs.png) 0% 0% no-repeat !important;
	height:70px;
	width:18px;
	right: -10px;
    top: 0%;
    z-index: 99;
	
}

#content .tabs-content {
	background:#ab0600;
	padding-top:20px;
	padding-bottom:30px;
}

#content .tabs-content p {
	font-size:23px;
	color:#ffffff;
}

#content .tabs-content .border-right {
	border-right:2px solid #7c0602;
	padding-bottom:40px;
}

#content  .liste {
	float:left;
	width:100%;
	border:1px solid #e5e4e4;
	padding-top:15px;
	padding-bottom:5px;
}

#content .liste .details {
	padding-top:15px;
}

#content .liste h3 {
	border:none;
}

#content .liste .border {
	border:none;
}

#content .filters {
	float:left;
	background:#fcfbfb;
	width:100%;
	border:1px solid #e5e4e4;
	margin-bottom:20px;
}

#content .filters h3 {
	font-size:23px;
	color:#652d90;
	font-weight:bold;
	border-bottom:1px solid #e5e4e4;
	padding-left:5px;
	padding-top:10px;
}

#content .filters form {
	float:left;
	width:100%;
	padding:15px 0px;
}

#content .filters form select {
	width:100%;
	background:#ffffff url(../images/arrow-gray.png) 95% 50% no-repeat;
	font-size:23px;
	color:#b9b8b8;
	height:60px;
	border-radius:8px;
	border:1px solid #eeeeee;
	outline:0;
}

#content .filters form input[type="submit"] {
	border:1px solid #dddddd;
	height:55px;
	background:#0c51a1 url(../images/search-small.png) 50% 50% no-repeat;
	outline:0;
	display:inline-block;
	border-radius:9px;
	margin-bottom:0px;
	padding:0px 74px;
	margin:20px 0px;
}

#content .filters.compte {
	background:url(../images/compte-bg.jpg) 0% 0% no-repeat;
	background-size:cover;
	padding:0px 10px 20px 10px;
	border:none;
	margin-bottom:15px;
}

#content .filters.compte h4 {
	font-size:22px;
	color:#fff;
	font-weight:900;
	line-height:40px;
	font-style:italic;
	border-bottom:1px solid #fff;
}

#content .filters.compte p {
	font-size:23px;
	color:#ffffff;
	line-height:28px;
	margin-top:35px;
}

#content .box {
	background:url(../images/box-bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	float:left;
	width:100%;
	margin-bottom:15px;
	padding:20px 15px;
}

#content .box-2 {
	background:url(../images/box-bg-2.jpg) 50% 50% no-repeat;
	background-size:cover;
	float:left;
	width:100%;
	padding:15px 15px;
	margin:20px 0px;
}

#content .box-2  p {
	font-size:21px;
	color:#ffffff;
	margin-bottom:10px;
	line-height:26px;
}

#content .box p {
	font-size:21px;
	color:#ffffff;
	line-height:26px;
}

#content .appels h3 span.border-center {
	float:right;
	background:#652d90;
	height:7px;
	width:70%;
	margin-top:15px;
}

#content .information-form {
	float:left;
	width:100%;
	border:1px solid #e5e4e4;
}

#content .information-form form {
	float:left;
	width:100%;
	background:#f3f2f2;
	padding:5px 5px;
}

#content .information-form form label {
	font-size:13px;
	color:#000;
	font-weight:500;
	line-height:24px;
}

#content .information-form form .field {
	float:left;
	width:100%;
	background:#ffffff;
	padding:5px 5px;
	margin-bottom:5px;
}

#content .filters.compte p a {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}

#content .information-form form .field h4 {
	font-size:20px;
	color:#2b2d35;
	border-bottom:1px solid #f1f1f1;
	padding-bottom:10px;
	margin-bottom:20px;
	font-weight:600;
}

#content .information-form form .field input[type="email"] {
	border:1px solid #e8e8e8;
	border-radius:5px;
	box-shadow:none;
	width:100%;
	background:url(../images/mail.png) 95% 50% no-repeat;
	
}

#content .information-form form .field input[type="password"] {
	background:url(../images/lock.png) 95% 50% no-repeat;
	border:1px solid #e8e8e8;
	border-radius:5px;
	box-shadow:none;
	width:100%;
}

#content .information-form form .field input[type="password"]::-webkit-input-placeholder {
	font-size:40px;
	color:#000;
	font-weight:900;
}

#content .information-form form .field input[type="text"] {
	background:url(../images/lock.png) 95% 50% no-repeat;
	border:1px solid #e8e8e8;
	border-radius:5px;
	box-shadow:none;
	width:100%;
}

#content .information-form form .field input.phone[type="text"] {
	background:url(../images/phone.png) 95% 50% no-repeat;
	border:1px solid #e8e8e8;
	border-radius:5px;
	box-shadow:none;
	width:100%;
}

#content .information-form form .field input.entreprise[type="text"] {
	background:url(../images/enterprice.png) 95% 50% no-repeat;
}

#content .information-form form .field input.ville[type="text"] {
	background:url(../images/ville.png) 95% 50% no-repeat;
}

#content .information-form form .field input.none-bg[type="text"] {
	background:none;
}

#content .information-form form .field input.identifiant[type="text"] {
	background:url(../images/user-icon.png) 95% 50% no-repeat;
}

#content .information-form form .field  span {
	color:#5d9ce1;
	font-size:12px;
}

#content .information-form form .field select {
	background:url(../images/select.png) right 50% no-repeat;
	border:1px solid #e8e8e8;
	border-radius:5px;
	box-shadow:none;
	width:100%;
	height:37px;
	outline:0;
}

#content .information-form form .field .text {
	float:left;
	width:100%;
	border:1px solid #e1e1e1;
}

#content .information-form form .field .text input[type="text"] {
	margin-bottom:0px;
	background:none;
}

#content .information-form form .field select.number {
	background:url(../images/flag-select.png) 7% 50% no-repeat;
	background-color:#f2f2f2;
	padding-left:35px;
	font-size:16px;
	border-radius:0px;
	margin-bottom:0px;
	border:none;
}

#content .information-form form a.button {
	text-transform:uppercase;
}

/*contact-navi*/
#contact-navi {
	float:left;
	width:100%;
	background:url(../images/world.png) 50% 50% no-repeat;
	background-size:cover;
	padding:50px 0px;
	position:relative;
}

#contact-navi:after {
	position:absolute;
	top:-1%;
	height:50px;
	width:80px;
	left:46%;
	content:'';
	background:url(../images/arrow.png) 0% 0% no-repeat;
}

#contact-navi.inner:after  {
	display:none;
}

#contact-navi.inner img {
	margin-top:-6px;
}

#contact-navi.inner {
	height:30px;
	padding:0px;
}

#contact-navi ul {
	padding-top:30px;
	float:left;
	width:100%;
	margin-left:0px;
	border-right:1px solid #5d2885;
	padding-top:0px;
}

#contact-navi ul h4 {
	color:#330f4f;
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:15px;
}

#contact-navi ul li {
	list-style:none;
	float:left;
	width:100%;
}

#contact-navi ul li a {
	font-size:16px;
	color:#fff;
	text-align:left;
	font-family: 'Raleway', sans-serif;
}

#contact-navi ul.last {
	border:none;
}

/*Footer*/
#footer {
	float:left;
	width:100%;
	background:#0d51a2;
	padding:30px 0px 20px 0px;
}

#footer h6 {
	font-size:14px;
	margin-top:20px;
}

.none {
	padding:0px;
}

#footer h6.second {
	margin-top:30px;
	padding-left:50px;
}

#footer h6 span.world {
	float:left;
	margin-top:-30px;
}

#footer h6 img {
	float:left;
	margin-right:15px;
}

#footer ul {
	margin-bottom:0px;
}

#footer ul li {
	display:inline-block;
	list-style:none;
}

#footer h6 ul li img {
	margin-right:2px;
}

#footer h5 {
	margin-top:0px;
}

.p-left {
	padding-left:0px;
}

/* Small Screens*//* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width:40em) {

#header .columns {
	padding:0px;
}


#content .profile {
	padding:10px 0px;
}

#content .profile img {
	height:320px !important;
}

#content .profile .overlay a.button {
	width:auto;
}

.top-bar .toggle-topbar.menu-icon a {
	height:40px;
}

.top-bar-section ul {
	background:#652d90;
}

.top-bar.expanded .title-area {
	background:none;
}


ul li h1 {
	margin-top:0px;
	margin-left:15px;
}

#header .top-bar-section ul {
	margin-top:60px;
}

.top-bar .toggle-topbar.menu-icon {
	margin-top:0px;
}

#banner h2 {
	font-size:50px;
}

#banner ul li  input[type="text"] {
	width:100%;
}

#banner form {
	margin-top:30px;
	padding:10px 10px;
}

#banner ul li {
	width:100%;
	margin:10px 0px;
}

#content .appels h3 {
	font-size:11px;
}

#content a.button {
	font-size:16px;
}

#content .soyez .text a.button {
	width:100%;
}

#content a.button {
	padding:13px 0px;
	width:100%;
}

#content .soyez h3 {
	font-size:14px;
}

#content .soyez .text p {
	font-size:18px;
}

.p-right {
	padding-right:15px;
}

#content .news h3 {
	font-size:24px;
}

#content .actualte .text-details h4 {
	font-size:15px;
}

#contact-navi:after {
	display:none;
}

#contact-navi ul {
	border:none;
}

#footer h6 span {
	float:left;
	width:100%;
	margin-bottom:5px;
}

#footer h6.second {
	padding-left:15px;
}

.none {
	padding:0px 15px;
}

#content .appels h3 span.border-center {
	display:none;
}

#banner.pay p {
	font-size:14px;
}

#banner.pay h3 {	
	font-size:22px;
}

.bx-wrapper .bx-controls-direction a {
	display:none;
}

#banner.pay a.button {
	margin-left:0px;
}

#offers h4 {
	font-size:12px;
}

#offers  .recrutement h6 {
	font-size:11px;
}

#offers  .recrutement h6.blue {
	font-size:9px;
}

#offers .mon-cv .none {
	padding:0px !important;
}

#content .top-space {
	margin-top:10px;
}

#content .tabs dd.active a:before, #content .tabs .tab-title.active a:before,#content .demandeur .tabs dd a.gray:before, #content .demandeur .tabs .tab-title a.gray:before {
	display:none;
}

}

/* Medium Screens *//* min-width 641px, medium screens */
@media only screen and (min-width:40.0625em) and (max-width:64em) {

#content .demandeur .tabs dd a, #content .demandeur .tabs .tab-title a {
	font-size:17px;
}

#offers ul li a {
	font-size:12px;
}

#banner.pay .bx-wrapper {
	padding:0px 5px;
}

#content .top-space {
	margin-top:10px;
}

#content .tabs dd.active a:before, #content .tabs .tab-title.active a:before,#content .demandeur .tabs dd a.gray:before, #content .demandeur .tabs .tab-title a.gray:before {
	display:none;
}

#header .top-bar-section ul li a {
	font-size:16px;
}

#offers .mon-cv .none {
	padding:0px !important;
}

#offers h3 {	
	font-size:14px;
}

#offers h4 {
	font-size:16px;
}

#offers  .recrutement h6 {
	font-size:12px;
	line-height:24px;
}

#content .text-details label {	
	font-size:15px;
}

#content .details h5 {
	font-size:10px;
}

#content .filters h3 {
	font-size:16px;
}

#content .filters form select {
	font-size:13px;
}

#content .actualte h2 {
	font-size:22px;
}

#banner.pay a.button {
	margin-left:0px;
}

#content.offers ul li a {
	font-size:16px;
}

#content.offers h3.high-text {
	font-size:13px;
}

#content .text-details h5.left-padding {
	padding-left:0px;
}

#content .panel.publicites h3 {
	font-size:18px;
}

.bx-wrapper .bx-controls-direction a {
	display:none;
}

#content .appels h3 span.border-center {
	display:none;
}

#content .profile .overlay h3 {
	font-size:18px;
	line-height:20px !important;
	height:20px;
}

#content .profile .overlay a.button {
	font-size:12px;
	line-height:36px;
}

#content .information-form form label {
	font-size:10px;
	margin: 0px 0px 0px 2px;
}

#content .profile .overlay p {
    font-size: 10px;
    color: #ffffff;
    padding: 5px 10px;
}

#content .profile .overlay .text {
	padding-bottom:10px;
}

#banner h2 {
	font-size:56px;
}

#banner ul li  input[type="text"] {
	width:175px;
	font-size:12px;
	margin-bottom:5px;
	height:35px;
}

#content .soyez h3 {
	font-size:9px;
}

#content .soyez .text p,#content .alerte .panel h3 span {
	font-size:14px;
}

#content .soyez .text a.button {
	width:100%;
	font-size:12px;
}

#content .soyez .text {
	padding:20px 5px;
}

#content .alerte .panel h3 {
	font-size:16px;
}

#content .alerte ul li {
	font-size:12px;
	line-height:25px;
}

#content .news h3 {
	font-size:20px;
}

#footer h6.second {
	padding-left:20px;
}
	
}

/* Large Screens *//* min-width 1025px, large screens */
@media only screen and (min-width:64.0625em) and (max-width:90em) {
	
}

/* XLarge Screens *//* min-width 1441px, xlarge screens */
@media only screen and (min-width:90.0625em) and (max-width:120em) {
	
}

/* XXLarge screens *//* min-width 1921px, xxlarge screens */
@media only screen and (min-width:120.063em) and (max-width:120em) {
	
}