/*******************************************************************************
********************************************************************************
******************************** RESET *****************************************
********************************************************************************
********************************************************************************
*******************************************************************************/

/* Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.8.0r4 */
html { color: #222222; }
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; border: 0; font-size: 100%; outline: 0; vertical-align: baseline; }
body { line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
del, ins { text-decoration: none; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q, blockquote { quotes: none; }
q:before, blockquote:before { content: ''; }
q:after, blockquote:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/* because legend doesn't inherit in IE */
legend { color: #222222; }
input, button, textarea, select, optgroup, option { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/* purpose To enable resizing for IE
 * branch For IE6-Win, IE7-Win */
input, button, textarea, select { *font-size: 100%; }

/*******************************************************************************
********************************************************************************
******************************** GENERAL ***************************************
********************************************************************************
********************************************************************************
*******************************************************************************/

html body #eeple { position: fixed; bottom: 0; left: 0; right: 0; }
html body #eeple .row { background-color: red; margin: 5px; padding: 5px; color: white; cursor: pointer;
                        border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; }

#body {
    background: white; margin: 0; padding: 0; width: 100%;
    font-family : Arial; font-weight: normal;
}

#content { width: 100%; }
#content .container { width: 970px; margin: 0 auto; }

.cleaner { clear: both; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; display: block; }
#content .sep { height: 1px; width: 100%; background: #e7e7e7; margin: 1px 0; font-size: 0; line-height: 0; padding: 0; display: block; clear: both; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/*FORMS*/

dt { display: none; }
dd { display: inline; }
dt, dd, dl { margin: 0; padding: 0; }
dt#submit-label { display: none; }

/**
    FORM
**/
#content form .element { width: 288px; float: left; position: relative; margin-top: 10px; border: 1px solid #d2d2d2; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#content form .element input[type=text], form input[type=submit], form textarea { font-size: 13px; }
#content form .element input[type=checkbox], form input[type=radio] { float: left; height: 13px; width: 13px; border: none; background: none; }
#content form .element input[type=file] { border: none; background: none; height: auto; width: auto; }

#content form .element .radio {
    height: 12px; font-size: 12px; line-height: 12px; margin: 5px 0 0 0; vertical-align: middle; background: #eaeaea; padding: 9px 10px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#content form .element .radio label { float: left; margin-right: 30px; }
#content form .element .radio label input[type=radio] { margin-right: 3px; }

#content form .element .inpuut { padding: 0 10px; width: 268px; float: left; }
#content form .element .inpuut .iCenter { float: left; width: 100%; }
#content form .element .inpuut .iCenter input { width: 100%; outline: none; float: left; padding: 1px 0 0; height: 32px; line-height: 32px; vertical-align: middle; border: none; color: #c9c9c9; }

#content form .element.submit { width: auto; border: none; }
#content form .element .inpuut.iSubmit { cursor: pointer; width: auto; padding: 0; }
#content form .element .inpuut.iSubmit .iCenter input { cursor: pointer; padding: 0; color: white; font-size: 14px; font-weight: bold; width: 160px; height: 40px; background: transparent url("../images/contact/form_submit.png") no-repeat; }

#content form .element .textaarea { width: 100%; height: 100%; }
#content form .element .textaarea .tCenter { background: white; width: 100%; height: 100%; }
#content form .element .textaarea .tCenter textarea { width: 100%; height: 100%; border: none; color: #c9c9c9; }

#content form .element .label {
    font-size: 14px; line-height: 33px; vertical-align: middle; text-align: center; font-weight: bold; color: #ffffff; text-transform: uppercase;
    width: 100px; display: none; background: #8ab5cb; margin: 0; float: left;
}
#content form .element .label .require { color: #cd2929; }

#content form .element.error { border-color: #b31414; }
#content form .element.error.focus { border-color: #b31414; background-color: #b31414; }
#content form .element.error.focus .label { background-color: #b31414; }

#content form .element.focus { border-color: #8ab5cb; background-color: #8ab5cb; }
#content form .element.focus .label { display: block; }
#content form .element.focus .inpuut { width: 168px; background: #ffffff;
                                       -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px;
                                       -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px;
}
#content form .element.error .inpuut input { color: #b31414; }
#content form .element.error .textaarea textarea { color: #b31414; }
#content form .element.error.focus .inpuut input { color: #b31414; }
#content form .element.error.focus .textaarea textarea { color: #b31414; }
#content form .element.focus .inpuut input { color: #222222; }
#content form .element.focus .textaarea textarea { color: #222222; }

