/* -------------------------------------------------------------------------- *
 * YUI Reset v3.0.0                                                           *
 * Cleanup browser mess                                                       *
 * -------------------------------------------------------------------------- */

html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
legend { color: #000; }

/* -------------------------------------------------------------------------- *
 * Default settings                                                           *
 * -------------------------------------------------------------------------- */

/* Page */
html { font-size: 100%; }
body { padding: 10px 20px;
    font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
    font-size: 62.5%; }
/* Titles */
h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0; }
h1, h2 { font-family: Georgia, "Bitstream Vera Serif" , Norasi, serif; }
h1 { font-size: 1.4em; font-style: italic; font-weight: bold; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; font-weight: bold; }
h4 { font-size: 1.1em; font-weight: bold; font-style: italic; }
h5 { font-size: 1em; font-style: italic}
/* Lists */
ul, ol { margin: .75em 0 .75em 24px; }
/* Paragraphs */
p { margin: .75em 0; }
li p, blockquote p { margin: .5em 0; }
/* Citations */
blockquote, q { font-size: 1.1em; font-style: italic;
    font-family: Georgia, "Bitstream Vera Serif" , Norasi, serif; }
blockquote { margin: .75em 0 .75em 24px; }
cite { font-style: italic; }
/* Links */
a:link, a:visited { font-weight: bold; text-decoration: none; border-bottom: 1px dotted; }
a:hover, a:focus { font-weight: bold; text-decoration: underline; border: none; }
a img { border: none; }
/* Miscs inline elements */
em { font-style: italic; }
strong { font-weight: bold; }

/*
pre, code { font-size: 100%; font-family: "Bitstream Vera Mono" , "Lucida Console" , "Courier New" , monospace; }
pre { width: 90%; overflow: auto; overflow-y: hidden; margin: .75em 0; padding: 12px; background: #eee; color: #555; }
pre strong { font-weight: normal; color: black; }
 */

/* -------------------------------------------------------------------------- *
 * Layout                                                                     *
 * -------------------------------------------------------------------------- */

/* ------ *
 * Master *
 * ------ */

/* Page */
html, body { height: 100%; }
html { background: none; }
body { padding: 0; }
/* Background */
#background {
    width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1;
    background-color: transparent;
    opacity: 1.0;
    -moz-opacity:1;     /* Old-style Mozilla */
    -khtml-opacity: 1;  /* Old-style WebKit */
}
#background img { width: 100%; height: 100%; }
/* Wrapper */
#global { min-height: 100%; width: 800px; overflow: hidden;
    margin-left: auto; margin-right: auto; z-index: 1; }
/* Header */
#header { padding-top: 15px; padding-bottom: 5px; text-align: center; }
#header a { border: none; }
/* #header h1 { margin: 0; } */
/* Menu */
#menu { padding: 12px 15px; }
#menu ul { margin: 0px; list-style: none; text-align: center; }
#menu li { display: inline; text-transform: uppercase; }
#menu a { padding: 6px; text-decoration: none; border: none; }
/* Content */
#content { padding: 10px 20px; }
#content > :first-child { margin-top: 10px; }
#content > :first-child + h1 { margin-top: 10px; }
/* Footer */
#footer { padding: 15px 20px; text-align: center; }
#partners { margin-top: 2em; text-align: center; }
#partners img { vertical-align: middle; }
#footer-warning { padding-left: 20%; padding-right: 20%; }
#copyright { margin: 20px 0 5px 0; text-align: center; }
#copyright a { text-decoration: none; }
#copyright a:hover, #copyright a:focus { text-decoration: underline; }
#copyright span { display: block; }
/* Images */
img#abcsalles { width:164px; height:60px; }
img#banner { width: 800px; height: 72px; }
img#logo-large { width: 776px; height: 57px; }

/* ------ *
 * Shared *
 * ------ */

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.hidden { display: none; }
.clr { height: auto; display: block; clear: both; }
.noborder { border: none !important; }

