/*  -------------------------------------------------------------
    * Filename:         style.css
    * Version:          1.0
-------------------------------------------------------------- */

/*  -------------------------------------------------------------
    1. Layout
-------------------------------------------------------------- */
body                { background: #ECF2FE url(../images/charte/body-bg.jpg) repeat-x left top; color: #454545; }
#bg1                { background: url(../images/charte/bg1-bg.jpg) no-repeat center top; }
#bg2                {}
#bg3                {}
#wrap-container     {}
#container          { width: 996px; }
#header             { width: 996px; height: 286px; background: url(../images/charte/header-bg.jpg) no-repeat left top; }
#content            { width: 996px; background: url(../images/charte/content-bg.jpg) no-repeat right bottom; }
#sidebar            { width: 260px; padding: 0 20px 0 0; color: #bccbff; }
#main               { width: 716px; padding: 0 0 120px 0; }
#wrap-footer        { background: #FFFFFF; border-top: 1px solid #AFC5F6; }
#footer             { width: 996px; font-size: 11px; color: #00008b; padding-bottom: 15px; }
#footer-left        { float: left; width: 280px; padding: 10px 0 0 0; }
#footer-right       { float: left; width: 716px; padding: 15px 0 0 0; text-align: right; }

#sub-page           { float: left; width: 484px; }
#sub-menu           { float: left; width: 192px; padding: 12px 20px 140px 20px; }
#sub-menu .vos-questions
                    { background: url(../images/charte/vos-questions.jpg) no-repeat left top; width: 192px; height: 28px; text-indent: -9999px; margin-bottom: 10px; }

/*  -------------------------------------------------------------
    2. Header elements
-------------------------------------------------------------- */

/*  -------------------------------------------------------------
    3. Content components
-------------------------------------------------------------- */
/*  3.1 CK Editor
-------------------------------------------------------------- */
.ck                             { clear: both; text-align: justify; padding: 10px 0 0 0; }
.ck-left                        { float: left; padding: 0 15px 0 0; }
.ck-right                       { float: right; padding: 0 0 0 15px; }
.ck p                           { margin-bottom: 10px; text-align: justify; }
.ck table                       { border-collapse: collapse; }
.ck table td                    { border: 1px solid #333333; padding: 5px; }
.ck ul                          { margin-bottom: 10px; }
.ck li                          { list-style-type: disc; list-style-position: inside; }
.ck p.last                      { margin-bottom: 0; }
.ck strong                      { font-weight: bold; }
.ck-title                       { display: none; }
.ck h2                          { background: #01008A; color: #FFFFFF; padding: 6px 12px; margin: 0 0 10px 0; font-size: 12px; font-weight: bold; /* -moz-border-radius: 6px; */ }

.ck-images-wide table           { width: 100%; }
.ck .ck-images table            { border-collapse: separate; border-spacing: 5px; text-align: center; background: #FFFFFF; border: 1px solid #D1DAE9; }
.ck .ck-images td               { background: #FFFFFF; border: 1px solid #C2D2EC; padding: 0px; }
.ck .ck-images td .url          { clear: both; background: #26457B; color: #FFFFFF; display: block; padding: 3px 0; width: 100%; margin: 10px 0 0 0; position: absolute; bottom: 0; left: 0;}
.ck .galerie-photos .photo      { width: 100px; height: 100px; }

/*  3.2 Misc
-------------------------------------------------------------- */
#info               { clear: both; background: url(../images/charte/coordonnees-bg.jpg) no-repeat left top; width: 260px; height: 149px; }
#info-inner         { padding: 43px 0 0 20px; }
#teleassistance-btn:link, #teleassistance-btn:visited
                    { background: url(../images/charte/teleassistance-btn-bg.jpg) no-repeat left top; width: 260px; height: 64px; display: block; }
#teleassistance-btn:hover, #teleassistance-btn:active
                    { background-position: left bottom; }

#newsletter         { background: url(../images/charte/newsletter-bg.jpg) no-repeat left top; width: 260px; height: 81px; }
#newsletter-inner   { padding: 55px 0 0 20px; }

#plan               { background: url(../images/charte/plan-bg.jpg) no-repeat left top; width: 260px; height: 172px; }
#plan-inner         { padding: 52px 0 0 20px; }
.plan-btn           { background: url(../images/charte/plan-btn-bg.jpg) no-repeat left top; width: 220px; height: 100px; display: block; }
.plan-btn:hover     { background-position: left bottom; }

#encarts            { background: url(../images/charte/encarts-bg.jpg) no-repeat left top; width: 716px; height: 215px; }
.encart             { padding: 20px 20px 0 20px; float: left; }
.encart-inner       { float: left; }

#offre-de-bienvenue { background: url(../images/charte/offre-de-bienvenue-bg.jpg) no-repeat left top; width: 202px; padding: 89px 0 0 0; }

#offre-d-emplois    { background: url(../images/charte/offres-d-emplois-bg.jpg) no-repeat left top; width: 202px; padding: 23px 0 0 0; }

#video              { background: url(../images/charte/video-bg.jpg) no-repeat center center; width: 190px; height: 173px; position: relative; border: 1px solid #464847; }

.mdm-info           { height: 132px; }
.mdm-title          { /*display: none;*/ font-weight: bold; }
.mdm-date           { font-size: 11px; font-weight: bold; }
.mdm-text           { margin: 0 0 13px 0; text-align: justify; }
.mdm-details        { text-align: right; }
.mdm-details-btn    { background: url(../images/charte/mdm-details-btn-bg.jpg) no-repeat left 3px; font-weight: bold; font-size: 11px; padding: 0 0 0 19px; }

.map-btn            { background: url(../images/charte/map-btn-bg.jpg) no-repeat left top; width: 208px; height: 152px; display: block; float: right; }
.map-btn:hover      { background-position: left bottom; }

.nos-services       { background: url(../images/charte/nos-services-bg.jpg) no-repeat left top; width: 716px; height: 190px; }
.nos-services .box  { width: 155px; padding: 0 0 0 24px; font-size: 11px; float: left; }

#video-mov          { width: 192px; height: 175px;
                    /* position: absolute; z-index: 100; left: 0; top: 0; */
                    }

/*
#video-snapshot     { background: url(../images/charte/video-snapshot-bg.jpg) no-repeat center center; width: 190px; height: 173px; position: absolute; z-index: 10; }
*/
.play-btn           { width: 190px; height: 173px; background: url(../images/charte/play-btn-bg.png) no-repeat left top; display: block;
                    position: absolute; z-index: 15;
                    }
.play-btn:hover     { background-position: right top; }

a.link:link,
a.link:visited      { padding: 5px 8px; background: #5255C0; border: 1px solid #1F2A84; color: #FFFFFF; font-weight: bold; margin: 0 10px 0 0; }
a.link:hover,
a.link:active       { background: #202020; border-color: #000000; color: #FFFFFF; text-decoration: none; }
a.link-active       { background: #FFFFFF !important; border-color: #1F2A84 !important; color: #202020 !important; }


/*  -------------------------------------------------------------
    4. Footer elements
-------------------------------------------------------------- */
#footer .copyright  { clear: both; text-align: left; }
#footer .client     {}
#footer .client a:link, #footer .client a:visited
                    {}
#footer .client a:hover, #footer .client a:active
                    {}
#footer .mentions   { color: #669900; }
#footer .mentions a:link, #footer .mentions a:visited
                    { color: #454545; text-decoration: none; }
#footer .mentions a:hover, #footer .mentions a:active
                    { color: #454545; text-decoration: underline; }

/*  -------------------------------------------------------------
    5. Menus
-------------------------------------------------------------- */
.menu1 a:link,
.menu1 a:visited    { background-position: left top; }
.menu1 a:hover,
.menu1 a:active     { background-position: left bottom; }

.btn1               { background-image: url(../images/charte/btn1-bg.jpg) !important; }
.btn2               { background-image: url(../images/charte/btn2-bg.jpg) !important; }
.de-nuit-btn        { background: url(../images/charte/de-nuit-bg.gif) no-repeat left top !important; }
.de-nuit-btn:hover  { background-position: left bottom !important; }
.de-jour-btn        { background: url(../images/charte/de-jour-bg.gif) no-repeat left top !important; }
.de-jour-btn:hover  { background-position: left bottom !important; }
.photos-btn         { background: url(../images/charte/photos-bg.gif) no-repeat left top !important; }
.photos-btn:hover   { background-position: left bottom !important; }

#menu2 ul           { float: right; }
#menu2 ul li        { float: left; display: inline; color: #00008b; }
#menu2 a:link,
#menu2 a:visited    { color: #00008b; text-decoration: none; }
#menu2 a:hover,
#menu2 a:active     { color: #454545; text-decoration: underline; }
#menu2 a.active     { color: #454545; }

#sub-menu li        { margin: 0 0 10px 0; }
#sub-menu a         { padding: 5px 8px; background-repeat: repeat-y; background-position: left top; border: 1px solid #47D646; display: block; font-size: 13px; font-weight: bold; }
#sub-menu a:link,
#sub-menu a:visited { color: #202020; background-image: url(../images/charte/sub-menu-bg.jpg); text-decoration: none; }
#sub-menu a:hover,
#sub-menu a:active,
#sub-menu a.active  { color: #202020; background-image: none; background-color: #FFE07B; border-color: #FCC601; text-decoration: none; }
#sub-menu a span    { background: url(../images/charte/sub-menu-span-bg.gif) no-repeat 0 4px; padding: 0 0 0 15px; }

/*  -------------------------------------------------------------
    6. Content elements
-------------------------------------------------------------- */
#main p             { text-align: justify; }
.star               { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
.mandatory          { font-weight: bold; color: #00008B; }
.highlight          { color: #00008B; }

/*  Lists
-------------------------------------------------------------- */
.list               { float: left; }
.list li            { padding: 0 0 0 22px; background: url(../images/charte/list-bullet.gif) no-repeat 0 7px; }

.list1              { float: left; }
.list1 li           { padding: 0 0 0 12px; background: url(../images/charte/list1-bullet.gif) no-repeat 0 7px; }

/*  Pagination
----------------------------------------------------------------------------- */
.pagination         { float:left; width: 100%; padding: 10px 0; text-align: center; font-size: 11px; }
.pagination a,
.pagination span    { border: 1px solid #32CD31; margin-right: 2px; padding: 3px 7px; text-decoration: none; font-weight: bold; }
.pagination .active { background: #33CE35; color: #000000; border-color: #FCC601; }
.pagination .disabled{ background: #222222; color: #FFFFFF; border-color: #454545; }
.pagination a:link,
.pagination a:visited,
.pagination span    { background: #89FE89; color: #202020; }
.pagination a:hover { background: #FFE07B; color: #202020; border-color: #FCC601; }

/*  Separators
-------------------------------------------------------------- */
.hr1                { clear: both; overflow: hidden; display: block; line-height: 0; font-size: 0; width: 100%; }
.hr1                { background: #CCDBFC; margin: 11px 0 10px 0; height: 1px; }

/*  Thumbnails
-------------------------------------------------------------- */
.thumb              { display: inline-block; border: 1px solid #00008B; }
.thumb img          { float: left; }
a.thumb:hover       { border: 1px solid #20AC20; }

.thumb1             { background: #FFFFFF; border: 1px solid #B7CCF7; display: inline-block; padding: 4px; }
.thumb1 img         { display: block; }
a.thumb1:hover      { background: #FFFFFF; border-color: #32CD33; }

/*  Titles
-------------------------------------------------------------- */
#page-title         { background: url(../images/charte/page-title-bg.jpg) repeat-x left bottom; padding: 0 0 12px 0; margin: 10px 0 10px 0; }
#page-title h1      { background: url(../images/charte/h1-bg.jpg) no-repeat left top; color: #00008b; padding: 1px 0 0 60px; min-height: 44px; height: auto !important; height: 44px; }

h2.note             { background: #01008A; color: #FFFFFF; padding: 6px 12px; margin: 0 0 10px 0; font-size: 12px; font-weight: bold; }

/*  Livre d'or
-------------------------------------------------------------- */
.post               { background: #FFFFFF; border: 1px solid #AFC5F6; padding: 4px; margin: 0 0 10px 0; }
.post-title         { background: #FEC601; color: #454545; padding: 3px 5px; font-size: 11px; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; }
.post-date          { float: right; }
.post-text          { padding: 0 5px 5px 5px; }

/*  Partenaires
-------------------------------------------------------------- */
.partner            { background: #FFFFFF; border: 1px solid #AFC5F6; padding: 4px; margin: 0 0 10px 0; }
.partner-title      { background: #FEC601; color: #454545; padding: 3px 5px; font-size: 11px; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; }
.partner-url        { clear: both; padding: 0 0 0 20px; margin: 0 0 5px 5px; float: left; background: url(../images/charte/link.gif) no-repeat 0 2px; }