body {margin:0;background:#e9e9e9;overflow-x:hidden;overflow-y:scroll}

#top {position:fixed;margin-left:-10px;cursor:pointer;display:none;bottom:100px;background:url(images/top.png) top center repeat-y;width:20px;height:30px;opacity:0.2}
#top:hover {opacity:1}

#top_line {background:url(images/top_bg.png) right center no-repeat;text-align:right;padding-right:300px;color:#fff;text-shadow:-1px -1px #6f200a;font:14pt 'Myriad Pro Condensed Cur';line-height:30px}
a#home {position:absolute;width:162px;height:72px;background:url(images/logo.png) top no-repeat;margin-top:30px;margin-left:30px}
a#home:hover {background-position:0 100%;-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg);-ms-transform:rotate(2deg)}

#menu {position:absolute;width:750px;margin-top:30px;margin-left:230px;opacity:0;max-width:750px}
#menu a {display:block;color:#fff;font:14pt 'Myriad Pro Condensed Cur';;text-transform:uppercase;line-height:20px;padding:15px 10px;background:url(images/bg_d.png);margin:0 8px;text-align:center;text-decoration:none;border-radius:20px;border-top:1px solid transparent;text-shadow:-1px -1px #6f200a;white-space:nowrap}
#menu a:hover {background:url(images/menu.png) center repeat-x;box-shadow:-5px 5px 0 #0d5758;border-top:1px solid #ffd4b1}
a.active {background:url(images/menu.png) center repeat-x !important;box-shadow:-5px 5px 0 #0d5758 !important;border-top:1px solid #ffd4b1 !important}
#menu_act {background:url(images/menu_act.png) no-repeat;width:19px;height:25px;position:absolute;margin-left:40px;margin-top:-1px}

#submenu {position:absolute;margin-top:110px;margin-left:230px;opacity:0}
#submenu a {display:block;color:#fff;font:14pt 'Myriad Pro Condensed Cur';line-height:20px;padding:5px 20px;background:url(images/bg_w.png);margin:0 8px;text-align:center;text-decoration:none;border-radius:10px;border-top:1px solid transparent;text-shadow:-1px -1px #6f200a;white-space:nowrap}
#submenu a:hover {background:url(images/menu.png) center repeat-x;box-shadow:-5px 5px 0 #0d5758;border-top:1px solid #ffd4b1}

#slogan {position:absolute;color:#fff;width:960px;position:absolute;margin-top:130px;margin-left:20px;font:24pt 'Myriad Pro Condensed Cur';-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg);-ms-transform:rotate(-1.5deg);opacity:0}
#slogan span {background:url(images/bg_w.png);padding:2px 5px;line-height:45px}

.slider_load {position:absolute;background:#001920 url(/images/load.gif) center no-repeat;width:246px;height:400px;z-index:1}

a#order {position:absolute;background:#000;margin-top:40px;margin-left:849px;z-index:1;text-decoration:none;font:16pt 'Myriad Pro Condensed Cur';padding:10px;border-radius:0 10px 10px 0;padding-left:30px;-webkit-transition:0.2s all ease-in-out;-moz-transition:0.2s all ease-in-out;-o-transition:0.2s all ease-in-out;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);opacity:0}
#z1 {color:#35b3b5;text-transform:uppercase}
#z2 {color:#f9964b;font-size:32pt}
a#order:hover {margin-left:859px;-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-ms-transform:rotate(7deg)}

.box {width:246px;height:368px;overflow:hidden}

#banner_text {color:#fff;padding:0 10px;width:718px;font:14pt 'Myriad Pro Condensed Cur';opacity:0}

#cont {font:14pt 'Myriad Pro Condensed Cur';text-shadow:1px 1px 0 #fff;text-align:justify}
a.link {font:14pt 'Myriad Pro Condensed Cur';color:#fff;text-decoration:none;padding:2px 5px;line-height:40px;border-radius:6px;background:#038d8e;text-shadow:1px 1px 0 #086768}
a.link:hover {background:#952b34;text-shadow:1px 1px 0 #6a0f17}

#portfolio_box span {font-size:20pt;margin-right:10px}
#portfolio_box a {text-decoration:none;color:#169293;font-size:17pt}
#portfolio_box a:hover {color:#e85c3b}
#portfolio_box img {padding:1px;border:1px solid #444;display:block}
#portfolio_box div {padding:2px 5px;border:1px dashed #c9ad14;background:#fdfbef;margin-top:5px;border-radius:5px}


.vacbox {padding:2px 5px;border:1px dashed #c9ad14;background:#fdfbef;margin-top:5px;border-radius:5px;margin-bottom:10px}

li {color:#e85c3b}
.main_box {border:1px dotted #e38a15;background:#fcf0e0;margin:10px;padding:10px;border-radius:10px;color:#000}
.main_box2 {border:1px dotted #e38a15;background:#f8f3ed;margin:10px;padding:10px;border-radius:10px;color:#000}

#tarif_table tr:nth-child(2n-1){background:#fff}
#tarif_table td {padding:5px;border:1px solid #ccc}
.tarif {width:200px;color:#007677;vertical-align:top}
.price {width:100px;color:#952b34;text-align:center;vertical-align:top}

#order_form {border:5px dashed #e85c3b;padding:20px}
#order_form td {padding:5px 0;border-bottom:1px dashed #ccc}
#order_form input,#order_form textarea {font:14pt 'Myriad Pro Condensed Cur';padding:2px 5px;width:370px;padding-right:30px;border:1px solid #abadb3}
#order_form textarea {height:80px;min-height:80px;max-height:200px;max-width:370px;min-width:370px}

.required {border:1px solid #e85c3b;box-shadow:inset 0 0 8px #fcaab7;background:url(images/no.png) 98% 4px no-repeat}
.check {border:1px solid #169293;box-shadow:inset 0 0 8px #88c8c9;background:url(images/yes.png) 98% 4px no-repeat}

input#submit {width:100px;font:14pt 'Myriad Pro Condensed Cur';color:#fff;text-decoration:none;padding:2px 5px;line-height:30px;border-radius:6px;background:#038d8e;text-shadow:1px 1px 0 #086768;border:0;cursor:pointer}
input#submit:hover {background:#952b34;text-shadow:1px 1px 0 #6a0f17}

#contact a {font:14pt 'Myriad Pro Condensed Cur';color:#038d8e;text-decoration:none}
#contact a:hover {color:#952b34}

#footer {padding:15px;text-align:center;font:14pt 'Myriad Pro Condensed Cur';color:#10a4a5;text-shadow:1px 1px 0 #fff}