%PDF-
%PDF-
Mini Shell
Mini Shell
html * {
margin:0;
/*padding:0;*/
outline:none;
}
/*html {
background: #fff url(../images/bg-html.png) repeat;
}*/
body{
font-family:arial;
color:#736c78;
font-size:12px;
background: #fff url(../images/bg_body.png) top center repeat-x;
}
.h1{
color: #A5A5A5;
position: absolute;
text-align: center;
width: 100%;
font-size: 11px;
}
.block_list_domaine ul li a{
color:#736c78 !important;
}
a {
text-decoration:none;
outline:none;
color:#736c78 ;
}
.block_searchs a.btn_search_avance, .block_searchs a.btn_cree_alert{
color:#736c78 !important;
}
.block_searchs a.btn_search_avance:hover, .block_searchs a.btn_cree_alert:hover{
color:#F87E21 !important;
}
img, fieldset {
border:none
}
.img_ann img{ max-width:234px;}
.page a{
color:#736c78;
}
p, label, td, div {
color: #736c78;
text-decoration: none;
}
p{
margin:10px 0;
}
h1, h3, h4, h5 {
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
}
ul {
list-style:none;
margin:0;
padding:0;
}
ol {
background:url(../images/bg-ol.png) top left repeat-y;
margin:0px;
padding: 0px;
color:#FFF;
}
ol li {
height: 31px;
line-height: 32px;
margin-left: 32px;
padding-left: 10px;
}
ol li p{ margin:0;}
.wrapper-main {
height:100%;
width:100%;
}
.wrapper {
height:100%;
width:100%;
}
#conteneur {
width:100%;
margin: 0 auto;
padding-bottom:22px;
background: url(../images/ombre.png) no-repeat center bottom;
}
.holder {
position:relative;
height:100%;
padding: 0 15px;
margin:0 auto;
}
.clr {
clear:both;
}
.separe{
height:10px;
}
#home{
width:944px;
margin:117px auto 0;
}
.page h4{
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom:3px;
color: #B88317;
text-transform: capitalize;
width: auto;
display: inline;
padding: 2px 3px;}
.page li{
margin:8px 0 8px 20px;
background:url(../images/li_puce.png) no-repeat left center;
line-height:14px;
padding-left:15px;}
/********************************* css header *******************************/
#header {
width: 100%;
min-width:1000px;
position: absolute;
z-index:100;
min-height: 84px;
background: rgba(255, 255, 255, 0.5);
}
.slider-wrapper {
width: 100%;
height: 400px;
}
#topslider{
width:100%;
behavior: url(PIE/PIE.php);
}
.logo{
width:269px;
height:78px;
float:left;
margin-top: 25px;
}
/********************************* css page *******************************/
#corps{
position:relative;
width:100%;
min-width:1000px;
}
/*#corps .holder{
padding-top:10px;
background: url(../images/bg-main-top.png) top center no-repeat;
}*/
.main{
position: relative;
min-height:400px;
padding: 25px 9px;
z-index: 10;
width:941px;
margin:0 auto 0;
}
.block_deference{
margin-top: -117px;
}
.block_delete{
margin-top: 117px !important;
}
/*.main-bottom{
background: url(../images/bg-main-bottom.png) top center no-repeat;
height:16px;
width:1000px;
margin:0 auto;
}*/
#page_wrapper{
background:#f5ece2 url(../images/bg_rep_page.png) bottom repeat-x;
}
#page_wrapper .inner{
padding:70px 10px 30px;}
.riad_nom{
margin-top:-13px;
margin-bottom:20px}
.block_top{
width:905px;
height:182px;
margin:0 auto -66px;
}
.block_top li{
width:278px;
height:167px;
padding:7px;
background:#f5ece2 url(../images/block_top_li.png) bottom repeat-x;
float:left;
}
.block_top li:hover{
-moz-transform: scale(1.1) rotate(10deg);
-webkit-transform: scale(1.1) rotate(10deg);
-o-transform: scale(1.1) rotate(10deg);
-ms-transform: scale(1.1) rotate(10deg);
transform: scale(1.1) rotate(10deg);
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.block_top li.i_1,.block_top li.i_2{
margin-right:13px;}
/***********************************Search css ************************************/
.input_tags{
/*background:url(../images/input_tag.png) no-repeat;*/
width:177px;
height:25px;
border:1px solid #ccc;
padding:2px 5px;
}
.spare{
background:url(../images/spare.png) center no-repeat;
width:15px;
}
.search_btn{
background:url(../images/btn_search.png) no-repeat;
width:113px;
height:39px;
border:none;
color:#fff;
font-size:14px;
text-transform:uppercase;
text-align:left;
cursor:pointer;
padding:2px 5px;
}
#ajout_alert .search_btn{ text-align:center;}
.def_td{ padding-left:10px;}
/********************************* css login candidat *******************************/
.block_candidat_left{
width:100%;
border-collapse:collapse;
}
.block_candidat_left td{
border:1px solid #ccc;
background:#fff;
padding:40px 10px;
vertical-align:top
}
#form_candidate label, .form_ex label, #form_annonceur label{
display:block;
float:left;
width:100px;
line-height:25px;
}
#form_candidate input[type=email], #form_candidate input[type=password], .form_ex input[type=email], .form_ex input[type=password],.form_ex input[type=text] ,#form_annonceur input[type=email], #form_annonceur input[type=password]{
background:url("../images/input_tag.png") no-repeat ;
height: 25px;
padding: 2px 5px;
width: 177px;
border:none;
}
#form_candidate input[type=button], #form_candidate input[type=submit],.form_ex input[type=button], .form_ex input[type=submit], #form_annonceur input[type=button], #form_annonceur input[type=submit]{
background:url("../images/menu_btn.png") no-repeat;
font-size: 14px;
height: 38px;
text-align: center;
width: 148px;
border:none;
cursor:pointer;
margin:0 auto !important;
float:right;
}
#form_candidate input[type=button]:hover,#form_candidate input[type=submit]:hover, .form_ex input[type=button]:hover,.form_ex input[type=submit]:hover,#form_annonceur input[type=button]:hover,#form_annonceur input[type=submit]:hover{
background:url("../images/active_btn.png") no-repeat;
color:#fff;
}
.block_candidat_left a.passe_oblie{
color:#000;
text-decoration:underline !important;
margin-top:10px;
display:block;
float:left;
}
.block_candidat_left a.cree_compte{
background:url("../images/menu_btn.png") no-repeat;
font-size: 13px;
height: 38px;
text-align: center;
width: 148px;
border:none;
display:block;
line-height:38px;
margin:30px auto;
}
.block_candidat_left a.cree_compte:hover{
background:url("../images/active_btn.png") no-repeat;
color:#fff;
}
/**********************************inscription candidat********************************/
#inscription_candidat .ui-datepicker-trigger,#modifier_candidat .ui-datepicker-trigger{ float:right !important; margin:5px 44px 0 0 ;}
#inscription_candidat,#modifier_candidat,.inscription_annonceur, #form_interet{
background:#fff;
padding:10px 20px;
}
#inscription_candidat label,#modifier_candidat label,.inscription_annonceur label{
display:block;
width:195px;
float:left;
}
.inscription_annonceur label.info_ck{
background:url(../images/arrow_right.png) center left no-repeat;
cursor:pointer;
width:350px;
padding-left: 20px;
}
#inscription_candidat input[type=text], #inscription_candidat input[type=password],#modifier_candidat input[type=text],#modifier_candidat input[type=password],.inscription_annonceur input[type=text], .inscription_annonceur input[type=password]{
/*background:url("../images/input_tag.png") no-repeat ;*/
height: 25px;
padding: 2px 5px;
width: 177px;
}
#inscription_candidat .chzn-container, #modifier_candidat .chzn-container, .inscription_annonceur .chzn-container{ margin-left:0 !important;}
#inscription_candidat input[type=button],#modifier_candidat input[type=button],#form_interet input[type=button],.inscription_annonceur input[type=button],.inscription_annonceur input[type=submit]{
/*background:url("../images/menu_btn.png") no-repeat;*/
font-size: 14px;
height: 38px;
text-align: center;
width: 148px;
/*border:none;*/
cursor:pointer;
margin:0 auto !important;
float:right;
}
#inscription_candidat input[type=button]:hover, #modifier_candidat input[type=button]:hover, #form_interet input[type=button]:hover, .inscription_annonceur input[type=button]:hover,.inscription_annonceur input[type=submit]:hover{
background:url("../images/active_btn.png") no-repeat;
color:#fff;
}
#apercu_annonce {
font-size: 14px !important;
margin-left: 10px !important;
background:url("../images/menu_btn.png") no-repeat;
display: block;
padding: 14px 35px;
float: left;
}
/*********************tableau_bord_candidat************************************/
.tableau_bord_candidat{
background:#fff;
padding:10px;
}
/*************************************cv form********************************/
#SignupForm, .form_cv{
background:#fff;
padding:10px 20px;
}
#SignupForm label, .form_cv label{
display:block;
width:200px;
float:left;
}
#SignupForm input[type=text],.form_cv input[type=text]{
display:block;
background:url("../images/input_tag.png") no-repeat ;
border:none;
float:left;
height: 25px;
padding: 2px 5px;
width: 177px;
}
#SignupForm input.date,.form_cv input.from{
display:block;
background:#ededed !important;
border:none;
float:left;
height: 25px;
padding: 2px 5px;
border:1px solid #c0c0c0;
width: 100px;
margin-right:5px;
}
#SignupForm input.input_titre,.form_cv input.input_titre{
display:block;
background:#ededed !important;
border:none;
float:left;
height: 25px;
padding: 2px 5px;
border:1px solid #c0c0c0;
width: 333px;
}
#SignupForm textarea,.form_cv textarea{
width:410px;
height:100px;
border:1px solid #c0c0c0;
background:#ededed;
}
#SignupForm fieldset,.form_cv fieldset{
border:1px solid #c0c0c0;
padding:0px 20px;
}
#SignupForm legend{
padding:10px;
}
/******************************tab interet************************************************/
}
#accordian {
background: #004050;
width: 250px;
margin: 100px auto 0 auto;
color: white;
/*Some cool shadow and glow effect*/
box-shadow:
0 5px 15px 1px rgba(0, 0, 0, 0.6),
0 0 200px 1px rgba(255, 255, 255, 0.5);
}
/*heading styles*/
#accordian h3 {
font-size: 12px;
line-height: 34px;
padding: 0 10px;
cursor: pointer;
color: white;
font-family:"arial";
/*fallback for browsers not supporting gradients*/
background: #736c75;
border-bottom:1px solid #fff;
text-transform:uppercase;
}
/*heading hover effect*/
#accordian h3:hover {
}
/*iconfont styles*/
#accordian h3 span {
font-size: 16px;
margin-right: 10px;
}
/*list items*/
#accordian li {
list-style-type: none;
}
/*links*/
#accordian ul ul li{
padding: 2px 10px;
}
#accordian ul ul li a {
color: white;
text-decoration: none;
font-size: 11px;
line-height: 27px;
display: block;
padding: 0 15px;
/*transition for smooth hover animation*/
transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
background: #003545;
border-left: 5px solid lightgreen;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
display: none;
padding:10px 0;
}
#accordian li.active ul {
display: block;
}
/***************************cs accueil************************************************/
#tabs-annonce{ width:648px !important; margin-top:10px;}
#new-annonce{ margin-top:10px;}
#tabs-annonce ul{ width:648px !important; overflow:hidden}
#tabs-annonce li{
background:url("../images/a_left_n.png") left no-repeat;
float:left;
padding-left:33px;
margin-right:-32px;
}
#tabs-annonce li.active{background:url("../images/a_lef.png") left no-repeat ;}
#tabs-annonce li a{
background:url("../images/a_right_n.png") right no-repeat ;
color:#fff;
display:block;
padding-right:35px;
height:37px;
cursor:pointer;
}
#tabs-annonce li.active a{background:url("../images/a_right.png") right no-repeat ;}
#tabs-annonce li.active a span{background:url("../images/a_center.png") repeat-x}
#tabs-annonce li a span{ display:block; text-align: center; height:21px; padding:8px 8px;background:url("../images/arrier_tab_annone.png") repeat ;font-size: 12px;}
#tabs-annonce li:first-child{background:none !important;padding-left:0;margin-left:0px;}
#tabs-annonce li:last-child{margin-left:0px;}
#tabs-annonce li:last-child a{background:none !important;padding:0px 0px 0px 0;}
#tabs-annonce li:last-child a span{padding:8px 16px 8px 0;}
/***************/
#tabs_annonce_detail{ width:617px !important; }
#tabs_annonce_detail ul{ width:639px !important; overflow:hidden}
#tabs_annonce_detail li{
background:url("../images/a_left_n.png") left no-repeat;
float:left;
padding-left:35px;
margin-right:-31px;
}
#tabs_annonce_detail li.active{background:url("../images/a_lef.png") left no-repeat ;}
#tabs_annonce_detail li a{
background:url("../images/a_right_n.png") right no-repeat ;
color:#fff;
display:block;
padding-right:35px;
height:37px;
width:96px;
}
#tabs_annonce_detail li.active a{background:url("../images/a_right.png") right no-repeat ;}
#tabs_annonce_detail li.active a span{background:url("../images/a_center.png") repeat-x}
#tabs_annonce_detail li a span{ display:block; height:21px; padding:8px 6px;background:url("../images/arrier_tab_annone.png") repeat ; text-align:center}
#tabs_annonce_detail li#items-3 a span,#tabs_annonce_detail li#items-1 a span{line-height:13px}
#tabs_annonce_detail li:first-child{background:none !important;padding-left:0;margin-left:0px;}
#tabs_annonce_detail li:last-child{margin-left:0px;}
#tabs_annonce_detail li:last-child a{background:none !important;padding:0px 0px 0px 0;}
#tabs_annonce_detail li:last-child a span{padding:8px 16px 8px 0; line-height:13px; text-align:left; width:120px;}
/********/
.liste_table_annonces{ border-collapse:collapse; border:1px solid #e0e0e0; width:100%}
.liste_table_annonces tr td{border:1px solid #e0e0e0}
.liste_table_annonces tr td img{ max-height:90px; max-width:90px;}
.liste_table_annonces tr td.region_content{ color:#736c78; font-size:12px; background:#efefef; font-weight: bold;}
.liste_table_annonces tr td.region_content_new{ color:#ffffff; font-size:12px; background:#961414fa}
.liste_table_annonces tr td.region_content h4, .liste_table_annonces tr td.region_content_def h4{ color:#000; font-size:12px; font-weight:normal; text-transform:capitalize; padding:0; margin-bottom:10px}
.liste_table_annonces tr td.region_content_def{ color:#46b2df; font-size:12px; background:#ffffff}
.liste_table_annonces tr td.content{background:#efefef; padding:0 5px; position: relative;}
.liste_table_annonces tr td.content_def{padding:0 5px; background:#ffffff;position: relative;}
.liste_table_annonces tr td.content_def div{ color:#b7b7b8; }
.liste_table_annonces tr td.content div{color:#9b9b9b;}
.liste_table_annonces tr td h3{ color:#000; width: 90%; font-size:14px; text-transform:uppercase; margin:6px 0; cursor: -Moz-Context-Menu}
.liste_table_annonces tr td h3 a{color:#000;}
.liste_table_annonces tr td div{ font-size:12px;}
a.lire_plus{ background:url('../images/lire_plus.png') left 3px no-repeat #ededed; padding:5px 0; display:block; padding-left:20px; width:70px; float:right; position:relative; top:-10px; cursor:pointer}
.entete{background:url('../images/motif.png')repeat-x ; color:#fff; height:36px; border-left:1px solid #e0e0e0; font-weight:normal}
.annonce_item{ cursor:-moz-zoom-in; }
#grande_zoom h2{ font-size:12px; line-height:15px; background:none; text-align:left; color:#308ecf; margin-bottom:10px; }
#grande_zoom{ width:279px; font-size:12px; }
.texte{ text-align:justify; overflow:hidden}
#grande_zoom h3{background:url('../images/motif.png')repeat-x ; color:#fff; text-align:center; height:36px; line-height:36px;}
#zomm_annonce{ border:1px solid #dadada; padding:10px; background:#fff;}
.img_ann{ width:100%; text-align:center; margin-bottom:10px;}
#precedent{ float:left; margin-top:5px}
.numero{ width:474px; float:left; padding:5px 0}
#suivante{ float:right; margin-top:5px}
/********************************* css article *******************************/
h2{
color: #4d4752;
line-height: 33px;
font-family: "arial";
font-weight: 100;
text-shadow: 0 1px 0 white;
background:url(../images/bg_h2.png) bottom repeat-x;
}
#mySliderTabs h2, #mySliderTabs h2 span{
height: 37px;
}
h2 span, h3 span {
background:url(../images/bg_span.png) left bottom no-repeat;
padding: 0 11px 0;
height:34px;
display:block;
font-size:20px;
}
h4{
font-size:14px;
margin:0;
font-weight:bold;
}
article header {
margin-bottom:10px
}
h2{
font-size: 24px;
}
h3{
font-size: 19px;
}
/********************************* css footer *******************************/
#footer {
width:100%;
min-height:147px;
z-index: 2;
}
#footer #footer_top{
width:944px;
height:4px;
margin:0 auto;
background:#4d4752;
}
#footer #footer_middle{
width: 924px;
margin: 0 auto;
background: url(../images/bg_footer.png) no-repeat #736c78;
padding: 0 10px;
overflow:hidden;
position:relative;
}
.block_info a{
color:#CCC;
}
.menu_bottom{
width:925px;
overflow:hidden;
float:left;
padding:20px 0;
}
.menu_bottom ul li {
width:182px;
float: left;
padding: 0 5px;
}
.menu_bottom ul li a{
color:#fff;
}
.menu_bottom ul li a:hover{
text-decoration:underline;
}
.menu_bottom ul li:first-child {
border:none;
}
.menu_rubrique ul li {
width:212px !important;
float: left;
padding: 0 5px;}
.menu_rubrique ul li:hover a {
text-decoration:underline;
}
.copyright{
width:135px;
margin:auto;
color:#CCC;
}
#footer .footer_logo{
width: 222px;
height: 183px;
position: absolute;
right: 36px;
top: 182px
}
/********************************* css menu *******************************/
#topmenu {
float: right;
background: url(../images/bg-top-menu.png) center no-repeat;
height: 41px;
width: 109px;
margin-top: 52px;
}
#topmenu li {
float:left;
position:relative;
padding: 0 4px;
line-height:35px;
font-size:12px;
height: 41px;
background: url(../images/bg-li-top-menu.png) left no-repeat;
}
#topmenu li:first-child {
background:none;
}
#topmenu li a{
color:#DDD;
}
#topmenu li:hover a, #topmenu li.active a{
color:#FFF;
}
#menu {
min-width:725px;
float:right;
height:38px;
margin-top:30px;
}
#menu ul{
float:right;
}
#menu ul li {
float: left;
position: relative;
padding: 0 8px;
line-height: 35px;
font-size: 37px;
}
#menu li:first-child {
background:none;
}
#menu li a {
font-size:14px;
color:#434343;
background:url('../images/menu_btn.png') no-repeat;
height:48px;
width:148px;
display:block;
text-align:center;
}
#menu li a:hover{
color:#FFF;
text-decoration:none;
background:url('../images/active_btn.png') no-repeat;
}
#menu ul li:hover > ul {
display: block;
}
#menu ul ul {
display: none;
margin: 0;
padding: 0 0 10px;
position: absolute;
top: 37px;
left:0px;
width: 220px;
z-index: 99999;
background: #000;
}
#menu ul ul li {
float: none;
margin: 0;
padding: 0;
height: 29px;
line-height: 20px;
width:100%;
}
#menu ul ul a {
font-weight: normal;
text-align: left;
padding:4px;
width:212px;
display:block;
}
#menu ul ul li a span{
display: block;
font-size:14px;
color:#FFF;
padding-left: 20px;
width: 175px;
}
#menu ul ul a:hover{
text-align:left;
}
#menu ul ul a:hover span{
text-align:left;
color:#FFF;
}
/********************************* css bloc_banner *******************************/
.bloc_banner{
width:100%;
min-height:500px;
}
.bloc_banner .right{
/*width:1215px;*/
min-height:302px;
margin:0 auto;
}
/********************************* css message *******************************/
div#message span{
display:block;
height:32px;
width:32px;
position: absolute;
right: -10px;
bottom: -19px;}
div#message .alert_success span{
background: url(../images/msg_ok.png) center no-repeat;
}
div#message .alert_error span{
background: url(../images/msg_error.png) center no-repeat;
}
div#message .alert_warning span{
background: url(../images/msg_warn.png) center no-repeat;
}
div#message .alert_success{
background:#b5f1bc;
}
div#message .alert_error{
background:#f2b5b9;
}
div#message .alert_warning{
background:#fadea2;
}
div#message h4{
color:#53524f;
padding:8px;
box-shadow: 0 0 15px #555;
-moz-box-shadow: 0 0 15px #555;
-webkit-box-shadow: 0 0 15px #555;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
div#message{
position: fixed;
top: 50%;
left: 50%;
margin-left:-100px;
z-index:999;
}
/********************************* css validator *******************************/
.inputContainer {
position: relative;
float: left;
}
.formError {
position: absolute;
top: 300px;
left: 300px;
display: block;
z-index: 99999;
cursor: pointer;
}
.ajaxSubmit {
padding: 20px;
background: #55ea55;
border: 1px solid #999;
display: none
}
.formError .formErrorContent {
background: #e14440;
position:relative;
line-height: 13px;
z-index:5001;
color: #fff;
width: 115px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 0px solid #ddd;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
padding: 4px 10px 4px 10px;
margin-top: 50px;
margin-left: -102px;
}
.greenPopup .formErrorContent {
background: #33be40;
}
.blackPopup .formErrorContent {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow {
width: 15px;
margin: -2px 0 0 13px;
position:relative;
z-index: 5006;
display:none;
}
.formError .formErrorArrowBottom {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0px 0 0 12px;
top:2px;
}
.formError .formErrorArrow div {
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
box-shadow: 0 2px 3px #444;
-moz-box-shadow: 0 2px 3px #444;
-webkit-box-shadow: 0 2px 3px #444;
font-size: 0px;
height: 1px;
background: #e14440;
margin: 0 auto;
line-height: 0;
font-size: 0;
display: block;
}
.formError .formErrorArrowBottom div {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.greenPopup .formErrorArrow div {
background: #33be40;
}
.blackPopup .formErrorArrow div {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow .line10 {
width: 15px;
border: none;
}
.formError .formErrorArrow .line9 {
width: 13px;
border: none;
}
.formError .formErrorArrow .line8 {
width: 11px;
}
.formError .formErrorArrow .line7 {
width: 9px;
}
.formError .formErrorArrow .line6 {
width: 7px;
}
.formError .formErrorArrow .line5 {
width: 5px;
}
.formError .formErrorArrow .line4 {
width: 3px;
}
.formError .formErrorArrow .line3 {
width: 1px;
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
border-bottom: 0 solid #ddd;
}
.formError .formErrorArrow .line2 {
width: 3px;
border: none;
background: #ddd;
}
.formError .formErrorArrow .line1 {
width: 1px;
border: none;
background: #ddd;
}
/********************************* css contact **********************************/
.formulaire_contact{
position:relative;}
.info_contact strong{
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
text-transform:lowercase;
font-size:32px;
text-transform:capitalize;
text-shadow:0 1px 0 #fff;
}
.info_contact {
padding: 10px;
border-left: 1px dashed #cab599;
margin-left: 30px;
}
#map {
height:100%;
width:100%;
}
.map_holder{
padding:7px;
background:#f5ece2 url(../images/block_top_li.png) bottom repeat-x;
height:246px;
-webkit-transform: translateZ(0);
-webkit-transform: translateZ(0);
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);}
.carte:hover {
background:url(../images/carte.png) no-repeat center #fff !important;
text-indent:-999px;
}
.buttons2 {
position: relative;
top: 20px;
right: -30px;
}
.buttons {
position: relative;
left: 75px;
}
.buttons3 {
margin:15px 0 0 0;
text-align:center;
}
.submit{
height:40px;
width:180px;
border:5px solid #f0e4d6;
outline:1px solid #e0cdb4;
color:#fff;
font-size:14px;
margin:0 5px 5px 0;
background: url(../images/bg_footer.png) repeat-x 0 -30px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 8s linear;
-moz-transition: all 8s linear;
-o-transition: all 8s linear;
transition: all 8s linear;
cursor:pointer;
}
.submit:hover, .carte:hover {
background-position: 2000px -30px;
}
/********************************* css lang ************************************/
#lang_form {
position: relative;
width: 27px;
height: 27px;
z-index: 9;
float: right;
margin: 2px 62px 0 0;
}
#lang_form a {
height: 27px;
width: 27px;
display: block;
background: url(../images/bg_readmore.png) left no-repeat;
padding-left: 25px;
font-weight: bold;
line-height: 24px;
color:#FFF;
}
#lang_form a.fr {
background-image:url(../images/fr.png);
}
#lang_form a.en {
background-image:url(../images/en.png);
}
/*************************************************************************************************************************/
#contact .input, #form_livre .input, #form_livre textarea, #contact textarea{
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #D52F2F;
border-right-color: #D52F2F;
border-bottom-color: #D87070;
border-left-color: #ECA6A6;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #6e6e6e;
width: 260px;
max-width:260px;
margin: 4px 0;
padding: 11px 5px;
background-color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#reservetion_form .input, #reservetion_form .textarea, #reservetion_form .select, #reservetion_form .select2 {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #D52F2F;
border-right-color: #D52F2F;
border-bottom-color: #D87070;
border-left-color: #ECA6A6;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #6e6e6e;
width: 230px;
margin: 0;
padding: 2px;
background-color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#reservetion_form .select{
width:242px;
}
#reservetion_form .select2{
width:95px;
}
#reservetion_form .textarea{
width:570px;
min-height: 100px;
}
#bloc_filtre{
width:229px;
min-height:300px;
float:left;
margin:10px;
}
#bloc_filtre h2{
background:none;
}
#bloc_filtre .lbl,#bloc_filtre .styled-select{
width:100%;
height: 31px;
}
#bloc_filtre .lbl {
line-height:28px;
}
#bloc_filtre .styled-select .jqTransformSelectWrapper{
width: 100% !important;
}
#bloc_recherche .styled-input .jqTransformInputWrapper {
width: 82px !important;
margin: 0 5px 0 0;
}
#bloc_recherche .styled-input .jqTransformInputWrapper .jqTransformInput{
/*padding:0 !important;*/
width: 75px !important;
margin:auto;
}
#bloc_filtre .btn{
margin-top:10px;
text-align:right;
}
#bloc_filtre .btn .btn_filtre{
background: transparent url(../images/form/bg-btn.png) no-repeat right top;
width:108px;
height:36px;
}
#bloc_filtre .btn .btn_filtre span{
color:#FFF;
float:none;
margin: auto;
}
#bloc_filtre .filtre_top{
float:left;
width:100%;
height:13px;
background:url(../images/form/bg-top-form-filtre.png) top center no-repeat;
margin-top: 5px;
}
#bloc_filtre .filtre_middle{
float:left;
width:209px;
padding: 0 10px;
min-height:50px;
background:url(../images/form/bg-middle-form-filtre.png) top center repeat-y;
}
#bloc_filtre .filtre_bottom{
float:left;
width:100%;
height:16px;
background:url(../images/form/bg-bottom-form-filtre.png) top center no-repeat;
}
.dv_left{
width:648px;
float:left;
}
.grand-titre{
background:url(../images/bg-grand-titre.png) center no-repeat;
height:60px;
line-height: 55px;
font-size: 18px;
}
.pays_special{
width: 137px;
height: 121px;
float: left;
margin: 0 0 0 5px;
position: relative;
overflow: hidden;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.pays_special .pays_special_caption{
width: 100%;
min-height: 21px;
padding-top: 2px;
position: absolute;
bottom: 0px;
background: url(../images/bg-caption.png) center repeat;
}
.pays_special img {
height: 100%;
}
.pays_special .pays_special_caption a{
display:block;
background: url(../images/bg_readmore.png) left no-repeat;
text-align:center;
}
.pays_special .pays_special_caption span{
font-size: 15px;
color: white;
text-transform: uppercase;
}
.module_speciaux{
height: 184px;
background: #FFF;
border:1px solid #CCCCCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 3px #666666;
-webkit-box-shadow: 0 0 3px #666666;
-o-box-shadow: 0 0 3px #666666;
box-shadow: 0 0 3px #666666;
position:relative;
}
.module_speciaux h2{
margin:0 12px;
}
.produit{
min-height:111px;
width:100%;
margin-bottom:20px;
}
.produit .produit_left{
width:170px;
float:left;
min-height:111px;
}
.produit .produit_right{
width:750px;
float:left;
min-height:111px;
position: relative;
}
.produit .produit_duree{
color:#d90000;
float:left;
height:29px;
width:300px;
}
.produit table{
margin:auto;
padding:5px;
}
.produit table strong{
color:none;
}
.produit .plus_infos{
color: white;
background: url(../images/bg-plus-infos.png) center no-repeat;
width: 191px;
height: 29px;
float: right;
font-size: 12px;
text-align: center;
line-height: 28px;
}
.produit .plus_infos a{
color:#FFF;
}
.produit .bloc_resa {
width: 301px;
height: 88px;
line-height: 28px;
font-size: 15px;
float:right;
background:url("../images/form/bg-form-filtre.jpg") repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-top: 20px;
}
.produit .bloc_resa .legende{
display: block;
width:100px;
background:url("../images/form/bg-form-filtre.jpg") repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: -21px 0 0 37px;
text-align: center;
}
.produit .bloc_resa ul{
width: 293px;
height: 72px;
margin: auto;
}
.produit .bloc_resa ul li{
float: left;
width: 114px;
height: 27px;
position: relative;
cursor:pointer;
}
.produit .bloc_resa ul li:hover{
font-weight:bold;
}
.bloc_resa li img {
position: absolute;
bottom: 0;
left: 0;
}
.produit .bloc_resa li.resa_telephone{
padding-left: 32px;
margin-bottom:14px;
}
.produit .bloc_resa li.resa_imprimer{
padding-left: 49px;
width:97px;
margin-bottom:14px;
}
.produit .bloc_resa li.resa_formulaire{
padding-left: 32px;
}
.produit .bloc_resa li.resa_telecharger_pdf{
padding-left: 32px;
font-size:13px;
}
.produit .tarif{
color:#0F467C;
font-size:16px;
width: 360px;
float: left;
}
.produit .tarif .tarif_span{
font-size:24px;
font-weight:bold;
}
.produit .tarif2{
color:#0F467C;
font-size:16px;
width: 470px;
float: left;
}
.produit .tarif2 .tarif_span{
font-size:24px;
font-weight:bold;
}
.produit .description {
margin-top: 10px;
width: 100%;
}
.produit .img_produit {
width: 151px;
/*height: 103px;*/
position:relative;
/*overflow:hidden;*/
}
.produit .img_produit img{
-moz-box-shadow: 3px 3px 3px 0px #656565;
-webkit-box-shadow: 3px 3px 3px 0px #656565;
-o-box-shadow: 3px 3px 3px 0px #656565;
box-shadow: 3px 3px 3px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;*/
width: 148px;
}
.produit .produit_titre{
min-height: 23px;
position: absolute;
bottom: 0px;
width: 138px;
background: url(../images/bg-caption.png) center repeat;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
font-size: 12px;
line-height: 17px;
padding: 2px 5px;
}
.produit .produit_titre span{
background: url(../images/bg_readmore_2.png) left no-repeat;
font-size: 12px;
color: white;
padding-left: 24px;
}
.produit .produit_pension {
width: 140px;
min-height: 24px;
position: relative;
background: #2C2C2C;
-moz-box-shadow: 3px 3px 3px 0px #656565;
-webkit-box-shadow: 3px 3px 3px 0px #656565;
-o-box-shadow: 3px 3px 3px 0px #656565;
box-shadow: 3px 3px 3px 0px #656565;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: white;
margin-top: 6px;
font-size: 13px;
padding: 3px 5px;
}
.separateur{
width: 100%;
min-height: 12px;
background: url(../images/bg-speciaux.png) bottom center no-repeat;
clear:both;
}
.bloc_tarifdepart{
width: 921px;
min-height: 100px;
margin:auto;
}
.bloc_tarifdepart .designation_tarifdepart{
width: 911px;
height: 50px;
background: url(../images/bg-tarif-depart.png) top center no-repeat;
padding: 0 5px;
}
.designation1,.designation2{
float: left;
background: url(../images/bg-tarif-depart-puce.png) left no-repeat;
padding-left: 34px;
color: white;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.designation1{
width: 148px;
height: 50px;
line-height:50px;
}
.designation2{
height: 37px;
line-height: 13px;
padding-top: 12px;
width: 148px;
}
.designation_calendrier1,.designation_calendrier2,.designation_calendrier0,.designation_calendrier3{
height: 50px;
float: left;
background: url(../images/bg-tarif-depart-puce.png) left no-repeat;
padding-left: 34px;
line-height: 50px;
color: white;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.designation_calendrier0{
width: 60px;
}
.designation_calendrier1{
width: 89px;
}
.designation_calendrier2{
width: 275px;
}
.designation_calendrier3{
width: 127px;
}
.bloc_tarifdepart .value_tarifdepart{
width: 918px;
/*min-height: 38px;*/
margin:auto;
}
.value1, {
min-height: 30px;
line-height: 30px;
}
.value1 {
float: left;
width: 183px;
text-align:center;
line-height: 19px;
}
.bloc_tarifdepart .value_tarifdepart_cal{
width: 915px;
min-height: 30px;
border-bottom:1px solid #EAE8E8;
margin:auto;
}
.value_calendrier0, .value_calendrier1, .value_calendrier2, .value_calendrier3 {
min-height: 30px;
line-height: 30px;
float: left;
}
.value_calendrier0 {
width: 100px;
text-align:center;
}
.value_calendrier1 {
width: 120px;
text-align:center;
}
.value_calendrier2 {
width: 309px;
text-align: left;
font-size: 12px;
line-height: 18px;
}
.value_calendrier3 {
width: 160px;
text-align:center;
}
.span_resa{
display:block;
width:127px;
font-weight:bold;
margin:auto;
color:#000;
}
.span_resa2{
display:block;
width:127px;
height:39px;
background: url(../images/bg-resa.png) left no-repeat;
margin:auto;
color:#000;
line-height: 30px;
}
.span_resa:hover{
color:red;
}
.galerie{
width:930px;
min-height:150px;
padding:10px;
margin:auto;
}
.galerie .galerie_photo{
width:100%;
min-height:100px;
text-align:center;
}
.galerie .galerie_photo a{
margin:5px;
}
.galerie .galerie_photo a img{
-moz-box-shadow: 3px 3px 3px 0px #656565;
-webkit-box-shadow: 3px 3px 3px 0px #656565;
-o-box-shadow: 3px 3px 3px 0px #656565;
box-shadow: 3px 3px 3px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 100px;
}
.comprend ul{
list-style:disc;
list-style-position:inside;
margin: 5px 20px;
}
.ui-datepicker{
width: 14em !important;
}
.ui-widget {
font-size: 12px !important;
}
.ui-datepicker table{
font-size: 10px !important;
}
.ui-datepicker-trigger{
vertical-align:middle;
}
#reservetion_form{
padding: 15px;
width:800px;
position:relative;
margin:20px auto 0;
border: 1px solid #999;
-moz-box-shadow: 3px 3px 3px 0px #656565;
-webkit-box-shadow: 3px 3px 3px 0px #656565;
-o-box-shadow: 3px 3px 3px 0px #656565;
box-shadow: 3px 3px 3px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.block_right {
float: right;
min-height: 319px;
width: 281px;
margin-top: 0px;
}
.block_left {
float:left;
width:648px;
margin-top: 20px;
}
#bloc_pub_2{ text-align:center}
.block_map{ margin-bottom:10px; padding-top:10px;}
.home_left a{
color:#FFF;
}
.home_left .bloc_reservation p{
margin: 0;
padding: 0;
line-height: 20px;
}
.home_left .bloc_calendrier{
padding: 30px 5px;
background: url(../images/bg-home-left.jpg) 0px 0px no-repeat;
width: 216px;
height: 94px;
float: left;
text-align: center;
font-size: 23px;
color: #FFF;
margin-bottom: 10px;
}
.home_left .bloc_calendrier .sp1{
font-size: 31px;
line-height: 34px;
}
.home_left .bloc_calendrier .sp2{
text-transform:uppercase;
font-size: 24px;
line-height:43px;
color:red;
}
.home_left .bloc_reservation{
padding: 30px 5px;
background: url(../images/bg-home-left.jpg) 0px -157px no-repeat;
width: 216px;
height: 94px;
float: left;
text-align: center;
font-size: 23px;
color: #FFF;
margin-bottom: 10px;
}
.home_left .bloc_reservation .sp1{
font-size: 31px;
line-height: 34px;
}
.home_left .bloc_reservation .sp2{
text-transform:uppercase;
font-size: 24px;
line-height:43px;
}
.toplink {
position: fixed;
bottom: 5px;
right: 5px;
width:28px;
height:28px;
z-index:999;
}
.toplink a{
display:block;
}
#frm_newsletter .zone_input {
width: 199px;
padding: 3px;
color: #A5A4A4;
margin: 3px 0;
}
#bloc_recherche {
width: 980px;
background: #FFF;
margin: auto;
padding:10px;
border:1px solid #CCCCCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 3px #666666;
-webkit-box-shadow: 0 0 3px #666666;
-o-box-shadow: 0 0 3px #666666;
box-shadow: 0 0 3px #666666;
}
#bloc_recherche .filtre_middle{
height:100px;
background:url(../images/form/bg-form-filtre.jpg);
border:2px solid #E2E2E2;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 3px #E2E2E2;
-webkit-box-shadow: 0 0 3px #E2E2E2;
-o-box-shadow: 0 0 3px #E2E2E2;
box-shadow: 0 0 3px #E2E2E2;
padding: 0 15px;
}
#bloc_recherche .filtre_middle h2{
background: none;
text-transform: uppercase;
font-size: 20px;
}
#bloc_recherche .lbl,#bloc_filtre .styled-select{
width:100%;
height: 31px;
}
#bloc_recherche .lbl {
line-height:28px;
}
#bloc_recherche .styled-select .jqTransformSelectWrapper{
width: 100% !important;
}
#bloc_recherche .btn{
margin-top:28px;
text-align:right;
}
#bloc_recherche .btn .btn_filtre{
background: transparent url(../images/form/bg-btn2.png) no-repeat right top;
width:191px;
height:36px;
}
#bloc_recherche .btn .btn_filtre span{
color:#FFF;
float:none;
margin: auto;
text-transform:uppercase;
}
#bloc_recherche .part {
width: 204px;
float: left;
padding: 0 10px;
background: url(../images/form/sep.png) bottom right no-repeat;
}
#bloc_recherche .part:first-child{
margin-left: 18px;
}
#bloc_recherche .part:last-child{
background:none;
}
#bloc_recherche .part_filtre {
width: 150px;
float: left;
padding: 0 10px;
background: url(../images/form/sep.png) bottom right no-repeat;
}
#bloc_recherche .part_filtre:last-child{
background:none;
}
.direction{
position:absolute;
width:42px;
height:23px;
top:7px;
right:25px;
background:#FFF;
}
#prev2{
width:18px;
height:23px;
display:block;
float:left;
background:url(../images/direction.jpg) top left no-repeat;
}
#next2{
width:18px;
height:23px;
display:block;
float:right;
background:url(../images/direction.jpg) top right no-repeat;
}
.caroufredsel_wrapper{
margin-top:10px !important;
margin-left:11px !important;
}
#bloc_impression{
display:none;
}
.nb_pagination {
float:left;
font-size: 13px;
margin: 40px 10px 0 36px;
text-align: center;
}
.pagination {
float:right;
font-size:13px;
margin:10px auto;
text-align: center;
width:100%;
border:1px solid #d8d8d8;
background:url('../images/pagination.png') repeat-x;
}
.pagination a {
color:#4d4752;
margin:2px;
padding:.2em .4em;
text-decoration:none;
}
.pagination .numero a:hover{
background:#fb913f;
color:#fff;
}
.pagination .numero a {
background:#736c78;
color:#fff;
}
.pagination a:hover {
color:#4d4752;
}
.pagination span.inactive {
color:#4d4752;
margin:2px;
padding:.2em .4em;
font-weight:normal
}
.pagination span.active {
background:#fb913f;
color: #fff;
margin: 2px;
padding: 0.2em 0.4em;
}
.aucun_produit {
color: #D70101;
font-size: 20px;
padding-top: 30px;
text-align: center;
}
.contact_icn{
width: 70px;
float:left;
text-align: center;
}
.contact_icn_val{
line-height:30px;
}
#description_produit_detail img {
-moz-box-shadow: 0 0 3px #666666;
-webkit-box-shadow: 0 0 3px #666666;
-o-box-shadow: 0 0 3px #666666;
box-shadow: 0 0 3px #666666;
}
#description_produit_detail a{
color:#0F467C;
font-weight:bold;
}
#description_produit_detail a:hover{
text-decoration:underline;
}
.total_annonce{
text-align: right;
padding: 0 43px 5px 43px;
}
#reservationfrm table td{
padding:3px;
}
.block_info_login{
color:#fff;
float:right;
min-width:400px;
}
.block_info_login img{
border:2px solid #000;
}
.block_info_login a{
color:#fff;
}
.block_info_login span{
font-size:20px;
text-transform:uppercase;
}
.block_info_login .infos_per{ float:left;color:#fff; }
.block_info_login a.deconecte{
background:url('../images/bg_deconncete.png') repeat-x;
height:32px;
display:block;
width:120px;
text-align:center;
line-height:32px;
margin-top:8px;
text-transform:capitalize;
margin-left:20px;
float:right;
}
/**********msg_valide*******/
.msg_valide{ color:#736C78; padding:10px;}
.liste_resaux{ position:absolute; margin:150px 0 0 -10px;}
.in{ background:url('../images/social/in.png') no-repeat;
width:36px;
height:37px;
display:block;
}
.face{ background:url('../images/social/face.png') no-repeat;
width:36px;
height:37px;
display:block;
}
.fr2{ background:url('../images/social/fr2.png') no-repeat;
width:36px;
height:37px;
display:block;
}
.fr3{ background:url('../images/social/fr3.png') no-repeat;
width:36px;
height:37px;
display:block;
}
.fr5{ background:url('../images/social/fr5.png') no-repeat;
width:36px;
height:37px;
display:block;
}
.tv{ background:url('../images/social/tv.png') no-repeat;
width:36px;
height:37px;
display:block;
}
.plus{ background:url('../images/social/partenaire.png') no-repeat;
width:36px;
height:37px;
display:block;
}
.twiter{ background:url('../images/social/twiter.png') no-repeat;
width:36px;
height:37px;
display:block;
}
.home{ background:url('../images/social/home.png') no-repeat;
width:36px;
height:37px;
display:block;
}
.liste_resaux a:hover .suivez-nous{ display:block}
.suivez-nous{background:url('../images/social/suivez-nous.png') no-repeat;
width:94px;
height:27px;
display:block;
position:absolute;
margin-left:-89px;
margin-top:4px;
display:none;}
.detail_actualite p{ margin:0px;}
.icon_type_map{ width:150px; margin:0 auto}
#signup {
width: 500px;
padding-bottom: 2px;
display:none;
background: #FFF;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}
.ui-datepicker-trigger{ float:left; margin-right:10px;}
/*--------------------------------------------------
Reveal Modals
-------------------------------------------------- */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
background: #eee url(modal-gloss.png) no-repeat -200px -80px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
.for_exper{
background:#ededed;
padding:10px;
border:1px solid #c2c2c2;
font-size:14px;
color:#8b878e
}
.for_exper label{
width:auto !important;
margin-right:10px;
color:#736c78;
font-size:14px;
text-transform:capitalize;
font-weight:600;
height:30px;
}
.label_date{
overflow:hidden;
width:200px;
float:left;
}
.btn_action_cv{ float:right; padding:0 15px 0 0; margin-bottom:10px;}
.btn_action_cv a{ margin-left:10px; display:block; float:left; cursor:pointer}
.addButtons{ background:url(../images/add_btn.png) repeat-x; height:28px; margin-bottom:10px; width:175px; float:right; line-height:28px; text-align:center;}
#modifier_formation, #modifier_experience, #modifier_divers{ background:url(../images/btn_modif_cv.png) no-repeat; width:110px; height:30px; border:none; margin:10px auto;}
#ajouts_formation, #ajouts_experience,#ajouts_langues, .valider_titre{ background:url(../images/add_btn.png) repeat-x; width:110px; height:30px; margin:10px auto; border:none; color:#736C78; font-weight:bold; cursor:pointer}
#ajouts_divers{ background:url(../images/add_btn.png) repeat-x; width:110px; height:30px; margin:10px auto; border:none}
#ajouts_alert{ background:url(../images/add_btn.png) repeat-x; width:110px; height:30px; margin:10px auto; border:none}
#resultat_divers{ width:690px; margin:0 auto}
.apercucv{background:url(../images/add_btn.png) repeat-x; display:block; text-align:center; width:120px; height:30px; margin:10px 0 10px 10px; border:none; color:#736C78; line-height:30px; float:right;cursor:pointer}
#dvLoading
{
background:#000 url(../images/loading.gif) no-repeat center center;
height: 100%;
width: 100%;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
display:none;
z-index:9999;
opacity:0.8
}
#poste_select,#region_select{
box-shadow: 0 0 15px #555;
-moz-box-shadow: 0 0 15px #555;
-webkit-box-shadow: 0 0 15px #555;
padding: 3px;
}
#poste_select a{ display:block; float:right; margin-top:20px; clear:both}
#region_select a{ display:block; float:right; margin-top:20px; clear:both}
.block_info_dtail h2{ font-size:18px;text-align:justify; margin-bottom:20px}
.block_info_dtail{width:617px; margin:10px auto; overflow:hidden}
.block_info_dtail,#id_block_detail p,#id_block_detail span,#info_soc p { font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important }
#id_block_detail h2 span{ padding:0px !important; }
.form_postule{ overflow:hidden;}
.alert_cree{ background:url(../images/cree_alert.png) repeat-x;margin-top: -37px; display:block; line-height:39px; float:right; height:39px; border:none; color:#fff; text-transform:uppercase; padding:0 5px; cursor:pointer}
.postule{background:url(../images/postule.png) repeat-x; font-size: 20px; margin:auto; height:39px; width: 130px; display: block; border:none; color:#fff; text-transform:uppercase; padding:0 5px; cursor:pointer}
.contact_demande{background:url(../images/postule.png) repeat-x; float:right; margin-left:8px; height:39px; border:none; color:#fff; text-transform:uppercase; padding:0 5px; cursor:pointer}
.postule_a{background:url(../images/postule.png) repeat-x; height:39px; border:none; color:#fff; text-transform:uppercase; padding:0 10px; cursor:pointe;
display:block; line-height:39px;width: 100px; font-size: 20px; margin:auto; }
.block_list_domaine{ width:255px; margin:0 auto 10px;}
.block_list_domaine h2{background:url(../images/titre_detail_list.png) no-repeat; height:49px; width:255px; text-align:center; color:#fff; font-size:16px; font-weight:normal; text-shadow:none; line-height:49px;}
.block_list_domaine .titre_haut{ line-height:16px !important; height:38px !important; padding-top:10px; font-size:12px !important;}
.block_list_domaine h2 em{ text-transform:uppercase; font-style:normal }
.block_list_domaine ul{ background:#fff; border:1px solid #dbdbdb; position:relative; left:1px; width:247px; padding:2px; }
.block_list_domaine ul li{ font-size:12px; color:#736c78; padding:4px; border-bottom:1px dotted;}
.block_list_domaine ul li:last-child {border-bottom:none;}
.block_list_domaine ul li span.numeros{ float:right;}
.block_list_domaine ul li:hover{ background:#ffecdd;}
.liste_logo{ clear:both; overflow:hidden;}
.total{ position:absolute; top:0; margin:-35px 0 0 2px; color:#fff;}
.liste_logo label{ width:330px !important; padding-top:12px;}
.liste_logo li{ overflow:hidden !important; padding-left:0px !important; margin:0 0 5px 0 !important; background:none !important; line-height:20px !important; width:440px !important; float:left !important;}
.liste_logo li img{ max-height:50px; max-width:50px; height:40px}
.checkbox_service{float:left; margin:15px 5px 0 0;}
.label_service{float:left; margin:13px 5px 0 0;}
.select_block_poste_region{height:400px; overflow-y:auto; background:#fff; position:relative; z-index:999999999}
.msg_compte{ margin-bottom:20px;}
.selet_search{width:187px; position:absolute; margin:0 0 0 10px;}
.lst_chk_region, .lst_chk_departement, .lst_d, .liste_pays .lst_d{
float:left;
margin-bottom:10px;
}
.lst_chk_departement {
margin-left: 3px;
}
.lst_d {
margin-right: 3px;
width:145px;
}
#autre_pays{ cursor:pointer}
/*********Menu bas************/
.parent_item{color:#1f1d21;width:180px !important; font-size:14px;background:url(../images/spare_footer.png) top right no-repeat; padding:10px 18px !important; min-height:133px;}
#item_79 ul li{width:130px !important;}
.parent_item span.item_part, .block_info ul li span{ font-size:14px; display:block; color:#000; text-align:left; font-weight:bold; text-transform:uppercase; margin-bottom:10px;}
.parent_item ul li{width:180px !important; padding:0px; margin-bottom:5px}
.parent_item ul li a{ color:#fff; font-size:12px;}
#footer .block_info{
width:214px;
height:30px;
float:left;
margin-top: 10px;
padding-left:15px;
}
.block_info span{
color:#CCC;
padding-left:9px;
}
#footer .block_info ul li{ width:150px !important ;}
.footer_menu_bas{ float:left}
.block_info p{
color:#fff;
margin:0px;
font-size:14px;
padding-left:9px;
margin-bottom:5px;
}
.nos_offres{ color:#000; text-transform:uppercase; font-size:14px; margin-left:15px; font-weight:bold}
.menu_rubrique{ margin-left:10px; float: left;width: 208px; min-height: 133px; background: url("../images/spare_footer.png") no-repeat scroll right top;}
.menu_rubrique li{ margin-left: 11px !important; line-height: 20px !important;}
/**pop colorbox ***/
.label_domaine{
display:block;
margin: 10px 0 0;
background-position:center left;
background-repeat:no-repeat;
cursor:pointer;
font-weight:normal;
}
.liens_choisir{display: block;
float: right;
font-size: 12px;
font-weight: bold;
}
.label_region{width:100%;margin-bottom:5px; display:block; }
#value_region, #value_poste{ overflow:hidden;/*background:url("../images/input_select.png") no-repeat;*/ width:177px; height:25px; padding:2px 5px; line-height:29px; font-size:12px;}
#value_region_def, #value_poste_def{ overflow:hidden;/*background:url("../images/input_select.png") no-repeat;*/ width:177px; height:25px; padding:2px 5px; line-height:29px; font-size:12px;}
.search_accueil td{ padding-right:5px;}
.block_services{border: 1px solid #DBDBDB; margin-left: 1px; padding: 10px; width: 231px;}
.block_rechercher_avance{ background:#fff; padding:5px; margin-top:10px}
.block_rechercher_avance label{ font-weight:bold}
a.btn_search_avance{ position:absolute; margin-top:-21px; }
.suite_cache{ float:right; margin:-5px -5px 0 0;}
.haut_page{ clear:both; float:right; cursor:pointer}
/***search******/
.block_searchs {
display: block;
border-width: 0;
padding: 10px;
background:url(../images/bg_search.png) no-repeat;
width:936px;
height:90px;
}
.sous_menu_annonceur{
float:right;
margin-right:200px;
}
.sous_menu_annonceur li{
float:left;
border-left:2px solid #F98227;
border-right:2px solid #F98227;
border-bottom:2px solid #F98227;
background:#fff;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
.sous_menu_annonceur li a{
padding:5px;
display:block;
}
.sous_menu_annonceur li:hover, .sous_menu_annonceur li.active{
background:#F98227;
color:#fff !important;
}
.sous_menu_annonceur li a:hover, .sous_menu_annonceur li.active a{
color:#fff;
}
.menu_horizontal{
overflow:hidden;
width:946px;
}
.menu_horizontal li{
float:left;
}
.menu_horizontal li a{
display:block;
background:url(../images/motif.png) repeat-x;
color:#fff;
padding:10px 7px;
}
.menu_horizontal li a img{
position:absolute;
max-width:30px;
margin:-10px 0 0 0px;
}
.menu_horizontal li a:hover, .menu_horizontal li.active a{
background:url("../images/a_center.png") repeat-x ;
}
.titre_h3_detail{
font-size:18px; color:#f98227; padding:0px 0 10px; text-align:center; width:100%; text-transform:uppercase;
}
.champ_adresse{ background:#ededed; width:626px; border:1px solid #d3d3d3; padding:5px;}
.info_annonce_plus{ font-size:11.5px; font-family:Arial, Helvetica, sans-serif}
.box_text_first{ font-size:12px; }
#div_demande_form input.postule{ width:80px; margin:0 0 10px 178px !important; float:none}
#div_postule_form label ,#div_demande_form label{ display:block; width:120px; float:left}
#div_demande_form input.input_demande{ border:1px solid #CCC; width:300px}
#div_postule_form textarea,#div_demande_form textarea{width:300px; height:100px; vertical-align:text-top; border:1px solid #CCC}
#div_postule_form input.postule{ float:none; width:100px; margin:0 auto; display:block;}
.contact_demande{ line-height:37px; margin-right:30px; padding:0 12px}
.voir_plus{ color:#FB913F; float:right; margin-top:10px;}
.voir_plus:hover{ text-decoration:underline}
.numbre_domaine{ color:#f00; font-weight:bold; font-size:14px; margin-top:8px; display:inline;}
.rafraichir_manuellement{
background: #60B7F7;
height: 44px;
display: block;
font-size: 15px;
color: #FFF;
width: 100px;
text-align: center;
line-height: 19px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
}
.rafraichir_manuellement:hover{
color:#000;
}
.obligatoire{ color:#F00}
#modifer_annonceur .accsess_options label{width:620px !important; display:block;}
.accsess_options label, .accsess_options label a{ color:#F98227 !important; }
#inscription_candidat a.condition_gen{text-decoration:underline !important}
.block_searchs a.btn_cree_alert{ float:right; margin:3px 40px 0 0; }
.block_searchs a:hover{ color:#F98227}
#home #loading-div-background ,#corps #loading-div-background
{
display:none;
position:fixed;
top:0;
left:0;
background:black;
width:100%;
height:100%;
}
#home #loading-div,#corps #loading-div
{
width: 70px;
height: 8px;
text-align:center;
position:absolute;
left: 50%;
top: 50%;
/* margin-left:-150px;
margin-top: -100px;*/
}
.filtre_annonce_candidat{ border:1px solid #E0E0E0; padding:10px; margin-bottom:10px;}
.filtre_annonce_candidat label{ font-size:12px; margin-right:10px; }
.filtre_annonce_candidat .filtre_candidat{ background:url("../images/bg_deconncete.png") repeat-x; border:none; padding:5px; color:#fff; float:right; cursor:pointer }
b.youtube{ cursor:pointer !important;}
b.daiymotion{ cursor:pointer !important;}
.search_accueil td.withcol{ width:180px;}
.def li span{
background: #fff;
color: #000;
padding: 2px 5px;
margin-right: 10px;
}
.clear{
clear: both;
}
.publiciteslider{
margin: auto;
}
.publiciteslider .nivoSlider img{
max-width: 900px !important;
position: absolute !important;
right: 0;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
margin: auto;
}
.publiciteslider span.enteteslider{
font-size: 25px;
text-align: center;
line-height: 30px !important;
height: 30px !important;
;
display: block;
color: #fff !important;
font-weight: bold;
font-family: 'Brush Script MT';
cursor: pointer;
width: 100%;
}
.publiciteslider .nivoSlider{
height: 170px !important;
width:900px !important;
margin: 0 auto;
}
#topsliders div.nivo-directionNav{
display: none !important;
}
.fermer{
position: absolute !important;
z-index: 999;
display: block;
padding: 5px !important;
top: 0px;
right: 5px;
background: #F98228;
color: #fff;
font-size: 17px;
font-weight: bold;
cursor: pointer !important;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.plusinfo{
cursor: pointer !important;
}
.table_info div.chzn-container{
width: 187px !important;
}
h2.titre_domaine_search{
background: none !important;
font-size: 16px !important;
font-weight: bold;
}
div#inline_domaine div.spare_block:nth-last-child(2){
border-right:none !important;
}
.spare_block{
border-right: 1px solid #000;
}
.block_formation{
min-height: 407px !important;
}
.block_formation h2{
color: #feb0b0 !important;
}
.block_emploi h2{
color: #63B9DE !important;
}
.block_secteur_def,.block_franchise{
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
border-top:none !important;
}
.decaler{
margin-bottom: 10px;
}
.col-md-6{
width: 47%;
float: left;
padding-right: 15px;
padding-left: 15px;
}
.col-md-3{
width: 20%;
float: left;
padding-right: 15px;
padding-left: 15px;
}
.youtube{
margin-top: 2px;
display: block;
}
.icon_view_annonces{
position: absolute;
right: 3px;
}
.candidat_cellule td{color: #000;}
a.info_bule:hover span,a.info_bule:focus span{
transform:scale(1) rotate(0);
opacity:1;
}
a.info_bule span{
position:absolute;
margin-top:23px;
margin-left:-35px;
color:#fff;
background:rgba(0,0,0,.9);
padding:15px;
border-radius:3px;
box-shadow:0 0 2px rgba(0,0,0,.5);
transform:scale(0) rotate(-12deg);
transition:all .25s;
opacity:0;
font-size: 10px;
}
.link_cvtheque{
background: #f9842b;
color: #fff;
padding: 10px;
font-size: 15px;
}
.block_search{
}
.page_contenu{
margin-top:100px;
}
.partager_social{
border: 1px solid #dbdbdb;
width: 232px;
margin: 0 auto 10px;
padding: 10px;
}
#twitter-widget-0{
position: relative !important;
top: 3px;
}
.style_select{
width: 45%;
height: 28px;
border: 1px solid #ccc;
}
.style_select_lang1{
float: left;
width: 20%;
margin-right: 10px;
}
.style_select_lang2{
float: left;
width: 20%;
margin-bottom: 5px;
}
.champ_rg_do_css{
border:1px solid #ccc;
}
.form_cv{
text-align: center;
border: 1px solid #ccc;
}
.btn_cv{
padding: 5px 18px;
font-size: 15px;
background: #dad7d7;
border: none;
}
Zerion Mini Shell 1.0