/*
    CSS RESTER MEYER
    ****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
    ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
    q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


/*
    Emmanuel H. - La Mobylette Jaune
    ********************************/
/*
    Codes couleur :
    - beige :   #beaf8e
    
    - bleu information.png : #6189b7
    - vert success : #7a6
    - orange alert : #f71
    - rouge error : #f11
    
    
    ********************************/
 
body {
	background-image:url('/img/background/main-optimise.jpg');
	background-repeat:no-repeat;
	background-position:50% 0;
    background-color:#beaf8e;
    font-family: Helvetica, Arial, Serif;
    font-size:.9em;
    text-align:justify;
    line-height:1.1em;
}
#container {
    margin:auto;
    overflow:hidden;
    padding:10px;
    width:960px;
}
#header {
    margin-bottom:10px;
    width:100%;
}
#logo {
    background-image:url('/img/background/logo-meribel-mottaret.png');
    height:126px;
    width:189px;
}
#content {
    float:left;
    margin-bottom:10px;
    width:800px;
}
#sidebar {
    float:right;
    margin-bottom:20px;
    width:150px;
}
#footer {
    clear:both;
    
    background-color:#fff;
    border:1px solid #aaa;
    padding:10px;
    text-align:center;
}
#footer p {
    line-height:1.8em;
}


/*
    ELEMENTS PARTAGES
    *****************/

.shadow, .message {
    box-shadow:0px 0px 8px 0px rgba(0,0,0,.4);
    -moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,.4);
    -webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,.4);
}
h1, h2, h3 {
    color: #fff;
}
h1 {
    border-top-right-radius:0.4em; 
    -moz-border-radius-topright:0.4em; 
    -webkit-border-top-right-radius:0.4em; 
    border-top-left-radius:0.4em; 
    -moz-border-radius-topleft:0.4em; 
    -webkit-border-top-left-radius:0.4em; 
}
p, a {
    color:#000;
}
strong {
    font-weight:bold;
}
em {
    font-style: italic;
}
.left {
	float:none;
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.center {
    margin:auto;
    text-align:center;
}


/*
    TITRES, PARAGR., LISTES
    ***********************/
    
h1 {    
    padding-left:20px;
    
    border-bottom:1px solid #fff;
    
    font-size:1.2em;
    font-variant: small-caps;
    font-weight:bold;
    letter-spacing:1px;
    line-height:35px;
}
h1 span {
    display:inline-block;
    text-indent:-9999px;
}
p, a, ul, ol, li, address {
    font-size:.9em;
}
sub, sup {
	font-size:.7em;
}

/*
    COULEURS
    ********/
/*
.c1 h1, .c1 h2, #menu .c1:hover , #menu a.c1.current   { background-color:#127b98; }
.c2 h1, .c2 h2, #menu .c2:hover, #menu a.c2.current { background-color:#639; }
.c3 h1, .c3 h2, #menu .c3:hover, #menu a.c3.current  { background-color:#c3c; }
.c4 h1, .c4 h2, #menu .c4:hover, #menu a.c4.current   { background-color:#fc3; color:#000;}
.c5 h1, .c5 h2, #menu .c5:hover, #menu a.c5.current   { background-color:#f63; }
.c6 h1, .c6 h2, #menu .c6:hover, #menu a.c6.current   { background-color:#3cc; color:#000; }
.c7 h1, .c7 h2, #menu .c7:hover, #menu a.c7.current   { background-color:#36c; }
.c8 h1, .c8 h2, #menu .c8:hover, #menu a.c8.current   { background-color:#6c3; }
.c9 h1, .c9 h2, #menu .c9:hover, #menu a.c9.current   { background-color:#9c3; color:#000; }
.c10 h1, .c10 h2, #menu .c10:hover, #menu a.c10.current   { background-color:#3c6; color:#000; }
.c11 h1, .c11 h2, #menu .c11:hover, #menu a.c11.current   { background-color:#69c; }

#menu a.current   { color:#fff;cursor:default; }
#menu a.c4.current , #menu a.c6.current, #menu a.c9.current, #menu a.c10.current   { color:#000; }
#reservation h2, #page-home #reservation h2{
	background-color:#9d0404; text-align:center; border:none;
}
*/
.c1 h1, .c1 h2, #menu .c1:hover , #menu a.c1.current   { background-color:#127b98;  color:#000;}
.c2 h1, .c2 h2, #menu .c2:hover, #menu a.c2.current { background-color:#a79ac6;  color:#000;}
.c3 h1, .c3 h2, #menu .c3:hover, #menu a.c3.current  { background-color:#e0a6d8;  color:#000;}
.c4 h1, .c4 h2, #menu .c4:hover, #menu a.c4.current   { background-color:#eae85f; color:#000;}
.c5 h1, .c5 h2, #menu .c5:hover, #menu a.c5.current   { background-color:#dc9e49;  color:#000;}
.c6 h1, .c6 h2, #menu .c6:hover, #menu a.c6.current   { background-color:#63718e; color:#000; }
.c7 h1, .c7 h2, #menu .c7:hover, #menu a.c7.current   { background-color:#69c;  color:#000;}
.c8 h1, .c8 h2, #menu .c8:hover, #menu a.c8.current   { background-color:#9ab9b4;  color:#000;}
.c9 h1, .c9 h2, #menu .c9:hover, #menu a.c9.current   { background-color:#d66b5b; color:#000; }
.c10 h1, .c10 h2, #menu .c10:hover, #menu a.c10.current   { background-color:#a4556a; color:#000; }
.c11 h1, .c11 h2, #menu .c11:hover, #menu a.c11.current   { background-color:#96c86e;  color:#000;}
.c12 h1, .c12 h2, #menu .c12:hover, #menu a.c12.current   { background-color:#c42838;  color:#000;}

#menu a.current   { color:#000;cursor:default; }
#menu a.c4.current , #menu a.c6.current, #menu a.c9.current, #menu a.c10.current   { color:#000; }
#reservation h2, #page-home #reservation h2{
	background-color:#c42838; text-align:center; border:none; border-bottom:1px solid #fff; margin-bottom:0;
}