/**
    HEADER
**/
#content #header #logo { margin: 10px 0; }

#content #header #nav { width: 100%; height: 32px; background-color: rgba(191, 191, 191, 0.37); }
#content #header #nav .coloration { background-color: #b0cfdf; float: left; height: 32px; margin-left: -485px; width: 50%; }
#content #header #nav a {
    font-size: 14px; font-weight: bold; color: #444444; text-shadow: 0 1px 0 #fff;
    line-height: 32px; vertical-align: middle; height: 32px; margin: 0; padding: 0 15px; display: inline-block;
}
#content #header #nav a#home { border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: #8ab5cb; padding: 0 11px; }
#content #header #nav a#home span { width: 18px; height: 16px; margin-top: 7px; display: inline-block; background: transparent url(../images/header/sprite.png) no-repeat 0 -68px; }
#content #header #nav a:hover { text-decoration: none; }

#content #header #contactez-nous {
    float: right; display: block; height: 34px; padding: 0 8px; margin-top: 9px;
    border: 1px solid #6794a9; background: transparent url(../images/header/sprite.png) repeat-x 0 0;
    color: #fff; font-size: 14px; line-height: 34px; vertical-align: middle; text-transform: uppercase; font-weight: bold;
    text-shadow: 0 -1px 1px #6992a9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    box-shadow: 0 1px 0 0 #b1d0e0 inset; -moz-box-shadow: 0 1px 0 0 #b1d0e0 inset; -webkit-box-shadow: 0 1px 0 0 #b1d0e0 inset;
}
#content #header #contactez-nous:hover { text-decoration: none; background-position: 0 -34px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

/**
    FOOTER
**

#footer { margin: 20px auto 0; font-size: 11px; color: #777777; background: url(../images/footer/back.png) repeat-x top left #eee; }
#footer a { color: #777777; line-height: 18px; font-size: 11px; }
#footer h2,
#footer .h2 { line-height: 30px; color: #d5d5d5; font-size: 30px; font-family: Arial, sans-serif; font-weight: normal; margin-bottom: 10px; margin-top: 10px; }
#footer .selected h2,
#footer .selected .h2 { color: #fff; }
#footer .edition { height: 290px; float: left; width: 59%; margin-left: -8px; position: relative; }
#footer .edition .group { width: 420px; padding: 0 40px; top: 0; right: 0; position: absolute; line-height: 18px; }
#footer .edition ul { position: relative; z-index: 2; }
#footer .edition ul li .logo { padding-right: 500px; display: block; padding-top: 10px; padding-bottom: 10px; text-align: right; }
#footer .edition ul li .logo .pic { width: 150px; display: inline-block; text-align: left; }
#footer .edition ul li .data { width: 420px; float: right; padding: 0px 40px 10px; display: none; height: 280px; }
#footer .edition ul li.selected .logo,
#footer .edition ul li:hover .logo { background-color: #e4e4e4; }
#footer .edition ul li.selected .data,
#footer .edition ul li:hover .data { background-color: #e4e4e4; display: block; }
#footer .edition ul li.melty .data { margin-top: -68px; }
#footer .edition ul li.meltyfashion .data { margin-top: -128px; }
#footer .edition ul li.meltystyle .data { margin-top: -186px; }
#footer .edition ul li.meltybuzz .data { margin-top: -244px; }
#footer .about { float: left; padding: 0px 40px 10px; }
#footer .about #eeple { margin: 10px 0; position: static; }
#footer .partenaires { clear: both; background-color: #fff; text-align: center; border-top: 1px solid #e4e4e4; padding: 10px; }
*/

