/*
 *  Copyright 2012 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/* accueil */
#top #ametys-cms-zone-top-lg,
#default #ametys-cms-zone-default-lg,
#bottom #ametys-cms-zone-bottom-lg{
	width:100%;
	background-color: #F5F6FA;
	overflow: hidden;
}

.ametys-cms-content,
.ametys-cms-service{
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 35px; /* for carousel pagination */
/*   overflow:hidden; bad for odf-search service */
}

#header .ametys-cms-service{ padding-bottom: 0; }

#header .ametys-cms-service,
.container .ametys-cms-service{ 
	padding-left: 0;
	padding-right: 0;
}

.ametys-cms-service .ametys-cms-content{
	padding-left: inherit;
	padding-right: inherit;
	width: auto;
}

.ametys-cms-content > h1,
.ametys-cms-service > h1,
.ametys-cms-content > h2,
.ametys-cms-service > h2,
.ametys-cms-service .service-title > h1,
.ametys-cms-service .service-title > h2 {
    color: #0084BB /* AMETYS ("default.default.bgcolor.main") */;
    font-size: 2.4em;
    font-weight: 800;
    line-height: 1em;
/*     margin-top: 36px; */
    margin-bottom: 29px;
}
.ametys-cms-service > h1,
.ametys-cms-service > h2,
.ametys-cms-service .service-title > h1,
.ametys-cms-service .service-title > h2{ margin-bottom: 29px; }

#header .ametys-cms-service .ametys-cms-content{ position: relative; min-height:350px; width: 100%!important; max-width: 100%; margin-bottom: 0; padding: 0 40px; }
#header .ametys-cms-service .ametys-cms-content .content-illustration{ position:absolute; left: 0; top: 0; display: block; width: 100%; z-index: -1; }
#header .ametys-cms-service .ametys-cms-content .content-illustration img{ margin: 0;}
#header .ametys-cms-service .ametys-cms-content h1,
#header .ametys-cms-service .ametys-cms-content h2,
#header .ametys-cms-service .ametys-cms-content .content-date,
#header .ametys-cms-service .ametys-cms-content .content-abstract,
#header .ametys-cms-service .ametys-cms-content .content-read-more{ text-align: center; z-index:1000; max-width:1094px; margin: 0 auto; }

#top #ametys-cms-zone-top-lg > div,
#default #ametys-cms-zone-default-lg > div,
#bottom #ametys-cms-zone-bottom-lg > div,
#top #ametys-cms-zone-top > div,
#default #ametys-cms-zone-default > div,
#bottom #ametys-cms-zone-bottom > div{
    border-bottom: 1px solid #e4e4e4;
/*     padding-bottom: 42px; */
/*     margin-bottom: 35px; */
}

#top #ametys-cms-zone-top-lg > div.last,
#default #ametys-cms-zone-default-lg > div.last,
#bottom #ametys-cms-zone-bottom-lg > div.last,
#top #ametys-cms-zone-top > div.last,
#default #ametys-cms-zone-default > div.last,
#bottom #ametys-cms-zone-bottom > div.last{
	border-bottom-width: 0;
	padding-bottom: 0;
	margin-bottom:0;
}

#default,
#ametys-cms-zone-bottom-lg{ display: none; }

.search-odf form > div{
	padding-top: 40px;
}

@media (min-width: 768px) {
  .ametys-cms-content,
  .ametys-cms-service{
      width: 768px;
      padding: 20px 35px 10px;
  }
  
  #header .ametys-cms-service,
  .container .ametys-cms-service{ 
	width: auto;
}
  
  #header div.last > .ametys-cms-content,
  #header div.last > .ametys-cms-service,
  #ametys-cms-zone-top-lg div.last > .ametys-cms-content,
  #ametys-cms-zone-top-lg div.last > .ametys-cms-service,
  #ametys-cms-zone-default-lg div.last > .ametys-cms-content,
  #ametys-cms-zone-default-lg div.last > .ametys-cms-service,
  #ametys-cms-zone-bottom-lg div.last > .ametys-cms-content,
  #ametys-cms-zone-bottom-lg div.last > .ametys-cms-service{
  	padding-top: 1px;
  	padding-bottom: 1px;
  }
  
  .ametys-cms-service > h1,
	.ametys-cms-service > h2,
	.ametys-cms-service .service-title > h1,
	.ametys-cms-service .service-title > h2{ margin-bottom: 0; }

  #ametys-cms-zone-default-lg div.last > .ametys-cms-content.myfavorites{
  	padding-top: 20px;
  }
  #header .ametys-cms-service{
  	width: 100%;
  }
  #header .ametys-cms-service,
  .container .ametys-cms-service{ 
	padding-left: 0;
	padding-right: 0;
}

#default,
#ametys-cms-zone-bottom-lg{ display: block; }

  .ametys-cms-service .ametys-cms-content,
  #header .ametys-cms-service .ametys-cms-content h1,
	#header .ametys-cms-service .ametys-cms-content h2,
	#header .ametys-cms-service .ametys-cms-content .content-date,
	#header .ametys-cms-service .ametys-cms-content .content-abstract,
	#header .ametys-cms-service .ametys-cms-content .content-read-more{
      max-width: 768px;
  }
/*   #top #ametys-cms-zone-top > div, */
  #default #ametys-cms-zone-default > div,
  #bottom #ametys-cms-zone-bottom > div{
  	width: 768px;
  	margin: auto;
  }
}
@media (min-width: 1094px) {
  .ametys-cms-content,
  .ametys-cms-service {
    width: 1094px;
  }
  .col-lg-9 .ametys-cms-content,
  .col-lg-9 .ametys-cms-service{
  	width:768px; /* 1024 x 75% */
  }
  .col-lg-3 .ametys-cms-content,
  .col-lg-3 .ametys-cms-service{
  	width:256px; /* 1024 x 25% */
  }
  #header .ametys-cms-service,
  #header .ametys-cms-service .ametys-cms-content{
  	width: 100%;
  }
  #header .ametys-cms-service .ametys-cms-content{  min-height:588px; }
  
  body #header .ametys-cms-content .content-illustration + * {
    margin-top: 175px !important;
  }
  
  .ametys-cms-service .ametys-cms-content,
  #header .ametys-cms-service .ametys-cms-content h1,
	#header .ametys-cms-service .ametys-cms-content h2,
	#header .ametys-cms-service .ametys-cms-content .content-date,
	#header .ametys-cms-service .ametys-cms-content .content-abstract,
	#header .ametys-cms-service .ametys-cms-content .content-read-more{
  	 max-width: 1094px;
  }
/*   #top #ametys-cms-zone-top > div, */
  #default #ametys-cms-zone-default > div,
  #bottom #ametys-cms-zone-bottom > div{
  	width: 1094px;
  	margin: auto;
  }
}


.filtered-contents .content-list-item .ametys-cms-content h1,
.filtered-contents .content-list-item .ametys-cms-content h2{
	border-width: 0;
	font-size: 2.4em;
	margin-bottom: 0;
}

.filtered-contents .content-list-item .ametys-cms-content h1,
.filtered-contents .content-list-item .ametys-cms-content h2{
    color: #60616d;
    font-weight: 800;
}