@import url(//fonts.googleapis.com/css?family=Roboto:500,300,100);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(//fonts.googleapis.com/css?family=Yellowtail|Lobster|Lobster+Two:400,400italic,700italic|Playball|Courgette|Satisfy);


/* ------------------------- DRUPAL 7 FRAMEWORK ------------------------- */
body#body {
	font-family: helvetica;
}

p {margin-bottom:20px;}


.panel-pane.error-page .pane-content .err-title,
.panel-pane.error-page .pane-content span.err,
#node-21 a, #node-101563 a {
	color:#000;
	outline:none;
	text-decoration:none;

}

.section .views-field-title .field-content a,
.view-agenda-sophia-antipolis .views-field-title a,
#block-views-hp-agenda-de-sophia-block .views-field-url a,
#block-views-1-membre-aleatoire-block .views-field-title a, 
#block-views-1-membre-aleatoire-block-1 .views-field-title a, 
.view-hp-agenda-de-sophia .views-field-title a, 
#block-views-hp-agenda-de-sophia-block .views-field-title a, 
#block-views-agenda-sophia-antipolis-block .views-field-view-node a, 
.field-name-taxonomy-forums .links a, a{
	color: black;
	outline:none;
	text-decoration:none;
}
a:hover,
.field-name-taxonomy-forums .links a:hover,
#block-views-our-team-block .views-field-title a:hover {
	text-decoration: none;
	color: #8CB7C7;
}

.panel-pane.error-page .pane-content .err-title,
.panel-pane.error-page .pane-content span.err {
	text-decoration: none;
}

strong {
	font-weight:bold;
}

.fl-l {float:left;}
.fl-r {float:right;}

.extra {overflow:hidden;}

.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}

/* Selection colours (easy to forget) */
::selection 	 	{background: rgb(65,80,90);}
::-moz-selection 	{background: rgb(65,80,90);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(65,80,90);}


.ajax-progress {
	display:none;
}

#edit-style-options-row--2 {
	clear: both;
}
#admin-menu {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

div.messages {
	padding-right: 30px;
}

.dismiss {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-transform: lowercase;
	padding: 2px 6px 4px;
	width: auto;
	line-height: normal;
	font-family: Helvetica;
}
.dismiss:hover {
	color: #fff;
	text-shadow: none;
}

.opacity-hover a {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.opacity-hover a:hover {
	opacity: 0.7;
}


/* ------------------------- Bloc Perso ------------------------- */

/*Bloc Actualité de Sophia*/
#block-aggregator-category-1{
	background: #8CB7C7;
	margin : 10px;
	padding:5px;
	height:549px;
}

#block-aggregator-category-1 h2{
	color:#fff;
	border-bottom: 5px dotted #fff;
}
#block-aggregator-category-1 h2:first-line, #block-aggregator-category-2 h2:first-line, #block-aggregator-category-3 h2:first-line{
	font-family: wisdom-script;
	text-transform: none;
	word-spacing: 150px;
}

/*Bloc Actu de Sophia 2*/

#content_actus {
    background: white url(/sites/all/themes/theme822/images/fond-sce.png);
    padding: 5px;
    color: #fff;
}

#block-views-hp-actualites-de-sophia-block h2, #block-views-actualit-s-feed-block h2{
	color:#fff;
	margin-bottom: 8px
}

#block-views-hp-actualites-de-sophia-block .views-field-title, #block-views-actualit-s-feed-block .views-field-title{
	text-transform: initial;
	font-family: arial;
    font-size: 15px;
	font-weight:bold;
		margin-bottom:5px;
}
#block-views-hp-actualites-de-sophia-block .views-row, #block-views-actualit-s-feed-block .views-row{
	/*border-bottom: 1px dotted #fff;
	background: #b1a5a5;*/
}
 
#block-views-hp-actualites-de-sophia-block h2:first-line,#block-views-actualit-s-feed-block h2:first-line, #block-views-agenda-sophia-antipolis-block h2:first-line, #block-views-hp-agenda-de-sophia-block h2:first-line, #block-aggregator-category-3 h2:first-line, #block-views-hp-emplois-block h2:first-line{
	font-family: wisdom-script;
	text-transform: initial;
	font-size: 35px;
}


/*Bloc Agenda de Sophia*/
#block-aggregator-category-2{
	background: #C4C4C4;
	margin : 10px;
	padding:5px;
}

#block-aggregator-category-2 h2{
	color:#fff;
	border-bottom: 5px dotted #fff;
	padding-bottom:5px;
}

#block-views-hp-agenda-de-sophia-block h2, #block-views-agenda-sophia-antipolis-block h2{
	color:#fff;
	/* border-bottom: 5px dotted #fff; */
	/* padding-bottom:5px; */
	margin-bottom: 8px
}

#block-views-hp-agenda-de-sophia-block h2:after, #block-views-agenda-sophia-antipolis-block h2:after{
	content: url(../images/Bordure.png);
	display: block;
	margin-top: -18px !important;
	margin-left: -15px !important;
}

#block-views-hp-agenda-de-sophia-block .views-row, #block-views-agenda-sophia-antipolis-block .views-row{
	border-bottom: 1px dotted #fff;
	padding-bottom: 10px;
}

/*#block-views-hp-agenda-de-sophia-block .views-field-timestamp,
#block-views-agenda-sophia-antipolis-block .views-field-field-date-evenement {
	color: white;
	background: #f9b234;
    text-align: center;
    width: 100%;
    margin-right: 100%;
    font-weight: bold;
    font-family: arial;
    padding: 3px;
    font-size: 13px;
}*/

/*#block-views-hp-agenda-de-sophia-block .views-field-description, #block-views-agenda-sophia-antipolis-block .views-field-body,#block-views-hp-emplois-block .views-field-description,#block-views-hp-actualites-de-sophia-block .views-field-description, #block-views-actualit-s-feed-block .views-field-description{
	font-size:12px;font-family: arial;
	color:#fff;
	line-height: 16px;
		}*/

/*#block-views-hp-agenda-de-sophia-block .views-field-title, #block-views-agenda-sophia-antipolis-block .views-field-view-node, #block-views-hp-emplois-block .views-field-title{
	text-transform: initial;
	font-family: arial;
	display: block;
	text-align: center;
    font-size: 15px;
	font-weight:bold;
	margin-bottom:5px;
}
*/
 
/*Bloc Emplois */
#block-aggregator-category-3{
	background: #1C3C51;
	margin : 10px;
	padding:5px;
	color:#fff;
}

#block-aggregator-category-3 h2{
	color:#fff;
	border-bottom: 5px dotted #fff;
	padding-bottom:5px;
}

#block-aggregator-category-3  ul.contextual-links li a{
	color:#fff;
}

/*Bloc emplois 2*/
#block-views-hp-emplois-block{
	background: #1C3C51;
	margin : 10px;
	padding:5px;
	color: #fff;
}

#block-views-hp-emplois-block h2{
	color:#fff;
	/* border-bottom: 5px dotted #fff; */
	/* padding-bottom:10px; */
	margin-bottom: 8px
}

#block-views-hp-emplois-block h2:after {
	content: url(../images/Bordure.png);
	display: block;
	margin-top: -12px !important;
	margin-left: -15px !important;
}

#block-views-hp-emplois-block .views-field-title{
	text-transform: initial;
	font-family: arial;
    font-size: 15px;
	font-weight:bold;
		margin-bottom:5px;
		
}

#block-views-hp-emplois-block .views-field-title a{
		color:#fff;
		}
#block-views-hp-emplois-block .views-row-first{
	padding-bottom: 20px;
	border-bottom: 1px dotted #fff;
}
#block-views-hp-emplois-block .views-field-description{
		font-size:12px;
		}
		



/*Bloc partenaire footer*/
#block-views-partenaires-footer-block h2 {
color:#4b90cd;
	font-size: 18px;font-weight:bold;
margin-bottom: 0;
text-transform:uppercase;font-family: 'Nexa-light', sans-serif;
}

#block-views-partenaires-footer-block .item-list ul li {
	
	display:inline-block;
	padding-left: 50px;
}
#block-views-partenaires-footer-block .item-list {

	display:inline-block;
}

/*Menu Footer*/

.wacan {
	text-align: center;
}

.wacan a,
#block-menu-menu-menu-footer a{
	color: #636162;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

#block-menu-menu-menu-footer li:first-child{
    border-left: none;
}

#block-menu-menu-menu-footer li{
    border-left: 1px dotted #636162;
    display: block;
    float: left;
    text-align: center;
}

.communication-by-agence-wacan {
	width: auto !important;
}


/* ------------------------- HEADER ------------------------- */
#header {
	position: relative;
	background: #fff url(../images/section1-bg.jpg) 50% 0;
}
#logo {
	display: inline-block;
	margin-top: 8px;
}
.section-0 {
	background: #ffff url(../images/body.jpg);
	color: #ffffff;
	padding: 10px 0 14px 0;
}
.section-1 {
    position: fixed;
    background: white;
    z-index: 9999;
    width: 100%;
    padding: 15px 0px;
}

#header {
	min-height: 88px;
}

.section-1 .col1 {float:left;}
.section-1 .col2 {float:right; padding-top: 17px;}
.section-2 {}
.section-4 {
	/*padding-bottom: 42px;
	padding-top: 78px;*/
}