#parts { margin-top: 30px; }
#parts .header {
    background-color: #E9E9E9; border-top: 1px solid white; box-shadow: 0 -1px 0 #C5C6C6; font-family: "HelveticaNeueLTPro87HeavyCond";
    font-size: 16px; padding: 10px; text-transform: uppercase;
}
#parts .data { background-color: #F2F2F2; }
#parts .parts { margin-left: -13px; padding-bottom: 30px; }
#parts .part { display: inline-block; margin: 30px 0 0 15px; vertical-align: top; width: 310px; }
#parts .part .pic { background-image: url("../images/footer/arrow.gif"); display: inline-block; height: 8px; margin-right: 5px; width: 8px; }
#parts .part a.title { border-bottom: 1px dotted #8FB006; display: inline; font-size: 12px; font-weight: normal; text-shadow: 0 1px 0 white; }
#parts .part a.title:hover { border-bottom: none; text-decoration: none; }
#parts .part .logo { display: block; margin-bottom: 10px; }
#parts .part._melty .pic { background-color: #8FB006; }
#parts .part._melty a.title { border-color: #8FB006; color: #8FB006; }
#parts .part._melty .dossiers .pic { background-color: #333333; }
#parts .part._melty .dossiers a { color: #333333; font-size: 8px; }
#parts .part._melty .dossiers a.m { border-bottom: 1px dotted #333333; font-size: 11px; }
#parts .part._melty .dossiers a.m:hover { border-bottom: none; text-decoration: none; }
#parts .part._meltyfashion .pic { background-color: #E74669; }
#parts .part._meltyfashion a.title { border-color: #E74669; color: #E74669; }
#parts .part._meltystyle .pic { background-color: #0FAED9; }
#parts .part._meltystyle a.title { border-color: #0FAED9; color: #0FAED9; }
#parts .part._meltybuzz .pic { background-color: #FF6600; }
#parts .part._meltybuzz a.title { border-color: #FF6600; color: #FF6600; }
#parts .part._meltypub .pic { background-color: #8AB5CB; }
#parts .part._meltypub a.title { border-color: #8AB5CB; color: #8AB5CB; }
#parts .part._fan2 .pic { background-color: #E1267D; }
#parts .part._fan2 a.title { border-color: #E1267D; color: #E1267D; }
#footer { background-color: #DDDDDD; padding-bottom: 20px; }
#footer .links {
    background-color: #222222; border-bottom: 1px solid black; border-top: 5px solid #C8C8C8;
    height: 26px; padding-top: 7px; text-align: right; line-height: 17px;
}
#footer .links a {
    border-left: 1px solid #A1A1A1; color: white;
    font-size: 12px; margin-left: 5px; padding-left: 5px;
    text-shadow: 0 1px 0 black; vertical-align: middle;
}
#footer .links a.first { border-left: none; }
#footer .links a:hover { color: #8FB006; text-decoration: none; }
#footer .links small { float: left; margin-top: 1px; text-shadow: 0 1px 0 black; color: #a1a1a1; font-size: 11px; }
#footer .links small img { margin-left: 5px; margin-top: -6px; vertical-align: middle; }
#footer .echanges { background-color: #F2F2F2; border-bottom: 1px solid #CACACA; padding: 5px; font-size: 12px; line-height: 20px; height: 20px; }
#footer .echanges a  { border-left: 1px solid #858B90; color: #858B90; margin-left: 5px; padding-left: 5px; text-shadow: 0 1px 0 white; }
#footer .echanges a.first { border-left: none; margin-left: 0; padding-left: 0; }
#footer .echanges a.ojd  {
    background: transparent url("../images/footer/ojd.png") no-repeat 0 50%;
    border-left: none; float: right; margin-left: 20px; margin-top: -3px; padding: 3px 0 3px 24px;
}

