/* ==========================================================================
   Fichier CSS3 RESET
   ========================================================================== */
   
/*supprime toutes marges*/
*,
body.site {
padding: 0;
margin: 0;
}

/*supprime puces des listes*/
li {
list-style-type: none;
}

/* supprime toutes bordures */
fieldset,img { border : 0; }

/* supprime les déco des liens */
a:link, a:visited {
text-decoration: none;
}


/* ==========================================================================
   Style Site
   ========================================================================== */

@font-face {
    font-family: 'novecento_sans_widedemibold';
    src: url('../font/Novecentosanswide-DemiBold-webfont.eot');
    src: url('../font/Novecentosanswide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Novecentosanswide-DemiBold-webfont.woff2') format('woff2'),
         url('../font/Novecentosanswide-DemiBold-webfont.woff') format('woff'),
         url('../font/Novecentosanswide-DemiBold-webfont.ttf') format('truetype'),
         url('../font/sNovecentosanswide-DemiBold-webfont.svg#novecento_sans_widedemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: lighter;
    color: #505050;
    background: #ebebeb !important;
}

.body .container {
    border-radius: 0px;
    border: 0px;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #ebebeb;
    padding: 0px 20px;
}

.body {
    padding-top: 5% !important;
}
    
body.site {
    border-top: 0px !important;
}

::-webkit-selection { 
    color: #fff;  
    background: #60A330; 
}
::-moz-selection { 
    color: #fff;  
    background: #60A330; 
}
::selection { 
    color: #fff;  
    background: #60A330; 
} 

a, a:hover, a:focus {
    color: #60A330 !important;
}

.brand h1 img {
    height: 100px;
}

h1 {
    font-family: 'novecento_sans_widedemibold', Helvetica, sans-serif !important;
    font-size: 22px;
    text-transform: uppercase;
    color: #f0f0f0 !important;
    padding: 5px;
}

h2 {
    font-family: 'novecento_sans_widedemibold', Helvetica, sans-serif !important;
    font-size: 18px;
    margin: 0px;
    color: #fff !important;
}

h3 {
    font-family: 'novecento_sans_widedemibold', Helvetica, sans-serif !important;
    font-size: 16px;
    color: #60A330 !important;
}

h4 {
    font-family: 'novecento_sans_widedemibold', Helvetica, sans-serif !important;
    font-size: 16px;
    color: #fff !important;
    text-transform: uppercase;
}

h5 {
    font-family: 'novecento_sans_widedemibold', Helvetica, sans-serif !important;
    font-size: 10px;
    color: #8f8f8f !important;
}

p {
    margin: 0px !important;
}

.moduletable {
    clear: both;
}

.row-fluid .span12 {
    margin-left: 0px !important;
}


/* ==========================================================================
   Header
   ========================================================================== */

.header {
    background: #373737;
    margin-bottom: 0px;
}

.header-inner {
    margin: 0 auto;
}

/* ==========================================================================
   NAV
   ========================================================================== */

.navigation {
    padding: 0px 20%;
    border-top: 0px;
    border-bottom: 0px;
    margin-bottom: 0px;
    background: #474747;
}

.navigation .nav-pills {
    padding: 0px 100px;
}

.nav-pills > li > a {
    font-family: 'novecento_sans_widedemibold', Helvetica, sans-serif !important;
    font-size: 14px;
    color: #fff !important;
    text-transform: uppercase;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background: none !important;
/*    border-bottom: 2px solid #60a330;*/
    border-radius: 0px;
}

.nav > .active > a {
    text-decoration: none;
    background: none !important;
    border-radius: 0px;
}

.nav > li > a {
    display: block;
    text-transform: uppercase;
}

/* ==========================================================================
   SLIDSHOW
   ========================================================================== */

.NooSlide div {
    height: auto !important;
}
.NooSlide .carousel {
    margin: 0px !important;
}

.NooSlide .carousel-caption {
    left: initial !important;
}

.NooSlide .carousel-control {
    border: 0px !important;
    border-radius: 0px !important;
}

.carousel-caption {
    height: 100%;
    width: 30%;
    border-left: solid 8px #60a330;
    position: absolute;
    top: 0px;
    right: 0;
    padding: 36px 15px !important;
    background: #333;
    background: rgba(0,0,0,0.75);
}

.carousel-caption h4 {
    margin: 25px 0 !important;
}

.carousel-caption h4 a {
    color: #fafafa !important;  
}

.NooSlide .carousel-caption div {    
    color: #A0A0A0 !important;
    font-size: 14px;
    line-height: 18px !important;
    width: 200px;
}

@media (max-width:480px) {
	.NooSlide .carousel-caption {
		width: auto;
	}
}


/* ==========================================================================
   Mur de logos
   ========================================================================== */

.rokgallery-wrapper {
    background: #fafafa;
    border: 1px solid #ddd;
    box-shadow: 4px 4px #dfdfdf;
}

.rg-gm-slice {
    background: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   Carousel de logos
   ========================================================================== */

.unite-carousel-wrapper {
    width: 100% !important;
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 4px 4px 0px #dadada;
}

/* ==========================================================================
   Presentation
   ========================================================================== */

.present {
    background: #fafafa;
    border: 1px solid #ddd;
    box-shadow: 4px 4px #dfdfdf;
    padding: 20px;
    margin: 15px 0;
}

.anchor{
  display: block;
  height: 100px; /*same height as header*/
  margin-top: -100px; /*same height as header*/
  visibility: hidden;
}

.actualite {
    margin-bottom: 40px;
}


/* ==========================================================================
   GridSearch
   ========================================================================== */

#GridSearchField {
    width: 90% !important;
}

input[type="search"] {
    border-radius: 0px !important;
}


input[type="search"]:focus {
    border-color: rgba(130, 130, 130, 0.7);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(96, 163, 48, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(96, 163, 48, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(96, 163, 48, 0.6);
}

/* ==========================================================================
   Rechercher
   ========================================================================== */
/* ATTENTION - MODIFICATION DE LA VUE DU RESULTAT DE RECHERCHE DANS LE COMPOSANT JOOMLA : components/com_search/views/search/tmpl/default_form.php */

input.search-query {
    border-radius: 0px !important;
}

input[type="text"]:focus {
    border-color: rgba(130, 130, 130, 0.7);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(96, 163, 48, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(96, 163, 48, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(96, 163, 48, 0.6);
}

.label-info, .badge-info {
    background-color: #60a330;
}

label {
    display: inline-block !important;
}

/* ==========================================================================
   ANNUAIRE
   ========================================================================== */

.sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-filter {
    width: 100%;
}

.sprocket-mosaic {
    margin: 25px 0px;
}

.sprocket-mosaic .sprocket-mosaic-header ul {
    background: #828282 !important;
}

.sprocket-mosaic-filter li {
    border: 0px !important;
    background: none !important;
}

.sprocket-mosaic-filter .active {
    background: #4c4c4c !important;
}

#main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li {
    border-radius: 0px !important;
    padding: 10px !important;
    color: #fafafa;
}

.sprocket-mosaic-item .sprocket-padding {
    padding: 10px;
    background: #fafafa;
    box-shadow: 4px 4px #dfdfdf;
    height: 440px !important;
}

.sprocket-mosaic-item .sprocket-mosaic-title, .sprocket-mosaic-item .sprocket-mosaic-info {
    text-transform: none;
    color: rgba(96, 163, 48, 0.8) !important;
}

.sprocket-mosaic-text p:nth-child(2) {
    margin-top: 10px !important;
}

/* ==========================================================================
   Recherches
   ========================================================================== */

.gsTitle {
    display: none;
}

.joTitle {
    color: #60a330 !important;
}

.gsInnerStyleOne .joText {
    text-align: left;
    white-space: pre-line;
}

div.gsStyleOne {
    max-height: 400px !important;
}

.item-page {
    margin-top: 20px;
    background: #fafafa;
    border: 1px solid #ddd;
    box-shadow: 4px 4px #dfdfdf;
    padding: 1% 18%;
}
.item-page .page-header h2 {
    color: #60a330 !important;
}

/* ==========================================================================
   Fomulaire
   ========================================================================== */
table {
    width: 100%;
}

#formulaire {
    clear: both;
}

#formulaire h2, .actualite h2 {
    color: #333 !important;
    font-size: 24px;
}

.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
    border-radius: 0px !important;
    border: solid 1px #828282 !important;
}

.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 0px !important;
    height: 46px;
}

