/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/
@import url("fonts-custom.css");
/*@import url("colors-custom.css");*/


::selection {background: #000;color: #FFF;}
::-moz-selection {background: #000;color: #FFF;}
::-webkit-selection {background: #000;color: #FFF;}


/*-------------STRUCTURE-------------*/

#header, #header-wrap, #logo img {
    height: 62px;
	padding-bottom:15px;
	padding-top:5px}
	
#header.sticky-header #header-wrap,
#header.full-header.border-full-header.sticky-header #header-wrap {box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.3); border-bottom:none}
	
	
/*-------------HEADER-------------*/



/*Menu*/

#primary-menu ul li a {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

#primary-menu ul li.lang a div,
#primary-menu ul li.facebook div { background-color:#000; color:#fff; padding:1px 7px; border:1px solid #fff}
#primary-menu ul li.lang a { padding-right:1px}
#primary-menu ul li.facebook a { padding-left:1px}
#primary-menu ul li.facebook a i { margin-right:0}
#primary-menu ul li.lang span { display: none}
#primary-menu ul li.lang a:hover div,
#primary-menu ul li.facebook a:hover div { background-color:#666;}


/*couleurs*/
.bgcolor, .bgcolor #header-wrap {
    background-color: #f5f5f5 !important;
}
#primary-menu ul li > a {
      color: #000;}
	  
#primary-menu ul li:hover > a, #primary-menu ul li.current > a {
    color: #999999;
}

::selection {
	background: #999999;
	}
a {
    text-decoration: none !important;
    color: #999;
}
a:hover {
    color: #666;
} 
.button { 
    background-color: #333;}

/*-------------CONTENT-------------*/

/*accueil*/

.opm-medium-word { font-size: 60px; }

.device-sm .opm-medium-word { font-size: 40px; }

.device-xs .opm-medium-word { font-size: 30px; }

.device-xxs .opm-medium-word { font-size: 18px; }

.emphasis-title h1, .emphasis-title h2 {
     letter-spacing: 0px;
}
.emphasis-title h2 {font-size:45px}

/*pages de contenu*/

/*Page de contact*/
.sm-form-control {border: 1px solid #ddd;}
label { font-size: 12px;font-weight: 400; margin-bottom:5px}
form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth { margin-bottom: 15px;}

.datepicker.dropdown-menu { border-radius:0}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-color: #000;
    border-color: #000;
    color: #ffffff;
}




/*-------------DIVERS-------------*/
.ajax-modal-title {
    background-color: #000;
    border-bottom: medium none;
    padding: 10px 20px;
}
.ajax-modal-title h2 {
    color: #ccc;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.mfp-content a { color:#000 !important}
.mfp-content a:hover { text-decoration:underline}

.button.button-border { border-width:1px}




/*-------------FOOTER-------------*/

#copyrights { background-color: #282828; padding: 10px 0;}
#gotoTop:hover { background-color:#000}


/* ----------------------------------------------------------------
	Custom Responsive CSS
-----------------------------------------------------------------*/



@media (max-width: 1680px) {

}

@media (max-width: 1450px) {

}
@media (max-width: 1280px) {

}

@media (max-width: 1199px) {
	
	#primary-menu ul li a { letter-spacing:1px; padding: 24px 15px; font-size:11px}

}

@media (min-width: 992px) and (max-width: 1199px) {
}


@media (max-width: 991px) {
	
	#primary-menu ul li.lang a div, #primary-menu ul li.facebook a div { background-color: transparent; color:#fff; padding:0; border: none}
	#primary-menu ul li.lang span { display: inline-block}
	#primary-menu ul li.lang a:hover div,#primary-menu ul li.facebook a:hover div { background-color: transparent;}
	
}


@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 768px) {
	
	.slider-btn { display:none}	
	.container h2 { margin-top:20px}
	.page-section { padding: 30px 0;}
	.parallax { padding: 50px 0 !important;}
	
}

@media (max-width: 767px) {
	
	.slider-titre, .slider-soustitre { display:none}
	.container, #header.full-header .container, .container-fullwidth { width:auto !important; padding-left:20px; padding-right:20px}
	#content p {  text-align: justify;}	
	.hidden-mobile { display: none !important}
	
}

@media (min-width: 480px) and (max-width: 767px) {	

}

@media (max-width: 479px) {	
}


/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
}