.header-phone .content {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 17px;
	float: right;
	background: url(../images/phone-icon.png) 0 1px no-repeat;
	padding-left: 17px;
}
.header-phone span {
	color: #f4af00;
	font-weight: 300;
	font-size: 13px;
}


.slider-wide .contextual-links-wrapper {
	right: 50%;
}

/* ------------------------- MAIN MENU ------------------------- */
.select-menu {display:none !important;}

#superfish-1 {
	background:none;
	float:left;
	position:relative;
	width:auto;
}
#superfish-1 li {
	background:none;
	border:0;
	overflow:inherit;
	padding:0;
	text-align:center;
}
#superfish-1 > li {
	margin-left: 20px;
}
#superfish-1 > li > a {
	background: url(../images/menu-hover.png) 0 -36px repeat-x;
}
#superfish-1 a {
	border:0;
	color:#3d3d3d;
	font-size:15px;
	padding:10px 12px 11px 12px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}
#superfish-1 > li > a:hover, #superfish-1 > li.active-trail > a, #superfish-1 > li.sfHover > a {
	color:#fff;,
	background: none;
	background-position: 0 0;
}

#superfish-1 ul {
	background: #f3a900;
	display:none;
	padding:15px 0;
	top:47px;
	width:160px !important;
}
#superfish-1 ul:before {
	display: block;
	content: '';
	position: absolute;
	left: 40px;
	top: -5px;
	width: 9px;
	height: 5px;
	background: url(../images/sub-menu-corner.png) 0 0 no-repeat;
}

#superfish-1 ul li {
	background:none;
	border-bottom:0;
	height:auto;
	padding:0;
}
#superfish-1 ul li a:visited, #superfish-1 ul li a {
	border:0;
	color:#fff;
	font-weight:normal;
	padding:7px !important;
	text-align:center;
}
#superfish-1 ul li a:hover, #superfish-1 ul li.active-trail a  { background:#f7c400;}

#superfish-1 ul li ul {
	left:174px !important;
	padding:10px 0 !important;
	top:-10px;
	background: #f3a900;
}
#superfish-1 ul li ul:before {
	left: -5px;
	top: 13px;
	width: 5px;
	height: 9px;
	background-image: url(../images/sub-menu-corner-2.png);
}
#superfish-1 ul li ul li {
	background:none;
	margin-bottom:1px;
}

#superfish-1 ul li ul li ul:before {
	display: none;
}


ul.nice-menu {
	z-index: 11;
}

#block-views-slider-accueil-block{ 
	z-index:0;
}

.i18n-en .mid-11219 {
	width: 76px !important;
}

.section-1-1 .section-3 ul li  {
	display: inline-block;
    list-style-image: none;
    list-style-type: none;
    text-align: center;
    word-wrap: break-word;
    font-weight: bold;
    padding: 0px 10px;
    text-transform: uppercase;
}


/* ------------------------- SLIDER ------------------------- */
#flexslider_views_slideshow_main_slider-block li {
	padding: 0;
}

.flex-control-thumbs li {
	width: 20%;
}

.flexslider {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	border-radius: 0 0 0 0;
	box-shadow: none;
	margin-bottom: 0;
}

.flexslider .slides img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
}
.region-header {
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	width: 100%;
	z-index: 0;
}
.slider-wide {
	width: 1950px;
	position: relative;
	left: 50%;
	margin-left: -975px;
}

.flex-control-nav {
	bottom: auto;
	position: absolute;
	text-align: left;
	width: auto;
	left: 408px;
	top: 370px;
}

.flex-control-nav li {
	margin: 0;
	margin-right: 6px;
}
.flex-control-nav li a {
	width: 62px;
	height: 9px;
	background: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
	background: #494949;
}

.flexslider .flex-next,
.flexslider .flex-prev {
	opacity: 1;
}
.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {
	display: block;
}

.flex-direction-nav .flex-prev {
	left: 0;
}
.flex-direction-nav .flex-next {
	right: 0;
}

.flexslider:hover .flex-next {opacity: 1; right: 0;}
.flexslider:hover .flex-prev {opacity: 1; left: 0;}


.slider_caption {
	position: absolute;
	color: #494949;
	text-transform: uppercase;
	left: 408px;
	top: 102px;
	line-height: 19px;
}
.slider_caption_inner {
	width: 800px;
}

.slide-text {
	width: 600px;
}

.slide-title {
	color: #fff;
	font-size: 140px;
	line-height: 140px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	margin-left: -12px;
	margin-bottom: 5px;
}
.slide-title a {
	color: #fff;
}
.slide-title a:hover {
	color: #444;
}

.slide-summary {
	color: #494949;
	font-size: 50px;
	line-height: 50px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin-bottom: 10px;
}

.views-slideshow-cycle-main-frame-row-item  .inside{
		    margin: 0 !important;
}

/* ------------------------- MAIN ------------------------- */

div.messages {
	margin-bottom: 30px;
}
.views-row {
	margin-bottom: 10px;
}

.views-field-title,
.node h2,
article.comment h3 {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 24px;
}
.views-field-title a,
.node h2 a,
article.comment h3 a {
	color: #000;
}

.view-id-1_membre_aleatoire .views-field-field-poste,.view-id-1_membre_aleatoire .views-field-field-soci-t- {
	color: #000;
    font-family: helvetica;
    font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:15px;
}
		
.block-views-partenaires-footer-block h2{
	margin-bottom:0px;
	}
	
.more-link {
	position: relative;
	text-align: right;
}

.views-field-title a:hover,
.node h2 a:hover,
article.comment h3 a:hover {
	color: #037A9A!important;
}

.node h2 {
	margin-bottom: 5px;
}

.views-field-body {
	margin-bottom: 28px;
}
.img-indent {
	margin-bottom: 20px;
}
.title-indent {
	margin-bottom: 10px;
}

.field-name-field-addthis-blog {
	margin-bottom: 25px;
}

.img-left {
	float: left;
	margin-right: 19px;
}
.img-right {
	float: right;
	margin-left: 20px;
}

.block-indent {
	margin-bottom: 60px !important;
}

#main-wrapper #block-system-main {
	padding-bottom: 0;
}

.block-container .views-row {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	background: #fff;
	border: 1px solid #dbdbdb;
}


/* ------------------------- DEFAULT BLOCK STYLE ------------------------- */


.views-row-last.views-row {
	margin-bottom: 0px;
}

#main-wrapper .block {
	margin-bottom: 20px;
}


#content {
	overflow: hidden;
}
.front #content {
	float: right;
}


.region-header-bottom {
	color: #4c5c66;
	line-height: 25px;
}

.region-content-top {
	padding: 0;
}

.region-content {
	padding: 0;
}

.region-content-bottom {
	padding: 0;
}


.region-header-bottom:after,
.region-content-top:after,
.region-content:after,
.region-content-bottom:after {
	content: '';
	width: 100%;
	clear: both;
	display: block;
}

.views-clearfix .views-row:after {
	content: '';
	width: 100%;
	clear: both;
	display: block;
}

#main-wrapper img {
	height:auto;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* .page-nos-membres .views-field-field-societe a:hover img{opacity:0.8; background: #666;}
 */
 
#main-wrapper .getlocations_map_canvas img {
	padding: 0;
	background: none;
	border: none;
}


.page-contact #main-wrapper,
.page-qui-sommes-nous #main-wrapper,
.page-nos-membres- #main-wrapper,
.page-agenda-sophia-antipolis #main-wrapper,
.page-evenements #main-wrapper,
.page-actualit-s-feed #main-wrapper,
.page-nos-services #main-wrapper ,
.page-nos-actualites #main-wrapper {
	background: white url(/sites/all/themes/theme822/images/fond-sce.png); 
}

#main-wrapper {
    background: white;
    padding-top: 0;
    padding-bottom: 20px;
}

.front #main-wrapper {
	padding-top: 0px;
}

.front #main-wrapper .glow {
	background: #F3EFE6;
}

#main .feed-icon img, #main th.active img {
	width:auto;
	border: none;
	background: none;
	padding: 0;
}

#content_bottom{
	background: #fff;
    padding: 50px 0;
}

#tinymce p {
	margin-bottom: 10px;
}

.location.vcard {
	margin-top: 0;
}

/* ------------------------- CONTENT REGION ------------------------- */
/*Node heading*/
.front #page-title {display:none;}

#content h1.title, h2, h3 {
	font-size:30px;
	line-height:36px;
	margin-bottom:20px;
	font-family: 'Nexa-light', sans-serif;
	color: #494949;
	font-weight: normal;
}

h3 {
	font-size: 20px;
	line-height: 26px;
}
.attribution h3 {
	margin-bottom: 5px;
}

article.node {
	padding-bottom:20px;
	margin-bottom:20px;
}
article.node.node-blog {
	border-bottom: 0px solid #444;
}

#node-79 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.page-node- .submitted a {
	padding-right: 0;
	margin-right: 0;
}

