@CHARSET "UTF-8";

/*
=======================================================================
  Balises
=======================================================================
*/
p {
  text-align: justify;
}
h3{
	font-size:24px;
}
/*
=======================================================================
  Listes
=======================================================================
*/
#content .views-row {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E5E5DB;
}

#block-system-main div.view-actualites li.views-row,#block-system-main div.view-liens li.views-row,#block-system-main div.view-services li.views-row
	{
	list-style-type: none;
}

.item-list ul li {
	margin: 0;
	padding: 0;
}
ul li.leaf {
list-style-image: none;
list-style-type: none;
}
ul.menu li {
margin: 0;
}
li.expanded, li.collapsed, li.leaf {
padding: 0;
margin: 0;
}

.more-link {
clear: both;
}

/*
=======================================================================
  Header
=======================================================================
*/
#logo h1 {
	font-size: 40px;
	line-height: 40px;/*79px;*/
	color: #fff;
	width:200px;
}

.logoIconWrap {
	width: 80px;
	height: 50px;
}
.logoIcon {
	background: none;
	width: 80px;
	height: 50px;
}

.pagetitle.bg1 {
	background: url(../images/header/header1.jpg) top center repeat-x #fff;
}

form#views-exposed-form-recherche-page{
	position:relative;
}

/*
=======================================================================
  Shake pour mouvement CSS3
=======================================================================
*/
topDropPanel h1, .topDropPanel h2, .topDropPanel h3, .topDropPanel h4, .topDropPanel h5,
.topDropPanel {
color: #444;
}
#topDropBut {
  animation-name: shake;
  animation-duration: 1.4s;
  transform-origin: 50% 50%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: shake;
  -moz-animation-duration: 1.4s;
  -moz-transform-origin: 50% 50%;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: shake;
  -webkit-animation-duration: 1.4s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@keyframes shake{ 
0% { transform: translate(2px, 1px) rotate(0deg); } 
10% { transform: translate(-1px, -2px) rotate(-1deg); } 
20% { transform: translate(-3px, 0px) rotate(1deg); } 
30% { transform: translate(0px, 2px) rotate(0deg); } 
40% { transform: translate(1px, -1px) rotate(1deg); } 
50% { transform: translate(-1px, 2px) rotate(-1deg); } 
60% { transform: translate(-3px, 1px) rotate(0deg); } 
70% { transform: translate(2px, 1px) rotate(-1deg); } 
80% { transform: translate(-1px, -1px) rotate(1deg); } 
90% { transform: translate(2px, 2px) rotate(0deg); } 
100% { transform: translate(1px, -2px) rotate(-1deg); } 
} 

@-moz-keyframes shake{ 
0% { -moz-transform: translate(2px, 1px) rotate(0deg); } 
10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 
40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 
50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 
100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } 
} 

@-webkit-keyframes shake { 
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } 
} 


/*
=======================================================================
  Structure
=======================================================================
*/
.region-full-top section {
	clear: both;
}

.region-full-bottom section {
	clear: both;
}

.container .sixteen.columns {
	width: 1200px;
}

/*
=======================================================================
  Blocs
=======================================================================
*/
h2.sectionTitle {
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 10px;
	padding: 26px 0 6px 0;
	border-bottom: 1px solid #e2e2e2;
}

/*
=======================================================================
  Accueil ; collecte de mail
=======================================================================
*/
#block-add-my-email-formulaire label {
	float: left;
}

#block-add-my-email-formulaire {
	background: #f2f2f2;
	background: rgba(230, 230, 230, 0.6);
	-webkit-border-radius: 6px 20px;
	-moz-border-radius: 6px 20px;
	border-radius: 6px 20px;
	padding: 5px;
	overflow: auto;
}

#block-add-my-email-formulaire h2.sectionTitle {
	padding: 6px 0 6px 0;
}

#block-add-my-email-formulaire input#edit-mail {
	width: 300px;
}

#block-add-my-email-formulaire div.form-item-mail {
	float: left;
}

#block-add-my-email-formulaire input#edit-submit {
	float: left;
	width: 200px;
	margin-left: 40px;
}

.form-item,.form-actions {
	margin-top: 0;
	margin-bottom: 0;
}

/*
=======================================================================
  Accueil : Services
=======================================================================
*/
.featureTitle {
	height: auto;
line-height: 30px;
}
/*
#block-views-services-liste-icones img {
	background-color: #98184E;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	-webkit-transition: all 4s cubic-bezier(1, -0.53, 0.405, 1.425) 0s;
	-moz-transition: all 4s cubic-bezier(1, -0.53, 0.405, 1.425) 0s;
	-ms-transition: all 4s cubic-bezier(1, -0.53, 0.405, 1.425) 0s;
	-o-transition: all 4s cubic-bezier(1, -0.53, 0.405, 1.425) 0s;
	transition: all 4s cubic-bezier(1, -0.53, 0.405, 1.425) 0s;
	-webkit-border-radius: 6px 20px;
	-moz-border-radius: 6px 20px;
	border-radius: 6px 20px;
}
*/
#block-views-services-liste-icones .featureWrap .field-content {
	overflow: hidden;
	text-align: justify;
}

#block-views-services-liste-icones p {
	text-align: justify;
}

#block-views-services-liste-icones img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius: 6px 20px;
	-moz-border-radius: 6px 20px;
	border-radius: 6px 20px;
}