#resa-boutons {
	background-color:#fff; padding:4px;
}
#resa-boutons a {
	width:140px;
	height:183px;
	border:1px solid #fff;
	display:block;
	text-indent:-9999px;
}
a#resa-saulire {
	background-image:url('/img/elements/services-en-ligne/Bouton-AgenceSaulire.png');
}
a#resa-s3v {
	background:url('/img/elements/services-en-ligne/Bouton-S3V.png');
}
#resa-boutons a:hover {
	background-position:100% 0;
}
/*
    Categories
    **********/
h2 {
    border-bottom:1px solid #beaf8e;
    font-variant: small-caps;
    line-height:30px;
    margin-bottom:10px;
    padding-left:20px;
}
h2 a {
    color:#fff;
    text-decoration:none;
}

#sidebar h2 {
    padding-left:0;
}

#etab-Listing h2 {
    clear:both;
}

#etab-Listing h3 {
    font-size: larger;
	font-weight: bold;
	color:#000;
	margin-bottom:7px;
}
#etab-Listing .pros-comp {
    width:350px;
	float:left;
}
#etab-Listing .pros-comp img{
    padding:0 0 8px 60px;
	width:;
	height:;
}
#etab-Listing .pros-list {
    width:400px;
	float:left;
}
#etab-Listing .pros-list p{
    margin-bottom:10px;
	position:relative;
	font-size:larger;
    padding-left:25px;
}
#etab-Listing .pros-list p.recommande {
    background-image: url('/img/icons/accept.png');
    background-repeat: no-repeat;
    background-position:0% 50%;
}

#etab-Listing .pros-list span{
	position:absolute;
    left:290px;
	font-size:smaller;
}
#etab-Listing .pros-list a{
	text-decoration: none;
	border-bottom: 1px dotted #000;
}
#etab-Listing .pros-list a:hover span{
	font-weight:bold;
}
    


/*
    BREADCRUMB
    **********/

