html * {
margin:0;
padding:0;
}
a, span {
text-decoration:none;
outline:none;
}
img, fieldset {
border:none
}
p, label, td, div, a, span {
font-family: 'Open Sans';
}
h4 {
font-size:12px;
font-weight:normal;
}
ul {
list-style:none;
margin:0;
padding:0;
}
body {
margin:0px;
color:#4d4d4d;
}
.wrapper-main {
height:100%;
width:100%;
background: url(../images/bg2.png);
}
.wrapper {
height:100%;
width:100%;
}
#conteneur {
background:url(../images/conteneur_rep.png) top center repeat-x;
margin: 0 auto;
padding-top:20px;
}
#header {
width: 100%;
background:#fff;
height: 92px;
}
#header .holder {
height:100%;
z-index:3;
}
div.holder {
width:1000px;
margin: 0 auto;
position: relative;
}
#wrap {
position:relative;
}
#slider {
background: url(../images/bg_slide.png) repeat-x top;
height:438px;
position:relative;
overflow: hidden;
}
#slider li {
position: absolute;
top: 0;
left: 0;
}
#slider li.prl1 {
background: url('../images/parallax/parallax1.png') no-repeat;
width: 1515px;
height: 343px;
}
#slider li.prl2 {
background: url('../images/parallax/parallax2.png') no-repeat;
width: 1841px;
height: 248px;
}
#slider li.prl3 {
background: url('../images/parallax/parallax3.png') no-repeat;
width: 1500px;
height: 422px;
}
#slider li.prl4 {
background: url('../images/parallax/parallax4.png') no-repeat;
width: 1727px;
height: 339px;
}
#slider .holder {
/*background: url(../images/bg_deco_slider.png) no-repeat center top;*/
height:100%;
}
#_h {
text-align: center;
font-size: 10px;
margin: 0 auto;
width: 754px;
font-family:"Courier New";
margin-top:-14px;
}
#centre {
width:1000px;
height:auto;
position:relative;
margin:auto;
}
#centre h1 {
min-height:55px;
padding:15px 0 0 15px;
font-family:''Open Sans'';
color:#ff7c00;
font-size:36px;
}
#centre h2.titre_page {
padding: 8px;
font-size: 25px;
font-family:'Open Sans';
color:#382B27;
position: relative;
font-weight:100;
line-height: 15px;
}
#main {
width:100%;
min-height:200px;
position:relative;
}
.article strong {
/*color:#ff7c00;*/
}
.article header {
width: 515px;
text-align: center;
margin: auto;
}
.article h2, .article_content #wrap h2, .actualite_module h2, #description h2, #menu h2, #coordonnes h2, .actualite h2, .article_content h2,#contact h2 {
text-transform: uppercase;
font-weight: 100;
font-size: 160%;
color:#b0414f;
margin-bottom:15px;
font-family:Lato;
}
#wrap h2 {
text-transform: uppercase;
font-weight: 100;
font-size: 160%;
color:#b0414f;
margin-bottom:15px;
border-bottom: 1px dotted #666;
}
#description h2, #menu h2, #coordonnes h2 {
font-size:16px;
}
.article_content #wrap h2 {
/*margin-bottom:0px;*/
}
.actualite_module h2 {
border-bottom:1px dotted #666666;
}
.article ul {
list-style:none;
margin-bottom:10px;
}
.article ul li {
margin-left:10px;
}
/*.article h1, .article h2, .article h3, .article h4, .article h5 {
margin:4px 0;
font-size: 120%;
}*/
.article a {
/*font-family: ANTQUAI;
font-weight: bold;
color:#09C;*/
text-decoration:underline;
}
.article img {
/* border:#44b6bc 5px solid;
-webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 1px 12px rgba(0, 0, 0, .3);
box-shadow: 0 1px 12px rgba(0, 0, 0, .3);
*/ vertical-align: middle;
}
/********************************* css footer *******************************/
#footer {
width:100%;
background: url(../images/footer_rep.png) top center repeat-x;
height: auto;
position:relative;
margin:0 auto;
height:300px;
padding-top: 25px;
}
.to_top {
bottom: 20px;
position: fixed;
right: 30px;
height:43px;
width:43px;
background: url(../images/to_top.png) center no-repeat;
}
#footer-main {
width:980px;
height:auto;
position:relative;
padding:30px 0px 0;
margin:0 auto;
font-size: 14px;
}
/********************************* css actualites *******************************/
#actualites .content-actu {
width:370px;
display:block;
min-height: 213px;
float:left;
margin-right:35px;
padding:10px;
background:#382A27;
border:#FF7C00 1px solid;
position:relative;
margin-top:20px;/*height:250px;*/
}
#actualites .content-actu .date {
width:55px;
position:absolute;
height:52px;
right:-19px;
padding-top:3px;
top:-19px;
text-align: center;
background: url(../images/actu-date.png) no-repeat 0 0;
}
#actualites .content-actu .date .month, #livredor .date .month {
letter-spacing:1px;
}
#actualites .content-actu .date span {
color:#fff;
font-family:'Open Sans';
font-size:14px;
font-weight:bold;
line-height:15px;
text-shadow: 1px 1px 0.9px #FF7C00;
}
#actualites .content-actu .actu_img {
height:120px;
width:135px;
float:left;
}
#actualites .content-actu .actu_img img {
border: solid white 4px;
}
#actualites .content-actu .actu_desc {
width:230px;
float:right;
}
#actualites .content-actu .actu_desc p {
font-size:12px;
line-height: 20px;
color:#fff;
}
#actualites .content-actu .savoir_plus {
background: url(../images/bg_actu_plus.png) no-repeat 100% 50%;
padding-right: 15px;
float: right;
text-align: right;
width: 35%;
height: 30px;
position: absolute;
bottom: 10px;
right: -5px;
}
#actualites .content-actu .savoir_plus a {
color:#302421;
font-size:16px;
font-family:'Open Sans';
font-weight:100;
}
.actu_titre {
margin-bottom:6px;
width: 90%;
}
.actu_titre h2 {
color:#f7ba80;
font-size:20px;
font-family:'Open Sans';
font-weight:100;
}
/********************************* css actualites full *******************************/
#actualites .full {
width:830px !important;
background:none !important;
border:none !important;
margin:0 !important;
float:none;
}
#actualites .full .date span {
color:#302421 !important;
font-size:22px !important;
font-weight:bold !important;
line-height:15px !important;
}
#actualites .full .date {
width:auto !important;
position: static !important;
height:auto !important;
text-align:left;
background:none !important;
margin-bottom:20px;
}
#actualites .full .actu_img {
height:auto !important;
width:auto !important;
float:left;
margin-right:20px;
background:none !important;
border:1px #382B27 solid;
}
#actualites .full .actu_img img {
padding:0 !important;
}
#actualites .full .actu_desc {
width:455px !important
}
#actualites .full .actu_desc p {
font-size:22px !important;
line-height: inherit !important;
}
/********************************* 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: #4F3C37;
position:relative;
line-height: 13px;
z-index:5001;
color: #fff;
width: 115px;
font-family: tahoma;
font-size: 11px;
border: 2px 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;
}
.greenPopup .formErrorContent {
background: #33be40;
}
.blackPopup .formErrorContent {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow {
width: 15px;
margin: -2px 0 0 13px;
position:relative;
z-index: 5006;
}
.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: #4F3C37;
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 actualites *******************************/
.actu_list {
margin-top:20px;
}
.actu_list .item_inner {
float: left;
font-size: 13px;
line-height: 1.65em;
margin-left: 9px;
width: 248px;
}
.actu_list li.actu_item .link {
-webkit-box-shadow: #bfbfbf 1px 1px 20px;
-moz-box-shadow: #bfbfbf 1px 1px 20px;
box-shadow: #bfbfbf 1px 1px 20px;/*behavior: url(Templates/css/PIE.htc);*/
border: 2px solid #B0414F;
float: left;
overflow: hidden;
position: relative;
width: 200px;
}
.actu_list li.actu_item .link a {
position:absolute;
display:block;
height:100%;
width:100%;
top:0;
right:-100%;
background: url(../images/link_bg.png) center no-repeat;
}
.actu_list li.actu_item {
display:block;
padding:15px 0;
margin-top:22px;
width:476px;
float:left;
}
.actu_list li.actu_item h4 {
color:#B04159;
font-family:Lato;
font-size:16px;
font-weight:100;
margin-bottom:20px;
}
/********************************* css livre d'or *******************************/
#livredor .liste_livre {
width:830px;
display:inline-block;
margin-right:35px;
padding:10px;
background:#382b27;
position:relative;
border-bottom: 1px #ccc solid;
}
#formID input, #formID textarea {
color:#000;
}
#livredor .liste_livre.first {
}
#livredor .liste_livre:last-child {
}
#livredor .date span {
color:#fff;
font-family:'Open Sans';
font-size:14px;
font-weight:bold;
line-height:15px;
text-shadow: 1px 1px 0.9px #382b27;
}
#livredor .date {
width:140px;
position:absolute;
height:27px;
right:-4px;
padding-top:3px;
top:26px;
text-align: center;
background: url(../images/bg_actu_plus.png) no-repeat 0 0;
}
#message h4 {
text-align: center;
font-weight: bold;
color: #44b6bc;
font-size: 17px;
}
.message {
background:#bbf7b6;
}
.red {
background:#fe9898;
}
.message p {
padding:15px;
text-align:center;
}
#livredor .liste_livre .contenu_livre {
margin-left:70px;
}
#livredor .liste_livre .contenu_livre p {
font-size:14px;
color:#fff;
}
#livredor .liste_livre .titre_pers {
height: 35px;
width: 294px;
padding: 20px 0 0 0;
text-align: left;
}
#livredor .signez a {
padding-right:60px;
color:#302421;
font-size:18px;
font-family: 'Open Sans';
font-weight:100;
}
#livredor .signez {
background: url(../images/signe_gold.png) no-repeat center right;
padding-top: 20px;
height:55px;
width:256px;
}
#livredor .titre_pers h3 {
text-transform: capitalize;
color: #FF7C00;
font-size: 19px;
font-family: 'Open Sans';
font-weight: 100;
}
/********************************* css form confirmation *******************************/
#form_detail_reserv2 #form_c {
width:650px;
margin:0 0 0 0;
}
#form_c {
width:410px;
margin:0 auto;
}
#form_c span {
font-weight:bold;
color:#643418;
font-size: 22px;
float:left;
}
#form_c li {
}
/********************************* css form contact *******************************/
#formulaire_contact {
position:relative;
margin-bottom:40px;
margin-left: 8px;
float: left;
width:570px;
}
.formulaire_contact {
float: left;
width: 418px;
}
#location_map {
height: 420px;
width: 369px;
float:right;
}
#map {
height: 100%;
width: 100%;
margin-top:2px;
}
#map .map_rc {
color: #E7AA3B;
font-family: ANTQUAI;
font-size: 20px;
font-weight: bold;
}
#form_contact #formID #msg {
height:200px;
width:400px;
}
#form_contact {
width:440px;
}
#contact_info {
margin-bottom:10px;
position: absolute;
right: 10px;
}
#contact_info #contact_adresse {
background: url(../images/con_address.png) no-repeat center left;
padding:25px 0 25px 70px;
}
#contact_info #contact_tel {
background: url(../images/con_tel.png) no-repeat center left;
padding:20px 0 20px 70px;
}
#contact_info #contact_gsm {
background: url(../images/con_gsm.png) no-repeat center left;
padding:20px 0 20px 70px;
}
/********************************* css Tarif & Réservation *******************************/
#tares {
margin-top: 40px;
width:98%;
padding:10px;
display:none;
position:relative;
}
#tares #chambres {
width:64%;
float:left;
}
#form_r {
height:auto;
width:28%;
float:right;
background:#bbf7b6;
padding: 5px 20px 10px;
}
#form_r .submit {
margin-left: 50px;
margin-top: 15px;
}
#form_r .total {
text-align:center;
margin-top: 15px;
}
#form_r .total span {
font-size:28px;
}
#tares #reservation {
width: 100%;
min-height:200px;
}
#tares #reservation h2 {
color:#43993c;
text-align:center;
}
#chambres .ch {
display:inline-block;
margin-right: 31px;
background:#000;
position:relative;
margin-top: 30px;
width:150px;
cursor:move;
}
#chambres .liste_chambre {
background:url(../images/trait.png) bottom center no-repeat;
padding-bottom:30px;
}
#reservation .ch {
cursor:move;
display:inline-block;
margin-right: 31px;
background:#fff;
position:relative;
margin-top: 40px;
width:210px;
}
#tares .ch .tarif {
height:30px;
width:30px;
position:absolute;
top:-20px;
right:-16px;
text-align:center;
padding-top:9px;
}
#tares .ch .tarif .prix {
display:none;
}
.pension a {
padding-left:32px;
height:30px;
display:inline-block;
margin-right: 15px;
width:auto
}
#tares .ch .N, .pension a.N {
background: url(../images/tarif_n.png) no-repeat center left;
}
#tares .ch .DP, .pension a.DP {
background: url(../images/tarif_dp.png) no-repeat center left;
}
#tares .ch .PC, .pension a.PC {
background: url(../images/tarif_pc.png) no-repeat center left;
}
#tares .ch .tarif span {
color:#fff;
font-size:22px;
line-height: 21px;
}
#tares .ch .titre_chambre {
padding:8px;
}
#reservation .ch .titre_chambre h3 {
color:#000;
font-size:23px;
}
#chambres .ch .titre_chambre h3 {
color:#fff;
font-size:23px;
}
/********************************* css form livre d'or *******************************/
#form_main {
display:none
}
#cboxLoadedContent #formID {
display:block !important;
width:600px;
margin:20px auto 0;
}
/********************************* css form info_rev *******************************/
#form_detail_reserv2 {
position:relative;
margin-left:40px;
display:none;
}
.m_date {
position:absolute;
top:1px;
right:1px;
cursor:pointer;
background: url(../images/fleche.png) no-repeat center left;
padding-left: 35px;
height:32px;
width:107px;
}
#form_detail_reserv2 .plus_info #msg {
width:400px;
}
#form_detail_reserv2 .plus_info {
position: absolute;
right: 70px;
top: 60px;
}
.ui-datepicker-trigger {
background: url(../images/calend.png) no-repeat center left;
height:32px;
width:35px;
border:none;
cursor:pointer;
left: -21px;
position: relative;
top: -13px;
}
/******************************************************************************/
.clr {
clear:both;
}
/********************************* css Slider *******************************/
.slides_container {
display: none;
height: 269px;
left: 47px;
overflow: hidden;
position: relative;
top: 17px;
width: 342px;
}
#slides {
height:337px;
width:435px;
float:right;
position:relative;
background: url(../images/frame.png) no-repeat center left;
}
#slides img {
border:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container div.slide {
width:570px;
height:270px;
display:block;
}
/*
Next/prev buttons
*/
#slides .next, #slides .prev {
position:absolute;
top:120px;
left:6px;
width:24px;
height:43px;
display:block;
z-index:101;
}
#slides .next {
left:405px;
}
/*-----------------------Pagination-------------------------*/
.pagination {
font-weight: bold;
margin: 10px 0 10px 5px;
padding: 4px 0;
width: 100%;
}
.pagination a {
margin-left:3px;
background:url(../images/circle.png);
color:#B04159;
font-size:12px;
font-weight:bold;
text-align:center;
display:block;
float:left;
min-width:26px;
min-height:26px;
border-radius:4px;
line-height:26px;
}
.pagination span {
display:block;
float:left;
min-width:20px;
min-height:20px;
background:#b2cc05;
margin-left:3px;
background:none;
font-size:12px;
}
.pagination .flech_pag {
color:#b2cc05;
font-size:24px !important;
line-height:16px;
width:20px;
}
.pagination .prevnext, .pagination .disabled {
display:block;
height:20px;
width:118px;
float:left;
background:none;
color:black;
}
.pagination .current {
line-height:26px;
display:block;
float:left;
min-width:26px;
min-height:26px;
text-align:center;
background:url(../images/circle_active.png);
border-radius:4px;
color:black;
}
.pagination .next {
display:block;
width:91px;
line-height:23px;
height:27px;
float:left;
background:url(../images/next.png);
}
.pagination .prev {
display:block;
width:91px;
line-height:23px;
height:27px;
float:left;
background:url(../images/prev.png);
}
/***************************************************/
/*
Caption
*/
.caption {
z-index:500;
position:absolute;
bottom:-35px;
left:0;
height:30px;
padding:5px 20px 0 20px;
background:rgba(85, 57, 39, .5);
width:302px;
border-top:1px solid #3f200d;
text-shadow:none;
}
.caption p {
font-size:1.3em;
font-family:''Open Sans'';
line-height:1.33;
color:#ff7c00;
}
/********************************* css plus-info-form *******************************/
#plus-info-form td {
background:none;
}
#plus-info-form .textarea {
width:300px;
}
/********************************* css tableaux *******************************/
#table_tarif {
margin:0 auto;
}
#table_tarif td {
color:#000;
font-family: 'Open Sans';
}
#table_tarif td.n {
background:url(../images/t_degrade3.png) repeat-x top #FFFEFD;
}
#table_tarif td.dp {
background:url(../images/t_degrade4.png) repeat-x top #FFFEFD;
}
#table_tarif td.pc {
background:url(../images/t_degrade5.png) repeat-x top #FFFEFD;
}
.empty {
background:none
}
#table_tarif .tt, #table_tarif .tp {
background:url(../images/t_degrade2.png) repeat-x top #FCFBFA;
font-size: 120%;
font-weight: bold;
font-family: 'Open Sans';
width: 190px;
color:#000
}
/********************************* css lang *******************************/
#lang_form {
position:absolute;
top:0px;
right:7px;
}
#lang_form a {
background-position: center;
background-repeat:no-repeat;
background-color:transparent;
text-indent:-999px;
height:30px;
width:30px;
border:none;
display:block;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
overflow:hidden;
padding:0;
cursor:pointer;
-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
}
#lang_form a:hover, #lang_form a.active {
background-position: center;
}
#lang_form a.fr {
background-image:url(../images/France-64.png);
}
#lang_form a.en {
background-image:url(../images/UK-64.png);
}
/********************************* css droit *******************************/
#droit {
width:235px;
float:right;
border-left:solid 1px #291e14;
margin-top:35px;
}
.serv_graphisme, .serv_referencement {
width:229px;
min-height:200px;
float: left;
margin: 0 14px;
}
.serv_developpement, .serv_hebergement {
width:204px;
min-height:200px;
float: left;
margin: 0 14px;
}
.serv_graphisme .text_service {
padding-left: 15px;
margin-bottom:32px;
}
.serv_referencement .text_service {
padding-right: 15px;
}
.text_service {
text-align:center;
}
.actualite_module {
}
/*.actualite_module h2{
font-size: 19px;
border-bottom: 1px dotted #CCC;
padding-bottom: 4px;
}*/
.actualite_module .actu {
width:490px;
height:130px;
float:left;
line-height:24px;
border-right:1px dotted #CCC;
margin-top:20px;
}
.actualite_module h3 {
font-weight:normal;
font-size:15px;
}
.actualite_module .actu .actu_img {
width:140px;
height:87px;
float:left;
border:2px solid #B0414F;
}
.actu_img img {
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
margin-right:10px;
}
.actu_recap {
float:left;
margin-left:15px;
width:325px;
}
.actu_recap p {
font-size:12px;
text-align:justify;
margin-top:10px;
line-height:1.5em;
}
#tte_actualite {
background: none repeat scroll 0 0 #f3f8fa;
color: #B0414F;
display: block;
height: 25px;
margin-left: 768px;
margin-top: -180px;
padding: 5px;
position: absolute;
text-transform: uppercase;
width: 200px;
text-align:center;
}
#ft_wrapper {
}
#ft_wrapper #description {
width:256px;
padding:0 10px;
padding-left:0px;
border-right:1px dotted gray;
float:left;
}
#ft_wrapper #description p {
text-align:justify;
}
#ft_wrapper #menu {
width:182px;
min-height:258px;
float:left;
border-right:1px dotted gray;
width:182;
padding:0 10px;
}
#ft_wrapper #coordonnes {
min-height:258px;
float:left;
border-right:1px dotted gray;
padding: 0 10px;
width: 245px;
line-height: 20px;
font-size: 12px;
}
#ft_wrapper #annuaire {
width:230px;
min-height:258px;
float:left;
text-align:right;
}
#ft_wrapper #annuaire p {
text-align:center;
}
#description p {
font-size:12px;
}
#description #rs_soc {
margin-top:40px;
}
#rs_soc h3 {
font-weight:normal;
}
#rs_soc #img_rs img {
margin-left:6px;
}
#rs_soc #img_rs {
width:255px;
text-align:center;
margin-top:10px;
}
#makeMeScrollable {
width:960px;
height: 200px;
position: relative;
margin:22px auto 0;
}
#makeMeScrollable div.scrollableArea img {
position: relative;
float: left;
padding: 0;
/* If you don't want the images in the scroller to be selectable, try the following
block of code. It's just a nice feature that prevent the images from
accidentally becoming selected/inverted when the user interacts with the scroller. */
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
border:3px solid #FFF;
height: 147px;
}
#makeMeScrollable .divimg {
float:left;
height: 200px;
margin: 0 10px;
width:201px;
}
#makeMeScrollable .divimg .link_title .titre {
float: left;
font-size: small;
text-transform: uppercase;
width: 130px;
}
#makeMeScrollable .divimg .link_title .link_plus {
float: right;
color: white;
background: url(../images/ribon.png) left no-repeat;
width: 47px;
height: 22px;
text-decoration: none;
padding-left: 14px;
font-weight: bold;
font-size: 13px;
margin-right: 3px;
line-height: 20px;
}
#wrap .slide_direction {
background: url(../images/direction.png) no-repeat;
width:48px;
height:36px;
position:absolute;
top:18px;
right:50px;
}
.lireplus {
display:block;
width:60px;
height:25px;
background:url(../images/lireplus.png) left no-repeat;
height: 36px;
line-height: 32px;
padding-left: 22px;
width: 58px;
font-size:12px;
color:#ae3d4d;
}
.lireplus:hover {
color:#fa798b;
}
.actualite {
text-align:justify;
}
.menu-bottom {
margin-left: 286px;
margin-top: 35px;
position: absolute;
}
.menu-bottom a img {
display:none;
}
.menu-bottom a span.sdt_descr {
display:none;
}
.menu-bottom ul li, .menu-left ul li {
border-bottom: 1px dotted gray;
height: 30px;
line-height: 16px;
padding-left: 18px;
padding-top:13px;
text-transform: uppercase;
width: 130px;
background:url('../images/puce_menu.png') left no-repeat;
}
.menu-bottom ul li a span, .menu-left ul li a span {
color:#4D4D4D;
position:relative;
}
.menu-bottom ul li a:hover span, .menu-left ul li a:hover span {
color:#B0414F;
}
.menu-bottom ul li:last-child, .menu-left ul li:last-child {
border:none;
}
.menu-left .active a span {
color:#B0414F;
}
.article_content p {
font-size: 13px;
letter-spacing: normal;
line-height: 1.65em;
vertical-align: baseline;
}
blockquote {
width:473px;
float:right;
text-align:jsutify;
}
.qsn-f:first-letter {
font-size: 2.5em;
line-height: 1em;
float:left;
margin-top:4px;
margin-right:2px;
}
.qsn-f {
float: left;
text-align: justify;
width: 495px;
}
.qsn-l {
clear: both;
position: relative;
top: 17px;
width: 496px;
}
.qsn-l:first-letter {
font-size: 2.5em;
line-height: 1em;
float:left;
margin-top:4px;
margin-right:2px;
}
blockquote {
font-size:13px;
}
blockquote:first-letter {
font-size: 2.5em;
line-height: 1em;
float:left;
margin-top:4px;
margin-right:2px;
}
#block_left {
text-align:center;
width:250px;
min-height:268px;
margin-top:0px;
float:left;
margin-left:24px;
}
#bandeau {
height:50px;
background:red;
}
.article_content {
margin-bottom:40px;
margin-top:40px;
margin-top:0px;
}
.menu-bottom ul li a span {
position:relative;
}
h3 {
color:#AE3D4D;
}
.text_service ul {
margin-left:25px;
text-align:left;
width:201px;
}
.text_service ul li {
list-style-image:url(../images/pucee.png);
}
.pourquoi-nous p.first {
text-align:center;
}
.pourquoi-nous p.second {
border-left:1px solid #CA4A5D;
width:450px;
padding-left:20px;
margin:20px 0px 20px 122px;
font-style:italic;
}
.pourquoi-nous p.second:after {
content: "”";
font-family: Times New Roman, Times, serif;
font-style: normal;
color: #CA4A5D;
font-size: 500%;
font-style: normal;
padding-left: 10px;
position: relative;
left:-49px;
top:15px;
display:block;
float:right;
}
.pourquoi-nous p.second:before {
color: #CA4A5D;
content: "“";
font-family: Times New Roman, Times, serif;
font-size: 500%;
font-style: normal;
padding-right: 10px;
left: 15px;
padding-right: 25px;
position: relative;
top: 25px;
}
.pourquoi-nous p.third {
text-align:justify;
}
.pourquoi-nous ul {
line-height: 20px;
margin-left: 34px;
margin-top: 10px;
width: 669px;
}
.pourquoi-nous ul li {
list-style-image:url(../images/pucee.png);
font-size:13px;
margin-bottom:5px;
}
#refrencement p {
margin-top:10px;
}
ol {
font-size:13px;
margin-left:21px;
}
.forfait1, .ul_pack {
margin-left:35px;
}
.forfait1 li, .ul_pack li {
font-size:13px;
list-style-image: url("../images/pucee.png");
margin-bottom:8px;
}
.option_pack {
list-style: none outside none;
max-width: 40em;
overflow-x: hidden;
padding: 0;
width: 400px;
font-size:13px;
margin:15px 0 15px 35px;
}
ul.option_pack li {
list-style-image:none;
}
ul.option_pack li:before {
content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";
float: left;
white-space: nowrap;
width: 0;
}
ul.option_pack span:first-child {
background: none repeat scroll 0 0 white;
padding-right: 0.33em;
}
ul.option_pack span + span {
background: none repeat scroll 0 0 white;
float: right;
padding-left: 0.33em;
}
#pourquoi_pas_vous p:first-child {
-moz-column-width: 26em;
-webkit-column-width: 26em;
}
#pourquoi_pas_vous p {
font-size: 13px;
line-height: 22px;
margin: 0.625em 0;
text-align: justify;
text-align:justify;
-moz-column-width: 24em;
-webkit-column-width: 24em;
-moz-column-gap: 4em;
-webkit-column-gap: 4em;
-moz-column-rule-color:#B0414F;
-moz-column-rule-style: solid;
-moz-column-rule-width: 1px;
-webkit-column-rule-color: #B0414F;
-webkit-column-rule-style: solid;
-webkit-column-rule-width: 1px;
}
#pourquoi_pas_vous p:first-child:first-letter {
float: left;
font-size: 40px;
font-weight: 400;
margin:11px 0 0;
margin-right:8px;
}
#pourquoi_pas_vous #pas_vous_p:first-letter {
float: left;
font-size: 40px;
font-weight: 400;
margin: 11px 0 0;
margin-right:8px;
}
/*-----------------------------------------------------------------SLIDER---------------------------------------------*/
#slider-code {
height: 1%;
overflow:hidden;
padding: 0 0 10px;
border:1px dotted gray;
}
#slider-code .viewport {
float: left;
width: 248px;
height: 480px;
overflow: hidden;
position: relative;
}
#slider-code .buttons {
background:url("../images/tb.png") no-repeat scroll 0 0 transparent;
display: block;
margin: 0px 10px 0 0;
background-position: 0 -38px;
text-indent: -999em;
float: left;
width: 39px;
height: 37px;
overflow: hidden;
position: relative;
}
#slider-code .next {
background-position: 0 -20px;
margin: 0px 0 0 108px;
}
#slider-code .prev {
background-position: 0 16px;
margin: 0px 0 0 100px;
}
#slider-code .disable {
visibility: hidden;
}
#slider-code .overview {
list-style: none;
position: absolute;
padding: 0;
margin: 0;
width: 248px !important;
left: 0 top: 0;
}
#slider-code .overview li {
float: left;
margin: 0 0px 0 3px;
padding: 1px;
height: 160px;
width: 236px;
}
#slider h2 {
color: white;
text-indent: 300px;
line-height: 56px;
font-weight: 100;
font-family: Lato;
text-transform: uppercase;
font-size: 34px;
}
/*-------------------------------------------------------------------FAQ----------------------------------------------*/
.toggle-main dt {
background-color: #F3F3F3;
border: 1px solid #E3E3E3;
margin-top: 2px;
padding: 10px;
}
.toggle-main dt:hover {
cursor: pointer;
}
.toggle-main dt span {
background: url("../images/toggle-indicator.png") no-repeat scroll 0 1px transparent;
padding-left: 25px;
font-size:13px;
font-weight:bold;
}
.toggle-main .toggle-content {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #E3E3E3 #E3E3E3;
border-right: 1px solid #E3E3E3;
border-style: none solid solid;
border-width: 0 1px 1px;
padding: 20px 25px;
}
.toggle-main .toggle-content img {
margin-right: 20px;
}
.toggle-main .toggle-active span {
background-position: 0 -16px;
}
.toggle-main {
margin:0 auto;
width:950px;
}
.toggle-content {
background:white;
}
/*---------------------------------Hebergement--------------------------*/
#hebergement {
width:711px;
}
#ul_first li{
margin:0 5px;
border-bottom:1px solid #E7E9EC;
padding: 5px;}
#heber_middle ul:first-child {
width:254px;
background:#F9FCFD;
float:left;
line-height:28px;
list-style:none;
}
#heber_middle ul {
font-size:13px;
}
#heber_middle #ul_seconde li{
border-bottom:1px solid #E7E9EC;
padding: 5px;
margin-right: 10px;
}
#heber_middle #ul_seconde {
width:438px;
background:#F9FCFD;
float:left;
padding:0;
margin-left:17px;
list-style:none;
line-height:28px;
margin-bottom:0 !important;
}
#heber_middle li span{
font-size:12px;
}
#heber_head {
margin-left:257px;
}
#heber_head span {
float:left;
margin-left:15px;
}
#heber_head span:first-child {
display:block;
width:136px;
height:91px;
background:url(../images/pack_basic.png) #F9FCFD no-repeat;
}
#heber_head #pro {
display:block;
width:136px;
height:91px;
background:url(../images/packpro.png) #F9FCFD no-repeat;
}
#heber_head #business {
display:block;
width:136px;
height:91px;
background:url(../images/business.png) #F9FCFD no-repeat;
}
#ul_seconde .span_1 {
margin-left:50px;
}
#ul_seconde .span_2 {
margin-left:130px;
}
#ul_seconde .span_3 {
margin-left:118px;
}
#ul_seconde .span_4 {
margin-left:8px;
}
#ul_seconde .span_5 {
margin-left:56px;
}
#ul_seconde .span_6 {
margin-left:39px;
}
.contenthover {
padding:20px 20px 10px 20px;
}
.contenthover, .contenthover h3, contenthover a {
color:#fff;
}
.contenthover h3, .contenthover p {
margin:0 0 10px 0;
line-height:1.4em;
padding:0;
}
.contenthover a.mybutton {
display:block;
float:left;
padding:5px 10px;
background:#3c9632;
color:#fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.contenthover a.mybutton:hover {
background:#34742d
}
.contenthover p {
font-size:13px;
}
.formulaire_contact td {
font-size:13px;
}
/*-----------------------------------------------------------------------*/
#contact .input, 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: #bbb;
border-right-color: #dbd7d7;
border-bottom-color: #dbd7d7;
border-left-color: #bbb;
font-size: 12px;
width: 260px;
max-width:260px;
margin-top: 0;
margin-right: 0;
margin-bottom: 8px;
margin-left: 0;
padding-top: 11px;
padding-right: 5px;
padding-bottom: 11px;
padding-left: 5px;
background-color: #e7e7e7;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.button {
background:url(../images/send.png) no-repeat center;
height:120px;
width:184px;
border:none;
cursor:pointer;
margin: -14px 0 0 235px;
}
.side_contact_icon {
margin-top: 20px;
display: block;
}
.contenthover .plus{
display:block;
width:75px;
height: 22px;
margin: 0 auto;
background:#B0414F;
color:white;
}
.img_realisation{
float:none;
}
.item_top img{
width:150px;
}