/**
    TITLE
**/

#content #title { position: relative; }
#content #title h1.title { margin: 41px 0 0; /*height: 44px;*/ width: 100%; font-size: 60px; font-weight: bold; line-height: 44px; color: #222222; position: relative; z-index: 3; }
#content #title h2.subtitle { margin: 20px 0 0; padding: 0 0 20px; font-size: 24px; line-height: 29px; color: #bbbbbb; position: relative; z-index: 2; }
#content #title .img { position: absolute; bottom: 0; right: 0; z-index: 1; }
#content #title .sep { height: 4px; }

/**
    STYLE DESIGN ... UN PEU PARTOUT
**/

#content i.quote { background: transparent url(../images/sites/quote.png) no-repeat top left; padding-left: 14px; float: right; }

/*******************************************************************************
********************************************************************************
******************************** PERSO *****************************************
********************************************************************************
********************************************************************************
*******************************************************************************/

/**
    ACCUEIL
**/

/*SLIDESHOW*/
#content #accueil #slideshow { margin: 30px 20px 0; }
#content #accueil #slideshow #s_slider { width: 930px; /*height: 360px;*/ margin: auto; }

#content #accueil #slideshow #s_slider ul,
#content #accueil #slideshow #s_slider li { margin: 0; padding: 0; list-style: none; }

#content #accueil #slideshow #s_slider li { width: 930px; height: 323px; overflow: hidden; }
#content #accueil #slideshow #s_slider li a { display: block; width: 100%; float: left; }
#content #accueil #slideshow #s_slider li a .img { display: block; margin-right: 20px; }
#content #accueil #slideshow #s_slider li a .img.logo { float: left; margin-left: 20px; }
#content #accueil #slideshow #s_slider li a .img.li { float: left; margin: 40px 0 0 20px; }
#content #accueil #slideshow #s_slider li a .img.screen { float: right; }

#content #accueil #slideshow #s_slider li.melty a .img.logo { margin-top: 23px; }
#content #accueil #slideshow #s_slider li.meltyfashion a .img.logo { margin-top: 40px; }
#content #accueil #slideshow #s_slider li.meltystyle a .img.logo { margin-top: 40px; }
#content #accueil #slideshow #s_slider li.meltybuzz a .img.logo { margin-top: 32px; }

#content #accueil #slideshow #s_slider #btns #ctrlNav { position: absolute; right: 0; left: 0; top: 260px; }
#content #accueil #slideshow #s_slider #btns #ctrlNav #ctrlNavPrev { float: left; }
#content #accueil #slideshow #s_slider #btns #ctrlNav #ctrlNavNext { float: right; }
#content #accueil #slideshow #s_slider #btns #ctrlNav #ctrlNavPrev a,
#content #accueil #slideshow #s_slider #btns #ctrlNav #ctrlNavNext a { display: block; position: relative; width: 25px; height: 101px; background-color: #222222; }
#content #accueil #slideshow #s_slider #btns #ctrlNav #ctrlNavPrev a:hover,
#content #accueil #slideshow #s_slider #btns #ctrlNav #ctrlNavNext a:hover { width: 35px; }
#content #accueil #slideshow #s_slider #btns #ctrlNav #ctrlNavPrev a span,
#content #accueil #slideshow #s_slider #btns #ctrlNav #ctrlNavNext a span { display: block; position: absolute; top: 50%; margin-top: -6px; width: 7px; height: 11px; background: transparent url(../images/design/arrows.png) no-repeat; }
#content #accueil #slideshow #s_slider #btns #ctrlNav #ctrlNavPrev a span { background-position: 0 0; right: 9px; }
#content #accueil #slideshow #s_slider #btns #ctrlNav #ctrlNavNext a span { background-position: -7px 0; left: 9px; }

#content #accueil #slideshow #s_slider #btns #ctrlPro { width: 100%; height: 5px; margin-top: 1px; background-color: #b0cfdf; }
#content #accueil #slideshow #s_slider #btns #ctrlPro #ctrlProIn { height: 5px; background-color: #222222; }