/*Author & date information*/
p.submitted {
	display: none;
	margin:0 0 15px;
	text-transform: uppercase;
	color: #444;
	font-size: 14px;
	line-height: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.submitted, p.submitted span {
	
}
.submitted a {
	text-decoration:none;
	color: #444;
}
.submitted a:hover {color: #f4af00;}

article.node footer {
	padding-top:0px;
}

article footer ul.links.inline {
	display:block;
}
article footer ul li {
	padding:0;
	margin:0 15px 0 0;
	padding: 0 !important;
}
article footer ul li.first {margin-left:0;}

.node-teaser .comment-add {
	display: none;
}

#block-weather-system-2 .weather{width:370px;}
/*Node Tags*/
article.node footer .field-name-field-tags { padding-bottom:10px;}
article.node footer .field-name-field-tags .field-label{
	float: left;
	font-size: 16px;
	padding-right: 10px;
	line-height: 26px;
	color: #f4af00;
	font-weight: 400;
}
article.node footer .field-name-field-tags .field-items {
	overflow:hidden;
	padding-bottom:15px;
	width:100%;
}
article.node footer .field-name-field-tags ul li {
	float:left;
	padding:0 4px;
	margin-right: 10px;
}
article.node footer .field-name-field-tags ul li a{
	font-size: 12px;
	text-decoration: none;
	padding: 2px 5px;
}
article.node footer .field-name-field-tags ul li a:hover {
	text-decoration: none;
}

article .field-items {

	font-family: Arial, sans-serif;
	font-size: 15px;
	letter-spacing: 0.5px;
	line-height: 19px;
	font-family: 'Roboto', sans-serif;
}


.node-maps header {
	display:none;
}

.panels-flexible-region-1-contacts_region {
	width:auto;
}




.item-list ul li {
	margin-left: 0;
	margin-bottom: 20px;
}
ul li.collapsed {
	list-style: none;
}
ul.menu li {
	margin-left: 0;
}
section.block ul, section.block .item-list ul li { margin:0;}
ul li.leaf {
	border-style: dotted;
	display: inline;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0 5px;
}
section.block .content li, .marker-list li {
	padding:0 0 10px 12px;
	line-height:20px;
	
}
section.block .content li a, .marker-list li a {
	color:#fff;
	line-height:20px;
	text-decoration:none;
}
section.block .content li a:hover, .marker-list li a:hover { color:#f4af00;}



.counter {
	color: #fff;
	background: #444444 url(../images/counter.jpg) 0 0 repeat-x;
	font-size: 40px;
	line-height: 40px;
	width: 76px;
	height: 76px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	padding-top: 16px;
}

.srvice-header .views-field-title {
	font-size: 30px;
	line-height: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	padding-top: 12px;
}

.summary {
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	line-height: 25px;
	color: #a9a9a9;
}

.summary-regular {
	font-weight: 400;
	color: #494949;
	font-family: 'Open Sans', sans-serif;
}

.srvice-header {
	margin-bottom: 29px;
}

.post-date {
	width: 76px;
	text-align: center;
	font-size: 15px;
	line-height: 36px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	font-weight: 300;
}
.post-date .day {
	border: 1px solid #dbdbdb;
	border-bottom-color: #485055;
	background: #ffffff;
	height: 64px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #494949;
	font-size: 35px;
	font-weight: 500;
	padding-top: 12px;
}
.post-date .month {
	background: #444444 url(../images/month.png) repeat-x;
	height: 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 32px;
}

.news-block .views-field-title {
	margin-top: -4px;
}

.news-block .summary {
	line-height: 20px;
	margin-bottom: 6px;
}

.news-block .views-row {
	margin-bottom: 17px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eef1f3;
}
.news-block .views-row.views-row-last {
	border: none;
}

.title-list-block .views-row {
	margin-bottom: 5px;
}

.title-list-block .views-row .views-field-title a,
.title-list-block .views-row .views-field-title {
	color: #ffffff;
	display: block;
}

.title-list-block .views-row .views-field-title {
	font-size: 15px;
	line-height: 20px;
	background: #444444 url(../images/list-block.png) repeat-x;
}

.title-list-block .views-row .views-field-title a {
	padding-left: 83px;
	padding-right: 10px;
	padding-top: 17px;
	padding-bottom: 18px;
	background: url(../images/list-block-arrow.png) 0 0 no-repeat;
}
.title-list-block .views-row .views-field-title a:hover {
	color: #fff;
}

.title-list-block .views-row .views-field-title:hover {
	background: #444444;
}

.testimonials-block .user-picture {
	float: none;
	margin-right: 0;
	width: 67px;
}

.testimonials-text {
	background: #fff;
	padding: 11px 24px;
	position: relative;
	color: #8499a1;
	margin-bottom: 12px;
	margin-left: 5px;
	border: 1px solid #dbdbdb;
}
.testimonials-text:before {
	display: block;
	content: '';
	position: absolute;
	width: 6px;
	height: 9px;
	background: url(../images/corner.png) 0 0 no-repeat;
	left: -5px;
	top: 26px;
}

.testimonials-block .img-left {
	margin-right: 11px;
}

.testimonials-author {
	text-align: right;
	color: #494949;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 15px;
}
.testimonials-author a {
	color: #f4af00;
}
.testimonials-author a:hover {
	color: #444;
}

.testimonials-wrap .views-row {
	margin-bottom: 30px;
}

.title-30 a {
	color: #494949;
}
.title-30 a:hover {
	color: #f4af00;
}

/* ------------------------- BUTTONS STYLES ------------------------- */
.form-submit:hover { background-position: 0 100%;}

.button a, .more-link a, ul.links li a, .view-portfolio .views-field-view-node a, #block-poll-recent ul.links li a, #filters li a, .content ul.pager li a, .content ul.pager li.pager-current, .form-submit {
	display: inline-block;
	padding: 10px 12px;	
	border: none;
	color: #000;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
}

#block-views-nos-services-block .more-link {
	position : relative;
	text-align : center;
}

#block-views-nos-services-block .more-link a, 
#block-views-hp-actualites-de-sophia-block .more-link a, 
#block-views-actualit-s-feed-block .more-link a,
#block-views-hp-agenda-de-sophia-block .more-link a, 
#block-views-agenda-sophia-antipolis-block .more-link a{
    background: #ff9b01;
    color: white; 
    font-size: 18px;
    position: relative;
    text-align: center;
}

#block-views-hp-emplois-block .more-link a{
	background: url(../images/btn_emplois.png)no-repeat;	
	height: 20px;
	font-size:0px;
	width: 40px;width: 25px;
	position: absolute;
right: 0px;
top: 5px;
}


.button a:hover, .more-link a:hover, ul.links li a:hover, .view-portfolio .views-field-view-node a:hover, #block-poll-recent ul.links li a:hover, #filters li a:hover, #filters li a.selected, .content ul.pager li a:hover, .content ul.pager li.pager-current, .form-submit:hover {
	background-position: 0 100%;
}

#block-weather-system-1{
	padding-bottom :0!important;
	
}

.weather{
	background : #037A9A;
	color : #fff; font-family: 'Nexa-light', sans-serif;
	margin:0px 10px 0;
	height:64px;height:90px;
	line-height:64px;line-height:90px;font-size: 26px;
text-align:center;}



.weather span
{
font-weight:bold; 

}.weather img
{
top: 17px;
position: relative; 

}
.form-submit {
	line-height:normal;
	vertical-align:middle;
}


ul.links li a {
	margin-bottom: 10px;
}

/* ------------------------- BACK TO TOP ------------------------- */
#backtotop {
	background: url(../images/backtotop.png) 0 0 no-repeat;
	width: 55px;
	height: 55px;
	z-index: 5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	bottom: 100px !important;
}
#backtotop:hover {
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}


/* ------------------------- FOOTER ------------------------- */
#footer {
	clear: both;
	padding:24px 0;
	position: relative;
	background-color : #e0e0e0;
	
}

#footer .content ul.menu {
	display: inline-table;
}

#block-block-5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	padding-top: 4px;
	margin-bottom: 10px !important;
}

#block-block-5 a {
	color: #ffffff;
}
#block-block-5 a:hover {
	color: #f7c66b;
}

#block-block-5 span {
	font-weight: 600;
}


/* ------------------------- SOCIAL-ICONS BLOCK ------------------------- */
#block-follow-site { float:right;}

.follow-link-wrapper {
	display: inline-block;
	margin-left: 9px;
}
a.follow-link {
	width:34px;
	height:34px;
	text-indent:-9999px;
	opacity:1;
	padding:0;
	display: inline-block;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
a.follow-link:hover {
	background-position: 0 100%;
}


a.follow-link-facebook {
	background-image: url(../images/icon-facebook.png);
}

a.follow-link-googleplus {
	background-image: url(../images/icon-googleplus.png);
}
a.follow-link-this-site {
	background-image: url(../images/icon-feed.png);
}
a.follow-link-twitter {
	background-image: url(../images/icon-twitter.png);
}


/* ------------------------- PAGINATOR ------------------------- */
.content ul.pager {text-align: center;}

.content ul.pager li {
	margin:0px 1px;
	overflow:hidden;
	padding: 0;
	display: inline-block;
}

.content ul.pager li a:hover, .content ul.pager li.pager-current ,
.content ul.pager li a, .content ul.pager li.pager-current {
	
}


/* ------------------------- PORTFOLIO ------------------------- */

.view-portfolio .isotope-element .views-field-field-portfolio-image {
	background:url(../images/ajax-loader.gif) center center no-repeat #000;
	margin-bottom:20px;
}

.view-portfolio .isotope-element .views-field-field-portfolio-image a {
	display:block;
	background:url(../images/magnify.png) center center no-repeat #000;
}

.isotope-element .views-field-title {
	margin: 10px 0;
}

#filters {
	margin-bottom: 20px;
	text-align: right;
}

#isotope-options {
	background: none;
}

#filters li {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}

.isotope-element img {
	width: 100%;
	height: auto;
}