#breadcrumb { 
    font:11px Arial, sans-serif; 
    color:#111; 
    list-style:none; 
    padding:0; margin:0 0 10px 0; 
    background:url(/img/background/breadcrumb/breadcrumb-bg.png) repeat-x center; 
    overflow:hidden;
    
    border:0px solid #beaf8e;
    border-top:1px solid #beaf8e;
    border-bottom-right-radius:0.6em; 
    -moz-border-radius-bottomright:0.6em; 
    -webkit-border-bottom-right-radius:0.6em; 
    border-bottom-left-radius:0.6em; 
    -moz-border-radius-bottomleft:0.6em; 
    -webkit-border-bottom-left-radius:0.6em; 
} 
#breadcrumb li { 
    float:left; 
    background:url(/img/background/breadcrumb/breadcrumb-right.png) no-repeat right center; 
    padding:0 20px 0 10px; 
    height:28px; line-height:28px; 
}    
#breadcrumb li.none { 
    background:none; 
}    
#breadcrumb li:first-child a { 
    display:block; 
    width:30px; 
    text-indent:-9999px; 
    background:url(/img/icons/house.png) no-repeat center center; 
} 
#breadcrumb a { 
    text-decoration:none; 
    color:#999; 
} 
#breadcrumb a:hover { 
    color:#CC6600; 
}

/*
    CONTEXTUAL CONTENT
    ******************/

#contextual {
    overflow:hidden;
    width:100%;
	background-color:#fff;
}
.bloc {
    float:left;
    height:280px;
}
.b305 {
    width:305px;
}
.b172 {border:none;
    width:174px;
}

/*
    SIDEBAR MENU
    ************/


h2#sidebar-menu {
    display:none;
}
ul#menu {
    background-color:#fff;
    margin-bottom:20px;
}
#menu li {
    font-size:.85em;
    line-height:30px;
    text-align:center;
    
    margin-bottom:1px;
}
#menu li:hover {
    background-color:#aaa;
}
#menu a {
    display:block;
    font-size:1em;
    text-decoration:none;
}
#menu a:hover {
    color:#fff;
}
#menu a.soon:hover {
    cursor: help;
    font-style: italic;
}

/*
    LOGIN
    *****/

#Login {
    background-color:#fff;
    border:1px solid #aaa;
    
    padding:10px 20px 20px 20px;
}
#Login h2 {
    background-color: transparent;
    border-bottom:1px solid #beaf8e;
    
    margin-bottom:20px;
    
    color:#000;
    font-variant: normal;
    line-height:30px;
    text-align: justify;
}
#Login p {
    margin-bottom:15px;
}
#Login form {
    border-left:1px solid #aaa;
    padding-left:20px;
    width:375px;
}
#Login .input, #Login .submit {
    height:40px;
    line-height:40px;
}
#Login label {
    display: inline-block;
    width:120px;
}
#Login input {
    width:250px;
}
#Login input[type="submit"] {
    border:1px solid #aaa;
    height:25px;
    line-height:25px;
    margin-left:120px;
    width:auto;
}


/*
    SECTION ADMIN & CLIENT
    **********************/

#menuAdmin {
    background-color: #fff;
    overflow:auto;
    margin-bottom:10px;
}
#menuAdmin li {
    float:left;
    line-height:28px;
}
#menuAdmin a {
    display:block;
    padding:0 15px 0 35px;
    border-right:1px solid #aaa;
    text-decoration:none;
    background-repeat:no-repeat;
    background-position:10px 50%;
}
#menuAdmin a:hover, #menuAdmin .current a {
    background-color:#6189b7;
    color:#fff;
}
#menuAdmin .current a {
    /*cursor: default;*/
}
#menuAdmin li.rght {
    float:right;
}
#menuAdmin li.rght a {
    border-left:1px solid #aaa;
    border-right:none;
    color:#b84;
    font-weight: bold;
}
#menuAdmin li.rght a:hover {
    background-color:#6189b7;
    color:#fff;
}
/* li */
    #help a{background-image:url('/img/icons/help.png');}
    #fiche a{background-image:url('/img/icons/report_edit.png');}
    #panier a{background-image:url('/img/icons/cart.png');}
    #facture a{background-image:url('/img/icons/book_open.png');}
    #out a{background-image:url('/img/icons/lock_go.png');}

