@import 'https://fonts.googleapis.com/css?family=Montserrat';

/*******************   GENERAL  **********************/
/***** DIMENSIONS ******/
body{
	color:#000000;
}
.tm-main.uk-width-medium-2-3{
	padding-right:30px/*40px*/;
	padding-left: 25px/*15px*/;
	width: 67.777%;
}
.tm-sidebar-a.uk-width-medium-1-3 {
    width: 32.2%;
}


/***** STYLE CONTENU *****/
h1, h2, h3, h4, h5, h6 {
    color: #3e4145;
}
.uk-article-title {
    font-size: 48px;
    font-weight: 300;
    margin-bottom:25px!important;/*uk-margin-bottom*/
}
h2, .uk-h2 {
    font-size: 36px;    
}
h3, .uk-h3 {
    font-size: 30px; 
    color:#897248;   
}
h4, .uk-h4 {
    font-size: 24px; 
    color:rgb(70, 152, 125);  /*+fonce  rgb(47, 122, 97)*/ 
}

a, .uk-link, a:link, .uk-link:link, 
a:visited, .uk-link:visited, 
a:hover, .uk-link:hover, 
a:active, .uk-link:active, 
a:focus, .uk-link:focus {
color:#cb7c6e;
}
a, .uk-link{
text-decoration: underline;
font-weight: 500;
}
a:hover, .uk-link:hover, a:active, .uk-link:active, a:focus, .uk-link:focus {  
text-decoration: none;
}
b, strong{
color: rgb(77, 77, 75);
font-weight: 600;
}
/* Lettrine */
/* demande annulation lettrine ACSO janvier 2018 
.tm-dropcap .tm-article div.cck_contents.cck_content div.cck_value.cck_value_wysiwyg_editor > p:first-of-type:first-letter{
  margin-top: 10px;
  margin-right: 12px;  
  float: left; 
   line-height: 44px;
  font-size: 44px;
  color: #000000;
  text-transform: uppercase;
   padding: 12px 15px;
  border: solid 2px rgb(237, 31, 36);
  font-weight: 400;
}
*/
/* Liste */
.tm-article ul{
list-style-type: none;
padding-left:75px;
}
.tm-article ul li:before {
/* custom */
  color :rgb(70, 152, 125);
  font-size:16px;
  content: "\f10c";
  padding-right:20px;
  
  
/* icon FontAwesome */
  font-family: FontAwesome;
  /* 1 */
  display: inline-block;
  /* 2 */
  font-weight: normal;
  font-style: normal;
  /* 4 */
  line-height: 1;
  /* 5 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tm-article ul li{
  line-height: 27px;	
}
/* Fichiers telechargement */
a.wf_file:before{
	content: "\f1c1";
	color:rgb(203, 124, 110);
	font-size:24px;
	padding-right:10px;
	
	/* icon FontAwesome */
  font-family: FontAwesome;
  /* 1 */
  display: inline-block;
  /* 2 */
  font-weight: normal;
  font-style: normal;
  /* 4 */
  line-height: 1;
  /* 5 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	
}
a.wf_file{
  padding-left:75px;	
}

/*******************   HEADER  **********************/
.uk-panel-box.gca-header{	
	padding:0 0 0 30px;
	/*width: 1300px;*/	 
    margin: 52px auto;
    border: none;
    background:transparent;
}
.uk-panel-box.gca-header *{
	/*width:335px;*/
}
.tm-top-a.tm-block.tm-block-default.tm-block-fullwidth{
 background: url("/images/gca/gare-coeur-agglo-header-l.jpg")no-repeat center center ;  
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover; 
}

/** Definir hauteur image fond pour chaque largeur ecran **/
@media screen and (min-width: 2000px) and (max-width: 2548px) {
	
.uk-panel-box.gca-header{	
	margin: 146px auto;	
}
/** Fond raye noir **/
.gca-rayures{ 
 top:675px;	
}

}


@media (max-width: 1696px) { /** EcranPC **/
.uk-panel-box.gca-header{
	margin:52px auto;
}

}


@media (max-width: 1382px) {/** Ecran Portable **/
.uk-panel-box.gca-header{
	margin:22px auto;	
}

}

/****************    MENU COTE DROIE   ******************/
.uk-panel-box.menu-gca{
	padding:0;	
	border:none;
	background:transparent;
}
.uk-panel-box.menu-gca ul.uk-nav.uk-nav-side li{
	padding:11px 40px;
	margin:4px 0;
	background: rgb(218, 218, 218);
}
.uk-panel-box.menu-gca ul.uk-nav.uk-nav-side li.uk-active{
	background: #d68879;	
}
.uk-panel-box.menu-gca .uk-nav-side > li.uk-active > a{
	color:#ffffff;	
}
.uk-panel-box.menu-gca .uk-nav-side > li > a:hover,
.uk-panel-box.menu-gca .uk-nav-side > li > a:focus {
 /* background: rgba(0, 0, 0, 0);*/
  color: #d68879;
  /* 2 */
  outline: none;
}
.uk-panel-box.menu-gca .uk-nav-side > li.uk-active > a:hover,
.uk-panel-box.menu-gca .uk-nav-side > li.uk-active > a:focus {
 /* background: rgba(0, 0, 0, 0);*/
  color: #ffffff;
  /* 2 */
  outline: none;
}
.uk-panel-box.menu-gca .uk-nav-side > li > a{
	padding:0;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	color:#000000;
}



/*******************   FOND MOTIF VERT DROITE  **********************/

.tm-main.tm-block.tm-block-default{	
	background:url("/images/gca/gca-fond-side.jpg")repeat-y #e3f1ec;	
	background-position: calc(50% + 440px) 0;
}




@media screen and (min-width: 800px) and (max-width: 1255px) {/* ne marche pas = 17px  de 1238 a 1255 */
 
.tm-main.tm-block.tm-block-default {			
	background-position: calc(50% + 425px) 0;
}

}



@media screen and (min-width: 800px) and (max-width: 1237px) {
.tm-main.tm-block.tm-block-default {			
	background-position: calc(50% + 392px) 0;
}

}


/*******************   FOND MOTIFS RAYURES - VAGUES  NOIR  **********************/
 .gca-rayures{
 position:absolute; 
 top:575px;
 
background: -webkit-linear-gradient(black 11px, transparent 13px); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(black 11px, transparent 13px); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(black 11px, transparent 13px); /* For Firefox 3.6 to 15 */
  background: linear-gradient(black 11px, transparent 13px); /* Standard syntax */

 -webkit-background-size: 42px 24px; 
 -moz-background-size: 42px 24px; 
 -o-background-size: 42px 24px; 
 background-size: 42px 24px;
 width:45px;
 height:85px;
 
 } 
   .gca-rayures-right, .gca-vagues-right{ 
 right:0;
  }
  
  .gca-vagues{
width:42px;
height:98px;
background:url("/images/gca/gca-vagues.png")repeat-y transparent;
position:absolute;
top:1000px; 
  
  }
  .gca-vagues-right{
  background:url("/images/gca/gca-vagues-right.png")repeat-y transparent;
  }  
  
  
  @media (max-width: 1510px){
  .uk-visible-1510{
    display: none !important;
  }  
  
  }
  
  /*******************  FOOTER ******************/
  .tm-block-footer {
 padding: 60px 0 0 0;    
   background: #dadada;  
}
.tm-footer-top.uk-grid > div{
	padding-left: 25px;
}
.uk-panel.logos-footer .uk-width-1-10{
	 margin-right: 1.2%;
	 text-align:center;
}
.uk-panel.logos-footer p a:last-child{
	 margin-right:0;
}
.tm-block-footer .uk-subnav > * > a, 
.tm-block-footer .uk-subnav > .uk-active > a {
    color: #000000;
    
}
.footer-menu .uk-subnav > * > * {
    color: rgb(0, 0, 0);
    display: inline-block;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
}
.tm-block-footer .uk-subnav > * > a:hover,
.tm-block-footer .uk-subnav > * > a:focus {
  color: #000000;
  text-decoration: underline;
  
}
a.tm-totop-scroller {
   color: rgb(0, 0, 0);
   text-decoration: none;
   font-size: 22px;
  -webkit-transition: color linear 1s;
  transition: color linear 1s;
   
}
.tm-totop-scroller:hover,
.tm-totop-scroller:focus {
  /* 1 */
  color: rgb(203, 124, 110);
  font-size: 22px;
  outline: none;
  /* 2 */
  
}
.tm-totop-scroller:active {
  color: #000000;
  font-size: 22px;
}
.footer-menu .uk-subnav {    
    margin-top: 0;    
}
/* Pour IE9 */
.footer-menu {    
    width: 100%/*400px*/;   
    margin:auto; 
}


/************   Formulaire contact  *************/
.form-contact-gca div.vertical div.cck_forms.cck_site div.cck_label {
    width: 100% !important;   
}

.form-contact-gca input[type="radio"] {
    width: auto;
}
.form-contact-gca div.cck_forms.cck_site.cck_fo_contact_consent div.cck_form {
    float: left !important;   
}


/*********** Icones print + mail *************/
.tm-article + p > a{
	margin-right:30px;	
}


.contact .cck-pos-mainbody.seb_css3.vertical{
border:none!important;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  /* Reset */
  box-shadow: none;
  /* Overrides */
  border-color:#d68879 /*#515151*/;
  outline: 0;
  background: #ffffff;
}
.uk-button-primary {
background-color: #1a1a1a;	
color :#ffffff;	
}
.btn:hover,
.btn:focus, 
.uk-button:hover, 
.uk-button:focus , 
.uk-button-primary:hover
 {
  /* Reset */
  background-position: 0 0;
  -webkit-transition: none;
  transition: none;
  /* Overrides */
  background-color: #d68879;
  color: #ffffff;
  border-color: transparent;
}
.btn.active,
.btn:active, 
.uk-button:active {
  /* Reset */
  box-shadow: none;
  /* Overrides */
  background-color: #d68879;
  color: #ffffff;
  border-color: transparent;
}

.uk-button:disabled {
    background-color: rgba(26, 26, 26, 0.85);
    color: rgba(255, 255, 255, 0.5);
     background-color: rgba(26, 26, 26, 0.85);
}


/**************  PRINT    ***************/
/* sur Firefox : page blanche apres titre article : essayer ce qui suit : aucun changement */
@media print {

	h1, .uk-article-title, h2, h3 {
    page-break-after: auto!important;
     display: block!important;
     float:none!important;
  }  
.uk-article::before, .uk-article::after {   
    display: block;
}
.uk-article::after {
    clear: both;
}
.uk-article::before, .uk-article::after {    
    display: block;
}
	
	
}

/* Phone landscape and smaller */
@media (max-width: 767px) {

.uk-article-title {
    font-size: 40px;    
}

/* header */
.tm-top-a.tm-block.tm-block-default.tm-block-fullwidth {    
    background-image: url("/images/gca/gca-header-s.jpg");
	}

/* fond container */ 
 .tm-main.tm-block.tm-block-default {
    background-image:none;
}
.tm-sidebar-a.uk-width-medium-1-3, .tm-main.uk-width-medium-2-3 { 
    width: 100%;
}
/* Logos footer  */
.uk-panel.logos-footer .uk-width-1-10 {
    margin-bottom: 20px;
    margin-right: 0;    
    width: 19.5%;
} 
 
 }