/*
 *  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.
 */
 
 /* =========================================================
Profile
============================================================ */

.sidebar .widget div.profile ul li {
	margin: 0px;
	padding: 5px 0px 7px;
	border: none;
}

.sidebar .widget div.profile ul li a {
	color: #666666;
	font-size: 1.1em;
}

.sidebar .widget div.profile {
	padding-top: 5px;	
}

.sidebar .widget div.profile ul li a:before { 
    border-radius: 50%;
    height: 23px;
    line-height: 25px;
    text-align: center;
    width: 13px;
    padding-left: 5px;
    margin-right: 10px;
    float: left;
    margin-top: 0px;
	font-size: 1.5em; 
	padding-right: 12px; 
	padding-top:5px;
	color: #FFF; 
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: "\e06f";
}

.sidebar .widget div.profile ul li.profile-1 a:before { background-color: #cc0000; }
.sidebar .widget div.profile ul li.profile-2 a:before { background-color: #666666; }
.sidebar .widget div.profile ul li.profile-3 a:before { background-color: #004553; }
.sidebar .widget div.profile ul li.profile-4 a:before { background-color: #afb4b4; }
.sidebar .widget div.profile ul li.profile-5 a:before { background-color: #669999; }


div#ametys-cms-zone-bottom img.ametys-cms-zone-grabber,
div#ametys-cms-zone-bottom2 img.ametys-cms-zone-grabber,
div#ametys-cms-zone-bottom3 img.ametys-cms-zone-grabber{
	float:left;
	margin-right:10px!important;
}

.ametys-cms-content h3,
.ametys-cms-service h3,
.sidebar .widget div.profile h3{
	padding-left:0;
	margin:0;
	color:#333333;
	margin-bottom: 10px;
}

.sidebar #ametys-cms-zone-sidebar > div{
	background:transparent none;
	margin:0;
	padding:0!important;
}

.sidebar #ametys-cms-zone-sidebar > div h3{
	margin:0;
	color:#333333;
}

#main-content #ametys-cms-zone-bottom > div .ametys-cms-content img,
#main-content #ametys-cms-zone-bottom2 > div .ametys-cms-content img,
#main-content #ametys-cms-zone-bottom3 > div .ametys-cms-content img{
	border-width:0; 
}

@media only screen and (min-width: 359px) {
	
		#main-content.bo .row-fluid,
		#main-content.bo .row-fluid #ametys-cms-zone-bottom,
		#main-content.bo .row-fluid #ametys-cms-zone-bottom2,
		#main-content.bo .row-fluid #ametys-cms-zone-bottom3,
		#main-content.bo #ametys-cms-zone-bottom > div,
		#main-content.bo #ametys-cms-zone-bottom2 > div,
		#main-content.bo #ametys-cms-zone-bottom3 > div{
			display:block;
		}
		
		/* =========================================================
		Bottom
		============================================================ */
		
		#main-content #ametys-cms-zone-bottom > div,
		#main-content #ametys-cms-zone-bottom2 > div,
		#main-content #ametys-cms-zone-bottom3 > div{
			vertical-align:top;
			background: url("../img/shadow-block.png") no-repeat scroll center bottom / 100% 20px rgba(102, 153, 153, 0.05);
			padding: 35px 12px 30px 12px!important;
			box-sizing: border-box;
			position:relative;
			margin:10px auto;
		}
		
		#main-content #ametys-cms-zone-bottom > div:after,
		#main-content #ametys-cms-zone-bottom2 > div:after,
		#main-content #ametys-cms-zone-bottom3 > div:after{
			display:block;
			content: " ";
			clear:both; 
		}
		
		#main-content #ametys-cms-zone-bottom > div h3,
		#main-content #ametys-cms-zone-bottom2 > div h3,
		#main-content #ametys-cms-zone-bottom3 > div h3{
			background-color: #FDFDFD;
			border-bottom: 2px solid #e5e5e5;
		    min-height: 25px;
		    margin:0;
		    font-size:22px;
		    line-height:20px;
		/* FF ESR 24.1.1     position:absolute; */
		/* FF ESR 24.1.1     top:0; */
		/* FF ESR 24.1.1     left:0;  */
		/* FF ESR 24.1.1     right:0; */
			margin:-35px -12px 0 -12px;
		}
		
		
		#main-content #ametys-cms-zone-bottom > div h3 span,
		#main-content #ametys-cms-zone-bottom2 > div h3 span,
		#main-content #ametys-cms-zone-bottom3 > div h3 span{
		    border-bottom: 2px solid #669999;
		    display: inline-block;
		    left: 0;
		    padding-bottom: 5px;
		/* FF ESR 24.1.1    bottom: -2px; */
		/* FF ESR 24.1.1    position: absolute; */
			margin-bottom:-2px;
		}
		
		#main-content #ametys-cms-zone-bottom > div h3 span.content-subtitle,
		#main-content #ametys-cms-zone-bottom2 > div h3 span.content-subtitle,
		#main-content #ametys-cms-zone-bottom3 > div h3 span.content-subtitle{
			display:none;
		}
		
		#main-content #ametys-cms-zone-bottom > div h4,
		#main-content #ametys-cms-zone-bottom2 > div h4,
		#main-content #ametys-cms-zone-bottom3 > div h4{
			margin-top:10px;
			padding-left:0;
			font-size:24px;
			color:#333333;
		}
		
		#main-content #ametys-cms-zone-bottom > div .content-illustration,
		#main-content #ametys-cms-zone-bottom2 > div .content-illustration,
		#main-content #ametys-cms-zone-bottom3 > div .content-illustration{
			margin-right:0;
		}
		
		#main-content #ametys-cms-zone-bottom > div .content-illustration img,
		#main-content #ametys-cms-zone-bottom2 > div .content-illustration img,
		#main-content #ametys-cms-zone-bottom3 > div .content-illustration img{
			width:100%;
		}
	
	}
	
	@media only screen and (min-width: 768px){
	
	/* =========================================================
		Bottom
		============================================================ */
		
		#main-content .row-fluid{
			display:table;
			width:100%;
			table-layout: fixed;
		}
		
		#main-content .row-fluid #ametys-cms-zone-bottom,
		#main-content .row-fluid #ametys-cms-zone-bottom2,
		#main-content .row-fluid #ametys-cms-zone-bottom3{
			display:table-row;
		}
		
		
		#main-content #ametys-cms-zone-bottom > div,
		#main-content #ametys-cms-zone-bottom2 > div,
		#main-content #ametys-cms-zone-bottom3 > div{
			display:table-cell;
			vertical-align:top;
			background: url("../img/shadow-block.png") no-repeat scroll center bottom / 100% auto rgba(102, 153, 153, 0.05);
			background-size:100% auto;
			padding: 35px 12px 30px 12px!important;
			border:20px solid #FBFBFB;
			border-width:0 12px 0 0 ;