#content #accueil #slideshow #s_slider #btns #ctrlNum { width: 100%; height: 30px; margin-top: 1px; }
#content #accueil #slideshow #s_slider #btns #ctrlNum span { height: 30px; display: block; float: left; background-color: #e7e7e7; line-height: 30px; vertical-align: middle; font-family: "Arial"; font-size: 11px; font-weight: bold; }
#content #accueil #slideshow #s_slider #btns #ctrlNum span.current:hover,
#content #accueil #slideshow #s_slider #btns #ctrlNum span.current { background-color: #c3d9e4; }
#content #accueil #slideshow #s_slider #btns #ctrlNum span .num { color: #8ab5cb; margin: 0 12px 0 10px; }
#content #accueil #slideshow #s_slider #btns #ctrlNum span.current .num { color: #6b94a9; }
#content #accueil #slideshow #s_slider #btns #ctrlNum span a { display: block; color: #222222; text-decoration: none; border-left: 1px solid #fff; }
#content #accueil #slideshow #s_slider #btns #ctrlNum span a:hover { color: #222222; text-decoration: none; }
/*#content #accueil #slideshow #s_slider #btns #ctrlNum span.first a { border-left: none; }*/

/*BOTTOM*/
#content #accueil #bottom { padding: 0 20px; }
#content #accueil #bottom #right { width: 294px; float: right; }
#content #accueil #bottom #right .sep { margin-top: 20px; }
#content #accueil #bottom #left { width: 581px; float: left; }

#content #accueil #bottom h2 { margin: 20px 0; font-size: 18px; font-weight: bold; line-height: 22px; }
#content #accueil #bottom p { font-size: 12px; line-height: 18px; text-align: justify; }
#content #accueil #bottom p a { color: #8ab5cb; }
#content #accueil #bottom .num { color: #88b4ca; }

#content #accueil #bottom p a.btn {
    display: block; width: 116px; height: 25px; background: #8ab5cb; color: #ffffff; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    line-height: 25px; vertical-align: middle; margin: 20px auto 0 0; text-align: center;
}
#content #accueil #bottom p a.btn:hover { background: #6c98af; text-decoration: none; }

#content #accueil #bottom ul.number { margin-left: 20px; }
#content #accueil #bottom ul.number li { margin-bottom: 10px; color: #88b4ca; height: 29px; line-height: 29px; vertical-align: middle; font-size: 16px; font-weight: bold; padding: 0 0 0 40px; background: no-repeat url(../images/accueil/numbers.png); }
#content #accueil #bottom ul.number li a { color: #8ab5cb; }
#content #accueil #bottom ul.number li.un { background-position: left 0; }
#content #accueil #bottom ul.number li.deux { background-position: left -29px; }
#content #accueil #bottom ul.number li.trois { background-position: left -58px; }

#content #accueil #bottom ul.table li a {
    border-bottom: 1px solid #dfdfdf; margin-top: 1px; background-color: #f3f3f3;
    width: 100%; height: 40px; display: block; color: #828282; padding-left: 10px;
    font-size: 12px; line-height: 40px; vertical-align: middle;
}
#content #accueil #bottom ul.table li a:hover { color: #4b4b4b; border-bottom-color: #90a7b2; background-color: #c3d9e4; text-decoration: none; }
#content #accueil #bottom ul.table li.last a { border-bottom: none; }

#content #accueil #bottom .galery .g_cadre { height: 220px; margin-right: 17px; }
#content #accueil #bottom .galery .g_cadre.no_margin_right { margin-right: 0; }

/**
    GALERY
**/

#content .galery .g_cadre { display: block; width: 282px; height: 262px; float: left; margin-right: 64px; position: relative; text-decoration: none; cursor: pointer; }
#content .galery .g_cadre.no_margin_right { margin-right: 0; }