#contextual.admin {
    background-color: #fff;
    padding:10px 20px 10px 20px;
    width:760px;
}



/*
    CONTENU CONTEXTUEL PARTAGE
    **************************/

#contextual.admin a {
	background-repeat: no-repeat;
	background-position:0px 50%;
	padding-left:20px;
	display:inline-block;
}

#contextual.admin a.edit {
	background-image:url('/img/icons/cog_edit.png');
}

#contextual.admin a.add {
	background-image:url('/img/icons/cog_add.png');
}

#contextual.admin a.delete {
	background-image:url('/img/icons/cog_delete.png');
}
#contextual.admin p {
    margin-bottom:10px;
}
#contextual.admin h2, #contextual.admin h3 {
    background-color:transparent;
    text-align:left;
    color:#000;
    font-variant: normal;
    clear:both;
	padding-left:0;
}
#contextual.admin h2 {
    border-bottom:1px solid #beaf8e;
    margin-bottom:15px;
    font-size:1.1em;
    font-weight: bolder;
    line-height:30px;
}
#contextual.admin h3 {
    border-bottom:1px solid #6189b7;
    margin-bottom:10px;
    line-height:25px;
	text-decoration:none;
}


#contextual.admin ul ul {
    margin-left:25px;
}
#contextual.admin ul.options {
    display: inline-block;
    margin-left:0;
}
#contextual.admin ul.options li {
    float:left;
    margin-right:5px;
}

#contextual.admin ul.adminListing li {
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
}
#contextual.admin ul.adminListing li.masque p{
    font-style: italic;
    color: #aaa;
}

#contextual p, #contextual a, #contextual ul, #contextual ol, #contextual li, #contextual address {
	line-height:1.3em;
}
#contextual p, #contextual ul, #contextual ol, #contextual address {
	margin-bottom:10px;
	padding:0 10px;
}
#contextual ol {
    list-style: decimal;
    list-style-position: inside;
}
#contextual h2, #contextual h3 {
    clear:both;
}
#contextual h3 {
	font-size:1em;
	margin:10px 0;
	color: #000;
	text-decoration:underline;
	padding:0 10px;
}
#contextual .update {
	font-size:xx-small;
	font-style: italic;
	text-align:center;
}

/*
    HOME PAGE
    *********/

#page-home h2 {
    border-bottom:1px solid #beaf8e;
    font-variant: small-caps;
    line-height:30px;
    text-align:center;
	margin-bottom:0;
}
#page-home #contextual {
	background-color: transparent;
}
#home-webtv {
    background-color:#262324;
    margin-right:8px;
}
#home-webtv h2{
    background-color:#127b98;
}


#home-news {
    background-color:#fff;
    margin-right:8px;
    text-align:justify;
}
#home-news h2{
    background-color:#000;
	color:#fff;
}
#news-slider {
	height:230px;
	width:305px;
	padding:10px 0;
}
#news-slider .news {
height:220px;
margin-top:-5px;
}
#news-slider ul {
	list-style:none;
	text-align:center;
	height:64px;
	margin-top:-0px;
	position:relative;
}
#news-slider ul li{
	display:inline;position:relative;bottom:10px;height:64px;
}
#news-slider ul li a{
	padding:2px 5px;
	border:1px solid #bbb;
	text-decoration:none;
}
#news-slider ul li a.rss {
	margin-left:30px;
	padding:0;
	border:none;
}
#news-slider ul li.active a{
	border:1px solid #666;
}
#news-slider ul li a:hover{
	border:1px solid #666;
}
#news-slider ul li a.rss:hover {
	border:none;
}

.news-type1 {
	height:117px;
}
.news-type2 {
	height:235px;
}
#contextual p.news-etab {
	font-weight:bold;
}
#contextual p.news-etab span{
	font-size: smaller;
	display:block;
}
#contextual p.news-excerpt {
	font-size: smaller;
}
#contextual p.news-excerpt a {
	display:block;
	margin-top:5px;
	text-decoration:none;
}