#isotope-container {
	margin-left: -10px;
	margin-right: -10px;
}

.isotope-element {
	background: none;
	color: inherit;
	margin: 0px;
	height: auto;
	width: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px;
}



/* ------------------------- POLL'S BARS ------------------------- */
.poll .total, .poll .title  {margin-bottom:15px;}
.poll .bar {
	background-color:#eee;
	height:10px;
	margin-bottom:15px;
}
.poll .bar .foreground {
	height:10px;
	display:none;
	background-color:#f4af00;
}

.poll .percent { float:right;}
.poll .vote-form { text-align: left; padding-bottom: 15px;}
.poll .vote-form .choices { width: 100%;}

#block-poll-recent ul.links li {
	background: none;
	padding-left: 0;
}

#block-comment-recent .content li a { display:inline-block;}

#block-comment-recent li span, .views-field-timestamp {
	display: block;
}

#block-forum-new .contextual-links-wrapper { display:none;}

#block-system-navigation .content li { margin:0;}

.links li {
	display: inline-block;
	margin-right: 10px;
}


/* ------------------------- BLOCK SEARCH ------------------------- */
#block-search-form {}

#search-form #edit-submit {
	padding-top: 7px;
	padding-bottom: 7px;
}
#block-search-form .form-text, #search-block-form .container-inline .form-text {
	width:100%;
	padding:8px 5px;
	border:none;
	background:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#block-search-form .container-inline, #search-block-form .container-inline {
	overflow:hidden;
	background:#e1e1e1;
	display:inline-block;
}
#block-search-form .container-inline .form-item, #search-block-form .container-inline .form-item {float:left; margin:0;}
#block-search-form .container-inline .form-actions, #search-block-form .container-inline .form-actions {float:right;}

#block-search-form .form-submit, #search-block-form .form-submit {
	background:url(../images/search.png) no-repeat center center #E1E1E1;
	border:0;
	line-height:normal;
	width:32px;
	height:32px;
	padding:0;
	margin:0;
	vertical-align:middle;
	cursor:pointer;
	text-indent:-9999px;
}
#search-block-form #edit-submit:hover, #search-block-form .form-submit:hover {opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}



/* ------------------------- FORUM ------------------------- */
.action-links {
	padding: 0 0 25px 0px;
}
.action-links a {
	font-weight:bold;
}
.action-links a:hover {
	text-decoration:none;
}

#forum a {
	font-size:12px;
}
#forum a:hover {text-decoration: underline;}

#forum table {
	border:1px solid #c8c8c8;
	width:100%;
}

#forum th {
	border:1px solid #f4af00;
	color:#fff;
	font-size:14px;
	padding:3px 5px;
}
#forum th a {
	color:#fff;
}

#forum td.container {
	padding:10px;
}

#forum td {
	border:1px solid #dbdbdb;
	padding: 5px;
}

#forum td.topics, #forum td.posts, #forum td.replies{
	text-align:center;
}

.field-name-taxonomy-forums {
	overflow:hidden;
	padding-bottom:20px;
	margin-top: 20px;
	width:100%;
}
.field-name-taxonomy-forums .field-label {
	font-size:14px;
	vertical-align:middle;
	margin-bottom: 0;
	line-height:22px;
	float:left;
	margin-right:10px;
	font-family:Arial;
	letter-spacing:0;
}

.field-name-taxonomy-forums .links a {
	background:none;
	box-shadow: none;
	display:inline;
	font-size: 14px;
	padding:0;
	text-transform: none;
}
.field-name-taxonomy-forums .links a:hover {
	background:none;
}

.page-forum- #main-wrapper .active img {
	padding: 0;
	background: 0;
	border: none;
	margin-left: 5px;
	margin-top: 4px;
}


/* ------------------------- COMMENTS FORM ------------------------- */
.panels-flexible-region-1-contacts_region {
	width:auto;
}


#edit-actions input {
	margin-right: 10px;
}


#edit-comment-body {margin-bottom:15px;}
.filter-help a {font-size:10px; display:inline-block;}
.filter-help a {
	padding-left: 0;
}
#comments {
	margin-bottom: 30px;
	clear: both;
}

article.comment header{overflow:hidden; margin-bottom: 0;}
.user-picture { float:left; margin-right:15px;}

section#comments h2.title {
	margin-bottom:15px;
	font-size: 30px;
}

#comment-form label,
#contact-site-form label {
	vertical-align:middle;
}
.form-required {
	color: #74868f !important;
}
.marker, .form-required {
	color: #fff;
}
#comment-form .form-text,
#user-login .form-text,
#contact-site-form input.form-text,
.search-form .form-text {
	width:220px;
}

#comment-form .form-textarea {
	height:120px;
	margin-bottom: 10px;
	
}
#contact-site-form textarea#edit-message {  /*Contact form texrarea*/
	margin-right:0;
	width:98%;
	height: 100px;
}

.resizable-textarea .grippie {
	display:none;
}

.form-type-item {
	overflow:hidden;
	width:100%;
}
.form-type-item label {
	float:left;
	padding-right:10px;
}

.form-type-select { margin:0;}

#edit-comment-body-und-0-format-guidelines {
	padding-top:15px;
}
#edit-comment-body-und-0-format-guidelines ul li{
	font-size:12px;
	overflow:hidden;
	width:100%;
}

/* ------------------------- COMMENTS OUTPUT ------------------------- */
#comments {
	margin-top: 30px !important;
}
.comment-wrapper {overflow:hidden;}

article.comment .submitted {
	margin:2px 0 10px;
}
article.comment .submited .permalink, p .permalink {
	display:none;
}

article.comment {
/* 	background: url(../images/form.png);
 */	border:1px solid #dbdbdb;
	margin-bottom:15px;
	padding:15px;
	padding-bottom: 25px;
	background: #fff;
}
article.comment h2 {
	color:#292a2b;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
}

.node article.comment footer {
	overflow:hidden;
	padding:0;
}

#edit-comment-body-und-0-format { border:1px solid #dbdbdb;}
#edit-comment-body-und-0-format .fieldset-wrapper > * {padding-left:0; padding-right:0;}
#edit-comment-body-und-0-format .fieldset-wrapper {padding:20px 10px;}
#edit-comment-body-und-0-format .fieldset-wrapper label {display:inline;}

#comment-form-wrapper { margin-top:30px;}
#comment-form-wrapper .title {
	margin-left:0;
	margin-right:0;
}
article.comment span.new { position:absolute; top:0; right:0;}
.comment-preview { background:none;}

.compose-tips li {margin-bottom:10px;}
.compose-tips h3 {margin-bottom:10px;}

.comment .field-items {margin-bottom: 20px;}

/* ------------------------- TABLE STYLES ------------------------- */
tr.odd, tr.even {
	border-bottom: 1px solid #353f46;
	background: none;
}
tr.even {
	background: transparent;
}

th {background:#f4af00; color: #fff; padding: 5px;}



.page-faq-questions-top .views-row {
	margin-bottom: 30px;
}


.view-faq {
	margin-bottom: 30px;
}



/* ------------------------- 404 PAGE NOT FOUND ------------------------- */
.page-page-404 #search-block-form {width:400px;}
.panel-separator {display:none;}

.panel-pane.error-page {margin-bottom:30px;}
.panel-pane.error-page .pane-content {overflow:hidden;}
.panel-pane.error-page .pane-content span.err {
	float:left;
	font-weight:bold;
	font-size:150px;
	line-height:180px;
}
.panel-pane.error-page .pane-content .extra {
	background:url(../images/v_line.gif) 40px 0 repeat-y;
	padding-left:80px;
}
.panel-pane.error-page .pane-content .err-title {
	display:block;
	font-size:70px;
	line-height:84px;
	padding-top:20px;
	text-transform:uppercase;
}
.panel-pane.error-page .pane-content .err-body {
	display:block;
	font-size:20px;
	line-height:24px;
	margin-bottom:15px;
	width:300px;
}
.page-page-404 .pane-search-form {text-align:center;}
.page-page-404 .pane-search-form .pane-content {display:inline-block; padding-top:40px;}
.page-page-404 .pane-search-form #search-block-form .form-text {width:300px;}


html.js .collapsible.collapsed.collapsible .fieldset-legend {background-image:url(../images/menu-collapsed.png);}
html.js .collapsible.collapsible .fieldset-legend {background-image:url(../images/menu-expanded.png);}

input[type="text"], input[type="password"], input[type="search"], textarea {
	color:#49555F;
	border:1px solid #dbdbdb;
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:8px 5px;
}

/* ------------------------- FIRST-TIME PAGE ------------------------- */
#first-time {
	display:none;
}
#first-time p {
	padding:10px 0;
}

#first-time .item-list ul li{
	background:none;
	display:block;
	float:left;
	margin:0;
}
#first-time .item-list ul li a {
	color:#f4af00;
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#first-time .item-list ul li:hover { background:none; }
#first-time .item-list ul li a:hover { background:none; }

/* ------------------------- BREADCRUMB ------------------------- */
#breadcrumb {
	color:#444;
	margin-top:16px;
	padding:0px 3px 15px;
}
#breadcrumb a {
	color:#444;
	font-size:12px;
	text-decoration:none;
	padding:0 3px;
}
#breadcrumb a:last-child { padding-right:0;}
#breadcrumb a:hover { color:#f4af00;}