/* 			width:309px; */
			width:33%;
/* 			max-width:309px; */
			box-sizing: border-box;
			position:relative;
		}
		
		#main-content #ametys-cms-zone-bottom > div .ametys-cms-content .content-illustration,
		#main-content #ametys-cms-zone-bottom2 > div .ametys-cms-content .content-illustration,
		#main-content #ametys-cms-zone-bottom3 > div .ametys-cms-content .content-illustration{
			float:none!important;
			margin-top:10px;
			border-width:0;
			margin-right:0;
			margin-bottom:0;
		}
		
		#main-content #ametys-cms-zone-bottom > div .ametys-cms-content iframe,
		#main-content #ametys-cms-zone-bottom2 > div .ametys-cms-content iframe,
		#main-content #ametys-cms-zone-bottom3 > div .ametys-cms-content iframe{
			width:100%;
		}
		
		#main-content #ametys-cms-zone-bottom > div + div{
			border:20px solid #FBFBFB;
			border-width:0 12px 0 12px;
/* 			width:359px; */
/* 			max-width:359px; */
		}
		
		#main-content #ametys-cms-zone-bottom > div + div + div{
			border-width:0 0 0 12px;
/* 			width:309px; */
/* 			max-width:309px; */
		}
		
		#main-content #ametys-cms-zone-bottom > div h3,
		#main-content #ametys-cms-zone-bottom2 > div h3,
		#main-content #ametys-cms-zone-bottom3 > div h3{
			background-color: #FDFDFD;
			border-bottom: 2px solid #e5e5e5;
		    min-height: 25px;
		    margin:0;
		    font-size:22px;
		    line-height:20px;
		/* FF ESR 24.1.1     position:absolute; */
		/* FF ESR 24.1.1     top:0; */
		/* FF ESR 24.1.1     left:0;  */
		/* FF ESR 24.1.1     right:0; */
			margin:-35px -12px 0 -12px;
		}
		
		
		#main-content #ametys-cms-zone-bottom > div h3 span,
		#main-content #ametys-cms-zone-bottom2 > div h3 span,
		#main-content #ametys-cms-zone-bottom3 > div h3 span{
		    border-bottom: 2px solid #669999;
		    display: inline-block;
		    left: 0;
		    padding-bottom: 5px;
		/* FF ESR 24.1.1    bottom: -2px; */
		/* FF ESR 24.1.1    position: absolute; */
			margin-bottom:-2px;
		}
		
		#main-content #ametys-cms-zone-bottom > div h3 span.content-subtitle,
		#main-content #ametys-cms-zone-bottom2 > div h3 span.content-subtitle,
		#main-content #ametys-cms-zone-bottom3 > div h3 span.content-subtitle{
			display:none;
		}
		
		/* Bottom Back Office */
		
		#main-content.bo .row-fluid,
		#main-content.bo .row-fluid #ametys-cms-zone-bottom,
		#main-content.bo .row-fluid #ametys-cms-zone-bottom2,
		#main-content.bo .row-fluid #ametys-cms-zone-bottom3,
		#main-content.bo #ametys-cms-zone-bottom > div,
		#main-content.bo #ametys-cms-zone-bottom2 > div,
		#main-content.bo #ametys-cms-zone-bottom3 > div{
			display:block;
		}
		
		#main-content.bo #ametys-cms-zone-bottom,
		#main-content.bo #ametys-cms-zone-bottom2,
		#main-content.bo #ametys-cms-zone-bottom3{
			margin-bottom:20px!important;
		}
		
		#main-content.bo #ametys-cms-zone-bottom:after,
		#main-content.bo #ametys-cms-zone-bottom2:after,
		#main-content.bo #ametys-cms-zone-bottom3:after{
			clear:both;
			content:" ";
			display:block;
		}
		
		#main-content.bo #ametys-cms-zone-bottom > div,
		#main-content.bo #ametys-cms-zone-bottom2 > div,
		#main-content.bo #ametys-cms-zone-bottom3 > div{
			float:left;
			margin:0 5px;
			padding-top:10px!important; /* FF ESR 24.1.1 */
			width:29%;  /*FF ESR 24.1.1 */
		}
		
		#main-content.bo #ametys-cms-zone-bottom > div h3,
		#main-content.bo #ametys-cms-zone-bottom2 > div h3,
		#main-content.bo #ametys-cms-zone-bottom3 > div h3{
			margin-top:-32px; /* FF ESR 24.1.1 */
			padding-top:35px; /* FF ESR 24.1.1 */
		}
		
		#main-content.bo #ametys-cms-zone-bottom.ametys-cms-zone-empty > div,
		#main-content.bo #ametys-cms-zone-bottom2.ametys-cms-zone-empty > div,
		#main-content.bo #ametys-cms-zone-bottom3.ametys-cms-zone-empty > div{
			background:transparent none;
			padding:0;
			border-width:0;
			max-width:auto;
			float:none;
		}
		
		div#ametys-cms-zone-bottom img.ametys-cms-zone-grabber,
		div#ametys-cms-zone-bottom2 img.ametys-cms-zone-grabber,
		div#ametys-cms-zone-bottom3 img.ametys-cms-zone-grabber{
			float:left;
			margin-right:10px!important;
		}
	
	
	}
	
	@media only screen and (min-width: 980px) {
	
		#header-top h1{ margin: 0; padding: 0; line-height:1; }
	
		.sequence-slider {
		    float: right;
		    min-height: 370px;
		    margin: 0 auto;
		    padding-left: 30px;
		    position: relative;
		    max-width: 780px;
		    width:70%;
		}
		
		#sequence {
		    backface-visibility: hidden;
		    display: block;
		    min-height: 370px;
		    margin: 30px 0 0;
		}
		
		
/* 		#sequence .link{ */
/* 			margin-top:-25px; */
/* 		} */
		
		/* =========================================================
		Bottom
		============================================================ */
		
		#main-content #ametys-cms-zone-bottom > div,
		#main-content #ametys-cms-zone-bottom2 > div,
		#main-content #ametys-cms-zone-bottom3 > div{
/* 			width:355px; */
/* 			max-width:355px; */
		}
		
		#main-content #ametys-cms-zone-bottom > div + div{
/* 			width:406px; */
/* 			max-width:406px; */
		}
		
		#main-content #ametys-cms-zone-bottom > div + div + div{
/* 			width:356px; */
/* 			max-width:356px; */
		}
		
		
	}