#home-meteo {
    background-color:#000;
	position:relative;
}
#home-meteo div {
    padding-top:25px;
}
#home-meteo a {
	position:absolute;
	top:30px;
	width:172px;
	height:249px;
}
#home-meteo, #home-news, #home-webtv, #home-meteo h2, #home-news h2, #home-webtv h2 {
    border-top-right-radius:0.4em; 
    -moz-border-radius-topright:0.4em; 
    -webkit-border-top-right-radius:0.4em; 
    border-top-left-radius:0.4em; 
    -moz-border-radius-topleft:0.4em; 
    -webkit-border-top-left-radius:0.4em;
	padding:0;
}

/*
    FORMS
    *****/

.form {
    
}
.form form {
    
}
.form fieldset {
    
}
.form legend {
    margin-bottom:15px;
}
.form div.input{padding-bottom:5px;margin:0 0 10px 0;border-bottom:1px groove #ddd;}
.form div.text {}
.form div.checkbox {}
.form div.error {}
.form div.required {}
.form div.textarea {}
.form label {
    display:inline-block;
    min-width:24%;
}
.form input {
    border:1px solid #ccc;
    width:24%;
}
#OrderAddForm .input.text {padding-bottom:10px;}
.form .form-error {
    border:1px solid orange;
}
.form .error-message {
    background-image:url('/img/icons/error.png');
    background-repeat: no-repeat;
    background-position:0 50%;
    padding:5px 5px 5px 24px;
    margin-left:25px;
    color:#f71;
    font-size: smaller;
}
.form .textarea .error-message {
}
.form small {
    font-size:smaller;
    display:block;
}
.form textarea {
    width:100%;
}

/*
    CUSTOM FORMS
    ************/
#contextual.admin #ficheDescLogo {
    width:160px;
    height:160px;
}
#contextual.admin #ficheDescLogo img {
    border:1px solid #ccc;
    padding:5px;
    max-width:150px;
    max-height:150px;
}

#contextual.admin #fichePhoto div {
    float:left;
    position:relative;
    border:1px solid #ccc;
    padding:5px;
    height:60px;
    width:60px;
    margin-right:3px;
    text-align: center;
    display: table-cell;
    margin-bottom:10px;
}

#fichePhoto img {
}
#contextual.admin #fichePhoto div a {
    padding:0;
    position:absolute;
    display:none;
}

#contextual.admin #fichePhoto div:hover a {
    display: block;
    z-index:10;
    width:16px;
    height:16px;
    bottom:2px;
    right:2px;
    background-image:url('/img/icons/cross.png');
    background-color:#fff;
    border:1px solid #ccc;
    text-indent:-9999px;
}
#fichePanoramics {
    width:502px;
    margin:auto;
}


/*
    CAKEPHP AUTH & MESSAGES
    ***********************/

.message {
    background-color:#fff;
    margin-bottom:10px;
    
    background-position:8px 9px;
    background-repeat:no-repeat;
    padding:10px 10px 10px 30px;
    
    border:1px solid #aaa;
    border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
    border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}
#authMessage {
    background-image:url('/img/icons/lock.png');
    color:#666;
}
#flashMessage {
    
}
#flashMessage p {
    padding-top:5px;
}
#flashMessage.info {
    background-image:url('/img/icons/information.png');
}
#flashMessage.info strong{
    color:#6189b7;
}
#flashMessage.alert {
    background-image:url('/img/icons/error.png');
}
#flashMessage.alert strong{
    color:#f71;
}
#flashMessage.success {
    background-image:url('/img/icons/accept.png');
}
#flashMessage.success strong{
    color:#7a6;
}
#flashMessage.error {
    background-image:url('/img/icons/exclamation.png');
}
#flashMessage.error strong{
    color:#f11;
}



.galleria li a {text-align:center}
#fichePhoto a{color:#348;text-decoration:none;outline:none;}
#fichePhoto a:hover{color:#67a;}
#fichePhoto .galleria{list-style:none;margin:0 auto;}
#fichePhoto .galleria li{display:block;width:55px;height:55px;overflow:hidden;float:left;margin:0 5px 10px 5px;border:1px solid #ccc;padding:5px;} /* thumbs */
#fichePhoto .galleria li div img{cursor:pointer}
#fichePhoto .galleria li.active div img, #fichePhoto .galleria li.active div{display:block}
#fichePhoto .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
#fichePhoto .caption {display:none;}
#fichePhoto .nav{padding-top:10px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;text-align:center;}
#fichePhoto .galleria_container { height:460px;text-align:center; }