/* ------------------------- ADMIN TAB ------------------------- */
.tabs-wrapper { margin: 1px 0 20px;}
div.tabs { overflow:hidden;}

.tabs ul.primary {
	border:0;
	border-bottom:1px solid #dbdbdb;
	margin:10px 0 10px 0;
	overflow:hidden;
	padding:4px 0;
}
.tabs ul.primary li {
	margin-bottom:-1px;
}
.tabs ul.primary li a {
	background:#EDEDED;
	border:1px solid #dbdbdb;
	border-bottom:0;
	color:#444;
	font-size:12px;
	font-weight:normal;
	margin:0;
	overflow:hidden;
	padding:3px 15px 4px;
	text-shadow:0 1px 0 #FFF;
	-webkit-transition:background 0.1s linear;
	-moz-transition:background 0.1s linear;
}
.tabs ul li a.active, .tabs ul li a:hover {
	background:#f4af00;
	color:#fff;
	text-shadow:none;
}

/* ------------------------- ADMIN MENU BG ------------------------- */
ul.contextual-links li a:hover {}

.page-blog .field-name-field-blog-image {
	width: 300px;
}

.node-teaser .field-type-image, .node-employee .field-type-image {float:left; margin:0 20px 6px 0;}
.field-type-image {margin-bottom:20px;}

.profile .user-picture { margin-left:20px; width: 67px;}
.profile h3 { overflow:hidden;}

#block-views-our-team-block .views-field-field-employee-photo { width: 100px; float:left; margin-right:15px;}
#block-views-our-team-block .views-row { border-top:1px solid #353f46; overflow:hidden; padding:15px 0 10px;}
#block-views-our-team-block .views-row.views-row-first {
	border-top: none;
}
#block-views-our-team-block .views-field-title a { font-weight:400; text-decoration:none;}

#block-views-our-team-block .views-field-title a:hover {
	color: #f4af00;
}

#block-views-our-team-block .views-field-body, #block-views-our-team-block  .views-row {
	margin-bottom: 0;
}


.filter-type {margin-bottom:30px;}

label.option {vertical-align:middle;}

.node-author .username {
	padding-right: 0;
	margin-right: 0;
	border: none;
}


@media only screen and (min-width: 995px) and (max-width: 1230px) {
	.slider-wide {
		width: 1300px;
		margin-left: -650px;
	}
	
	.slider_caption {
		left: 178px;
		top: 40px;
	}
	
	.slide-title {
		font-size: 130px;
		line-height: 130px;
		margin-bottom: 0;
	}
	.slide-summary {
		font-size: 40px;
		line-height: 40px;
	}
	.slider_caption_inner {
		width: 700px;
	}
	
	.flex-control-nav {
		left: 178px;
		top: 300px;
	}
	
	.region-header {
		padding-bottom: 20px;
	}
	
	#content h1.title, h2, h3 {
		font-size:28px;
		line-height:34px;
	}
	.srvice-header .views-field-title {
		font-size: 28px;
		line-height: 28px;
	}
	
	.views-field-title, .node h2, article.comment h3 {
		font-size: 18px;
		line-height: 22px;
	}
	
	.summary {
		font-size: 13px;
	}
	
	.title-list-block .views-row .views-field-title a {
		padding-left: 76px;
	}
	
	.post-date {
		width: 70px;
	}
}






.views-slideshow-cycle-main-frame-row-item .panel-col-last{
	/* background:#fff;box-shadow: -10px 10px 20px #DDD9D9; */
	position: relative;
	right: 40px;
	top: -100px;
	max-width:500px;
	font-size:12px;
	overflow: hidden;
}
.views-slideshow-cycle-main-frame-row-item .panel-col-last p {
	
	padding : 10px;
}

.view-1-membre-aleatoire .views-field-nothing {
	/* background: url("../images/btn_membre.png") no-repeat scroll right center #4b8fcc; */
	display: block;
    height: 38px;
    line-height: 38px;
	margin-top: -13px;
}

.view-1-membre-aleatoire .views-field-nothing .more-membre {
	color:#fff;
	font-weight:bold;
	/* padding: 0 10px; */
}

.view-slider-page-sophia .views-slideshow-controls-text-next,
.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next {
	background: url("/sites/all/themes/theme822/images/fleche-slide-bleu-droite.png") no-repeat top left !important;
	height: 52px;
	width: 32px;
	bottom: 50%;
    right: 2%;
	z-index: 99;
	position:absolute;
}

.view-slider-page-sophia .views-slideshow-controls-text-previous,
.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous {
	background: url("/sites/all/themes/theme822/images/fleche-slide-bleu-gauche.png") no-repeat top left !important;
	height: 52px;
	width: 32px;	
	bottom: 50%;
    left: 2%;
	z-index: 99;
	position: absolute;
}

.view-slider-page-sophia .views-slideshow-controls-text-previous, 
.view-slider-page-sophia .views-slideshow-controls-text-pause, 
.view-slider-page-sophia .views-slideshow-controls-text-play, 
.view-slider-page-sophia .views-slideshow-controls-text-next {
    display: block;
    text-indent: -9999px;
}

.views-slideshow-cycle-main-frame-row-item .panel-display .panel-panel{
	right: 0;
	top: 0;
	width: 100%;
	position: relative;
}

body.page-node-101754 div.form-item input
{
	margin:10px 0 0 20px;box-shadow:0 0 0 transparent!important;
}
body.page-node-101754 input.webform-submit
{
margin-top:10px;
}
webform-client-form webform-client-form-101754 div:nth-child(1)
{
	margin-left:100px;
}
body.page-node-101754 #webform-client-form-101754 > div > div.form-item.webform-component.webform-component-textfield.webform-component--nom > div
{
	margin-top: -90px;
	margin-bottom: 80px;
	font-size:1em!important;
}
body.page-101754-done #block-system-main > div > div.links > a,
body.page-node-101755 #block-views-header-block > div.content > div > div > div > img,
body.page-node-101754 #block-views-header-block > div.content > div > div > div > img
{
	display:none!important;
}
body.page-node-101754 #block-views-header-block > div.content > div > div > div,
body.page-node-101755 #block-views-header-block > div.content > div > div > div
{
    width: 100%;
    height: 240px;
    background-image:url(/sites/default/files/styles/header/public/header1.png?itok=iZwXvRKI);
    background-repeat:no-repeat;
    background-position:center;
    background-size:90%;
	margin-top:-25px;
}
body.page-node-101755 #main-wrapper{padding-top:30px!important;}
#node-101755 > div > div > div > div > p:nth-child(9) > span > a:nth-child(2) > img,
#webform-client-form-101754 > div > div.form-item.webform-component.webform-component-textfield.webform-component--prenom > div > img{margin-top:18px;}

#webform-client-form-101754 > div > div.form-item.webform-component.webform-component-textfield.webform-component--prenom > div > a:nth-child(1) > img{width:100px!important;}

#webform-client-form-101754 > div > div.form-item.webform-component.webform-component-textfield.webform-component--mail > div > img{margin-top:40px!important;}
#webform-client-form-101754 > div > div.form-item.webform-component.webform-component-textfield.webform-component--prenom > div > a:nth-child(2) > img{width:140px;padding-top:5px;}

#webform-client-form-101754 > div > div.form-item.webform-component.webform-component-textfield.webform-component--mail > div{padding-top:20px}

#node-101755 > div > div > div > div > p:nth-child(10) > span > a > img{margin-top:20px;}
/*

#webform-client-form-101754 > div > div.form-item.webform-component.webform-component-textfield.webform-component--prenom > div{margin-top: 160px;margin-bottom: -260px;}
#webform-client-form-101754 > div > div.form-item.webform-component.webform-component-textfield.webform-component--societe > div{margin-top:210px;margin-bottom:-240px;}
#webform-client-form-101754 > div > div.form-item.webform-component.webform-component-textfield.webform-component--mail > div{margin-top:160px;}
*/

body.page-node-101754 input.form-email{ border: 1px solid #dbdbdb!important;height:28px!important;}
body.page-node-101754 div.form-item.webform-component.webform-component-email.webform-component--email input{height:28px!important;}

.video_accueil .views-field-title{
    color: white;
    background-color: #333333;
    padding: 0 10px;
    font-size: 14px;
    text-transform: initial;
}

#block-block-12 .content a:hover {
    box-shadow: 10px 0px 31px -12px rgba(0,0,0,0.75);
}