.long-title { margin: 20px -20px; padding: 10px 0; padding-left: 20px;
    text-transform: uppercase; }
.headline { text-align: center; }
.headline span { display: block; }
#content h1 + .headline { margin-bottom: 20px; }
#content .left-column { float: left; width:340px; }
#content .right-column { float: left; margin-left: 15px; width: 400px; }
#content .right-column div:first-child.slider { margin-top: 15px; }
#content .right-column div:first-child.slidershow { margin-top: 15px; }
#content .slider { height: 265px; }
#content .slidershow { height: 265px; }
.square li { list-style-type: square; margin-bottom: 2px; }
.anchor { margin-top: 20px; }
.anchor li { list-style-image: url('img/anchor.png');
    list-style-position: outside; margin-bottom: 10px; }

/* ------ *
 * jQuery *
 * ------ */

/* Easy Slider */
.slider { overflow: hidden; }
.slider ul, .slider li { margin: 0; padding: 0; }
.slider li { overflow: hidden; }
.slider span#prevBtn { }
.slider span#nextBtn { }

/* ColorBox */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; overflow: visible; }
#cboxLoadedContent { overflow: auto; }
#cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
#colorbox { }
#cboxTopLeft { width: 14px; height: 14px; background: url('img/colorbox/controls.png') 0 0 no-repeat; }
#cboxTopCenter { height: 14px; background: url('img/colorbox/border.png') top left repeat-x; }
#cboxTopRight { width: 14px; height: 14px; background: url('img/colorbox/controls.png') -36px 0 no-repeat; }
#cboxBottomLeft { width: 14px; height: 43px; background: url('img/colorbox/controls.png') 0 -32px no-repeat; }
#cboxBottomCenter { height: 43px; background: url('img/colorbox/border.png') bottom left repeat-x; }
#cboxBottomRight { width: 14px; height: 43px; background: url('img/colorbox/controls.png') -36px -32px no-repeat; }
#cboxMiddleLeft { width: 14px; background: url('img/colorbox/controls.png') -175px 0 repeat-y; }
#cboxMiddleRight { width: 14px; background: url('img/colorbox/controls.png') -211px 0 repeat-y; }
#cboxLoadedContent { margin-bottom: 5px; }
#cboxLoadingOverlay { background: url('img/colorbox/loading_background.png') center center no-repeat; }
#cboxLoadingGraphic { background: url('img/colorbox/loading.gif') center center no-repeat; }
#cboxTitle { position: absolute; bottom: -25px; left: 0; text-align: center; width: 100%; }
#cboxCurrent { position: absolute; bottom: -25px; left: 58px; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { position: absolute; bottom: -29px;
    background: url('img/colorbox/controls.png') 0px 0px no-repeat; width: 23px; height: 23px; text-indent: -9999px; }
#cboxPrevious { left: 0px; background-position: -51px -25px; }
#cboxPrevious.hover { background-position: -51px 0px; }
#cboxNext { left: 27px; background-position: -75px -25px; }
#cboxNext.hover { background-position: -75px 0px; }
#cboxClose { right: 0; background-position: -100px -25px; }
#cboxClose.hover { background-position: -100px 0px; }
.cboxSlideshow_on #cboxSlideshow { background-position: -125px 0px; right: 27px; }
.cboxSlideshow_on #cboxSlideshow.hover { background-position: -150px 0px; }
.cboxSlideshow_off #cboxSlideshow { background-position: -150px -25px; right: 27px; }
.cboxSlideshow_off #cboxSlideshow.hover { background-position: -125px 0px; }

/* -------------------------------------------------------------------------- *
 * Typography                                                                 *
 * -------------------------------------------------------------------------- */

/* ------ *
 * Master *
 * ------ */

#global { font-size: 1.2em; line-height: 1.8; }
#global > div:first-child { line-height: 0; }
#header { line-height: 0; }
#menu a { font-size: 1.1em; font-weight: normal; line-height:1.5; }
#footer { font-size: .8em; }

/* ------ *
 * Shared *
 * ------ */