.gallery_fichePhoto li {
    display:block;overflow:hidden;float:left;margin:0 5px 10px 5px;border:1px solid #ccc;padding:5px;
}
.pika_main {
    display:block;position:relative;left:25px;text-align:center;
}
.pika_subdiv {
    display:block;height:450px;width:750px;border:1px solid green;margin-bottom:10px;
}
.pika_subdiv a {
    margin:auto;text-align: center;
}
.pika_subdiv img, .pika_subdiv a img{
border:none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.pika_main_img{position:absolute;top:0px;left:0px;display:block;display:none;}
.pika_back_img{position:relative;top:0px;left:0px;display:block;}



/*.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.pika_caption a{color:#348;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px * /
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}*/
























/*
    WEBCAMS
    *******/
	#webcams h3 {
		text-indent:-9999px;
		height:0px;
		margin:0;
	}
#webcams .webcam {
    border:1px solid #ccc;
    padding:5px;
    overflow:hidden;
    margin:5px 10px;
}
#webcams .webcam a {
    float:left;
    padding:5px;
    display:block;
    width:200px;
    height:150px;
	position:relative;
	border:1px solid #63718e;
	margin-right:10px;
}
#webcams .webcam span {
	background-repeat:no-repeat;
	position:absolute;
	width:122px;
	height:59px;
	top:0;left:0;
	display:block;
}
a#webcam-mvs  span{
	background-image:url('/img/pages/webcams/webcamMottaretSud.png');
}
a#webcam-mvn  span{
	background-image:url('/img/pages/webcams/webcamMottaretNord.png');
}
a#webcam-pdm  span{
	background-image:url('/img/pages/webcams/webcamPlanMains.png');
}
a#webcam-lc  span{
	background-image:url('/img/pages/webcams/webcamChatelet.png');
}
a#webcam-lh  span{
	background-image:url('/img/pages/webcams/webcamHameau.png');
}
#webcams .webcam a.stop {
    cursor:help;
}
#webcams .webcam p small {
    font-size: smaller;
    font-weight:bold;
}
#webcams .webcam img {
    width:200px;
    height:150px;
}
.meteo-full {
    width:510px;
    height:280px;
    padding:20px 0 0 15px;
    float:left;
}
#meteo-podcasts p {
	text-align:center;
}




/*
    DOMAINE SKIABLE
    ***************/
.domaine-skiable {
    background-image:url('/img/logos/s3v.png');
    background-repeat: no-repeat;
    background-position: 25px 25px;
    
}
#s3v-logo {
    float:left;
}
#s3v-title {
    font-size:1.4em;
}
#s3v-forfaits {
    float:left;
    width:280px;
    padding:20px 10px;
}
#s3v-forfaits ul {
    font-size:1em;
}
#s3v-forfaits ul ul {
    font-size:1.1em;
}
#s3v-forfaits li {
    font-weight:bold;
}
#s3v-forfaits li li {
    font-weight: normal;
    padding:4px 0;
}
#s3v-forfaits li li li {
    font-weight: normal;
    padding:0 0 0 10px;
}
#s3v-forfaits li li li:before {
    content: "- ";
}


#s3v-lieux {
    float:left;
    width:480px;
    padding:10px;
}
#s3v-lieux .lieu {
    border:1px solid #ccc;
    padding:5px;
    overflow:hidden;
    margin:5px 0;
}
#s3v-lieux .lieu h3 {
    
}
#s3v-lieux .lieu img {
    float:left;
    margin:0 10px 10px 0;
}
#s3v-lieux .lieu p {
    
}


/*
    
    *****/