#block-block-12 .content a {
    background-color: white;
    display: block;
    padding: 10px;
}
.flippy{
	position: relative;
    background: #f2f0f1;
	padding: 10px 0;
	width: 100%;
	float: left;
}
.flippy .prev{
	float: left;
    padding: 0px;
    width: 50%;

}
.section.grid-7.alpha{
	position: relative;
}
.flippy .next{
	float: right;
	padding: 0px;
    width: 50%;

}
.flippy .prev  a,
.flippy .next a{
	font-family: 'Montserrat', sans-serif;	
	font-weight: bold;
	color: black;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flippy .prev  a{
	background-image: url(../images/fleche-gauche-black.png);
    background-position: left center;
    padding-left: 30px;
    display: block;
}

.flippy .next a{
	background-image: url(../images/fleche-droite-black.png);
    background-position: right center;
    padding-right: 30px;
    display: block;
    text-align: right;
}

.flippy .prev  a:hover, .flippy .next a:hover{
	color: rgba(73, 73, 73, 0.7) !important;
}

.view-actualit-s-feed.view-id-actualit_s_feed .view-header a, .view-agenda-sophia-antipolis.view-id-agenda_sophia_antipolis .view-header a{
	color: white;
}

.view-actualit-s-feed.view-id-actualit_s_feed .view-header a:hover, .view-agenda-sophia-antipolis.view-id-agenda_sophia_antipolis .view-header a:hover{
	color: #037A9A !important;
}

.view-id-bendy_featured_content_rotating_banner.view-display-id-block .panel-2col-bricks .panel-col-last .inside{
	margin: .5em;
}

.view-id-bendy_featured_content_rotating_banner.view-display-id-block  .views-field.views-field-title{
    width: 100%;
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase!important;
    line-height: 30px;
    color: black;
    font-style: normal;
    font-size: 30px;
    font-weight: normal;
    text-transform: initial;
    margin: 0 !important;
    word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	    text-align: left;
}

.view-id-bendy_featured_content_rotating_banner.view-display-id-block  .views-field.views-field-title .field-content{
	padding: 0;
}

.view-id-bendy_featured_content_rotating_banner.view-display-id-block  .views-field.views-field-body{
	display: inline-block;
}

.view-id-bendy_featured_content_rotating_banner.view-display-id-block  .views-field.views-field-body p{
	padding: 0;
}

.column_left.grid-5.alpha .section > .tabs{
	position: relative;
}

.view-id-nos_actualit_s.view-display-id-page.pg-nos-actu .views-field-title{
	margin-bottom: 0 !important;
}

.view-id-nos_actualit_s.view-display-id-page.pg-nos-actu .views-field-created{
	margin-bottom: 5px;
	text-align: center;
	color: #037a9a;
	font-weight: 700;
	font-size: small;
	font-style: italic;
}

#block-system-main-menu {
    float: left;
    margin-top: 10px;
}

#block-block-13{
	float: right;
	position: relative;
	right: 3px;
}

#block-block-13 p{
	margin: 0;
}

.emplois-share-facebook{
    background: url("../images/icone-facebookv2.png") no-repeat scroll left top transparent;
    float: left;
    background-position: 45% 50%;
    width: 35px;
    border-radius: 100vw;
    height: 35px;
    text-indent: 100px;
    overflow: hidden;
    position: absolute;
    left: 453px;
    top: 145px;
}  
#image-carte-membres{
	margin-top: 15px;
}
.view-actualit-s-feed .views-field.views-field-title-1 {
	margin: 15px 0px;
    font-style: italic;
}
.site-map-box-menu ul li.leaf br {
    display: none;
}
.site-map-box-menu ul li.leaf{
	display: block;
    padding: 1px 5px;
}
.view-bendy-featured-content-rotating-banner{
	margin-top: 0;
}
.mean-container .mean-nav ul li.last{
	width: 100vw;
    height: auto;
}
.mean-container .mean-nav ul li.last a{
    padding: 0;
    width: 100%;
}
.mean-container .mean-nav ul li.last img{
    height: auto !important;
    width: 100vw;
}
a.meanmenu-reveal.meanclose{
	background-color: rgba(3, 122, 154, 0);
}
.mean-container a.meanmenu-reveal.meanclose span{
	background: #037A9A;
}
.section-1 .col2 .region.region-menu, .section-1 .col2 .region.region-menu ul.menu{
			display: table;
	-webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	flex-direction: row;
	    -webkit-box-align: end;
	        -ms-flex-align: end;
	            -ms-grid-row-align: flex-end;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        -ms-grid-row-align: flex-end;
	            align-items: flex-end;
}

#block-system-main-menu{
	margin-top: 0;
}

.section-1-1 .section-3 ul li:nth-child(odd){
	
}
.section-1-1 .section-3 ul li:nth-child(even){
    border-right: 2px solid black;
    border-left: 2px solid black;
}

.view-bendy-featured-content-rotating-banner img{
	margin-top: 0;
}
.viep-icon {
    display: inline-block;
    width: 10%;
}

.viep-icon span {
    float: left;
    width: 100%;
    word-wrap: break-word;
    word-break: break-word;
}
#tableau-legende{
	display: table;
	padding: 1%;
}
.section-1-1 .section-3 ul li:nth-child(even) .circle{
	border-color: #F4F4F4 !important;
}
.section-1-1 .section-3 ul li.last .circle{
	display: none;
}
.views-slideshow-cycle-main-frame-row-item .panel-col-last .inside{
	padding-right: 10px;
}

#main-wrapper .site-map-box-menu ul li.leaf img{
	width: 150px !important;
	height: 54px !important;
}

.section-0.clearfix .grid-12{
	padding-top: 0;
}


/* 2k18 */ 

ul li.service-list.two {
    display: inline-table;
    width: 47%;
    margin: 0% 1%;
}

ul li.service-list {
    display: inline-table;
    width: 33%
}

ul li.events-list {
    display: inline-block;
    width: 31%;
    margin: 0 1%;
    float: left;
}

body.front .title-block.white {
	    color: white;
}
	
#content_bottom .title-block.black,
body.front .title-block.black {
	    color: black;
}

.page-node-21 .title-block,
#content_bottom .title-block,
body.front .title-block {
    display: inherit;
    background: none!important;
	font-family: 'Montserrat', sans-serif;
    text-align: center;
    width: 100%;
    clear: both;
    font-size: 35px;
    text-transform: uppercase;
	padding: 15px 0px 45px 0px;
    font-weight: bold;
}

.page-node-21 .title-block img,
body.front .title-block img {
	margin-right: 15px;
	width: auto!important;
	max-width: 37px;
}
	
.view-bendy-featured-content-rotating-banner .views-slideshow-controls-bottom {
	margin : 0;
}
	
#content_events {
	background: #fafafa;
	padding: 10px 0;
}
	
#content_tweets {
	background: #1da1f3;
	padding: 50px 0;
}

#content_services {
	background:white;
	padding: 50px 0;
}

.video_accueil {
	background: #f9b234 url(/sites/all/themes/theme822/images/fond-sce-white.png);
	padding : 50px 0;
}

#content_slide {
    background: white;
}

#content_members {
    background: #fafafa;
    padding: 50px 0;	
}

#content_members .line{
    height: 2px;
    background: white;
    width: 50%;
    margin: 20px auto;
}

#block-views-slider-page-sophia-block .views-field-nothing {   
	padding: 20px 12px;
	position: absolute;
	bottom: 20px;
    left: 20px;
    bottom: 0;
    background: white;
}

#block-views-slider-page-sophia-block .views-field-nothing span.field-content  {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase!important;
    line-height: 30px;
    font-style: normal;
    font-size: 30px;
    font-weight: normal;
    text-transform: initial;
    margin: 0 !important;
    word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;    
	text-align: left;
    color: black;
}

#block-views-slider-page-sophia-block .views-field-nothing  span.field-content span {
    display: inline-block;
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
}

body.page-node-22 article,
form.contact-form,
#block-block-17,
#block-views-slider-page-sophia-block,
.front .region {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
	max-width: 1200px;
}

div#views_slideshow_cycle_teaser_section_slider_page_sophia-block {
    margin: 0 auto;
}

.page-node-21 div.region-content,
.front div.region-content-slide {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
	padding : 0;
	max-width: 1800px;
}

#content_services .region-content-services td{
	position: relative;
	background: #ececec;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

.service-list figure.effect-sadie h2 img {
	max-width: 67px;
}