#content .galery .g_cadre .g_img { display: block; width: 280px; height: 200px; border: 1px solid #d2d2d2; }
#content .galery .g_cadre .g_bottom { display: block; width: 282px; height: 17px; background: transparent url(../images/galery/gal_bottom.png) no-repeat center top; }
#content .galery .g_cadre .g_over { display: none; position: absolute; top: 0; left: 0; width: 262px; height: 182px; border: 10px solid; background: transparent url(../images/galery/gal_over.png); }

#content .galery .g_cadre .g_over span { display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #ffffff; margin-top: 45px; line-height: 18px; }
#content .galery .g_cadre .g_over .zoom {
    display: block; width: 81px; height: 30px; margin: 16px auto 0; background: #e7e7e7; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    text-align: center; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #5f5f5f; line-height: 30px; vertical-align: middle;
}

#content .galery .g_cadre:hover .g_over { display: block; }
#content .galery .g_cadre .g_over.melty { border-color: #a9bf3a; }
#content .galery .g_cadre .g_over.meltyfashion { border-color: #ef4667; }
#content .galery .g_cadre .g_over.meltystyle { border-color: #0faed9; }
#content .galery .g_cadre .g_over.meltybuzz { border-color: #ff6600; }

/**
    NOS SITES
**/

#content #sites #title { height: 181px; }
#content #sites #title h1.title { width: 680px; font-size: 47px; }

#content #sites #onglets { width: 100%; border-top: 4px solid #e7e7e7; }
#content #sites #onglets .onglet { display: block; margin: 6px 20px 0; float: left; }
#content #sites #onglets .onglet.active,
#content #sites #onglets .onglet:hover { border-top: 8px solid; margin-top: -4px; padding-top: 2px; }

#content #sites #onglets .onglet#melty { margin-left: 17px; height: 27px; width: 75px; }
#content #sites #onglets .onglet.active#melty,
#content #sites #onglets .onglet#melty:hover { border-top-color: #8eaf06; }
#content #sites #onglets .onglet#meltyfashion { height: 29px; width: 116px; }
#content #sites #onglets .onglet.active#meltyfashion,
#content #sites #onglets .onglet#meltyfashion:hover { border-top-color: #ef4667; }
#content #sites #onglets .onglet#meltystyle { height: 29px; width: 118px; }
#content #sites #onglets .onglet.active#meltystyle,
#content #sites #onglets .onglet#meltystyle:hover { border-top-color: #0faed9; }
#content #sites #onglets .onglet.active#meltybuzz,
#content #sites #onglets .onglet#meltybuzz:hover { border-top-color: #ff6600; }

#content #sites #sitecontent #loader { width: 100px; height: 400px; margin: auto; background: transparent url(../images/sites/loader_pub.gif) no-repeat 0 170px; }
#content #sites #sitecontent .panel { width: 100%; margin-top: 20px; color: #160006; font-size: 14px; line-height: 18px; }
#content #sites #sitecontent .panel .img-right { float: right; border-left: 20px solid #ffffff; }
#content #sites #sitecontent .panel .img-left { float: left; border-right: 20px solid #ffffff; }
#content #sites #sitecontent .panel .img-cadre { border: 1px solid #e7e7e7; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#content #sites #sitecontent .panel .visitez { margin-top: 20px; text-align: center; display: block; }
#content #sites #sitecontent .panel .visitez .back { background-color: #cccccc; display: block; height: 1px; margin-bottom: -12px; }
#content #sites #sitecontent .panel .visitez .text { padding: 0 10px; background-color: #ffffff; color: #cccccc; }

#content #sites #sitecontent .panel h3 { color: #b7cd3c; font-size: 18px; line-height: 18px; font-weight: bold; margin-bottom: 26px; }
#content #sites #sitecontent .panel h4 { font-weight: bold; margin-bottom: 26px; padding: 0 0 0 12px; background: transparent no-repeat left 6px; }
#content #sites #sitecontent .panel sup { font-size: 10px; vertical-align: top; }
#content #sites #sitecontent .panel ul li { margin-left: 15px; list-style: inside; }
#content #sites #sitecontent .panel i { color: #969696; }
#content #sites #sitecontent .panel i.quote { color: #160006; }

