@import url(typography.css);
@import url(text.css);

/* FOND */
html {
background:url(../gfx/layout/html.jpg) center 49px;
}
body {
background:url(../gfx/layout/body.jpg) repeat-x center top;
border-bottom:6px solid #AB005E;
/*min-height:811px;*/
}

/* HEADER */
#banner {
background:url(../gfx/layout/header.jpg) no-repeat;
height:118px;
left:0;
margin:0 auto 6px;
position:relative;
top:6px;
width:844px;
}
#logo {
left:20px;
position:absolute;
top:2px;
z-index:90;
}
#top h1 {
font-size:1px;
line-height:1px;
margin:0px;
padding:0px;
position:absolute;
text-indent:-5000px;
}
#top a {
left:92px;
position:absolute;
top:13px;
}

/* MENU */
#navigation {
background:url(../gfx/layout/navigation.gif) repeat-x;
height:115px;
position:absolute;
right:16px;
top:0;
width:460px;
}
#navigation h2 {
left:14px;
position:absolute;
text-indent:-5000px;
top:12px;
}
#navigation ul {
background:url(../gfx/layout/navigation_ul.gif) no-repeat;
border-left:1px solid #883260;
height:106px;
padding-top:9px;
position:absolute;
right:0;
width:341px;
}
#navigation ul li {
clear:left;
display:block;
float:left;
}
#navigation ul li a {
background:url(../gfx/layout/navigation_li.gif) no-repeat;
display:block;
height:17px;
padding:4px 0 0 30px;
width:311px;
}

#navigation ul li a:hover {
background-position:left bottom;
color:#fff;
}

/* Contenu */

#content {
margin:0 auto;
position:relative;
width:832px;
}
#content:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* Navigation */
#nav {
left:-68px;
position:absolute;
top:88px;
}
#nav li a {
display:block;
height:16px;
padding-left:19px;
width:56px;
}
#nav li {
margin-bottom:4px;
}
#nav .previous {
background:url(../gfx/deco/button/navigation.gif) no-repeat -75px 0;
}
#nav .home {
background:url(../gfx/deco/button/navigation.gif) no-repeat -75px -16px;
}
#nav .next {
background:url(../gfx/deco/button/navigation.gif) no-repeat -75px bottom;
}
#nav .previous:hover {
background:url(../gfx/deco/button/navigation.gif) no-repeat 0 0;
}
#nav .home:hover {
background:url(../gfx/deco/button/navigation.gif) no-repeat 0 -16px;
}
#nav a.next:hover {
background:url(../gfx/deco/button/navigation.gif) no-repeat 0 bottom;
}

/* Détails */
#details {
background:url(../gfx/layout/details.jpg) no-repeat;
height:263px;
padding:13px 0 0 20px;
position:relative;
overflow:hidden;
width:543px;
}
#details h3 {
border-bottom:1px dashed #9D9C9C;
height:14px;
margin-bottom:5px;
text-indent:-5000px;
width:100%;
}
#details .left {
margin:0 10px;
width:220px;
}
#details .right {
float:left;
margin:0 10px;
width:260px;
}
#details .left p {
margin-bottom:40px;
}
#details .right p {
margin-bottom:10px;
}
#bt_demo {
bottom:28px;
display:none;
position:absolute;
right:37px;
}


/* Vidéo */
#video {
background:url(../gfx/layout/video.jpg) no-repeat;
height:286px;
padding:21px 13px 13px;
width:538px;
}

/* Réalisations */
#realisations {
background:url(../gfx/layout/realisations.jpg) no-repeat;
height:259px;
padding:7px 26px 0 23px;
width:514px;
}
#realisations p {
background:#222;
border-bottom:1px dashed #9d9c9c;
border-top:1px dashed #9d9c9c;
margin-bottom:10px;
padding:8px 18px 8px 4px;
}
#realisations h3 {
text-indent:-5000px;
}