.service-list figure.effect-sadie h2 {
	letter-spacing : 1px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

.events-list figure.effect-sadie h2 {
position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto!important;
    margin-right: auto!important;
    background: white;
    padding: 10px;
    width: 75%;
    margin: 0 auto;
    color: #484c61;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

body.page-evenements .events-list figure.effect-sadie h2 {
	position: absolute;
    top: 80%;
    line-height: 30px;
    left: 0;
    right: 0;
    margin-left: auto!important;
    margin-right: auto!important;
    background: white;
    padding: 10px;
    width: 75%;
    margin: 0 auto;
    color: #484c61;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

body.page-evenements figure.effect-sadie:hover h2  {
    background: none!important;
    top: 60px;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-30%,0) translate3d(0,-9px,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p ,
figure.effect-sadie div a {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.front figure.effect-sadie p {
	padding: 5%;
	width: 100%;
}

.front figure.effect-sadie a {
	width: 90%;
}

figure.effect-sadie p {
	position: absolute;
	top: 30%;
	left: 0;
	padding: 5%;
	width: 90%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-sadie div a {
	color: #399acc;
    background: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 18px;
    position: absolute;
    bottom: 5%;
    left: 5%;
    padding: 5%;
    width: 80%;
    margin: 0 auto;
    opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

.grid .service-list.yellow  figure.effect-sadie div a {
	color: #f9b234;
}

figure.effect-sadie:hover h2 a ,
figure.effect-sadie:hover h2 span {
	color: #fff!important; 
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover h2  {
	background: none!important;
	top : 25%;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p ,
figure.effect-sadie:hover div a {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 1em;
	max-width: 1200px;
	list-style: none;
	text-align: center;
}

/* Common style */

.grid .events-list figure {
    position: relative;
    overflow: hidden;
    margin: 10px 5%;
    width: 100%;
    min-height: 150px;
    background: #ececec;
    text-align: center;
    cursor: pointer;
}


.grid .service-list figure {
    position: relative;
    overflow: hidden;
    margin: 2%;
    width: 96%;
    min-height: 300px;
    background: #ececec;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
	text-align: center;
	width : auto!important;
}

.grid figure img {
	text-align: center;
	width : auto!important;
}

.grid figure figcaption {
	padding: 5%;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
	
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
	background : #399acc;
}

.grid .service-list.yellow figure figcaption::before,
.grid .service-list.yellow figure figcaption::after {
	background : #f9b234;
}

.grid .service-list.two figure figcaption,
.grid .service-list.two figure figcaption > a {
	height: 85%;
}

.front .grid figure figcaption,
.front .grid figure figcaption > a {
	width: 100%;
	height: 100%;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 91%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-family: 'Montserrat', sans-serif;
	color : #399acc;
	font-weight: 300;
}

.grid figure h2 a {
	color : #399acc;
    font-size: 28px;	
}

.grid .service-list.yellow  figure h2 a {
	color : #f9b234;	
}

	
.grid .events-list figure h2 span {
    color: #399acc;
    font-weight: 800;
    font-size: 22px;
    line-height: 22px;
}
	
.grid .service-list figure h2 span {
    color: #399acc;
    font-weight: 800;
    font-size: 22px;
    line-height: 22px;
}

.grid .service-list.yellow figure h2 span {
    color: #f9b234;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
	text-transform: initial;
}


.caption-style-1 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.caption-style-1 li {
	float: left;
	padding: 0px;
	position: relative;
	overflow: hidden;
}
.caption-style-1 li:hover .caption {
	opacity: 1;
}
.caption-style-1 img {
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 4;
}
.caption-style-1 .caption {
	cursor: pointer;
	width: 100%;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	-o-transition: all 0.45s ease-in-out;
	-ms-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
}
.caption-style-1 .blur {
	background-color: #f9b234;
	height: 300px;
	width: 100%;
	z-index: 5;
	position: absolute;
}

.caption-style-1 .caption-text h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	color: white;
}

.caption-style-1 .caption-text {
	z-index: 10;
	color: #fff;
	position: absolute;
	width: 100%;
	height: 300px;
	text-align: center;
	top: 100px;
}

.content-image {
    position: relative;
    width: 100%;
    clear: both;
}

.titre {
    position: absolute;
    bottom: 5%;
    width: 33%;
    background: #efefef;
    padding: 20px;
    color: black;
	margin: 0;
    left: 10%;
}

.titre h1 {
	color: black;
	font-family: 'Montserrat', sans-serif;	
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0;
}	

.view-contactez-nous .grid ul {
	width: 100%;
	float: left;
	clear: both;
}
	
.view-contactez-nous .grid li.views-row {
    float: left;
    background: white;
    width: 29%;
    text-align: center;
    padding: 0 1%;
    margin: 2% 1%;
    min-height: 350px;
}

form.contact-form {
	background : white; 
}

.page-node-103434.views-row,
.page-carte-membres .views-row,
.view-membres-adh-rents .views-row,
.view-contactez-nous .views-row,
.view-qui-sommes-nous .views-row,
.view-agenda-sophia-antipolis .views-row,
.view-evenements .views-row,
.view-actualit-s-feed .views-row,
.view-id-contactez_nous .views-row,
.view-nos-actualit-s .views-row ,
.view-nos-services .views-row {
	position: relative;
}

.page-node-103434 .view-header-image .views-field-title,
.page-carte-membres .view-header-image .views-field-title,
.view-membres-adh-rents .view-header .views-field-title,
.view-contactez-nous .view-header .views-field-title,
.view-qui-sommes-nous .view-header .views-field-title,
.view-agenda-sophia-antipolis .view-header .views-field-title,
.view-evenements .view-header .views-field-title,
.view-actualit-s-feed .view-header .views-field-title,
.view-nos-services.view-display-id-page .view-header .views-field-title,
.view-id-nos_actualit_s.view-display-id-page.pg-nos-actu .view-header .views-field-title {
    position: absolute;
    background: white;
    bottom: 5%;
    left: 5%;
    padding: 15px;
    line-height: 35px;
	font-size: 30px;
    text-align: left;
    color: black;
    border: none;
    display: block;
    width: 33%;
	font-family: 'Montserrat', sans-serif;	
    text-transform: uppercase;
    font-weight: bold;
    font-size: 32px;
    line-height: 1em;
}

body.section-vie-pratique-sophia .view-agenda-sophia-antipolis .views-row,
body.section-vie-pratique-sophia .view-actualit-s-feed .views-row,
body.section-vie-pratique-sophia .view-evenements .views-row,
body.front .view-evenements .views-row {
    float: left;
    width: 31%;
	padding: 0;
	margin : 1%;
	background: #efefef;
    margin-bottom: 10px;
}

body.section-vie-pratique-sophia .view-evenements .views-row img,
body.front .view-evenements .views-row img {
    width : 100%;
	height : auto;
}

body.section-vie-pratique-sophia .view-agenda-sophia-antipolis .views-row .views-field-view-node,
body.section-vie-pratique-sophia .view-actualit-s-feed .views-field-view-node {
    border-bottom: none;
    padding: 0px 10px;
    position: relative;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    line-height: 23px;
    z-index: 10;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;	
}

body.section-vie-pratique-sophia .view-agenda-sophia-antipolis .views-row .views-field-body,
body.section-vie-pratique-sophia .view-actualit-s-feed .views-field-field-feed-item-description,
body.section-vie-pratique-sophia .view-evenements .views-row .views-field-body,
body.front .view-evenements .views-row .views-field-body {
    padding: 15px 7px;
    margin: 0;
	float: left;
}

body.section-vie-pratique-sophia .view-agenda-sophia-antipolis .views-row .views-field-field-date-evenement,
body.section-vie-pratique-sophia .view-actualit-s-feed .views-row .views-field-created,
.view-evenements .views-row .views-field-field-date {
    background: #f9b234;
    width: calc(100% - 20px);
    color: white;
    margin: 0 0 10px 0;
    padding: 8px 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    min-height: 22px;
    float: left;
}

#block-views-agenda-sophia-antipolis-block .more-link, 
.view-actualit-s-feed .more-link, 
#content_members .view-footer,
.view-evenements .view-footer  {
    display: block;
    text-align: center;
}

.view-actualit-s-feed .more-link a,	
#content_members .view-footer a,	
.view-evenements .view-footer  a {
    background: #ff9b01;
    color: white;
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 10px 20px;
    border: none;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin: 25px 45px;	
}

#block-views-nos-actualit-s-block-3 {
	display: inline-block;
}

#block-views-nos-actualit-s-block-3 .view-header  {
	float: left;
	width: 59%;
    margin-right: 1%;
}

#block-views-nos-actualit-s-block-3 .view-header .views-row {
	margin: 0;
}

#block-views-nos-actualit-s-block-3 .view-content .views-row {
	margin : 0 0 27px 0;
}

#block-views-nos-actualit-s-block-3 .view-content  {
    width: 40%;
    display: inline-block;
}

#block-views-nos-actualit-s-block-3 .view-header .view-content  {
    width: 100%;
    display: inline-block;
}

#block-block-13 .content ul {
	display : inline-flex;
	margin-left: 10px;
}

#block-block-13 .content ul li {
	border: none!important;
    list-style-image: none;
    list-style-type: none;
    text-align: center;
    padding: 0px 3px;
	width: auto;
}

#block-block-13 .content ul li a {
    font-size: 11px;
    line-height: 11px;
}

#block-block-13 .content ul li a img {
	margin-bottom: 8px;
}
	
#block-views-agenda-sophia-antipolis-block,
#block-views-evenements-block-2,
#block-views-en-quelques-chiffres-block  {
	background: #fcfafb;
}

#block-views-en-quelques-chiffres-block .views-row .views-field {
    float: left;
    text-align: center;
    width: 15%;
    display: inline-block;
    margin: 1%;
    padding: 1%;
    background: white;
    border: 1px solid #d6d6d6;
}

#block-views-en-quelques-chiffres-block .views-row .views-field li.first{
    color: #f9b234;
	margin: 2px 0;
    font-size: 45px;
}

#block-views-en-quelques-chiffres-block .views-row .views-field li.last {
    text-transform: uppercase;
    margin: 2px 0;
    font-size: 13px;
    color: grey;
	min-height: 30px;
}

#block-block-16 {
    background: #2a2a2c;
    color: white;
    padding: 15px;
	width: 100%;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
}

#block-block-16 .texte {
    float: left;
    width: 58%;
    padding: 1%;
    font-size: 40px;
    font-weight: 100;
    text-transform: uppercase;
}

#block-block-16 .texte span {    
	font-weight: 800;
    margin: 25px 0 0 0;
    float: left;
    width: 100%;
}

#block-block-16 .image  {
    float: left;
    width: 40%;
}

.grille {
	padding: 20px 20px 100px 20px;
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grille > div{
	display: inline-block;
	width: 22%;
	margin: 0;
	padding: 1%;
	text-align: left;
	position: relative;
}

.grille figure {
	margin: 0;
	position: relative;
}

.grille figure > img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grille figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1%;
	background: white;
	color: #ed4e6e;
}

.grille figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: 700;
}
.grille figcaption ,
.grille figcaption a {
text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    color: white;
}