#partners, #portals {
    width:700px;
    margin:auto;
    height:140px;
    background-repeat: no-repeat;
}
#partners {
    background-image:url('/img/logos/partenaires.jpg');
}
#portals {
    background-image:url('/img/logos/portails.jpg');
}
#partners li, #portals li {
    float:left;
}
#partners li{
    width:230px;
}
#portals li{
    width:160px;
    margin:0 5px;
}
#partners a, #portals a {
    display:block;
    text-align:center;
    padding-top:125px;
    font-size:1.1em;
    text-decoration: none;
}
#partners a:hover, #portals a:hover {
    font-weight:bold;
}
#partners a{
    margin:0 30px;
    padding-top:115px;
}
#portals a{
    margin:0 5px;
    padding-top:100px;
}
#partners span, #portals span{
    display:none;
}



.dl-doc {
    border:1px solid #ccc;
    width:170px;
    float:left;
    text-align:center;
    padding:10px 0 0 0;
    margin:0 0 10px 22px;
}
.dl-doc p {
    font-variant: small-caps;
}
.dl-doc a, .dl-doc img {
    margin:0;padding:0;
}
.dl-doc span {
    font-weight: bold;
    font-size:1.1em;
}




.s3v-container #content {
    float:left;
    margin:0 0 10px 0;
    width:960px;
}
.s3v-container h2 {
	margin-bottom:0px;
}
.s3v-container #sidebar {
    float: none;
    margin:0 0 10px 0;
    width:960px;
}
.s3v-container #sidebar {
    float: none;
    margin:0 0 10px 0;
    width:960px;
}
.s3v-container ul#menu {
    background-color:#fff;
    margin-bottom:0px;
    list-style: none;
	overflow:hidden;
}
.s3v-container #menu li {
    font-size:.85em;
    line-height:30px;
    text-align:center;
    display:inline-block;
	float:left;
	margin:0; 
}
.s3v-container #menu li:hover {
    background-color:#aaa;
}
.s3v-container #menu a {
    display:block;
    font-size:1em;
    text-decoration:none;
    text-align:center;
    width:160px;
}
.s3v-container #s3v-annonce {
    background-color:#fff;
}
.s3v-container #s3v-annonce p {
    line-height:1.3em;
    padding:0 10px 10px 10px;
}

#s3v-frame {
	overflow:hidden;
}







/*
    PANORAMA OU IMAGES D'ENTETE
    ***************************/
#header-image {
	margin-bottom:10px;
	width:798px;
	height:145px;
    overflow:hidden;
    position:relative;
    padding:1px;
    background-color:#fff;
}
#header-image img {
    position:absolute;
    top:1px;
    left:1px;
    z-index:8;
}
#header-image img.active { z-index:10; }
#header-image img.last-active { z-index:9; }

#panorama {
    margin-bottom:20px;
	background-color:transparent;
}
#p-image {
   background-color:#fff;
    height:460px;
    width:796px;
	overflow-x:auto;
    overflow-y:hidden;
    margin-bottom:20px;
	padding:2px; 
}
#p-slider {
    padding:0 10px;
}
#p-slider a.p-s-element {
    display:inline-block;
    height:110px;
    width:168px;
	margin:0 12px;text-decoration:none;
}
#p-slider a.p-s-element img {border:4px solid #fff;}
#p-slider a.p-s-element span {text-align:center;display:block;background-color:#fff;padding:4px 10px;font-size:1.1em;}



	.TB_overlayBG {
		background-color: #595959;
	}
	
