/* CSS Document */

* {margin:0; padding:0;	font-size:100%;}

body{/*background:#161616;*/ /*text-align:center;*/ min-width:1000px;}

img {vertical-align:top;}
a img {border:0;}

ul { 
    list-style:none;    
    font-size: 11px;
}

#header ul {
    margin:0;
}
#content ul {
    margin:10px 0;
}

.left { float:left !important;}
.right {float:right;}
.clear  {clear:both;}

.wrapper {width:100%; overflow:hidden;}
.container {overflow:hidden;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:18px; color:#888;}

input, select {vertical-align:middle; font-weight:normal;}

a {color:#ee3e41; outline:none;}
a:hover{text-decoration:none;}

p{ color:#000; font-size: 11px;}
.row-3-extra p{color:#CCCBCB;}
.row-3-extra .err{color:#EE3E41;}

a.upper {text-transform:uppercase; font-size:10px;}

/* ============================= main layout ====================== */

.indent {padding:20px 0 14px 0 !important;}
.row-3-extra .indent {padding:10px 0 !important;}
.row-3 .indent {padding:10px 0 !important;}
.row-3 p {color:#aaa;}

li {background:url(images/marker1.gif) no-repeat 0 7px; padding-left:12px; line-height:1.5em;}
li a {color:#EE3E41;}

#content ul li{
   line-height: 20px;
   margin-bottom: 5px;
}

.imgindent {margin:0 15px 15px 0; float:left; width:196px; height:126px}
.imgindent1 {margin:0 10px 0px 0; float:left;}
.col-une img{
margin:0 15px 15px 0; float:left; width:196px; height:126px
}
.img {margin:5px 0 14px 0;}
.img1 {margin:0px 0 0px 27px;}

h1 {font-size:24px; line-height:24px; color:#EE3E41; font-weight:normal; padding-bottom: 10px;}
h1 img {vertical-align:middle; margin:0 10px 2px 0;}
h2 {font-size:18px; line-height:18px; color:#EE3E41; font-weight:normal; padding-bottom: 10px;}
h2 strong {text-transform:uppercase; padding:0;}
h2 strong span {font-size:18px; color:#A4A4A4;}
h2 img {vertical-align:middle; margin:0 10px 2px 0;}
h3 {font-size:16px; line-height:16px; color:#EE3E41;}
h3 strong {font-size:16px; line-height:16px; color:#fff;}
h4 {font-size:14px; line-height:14px; color:#3b3b3b;}
.description_lots h4 {text-transform: uppercase;}
h5 {font-size:12px; color:#EE3E41; font-weight: bold;}
.err {font-size:12px; color:#EE3E41; font-weight: bold;}

.row-1 {background:#f4f4f4; /*min-height:260px;*/ height:auto !important; /*height:260px;*/ padding-bottom:20px;}
.row-1 .indent {padding:20px 0 0 0 !important}
#page1 .row-1 .indent {padding:35px 0 0 !important;}
.row-1 .indent {padding:20px 0 0 0}
.row-2 {background:#ffffff; /*min-height:439px;*/ height:auto !important; /*height:439px;*/}
.row-2 .col-2 .indent {margin:0px 15px 0 0; padding:20px 0 13px !important;}
.row-3 {background:url(images/row-3-bg.gif) top center; height:auto !important;}
.row-3-extra {background:url(images/row3-bg.gif) no-repeat top center;}
.row-3-bg-bottom {background:url(images/row-3-bg-bottom.gif) left bottom repeat-x;}
.row-3-extra h1{
    background:url("images/border.gif") repeat-x scroll left bottom transparent;
    margin-bottom:16px;
    padding-bottom:10px;
    color:#fff;
}
.pad-col {padding-right:47px;}
.pad-col1 {padding-right:42px;}
.pad-col2 {padding-right:80px;}
.pad-col3 {padding-right:115px;}
.pad-col4 {padding-right:59px;}
.pad-col5 {padding-right:68px;}

.top {padding-top:5px;}
.top1 {padding-top:0px;}
.top2 {padding-top:0px;}
.top3 {padding-top:19px;}
.top4 {padding-top:22px;}

.bot {padding-bottom:5px;}
.bot1 {padding-bottom:10px;}
.bot2 {padding-bottom:10px;}
.bot3 {padding-bottom:15px;}
/*.bot4 {padding-bottom:30px;}*/

.mar-top {margin-top:-8px;}
.mar-top1 {margin-top:-15px;}

.mar-bot {margin-bottom:-16px;}

.color {color:#000;}
.color1 {color:#ee3e41;}
.color2 {color:#858585;}
.color3 {color:#fff;}
.color4 {color:#cccbcb;}
.color5 {color:#eeeeee;}
.color6 {color:#6e6e6e;}

.border {background:url(images/border.gif) repeat-x left bottom; margin-bottom:12px; padding-bottom:10px;}
.border1 {border-bottom:1px solid #a4a4a4; padding-bottom:6px; margin-bottom:12px;}
.border2 {background:url(images/border.gif) repeat-x left bottom; margin-bottom:16px; padding-bottom:10px;}

.text {font-weight:bold; text-transform:uppercase; color:#000;}

.relative {position:relative;}
/* ============================= header ====================== */

.logo {margin:0; float:left;}
.header-bg {height:83px; background-color:#d1d1d1;}

.date1 {background:url(images/time.gif) no-repeat 0px 1px; color:#d1d1d1; font-size:10px; line-height:12px; text-transform:none; padding-left:19px; height:13px; float:left;}
.date span {text-transform:uppercase;}

.menu {padding:0px 10px 0px 0px;}
.menu ul {float:left;}
.menu li {float:left; background:none; padding:0 12px 0 11px; text-transform:uppercase; font-size:11px; line-height:14px;}
.menu li a {text-decoration:none; color:#000; display:block; text-align:center; cursor:pointer; padding:36px 0px 0px 0px; text-align:center;  width:82px; font-weight:bold;}
.menu li .prog, .menu li .qui{padding:30px 0px 0px 0px;}
.menu .m1 a {background:none; width:82px; height:50px;}
.menu .m1 a:hover {background:url(images/m1.png) no-repeat 0 0 !important;}
.menu .m1 a.active {background:url(images/m1.png) no-repeat 0 0 !important;}

.menu1 {padding:0 0 0 0px; margin-left:-2px; text-align: center;}
.menu1 ul {overflow:hidden; margin:auto; width:71%;}
.menu1 li {float:left; background:url(images/bg-main1.gif) 0px 2px no-repeat; padding:0px 7px 0px 7px; line-height:11px; font-size:11px;}
.menu1 li a {display:inline-block; text-align:center; color:#7c7c7c; text-decoration:none; text-transform:uppercase;}
.menu1 li a:hover, .menu1 .active a { color:#c9c9c9;}
.menu1 .first {background:none; padding-left:3px;}

.bg-header {background:url(images/bg-header.jpg) no-repeat 0 0; height:376px; width:683px;}

.link {color:#909090; background:url(images/link-tail.gif) repeat-x left top;  display:inline-block; font-size:11px; line-height:18px; text-decoration:none; margin-top:5px;}
.link span {display:inline-block; background:url(images/link-left.gif) no-repeat left top; cursor:pointer;}
.link span span {background:url(images/link-lright.gif) no-repeat right top; padding:1px 7px 4px 8px}

.link:hover {color:#ee3e41; background:url(images/link-tail-hov.gif) repeat-x left top;  display:inline-block; font-size:11px; line-height:18px; text-decoration:none; margin-top:15px;}
.link:hover span {display:inline-block; background:url(images/link-left-hov.gif) no-repeat left top; padding: 0px 0px 0 0px;  cursor:pointer;}
.link:hover span span {background:url(images/link-right-hov.gif) no-repeat right top; padding:1px 7px 4px 8px}

.link1 {color:#282b2c; background:url(images/link1-tail.gif) repeat-x left top;  display:inline-block; font-size:11px; line-height:18px; text-decoration:none; margin-top:15px; float:right;}
.link1 span {display:inline-block; background:url(images/link1-left.gif) no-repeat left top;  cursor:pointer;}
.link1 span span {background:url(images/link1-right.gif) no-repeat right top; padding:2px 9px 4px 10px}

.link1:hover {color:#fff; background:url(images/link1-tail-hov.gif) repeat-x left top;  display:inline-block; font-size:11px; line-height:18px; text-decoration:none; margin-top:15px;}
.link1:hover span {display:inline-block; background:url(images/link1-left-hov.gif) no-repeat left top; padding: 0px 0px 0 0px;  cursor:pointer;}
.link1:hover span span {background:url(images/link1-right-hov.gif) no-repeat right top; padding:2px 9px 4px 10px}

.link2 {color:#fff; background:url(images/link2-tail.gif) repeat-x left top;  display:inline-block; font-size:12px; line-height:18px; text-decoration:none; margin-top:15px; float:right; margin-right:5px;}
.link2 span {display:inline-block; background:url(images/link2-left.gif) no-repeat left top; padding: 0px 0px 0 0px;  cursor:pointer;}
.link2 span span {background:url(images/link2-right.gif) no-repeat right top; padding:2px 4px 4px 5px}

.link2:hover {background:url(images/link2-tail-hov.gif) repeat-x left top;  display:inline-block; font-size:12px; line-height:18px; text-decoration:none; margin-top:15px;}
.link2:hover span {display:inline-block; background:url(images/link2-left-hov.gif) no-repeat left top; padding: 0px 0px 0 0px;  cursor:pointer;}
.link2:hover span span {background:url(images/link2-right-hov.gif) no-repeat right top; padding:2px 4px 4px 5px}

.list {padding:0 0 0 0;}
.list li {background:url(images/list-bg.gif) no-repeat 0 10px;}
.list li a {text-transform:uppercase; color:#ee3e41; font-size:10px; line-height:24px; font-weight:bold; text-decoration:none}
.list li a:hover {text-decoration:underline;}
.ssmenu .active{ color:#fff; background-color:#ee3e41;}
.long {width:252px !important;}

.list1 {padding:0px 0 0 0; width:160px;}
.list1 li {background:url(images/border1.gif) repeat-x left bottom; padding:0;}
.list1 li a {background:url(images/list1-bg.gif) no-repeat 0 4px; padding-left:12px; text-decoration:none; color:#cccbcb; font-size:12px; line-height:28px; }
.list1 li a:hover {color:#ee3e41;}
.list1 .last {background:none;}

.long_list {width:250px;}

.date {background:url(images/date.gif) left top no-repeat; color:#fff; font-size:18px; float:left; width:25px; padding:6px 14px 26px 6px; }
.block {float:left; width:190px;  padding-bottom:40px;}
.block-last {padding-bottom:0; margin-bottom:0px; float:left; width:190px;}
.block em {text-decoration:underline;}
.block a {color:#ee3e41;}

.free-phone {text-transform:uppercase; color:#a8a8a8; background:url(images/phone.gif) no-repeat 0px 0; padding-left:26px; float:right; margin-top:0px; height:18px;}
/* ============================= content ====================== */
.rss {float:right;}

.contact a {text-transform:uppercase; font-size:10px; line-height:18px;}

.phone {display:inline-block; width:105px;}
.adress {display:inline-block; width:155px;}
/* ============================= footer ====================== */
#footer a, #footer2 a {color:#7c7c7c; text-decoration:none;}
#footer a:hover, #footer a.active, #footer2 a:hover, #footer2 a.active {color:#c9c9c9;}
#footer .indent, #footer2 .indent {padding:0 0 0 !important; margin-top:10px}

/* ============================= forms ============================= */
#SearchForm {text-align:right !important;  padding:0px 10px 0 0; height:26px; margin-top:-5px; float:right;}
#SearchForm label {background:url(images/input-bg.gif) right top no-repeat; height:26px; display:inline-block; vertical-align:top; margin-right:-3px;}
#SearchForm .input {width:181px; border:none; padding:6px 6px 0 10px; font-size:0.91em;  vertical-align:top; color:#79938c;  background:none;}

#ReservationForm { color:#cacaca;}
#ReservationForm label {display:block; float: left;}
#ReservationForm .input {width:216px; border:1px solid #2a2a2a; background:#fff; padding:3px 0 2px 5px; font-size:1em; line-height:1.243em;}
#ReservationForm select {width:97px; border:1px solid #2a2a2a; background:#fff; line-height:1.2em; padding-top:2px; margin-bottom: 15px;}
#ReservationForm .margin {margin:0 5px 0 0;}
#ReservationForm .select {width:222px;}
#ReservationForm .link {margin:35px 0 0 20px; display:inline-block;}
#ReservationForm  .column1 {width:96px; margin-right:0px; float:left}
#ReservationForm  .column2 {width:98px; float:right;}

#RequestForm { padding-top:13px;}
#RequestForm label {height:38px; display:block;}
#RequestForm .input {width:241px; border:1px solid #2a2a2a; background:url(images/RequestForm-bg-lable.gif) no-repeat 0 0; padding:5px 0 5px 8px; font-size:1em; line-height:1.243em; color:#2e2f2e;}
#RequestForm select {width:251px; border:1px solid #2a2a2a; background:url(images/RequestForm-bg-lable.gif) no-repeat 0 0; line-height:22px; padding-top:2px; padding:2px 0 5px 5px;}
#RequestForm .link1 {margin:25px 0 0 5px; display:inline-block; font-size:12px;}
#RequestForm .link1 span span {padding:2px 15px 4px 15px;}

#ContactForm {padding-top:7px; color:#CCCBCB;}
#ContactForm label {/*height:38px;*/ display:block; color:#888; float:left; margin: 3px; width:75px; font-size: 11px;}
#ContactForm .link1 {margin:13px 0 0 20px; font-size:11px; line-height:18px;}
#ContactForm .link1 span span {padding:2px 20px 4px 20px;}
#ContactForm .column1 {float:left; width:298px; margin-right:17px;}
#ContactForm .column2 {float:left; width:310px; color:#888; font-size: 11px;}
#ContactForm .input {
    width:200px;
    border:0px solid #cbcac6;
    padding:2px 0 2px 2px;
    font-size:11px;
    line-height:14px;
    background:url(images/input-contact-bg.gif);
    color:#888;
    margin:5px;
}
#ContactForm .chp_code {
    width:140px;
    border:0px solid #cbcac6;
    padding:3px 0 3px 3px;
    font-size:12px;
    line-height:14px;
    background:url(images/input-contact-bg.gif);
    color:#2e2f2e;   
}
textarea {width:326px; height:97px; border:0px solid #cbcac6; background:url(images/text-bg.gif); padding:4px 0 0 5px; overflow:auto; font-size:1em; color:#2e2f2e;}
#ContactForm .bt_submit {
    margin:20px 15px 0 0;
    border-radius:5px;
    font-size:11px;
    line-height:18px;
    color:#282b2c;    
    display:inline-block;
    text-decoration:none;
    float:left;
    border:0;
    padding:3px 5px 3px;
    cursor:pointer;
}
#ContactForm textarea{
    margin-top:3px;
    height:111px;
    background: #ddd;
}
#ContactForm .bt_submit:hover {
    color:#fff;
    background:url(images/link1-tail-hov.gif) repeat-x left top;
}
#ContactForm .rec_code {
    display: block;
    float:left;
    margin-top:3px;
    font-size: 11px;
    color:#888;
}
#ContactForm .code {
    display: block;
    margin-right: 13px;
    margin-top:3px;
    float:right;
}
.alignright {text-align:right;}
.input {width:175px; border:1px solid #FFFFFF; background:#e9e9e9; padding:3px 0 2px 5px; font-size:1em; line-height:1.243em;}

.main { width:980px; margin:0 auto; text-align:left;}

#header {height:465px; background:#000;}
#header .col-1 {width:683px; padding-left:2px; margin-right:1px;}
#header .col-2 {width:292px; background:#2e2e2e; height:376px;}
#header .col-2 .indent {padding:18px 32px 0px 37px !important;}

#footer, #footer2 { /*height:109px;*/ padding:3px;}

#footer .col-1, #footer2 .col-1 {width:799px; padding-top:4px;}
#footer .col-2, #footer2 .col-2 {width:181px;}

.col-1, .col-2, .col-3 {float:left;}


/* ============================= page1 ===========================*/
#page1 .row-1 .col-1 {width:737px;}
#page1 .row-1 .col-1 .col-1 {width:200px;}
#page1 .row-1 .col-2 {width:235px;}
#page1 .row-2 .col-1 {width:737px;}
#page1 .row-2 .col-1 .col-1 {width:200px;}
#page1 .row-2 .col-2 {width:243px;}
#page1 .row-3 .col-1 {width:252px;}
#page1 .row-3 .col-2 {width:280px;}
#page1 .row-3 .col-3 {width:252px;}

/* ============================= page2 ===========================*/
#page2 .row-1 .col-1 {width:204px; margin-left:2px;}
#page2 .row-1 .col-2 {width:730px;}
#page2 .row-1 .col-2 .col-1 {width:196px; margin-right:20px;}
#page2 .row-1 .col-2 .col-2 {width:200px;}
#page2 .row-1 .col-2 .col-3 {width:290px;}

#page2 .row-2 .col-1 {width:732px;}
#page2 .row-2 .col-2 {width:218px; padding-right:30px;}

#page2 .row-3 .col-1 {width:450px; margin-right: 50px;}
#page2 .row-3 .col-2 {width:400px;}
#page2 .row-3 .col-2 .col-1 {width:160px;}
/* ============================= page3 ===========================*/
#page3 .row-1 .col-1 {width:243px; margin-left:2px;}
#page3 .row-1 .col-2 {width:735px;}
#page3 .row-1 .col-2 .col-1 {width:196px; margin-right:20px;}
#page3 .row-1 .col-2 .col-2 {width:200px;}
#page3 .row-1 .col-2 .col-3 {width:290px;}

#page3 .row-2 .col-1 {width:213px;}
#page3 .row-2 .col-2 {width:243px;}

#page3 .row-3 .col-1 {width:250px;}
#page3 .row-3 .col-2 {width:612px;}
#page3 .row-3 .col-2 .col-1 {width:160px;}
/* ============================= page4 ===========================*/
#page4 .row-1 .col-1 {width:980px;}
#page4 .row-1 .col-1 .col-1 {width:200px;}

#page4 .row-2 .col-1 {width:737px;}
#page4 .row-2 .col-2 {width:200px;}
#page4 .row-3 .col-1 {width:250px;}
#page4 .row-3 .col-2 {width:645px;}
/* ============================= page5 ===========================*/
#page5 .row-1 .col-1 {width:243px; margin-left:2px;}
#page5 .row-1 .col-2 {width:688px;}
#page5 .row-1 .col-2 .col-1 {width:240px;}
#page5 .row-1 .col-2 .col-2 {width:203px;}

#page5 .row-2 .col-1 {width:688px;}
#page5 .row-2 .col-2 {width:243px;}

#page5 .row-3 .col-1 {width:250px;}
#page5 .row-3 .col-2 {width:612px;}
#page5 .row-3 .col-2 .col-1 {width:160px;}

/* ============================= page6 ===========================*/
#page6 .row-1 .col-1 {width:179px;}
#page6 .row-1 .col-2 {width:730px;}
#page6 .row-1 .col-2 .col-1 {width:196px; margin-right:20px;}
#page6 .row-1 .col-2 .col-2 {width:200px;}
#page6 .row-1 .col-2 .col-3 {width:290px;}

#page6 .row-2 .col-1 {width:732px;}
#page6 .row-2 .col-2 {width:248px;}

#page6 .row-3 .col-1 {width:250px;}
#page6 .row-3 .col-2 {width:650px;}
#page6 .row-3 .col-2 .col-1 {width:160px;}

#page7 .row-2 {background:#ffffff; height:960px;}

.bande_grise{
	display:block;
	height:20px;
	background-color:#2e2e2e;
}
.menu1 ul .phone{display:block; width:180px; background: none;}
.col-une{
    width: 465px;
    padding-right: 25px;
    float: left;
    margin-bottom: 20px;
    min-height:200px;
}
.col-une h2{
    color:#2e2e2e;
}
.prix_livraison{
    clear:both;
}
.prix{
    color:#2e2e2e;
    font-weight: bold;
}
.livraison{
    color:#888;
    font-weight: bold;
    line-height: 22px;
}
.col-une .link{
    margin-top:5px;
}
.pagination{
    text-align: center;
    width:100%;    
    color:#2e2e2e;
    font-weight: bold;
    clear: both;
}
.pagination a{
    text-decoration: none;
    color:#2e2e2e;
    margin: 0 5px;
}
.pagination a:hover{
    text-decoration: underline;
}
.pagination .active{
    background:#2e2e2e;
    color:#fff;
    padding:0 5px;
}
.description_longue{
    display:block;
    margin-top:0px;
}
.description_longue img{
    display:block;
    margin:0 20px 20px 0;
}
.description_lots{
    display:block;
    clear:both;
    margin-top:15px;
}
.description_lots table{
    border:1px solid #ccc;
}
.detail{
    color:#2e2e2e;
    font-weight: bold;
    margin-top:20px;
    line-height: 22px;
}
.plan{
    display:block;
    width:50%;
    float:right;
    margin-top:20px;
}
.infos_form{
    display:block;
    width:430px;
    float:left;
    margin-top:20px;
}
.infos_form h4, .plan h4{
    text-transform: uppercase;
    margin-bottom: 10px;
}
.infos_form label{
    color:#555;
    font-weight: bold;
    margin:5px 0;
    display: block;
    float:left;
    width:120px;
}
.infos_form input{
    background: #fff;
    border:1px solid #000;
    line-height:10px;
    font-size: 11px;    
    margin:5px 0;
    width:300px;
    color:#555;
}
.infos_form .rec_code {
    display: block;
    float:left;
    margin-top:3px;
    font-weight: bold;
    color:#555;
    width: 275px;
}
.infos_form .code {
    display: block;
    margin-right: 3px;
    margin-top:3px;
    float:right;
}
.infos_form .chp_code {
    width:140px;
    border:1px solid #000;    
    font-size:11px;
    line-height:10px;
    color:#2e2f2e;
    margin-left: 22px;
    padding:2px;
}
.infos_form textarea {
    width:98%;
    border:1px solid #000;
    font-size:11px;
    color:#2e2f2e;
    background: none;
    height:80px;
}
.bt_infos_form{
    margin:5px 0 0;
    padding: 0;
}
.bt_infos_form input{
    background: none;
    border: 0;
    font-size:14px;
    font-weight: bold;
    text-transform: uppercase;
    border:none;
    text-align: left;
    color:#555;
    margin:0;
    padding:0;
    cursor: pointer;
}
.resultats{   
    width:100%;
    margin: 0 0 20px 0;
    display:block;
    color:#ee3e41;
}
.form_espacepro{
    width:50%;
    text-align: left;
    margin-left:120px;
    margin-top:10px;
}
.form_espacepro tr{
    height:25px;
}
.form_espacepro th{
    color:#EE3E41;
    width:120px;
}
#popup .content-popup{
    display:block;
    clear:both;
}
#popup .content-popup p{
    width: 410px;
    padding:0 20px;
}
#popup .content-popup h1{
    width: 410px;
    padding:10px 20px;
    margin-top:10px;
}

#popup #header-popup{
    background: #d1d1d1;
    width:410px;
    height:82px;
    padding:0 20px 5px;
}
.content-popup ul{
    margin: 10px 0 10px 20px;
}
.content-popup ul li{
    width:400px;
}
.content-popup h2{
    margin-left:20px;
    width:400px;
}
.deja{
    float:left;
    padding:0 10px 0 0;
}
.deja input{
    margin:0 5px 0 15px;
}