/* solutions */
#solutions {
background:url(../gfx/layout/solutions.jpg) no-repeat;
float:left;
height:534px;
padding:30px 17px 22px;
width:231px;
}
#solutions h2 {
text-indent:-5000px;
}
#solutions .forfait {
background:url(../gfx/layout/forfait.gif) no-repeat;
clear:both;
height:85px;
margin:8px auto 0;
padding:6px;
width:202px;
}
#solutions .forfait h3 {
height:35px;
}
#solutions .forfait h3 a  {
display:block;
padding-left:52px;
}
#solutions .forfait p {
padding:3px 5px 5px;
}
#solutions .forfait .bt_savoir {
background:#30001A url(../gfx/deco/puces/fleche.gif) no-repeat 5px 3px;
border-bottom:1px solid #D6CCD1;
border-left:1px solid #856978;
border-right:1px solid #E7E1E4;
float:right;
margin-top:3px;
padding:0 12px 0 17px;
}
#solutions .forfait .bt_savoir:hover {
background:#6d1746 url(../gfx/deco/puces/fleche.gif) no-repeat 5px -12px;
}


/* footer */

#footer {
background:url(../gfx/layout/footer.png) no-repeat;
clear:both;
height:80px;
margin:0 auto;
padding:28px 35px 10px;
width:776px;
}
#footer h2 {
float:left;
margin-bottom:2px;
text-indent:-5000px;
}
#footer .coordonnees {
float:left;
}
#footer ul {
float:right;
margin-top:20px;
}
#footer li {
background:url(../gfx/deco/puces/flower.gif) no-repeat;
display:block;
float:left;
margin-right:12px;
padding-left:26px;
padding-bottom:2px;
}