/* Caption Style 3 */
.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure > img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover > img,
.cs-style-3 figure.cs-hover > img {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.cs-style-3 figcaption {
	height: 98%;
	width: 98%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption span {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
}

div.light div.dpSocialTimeline .dpSocialTimeline_item {
    border: none!important;
    box-shadow: none!important;
    width: 31%!important;
    color: black;
    float: left;
    margin: 0 1%;
    position: relative!important;
    transform: none!important;
}

div.light div.dpSocialTimeline .dpSocialTimeline_item .user,
div.light div.dpSocialTimeline .dpSocialTimeline_item span.time {
	color: black!important; 
}

form.contact-form,
div.light div.dpSocialTimeline .dpSocialTimeline_item.twitter div.dpSocialTimelineContentFoot {
	display: none;
}

@media only screen and (max-width: 420px) {
	
		
	.view-contactez-nous .grid li.views-row {
		float: left;
		width: 46%;
		min-height: 280px;
		text-align: center;
		margin: 0 1%;
	}


	body.section-vie-pratique-sophia .view-evenements .views-row, 
	body.front .view-evenements .views-row {
		width: 98%;
	}
	
	.view-evenements .views-row .views-field-field-date {
		min-height: 62px;
	}
	
	#content_services {
		background: white;
		padding: 20px 0;
	}
	
	ul li.service-list {
		width: 98%!important;
	}
	
	.grid .service-list figure {
		margin: 10px 0%;
	}
	
	#block-views-nos-actualit-s-block-3 .view-content {
		width: 100%;
	}	
	
	#block-views-nos-actualit-s-block-3 .view-header {
		width: 100%;
		margin-right: 0%;
	}
	
	#content_members td {
		float: left;
		vertical-align: top;
		width: 100%;
		display: block;
	}	
	
	.view-membres-adh-rents .view-header .views-field-title, .view-contactez-nous .view-header .views-field-title, .view-qui-sommes-nous .view-header .views-field-title, .view-agenda-sophia-antipolis .view-header .views-field-title, .view-evenements .view-header .views-field-title, .view-actualit-s-feed .view-header .views-field-title, .view-nos-services.view-display-id-page .view-header .views-field-title, .view-id-nos_actualit_s.view-display-id-page.pg-nos-actu .view-header .views-field-title {
		width: 70%;
		font-size: 18px;
	}
	
	ul li.service-list.two {
		width: 98%;
		margin: 0% 1%;
	}
	
	.titre {
		width: 70%;
	}
	
	h1 {
		font-size: 22px;
	}
	
	ul li.events-list {
		width: 45%;
		margin: 0 1%;
	}
	
	.grid figure h2 a {
		font-size: 15px;
		line-height: 15px;
	}
	
	.grid .events-list figure h2 span {
		font-size: 15px;
		line-height: 20px;
	}
	
	#block-views-slider-page-sophia-block .views-field-nothing span.field-content span {
		font-size: 32px;
		line-height: 34px;
	}

	#block-views-en-quelques-chiffres-block .views-row .views-field {
		width: 45%;
	}
	
	#block-block-16 .texte {
		float: left;
		width: 58%;
		padding: 1%;
		font-size: 18px;
	}
	
	div.light div.dpSocialTimeline div.dpSocialTimeline_item {
		width: 98%!important;
	}

}

@media only screen and (max-width: 1024px) {
	
	div.section-1 {
		position : relative;
	}
	
	#header {
		min-height : auto;
	}

	div.light div.dpSocialTimeline .dpSocialTimeline_item {
		width: 46%!important;
		margin: 1%!important;
	}
	
	form.contact-form, #block-block-17,
	#block-views-slider-page-sophia-block,
	.front .region {
		padding-right: 1%;
		padding-left: 1%;
		width: 98%;
	}
	
	ul li.service-list {
		width: 32%;
	}
	
	ul li.service-list h2 img {
		max-width: 64px;
		margin: 0 0 10px 0;
	}
	
	.field-name-body {
		width: 96%;
		padding: 0 2%;
	}
	
}
	

.front #header {
    width: 100%;
    margin: auto;
} 

#header {
	width:1280px;
	margin:auto;
}

#content_bottom {
	width:1280px;
	margin:auto;
}


.section-1-1 .section-3 ul li a{
    font-size: 13px;
    line-height: 13px;
	font-weight : 500;
    color: black;
	font-family: 'Montserrat', sans-serif;
}

.views-slideshow-cycle-main-frame-row-item {
	position:relative;
}

.views-slideshow-cycle-main-frame-row-item .panel-col-last {
	background: #fff;
	padding: 20px 12px;
	position: absolute;
	right: 48px;
	top: 312px;
	width: 500px;
	font-size: 12px;
	overflow: hidden;
	height: 125px; 
}

.view-1-membre-aleatoire .panel-col-bottom .views-field-title a,
.view-1-membre-aleatoire .panel-col-bottom .views-field-field-poste,
.view-1-membre-aleatoire .panel-col-bottom .views-field-field-soci-t-{
	font-size: 15px;
	font-family: helvetica;
	font-weight: lighter;
	line-height: 14px;
	text-transform: none;

 }
 
#block-views-1-membre-aleatoire-block .views-field-title a, #block-views-1-membre-aleatoire-block-1 .views-field-title a {
	 font-weight: bold;
	 /* text-transform: uppercase; */
}
  
#block-views-1-membre-aleatoire-block .views-field-field-poste, #block-views-1-membre-aleatoire-block-1 .views-field-field-poste  {
	text-transform: uppercase;
	font-weight: bold;
}

#block-views-1-membre-aleatoire-block .views-field-field-soci-t-, #block-views-1-membre-aleatoire-block-1 .views-field-field-soci-t- {
	text-transform: uppercase;
}

 .SophiaTitle {
	font-family: 'Nexa-light', sans-serif;
	font-size: 33px;
	text-transform: uppercase;
	text-align: right;
	display: block;
}

 #block-menu-menu-menu-footer {
	float: left;
    width: 100%;
    text-align: center;
}

/* .view-hp-actualites-de-sophia .views-field-title a,.view-hp-agenda-de-sophia .views-field-title a,
#block-views-hp-agenda-de-sophia-block .views-field-title a, #block-views-hp-emplois-block .views-field-title a ,
#block-views-agenda-sophia-antipolis-block .views-field-view-node a {
	padding-left: 0px;
	text-transform: none;
	font-family: arial;
	font-size: 17px;
	font-weight: bold;
 } */
 
 .social {
    text-align: center;
    width: 100%;
    float: left;
 } 
 
.social ul {
	display: inline-block;
	text-align: center;
	padding: 0 0 20px 0;
}

 .social ul li {
	float: left;
	width: 49px;
	height: 36px;
 }
 
.social ul li a {
	width: 29px;
	height: 29px; 
	display: block;
}

#Twitter { 
	background: url("../images/twitter-gris.png") no-repeat center  center;
}

#Facebook {  
	background: url("../images/facebook-gris.png") no-repeat center center
}

 #Youtube {
	background: url("../images/youtube-gris.png") no-repeat center center;
}

#Linkedin{
 	background: url("../images/linkedin-gris.png") no-repeat center center;
}
 

#node-1 {
text-align: justify;
}

.view-nos-actualit-s .views-row img {
	width: 100%;
	height: auto;
}


.view-nos-actualit-s .views-row  .views-field-title a,
.view-nos-actualit-s .views-row  .views-field-nothing a{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 22px;
}

#block-block-19 .content,
#block-block-15 .content {
    display: block;
    text-align: center;
}

#block-block-19 .content a ,
#block-block-15 .content a {
    background: #ff9b01;
    color: white;
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 10px 12px;
    border: none;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin: 25px 45px;
}
	
.view-nos-actualit-s .views-row  .views-field-title,
.view-nos-actualit-s .views-row  .views-field-nothing{
    position: absolute;
    bottom: 0;
    color: black;
    background: #efefef;
    right: 0;
    padding: 20px 15px;
    width: 70%;
}

.view-id-contactez_nous .views-row .panel-col-first {
	width: 100%;
}


.view-id-contactez_nous .views-row .panel-col-last .inside,
.view-nos-actualit-s .views-row .panel-col-last .inside {
    width: 92%;
    padding: 4%;
	margin : 0;
}

.view-id-contactez_nous .views-row .panel-col-last .inside .views-field-title,
.view-nos-actualit-s .views-row .panel-col-last .inside .views-field-title {
    Font-size: 15px;
	float: left;
    width: 100%;
    background: none;
    text-transform: none;
    font-weight: bold;
    border: 0;
    margin: 0;
    padding: 0;
    color: black;
    position: relative;
    text-align: left;
	left: 0;
}

.view-nos-actualit-s .views-row .panel-col-last .inside .views-field-body {
	float: left;
    width: 100%;
    color: black;
	clear: both;
    position: relative;
    text-align: left;
}

.view-nos-actualit-s .views-row .panel-display {
	background: #e0e0e0;
	margin: 20px 0 20px 0;
}

.view-nos-actualit-s .views-row .inside {
	margin : 0px;
}

.view-1-membre-aleatoire .panel-display {
	 background:none;
	 position: relative;
 }

.view-1-membre-aleatoire .panel-display .inside {
	background:#fff;
 }
 
 /* 
 Update Skeleton
 */ 
 .container-12 {
 
width: 1200px !important;
 
}
 
.container-12 .grid-12 {
width: 1200px  !important;
} 
 .page-node-21 .container-12 .grid-7, .page-node-101563 .container-12 .grid-7
 {
width: 1200px  !important;
}