.panorama-viewport {
	position: relative;
	overflow: hidden;
	height:460px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.panorama-container {
	position: relative;
	width: 100000px;
	height:460px;
	margin: 0;
	padding: 0;
}
.panorama-control {
	position: absolute;
	display: none;
	padding: 0;
	margin: 0;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 60px;
	background: black;
	filter: alpha(opacity=70);
	opacity: .7;
	text-align: left;
}
.panorama-control p {
	color:#fff;
	font-weight:bold;
	font-size:smaller;
	text-align:center;
}
.panorama-control-left, .panorama-control-right, .panorama-control-pause { 
	float: left;
	padding: 0;
	margin: 5px 30px 5px 30px;
	color: white;
	border:1px solid #fff;
	text-decoration: none;
	font-size: 20px;
	line-height: 30px;
	width: 200px;
	text-align: center;
	font-family: 'Arial',sans-serif;
}
.panorama-control-left:hover, .panorama-control-right:hover, .panorama-control-pause:hover { 
	color: black;
	background: white;
	filter: alpha(opacity=50);
	opacity: .5;
}
.panorama-control-pause {
	text-transform: uppercase;
}
.panorama-panel {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	background: #009cff;
	filter: alpha(opacity=50);
	opacity: .5;
	color: white;
	padding: 4px;
}
.panorama-panel h2 {
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	text-align: right;
}
.panorama-panel ul {
	display: none;
}
.panorama {
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}

.panorama-area {
	border: 2px solid white;
	filter: alpha(opacity=20);
	opacity: .2;
	background: black;
	font-size: 100%;
	cursor: pointer;
	text-decoration: none;
	color: white;
	text-align: right;
}
.panorama-area-hover {
	background: #0080e2;
	cursor: pointer;
}
.panorama-title {
 	position: absolute; 
	right: 0;
	top: 0; 
	font-size: 16px; 
	font-family: Verdana;
	background: #fff;
	padding: 20px;
	filter: alpha(opacity=50);
	opacity: .5;
}
.panoramique {
	background: #fff;
	border-color:#0080e2;
}
.panoramique:hover {
	background: #000;
	border-color:#fff;
}





/*
    FICHE CLIENT
    ************/

#ficheDesc {
    
}
#ficheDesc h2 {
    
}
    #ficheDescLogo {
        margin-right:60px;
    }
    #ficheDescLogo p {}
    #ficheDescLogo p img {}
    
    #ficheDescCarteVisite {
		height:auto;
		min-height:150px;
    }
        #ficheDescCarteVisite p, #ficheDescCarteVisite address {margin-left:80px;}
        p#etab-name {font-weight:bold;margin-left:70px;font-size:1.2em;}
        p#etab-phone {
            background-image: url('/img/icons/telephone.png');
            background-repeat: no-repeat;
            background-position:0px 0px;
            padding-left:30px;
        }
        address {}
        address#etab-adress {
            background-image: url('/img/icons/book_open.png');
            background-repeat: no-repeat;
            background-position:0px 0px;
            padding-left:30px;
        }
        p#etab-email {
            background-image: url('/img/icons/email.png');
            background-repeat: no-repeat;
            background-position:0px 0px;
            padding-left:30px;
        }
        p#etab-url {
            background-image: url('/img/icons/world.png');
            background-repeat: no-repeat;
            background-position:0px 0px;
            padding-left:30px;
        }
        p#etab-desc {margin-left:0px; margin-top:2em;}
        
    #ficheNews ul li {
        margin-bottom:1em;
    }
        
    
    #activation-adress {
        font-size:1em;
        font-weight:bold;
        margin:10px 20px 10px 20px;
        border:1px solid #ccc;
		background-color:#fff;
    }
	
	
	
	#adsense728x90 div{
		width:728px;
		margin:10px auto;
	}
	
	#contact {padding:10px;}
	#contact form div{margin:.5em 0;clear:both;}
	#contact label{display:block;}
	#contact fieldset{margin:0;padding:0;border:none;}
	#contact legend{font-weight:bold;}
	#contact input[type="radio"],#contact input[type="checkbox"],#contact  .radio,#contact  .checkbox{margin:0 .25em 0 0;}
	#contact div.error-message {
		color:orange;
		font-size:smaller;
	}
	
	
	pre.cake-debug {color:red}
	
	.paginator {text-align:center;margin:20px;}
	.paginator p {margin:50px;}
	.paginator span {padding:5px;margin:5px 10px;font-weight:bold;}
	.paginator span a {border:2px solid #beaf8e;padding:5px 10px;text-decoration:none;}
	
	p.deleted {background-color:#ddd; font-style:italic;margin:0 20px 0 40px;padding:5px;}
	p.deleted span {}
	p.opened {border-left:5px solid #7a6; margin:0 20px 0 40px;padding:5px;}
	
	.deco.left {
		margin-right:20px;
	}