/* Contact */
#contact {
background:url(../gfx/layout/contact.jpg) no-repeat;
clear:both;
height:277px;
margin:0 auto;
padding:11px 12px;
width:791px;
}
#contact form {
float:left;
margin-right:18px;
position:relative;
width:416px;
}
#contact ul {
float:left;
margin-right:8px;
width:200px;
}
#contact ul li {
display:block;
float:left;
margin-bottom:5px;
position:relative;
}
#contact .textarea {
clear:both;
margin:0;
position:relative;
}
#contact ul li label {
background:url(../gfx/deco/puces/label.gif) no-repeat;
display:block;
float:left;
margin-top:3px;
padding-left:10px;
width:70px;
}
#contact ul li input {
background:#ffffff;
border:1px solid #D9D5D9;
float:left;
height:15px;
width:115px;
}
#contact .textarea label, #contact #label_newsletter {
background:url(../gfx/deco/puces/label.gif) no-repeat;
display:block;
float:left;
padding-left:10px;
}
#contact .textarea label {
width:370px;
}
#newsletter {
float:left;
}
#contact button, #form_newsletter button {
background:#D91582 url(../gfx/deco/puces/submit.gif) no-repeat 15px 5px;
border:none;
display:block;
height:20px;
margin-right:20px;
padding:0 0 3px 10px;
width:110px;
}
#contact button {
bottom:0;
right:-8px;
position:absolute;
}
#contact textarea {
background:#ffffff;
border:1px solid #D9D5D9;
height:80px;
width:402px;
}
#contact h2 {
border-bottom:1px dashed #3D3C3D;
margin-bottom:11px;
padding-bottom:6px;
width:405px;
}
#contact .coordonnees h2 {
width:355px;
}
#contact .obli {
clear:left;
float:left;
margin-top:7px;
}
.fValidator-msg {
background:url(../gfx/layout/bulle.gif) no-repeat;
margin:0 0 -22px;
padding:5px 18px 5px 5px;
position:absolute;
left:-143px;
top:0;
width:125px;
z-index:20;
}
#contact .left {
width:416px;
}
#contact .coordonnees {
float:left;
height:277px;
position:relative;
width:355px;
}
#contact .coordonnees .adresse {
background:url(../gfx/layout/adresse.gif) no-repeat;
height:90px;
left:34px;
padding:30px 0 0 30px;
position:relative;
top:-5px;
width:236px;
}
#contact .coordonnees .adresse h3 {
margin-bottom:8px;
}
#contact #equipe {
background:transparent url(../gfx/layout/equipe.gif) no-repeat;
height:100px;
right:4px;
position:absolute;
bottom:3px;
width:362px;
}
#contact .confirmation {
left:20px;
position:relative;
top:120px;
}
/* Forfait */ 
.forfait_detail {
background:#fff url(../gfx/layout/forfait.jpg) no-repeat;
height:627px;
margin:0 auto;
padding:18px 11px;
width:810px;
}
.forfait_detail .top h2 {
float:left;
height:49px;
padding:7px 0 0 92px;
}
.forfait_detail .top h3 {
float:right;
margin:8px 10px 0 0;
text-align:right;
width:290px;
}
.forfait_detail .left {
width:565px;
}
.forfait_detail .top {
background:url(../gfx/layout/top.gif) no-repeat;
overflow:hidden;
padding:2px 5px;
}
.forfait_detail p.intro {
background:url(../gfx/deco/puces/intro.gif) no-repeat 0 3px;
clear:both;
border-bottom:1px dashed #606060;
margin:14px 0 9px;
padding-bottom:14px;
text-indent:15px;
}
.forfait_detail .contenu {
padding:0 12px;
}
.forfait_detail .contenu table {
background:#FFFAFE url(../gfx/layout/table.gif) repeat-x;
width:543px;
}
.resume table {
background:#FFFAFE url(../gfx/layout/table.gif) repeat-x;
width:792px;
}
.forfait_detail .contenu table th, .resume table th {
background:url(../gfx/layout/th.gif) repeat-y;
padding:8px 3px 4px;
}
.resume table th {
background:url(../gfx/layout/th_big.gif) repeat-y;
}
.resume table tr th#montblanc {
background:url(../gfx/layout/th_big.gif) repeat-y -466px 0;
}
.resume table tr th#kilimandjaro {
background:url(../gfx/layout/th_big.gif) repeat-y -543px 0;
}
.resume table tr th#annapurna {
background:url(../gfx/layout/th_big.gif) repeat-y -620px 0;
}
.resume table tr th#everest {
background:url(../gfx/layout/th_big.gif) repeat-y -697px 0;
}
.resume table tr.first {
background:url(../gfx/layout/th_big.gif) repeat-y;
}
.resume table th#montblanc strong, .resume table th#kilimandjaro strong, .resume table th#annapurna strong, .resume table th#everest strong {
display:block;
height:35px;
margin-bottom:-26px;
position:relative;
text-indent:-5000px;
top:-26px;
width:60px;
}
.resume table th#montblanc strong {
background:url(../gfx/pictos/sprites.gif) no-repeat 12px -300px;
}
.resume table th#kilimandjaro strong {
background:url(../gfx/pictos/sprites.gif) no-repeat 12px -350px;
}
.resume table th#annapurna strong {
background:url(../gfx/pictos/sprites.gif) no-repeat 12px -400px;
}
.resume table th#everest strong {
background:url(../gfx/pictos/sprites.gif) no-repeat 12px -450px;
}
.forfait_detail .contenu table td, .resume table td {
border-bottom:1px solid #CBB8C9;
padding:4px 12px 2px;
}
.forfait_detail .contenu table td p, .resume table td p {
background:url(../gfx/deco/puces/td.gif) no-repeat 0 center;
padding-left:12px;
}
.forfait_detail .contenu table td.specif, .resume table td.specif {
width:442px;
}
.forfait_detail .contenu table td p.oui, .forfait_detail .contenu table td p.non, .resume table td p.oui, .resume table td p.non {
height:18px;
padding:0;
text-indent:-5000px;
width:53px;
}
.forfait_detail .contenu table td p.oui, .resume table td p.oui {
background:url(../gfx/pictos/ouinon.gif) no-repeat center top;
}
.forfait_detail .contenu table td p.non, .resume table td p.non {
background:url(../gfx/pictos/ouinon.gif) no-repeat center -18px;
}
.forfait_detail .contenu table td p.option, .resume table td p.option {
background:none;
padding:0;
}
.forfait_detail #realisations {
background:url(../gfx/layout/realisations_small.gif) no-repeat;
height:163px;
padding:0 5px;
width:225px;
}
.forfait_detail .right #vignettes {
width:173px;
}
.forfait_detail .right #vignettes_previous {
background:url(../gfx/deco/button/previous_white.gif) no-repeat center center;
}
.forfait_detail .right #vignettes_next {
background:url(../gfx/deco/button/next_white.gif) no-repeat center center;
}
.forfait_detail .right .vignette_reflet {
background:url(../gfx/layout/reflet2.png) repeat-x;
}
.forfait_detail .right .vignette_reflet span {
background:url(../gfx/deco/button/fleche2.gif) no-repeat center top;
color:#474747;
}
.forfait_detail .right #vignettes ul li {
padding:0 33px;
}
.forfait_detail #realisations h3 {
padding:5px 0 0 31px;
text-indent:0;
}
#comparer {
background:url(../gfx/layout/comparer.gif) no-repeat;
height:157px;
width:220px;
padding:10px 0 0 15px;
position:relative;
}
#comparer h3 {
background:url(../gfx/deco/puces/flower_white.gif) no-repeat;
padding-left:22px;
}
#comparer h3 a {
position:relative;
right:0;
top:0;
}
#comparer a {
position:absolute;
right:8px;
top:40px;
}
#prestations {
background:url(../gfx/layout/prestations.gif) no-repeat;
width:236px;
}
#prestations h3 {
height:38px;
overflow:hidden;
padding:6px 15px 0 7px;
}
#prestations ul {
background:#F9F9F9;
overflow:hidden;
}
#prestations ul li {
background:url(../gfx/deco/puces/prestations.gif) no-repeat 7px 10px;
border-bottom:1px solid #9D9D9D;
clear:both;
float:left;
overflow:hidden;
padding:5px 0 8px 21px;
width:213px;
}
#prestations ul li.inclus {
background:#828282 url(../gfx/deco/puces/prestations.gif) no-repeat 7px -140px;
position:relative;
}
#prestations ul li.line {
background:#DFDFDF url(../gfx/deco/puces/prestations.gif) no-repeat 7px -40px;
}
#prestations ul li:hover {
background:#BC009F url(../gfx/deco/puces/prestations.gif) no-repeat 7px -90px;
}
#prestations ul li p {
float:left;
width:148px;
}
#prestations ul li p.prix {
background:none;
float:right;
height:auto;
padding:0 5px 0 0;
text-align:right;
width:53px;
}
#prestations ul li p.prix strong {
position:relative;
top:0;
left:0;
}
#prestations ul li.inclus p.prix {
background:#C927B0 url(../gfx/layout/inclus.gif) repeat-x;
border-left:1px solid #B97CB0;
float:none;
padding:5px 0 8px;
position:absolute;
right:0;
top:0;
}
.forfait_detail .right .prix {
background:url(../gfx/layout/prix.gif) no-repeat;
height:49px;
padding:12px 0 0 10px;
position:relative;
width:226px;
}
.forfait_detail .right strong {
position:absolute;
top:10px;
left:90px;
}
.plan {
background:url(../gfx/layout/plan.jpg) no-repeat;
height:543px;
width:833px;
}
.resume {
background:url(../gfx/layout/resume.jpg) no-repeat;
height:573px;
padding:35px 20px 0;
width:792px;
}
.resume h2, #prestas h2 {
border-bottom:1px dashed #606060;
margin-bottom:20px;
padding-bottom:16px;
}
.resume h3 {
background:url(../gfx/layout/th_big.gif) repeat-y;
clear:left;
padding:5px;
}
.resume .illus {
float:left;
margin-bottom:15px;
width:330px;
}
.resume ul.specifs {
background:url(../gfx/layout/table.gif) repeat-x;
float:left;
width:462px;
}
.resume ul.specifs li {
background:url(../gfx/deco/puces/td.gif) no-repeat 7px 9px;
border-bottom:1px solid #CBB8C9;
padding:5px 17px;
}
.resume ul.specifs li a {
color:#542F4E;
}
#bottom {
background:url(../gfx/layout/bottom.png) repeat-y center top;
margin:0 auto;
width:846px;
}
#prestas {
background:url(../gfx/layout/prestations.jpg) no-repeat;
height:269px;
margin:0 auto;
padding:7px;
width:819px;
}
.mootabs_title {
height:40px;
}
.mootabs_title li {
float:left;
background:url(../gfx/layout/onglets.gif) no-repeat;
padding:7px 32px 0 31px;
cursor:pointer;
height:33px;
}
.mootabs_title li.active, .mootabs_title li:hover {
background-position:left bottom;
}
.mootabs_panel {
display:none;
overflow:hidden;
padding:0 0 0 40px;
}
.mootabs_panel.active {
display:block;
}
#prestas h2 {
margin:14px 12px 3px;
padding-bottom:17px;
}
#prestas .mootabs_panel p {
background:url(../gfx/deco/puces/td.gif) no-repeat 0 3px;
float:left;
margin:20px 0 0 100px;
text-indent:10px;
width:448px;
}
#prestas .mootabs_panel img {
float:left;
margin-top:10px;
}
#prestas #newsletter img {
margin-top:0;
}
#pack_newsletters, #newsletter {
position:relative;
}
.left_content #bt_realisations {
background:url(../gfx/deco/puces/realisations2.gif) no-repeat left center;
float:right;
margin:30px 20px 0 0;
padding-left:17px;
}
.bt_realisations {
background:url(../gfx/deco/puces/realisations.gif) no-repeat left center;
bottom:20px;
padding-left:17px;
position:absolute;
right:40px;
}
#news {
background:url(../gfx/layout/newsletter.png) no-repeat;
height:136px;
left:-98px;
position:absolute;
top:-95px;
width:136px;
z-index:100;
}
#news a {
display:block;
height:96px;
padding:40px 15px 0 35px;
width:86px;
}
.left_content {
background:url(../gfx/layout/left_content.jpg) no-repeat;
float:left;
height:545px;
padding:23px 0 18px 15px;
width:551px;
}
#form_newsletter {
background:url(../gfx/layout/newsletter.jpg) no-repeat right bottom;
clear:both;
height:440px;
padding-top:50px;
margin-left:25px;
}
.left_content h2 {
float:left;
}
.left_content h3 {
float:right;
margin:7px 10px 0 0;
width:330px;
}
.left_content h2 strong {
display:block;
}
#form_newsletter label {
display:block;
margin-bottom:10px;
}
#form_newsletter p {
margin-bottom:15px;
width:205px;
}
#form_newsletter input {
background:#e5e5e5;
border:1px solid #a3a3a3;
width:205px;
}
#form_newsletter button {
margin:0 0 0 97px;
}
#form_newsletter ul li {
display:block;
margin-bottom:5px;
position:relative;
}
#form_newsletter .fValidator-msg {
top:21px;
}
#footer p.notax {
clear:none;
float:left;
padding:3px 0 0 8px;
}
#footer p {
clear:left;
}
.texte {
clear:both;
padding-top:20px;
}
.left_content .texte h3 {
background:url(../gfx/layout/th.gif) repeat-y;
float:none;
margin:8px 0 0;
padding:0 10px;
width:501px;
}
.left_content .texte p, .left_content .texte ul li {
margin:5px 15px 0 10px;
}
.left_content .texte ul {
margin:3px 15px 2px 10px;
}
.left_content .texte ul li {
background:url(../gfx/deco/puces/td.gif) no-repeat 0 0.3em;
margin-bottom:2px;
padding-left:10px;
}
.left_content .texte div {
background:#fff url(../gfx/layout/table.gif) repeat-x 0 23px;
border-top:1px dashed #606060;
margin:0 20px 10px 10px;
padding-bottom:10px;
}
.left_content .texte div h4 {
margin:8px 10px 0 10px;
}
.contactez .resume {
background:url(../gfx/layout/contactez.jpg) no-repeat;
height:757px;
padding:35px 20px 0;
width:792px;
}
.resume #contact {
background:none;
height:auto;
margin:0;
padding:0;
}
.resume #contact .textarea {
padding:5px 0;
}
.resume #contact h3 {
background:none;
border-bottom:1px dashed #3D3C3D;
margin-bottom:10px;
padding:0 0 10px;
width:400px;
}
.resume #rencontre h2 {
background:url(../gfx/layout/suite.gif) no-repeat;
clear:both;
left:-5px;
margin-bottom:40px;
padding:17px 0 20px 10px;
position:relative;
top:30px;
width:804px;
}
#rencontre p {
float:left;
margin-right:5px;
width:222px;
}
.resume #contact .coordonnees {
height:290px;
margin-left:15px;
}
.resume #contact .coordonnees h3 {
width:360px;
}
.resume #contact .coordonnees .adresse {
background:url(../gfx/layout/adresse2.gif) no-repeat;
}
.resume #contact .coordonnees .adresse h3 {
border-bottom:none;
margin-bottom:8px;
padding:0;
width:auto;
}
.resume #contact .coordonnees #equipe {
background:url(../gfx/layout/equipe2.gif) no-repeat;
}

#player, #player h3, #player a, #player p, #video, #video h3, #video a, #video p {
font-size:10px;
}

#player, #video {
overflow:hidden;
}