#content #sites #sitecontent .panel p { text-align: justify; }
#content #sites #sitecontent .panel p.list { margin-top: -16px; }

#content #sites #sitemelty a,
#content #sites #sitemelty #sitecontent .panel .visitez:hover .text { color: #b7cd3c; }
#content #sites #sitemelty #sitecontent .panel h4 { background-image: url(../images/sites/puce_melty-fr.png); }
#content #sites #sitemelty #sitecontent .panel .visitez:hover .back { background-color: #b7cd3c; }
#content #sites #sitemelty #sitecontent .panel ul li { list-style-image: url(../images/sites/puce_melty-fr.png); }
#content #sites #sitemelty #title h2.subtitle { width: 715px; }
#content #sites #sitemelty #title .img { right: -19px; }

#content #sites #sitemeltyfashion a,
#content #sites #sitemeltyfashion #sitecontent .panel h3,
#content #sites #sitemeltyfashion #sitecontent .panel .visitez:hover .text { color: #ef4667; }
#content #sites #sitemeltyfashion #sitecontent .panel h4 { background-image: url(../images/sites/puce_meltyfashion.png); }
#content #sites #sitemeltyfashion #sitecontent .panel .visitez:hover .back { background-color: #ef4667; }
#content #sites #sitemeltyfashion #sitecontent .panel ul li { list-style-image: url(../images/sites/puce_meltyfashion.png); }
#content #sites #sitemeltyfashion #title h2.subtitle { width: 730px; }
#content #sites #sitemeltyfashion #title .img { right: -19px; }

#content #sites #sitemeltystyle a,
#content #sites #sitemeltystyle #sitecontent .panel h3,
#content #sites #sitemeltystyle #sitecontent .panel .visitez:hover .text { color: #0faed9; }
#content #sites #sitemeltystyle #sitecontent .panel h4 { background-image: url(../images/sites/puce_meltystyle.png); }
#content #sites #sitemeltystyle #sitecontent .panel .visitez:hover .back { background-color: #0faed9; }
#content #sites #sitemeltystyle #sitecontent .panel ul li { list-style-image: url(../images/sites/puce_meltystyle.png); }
#content #sites #sitemeltystyle #title h2.subtitle { width: 740px; position: absolute; bottom: 0; }
#content #sites #sitemeltystyle #title .img { right: 45px; }

#content #sites #sitemeltybuzz a,
#content #sites #sitemeltybuzz #sitecontent .panel h3,
#content #sites #sitemeltybuzz #sitecontent .panel .visitez:hover .text { color: #ff6600; }
#content #sites #sitemeltybuzz #sitecontent .panel h4 { background-image: url(../images/sites/puce_meltybuzz.png); }
#content #sites #sitemeltybuzz #sitecontent .panel .visitez:hover .back { background-color: #ff6600; }
#content #sites #sitemeltybuzz #sitecontent .panel ul li { list-style-image: url(../images/sites/puce_meltybuzz.png); }
#content #sites #sitemeltybuzz #title h2.subtitle { width: 740px; position: absolute; bottom: 0; }
#content #sites #sitemeltybuzz #title .img { right: 45px; }

/**
    CONTACT
**/

#content #contact .border { border-left: 4px solid #8ab5cb; padding-left: 20px; margin-top: 50px; }

#content #contact #left,
#content #contact #right { margin-top: 56px; }
#content #contact #left { float: left; width: 349px; }
#content #contact #right { float: right; width: 600px; }

#content #contact #left #map { height: 368px; border: 1px solid #d2d2d2; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#content #contact #left #map img { display: block; }
#content #contact #left #infos { font-size: 21px; line-height: 25px; }
#content #contact #left #infos .tel { color: #8ab5cb; }