h2.long-title { font-size: 1.1em; letter-spacing: .1em; line-height: 1.5;
    font-family: Verdana, "Bitstream Vera Sans" , "Lucida Grande" , sans-serif; }
div.headline > p:first-child { font-size: 1.2em; font-weight: bold;
    font-family: Georgia, "Bitstream Vera Serif" , Norasi, serif; }
div.headline > p:first-child + p { font-style: italic; }

/* ------ *
 * jQuery *
 * ------ */

/* ColorBox */
#cboxTitle { font-weight: bold; }
#cboxCurrent { font-weight: bold; }

/* -------------------------------------------------------------------------- *
 * Colors                                                                     *
 * -------------------------------------------------------------------------- */

/* ------ *
 * Master *
 * ------ */

body { background-color: #800000; color: #F0E39E; }
a:link { color: #6E0000; }
a:visited { color: #6A798D; }
a:visited:hover { color: #6A798D; }
a:hover, a:focus { color: #E6A948; }
#global { background-color: #181A12; }
#header { background-color: #FFFFFF; }
#menu { background-color: #181A12; }
#menu a { color: #FF6533; }
#menu a.highlight { color: orange; }
#menu a.agenda { 
    color: orange;
    padding-bottom: 11px;
    border-bottom: 3px solid orange; }
#menu a:hover, #menu a:focus { background-color: #000000; color: #FFFFFF; }
#content { background-color: #FFFFFF; color: #363B29; }
#footer { background-color: #181A12; color: #E6A948; }
#footer a { color: #FF6533; }
#copyright { color: #848F63; }
#copyright span a { color: #848F63; }

/* ------ *
 * Shared *
 * ------ */

h2.long-title { background-color: #800000; color: #FF6533; }

/* ------ *
 * jQuery *
 * ------ */

/* ColorBox */
#cboxOverlay { background-color: #AAAAAA; }
#cboxContent { background-color: #FFFFFF; }
#cboxTitle { color: #7C7C7C; }
#cboxCurrent { color: #7C7C7C; }

/* -------------------------------------------------------------------------- *
 * Page specific layouts                                                      *
 * -------------------------------------------------------------------------- */

/* agence.php */
.nn-agence h1 { margin-bottom: 20px; }
.nn-agence .slider li { width: 400px; }
.nn-agence .slidershow li { width: 400px; }
.nn-agence #clients + ul li { float: left; width: 140px; height: 90px; text-align: center; }
.nn-agence .partners { text-align: center; margin-left: 20px; margin-right: 20px; }
.nn-agence .partners ul { margin-left: 0; margin-right: 0; }
.nn-agence .partners a { text-decoration: none; }

/* acces.php */
.nn-acces .list { margin-left: 10px; }
.nn-acces .list li { margin-bottom: 10px; }
.nn-acces .list li img { vertical-align: bottom; }

/* agenda.php */
.nn-agenda .date { text-align: center; width: 3.5em; margin-right: 20px; text-transform: uppercase; }
.nn-agenda .date > span:first-child { font-size: 1em; display:block; background-color: #AAA; color: #EEE; }
.nn-agenda .date > span strong { display:block; font-size: 1.2em; color: #EEE; }
.nn-agenda .weekend > span:first-child  { background-color: #800000; color: #EEE; }
.nn-agenda .weekend > span strong { color: #EEE; }
.nn-agenda .date > span + span { display:block; margin-top: 0.3em; margin-bottom: .2em; font-size: .9em; color: #AAA; }
.nn-agenda .infos h4 { font-weight: bold; font-style:normal; margin: 0; }
.nn-agenda .infos h4 span { display:block; font-weight: normal; font-size: 0.8em; margin-top: 0; color: #666666; }
.nn-agenda .infos p { font-size: 1em; }
.nn-agenda .month { margin-left: 3em; margin-right: 3em; }
.nn-agenda .month li { border-bottom: dotted thin #AAA; margin-bottom: 0.5em; }
.nn-agenda .month li img { margin-bottom: 0.2em; }
.nn-agenda .month li.last { border-bottom: none ; }
.nn-agenda .long-title span { float:right;padding-right:2em;font-size:0.8em;text-transform: none; }

.nn-agenda .summer2010-baseline { color: red; font-weight: bold; }

/*
.nn-agenda-historique .calendar h4 { display:inline; font-weight: bold; font-style:normal; margin: 0; }
.nn-agenda-historique .calendar { margin-left: 3em; margin-right: 3em; }
.nn-agenda-historique .calendar li { clear: both; border-bottom: dotted thin #AAA; margin-bottom: 0.5em; position:relative; width:580px;}
.nn-agenda-historique .calendar li img { margin-bottom: 0.2em; height: 60px; position:absolute; top: 0px; left: 600px; }
.nn-agenda-historique .calendar li.last { border-bottom: none ; } */

/* contact.php */
.nn-contact #equipe + ul { margin-top: 30px; }
.nn-contact #equipe + ul li { margin-bottom: 20px; }
.nn-contact #equipe + ul p { width: 200px;}
.nn-contact .picto { margin-right: 20px; }
.nn-contact .desc { margin-top: 0px; }
.nn-contact .desc span { display: block; }
.nn-contact form { margin-top: 1em;}
.nn-contact form fieldset { margin-bottom: 1em;}
.nn-contact form legend { font-style: italic; margin-bottom: 1em;}
.nn-contact form #raison input { margin-left: 1em; }
.nn-contact form #raison label { margin-left: 1em; }
.nn-contact form #coordinates label, .nn-contact #coordinates input { margin-left: 1em; }
.nn-contact form #coordinates label { float:left; width: 7em; margin-bottom: 1em; }
.nn-contact form #coordinates input { display:block; float:left; }
.nn-contact form #message label { display:block; margin-bottom: 1em;}

/* particulier.php & professionnel.php */
.nn-particulier .slider + p, .nn-professionnel .slider + p,
.nn-particulier .slidershow + p, .nn-professionnel .slidershow + p {
    text-align: center; margin-bottom: 30px; }
.nn-particulier .contactus, .nn-professionnel .contactus,
.nn-particulier-tarifs .contactus, .nn-professionnel-tarifs .contactus {
    text-align: center; margin-top: 30px; font-weight: bold; }
.nn-professionnel #content .left-column { float: left; width:300px; }

/* -------------------------------------------------------------------------- *
 * Print                                                                      *
 * -------------------------------------------------------------------------- */

@media print {
    body {
        padding: 0pt;
        margin: 0pt;
        font-size: 10pt;
        font-family: Georgia, "Bitstream Vera Serif" , Norasi, serif;
}
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
h1 { font-size: 160%;  }
h2 { font-size: 140%;  }
h3, h4, h5, h6 { font-size: inherit;  }
h2 { font-weight: bold; }
* { background-color: #FFF !important; color: #000 !important; }

#background,
#banner,
#menu,
#partners { display: none; }

#global { height: 100% !important; width: 100% !important;
    overflow: visible !important; }
#content { padding: 0pt;}

#content .left-column { width: 50%; overflow: visible !important; }
#content .right-column { width: 47%; overflow: visible !important; }

h2.long-title {
    /* margin: 20px -20px; padding: 10px 0; padding-left: 20px; */
    margin: inherit; padding: inherit; padding-left: inherit;
    text-transform: none; }

#global { font-size: 1em; line-height: 1.5; }
#global > div:first-child { line-height: 0em; }
#header { line-height: inherit; }
#footer { font-size: .8em;
    border-top: dashed thin #AAA;}

div.headline > p:first-child { font-size: inherit;
    font-family: Georgia, "Bitstream Vera Serif" , Norasi, serif;  }
h2.long-title { font-size: 120%; letter-spacing: inherit;
    font-style: italic; line-height: 1.5;
    font-family: inherit; }

#sidebar { display: none; }
.navigation { display: none; }
#prevBtn {display:none;}
#nextBtn {display:none;}
}