#block-views-services-liste-icones img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#block-views-services-liste-icones img:hover {
	transform-origin: center top;
	-ms-transform-origin: center top;
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	-o-transform-origin: center top;
	transform: scale(1.8, 1.8);
	-ms-transform: scale(1.8, 1.8);
	-webkit-transform: scale(1.8, 1.8);
	-o-transform: scale(1.8, 1.8);
	-moz-transform: scale(1.8, 1.8);
}
#block-views-services-liste-icones li {
  height:320px;
}
#block-views-services-block-2 li{
	float:left;
	margin-right:5px;
}
#block-views-services-block-2 li a:hover{
  color: #fff;
}
#block-views-services-block-2 li a:visited{
	color: #333333;
}
/*
=======================================================================
  Accueil : Actus
=======================================================================
*/
#block-views-actualites-dernieres span.date {
	font-style: italic;
	color: #555;
}

/*
=======================================================================
  Contenu
=======================================================================
*/
.section_title {
	font: 14px 'Kaushan Script', cursive;
	line-height: 44px;
	font-size: 72px;
	font-weight: 300;
	margin: 192px 0 17px;
	padding: 0;
	color: #fff;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}

.field-name-field-chapeau {
	font-weight: bold;
  text-align: justify;
}

.content {
	padding-bottom: 10px;
}

.content p {
	text-align: justify;
}
.content li {
  text-align: justify;
}


/*
=======================================================================
  Pagination
=======================================================================
*/
ul.pager {
	border-top: 1px solid #E2E2E2;
	padding-top: 20px;
	margin-top: 20px;
}

ul.pager li a {
	background-color: #9abd42;
	padding: 4px 8px;
	-webkit-border-radius: 3px 10px;
	-moz-border-radius: 3px 10px;
	border-radius: 3px 10px;
	margin: 0 8px 0 0;
	float: left;
	color: #fff;
	text-decoration: none;
}

ul.pager li.pager-current {
	color: #000;
	background-color: #b1b1b1;
	padding: 4px 8px;
	-webkit-border-radius: 3px 10px;
	-moz-border-radius: 3px 10px;
	border-radius: 3px 10px;
	margin: 0 8px 0 0;
	float: left;
	color: #fff;
	text-decoration: none;
}

/*
=======================================================================
  Images secondaires
=======================================================================
*/
div.field-name-field-img-sec div.field-item {
	float: left;
	margin-right: 10px;
}

.shareaholic-show-on-load {
	clear: both;
}

/*
=======================================================================
  Noeud
=======================================================================
*/
.not-front.page-node .thumbImage div {
	padding-top: 0;
	display: block;
}

.not-front.page-node .thumbImage div {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
}

/*
=======================================================================
  Liens utiles
=======================================================================
*/
#block-views-liens-liens-utiles li.views-row {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#block-views-liens-liens-utiles li.views-row img {
	display: block;
	width: 100%;
	-webkit-border-radius: 3px 17px;
	-moz-border-radius: 3px 17px;
	border-radius: 3px 17px;
}

.view-id-liens.view-display-id-liste h2 {
	color: #fff;
}

.testimonialText img {
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 6px 20px;
	-moz-border-radius: 6px 20px;
	border-radius: 6px 20px;
	float: left;
	margin-bottom: 8px;
	margin-right: 10px;
	padding: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.testimonialText p {
font-size: 16px;
line-height: 18px;
}
.view-id-liens.view-display-id-liste .sixteen.column{
width: 100%;
}
.view-id-partenaires.view-display-id-liste .sixteen.column{
width: 100%;
}

/*
=======================================================================
  Page Liens
=======================================================================
*/
#view-id-liens-liste .views-row {
	clear: both;
}

#view-id-liens-liste .views-field-field-img-princ {
	float: left;
}

#view-id-liens-liste .views-field-field-img-princ {
	float: left;
}

/*
=======================================================================
  Page Clients
=======================================================================
*/
.view-id-clients.view-display-id-page li.views-row {
	float: left;
	margin-right: 20px;
	text-align: center;
}

/*
=======================================================================
  Bloc nos services
=======================================================================
*/
#view-id-services-tous_nos_services li {
	list-style-type: circle;
}

/*
=======================================================================
  Contenus liés
=======================================================================
*/
#block-views-contenus-lies-block h2.block-title {
	margin-bottom: 15px;
}

#view-id-contenus_lies-block .views-field-field-img-princ {
	float: left;
	margin-right: 20px;
}

/*
=======================================================================
  Sidebar
=======================================================================
*/
.views-field-field-chapeau {
	font-weight: bold;
}

.views-field-view-node {
	text-align: right;
}

/*
=======================================================================
  Footer
=======================================================================
*/
footer {
height: 440px;
}
footer h2 {
	color: #fff;
	border-bottom: none;
	padding: 25px 0 8px 0;
	margin: 0 0 15px 0;
	font-size: 30px;
	font-family: 'Kaushan Script';
}
footer a,
footer a:hover,
footer a:visited{
	color: #fff;
}

#signature{
	clear:left;
}

/*
=======================================================================
  Copyright
=======================================================================
*/
footer ul.menu li {
  float:left;
  margin-right:8px;
}
/*
=======================================================================
  Ecrans plus petits
=======================================================================
*/
/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	footer {height: auto;}
	.footerMiddle {height: auto;}
}
}@media only screen and (min-width: 768px) and (max-width: 959px) {
	footer {height: auto;}
	.footerMiddle {height: auto;}
}
@media only screen and (max-width: 767px) {
	footer {height: auto;}
	.footerMiddle {height: auto;}
}
@media only screen and (max-width: 479px) {
	footer {height: auto;}
	.footerMiddle {height: auto;}
}
@media only screen and (max-width: 767px) {
	#navMain {overflow:hidden;}
}