#content #contact #right #form { height: 370px; }
#content #contact #right #benoit { font-size: 12px; line-height: 18px; text-align: justify; }
#content #contact #right #benoit i { color: #2f5060; }
#content #contact #right #benoit i.quote { color: #222222; font-weight: bold; }
#content #contact #right #benoit img { float: right; margin-left: 35px; }

#content #contact #right #form form .subject { width: 598px; margin-top: 0; }
#content #contact #right #form form .subject .inpuut { width: 578px; }
#content #contact #right #form form .subject.focus .label { width: 120px; }
#content #contact #right #form form .subject.focus .inpuut { width: 458px; }
#content #contact #right #form form .msg { width: 598px; height: 184px; }
#content #contact #right #form form .msg .textaarea { width: 598px; height: 183px; }
#content #contact #right #form form .msg .textaarea textarea { width: 578px; height: 163px; padding: 10px; }
#content #contact #right #form form .msg.focus .label { display: none; }
#content #contact #right #form .email,
#content #contact #right #form .name_ent { margin-right: 20px; }

/**
    OFFER
**/

#content #offer #title h1.title { font-size: 45px; }

#content #offer #offerlist { margin: 50px auto 0; width: 930px; }
#content #offer #offerlist #right { float: right; width: 240px; height: 170px; background: transparent url(../images/offer/hachure.jpg); }
#content #offer #offerlist #left { float: left; width: 660px; }
#content #offer #offerlist #left ul { margin-left: 15px; }
#content #offer #offerlist #left ul li { float: left; width: 660px; font-size: 12px; line-height: 18px; list-style-image: url(../images/offer/puce_meltypub.png); }
#content #offer #offerlist #left #together { font-family: Georgia; float: left; margin: 25px 0 0 60px; }
#content #offer #offerlist #left #cgv {
    display: block; width: 182px; height: 25px; float: right; margin: 16px 0 0; background-color: #8ab5cb;
    color: #ffffff; font-size: 12px; line-height: 25px; vertical-align: middle; text-align: center;
    -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#content #offer #offerlist #left #cgv:hover { text-decoration: none; }

#content #offer .offertitle { margin: 60px auto 0; width: 930px; }
#content #offer .offertitle h3 { font-size: 22px; font-weight: bold; line-height: 22px; color: #8ab5cb; }
#content #offer .offertitle h4 { font-size: 14px; line-height: 18px; margin-top: 20px }

#content #offer .tablespec { margin: 30px auto 0; width: 930px; }
#content #offer .tablespec thead tr th { font-size: 18px; font-weight: bold; line-height: 18px; padding: 0 10px 6px; border-bottom: 4px solid #e7e7e7; }
#content #offer .tablespec thead tr th.price { width: 200px; }
#content #offer .tablespec tbody tr { height: 39px; }
#content #offer .tablespec tbody tr.blue { background: #f0f7f7; }
#content #offer .tablespec tbody tr td { font-size: 12px; max-width: 300px; vertical-align: middle; border-bottom: 1px solid #e7e7e7; padding: 0 0 0 10px; color: #767676; }

#content #offer .tablespec thead tr th.btn { border-bottom: 0; }
#content #offer .tablespec tbody tr td.btn { text-align: center; border-bottom: 0; }
#content #offer .tablespec tbody tr.blue td.btn { background-color: #ffffff; }

#content #offer .tablespec tbody tr td a {
    display: block; height: 25px; background: #8ab5cb; color: #ffffff; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    line-height: 25px; vertical-align: middle; text-align: center;
}
#content #offer .tablespec tbody tr td.btn.pdf a,
#content #offer .tablespec tbody tr td.btn.gab a { margin: 0 0 0 20px; width: 116px; }
#content #offer .tablespec tbody tr td a:hover { background: #6c98af; text-decoration: none; }

/**
    GALERY
**/

#content #galery #title h1.title { font-size: 47px; line-height: 50px; }

#content #galery .galery { margin-top: 60px; }
#content #galery .galery .g_cadre { margin-right: 62px; }
#content #galery .galery .g_cadre.no_margin_right { margin-right: 0; }