.formResponsive .formHorizontal .formControlLabel {
    width: 2% !important;
}

.formResponsive .formHorizontal .formControls {
    margin-left: 4% !important;
}

.formResponsive input, .formResponsive textarea {
    width: 100% !important;
}

.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
    color: #ccc !important;
}

.formResponsive input[type="button"]:first-child, .formResponsive input[type="reset"]:first-child, .formResponsive input[type="submit"]:first-child {
    background: #60a330;
    border-radius: 0px;
    border: 0px;
    width: 100%;
    line-height: 32px;
    text-transform: uppercase;
    text-shadow: none;
}

.formResponsive input[type="submit"]:hover, .formResponsive input[type="submit"]:active, .formResponsive input[type="submit"].active, .formResponsive input[type="submit"].disabled, .formResponsive input[type="submit"][disabled] {
    background: #adce95 !important;
    text-shadow: none !important;
}

.formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus {
    border-color: rgba(96, 163, 48, 0.8) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(96, 163, 48, 0.6) !important;
}

/* ==========================================================================
   Connexion
   ========================================================================== */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #474747 !important;
}

button.btn.btn-primary {
    border: 0px;
    border-radius: 0px;
    text-transform: uppercase;
}

.control-group {
    display: inline-block;
}

.form-inline .checkbox {
    display: block;
}

input {
    border-radius: 0px !important;
    margin-right: 15px;
}


.navbar-inner.rsf_navbar {
    box-shadow: none;
    border-radius: 0px;
}

.rsfiles-layout {
    background: #FFF;
    padding: 20px;
    box-shadow: 4px 4px #DFDFDF;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.footer {
    background: #333;
    padding: 10px;
}

.footer .copyright {
    clear: both;
    text-transform: uppercase;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 1560px) {
    
	.body {
        padding-top: 6% !important;
    }
}

@media (max-width: 1300px) {
    
	.body {
        padding-top: 7% !important;
    }
    
    .navigation {
        padding: 0px 18%;
    }
}

@media (max-width: 1206px) {
    
	.body {
        padding-top: 10% !important;
    }
}

@media (max-width: 1080px) {
    
	.body {
        padding-top: 11% !important;
    }
}

@media (max-width: 1000px) {
    
	.body {
        padding-top: 12% !important;
    }
}

@media (max-width: 980px) {
    
    .navbar-fixed-top {
        padding: 0px !important;
    }

	.body {
        padding-top: 0% !important;
    }
}


@media (max-width: 780px) { 
    
    .header-inner {
        width: 40%;
    }
}