@import url("../../../includes/common/js/jquery/lib_utils/layerSlider/css/layerslider.css");
		@import url("../../../includes/common/js/jquery/lib_utils/fancybox/jquery.fancybox-1.3.4.css");
		@import url("../../../includes/common/js/jquery/lib_utils/UI/css/Aristo/jquery-ui-1.8.7.custom.css");
	
/* MEDIAIDEA TECHNOLOGIES - 'Mediaidea', by Benoit Baverel & Alexandre Viennot, http://mediaidea.fr/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2012, Mediaidea Technologies */
/* Added: October 1st, 2012 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the
designer's written permission. However, feel free to study the CSS and use
techniques you learn from it elsewhere. */


/* Elements Generiques
----------------------------------------------- */
body {  }
img { border:none; vertical-align:middle }
input, option, select { font-size:11px }
input[type=checkbox] { cursor:pointer; vertical-align:middle }
input[type=radio] { cursor:pointer; vertical-align:-2px }
input[type=submit], input[type=reset], input[type=button] { cursor:pointer }
form { margin:0; padding:0 }
a { text-decoration: none; cursor:pointer }
label { cursor:pointer }
hr { margin:0; padding:0; height:1px; border:none; border-top:1px solid #ccc; margin-bottom:10px }
p { padding:0; margin:0 }
h1, h2, h3, h4, h5, h6, p { margin-top : 0; margin-bottom: 0.6em }
h1 { margin-bottom: 10px; margin-left: 0; color: #555555; font-size: 16px; font-weight:normal; margin-bottom: 3px; padding-top: 3px }
h2 { font-family: trebuchet ms,helvetica,sans-serif; color : #069; font-size : 1.4em }
h3 { color : #333; font-size : 1.2em }
/*--------------------------------------------- */

/* Clearfix
----------------------------------------------- */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {/* display:inline-block; */}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
/*--------------------------------------------- */

/* Globals
----------------------------------------------- */
.max { width:100% }
.maximal { width : 100% }
.minimal { width : 1px }
.nowrap { white-space : nowrap }
/*--------------------------------------------- */



/*Police
/*--------------------------------------------- */
@font-face {
font-family: 'quicksand_bold_oblique';
src: url('../font/quicksand_bold_oblique-webfont.eot?') format('eot'),
url('../font/quicksand_bold_oblique.otf') format('opentype'),
url('../font/quicksand_bold_oblique-webfont.ttf') format('truetype'),
url('../font/quicksand_bold_oblique-webfont.woff') format('woff'),
url('../font/quicksand_bold_oblique-webfont.svg#quicksandbold_oblique') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'quicksand_bold';
src: url('../font/quicksand_bold-webfont.eot?') format('eot'),
url('../font/quicksand_bold.otf') format('opentype'),
url('../font/quicksand_bold-webfont.ttf') format('truetype'),
url('../font/quicksand_bold-webfont.woff') format('woff'),
url('../font/quicksand_bold-webfont.svg#quicksandbold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'quicksand_book_oblique';
src: url('../font/quicksand_book_oblique-webfont.eot?') format('eot'),
url('../font/quicksand_book_oblique-webfont.otf') format('opentype'),
url('../font/quicksand_book_oblique-webfont.ttf') format('truetype'),
url('../font/quicksand_book_oblique-webfont.woff') format('woff'),
url('../font/quicksand_book_oblique-webfont.svg#quicksandbook_oblique') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'quicksand_book';
src: url('../font/quicksand_book-webfont.eot?') format('eot'),
url('../font/quicksand_book-webfont.otf') format('opentype'),
url('../font/quicksand_book-webfont.ttf') format('truetype'),
url('../font/quicksand_book-webfont.woff') format('woff'),
url('../font/quicksand_book-webfont.svg#quicksandbook') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'quicksand_dash';
src: url('../font/quicksand_dash-webfont.eot?') format('eot'),
url('../font/quicksand_dash-webfont.otf') format('opentype'),
url('../font/quicksand_dash-webfont.ttf') format('truetype'),
url('../font/quicksand_dash-webfont.woff') format('woff'),
url('../font/quicksand_dash-webfont.svg#quicksanddash') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'quicksand_light_oblique';
src: url('../font/quicksand_light_oblique-webfont.eot?') format('eot'),
url('../font/quicksand_light_oblique-webfont.otf') format('opentype'),
url('../font/quicksand_light_oblique-webfont.ttf') format('truetype'),
url('../font/quicksand_light_oblique-webfont.woff') format('woff'),
url('../font/quicksand_light_oblique-webfont.svg#quicksandlight_oblique') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'quicksand_light';
src: url('../font/quicksand_light-webfont.eot?') format('eot'),
url('../font/quicksand_light-webfont.otf') format('opentype'),
url('../font/quicksand_light-webfont.ttf') format('truetype'),
url('../font/quicksand_light-webfont.woff') format('woff'),
url('../font/quicksand_light-webfont.svg#quicksandlight') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face{
font-family : "Tahoma_Bold";

/* pour IE */
src :
url('../font/Tahoma_Bold.eot');

/* pour les autres */
src :
url('../font/Tahoma_Bold.woff') format('woff'),
url('../font/Tahoma_Bold.svg#abcd') format('svg'),
url('../font/Tahoma_Bold.ttf') format('truetype');
}

@font-face {
font-family: 'Myriad_Pro_Condensed';
font-style: normal;
font-weight: normal;
src: url('../font/MYRIADPRO-COND.woff') format('woff');
}

/* Srpite
----------------------------------------------- */
.sprites { background:url('../images/sprites_fr.png') no-repeat }
/*--------------------------------------------- */

/* Font attachement
----------------------------------------------- */
body, span, p, div, table, table td, table th, h1, h2, input, select, a {  }
/* -------------------------------------------- */

.golf_desc span, .golf_desc div, .golf_desc h1, .golf_desc h2, .golf_desc h3 {
	color:white !important;
	background:none !important;
}

/* Conteneur du site
----------------------------------------------- */
div#container_auth { margin:0px 0 10px; color:#4d4d4d; width:900px;  height:700px; margin-left:auto; margin-right:auto; text-align:left;  }
div#container { background:none; margin:0px 0 10px; color:#4d4d4d; width:1000px; min-height:400px; _height:400px; margin-left:auto; margin-right:auto; text-align:left }
div#main { background:none; line-height:normal; }
.central-page { min-height:400px; _height:400px;  width:1000px; background:#F2F2F2;;  }
//.container-img-background { position:absolute; z-index:-99; background:url('../images/bg/IMG_HEAD_PRO.png') no-repeat; width:1203px; height:323px; margin:auto; }

/*--------------------------------------------- */

/* Entete
----------------------------------------------- */
div#header { background:none; margin-bottom:5px; text-align:left }

div#header div.header-logo { }
div#header div.header-logo a.lnk-home { position:absolute; z-index:0; margin-top: 248px; float:left; }
div#header div.header-logo .header-logo-print { position:absolute; display:none }

div#header div.header-top { z-index:1; float:right; text-align:right; width:980px; padding:0 10px; }
div#header div.header-info { display:none; float:right; margin-left:10px; padding-top:2px; font-size:12px; color:#444444 }

div#header div.header-top a.header-lang-lnk { float:right; margin-left:10px; display:block; width:22px; height:18px; font-size:11px; padding-top:2px; background:#ba9765; color:#ffffff; text-align:center; }

div#header div.header-splitter-top {}

div#header div.header-main-menu { height:68px; }
div#header div.header-main-menu div#menu { background:white; height:18px; width:auto; letter-spacing:0px; padding-top:8px; padding-bottom:7px; }
div#header div.header-main-menu div#menu .menuElement { margin-left:-2px;  }
div#header div.header-main-menu div#menu .menuElement a { color:white; text-decoration:none; font-size:16px; background:#998675; padding:4px 56px 6px; color:black; margin-left:3px;   }
div#header div.header-main-menu div#menu .menuElement a:hover { text-decoration:none; }
div#header div.header-main-menu div#menu .menuElement a.active { text-decoration:underline; color:white !important; }
div#header div.header-main-menu div#menu .menuElement a.inactive {}
div#header div.header-main-menu div#menu .menuElement a.inactive:hover {}
div#header div.header-main-menu div#menu .menuElement a div { width:137px; height:18px; margin:0px; display:inline-block; display:inline; text-align:center; }
div#header div.header-main-menu div#menu .menuElement div.menuColor { display:block; margin-top:2px; padding:2px }
div#header div.header-main-menu div#menu .menuSplitter { float:left; height:33px; width:1px; padding-left:0px; padding-right:0px; font-size:12px; white-space:nowrap }
/*--------------------------------------------- */

/* Partie Menu
----------------------------------------------- */
div.menu-bottom { margin-top:-124px; margin-right:0px; float:right; background:white; padding:6px; width:237px; padding-bottom:19px; border:1px solid red; }
div.menu-bottom div.menu-bottom-item { height: 15px; margin:10px; text-align:left;  }
div.menu-bottom div.menu-bottom-item-log a { font-size:12px; }
div.menu-bottom a { color:black; text-decoration:none; }
div.menu-bottom a:hover {color:black; text-decoration:underline;}
/*--------------------------------------------- */


/* Pied de Page
----------------------------------------------- */
div.footer-baseline { height:129px }

div#footer {  clear:both; margin-top:0px; margin-bottom:20px; text-align:justify; color:#4D4D4D; font-family: trebuchet ms,helvetica,sans-serif; }
div#footer a { color:#4D4D4D }

div#footer .footer-logo { background: url('../images/logo/1405_NGF_ACADEMIE_FOOTER.jpg') no-repeat; border:1px gray solid; height:56px;}
div#footer .footer-logo #ngf-golf { position: absolute; margin-left: 10px; height: 56px; width: 350px; }
div#footer .footer-logo #exclusiv-golf { position: absolute; margin-left: 400px; height: 56px; width: 150px; }
div#footer .footer-logo #garden-golf { position: absolute; margin-left: 550px; height: 56px; width: 150px; }
div#footer .footer-logo #daily-golf { position: absolute; margin-left: 700px; height: 56px; width: 150px; }
div#footer .footer-logo #club-golf { position: absolute; margin-left: 850px; height: 56px; width: 150px; }

div#footer .footer-text { margin-bottom:10px; font-size:12px; }
div#footer .footer-clear { clear:both }
div#footer .footer_copyright { text-transform:uppercase; font-size:9px; padding:3px; margin-top:5px; text-align:left; height:15px; background:white; border:1px gray solid; }
div#footer .footer-social { text-align:center; margin:10px 10px;  float:right;}

div#footer .menuElement { float:left; margin-top:6px; color:#000; text-align:center; }
div#footer .menuElement a { text-align:center; text-decoration:none; color:#000; font-size:9px; white-space:nowrap; text-transform:uppercase }
div#footer .menuElement a:hover { text-decoration:none }
div#footer .menuElement a.active { text-decoration:underline }
div#footer .menuElement a.inactive {}
div#footer .menuElement a.inactive:hover {}
div#footer .menuSplitter { height:35px; padding-left:8px; padding-right:8px; color:#4D4D4D; font-size:9px; white-space:nowrap }
/*--------------------------------------------- */

/* Authentification
----------------------------------------------- */
//div.container-img-background { width:620px; height:1016px; z-index:-1; position:absolute; margin:0px; padding:0px; background:url("../images/bg/1306_NGF_SITE_FOND_1000X661.png") no-repeat transparent; }
div#block-auth { background:transparent;  }
div.auth {margin-left:5%; padding-bottom:30px;   }
div.auth .auth_form table {margin-top:30px; margin-right:30px; margin-left:30px; margin-bottom:10px;}
div.auth .auth_form { background:white; margin-top:120px; margin-left:auto; margin-right:auto; padding:5px; width:500px; height:160px; border:1px solid red; }
div.auth .auth_form td.label {font-size:17px; margin-top:50px; margin-left:50px; color:black; font-weight:bold; text-align:right;}
div.auth .auth_form div.fieldelem { margin-bottom:8px; }
div.auth .auth_form div.submit { background: url('../images/ic_next_blue_grey.gif') top left no-repeat; padding-left:15px; height:30px; width:85%; margin-top:15px; text-align:right;}
div.auth .auth_form input[type=text], div.auth .auth_form input[type=password] { font-size:10px; background:#fff; color:black; border:1px solid #a7a7a7; width:170px; padding:2px; height:15px}
div.auth .auth_form input[type=submit] {box-shadow:0px 0px 0px 0px black; font-size:13px; cursor:pointer; border: none; background:none; color:black; }
div.auth .contact{margin-left:150px; font-size:13px; color:black;}
div.auth .contact a, div.auth .contact a.hover{font-size:13px; color:black;}
div.auth .forget{margin-left:80px; color:black; font-size:11px;}
/*--------------------------------------------- */



div#block-newsletter {margin-top:0px; width:100%; height:100%;}
div.newsletter { width:1000px; height:1056px; margin-left:auto; margin-right:auto; padding-bottom:30px;}
div.newsletter .newsletter_form { border-radius:3px; margin-top:100px; margin-left:auto; margin-right:auto; padding:5px; width:500px; height:200px; background-color:black;}
div.newsletter .newsletter_form div.label {font-size:17px; margin-top:50px; margin-left:50px; color:White; font-weight:bold}
div.newsletter .newsletter_form div.fieldelem { margin-bottom:8px; }
div.newsletter .newsletter_form div.submit { background: url('../images/ic_next_blue_grey.gif') top left no-repeat; padding-left:15px; height:30px; width:85%; margin-top:15px; text-align:right;}
div.newsletter .newsletter_form input[type=text], div.newsletter .newsletter_form input[type=password] { font-size:10px; background:#fff; color:#555555; border:1px solid #a7a7a7; width:170px; padding:2px; height:15px}
div.newsletter .newsletter_form input[type=submit] {box-shadow:0px 0px 0px 0px black; font-size:13px; cursor:pointer; border: none; background:none; color:grey; }
div.newsletter .contact {margin-left:50px; font-size:13px; color:grey;}
div.newsletter .titre {margin-left:10px; font-size:17px; color:grey;}
/*--------------------------------------------- */

/* Page Erreur
----------------------------------------------- */
div#error-container { margin:30px 40px 0 40px; font-size:12px; color:#444 }
div#error-container .title { font-size:35px; color:#666; font-weight:normal }
div#error-container .subtitle { font-size:22px; color:#444; font-weight:normal }
div#error-container .text-up {  }
div#error-container .text-bottom {  }
/*--------------------------------------------- */

/* Boutons
----------------------------------------------- */
input.btn-ok { border:none  }

/*.reveal-modal-ok {
    padding:4px 5px;
    background:#8CC63F;
    border-radius:13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    color:#006837;
    font-size:13px;
    text-align:center;
    border:1px dashed #006837;
}*/
/*--------------------------------------------- */

/* Layout des pages.
----------------------------------------------- */
#main-central { background:#F2F2F2; width:1000px; height:1200px; }
#main-page-baseline { margin-top:20px }
#main-page-container { margin-top:-28px; border:none; }
/*--------------------------------------------- */

/* Formulaires
----------------------------------------------- */
.form-field { margin-bottom:5px; clear:left;  }
div.labelForm { float:left; font-size:12px; text-align:left; width:200px; color:#ffffff; }
div.inputForm { font-size:11px; margin-left:210px }

div.inputFormSmall { float:left; font-size:12px; text-align:left; width:30px }
div.labelFormSmall { font-size:11px; margin-left:40px; color:#ffffff; }

.form-field label { color:#ffffff; }

label.required { font-weight:bold; }

.warning { clear:left; background: url('../images/ico_16_warning.png') no-repeat; padding: 1px 0 1px 20px; margin-top:5px; font-size:11px; font-style:italic }

.errors { border:1px solid #900; color:#900; background:#ffffff; padding:10px; margin-bottom:10px; }
.error-msg { height:24px; background: url('../images/public_ico_32_warning.png') no-repeat; padding: 5px 0 1px 40px; font-weight:bold; }

.form-field input.large, .form-field textarea.large { width:370px; }
.form-field input.medium { width:150px; }
.form-field input.small { width:70px; }
.form-field input[type=text], .form-field textarea, .form-field select { border:1px solid #cccccc; padding:2px; color:#737373 }
/*--------------------------------------------- */

/* Partie affichage des pages.
----------------------------------------------- */

#main-page-col-left { width:205px; float:left; margin-right:13px }
#main-page-col-right { width:205px; float:right; margin-left:13px }

#main-page-main-left { width:756px; float:left }
#main-page-main-right { width:756px; float:right }

#main-page-banner-top { widht:974px; margin-bottom:13px }
#main-page-banner-bottom { widht:974px; clear:both; margin-top:13px }

#main-page-clear { clear:both }

#main-page-block { margin-bottom:5px;  font-family: trebuchet ms,helvetica,sans-serif; }

.main-splitter-top { background:url('../images/separateur_central_ombre_haut_756x14.png') no-repeat ; height:14px; margin:10px 0 5px }
.main-splitter-bottom { background:url('../images/separateur_central_ombre_bas_756x14.png') no-repeat ; height:14px; margin:10px 0 5px }


.page-container { margin:12px }
.page-container a { color: #000 }

.page-header {  }
.page-photo { margin-bottom:8px }
.page-title {  }
.page-title-main { display:inline; font-size:30px; color:#444; text-transform:uppercase; font-weight:normal }
.page-title-desc { display:inline; color:#444; font-size:14px; color:#555; text-transform:uppercase; font-weight:normal }
.page-title-splitter { padding:0 5px }
.page-desc { font-size:15px; color:#707070 }
.page-desc h2 { font-size:15px; color:#707070; font-weight:normal; display:inline }

.block-spacer { height:5px; }

.block-img-content {  }

.block-text-content {  }
.block-text-content .title { background:#ccc; font-size:15px; padding:3px 5px }
.block-text-content .title h1, .block-text-content .title h2 { display:inline; color:#333; font-weight:normal; font-size:15px; padding:0; margin:0 }
.block-text-content .desc { margin-top:10px; font-size:12px; text-align:justify; color:#777 }
.block-text-content .desc a { color:#000 }

.block-text-custom-content {  }
.block-text-custom-btn a { display:block; width:160px; background:#ba9765; color:#ffffff; font-size:14px; text-transform:uppercase; text-align:center; text-decoration:none; padding:5px; margin-bottom:15px; margin-top:15px; margin-right:auto; margin-left:auto; }

.block-upline { margin:10px 0 20px }
.block-upline .upline-title { color:#333; font-weight:normal; font-size:15px }
.block-upline .upline-text { margin-top:10px; font-size:12px; text-align:justify; color:#777 }
.block-upline .upline-text a { color:#000 }

.block-baseline { margin:10px 0 20px }
.block-baseline .baseline-text { margin-top:10px; font-size:12px; text-align:justify; color:#777 }
.block-baseline .baseline-text a { color:#000 }

.block-shadow { box-shadow:3px 3px 3px #cccccc; }

.block-menu div.inline .menuElement { min-height:19px; color:#888888; text-align:center; }
.block-menu div.inline .menuElement a { text-align:center; text-decoration:none; color:#888888; font-size:14px; white-space:nowrap; }
.block-menu div.inline .menuElement a:hover { text-decoration:none }
.block-menu div.inline .menuElement a.active { text-decoration:underline }
.block-menu div.inline .menuElement a.inactive {}
.block-menu div.inline .menuElement a.inactive:hover {}
.block-menu div.inline .menuElement div.menuColor { display:block; margin-top:2px; padding:2px }
.block-menu div.inline .menuSplitter { height:35px; padding-left:8px; padding-right:8px; color:#ba9765; font-size:12px; white-space:nowrap }

.block-menu div.vertical .menuElement { min-height:19px; color:#888888; text-align:center; }
.block-menu div.vertical .menuElement a { display:block; text-align:center; padding:1px 0; text-decoration:none; color:#888888; font-size:13px; white-space:nowrap; text-transform:uppercase }
.block-menu div.vertical .menuElement a:hover { text-decoration:none }
.block-menu div.vertical .menuElement a.active { text-decoration:underline }
.block-menu div.vertical .menuElement a.inactive {}
.block-menu div.vertical .menuElement a.inactive:hover {}
.block-menu div.vertical .menuElement div.menuColor { display:block; margin-top:2px; padding:2px }
.block-menu div.vertical .menuSplitter { display:block; background:url('../images/bg/splitter_menu_8x20.png') no-repeat center ; width:300px; height:20px; }

.block-flush-elem { margin-bottom:14px; }
.block-flush-elem-main { padding:14px 14px 10px; }
.block-flush-elem-slider { margin-bottom:10px; }
.block-flush-elem-title { background:url('../images/bg/titre_box_bg.png') no-repeat left bottom; font-size:17px; font-style:italic; font-family:Georgia; margin-bottom:8px; color:#000000;min-height:20px; padding-bottom:10px; }
.block-flush-elem-title a { display:block; background:url('../images/icones/ico_lnk_box.png') no-repeat right; color:#000000;  min-height:20px;}
.block-flush-elem-content {  }
.block-flush-elem-lnk { display:block; }
.block-flush-elem-lnk a { display:block; background:url('../images/icones/ico_lnk_box.png') no-repeat right; height:20px; }


.block-flush-newsletter { margin-bottom:14px; }
.block-flush-newsletter-main { padding:14px 14px 10px; background-color:white; }
.block-flush-newsletter-title { background:url('../images/bg/titre_box_bg.png') no-repeat left bottom; font-size:17px; font-style:italic; font-family:Georgia; margin-bottom:14px; min-height:20px; color:#000000; padding-bottom:10px; }
.block-flush-newsletter-content {  }
.block-flush-newsletter-desinscription a{ font-size:10px; color:grey; text-decoration:none; float:right; }
.block-flush-newsletter-desinscription a:hover{ color:grey; text-decoration:underline;  }

.block-flush-news-elem { margin-bottom:14px; box-shadow:3px 3px 3px #cccccc; background:#ffffff url('../images/bg/news_bg.png') no-repeat; min-height:137px; _height:137px; }

.block-flush-news-elem-date-1 { float:left; margin-top:28px; margin-left:14px; font-weight:bold; font-size:14px; color:#626262; }
.block-flush-news-elem-content-1 { margin-left:60px; margin-top:10px; font-size:13px; font-style:italic; font-family:georgia; padding:0 14px 0 0; }
.block-flush-news-elem-content-1 a { text-decoration:none; color:#444444; }

.news-ticker { height: 115px; overflow: hidden; margin: 0; padding: 0; list-style: none; }
.news-ticker li { padding-bottom: 20px; }


.block-flush-news-elem-date { position:absolute; margin-top:40px; margin-left:14px; font-weight:bold; font-size:14px; color:#626262; }
.block-flush-news-elem-content { position:absolute; margin-left:60px; margin-top:10px; font-size:13px; font-style:italic; font-family:georgia; padding:0 14px 0 0; }
.block-flush-news-elem-content a { text-decoration:none; color:#444444; }

#main-central { width:97% !important; margin-top:20px; }
.block-main-elem { margin-bottom:14px; }
.block-main-elem-slider {  }
.block-main-elem-title {   }
.block-main-elem-title-right { background:url('../images/bg/titre_box_bg.png') no-repeat left bottom; color:#444444; text-align:left; font-size:17px; font-weight:bold; font-style:italic; font-family:Georgia; margin-bottom:14px; padding-bottom:10px;  min-height:20px;  }
.block-main-elem-title-left { background:url('../images/bg/titre_box_bg.png') no-repeat right bottom; color:#444444; text-align:right; font-size:17px; font-weight:bold; font-style:italic; font-family:Georgia; margin-bottom:14px; padding-bottom:10px; min-height:20px;  }
.block-main-elem-content {  }
.block-main-elem-right-zone { float:right; width:49% }
.block-main-elem-left-zone { float:left; width:49% }
.block-main-elem-menu { margin-bottom:14px; }
.block-main-elem-menu-left { float:left; }
.block-main-elem-menu-right { float:right; }
.block-main-elem-pdf { background:url('../images/icones/ico_pdf.png')top left no-repeat; padding-left: 12px; padding-bottom:5px; color:#444444; text-decoration:none; margin:auto; }
.block-main-elem-pdf input[type=submit] {box-shadow:0px 0px 0px 0px black;  cursor:pointer; border: none; background:none; color:#444444;  }


.block-col-elem { background:#ffffff; margin-bottom:14px; box-shadow:3px 3px 3px #cccccc; padding:14px; }
.block-col-elem-slider { margin-bottom:10px;  }
.block-col-elem-title { background:url('../images/bg/titre_box_bg.png') no-repeat left bottom; color:#444444; font-size:14px; font-style:italic; font-family:Georgia; min-height:20px; padding-bottom:10px;   }
.block-col-elem-title a { color:#444444; }
.block-col-elem-title a:hover {  }
.block-col-elem-content { margin-top:10px; }

.block-newsP-elem { margin-bottom:14px; width:490px; height:230px;}
.block-newsP-info { float:left; width:30px; padding-top:10px; }
.block-newsP-date { font-weight:bold;  font-size:15px; padding:0 4px; text-align:center; color:#626262; }
.block-newsP-date-border { border-bottom:1px solid #626262 }
.block-newsP-main {  margin-bottom:14px; float:right; width:432px; height:200px; background:#ffffff; padding:14px; box-shadow:3px 3px 3px #cccccc; }
.block-newsP-slider { float:left; width:220px; }
.block-newsP-content { float:right; width:200px; }
.block-newsP-title { color:#444444; text-align:left; font-size:15px; font-weight:bold; font-family:Georgia; margin-bottom:14px; min-height:25px; }
.block-newsP-title a { color:#444444; text-decoration:none; }
.block-newsP-excerpt { font-family: trebuchet ms,helvetica,sans-serif;  font-size:12px; margin-bottom:10px; font-style:italic; font-weight:bold; }
.block-newsP-title a:hover{ text-decoration:none; }
.block-newsP-link a { color:#444444; font-style:italic;  font-size:12px; font-family: trebuchet ms,helvetica,sans-serif;  }
.block-newsP-link a:hover{ text-decoration:underline;  font-size:12px; font-family: trebuchet ms,helvetica,sans-serif; }

.block-news-elem { margin-bottom:14px; }
.block-news-info { float:left; width:30px; padding-top:10px; }
.block-news-date { font-weight:bold; font-size:15px; padding:0 4px; text-align:center; color:#626262; }
.block-news-date-border { border-bottom:1px solid #626262 }
.block-news-main { float:right; width:942px; background:#ffffff; padding:14px; box-shadow:3px 3px 3px #cccccc; }
.block-news-slider { float:left; width:560px; }
.block-news-content { float:right; width:382px; }
.block-news-title { color:#444444; text-align:left; font-size:20px; font-weight:bold; font-family:Georgia; margin-bottom:14px; min-height:25px; }
.block-news-excerpt { font-size:12px; margin-bottom:10px; font-style:italic; font-weight:bold; }
.block-news-text { font-size:12px; }
.block-news-text a{ text-decoration:none; font-style:italic; color:#444444;}
.block-news-text a:hover { text-decoration:underline; color:#444444;}
.block-news-link a { color:#444444; font-style:italic;  font-size:12px; }
.block-news-link a:hover{ text-decoration:underline;  font-size:12px;}



.block-phototheque-content{display:block;}
.block-phototheque {background:#ffffff; margin-bottom:14px; overflow:hidden; }
.block-phototheque-content { width:200px; height:180px; margin-bottom:14px; box-shadow:3px 3px 3px #cccccc; overflow:hidden; }
.block-phototheque-title { width:820px;  background:url('../images/bg/titre_box_bg.png') no-repeat left bottom; color:#444444; font-size:17px; font-style:italic; font-weight:bold; font-family:Georgia;margin-bottom:14px; min-height:20px; padding-bottom:10px;  }
.block-phototheque-titleP {color:#444444; font-size:10px; font-style:italic; font-weight:bold; font-family:Georgia; margin-bottom:7px; margin-top:7px;margin-left:10px; padding-bottom:6px; height:20px;  }
.block-phototheque-titleFond { background:url('../images/bg/titre_box_bg.png') no-repeat left bottom;  padding-bottom:6px; }
.block-phototheque-main{ height:100px; width:100px; margin-top:10px; margin-left:5px; float:left; overflow:hidden; }
.block-phototheque-link{ padding:5px; width:70px; float:right; text-align:center;}
.block-phototheque-link a{ color:#444444; text-decoration:none; }
.block-phototheque-link a:hover {color:#444444; text-decoration:underline;  }
.block-phototheque-copy { padding-left:10px; padding-bottom:10px;}

.block-phototheque #screenshot{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
.block-phototheque p{
clear:both;
margin:0;
padding:.5em 0;
}
.block-phototheque pre{
display:block;
font:100% "Courier New", Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;
margin:.5em 0;
overflow:auto;
width:800px;
}

.block-presse-content{display:block;}
.block-presse {background:#ffffff; margin-bottom:14px; overflow:hidden; }
.block-presse-content {padding:7px; width:255px; height:265px; margin-bottom:14px; box-shadow:3px 3px 3px #cccccc; overflow:hidden; }
.block-presse-title { width:820px;  background:url('../images/bg/titre_box_bg.png') no-repeat left bottom; color:#444444; font-size:17px; font-style:italic; font-weight:bold; font-family:Georgia; margin-bottom:14px; min-height:20px; padding-bottom:10px;  }
.block-presse-titleP {color:#444444; font-size:10px; font-style:italic; font-weight:bold; font-family:Georgia; padding-bottom:6px; height:20px;  }
.block-presse-titleFond { background:url('../images/bg/titre_box_bg.png') no-repeat left bottom;  padding-bottom:6px; }
.block-presse-main{ height:190px; width:190px; margin:auto; overflow:hidden; }
.block-presse-content a{ background:url('../images/icones/ico_pdf.png')top left no-repeat; padding-left: 25px; padding-bottom:5px; color:#444444; text-decoration:none; margin:auto; }
.block-presse-content a:hover {color:#444444; text-decoration:underline;  }


.block-formulaire-elem { margin-bottom:14px; box-shadow:3px 3px 3px #cccccc;}
.block-formulaire-main { background:#ffffff; padding:14px;  }
.block-formulaire-title {background:url('../images/bg/titre_box_bg.png') no-repeat left bottom; color:#444444; font-size:17px; font-style:italic; font-weight:bold; font-family:Georgia; min-height:20px; padding-bottom:10px;  }
.block-formulaire-text { font-size:12px; margin-left:30px; }
.block-formulaire-text table{ margin-right:20px; margin-left:20px; border:none; }
.block-formulaire-text table th{ padding-right:20px; text-align:right; }
.block-formulaire-text a{ text-decoration:none; color:#444444;}
.block-formulaire-text a:hover{ text-decoration:underline;}
.block-formulaire-text .buttonForm{margin:auto; text-align:center; width:80%}
.block-formulaire-text .etoile { color:red; }

.block-planning  { width:100%; background:#f2f2f2; padding-left:0px; padding-right:0px; padding-bottom:20px; overflow:hidden;}

.block-planning th.fonce{  background-color: #736357;  }
.block-planning th.clair{  background-color:#998675;  }

.ui-dialog { width:50% !important; top:100px !important; left:25% !important; }

div.evt_complet{ padding:1px; color:white; width:100%;  font-size:9px;   }
div.evt_complet_upd{ padding:1px; color:white;  width:100%;    background: url('../images/icones/ico_arrow_breadcrumb.png')95% 4px no-repeat; font-size:9px; }
div.evt_dispo_add{ padding:1px; color:white; width:100%; background:  url('../images/icones/ico_add.png')95% 4px no-repeat; font-size:9px; height:42px;}
div.evt_dispo{ padding:1px; color:white; width:100%;   font-size:9px;}
div.evt_dispo_upd{ padding:1px; color:white; width:100%;  background: url('../images/icones/ico_arrow_breadcrumb.png')93% 4px no-repeat; font-size:9px;}
div.evt_new{ padding:1px; background: url('../images/icones/ico_add.png')95% 4px no-repeat; width:100%; font-size:9px; height:42px;}
div.same_hour{ padding:1px; width:100%; font-size:9px; text-align:center; height:42px; }
.block-planning .date-block { width:520px; height:50px; text-align : center; margin:auto; margin-left:390px; padding-top:5px;  }
.block-planning .date-today { position:absolute; margin-left:575px; margin-top:-28px; }
.block-planning .date { display:inline-block; font-size:14px; margin:auto; font-weight:bold;  text-align:center; width:240px;  background:-webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(237,237,237)), color-stop(0, rgb(196,196,196)) ); background:-moz-linear-gradient(center top , rgb(237, 237, 237), rgb(196, 196, 196)) repeat scroll 0% 0% transparent;  min-height:25px; padding : 5px; margin:auto; font-family :quicksand_book, trebuchet ms,helvetica,sans-serif; }
.block-planning .link-date { display:inline-block; width:120px; margin:auto; padding:5px; text-transform:uppercase;}
.block-planning .link-date a, .block-planning .link-date a:hover{color:#4D4D4D; text-decoration:none; font-size:12px; margin-bottom:5px; }

a div.arrow_right{float:right; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;height:20px; width:130px; margin-right:5px; margin-bottom:2px; text-align:center; font-size:14px; background:-webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(237,237,237)), color-stop(0, rgb(196,196,196)) ); background:-moz-linear-gradient(center top , rgb(237, 237, 237), rgb(196, 196, 196)) repeat scroll 0% 0% transparent; color:rgb(77, 77, 77); padding:2px; }
a div.arrow_left{ float:left; border-radius:10px; height:20px; width:130px; margin-bottom:2px; margin-left:0px; text-align:center; font-size:14px; background:-webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(237,237,237)), color-stop(0, rgb(196,196,196)) ); background:-moz-linear-gradient(center top , rgb(237, 237, 237), rgb(196, 196, 196)) repeat scroll 0% 0% transparent; color:rgb(77, 77, 77); padding:2px; }

div.arrow_right_empty{float:right; height:20px; width:40px; margin-right:20px; margin-bottom:10px;  }
div.arrow_left_empty{ float:left; height:20px; width:40px; margin-bottom:10px; margin-left:320px;  }

a.hoverEleve:hover { border-bottom:1px gray dotted; }

/*--------------------------------------------- */

/* Common
----------------------------------------------- */
div.msg { font-size:11px; border:1px solid #ccc; background:#fff; padding:10px }

div.lnk_page { background:#fff; margin-top:20px; border:1px solid #ccc; text-align:center; padding:5px }

div.no_result{ margin-left:10px; margin-top:10px; font-size:12px; font-weight:bold; background:url('../images/icones/warningS.png') no-repeat; padding-left:20px }

span.required { font-size:12px; padding-left:5px; color:#e00; font-weight:bold }

div.error_message { color:#900; margin-bottom:10px }
div.error_message div.error_title { font-size:12px; font-weight:bold; text-decoration:underline; margin-bottom:5px }
div.error_message li { margin-left:10px }
/*--------------------------------------------- */

/* DEBUG
----------------------------------------------- */
#debug { position: absolute; top: 0; width: 100%; height: 4px; background: #d99; z-index:12000 }
#debug div { display: none; padding: 3px 0.5em 2px }
#debug p { margin : 0.5em 0 }
#debug:hover { height: auto }
#debug:hover div { display: block }
/*--------------------------------------------- */

/* News
----------------------------------------------- */
.news-line { margin-bottom:15px; margin-right:10px; padding:10px; background:#efefef; border:1px solid #ccc }
.news-content {  }
.news-tbn { float:left; margin-right:10px; margin-bottom:10px }
.news-head-title { font-size:18px; color:#555; margin-bottom:5px }
.news-head-title a { color:#555 }
.news-title { font-size:14px; color:#555; margin-bottom:3px }
.news-title a { color:#555 }
.news-subtitle { font-size:12px; color:#999  }
.news-desc { text-align:justify; color:#666; font-size:12px; margin-top:10px }
.news-desc a {  }
.news-file { margin-top:15px }
.news-file a { background:url('../images/icones/ico_download.png') no-repeat; padding:2px 0 5px 20px; font-style:italic; color:#333 }
.news-footer { margin-top:15px; font-size:12px; color:#444 }
.news-footer a { color:#444 }
.news-splitter { height:1px; border:none; border-bottom:1px solid #ccc; margin:10px 0 5px }

.block-mosaic-elem {margin-bottom:14px; }
/*area.cube-mosaic {background-url:black;}
area.cube-mosaic:hover{background-color:none;}*/

div.block-mosaic-elem  a .cube-mosaic { background-color:#000000;  z-index:1;position:absolute; width:100px; height:100px;}
.block-mosaic-elem  a:hover .cube-mosaic {background:none;}
.image-ticker { height: 600px; overflow: hidden; margin: 0; padding: 0; list-style: none; }
.image-ticker li { padding-bottom: 20px; }


.form-block {  }
.form-block-title {padding:2px; color:#858588; text-transform:uppercase}
.form-block-content {padding:10px}
/*--------------------------------------------- */

/* Reset de mise en forme
----------------------------------------------- */
.no-margin { margin:0 }
.no-padding { padding:0 }
.no-border { border:none }
.no-background { background:none }
/*--------------------------------------------- */


/* Responsive
----------------------------------------------- */

/*
 -----------------------------------------------------
 * Font style
 -----------------------------------------------------
 */
/* Bubbler One */
@font-face {
    font-family: 'bubbler_one';
    src: url('fonts/bubblerone/bubblerone-regular-webfont.eot');
    src: url('fonts/bubblerone/bubblerone-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/bubblerone/bubblerone-regular-webfont.woff2') format('woff2'),
    url('fonts/bubblerone/bubblerone-regular-webfont.woff') format('woff'),
    url('fonts/bubblerone/bubblerone-regular-webfont.ttf') format('truetype'),
    url('fonts/bubblerone/bubblerone-regular-webfont.svg#bubbler_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Abel */
@font-face {
    font-family: 'abelregular';
    src: url('fonts/abel/abel-regular-webfont.eot');
    src: url('fonts/abel/abel-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/abel/abel-regular-webfont.woff2') format('woff2'),
    url('fonts/abel/abel-regular-webfont.woff') format('woff'),
    url('fonts/abel/abel-regular-webfont.ttf') format('truetype'),
    url('fonts/abel/abel-regular-webfont.svg#abelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Dosis */
@font-face {
    font-family: 'dosisbold';
    src: url('fonts/dosis/dosis-bold-webfont.eot');
    src: url('fonts/dosis/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dosis/dosis-bold-webfont.woff2') format('woff2'),
    url('fonts/dosis/dosis-bold-webfont.woff') format('woff'),
    url('fonts/dosis/dosis-bold-webfont.ttf') format('truetype'),
    url('fonts/dosis/dosis-bold-webfont.svg#dosisbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dosisextrabold';
    src: url('fonts/dosis/dosis-extrabold-webfont.eot');
    src: url('fonts/dosis/dosis-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dosis/dosis-extrabold-webfont.woff2') format('woff2'),
    url('fonts/dosis/dosis-extrabold-webfont.woff') format('woff'),
    url('fonts/dosis/dosis-extrabold-webfont.ttf') format('truetype'),
    url('fonts/dosis/dosis-extrabold-webfont.svg#dosisextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dosisextralight';
    src: url('fonts/dosis/dosis-extralight-webfont.eot');
    src: url('fonts/dosis/dosis-extralight-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dosis/dosis-extralight-webfont.woff2') format('woff2'),
    url('fonts/dosis/dosis-extralight-webfont.woff') format('woff'),
    url('fonts/dosis/dosis-extralight-webfont.ttf') format('truetype'),
    url('fonts/dosis/dosis-extralight-webfont.svg#dosisextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dosislight';
    src: url('fonts/dosis/dosis-light-webfont.eot');
    src: url('fonts/dosis/dosis-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dosis/dosis-light-webfont.woff2') format('woff2'),
    url('fonts/dosis/dosis-light-webfont.woff') format('woff'),
    url('fonts/dosis/dosis-light-webfont.ttf') format('truetype'),
    url('fonts/dosis/dosis-light-webfont.svg#dosislight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dosismedium';
    src: url('fonts/dosis/dosis-medium-webfont.eot');
    src: url('fonts/dosis/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dosis/dosis-medium-webfont.woff2') format('woff2'),
    url('fonts/dosis/dosis-medium-webfont.woff') format('woff'),
    url('fonts/dosis/dosis-medium-webfont.ttf') format('truetype'),
    url('fonts/dosis/dosis-medium-webfont.svg#dosismedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dosisregular';
    src: url('fonts/dosis/dosis-regular-webfont.eot');
    src: url('fonts/dosis/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dosis/dosis-regular-webfont.woff2') format('woff2'),
    url('fonts/dosis/dosis-regular-webfont.woff') format('woff'),
    url('fonts/dosis/dosis-regular-webfont.ttf') format('truetype'),
    url('fonts/dosis/dosis-regular-webfont.svg#dosisregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dosissemibold';
    src: url('fonts/dosis/dosis-semibold-webfont.eot');
    src: url('fonts/dosis/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dosis/dosis-semibold-webfont.woff2') format('woff2'),
    url('fonts/dosis/dosis-semibold-webfont.woff') format('woff'),
    url('fonts/dosis/dosis-semibold-webfont.ttf') format('truetype'),
    url('fonts/dosis/dosis-semibold-webfont.svg#dosissemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Open-Sans */
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans/opensans-bold-webfont.eot');
    src: url('fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans/opensans-bold-webfont.woff2') format('woff2'),
    url('fonts/opensans/opensans-bold-webfont.woff') format('woff'),
    url('fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
    url('fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensans/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans/opensans-bolditalic-webfont.woff2') format('woff2'),
    url('fonts/opensans/opensans-bolditalic-webfont.woff') format('woff'),
    url('fonts/opensans/opensans-bolditalic-webfont.ttf') format('truetype'),
    url('fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans/opensans-extrabold-webfont.woff2') format('woff2'),
    url('fonts/opensans/opensans-extrabold-webfont.woff') format('woff'),
    url('fonts/opensans/opensans-extrabold-webfont.ttf') format('truetype'),
    url('fonts/opensans/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fonts/opensans/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans/opensans-extrabolditalic-webfont.woff2') format('woff2'),
    url('fonts/opensans/opensans-extrabolditalic-webfont.woff') format('woff'),
    url('fonts/opensans/opensans-extrabolditalic-webfont.ttf') format('truetype'),
    url('fonts/opensans/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans/opensans-italic-webfont.eot');
    src: url('fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans/opensans-italic-webfont.woff2') format('woff2'),
    url('fonts/opensans/opensans-italic-webfont.woff') format('woff'),
    url('fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),
    url('fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans/opensans-light-webfont.eot');
    src: url('fonts/opensans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans/opensans-light-webfont.woff2') format('woff2'),
    url('fonts/opensans/opensans-light-webfont.woff') format('woff'),
    url('fonts/opensans/opensans-light-webfont.ttf') format('truetype'),
    url('fonts/opensans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans/opensans-lightitalic-webfont.woff2') format('woff2'),
    url('fonts/opensans/opensans-lightitalic-webfont.woff') format('woff'),
    url('fonts/opensans/opensans-lightitalic-webfont.ttf') format('truetype'),
    url('fonts/opensans/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans/opensans-regular-webfont.eot');
    src: url('fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
    url('fonts/opensans/opensans-regular-webfont.woff') format('woff'),
    url('fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
    url('fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans/opensans-semibold-webfont.eot');
    src: url('fonts/opensans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans/opensans-semibold-webfont.woff2') format('woff2'),
    url('fonts/opensans/opensans-semibold-webfont.woff') format('woff'),
    url('fonts/opensans/opensans-semibold-webfont.ttf') format('truetype'),
    url('fonts/opensans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/opensans/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans/opensans-semibolditalic-webfont.woff2') format('woff2'),
    url('fonts/opensans/opensans-semibolditalic-webfont.woff') format('woff'),
    url('fonts/opensans/opensans-semibolditalic-webfont.ttf') format('truetype'),
    url('fonts/opensans/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: "open_sanslight";
}
/* LOADING */
#r-loading { position:fixed; z-index:999; top:0px; left:0px; width:100%; height:100%; background:black; }
#r-loading #r-loading-display { margin-top:25%; background:transparent; text-align:center; color:#3fa9f5; }
#r-loading #r-loading-display #r-loading-str { display:none; margin-top:25%; background:transparent; text-align:center; color:#3fa9f5; font-size:26px; }
#r-loading #r-loading-display i { margin-right:10px; }
/* BCK */
#r-bck { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; background-position: top left; }
/* MENU */
.r-menu { position:fixed; z-index:99; width:100%; height:60px; }
.r-menu .r-mask { height:60px; display:none; background:black; /*opacity: 0.75; filter:alpha(opacity=75);*/ }
.r-menu .r-content { background:black; top:0px; width:100%; height:60px; padding:12px; }
.r-menu .r-content .r-content-title { float:left; }
.r-menu .r-content .r-content-title .r-menu-golf-brand { color:white; font-family: "dosisregular"; font-size:24px; margin-right:10px; }
.r-menu .r-content .r-content-title .r-menu-golf-name { color:#399f85; font-family: "abelregular"; font-size:20px; font-weight:200; }
.r-menu .r-content .r-content-account { position:fixed; top:12px; right:0px; margin-top:4px; margin-right:15px; color:white; cursor:pointer; }
.r-menu .r-content .r-content-account i { color:white; }
/* MENU - Account */
.r-account { display:none; float:none; position:absolute; top:60px; right:0px; padding:15px; background:black; color:white; }
.r-account .r-account-block { }
/* MENU - Account - Identity */
.r-account .r-account-block .r-identity {  }
.r-account .r-account-block .r-identity .r-identity-title { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid white; font-family:"dosisregular"; font-size:18px; }
.r-account .r-account-block .r-identity .r-identity-block { margin-bottom:15px; }
.r-account .r-account-block .r-identity .r-identity-block .r-identity-info { font-family:"dosisregular"; font-size:16px; }
.r-account .r-account-block .r-identity .r-identity-block .r-identity-level {  }
/* MENU - Account - Formulas */
.r-account .r-account-block .r-formulas {  }
.r-account .r-account-block .r-formulas .r-formulas-title { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid white; font-family:"dosisregular"; font-size:18px; }
.r-account .r-account-block .r-formulas .r-formula-block {  }
.r-account .r-account-block .r-formulas .r-formula-block .r-formula-info { float:left; height:30px; padding-top:4px; font-family:"dosisregular"; font-size:16px; }
.r-account .r-account-block .r-formulas .r-formula-block .r-formula-info .r-formula-info-date { font-family:"open_sanslight"; font-size:14px; }
.r-account .r-account-block .r-formulas .r-formula-block .r-formula-info .r-formula-info-time {  }
.r-account .r-account-block .r-formulas .r-formula-block .r-formula-price { float:right; height:30px; font-family:"dosisregular"; font-size:18px; }
.r-account .r-account-block .r-formulas .r-formula-block .r-formula-price img { height:15px; margin-left:5px; }
/* CONTAINER */
.container-fluid {  }
.container-fluid .r-container.r-core { padding-top:75px; }
.container-fluid .r-container.r-accueil {  }
.container-fluid .r-container.r-auth { padding-top:75px; }
/* GOLFS LIST */
.r-golf-list {  }
/* GOLFS LIST - Header Logo */
.r-golf-list .r-header-logo { margin-bottom:15px; }
.r-golf-list .r-header-logo .r-content  { position:absolute; top:0px; width:100%; padding:20px; }
.r-golf-list .r-header-logo .r-mask { padding:20px; background:white; /*opacity: 0.50; filter:alpha(opacity=50);*/ }
.r-golf-list .r-header-logo .r-list-block { text-align:center; }
.r-golf-list .r-header-logo .r-list-block img { width:171px; }
/* GOLFS LIST - Col List */
.r-golf-list .r-list-col { margin-bottom:15px; padding:0px; }
/* GOLFS LIST - Col List - Title */
.r-golf-list .r-list-col .r-list-col-title { margin-bottom:15px; padding:0px;  }
.r-golf-list .r-list-col .r-list-col-title .r-content { position:absolute; top:0px; width:100%; padding:20px; }
.r-golf-list .r-list-col .r-list-col-title .r-mask { position:absolute; top:0px; left:15px; width:100%; background:#399f85; opacity: 0.20; filter:alpha(opacity=20); }
.r-golf-list .r-list-col .r-list-col-title .r-list-brand-name { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; background-position:center center; background-repeat: no-repeat; height:101px; font-size:18px; font-weight:bold; }
.r-golf-list .r-list-col .r-list-col-title .r-list-brand-name.r-brand-1 { background-image:url('/themes/golf/images/logo/brand/160828_NGF_RESP_LOGO_EXCLUSIV_600.png'); }
.r-golf-list .r-list-col .r-list-col-title .r-list-brand-name.r-brand-2 { background-image:url('/themes/golf/images/logo/brand/160828_NGF_RESP_LOGO_GARDEN_600.png'); }
.r-golf-list .r-list-col .r-list-col-title .r-list-brand-name.r-brand-3 { background-image:url('/themes/golf/images/logo/brand/160828_NGF_RESP_LOGO_DAILY_600.png'); }
/* GOLFS LIST - Col List - Content */
.r-golf-list .r-list-col .r-list-col-content { }
.r-golf-list .r-list-col .r-list-col-content .r-content { position:absolute; top:0px; width:100%; padding:20px; }
.r-golf-list .r-list-col .r-list-col-content .r-mask { padding:20px; background:black; opacity: 0.75; filter:alpha(opacity=75); }
/* GOLFS LIST - Col List - Block */
.r-golf-list .r-list-col .r-list-block {  }
.r-golf-list .r-list-col .r-list-block .r-list-brand-name { height:101px; font-size:18px; font-weight:bold; }
.r-golf-list .r-list-col .r-list-block .r-list-brand-name img { width:151px; }
.r-golf-list .r-list-col .r-list-block .r-list-golf-name { margin-bottom:5px; }
.r-golf-list .r-list-col .r-list-block .r-list-golf-name a { margin-bottom:5px; color:#399f85; font-size:16px; }
/* LOGIN & INIT & RESET */
.r-login, .r-init, .r-reset { margin-bottom:10px; padding:20px; }
.r-login .r-mask, .r-init .r-mask, .r-reset .r-mask { padding:20px; opacity: 0.75; filter:alpha(opacity=75); }
.r-login .r-content, .r-init .r-content, .r-reset .r-content { position:absolute; top:20px; width:100%; padding:20px; }
.r-login .form-group label, .r-reset .form-group label, .r-init .form-group label { color:white; font-family:"abelregular"; font-size:16px; font-weight:200; }
.r-login .form-group .input-group-addon, .r-reset .form-group .input-group-addon, .r-init .form-group .input-group-addon { background:transparent; color:white; }
.r-login .form-control, .r-reset .form-control, .r-init .form-control { background:transparent; color:white; font-family:"open_sanslight"; }
.r-login .btn-pp, .r-reset .btn-pp, .r-init .btn-pp { background:transparent; border:1px white solid; color:white; font-family:"abelregular"; font-size:16px; }
.r-login .alert i, .r-init .alert i { margin-right:10px; }
/* LOGIN */
.r-login {  }
.r-login .r-mask { background:#004937; }
.r-login .r-login-desc, .r-init .r-init-desc-1, .r-init .r-init-desc-2 { color:white; font-family:"dosisregular"; }
.r-login .r-login-desc, .r-init .r-init-desc-1 { font-size:18px; }
.r-login .r-login-desc, .r-init .r-init-desc-2 { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid white; }
.r-login .r-link-pwd { margin-left:10px; color:white; }
/* RESET */
.r-reset { }
.r-reset .r-mask { background:#004937; }
.r-reset .r-content {  }
.r-reset .form-control option { background:#004937; }
.r-reset .r-reset-desc { font-size:18px; color:white; font-family:"dosisregular"; }
.r-reset .btn-pp {  }
.r-reset .alert { margin-top:10px; }
/* INIT */
.r-init {  }
.r-init .r-mask { background:#003637; }
/* INIT - form */
.r-init .r-init-form { margin-bottom:10px; }
.r-init .r-init-form .form-control option { background:black; font-family:"open_sanslight"; font-size:14px; }
/* INIT - Lessons list */
.r-init-list { height:400px; overflow:auto; }
/* INIT - Lessons */
.r-init-list .r-lesson { color:white; margin-bottom:10px; }
.r-init-list .r-lesson .r-lesson-date { padding-bottom:5px; border-bottom:1px white solid; margin-bottom:10px; }
.r-init-list .r-lesson .r-lesson-date span { margin-right:5px; }
.r-init-list .r-lesson .r-lesson-date .r-date-day { font-size:18px; }
.r-init-list .r-lesson .r-lesson-date .r-date-month { font-size:16px;  }
.r-init-list .r-lesson .r-lesson-date .r-date-year { font-weight:bold; }
.r-init-list .r-lesson .r-lesson-block { height:100px; }
.r-init-list .r-lesson .r-lesson-block .r-block-color, .r-init-list .r-lesson .r-lesson-block .r-block-info, .r-init-list .r-lesson .r-lesson-block .r-block-pro {  }
.r-init-list .r-lesson .r-lesson-block .r-block-color { padding:0px; height:100%; text-align: center; }
.r-init-list .r-lesson .r-lesson-block .r-block-color input[type=radio] { margin-top:10px; width:15px; height:15px; }
.r-init-list .r-lesson .r-lesson-block .r-block-color div { margin-top:5px; }
.r-init-list .r-lesson .r-lesson-block .r-block-info {  }
.r-init-list .r-lesson .r-lesson-block .r-block-info .r-info-title { font-family:"dosisregular"; font-size:18px; }
.r-init-list .r-lesson .r-lesson-block .r-block-info .r-info-hours { font-size:13px; }
.r-init-list .r-lesson .r-lesson-block .r-block-info .r-info-time { font-size:13px; }
.r-init-list .r-lesson .r-lesson-block .r-block-info .r-info-remaining { margin-top:15px; }
.r-init-list .r-lesson .r-lesson-block .r-block-info .r-info-remaining span { margin-right:10px; font-size:18px; }
.r-init-list .r-lesson .r-lesson-block .r-block-pro { width:24%; height:100%; overflow:hidden; padding-right:0px; }
.r-init-list .r-lesson .r-lesson-block .r-block-pro .r-pro-title { font-family:"dosisregular"; font-size:14px; }
.r-init-list .r-lesson .r-lesson-block .r-block-pro .r-pro-img { padding:5px 0px 0px 0px; overflow:hidden; }
.r-init-list .r-lesson .r-lesson-block .r-block-pro .r-pro-img img { width:100%; margin-top:-15%;  }
/* PUBLICITY */
.r-auth .r-publicity { color:white; margin-bottom:0px; display:none; }
.r-core .r-publicity { color:white; margin-bottom:15px; }
.r-core .r-publicity.r-students { display:none; }
.r-publicity .r-content { position:absolute; top:0px; padding:15px; width:100%; }
.r-publicity .r-mask { padding:15px; background:black; opacity: 0.50; filter:alpha(opacity=50); }
.r-publicity .r-publicity-block { color:white; padding:0px; }
.r-publicity .r-publicity-block div {  color:white; }
/* TOOLS */
.r-tools { color:white; padding:0px; }
.r-tools .r-content  { position:absolute; top:0px; width:100%; padding:15px; }
.r-tools .r-mask  { padding:15px; background:black; opacity: 0.50; filter:alpha(opacity=50); }
/* TOOLS - Copy */
.r-tools .r-copy  { margin-bottom:15px; }
.r-tools .r-copy .copyThatDay { cursor:pointer; }
.r-tools .r-copy .copyThatDay i { margin-right:10px; }
/* TOOLS - Calendar */
.r-tools .r-calendar  { margin-bottom:15px; }
.r-tools .r-calendar  .r-content  { overflow:hidden; }
.r-tools .r-calendar .hasDatepicker { padding-bottom:20px; }
.r-tools .r-calendar .ui-widget { font-family:"open_sanslight" }
.r-tools .r-calendar .ui-widget-header { background:transparent; }
.r-tools .r-calendar .ui-widget-content { background:transparent; }
.r-tools .r-calendar .ui-datepicker { width:100%; }
.r-tools .r-calendar .ui-datepicker .ui-datepicker-header { border:none; }
.r-tools .r-calendar .ui-datepicker table { font-size:16px; }
.r-tools .r-calendar .ui-datepicker th { padding-bottom:4px; border:none; border-bottom:1px solid white; color:white; font-family:"dosisregular"; font-size:18px; font-weight:normal; }
.r-tools .r-calendar .ui-datepicker td { border:none; }
.r-tools .r-calendar .ui-datepicker .ui-state-default { color:white; border-radius:0px; }
.r-tools .r-calendar .ui-datepicker .ui-state-active { color:#399f85; background:transparent; border-style:solid; border-color:#399f85; }
.r-tools .r-calendar .ui-datepicker .emptyDate a { background:transparent; border:1px solid #FBAD54; color:#FBAD54;  }
.r-tools .r-calendar .ui-datepicker .specialDate a { background:transparent; border:1px solid #CCCCCC;  }
.r-tools .r-calendar .ui-datepicker .specialDateBis a { background:transparent; border:1px solid #3fa9f5; color:#3fa9f5; }
.r-tools .r-calendar .r-calendar-legend-title { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid white; font-family:"dosisregular"; font-size:18px; }
.r-tools .r-calendar .r-calendar-legend-today, .r-tools .r-calendar .r-calendar-legend-findLsn, .r-tools .r-calendar .r-calendar-legend-registerLsn { height:40px; }
.r-tools .r-calendar .r-calendar-legend-today div, .r-tools .r-calendar .r-calendar-legend-findLsn div, .r-tools .r-calendar .r-calendar-legend-registerLsn div { display:inline; padding:5px;  }
.r-tools .r-calendar .r-calendar-legend-today div { border:1px solid #399f85; color:#399f85; }
.r-tools .r-calendar .r-calendar-legend-findLsn div { border:1px solid #CCCCCC; color:#CCCCCC; }
.r-tools .r-calendar .r-calendar-legend-registerLsn div { border:1px solid #3fa9f5; color:#3fa9f5; }
/* TOOLS - Pubs */
.r-tools .r-pubs { margin-bottom:15px; }
.r-tools .r-pubs a {  }
.r-tools .r-pubs a img { width:50%; padding-left:10px; }
/* TOOLS - Notes */
.r-tools .r-notes { margin-bottom:15px; }
.r-tools .r-notes .r-notes-title { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid white; font-family:"dosisregular"; font-size:18px; }
.r-tools .r-notes .r-notes-content {  }
/* MODAL LOADER */
#r-modal-loading { display:none; background:black; margin-bottom:15px; padding:15px; }
#r-modal-loading #r-modal-loading-content { background:transparent; padding:6px 5px; border:1px solid #3fa9f5; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align:center; color:#3fa9f5; font-size:14px; }
/* HEADER */
.r-header { padding-right:0px; color:white; }
.r-header .r-content  { position:absolute; top:0px; width:100%; padding:20px; }
.r-header .r-mask  { padding:20px; background:#003637; opacity: 0.75; filter:alpha(opacity=75); }
/* HEADER - Date */
.r-header .r-date { margin-bottom:15px; }
.r-header .r-date .r-date-menu { position:absolute; left:15px; top:32%; cursor:pointer; }
.r-header .r-date .r-book-menu, .r-header .r-date .r-pro-menu { position:absolute; right:15px; top:33%; cursor:pointer; }
.r-header .r-date .r-date-display { padding:0px 25px; text-align:center; }
.r-header .r-date .r-date-display span { margin-right:5px; }
.r-header .r-date .r-date-display .r-date-title { margin-right:5px; font-family:"dosisregular"; font-size:18px; }
.r-header .r-date .r-date-display .r-date-sday { font-family:"dosisregular"; font-size:18px; color:white; }
.r-header .r-date .r-date-display .r-date-date { margin:0px; font-family:"dosisregular"; font-size:18px; color:white; }
/* PLANNING */
.r-planning { color:white; }
.r-planning .r-content  { position:absolute; top:0px; width:100%; padding:15px; }
.r-planning .r-mask  { padding:15px; background:#004937; opacity: 0.75; filter:alpha(opacity=75); }
/* PLANNING[Staff] */
.r-planning.r-staff { margin-bottom:15px; }
.r-planning.r-staff .r-mask  { opacity: 0.95; filter:alpha(opacity=95); }
/* PLANNING[Staff] - Hours */
.r-planning.r-staff .r-hours { display:inline-block; vertical-align:top; width:5%; }
.r-planning.r-staff .r-hours .r-hours-block:first-child { height:29px; }
.r-planning.r-staff .r-hours .r-hours-block { height:60px; padding:2px; border-bottom:1px solid gray; text-align:center; color:gray; }
/* PLANNING[Staff] - Lessons */
.r-planning.r-staff .r-lessons { display:inline-block; width:95%; vertical-align:top; padding-bottom:15px; }
/* PLANNING[Staff] - Lessons - Header Pro */
.r-planning.r-staff .r-lessons .r-lessons-colpro { display:inline-block; width:50%; vertical-align:top; border-right:1px dashed gray; }
.r-planning.r-staff .r-lessons .r-lessons-colpro:last-child { border-right:none; }
.r-planning.r-staff .r-lessons .r-lessons-colpro div {  }
.r-planning.r-staff .r-lessons .r-lessons-colpro a { color:white; }
.r-planning.r-staff .r-lessons .r-lessons-colpro a.modifier { height:100%; padding:0px; }
.r-planning.r-staff .r-lessons .r-lessons-colpro a:hover { color:gray; text-decoration:none; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-header { height:29px; border-bottom:1px solid gray; text-align:center; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-header .r-colpro-name { height:30px; font-size:18px; font-family: "dosisregular"; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-header .r-colpro-imgblock { width:60px; height:60px; margin-left:auto; margin-right:auto; overflow:hidden; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-header .r-colpro-imgblock img { width:60px; }
/* PLANNING[Staff] - Lessons - Block */
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson { border-bottom:1px solid gray;   }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block { height:100%; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block.r-back-close { text-align:center; padding:18px 0px; color:red; /*background:url('/includes/common/images/IMG_BLOCK_PLANNING_OCP.png') no-repeat 50% 50%;*/ }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block.r-back-break { text-align:center; padding:18px 0px; color:white; /*background:url('/includes/common/images/IMG_BLOCK_PLANNING_PSE.png') no-repeat 50% 50%;*/ }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block.r-back-open { text-align:center; padding:18px 0px; color:greenyellow; /*background:url('/includes/common/images/IMG_BLOCK_PLANNING_ADD3.png') no-repeat 50% 50%;*/ }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block.r-back-empty { text-align:center; padding:18px 0px; color:gray; /*background:url('/includes/common/images/IMG_BLOCK_PLANNING_EPY.png') no-repeat 50% 50%;*/ }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block.r-back-lesson { background:url('/includes/common/images/IMG_BLOCK_PLANNING_UPD.png') no-repeat 13% 14%; }

.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-color { height:100%; background:url('/includes/common/images/IMG_BLOCK_PLANNING_UPD.png') no-repeat 50% 6px; }

.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-info { height:100%; padding:3px 5px 0px 5px; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-info .r-info-title { font-family:"dosisregular"; font-size:14px; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-info .r-info-hours { font-size:12px; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-info .r-info-time { font-size:12px; }

.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-info .r-info-level { font-size:12px; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-info .r-info-level .r-level-name { display:inline-block; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-info .r-info-level .r-level-block { display:none; position:absolute; border:1px dashed white; margin-left:150px; margin-top:-100px; padding:10px;  }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-info .r-info-level .r-level-block .r-level-block-close { float:right; color:white; margin-top:-8px; font-size:15px; cursor:pointer; }

.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-info .r-info-theme { font-size:12px; }

.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-supp { padding:5px 5px 0px 0px; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-supp .r-supp-delete { color:red; text-align:right; font-size:15px; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-supp .r-supp-remaining { margin-top:5px; text-align:left; font-size:15px; }
.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-lesson-block .r-block-supp .r-supp-remaining img { width:8px; }

.r-planning.r-staff .r-lessons .r-lessons-colpro .r-colpro-lesson .r-block-students { display:none; position:absolute; z-index:10; width:46.5%; min-height:130px; padding:15px; font-size:12px; color:white;  }
/* PROS[Staff] - Header */
.r-pros .r-pros-header { margin-bottom:15px; }
.r-pros .r-pros-header .r-pros-header-display { padding:0px 25px; text-align:center; }
.r-pros .r-pros-header .r-pros-header-title { font-family:"dosisregular"; font-size:18px; }
/* PROS[Staff] - Pro */
.r-pros.r-staff .r-pro { margin-bottom:15px; }
.r-pros.r-staff .r-pro .r-pro-name { font-size:18px; text-align:center; }
/* PLANNING - Lessons */
.r-planning .r-lessons { margin-bottom:15px; }
.r-planning .r-lessons .r-lessons-hour { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid white; font-family:"dosisregular"; font-size:18px; text-align:center; }
.r-planning .r-lessons .r-lessons-empty { padding:10px 0px; border:1px solid #FBAD54; color:#FBAD54; text-align:center; }
.r-planning .r-lessons .r-lessons-list {  }
.r-planning .r-lessons .r-lessons-list a { color:white; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block { float:left; width:50%; margin-bottom:10px; padding:0px 15px 0px 15px; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-color, .r-planning .r-lessons .r-lesson-block .r-block-info, .r-planning .r-lessons .r-lesson-block .r-block-pro {  }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-color { height:100%; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info {  }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-title { font-family:"dosisregular"; font-size:18px; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-hours { font-size:13px; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-time { font-size:13px; }

.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-level { font-size:12px; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-level .r-level-name { display:inline-block; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-level .r-level-block { display:none; position:absolute; border:1px dashed white; margin-left:150px; margin-top:-100px; padding:10px;  }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-level .r-level-block .r-level-block-close { float:right; color:white; margin-top:-8px; font-size:15px; cursor:pointer; }

.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-theme { font-size:13px; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-remaining { margin-top:15px; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-remaining span { margin-right:10px; font-size:18px; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-status { float:right; height:40px; right:0px; margin-top:-40px; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info .r-info-status img { height:40px; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-pro { width:23%; height:100%; overflow:hidden; padding-right:0px; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-pro .r-pro-title { margin-bottom:5px; font-size:14px; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-pro .r-pro-img { padding:5px 0px 0px 0px; overflow:hidden; }
.r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-pro .r-pro-img img { width:100%; margin-top:-15%;  }
/* PROS */
.r-pros { overflow:auto; padding-left:0px; padding-right:10px; color:white;  }
.r-pros .r-content  { position:absolute; top:0px; width:100%; padding:15px; }
.r-pros .r-mask  { padding:15px; background:#003637; opacity: 0.75; filter:alpha(opacity=75); }
/* PROS - Header */
.r-pros .r-books-header { margin-bottom:15px; }
.r-pros .r-books-header .r-books-header-display { padding:0px 25px; text-align:center; }
.r-pros .r-books-header .r-books-header-title { font-family:"dosisregular"; font-size:18px; }
/* PROS - Books */
.r-pros .r-books { margin-bottom:15px; }
.r-pros .r-books .r-books-hour { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid white; font-family:"dosisregular"; font-size:18px; text-align:center; }
.r-pros .r-books .r-books-empty { padding:10px 0px; border:1px solid #FBAD54; color:#FBAD54; text-align:center; }
.r-pros .r-books .r-books-list {  }
.r-pros .r-books .r-books-list .r-book-block { float:left; width:50%; height:30px; margin-bottom:5px; padding:0px 15px;  }
.r-pros .r-books .r-books-list .r-book-block a { color:white; }
.r-pros .r-books .r-books-list .r-book-block .r-block-color, .r-pros .r-books .r-book-block .r-block-info, .r-pros .r-books .r-book-block .r-block-pro {  }
.r-pros .r-books .r-books-list .r-book-block .r-block-color { height:100%; text-align:center; padding:10px 0px 0px 0px; }
.r-pros .r-books .r-books-list .r-book-block .r-block-color i { color:#399f85; }
.r-pros .r-books .r-books-list .r-book-block .r-block-pro { height:100%; }
.r-pros .r-books .r-books-list .r-book-block .r-block-pro .r-pro-title { padding:6px 0px; color:#CCCCCC; }
/* MON COMPTE */
.r-myaccount { color:white; }
.r-myaccount .r-infosperso .r-content  { position:absolute; top:0px; width:100%; padding:15px; }
.r-myaccount .r-infosperso .r-mask  { padding:15px; background:#003637; opacity: 0.75; filter:alpha(opacity=75); }
.r-myaccount .r-infosperso {  }
/* INFOS - Title */
.r-myaccount .r-infosperso .r-infosperso-title { margin-bottom:10px; font-family:"dosisregular"; font-size:18px; text-align:center; text-transform:uppercase; }
/* INFOS - Form & Pwd */
.r-myaccount .r-infosperso .r-infosperso-form .r-form-title,
.r-myaccount .r-infosperso .r-infosperso-pwd .r-pwd-title { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid white; font-family:"dosisregular"; font-size:18px; }
/* INFOS - Common elem */
.r-myaccount .r-infosperso .alert { margin-top:15px; }
.r-myaccount .r-infosperso .btn-pp { background: transparent; border: 1px white solid; color: white; font-family:'abelregular'; font-size:16px; }
.r-myaccount .r-infosperso .form-group .form-control,
.r-myaccount .r-infosperso .form-group .input-group-addon { background:transparent; color:white; }
.r-myaccount .r-infosperso .form-group .form-control option { background:#003637; font-size:14px; }

/* INFOS - Form */
.r-myaccount .r-infosperso .r-infosperso-form { margin-bottom:10px; padding-left:0px; }
@media (max-width: 767px) {
    .r-myaccount .r-infosperso .r-infosperso-form { padding:0px; }
}
/* INFOS - Pwd */
.r-myaccount .r-infosperso .r-infosperso-pwd { margin-bottom:30px; padding-right:0px; }
@media (max-width: 767px) {
    .r-myaccount .r-infosperso .r-infosperso-pwd { padding:0px; }
}
/* INFOS - Datepicker */
#ui-datepicker-div.ui-widget { font-family:"open_sanslight" }
#ui-datepicker-div .ui-widget-header { background:black; }
#ui-datepicker-div.ui-widget-content { background:black; }
#ui-datepicker-div.ui-datepicker { width:300px; }
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month option,
#ui-datepicker-div.ui-datepicker select.ui-datepicker-year option,
#ui-datepicker-div.ui-datepicker select.ui-datepicker-year {
    background:black; font-size: 14px;
}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
#ui-datepicker-div.ui-datepicker select.ui-datepicker-year { border-radius:4px; padding:5px; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header { border:none; }
#ui-datepicker-div.ui-datepicker table { font-size:16px; }
#ui-datepicker-div.ui-datepicker th { padding-bottom:4px; border:none; border-bottom:1px solid white; color:white; font-family:"dosisregular"; font-size:18px; font-weight:normal; }
#ui-datepicker-div.ui-datepicker td { border:none; }
#ui-datepicker-div.ui-datepicker .ui-state-default { color:white; border-radius:0px; }
#ui-datepicker-div.ui-datepicker .ui-state-active { color:#399f85; background:transparent; border-style:solid; border-color:#399f85; }
#ui-datepicker-div.ui-datepicker .emptyDate a { background:transparent; border:1px solid #FBAD54; color:#FBAD54;  }
#ui-datepicker-div.ui-datepicker .specialDate a { background:transparent; border:1px solid #CCCCCC;  }
#ui-datepicker-div.ui-datepicker .specialDateBis a { background:transparent; border:1px solid #3fa9f5; color:#3fa9f5; }
/* LESSONS */
.r-myaccount { color:white; }
.r-myaccount .r-mylessons { display:none; }
.r-myaccount .r-menu-switch { float:right; font-size:20px; margin-top:3px; }
.r-myaccount .r-mylessons .r-content  { position:absolute; top:0px; width:100%; padding:15px; }
.r-myaccount .r-mylessons .r-mask  { padding:15px; background:#003637; opacity: 0.75; filter:alpha(opacity=75); }
/* LESSONS - Title */
.r-myaccount .r-mylessons .r-mylessons-title { margin-bottom:10px; font-family:"dosisregular"; font-size:18px; text-align:center; text-transform:uppercase; }
/* LESSONS - Block */
.r-myaccount .r-mylessons .r-mylessons-block { margin-bottom:10px; }
.r-myaccount .r-mylessons .r-mylessons-block .btn-pp { background: transparent; border: 1px white solid; color: white; font-family:'abelregular'; font-size:16px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-content-title { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid white; color:white; font-family:"dosisregular"; font-size:18px; }
/* LESSONS - Block - Lesson */
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block { float:left; width:33.33%; margin-bottom:10px; padding:0px 15px 0px 15px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-color, .r-planning .r-lessons .r-lesson-block .r-block-info, .r-planning .r-lessons .r-lesson-block .r-block-pro {  }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-color { height:100%; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info {  }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info a:hover { text-decoration:none; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info .r-content-title { color:gray; border-color:gray; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info .r-content-title.r-title-marg { margin-left:15px; margin-right:15px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info .r-info-title { font-family:"dosisregular"; font-size:18px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info .r-info-hours { font-size:13px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info .r-info-time { font-size:13px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info .r-info-level { font-size:13px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info .r-info-theme { font-size:13px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info .r-info-remaining { margin-top:15px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info .r-info-remaining span { margin-right:10px; font-size:18px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info .r-info-status { float:right; height:40px; right:0px; margin-top:-40px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-info .r-info-status img { height:40px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-pro { width:24%; height:100%; overflow:hidden; padding-right:0px; padding-left:0px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-pro .r-pro-title { margin-bottom:15px; padding-bottom:5px; font-size:18px; color:gray; border-bottom:1px solid gray; font-family:"dosisregular"; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-pro .r-pro-img { padding:5px 0px 0px 0px; overflow:hidden; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-pro .r-pro-img img { width:100%; margin-top:-15%;  }

.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-infosupp { font-family:'dosisregular'; font-size:14px; text-align: center; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-infosupp .r-infosupp-checkin { margin-bottom:5px; }
.r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block .r-block-infosupp .r-infosupp-note { margin-top:10px; margin-bottom:5px; }
/* MON COMPTE - Notes */
.r-myaccount .r-notes .r-content  { position:absolute; top:0px; width:100%; padding:15px; }
.r-myaccount .r-notes .r-mask  { padding:15px; background:#003637; opacity: 0.75; filter:alpha(opacity=75); }
/* NOTES - Title */
.r-myaccount .r-notes .r-notes-title { margin-bottom:10px; font-family:"dosisregular"; font-size:18px; text-align:center; text-transform:uppercase; }
/* NOTES - Block */
.r-myaccount .r-notes .r-notes-form { margin-bottom:10px; }
.r-myaccount .r-notes .r-notes-form .r-form-title { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid white; color:white; font-family:"dosisregular"; font-size:18px; }
.r-myaccount .r-notes .r-notes-form .r-form-note { }
.r-myaccount .r-notes .r-notes-form .r-form-comm { margin-top:30px; }
.r-myaccount .r-notes .r-notes-form .r-form-comm .form-control { background:transparent; color:white; }
.r-myaccount .r-notes .r-notes-form .btn-pp { background: transparent; border: 1px white solid; color: white; font-family:'abelregular'; font-size:16px; }

/*
 * HIGH RESOLUTION SCREEN - DESKTOPS
 */
@media (min-width: 1200px) {
    #r-bck {
        background-image:url('/themes/golf/images/bg/171207_BG_UGOLF_SP.jpg');
    }
}

/*
 * LOW RESOLUTION SCREEN - DESKTOPS
 */
@media (min-width: 992px) and (max-width: 1199px) {
    #r-bck {
        overflow:hidden;
        background-image: url('/themes/golf/images/bg/171207_BG_UGOLF_SP.jpg');
    }
    /* TOOLS */
    .r-tools { float:none; position:absolute; margin-left:-35%; }
    /* HEADER */
    .r-header { padding-left:0px; }
    /* PLANNING */
    .r-planning { padding-left:0px; }
    /* PLANNING - Lessons */
    .r-planning .r-lessons .r-lessons-list .r-lesson-block { width:100%; }
    .r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-pro { width:22%;  }
    /* MON COMPTE - Lesson Block */
    .r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block { width:50%; }
}
/*
 * ALL DESKTOP (COMMON)
 */
@media (min-width: 992px) {
}
/*
 * ALL MOBILES & TABLETS (COMMON)
 */
@media (max-width: 991px) {
    #r-bck {
        overflow:hidden;
        background-image: url('/themes/golf/images/bg/171207_BG_UGOLF_SP.jpg');/*160809_NGF_WEB_RESPONSIVE_800.jpg');*/
        /*background: linear-gradient(180deg, rgba(206,220,231,1), rgba(89,106,114,1));
        background-size: 300% 300%;

        -webkit-animation: AnimationName 16s ease infinite;
        -moz-animation: AnimationName 16s ease infinite;
        animation: AnimationName 16s ease infinite;*/
    }

    @-webkit-keyframes AnimationName {
        0%{background-position:49% 0%}
        50%{background-position:52% 100%}
        100%{background-position:49% 0%}
    }
    @-moz-keyframes AnimationName {
        0%{background-position:49% 0%}
        50%{background-position:52% 100%}
        100%{background-position:49% 0%}
    }
    @keyframes AnimationName {
        0%{background-position:49% 0%}
        50%{background-position:52% 100%}
        100%{background-position:49% 0%}
    }

    /* TOOLS */
    .r-tools { float:none; position:absolute; margin-left:-35%; }
    /* HEADER */
    .r-header { padding-left:0px; }
    /* PLANNING */
    .r-planning { padding-left:0px; }
    /* PLANNING - Lessons */
    .r-planning .r-lessons .r-lessons-list .r-lesson-block { width:100%; padding-right:10px; }
    .r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info { padding-left:5px; padding-right:5px; }
    .r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-pro { width:23%; padding-right:0px; }
    /* PROS */
    .r-pros { padding-right:0px; }
    /* PROS - Books */
    .r-pros .r-books .r-books-list .r-book-block { padding-right:0px; }
    .r-pros .r-books .r-books-list .r-book-block .r-block-color { padding-left:0px; padding-right:0px; }
    .r-pros .r-books .r-books-list .r-book-block .r-block-pro { padding-left:2px; padding-right:0px; }
    /* MON COMPTE - Lesson Block */
    .r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block { width:50%; }
}
/*
 * TABLETS LANDSCAPE & HD PHONES LANDSCAPE
 */
@media (min-width: 768px) and (max-width: 991px) {
    /* GOLFS LIST - Col List - Title */
    .r-golf-list .r-list-col .r-list-col-title .r-list-brand-name.r-brand-1 { background-image:url('/themes/golf/images/logo/brand/160828_NGF_RESP_LOGO_EXCLUSIV_800.png'); }
    .r-golf-list .r-list-col .r-list-col-title .r-list-brand-name.r-brand-2 { background-image:url('/themes/golf/images/logo/brand/160828_NGF_RESP_LOGO_GARDEN_800.png'); }
    .r-golf-list .r-list-col .r-list-col-title .r-list-brand-name.r-brand-3 { background-image:url('/themes/golf/images/logo/brand/160828_NGF_RESP_LOGO_DAILY_800.png'); }
}
/*
 * PHONES
 */
@media (min-width: 768px) {
}
@media (max-width: 767px) {
    /* CONTAINER */
    .container-fluid .r-container.r-auth { padding-top:75px; }
    /* BCK */
    #r-bck {
        /*background-image: url('/themes/golf/images/bg/160809_NGF_WEB_RESPONSIVE_600.jpg');*/
        background: linear-gradient(180deg, rgba(206,220,231,1), rgba(89,106,114,1));
        background-size: 300% 300%;

        -webkit-animation: AnimationName 16s ease infinite;
        -moz-animation: AnimationName 16s ease infinite;
        animation: AnimationName 16s ease infinite;
    }

    @-webkit-keyframes AnimationName {
        0%{background-position:49% 0%}
        50%{background-position:52% 100%}
        100%{background-position:49% 0%}
    }
    @-moz-keyframes AnimationName {
        0%{background-position:49% 0%}
        50%{background-position:52% 100%}
        100%{background-position:49% 0%}
    }
    @keyframes AnimationName {
        0%{background-position:49% 0%}
        50%{background-position:52% 100%}
        100%{background-position:49% 0%}
    }

    /* GOLFS LIST - Col List - Title */
    .r-golf-list .r-list-col .r-list-col-title .r-list-brand-name.r-brand-1 { background-image:url('/themes/golf/images/logo/brand/160828_NGF_RESP_LOGO_EXCLUSIV_600.png'); }
    .r-golf-list .r-list-col .r-list-col-title .r-list-brand-name.r-brand-2 { background-image:url('/themes/golf/images/logo/brand/160828_NGF_RESP_LOGO_GARDEN_600.png'); }
    .r-golf-list .r-list-col .r-list-col-title .r-list-brand-name.r-brand-3 { background-image:url('/themes/golf/images/logo/brand/160828_NGF_RESP_LOGO_DAILY_600.png'); }
    /* TOOLS */
    .r-tools { margin-left:-79%; }
    /* TOOLS */
    .r-pros { float:none; position:absolute; height:auto !important; margin-left:98%; }
    /* HEADER */
    .r-header { padding-left:0px; }
    /* PLANNING */
    .r-planning { padding-left:0px; padding-right:0px; }
    /* PLANNING - Lessons */
    .r-planning .r-lessons .r-lessons-list .r-lesson-block { width:100%; }
    .r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-info { padding-left:5px; padding-right:5px; }
    .r-planning .r-lessons .r-lessons-list .r-lesson-block .r-block-pro { width:23%; padding-right:15px; }
    /* PLANNING[Staff] - Lessons */
    .r-planning.r-staff .r-lessons .r-lessons-colpro:first-child { display:inline-block; }
    .r-planning.r-staff .r-lessons .r-lessons-colpro { display:none; width:100%; border-right:none; }
    /* PROS */
    .r-pros { padding-right:0px; }
    /* PROS - Books */
    .r-pros .r-books .r-books-list .r-book-block { padding-right:0px; }
    .r-pros .r-books .r-books-list .r-book-block .r-block-color { padding-left:0px; padding-right:0px; }
    .r-pros .r-books .r-books-list .r-book-block .r-block-pro { padding-left:2px; padding-right:0px; }
    /* MON COMPTE - Lesson Block */
    .r-myaccount .r-mylessons .r-mylessons-block .r-lesson-block { width:100%; }
}
/*
 * LOW RESOLUTION PHONES
 */
@media (max-width: 360px) {
}
/*--------------------------------------------- */