@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;
} 
 
 .section-0 {
 	padding: 0px;
 }

 .section-1 .col1 {
 	padding-left: 0;
 }
 .section-1 .col2 {
    float: right;
    padding-top: 8px;
    padding-right: 0;
 }

 #logo img{
 	width: auto;
    height: 50px;
 }
 .view-1-membre-aleatoire .panel-display .inside {
 	background:none;
 }
 

 .views-slideshow-cycle-main-frame-row-item .panel-col-last {
     right: 172px; 
     top: 342px; 
     font-family: Arial,sans-serif; 
     font-size: 14px; 
     height: auto; 
     position: relative; 
     float: left; 
     margin-top: -200px; 
     margin-left: 10%; 
}

.views-slideshow-cycle-main-frame-row-item .field-name-body {
	text-align: justify;
	font-family: Arial,sans-serif;
}


.front em {
	font-style: normal;
}


#block-views-hp-actualites-de-sophia-block .view-content, #block-views-actualit-s-feed-block .view-content {
    padding-bottom: 35px;
    clear: both;
}

.column_left {
	margin-right: 30px !important;
}
.column_left.no_margin {
	margin-right: 0px !important;
	margin-left: 0px; 
}

.weather {
	margin: 0px 0px 0;
}

/*
#block-views-hp-agenda-de-sophia-block, #block-views-agenda-sophia-antipolis-block {
	margin: 0px;
	padding: 5px;
	background: white;
}

#block-views-hp-agenda-de-sophia-block .view-header, #block-views-agenda-sophia-antipolis-block .view-header{
    font-size: 35px;
    line-height: 35px;
    font-family: 'Montserrat', sans-serif;
    color: white;
    font-weight: bold;
    text-align: center;
}*/

#block-views-hp-agenda-de-sophia-block .view-header #premiere-ligne, #block-views-agenda-sophia-antipolis-block .view-header #premiere-ligne {
	font-family: Courgette;
	font-size:34px;
	text-align:left;
	padding-left: 12px;
}

#block-views-hp-agenda-de-sophia-block .view-header #deuxieme-ligne, #block-views-agenda-sophia-antipolis-block .view-header #deuxieme-ligne {
	margin-right: 12px;
}


#block-views-hp-agenda-de-sophia-block .view-content, #block-views-agenda-sophia-antipolis-block .view-content{
	clear: both
}

#block-views-hp-agenda-de-sophia-block .views-field-description,
#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,
#block-views-agenda-sophia-antipolis-block .views-field-body{
	font-weight:normal;
}


#block-views-hp-emplois-block {
	margin: 0px;
}

#block-block-6 {
	margin-top: 34px;
}

#block-block-6 video {
	width: 770px;
	height: 433px;
}

#block-views-hp-agenda-de-sophia-block, #block-views-agenda-sophia-antipolis-block {
	margin-top: 0;
	z-index:10;
}

.front #block-views-hp-agenda-de-sophia-block .views-field-title, .front #block-views-agenda-sophia-antipolis-block .views-field-url, .front #block-views-hp-emplois-block .views-field-title, .front #block-views-hp-actualites-de-sophia-block .views-field-title, .front #block-views-actualit-s-feed-block .views-field-title {
	line-height: 16px;
}

.front #block-views-hp-agenda-de-sophia-block .view-header {
	margin-left: -5px;
	margin-bottom: 10px;
}

/* @-moz-document url-prefix()
{
#block-views-hp-actualites-de-sophia-block .more-link a {
top: -2px;
}
} */

/* @-moz-document url-prefix()
{
#block-views-hp-emplois-block {
    height: 311px !important;
}
} */

/* @-moz-document url-prefix()
{
#block-views-hp-emplois-block .more-link a {
    top: -18px;
}
} */

#block-views-hp-agenda-de-sophia-block  .more-link, #block-views-agenda-sophia-antipolis-block .more-link{
	bottom: 0px;
	margin-top: -20px;
}

#block-views-hp-emplois-block {
	margin-top: -10px;
	height: 324px;
	z-index: 200 !important;
}

.front #block-views-hp-emplois-block  .view-header {
	margin-left: -5px;
	margin-bottom: 5px;
}

.front #block-views-hp-emplois-block .view-header #premiere-ligne {
	font-family: Courgette;
	font-size:34px;
	text-align:left;
	padding-left: 12px;
	font-weight: normal;
}

.front #block-views-hp-emplois-block .view-header {
	/* content: url(../images/titre-blocs-accueil.png); */
	background: url("../images/points-titre-blocs-accueilv2.png") repeat-x scroll 8px 49px transparent;
	padding-bottom: 20px;
	margin-bottom: 13px;
	margin-right: -5px;
}

#block-views-hp-emplois-block .more-link {
	/* bottom: 0px; */
	/* margin-top: -6px; */
	margin-top: -7px !important;
}

#block-views-hp-emplois-block .views-row {
	border-bottom: 1px dotted #fff;
	padding-bottom: 20px;
}

#block-views-hp-emplois-block .view-content {
/* padding-bottom: 66px;
margin-bottom: 60px; */
height: 226px;
overflow: hidden;
clear: both;
text-align: justify;
}

/* .front #block-views-hp-emplois-block .views-field-description {
	text-align: justify;
	}

	#footer	#Twitter {
		display: none;
	}

	#footer	#Facebook {
		display: none;
	}

/*#block-views-1276454308d2d14a0972b14f9f3f6225 {
	margin-bottom: -10px;
	}*/

	#header {
		background: transparent;
	}

	#block-block-1 {
		margin-bottom: -14px !important;
	}

	#block-views-hp-actualites-de-sophia-block, #block-views-actualit-s-feed-block {
		padding-left: 12px;
		padding-right: 12px;
	}

	#block-views-hp-actualites-de-sophia-block .view-header #premiere-ligne, #block-views-actualit-s-feed-block .view-header #premiere-ligne{
		font-family: Courgette;
		font-size:36px;
		text-align:left;
		padding-left: 12px;
	}

	#block-views-hp-actualites-de-sophia-block .view-header #deuxieme-ligne, #block-views-actualit-s-feed-block .view-header #deuxieme-ligne{
		margin-right: 12px;
	}

	#block-views-hp-actualites-de-sophia-block .view-header,
	#block-views-actualit-s-feed-block .view-header {
		font-size: 35px;
		line-height: 35px;
		font-family: 'Montserrat', sans-serif;
		/* color: white; */
		font-weight: bold;
		text-align: center;
	}

	#block-views-hp-actualites-de-sophia-block .views-field-title a, #block-views-actualit-s-feed-block .views-field-title a{
		text-align: justify;
		width: 346px !important;
	}

	#block-views-hp-actualites-de-sophia-block .views-field-description .field-content,
	#block-views-hp-agenda-de-sophia-block .views-field-description .field-content,
	#block-views-actualit-s-feed-block .views-field-description .field-content,
	#block-views-agenda-sophia-antipolis-block .views-field-body .field-content{
		font-size: 16px !important;
		text-align: justify;
		/* border-bottom: 1px dotted #fff; */
	}

	#block-views-hp-actualites-de-sophia-block .views-field-title-1 a,
	#block-views-hp-agenda-de-sophia-block .views-field-title-1 a,
	#block-views-hp-emplois-block  .views-field-title-1 a,
	#block-views-actualit-s-feed-block .views-field-title-1 a,
	#block-views-agenda-sophia-antipolis-block .views-field-url-1 a{
		color : white;
		font-weight: bold;
		font-size: 16px;
		margin-left: 2px;
	}

	

	.section .views-field-field-poste {
		top: 78px !important;
	}

	#block-views-hp-actualites-de-sophia-block .views-vTicker-item, #block-views-actualit-s-feed-block .views-vTicker-item{
		border-bottom: 1px dotted #fff;
		padding-top: 20px !important;
		height: auto !important;
	}

	#views-ticker-vTicker-hp_actualites_de_sophia {
		height: 435px !important;
	}

	.bouton-css {
		width:auto;
		padding:8px 0;
		text-align:center;
		display: inline-block;
		float:left;
		margin:0 8px 0 0;
		border-radius:7px;
		font-size: 0.85em;
		width:120px;
		/* color:#000; */
		color: #7C451F;
		text-shadow: 0px 1px 0px rgba( 226, 200, 200, 0.4);
		font-family: Arial,sans-serif;
		font-size: 32px;
	}

	.bouton-css, .bouton-css:active {
		background: #F28F22;
		background: -webkit-linear-gradient( #FF6A4F, #D33B11);
		background: -webkit-linear-gradient( #F28F22, #BD5D19);
		background: linear-gradient( #F28F22, #BD5D19);
	}

	.bouton-css {
		box-shadow: 0 0 1px rgba( 0, 0, 0, 0.2), 0 -1px 0 rgba( 255, 255, 255, 0.1);
		text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
		color: #7C451F;
		text-shadow: 0px 1px 0px rgba( 226, 200, 200, 0.4);
	}

	.bouton-css:hover {
		background: #F79E46;
		background: -webkit-linear-gradient( #F79E46, #C96928);
		background: linear-gradient( #F79E46, #C96928);
	}

	.bouton-css:hover, .bouton-css:active {
		color: #894520 !important;
	}

	.bouton-css:active{box-shadow: 1px 1px 10px #000 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}

	#bouton-conseil, #bouton-adherent, #bouton-correspondant {
		clear: both;
		width: 605px;
		height: 60px;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		vertical-align: middle;
		line-height: 60px;
	}

	/*Nos actualitÃƒÆ’Ã‚Â©s - Liste*/

	.panel-col-last .views-field-title a {
		font-size: 18px !important;
		font-weight: bold;
		text-transform: none;
		padding-left: 0px;
	}

	.panel-col-last .views-field-title {
		margin-bottom: 10px !important;
	}
	
	.panel-col-last .views-field-field-sous-titre-slider {
		display: inline-block;
		width: 100%;
		font-size: 47px;
		line-height: 50px;
		font-family: 'Roboto', sans-serif;
		text-transform: uppercase;
		text-align: left;
		color: black;
		height: auto;
		overflow: hidden;
	}

	.view-agenda-sophia-antipolis .panel-col-last .views-field-body{
		color: black;
	}
	
	#block-views-contactez-nous-block .views-field-field-email a {
		text-overflow: ellipsis;
		float: left;
		width: 100%;
		overflow: hidden;
	}


	#block-views-contactez-nous-block .views-field-field-poste-contact {
		font-weight: bold;
		margin: 0 0 10px 0;
	}

	.view-nos-actualit-s .views-row .panel-col-last .inside {
		bottom: 0 !important;
		/* padding: 0 !important; */
		position: relative;
	}


.view-nos-actualit-s .views-row .panel-col-last .inside .views-field-title-1 a {
	color: white;
}

.view-nos-actualit-s .views-row .panel-col-last .inside .views-field-title-1 {
    position: relative;
    background: #ff9b01;
    padding: 10px 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.grid-12 .block-system .social-share {
	margin-top: -23px;
	margin-left: 394px;
}

.view-hp-actualites-de-sophia .panel-col-last, .view-actualit-s-feed .panel-col-last{
	background: #e0e0e0;
	margin-bottom: 30px;
}

.view-hp-agenda-de-sophia .panel-col-last, .view-agenda-sophia-antipolis .panel-col-last{
	height: 145px;
	margin-bottom: 30px;
}

.view-hp-emplois  .panel-col-last {
	height: 145px;
	margin-bottom: 30px;
}

/* .page-hp-actualites-de-sophia .panel-col-first { */
	.view-hp-actualites-de-sophia .panel-col-first, .view-agenda-sophia-antipolis .panel-col-first, .view-hp-agenda-de-sophia .panel-col-first, .view-hp-emplois .panel-col-first {
		z-index: 1;
		/* width: 100%; */
/* margin-left: auto;
margin-right: auto; */
/* vertical-align: middle;
line-height: 192px; */
}

/*.vue-liste-actus-sophia .views-field-timestamp, .view-agenda-sophia-antipolis .views-field-field-date-evenement, .view-hp-agenda-de-sophia .views-field-timestamp, .view-hp-emplois .views-field-timestamp, .view-actualit-s-feed .views-field-field-date-de-publication {
	font-family : "Nexa-light";
	font-weight: bold;
	font-size: 31px;
	float: left;
	padding-left: 30%;
	padding-top: 18px;
	margin-right: 4px;
}*/

.vue-liste-actus-sophia .views-field-timestamp-1, .view-agenda-sophia-antipolis .views-field-field-date-evenement-1, .view-hp-agenda-de-sophia .views-field-timestamp-1, .view-hp-emplois .views-field-timestamp-1, .view-actualit-s-feed .views-field-field-date-de-publication-1 {
	font-family : "Nexa-light";
	font-weight: bold;
	font-size: 16px;
	padding-top: 20px;
}

.vue-liste-actus-sophia .views-field-timestamp-2, .view-agenda-sophia-antipolis .views-field-field-date-evenement-2, .view-hp-agenda-de-sophia .views-field-timestamp-2, .view-hp-emplois .views-field-timestamp-2, .view-actualit-s-feed .views-field-field-date-de-publication-2 {
	font-family : "Nexa-light";
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}


.view-hp-emplois .views-field-timestamp, .view-hp-emplois .views-field-timestamp-1, .view-hp-emplois .views-field-timestamp-2 {
	color: #1c3c51 !important;
}

#block-views-1-membre-aleatoire-block-1 {
	height: 296px;
}

/*Fil d'Ariane*/

.front #breadcrumb {
	display: none;
}

#breadcrumb {
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#breadcrumb a {
	text-decoration: underline;
}

#main-wrapper .field-name-field-image img {
	width: 100%;
}

/*Liens rÃƒÆ’Ã‚Â©seaux sociaux*/

.sharethis-buttons {
	/* width: 58%; */
	/* margin-left: 81%; */
	margin-top: -36px;
	float: right;
	margin-right: 6px;
	/* z-index: 0; */
	position: relative;
}

.st_facebook_custom {
	background: url("../images/icone-facebookv2.png") no-repeat scroll left top transparent;
	/* padding: 32px 16px 0 30px; */
	/* margin-left: 69%; */
	float: left;
	width: 45px;
	height: 45px;
}

.st_twitter_custom {
	background: url("../images/icone-twitterv2.png") no-repeat scroll left top transparent;
	/* padding: 0 0 0 1px; */
	margin-left: 8px;
	float: left;
	width: 45px;
	height: 45px;
}

.st_email_custom {
	background: url("../images/icon-email.png") no-repeat scroll left top transparent;
	/* padding: 32px 16px 0 30px; */
	margin-left: 5px;
	float: left;
	width: 45px;
	height: 45px;
	/* clear: both; */
}

#page-wrapper {
	margin-top: 0;
}

#header {
	margin-bottom: -5px;
	width: 100%;
}

/*Pager*/

.view-nos-actualit-s .item-list .pager {
	display: table;
	margin: 0 auto;
}

.view-test-membre .item-list .pager {
	margin-left: 30px;
}

.content ul.pager li.pager-first, .content ul.pager li.pager-last {
	display: none;
}

.content ul.pager li.pager-item {
    color: white;
    background: #f9b234;
    font-family: Tahoma,sans-serif;
    font-size: 14px;
    padding: 3px 9px;
    font-weight: bold;
    border: 2px solid #f9b234;}

.content ul.pager li.pager-ellipsis {
    color: white;
    background: #f9b234;
    font-family: Tahoma,sans-serif;
    font-size: 14px;
    padding: 6px 9px;
    font-weight: bold;
    border: 2px solid #f9b234;
}

.content ul.pager li.pager-item a, .content ul.pager li.pager-ellipsis a, .content ul.pager li.pager-current a {
    font-family: Tahoma,sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    color: white;
}

.content ul.pager li.pager-previous a,
.content ul.pager li.pager-next a {
	font-family: Tahoma,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: transparent;
}

.content ul.pager li.pager-previous {
	background: #f9b234 url(../images/fleche-white-left.png) no-repeat center center;
    color: white;
    font-family: Tahoma,sans-serif;
    font-size: 14px;
    padding: 3px 9px;
    font-weight: bold;
    width: 13px;
    height: 22px;
    border: 2px solid #f9b234;
}

.content ul.pager li.pager-next {
	background: #f9b234 url(../images/fleche-white-right.png) no-repeat center center;
    color: white;
    font-family: Tahoma,sans-serif;
    font-size: 14px;
    padding: 3px 9px;
    font-weight: bold;
    width: 13px;
    height: 22px;
    border: 2px solid #f9b234;
}

.content ul.pager li.pager-current {
    color: #f9b234;
    background: white;
    font-family: Tahoma,sans-serif;
    font-size: 14px;
    padding: 3px 9px;
    font-weight: bold;
    border: 2px solid #f9b234;
}

#node-94, #node-3740 {
	margin-top: -15px;
}

#node-94 #image-membres-adherents, #node-3740 #image-membres-adherents {
	margin-left: 28px;
}

#node-94 #membres-conseil-administration:hover, #node-94 #image-membres-adherents:hover, #node-94 #image-carte-membres:hover,
#node-3740 #membres-conseil-administration:hover, #node-3740 #image-membres-adherents:hover, #node-3740 #image-carte-membres:hover {
	opacity: 0.8;
}

#block-views-slider-page-sophia-block,
#block-views-1276454308d2d14a0972b14f9f3f6225 {
	max-width: 100%;
	margin-left: auto;
	margin-right:auto;
	margin-right:auto;
	position:relative;
}


#main-wrapper #block-block-7, #main-wrapper #block-weather-system-2 {
	margin-bottom: 33px;
}

#block-views-1-membre-aleatoire-block-1 {
	margin-bottom: 38px;
}

div.messages {
	display: none !important;
}

.node-article .field-name-body {
	text-align: justify;
	clear: both;
}

/* .st_facebook_custom a:hover {
	opacity: 0.75;
	} */

/* .st_sharethis_custom{
	background: url("http://path/to/image/file") no-repeat scroll left top transparent;
	padding:0px 16px 0 0;
	} */

/* #custom-breadcrumbs-home {
display: inline-block;
}

#custom-breadcrumbs-home:before {
	content: "Vous ÃƒÆ’Ã‚Âªtes ici : ";
	} */

/* .grid-12 .block-system .content  {
background: url("../images/shaddow_contact.png") -15px 12px no-repeat !important;
} */

/* #block-views-hp-actualites-de-sophia-block .views-vTicker-item-hp_actualites_de_sophia {
	border-bottom: 1px dotted #fff;
	padding-bottom: 0px;
	} */


/* #block-views-1276454308d2d14a0972b14f9f3f6225 .views-slideshow-cycle-main-frame-row-item .panel-col-last {
background: url("../images/shaddow_contact.png") -15px 15px no-repeat;
background: #fff;
} */

/* #views_slideshow_cycle_div_bendy_featured_content_rotating_banner-block_0 {
	margin-bottom: -10px;
	} */

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

.section-vie-pratique-sophia td.viep-icon {
	width: 150px;
}
.section-vie-pratique-sophia td.viep-icon span {
    display: block;
    letter-spacing: 0;
}

.dropdown-infos{
	color: #4D70B0;
	
}

.dropdown-infos span{
	background-color: #F3EFE6;
	padding-right: 18px;
}

.field-item h3{
	display: block;
    font-size: 32px;
    line-height: 1em;
    margin-bottom: 0.5em;
    padding-bottom: 20px;
    color: #CB6501;
    font-family: Courgette;
	color: #4D70B0;
	background: url("../images/point-vie-pratique-sophia.png") repeat-x scroll left 20px transparent;
	width: 100%;
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.arrow{
	position: relative;
	width: 40px;
	height: 34px;
	background: #F3EFE6 url("../images/fleche_bas.png") no-repeat top right;
	left: 1161px;
	bottom: 32px;
	padding-left: 0px;
	cursor: pointer;
}

.arrow p{
	background: none !important;
}

.arrow-sophia, .arrow-transports, .arrow-logiciels, .arrow-communication, .arrow-mobilite, .arrow-forum, .arrow-surete, .arrow-sport {
	cursor: pointer;
}

#acces-section, #transport-section, #logement-section, #sites-section{
	display: none;
}

#transport-section {
  background-color: #4D70B0;
}

.transportIcons {
  display: block;
  padding: 0 0 50px 20px;
}

.transportIcons img {
  float: left;
  margin-right: 30px;
  width: 50px !important;
  padding-bottom: 20px;
}

.transportIcons a {
	display: inline-block;
}

#logement-section p{
	margin-bottom: 0;
}

#logement-section{
	margin-bottom: 20px;
	background: #4D70B0;
	overflow: auto;
}

#logement-section .logements{
	float: left;
}

#logement-section .icon{
	float: left;
}

#logement-section .icon p{
	padding: 0 0 0 20px;
}

#logement-section .list{
	display: inline-block;
}

#logement-section .icon .name p{
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 76px;
	margin-left: 10px;
	font-weight: bold;
}

#logement-section .addresses{
	margin-left: 400px;
}

#logement-section .addresses p{
	color: #000;
}

#logement-section .addresses strong{
	color: #fff;
}

#map-membres-canvas{
	height: 600px;
	width: 900px;
	float: right;
}
#map-viep-canvas {
	height: 600px;
	width: 100%;
}

#select-membres-secteur{
	float: left;
}


.page-nos-actions h3{
	color: #4D70B0;
	background: url("../images/point-vie-pratique-sophia.png") repeat-x scroll left 20px transparent;
	width: 100%;
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;

}
.page-nos-actions #content_wide, .section-our-actions #content_wide{
	width: 1200px;
}

.page-nos-actions h3, .section-our-actions h3{
	color: #FD9800;
	background: url("../images/point-nos-partenaires.png") repeat-x scroll left 20px transparent;
	width: 100%;
	border: none;
	margin-bottom: 10px;
	padding-bottom: 0;
}

.page-nos-actions #page-title, .section-our-actions #page-title{
	color: #9e8b8b;
	background: url("../images/point-nos-partenaires.png") repeat-x scroll left 50px transparent;
	padding-bottom: 25px;
	margin-bottom: 20px;
}

.page-nos-actions .actions-dropdown, .page-nos-actions .actions-dropdown-sophia,
.page-nos-actions .actions-dropdown-transports, .page-nos-actions .actions-dropdown-logiciels, 
.page-nos-actions .actions-dropdown-communication, .page-nos-actions .actions-dropdown-mobilite, 
.page-nos-actions .actions-dropdown-forum, .page-nos-actions .actions-dropdown-surete,
.page-nos-actions .actions-dropdown-sport,
.section-our-actions .actions-dropdown, .section-our-actions .actions-dropdown-sophia,
.section-our-actions .actions-dropdown-transports, .section-our-actions .actions-dropdown-logiciels, 
.section-our-actions .actions-dropdown-communication, .section-our-actions .actions-dropdown-mobilite, 
.section-our-actions .actions-dropdown-forum, .section-our-actions .actions-dropdown-surete,
.section-our-actions .actions-dropdown-sport {
	color: #9e8b8b;
}

.page-nos-actions .actions-dropdown span, .page-nos-actions .actions-dropdown-sophia span,
.page-nos-actions .actions-dropdown-transports span, .page-nos-actions .actions-dropdown-logiciels span,
.page-nos-actions .actions-dropdown-communication span, .page-nos-actions .actions-dropdown-mobilite span,
.page-nos-actions .actions-dropdown-forum span, .page-nos-actions .actions-dropdown-surete span, 
.page-nos-actions .actions-dropdown-sport span,
.section-our-actions .actions-dropdown span, .section-our-actions .actions-dropdown-sophia span,
.section-our-actions .actions-dropdown-transports span, .section-our-actions .actions-dropdown-logiciels span,
.section-our-actions .actions-dropdown-communication span, .section-our-actions .actions-dropdown-mobilite span,
.section-our-actions .actions-dropdown-forum span, .section-our-actions .actions-dropdown-surete span, 
.section-our-actions .actions-dropdown-sport span,.page-nos-actions  h3 span  {
	background-color: #F3EFE6;
	padding-right: 18px;
}

.page-nos-actions .field-item p, .section-our-actions .field-item p {
	background: #9e8b8b;
	padding: 20px;
	color: #fff;
}

.page-nos-actions .arrow, .page-nos-actions .arrow-sophia, .page-nos-actions .arrow, .page-nos-actions .arrow-transports,
.page-nos-actions .arrow, .page-nos-actions .arrow-logiciels, .page-nos-actions .arrow, .page-nos-actions .arrow-communication,
.page-nos-actions .arrow, .page-nos-actions .arrow-mobilite, .page-nos-actions .arrow, .page-nos-actions .arrow-forum,
.page-nos-actions .arrow, .page-nos-actions .arrow-surete, .page-nos-actions .arrow, .page-nos-actions .arrow-sport,
.section-our-actions .arrow, .section-our-actions .arrow-sophia, .section-our-actions .arrow, .section-our-actions .arrow-transports,
.section-our-actions .arrow, .section-our-actions .arrow-logiciels, .section-our-actions .arrow, .section-our-actions .arrow-communication,
.section-our-actions .arrow, .section-our-actions .arrow-mobilite, .section-our-actions .arrow, .section-our-actions .arrow-forum,
.section-our-actions .arrow, .section-our-actions .arrow-surete, .section-our-actions .arrow, .section-our-actions .arrow-sport {
	position: relative;
	width: 40px;
	height: 40px;
	background: #F3EFE6 url("../images/fleche_orange_bas.png") no-repeat center;
	left: 1161px;
	bottom: 40px;
	padding-left: 0px;
	background-size: 80% 80% !important;
	transition: easy-in-out 250ms;
}

.page-nos-actions .actions-section, .page-nos-actions .actions-section-sophia, .page-nos-actions .actions-section, .page-nos-actions .actions-section-transports,
.page-nos-actions .actions-section, .page-nos-actions .actions-section-logiciels, .page-nos-actions .actions-section, .page-nos-actions .actions-section-communication,
.page-nos-actions .actions-section, .page-nos-actions .actions-section-mobilite, .page-nos-actions .actions-section, .page-nos-actions .actions-section-forum,
.page-nos-actions .actions-section, .page-nos-actions .actions-section-surete, .page-nos-actions .actions-section, .page-nos-actions .actions-section-sport,
.section-our-actions .actions-section, .section-our-actions .actions-section-sophia, .section-our-actions .actions-section, .section-our-actions .actions-section-transports,
.section-our-actions .actions-section, .section-our-actions .actions-section-logiciels, .section-our-actions .actions-section, .section-our-actions .actions-section-communication,
.section-our-actions .actions-section, .section-our-actions .actions-section-mobilite, .section-our-actions .actions-section, .section-our-actions .actions-section-forum,
.section-our-actions .actions-section, .section-our-actions .actions-section-surete, .section-our-actions .actions-section, .section-our-actions .actions-section-sport{
	display: none;
}

.section-vie-pratique-sophia .viep-icon img, .page-node-101563 .viep-icon img {
	cursor: pointer;
}

.section-vie-pratique-sophia .dropdown-infos span, .page-node-101563 .dropdown-infos span  {
	color: #4D70B0;
}

.view-actualit-s-feed .panel-col-first{
	width: 20%;
	position: relative;
	background: #F3EFE6;
	border: 5px solid #F3EEE8;
	height: 80px;
	color: black;
	box-shadow: none;
}

.view-actualit-s-feed .panel-col-last{
	color: black;
	padding: 10px;
	width: 70%;
}

.view-agenda-sophia-antipolis .views-field-view-node-1,
.view-actualit-s-feed  .views-field-view-node-1,
#block-system-main .view-agenda-sophia-antipolis .views-field-url-1,
#block-system-main .view-actualit-s-feed .views-field-url {
    position: relative;
    background: #ff9b01;
    padding: 10px 15px;
    width: auto;
    display: inline-block;
    margin: 20px 0 0px 0;
}

.view-agenda-sophia-antipolis  .views-field-view-node-1 a,
.view-actualit-s-feed  .views-field-view-node-1 a,
#block-system-main .view-agenda-sophia-antipolis .views-field-url-1 a,
#block-system-main .view-actualit-s-feed .views-field-url a{
    font-weight: bold;
	color: white;
    text-transform: uppercase;
}

li.leaf.nos-actions.mid-6616{
	width: 75px;
}
#block-views-actualit-s-feed-block{
	font-family: arial;
	font-size: 16px;
}

#block-views-actualit-s-feed-block .views-row .views-field-url{
	padding: 10px 0;
}

#block-views-actualit-s-feed-block  .views-field-field-feed-item-description{
	padding-top: 10px;
	text-align: justify;
}

section#block-views-actualit-s-feed-block h2{
	display: none;
}

/*#block-views-actualit-s-feed-block .views-row .views-field-title{
	display: none!important;
}*/

#block-views-actualit-s-feed-block .views-row .views-field-url-1{
	border-bottom: none;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 23px;
	z-index: 10;
	text-align: center;
	font-weight: bold;
}

.view-actualit-s-feed .views-row .views-field-view-node{
	border-bottom: none;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 23px;
	z-index: 10;
	text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.view-agenda-sophia-antipolis .views-row .views-field-view-node{
	border-bottom: none;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 23px;
	z-index: 10;
	text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

#block-views-actualit-s-feed-block .views-row .views-field-view-node a:hover,
.view-actualit-s-feed .views-row .views-field-view-node a:hover,
#block-views-agenda-sophia-antipolis-block .views-row .views-field-view-node a:hover,
#page-agenda-sophia-antipolis .views-row .views-field-view-node a:hover
{
	color: #000!important;
}

a[href="/?q=user/286/imce"]{
	display: none;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

	.view-bendy-featured-content-rotating-banner img {
		height: 300px;
	}
	.views-slideshow-cycle-main-frame-row-item .panel-display .panel-panel {
	}
	.front #main-wrapper {
		padding-top: 15px!important;
	}
	.view-id-1_membre_aleatoire .views-field-field-poste, .view-id-1_membre_aleatoire .views-field-field-soci-t-{
		padding-left: 0px;
	}
	.view-id-1_membre_aleatoire .views-field-field-soci-t-{
		padding-bottom: 5px;
	}
	#block-views-actualit-s-feed-block .views-row .views-field-url-1{
		line-height:20px;
	}
	#block-views-actualit-s-feed-block .views-row .views-field-url-1,
	#sidebar-first-wide .section .views-field-title{
		text-align:left;
	}
	.arrow, .page-nos-actions .arrow, .section-our-actions .arrow {
		left: 95%!important;
	}
	h3 span {
		font-size: 25px;
	}
	#views_slideshow_cycle_teaser_section_bendy_featured_content_rotating_banner-block {
		height: 355px!important;
	}
	#block-views-hp-agenda-de-sophia-block .view-header,
	#block-views-hp-actualites-de-sophia-block .view-header, #block-views-actualit-s-feed-block .view-header {
		font-size: 24px;
	}
	#block-block-8 {
		margin-top: 84% !important;
	}
	
	
	
	#main-wrapper {
		padding-bottom: 0px!important;
		padding-top: 20px;
	}

	body.not-front .region-sidebar-narrow{
		padding: 0 2.5%;
	}

	body.not-front .region-sidebar-narrow #block-weather-system-2{
	    display: inline-block;
	    width: 50%;
	    float: left;
	}

	body.not-front .region-sidebar-narrow #block-views-1-membre-aleatoire-block-1{
		margin: 0;
	    width: 45%;
	    float: right;
	}
	.not-front #block-block-4{
		float: right;
	}
	/*body.not-front .region-sidebar-narrow #block-block-4{
		width: 50%;
    	float: left;
	}*/
	.view-bendy-featured-content-rotating-banner img {
		width: 100%;
		height: auto;
	}
	.front #main-wrapper {
		padding-top: 0px;
	}
	
	#views_slideshow_cycle_teaser_section_bendy_featured_content_rotating_banner-block {
		height: 420px;
	}
	
	.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next {
		right: 30px;
		bottom: 80px;
	}
	.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous {
		right: 80px;
		bottom: 80px;
	}
	.section-1 .col1 {
		padding-left: 0px;
		width: 100%;
		text-align: center;
	}
	.section-1 .col2 {
		float: left;
		padding-right: 0px;
		margin-top: 7px;
		width: 100%;
	}
	.view-1-membre-aleatoire .panel-col-bottom{
		left: 7%;
		width: 90%;
		margin-top: -60px;
		top: 0;
		padding: 3% 0% 0% 3%;
	}
	.view-1-membre-aleatoire .center-wrapper{
		display:none;
	}
	.container-12 .grid-5 {
		width: 31%!important;
		padding: 0;
		margin: 1%!important;
	}
	#block-views-hp-actualites-de-sophia-block, #block-views-actualit-s-feed-block {
		padding-left: 2%!important;
		padding-right: 2%!important;
	}
	#block-block-1 {
		margin-bottom: 10px !important;
	}
	#block-views-partenaires-footer-block .item-list ul li {
		padding:0;
	}
	body.front iframe {
		width: 210%;
	}
	#content_bottom,
	#block-block-1 div p a img {
		height: auto!important;
		width: 100%!important;
	}
	#block-views-1-membre-aleatoire-block tbody tr td img{
		width: 100%;
	}
	#block-views-1276454308d2d14a0972b14f9f3f6225,
	#views_slideshow_cycle_teaser_section_bendy_featured_content_rotating_banner-block{
		position: relative;
	}
	.panel-2col .panel-col-first .inside{
		margin:0;
	}
	.arrow,
	.page-nos-actions .arrow{
		left:96%;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
		margin-left: inherit!important;
		margin-right: inherit!important;
	}
	#block-views-1-membre-aleatoire-block-1 {
		margin-bottom: 38px;
		float: left;
		margin-right: 2.5%;
	}
	.page-node-21 .container-12 .grid-7,
	.container-12 .grid-4,
	.view-nos-actualit-s .views-row,
	.container-12 .grid-7,
	#block-views-hp-actualites-de-sophia-block, #block-views-actualit-s-feed-block,
	#block-views-1276454308d2d14a0972b14f9f3f6225,
	.view-bendy-featured-content-rotating-banner .views-slideshow-cycle-main-frame-row,
	.container-12{
		width: 100% !important;
	}
	.container-12 .grid-12 {
		width: 100% !important;
	}
	#block-views-agenda-sophia-antipolis-block .view-header #deuxieme-ligne{
	    font-size: 24px;
    	margin-right: 15px;
	}

	#block-block-13 a img{
		opacity: 0;
		width: 100% !important;
		height: auto !important;
	}
	#block-block-13{
		display: none;
	}
	#block-system-main-menu{
		width: 100%
	}

 	.region-video-accueil{
 		margin: 0 9px;
 	}
 	#block-views-partenaires-footer-block h2{
 		padding-left: 10px;
 	}
 	.view-partenaires-footer ul{
 		display: -webkit-flex;
 			display: -ms-flexbox;
 				display: flex;
	    -webkit-box-orient: horizontal;
	   	    -webkit-box-direction: normal;
	   	        -ms-flex-direction: row;
	   	            flex-direction: row;
	    width: 100vw;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
 	}
 	.view-partenaires-footer{
 		margin-bottom: 10px;
 	}
 	.footer-wrapper.clearfix, #block-menu-menu-menu-footer .menu.clearfix, .footer-wrapper.clearfix .socialLi{
 		display: -webkit-flex;
 		    display: -ms-flexbox;
 		        display: flex;
 	}
 	.container-12 .grid-7{
 		position: relative;
    	padding: 0 2.5%;
    	width: 95% !important;
 	}
 	.container-12 .grid-4 .views-field-field-photo-membre img{
 		width: 100% !important;
 	}
 	.section-vie-pratique-sophia .container-12 .grid-7{
 		padding: 0;
 	}
 	#tableau-legende{
 		font-size: 14px;
    	letter-spacing: 1px;
 	}
 	.section-vie-pratique-sophia .node-page .field-name-body.field-type-text-with-summary{
 		margin-left: 2.5%;
    	margin-right: 2.5%;
    	margin-top: 2.5%;
 	}
 	.section-nos-membres .node-page .field-item.even p{
 		display: -webkit-flex;
 			display: -ms-flexbox;
 				display: flex;
 	}
 	.section-nos-membres .node-page .field-item.even p:first-child a:nth-child(odd){
		margin-right: 1.75%;
 	}
 	.section-nos-membres .node-page .field-item.even p:first-child a:nth-child(even){
 		margin-left: 1.75%;
 	}
 	.section-nos-membres .node-page .field-item.even p a img{
 		width: 100% !important;
    	height: auto !important;
    	margin-left:0 !important;
 	}
 	.section-nos-membres .node-page .field-name-body.field-type-text-with-summary{
 		margin-top: 2.5%;
 	}
 	.page-nos-actions .arrow, .page-nos-actions .arrow-sophia, .page-nos-actions .arrow, .page-nos-actions .arrow-transports, .page-nos-actions .arrow, .page-nos-actions .arrow-logiciels, .page-nos-actions .arrow, .page-nos-actions .arrow-communication, .page-nos-actions .arrow, .page-nos-actions .arrow-mobilite, .page-nos-actions .arrow, .page-nos-actions .arrow-forum, .page-nos-actions .arrow, .page-nos-actions .arrow-surete, .page-nos-actions .arrow, .page-nos-actions .arrow-sport, .section-our-actions .arrow, .section-our-actions .arrow-sophia, .section-our-actions .arrow, .section-our-actions .arrow-transports, .section-our-actions .arrow, .section-our-actions .arrow-logiciels, .section-our-actions .arrow, .section-our-actions .arrow-communication, .section-our-actions .arrow, .section-our-actions .arrow-mobilite, .section-our-actions .arrow, .section-our-actions .arrow-forum, .section-our-actions .arrow, .section-our-actions .arrow-surete, .section-our-actions .arrow, .section-our-actions .arrow-sport{
 		left: 95%;
    	bottom: 38px;
 	}
 	#logo img{
	 	width: auto;
	 	height: 65px;
 	}
 	.view-hp-agenda-de-sophia .panel-col-last, .view-agenda-sophia-antipolis .panel-col-last,.view-actualit-s-feed .panel-col-last{
 		width: 75%;
 	}
 	.section-nos-membres #block-block-5{
 		float: left;
 		width: 50%;
 	}
 	.section-nos-membres #block-block-5 img{
 		height: auto !important;
    	width: 100% !important;
 	}
 	.section-nos-membres #block-block-4{
		float: right !important;
		width: 48% !important;
		}

 	.section-nos-membres #block-block-4 img{
 		height: auto !important;
    	width: 100% !important;
 	}

 	#block-views-1-membre-aleatoire-block.block{
 		margin-bottom: -18px;
 	}
 	#main-wrapper img{
 		width: 100%;
 	}

 	.section .view-membres-adh-rents .views-field-field-photo-membre, .section .view-membres-du-conseil-d-administration .views-field-field-photo-membre{
		top: 61px;
		width: auto !important;
		height: auto;
		left: 20%;
		right: 20%;
		margin: 0 auto;
		text-align: center;
		padding-top: 18px;
		background: black !important;
	} 
	.section  .views-field-field-societe{
	    height: auto !important;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	#page{
		width:100vw;
	    overflow-x: hidden;
	}
	.section-membres-adherents #block-block-5, .section-membres-du-conseil-administration #block-block-5{
		width: 48%;
    	float: left;
	}

	.section-membres-adherents #block-block-4, .section-membres-du-conseil-administration #block-block-4{
		width: 48%;
    	float: right;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.view-id-contactez_nous .views-row .panel-col-last, .view-nos-actualit-s .views-row .panel-col-last {
    	background-position: -5% 100%;
    	height: 100%;
 	}
	.view-hp-emplois .views-field-title-1{
		left: 680px!important;
	}

	.view-hp-agenda-de-sophia .views-field-title-1, .view-agenda-sophia-antipolis .views-field-url-1{
		left: 880px!important;
	}
	body.not-front .region-header {
		padding-bottom: 0px!important;
	}
	.views-slideshow-cycle-main-frame-row-item .panel-col-last{
		height: 95px!important;
		margin-right: 15px;
	}
	#main-wrapper {
		padding-bottom: 0px!important;
	}
	body.not-front #main-wrapper {
		padding-top: 30px!important;
	}
	
	.view-bendy-featured-content-rotating-banner img {
		width: 100%;
		height: auto;
	}
	.front #main-wrapper {
		padding-top: 0px;
	}
	
	#views_slideshow_cycle_teaser_section_bendy_featured_content_rotating_banner-block {
		height: auto;
	}
	
	.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next {
		right: 4%;
		bottom: -1%;
	}
	#block-system-main-menu{
		width: 100vw;
		margin-top: 10px;
	}
	.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous {
		right: 9%;
		bottom: -1%;
	}
	.section-1 .col1 {
		padding-left: 0px;
	}
	.section-1 .col2 {
		float: left;
		padding-right: 0px;
		width: 100%;
	}
	.view-1-membre-aleatoire .panel-col-bottom{
		left: 0px;
		width: 100%;
	}
	.container-12 .grid-5 {
		width: 31%!important;
		padding: 0;
		margin: 1%!important;
	}
	#block-views-hp-actualites-de-sophia-block,
	#block-views-actualit-s-feed-block {
		padding-left: 2%!important;
		padding-right: 2%!important;
	}
	#block-block-8{
		margin-bottom: 0px!important;
	}
	#block-views-hp-agenda-de-sophia-block {
		margin-top: 0px!important;
	}
	#block-views-partenaires-footer-block h2 {
		margin-left: 2%;
	}
	#block-views-hp-actualites-de-sophia-block .view-header, #block-views-actualit-s-feed-block .view-header {
		margin-left: -6px!important;
		margin-right: -8px!important;
	}
	#block-block-1 {
		margin-bottom: 5px !important;
	}
	#block-views-partenaires-footer-block .item-list ul li {
		float: left;
	}
	body.front iframe {
		width: 100%;
	}
	#content_bottom,
	#block-block-1 div p a img {
		height: auto!important;
		width: 100%!important;
	}
	#block-views-1-membre-aleatoire-block tbody tr td img{
		width: 100%;
	}
	#block-views-1276454308d2d14a0972b14f9f3f6225,
	#views_slideshow_cycle_teaser_section_bendy_featured_content_rotating_banner-block{
		position: relative;
	}
	.views-slideshow-cycle-main-frame-row-item .panel-display .panel-col-last {
		right: 0 !important;
		top: 0 !important;
		margin-top: -65px !important;
	}
	
	body.page-node-94 .container-12 .grid-4{
		width:33%!important;
	}
	
	.arrow,
	.page-nos-actions .arrow{
		left:96%;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
		margin-left: inherit!important;
		margin-right: inherit!important;
	}
	#block-views-1-membre-aleatoire-block-1 {
		margin-bottom: 38px;
		float: left;
		margin-right: 5%;
	}
	.page-node-21 .container-12 .grid-7,
	.container-12 .grid-4,
	.view-nos-actualit-s .views-row,
	.container-12 .grid-7,
	#block-views-hp-actualites-de-sophia-block, #block-views-actualit-s-feed-block,
	#block-views-1276454308d2d14a0972b14f9f3f6225,
	.view-bendy-featured-content-rotating-banner .views-slideshow-cycle-main-frame-row,
	.container-12{
		width: 100% !important;
	}
	.container-12 .grid-12 {
		width: 100% !important;
	}
	.front #header {
		height: auto;
		margin-bottom: -11px;
	}
	.container-12 .video_accueil.grid-8{
		width: 65.3% !important;
		margin-left: 1% !important;
	}
	.container-12 .grid-7{
 		position: relative;
    	padding: 0 2.5%;
    	width: 95% !important;
 	}
 	.container-12 .grid-4 .views-field-field-photo-membre img{
 		width: 100% !important;
 	}
 	.section-qui-sommes-nous h1,.container-12 h1{
		text-indent: 2.5%;
 	}
 	.view-nos-actualit-s .views-row .panel-col-last .inside{
 		width: 92%;
 	}
 	.view-nos-actualit-s .views-row > div{
 		display: table;
 		margin: 0 auto;
 	}
 	#block-block-4{
 		margin-left: 15px;
 	}
 	.section.grid-4{
 		padding: 2.5%;
    	width: 95% !important;
 	}
 	#block-weather-system-2 .weather{width: 270px;}

/* 	.section.grid-4 .region.region-sidebar-narrow > div {
 		width: 100%;
 	}*/
	.section.grid-4 .region.region-sidebar-narrow{
		display: -webkit-box;
    		display: -ms-flexbox;
    			display: flex;
    	-ms-flex-pack: distribute;
    	    justify-content: space-around;
    	-webkit-box-align: start;
    	-ms-flex-align: start;
    	        align-items: flex-start;
	}
	#block-views-1-membre-aleatoire-block-1{
	}
	.section-vie-pratique-sophia .container-12 .grid-7{
 		padding: 0;
 	}
 	.section-vie-pratique-sophia .container-12 .grid-7 table#tableau-legende{
 		width: 95% !important;
    	margin: 0 2.5%;
 	}
 	#tableau-legende{
 		font-size: 14px;
    	letter-spacing: 1px;
 	}
 	#map-viep-canvas{
 		width: 95% !important;
    	margin: 0 2.5%;
 	}
 	.section-vie-pratique-sophia .node-page .field-name-body.field-type-text-with-summary{
 		margin-left: 2.5%;
    	margin-right: 2.5%;
    	margin-top: 2.5%;
 	}
 	.section-nos-membres .node-page .field-item.even p{
 		display: -webkit-flex;
 			display: -ms-flexbox;
 				display: flex;
 	}
 	.section-nos-membres .node-page .field-item.even p:first-child a:nth-child(odd){
		margin-right: 1.75%;
 	}
 	.section-nos-membres .node-page .field-item.even p:first-child a:nth-child(even){
 		margin-left: 1.75%;
 	}
 	.section-nos-membres .node-page .field-item.even p a img{
 		width: 100% !important;
    	height: auto !important;
    	margin-left:0 !important;
 	}
 	.section-nos-membres .node-page .field-name-body.field-type-text-with-summary{
 		margin-top: 2.5%;
 	}
 	.page-nos-actions .arrow, .page-nos-actions .arrow-sophia, .page-nos-actions .arrow, .page-nos-actions .arrow-transports, .page-nos-actions .arrow, .page-nos-actions .arrow-logiciels, .page-nos-actions .arrow, .page-nos-actions .arrow-communication, .page-nos-actions .arrow, .page-nos-actions .arrow-mobilite, .page-nos-actions .arrow, .page-nos-actions .arrow-forum, .page-nos-actions .arrow, .page-nos-actions .arrow-surete, .page-nos-actions .arrow, .page-nos-actions .arrow-sport, .section-our-actions .arrow, .section-our-actions .arrow-sophia, .section-our-actions .arrow, .section-our-actions .arrow-transports, .section-our-actions .arrow, .section-our-actions .arrow-logiciels, .section-our-actions .arrow, .section-our-actions .arrow-communication, .section-our-actions .arrow, .section-our-actions .arrow-mobilite, .section-our-actions .arrow, .section-our-actions .arrow-forum, .section-our-actions .arrow, .section-our-actions .arrow-surete, .section-our-actions .arrow, .section-our-actions .arrow-sport{
 		left: 96%;
    	bottom: 38px;
 	}
 	.section-nos-membres #content_wide{
 		width: 60% !important;
    	padding-right: 0;
 	}
 	.section-nos-membres .container-12 .grid-4{
		width: 33%!important;
		float: right;
		padding: 0;
		padding-right: 2.5%;
	}
	.section-nos-membres .section.grid-4 .region.region-sidebar-narrow{
		display: -webkit-flex;
			display: -ms-flexbox;
				display: flex;
		-webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
	}
	#block-block-5{
		padding: 0;
    	width: 100%;
	}
	#block-block-5 p, #block-block-4{
		margin:0; 
	}
	.section-nos-membres .section.grid-4 img {
		width: 100% !important;
		height: auto !important;
	}
	#block-block-13 a img{
		opacity: 0;
		width: 100% !important;
		height: auto !important;
	}
	#block-block-13 a:after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url(../images/JDS_MENU.png);
		background-size: auto 100%;
		background-repeat: no-repeat;
	}
	#block-block-13{
		display : none;
	}
	#logo img{
 		width: auto;
 		height: 65px;
 	}
 	.view-hp-agenda-de-sophia .panel-col-last, .view-agenda-sophia-antipolis .panel-col-last,.view-actualit-s-feed .panel-col-last{
 		width: 76%;
 	}
 	#main-wrapper img{
 		width: 100%;
 	}
 	.view-nos-actualit-s .views-row .views-field-field-image-vignette{
 		width: 100%;
 	}
 	.section .view-membres-adh-rents .views-field-field-photo-membre, .section .view-membres-du-conseil-d-administration .views-field-field-photo-membre{
		top: 61px;
		width: auto !important;
		height: auto;
		left: 20%;
		right: 20%;
		margin: 0 auto;
		text-align: center;
		padding-top: 18px;
		background: black !important;
	} 
	.section  .views-field-field-societe{
	    height: auto !important;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	#page{
		width:100vw;
		overflow-x: hidden;

	}
}

@media only screen and (max-width: 767px) {
	.front #header{
		width: 100vw;
		height: auto;
		margin:auto;
	} 
	#header{
		width:100vw;
		margin:auto;
	}
	#content_bottom{
		width:100vw;
		margin:auto;
	}
	.views-slideshow-cycle-main-frame-row-item .panel-col-last{
		background: #fff;
		/* box-shadow: -10px 10px 20px #DDD9D9; */
		position: absolute;
		right: 48px;
		top: 312px;
		width: 500px;
		font-size: 14px;
		overflow: hidden;
		height: 125px;
		min-height: 110px;
	}
	.social{
	 	float: right;
	 	width: 250px;
	 	margin-top: 10px;
	 }
 	.view-id-contactez_nous .views-row,.view-nos-actualit-s .views-row{
		width: 100%;
		height:auto;
		margin-bottom:50px;
	}
	.view-nos-actualit-s .views-row {
		width: 100%;
		position: relative;
	} 
	.page-agenda-sophia-antipolis .panel-display.panel-2col.clearfix {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	}
	.view-hp-actualites-de-sophia .panel-col-last, .view-actualit-s-feed .panel-col-last,
	.view-hp-agenda-de-sophia .panel-col-last, .view-agenda-sophia-antipolis .panel-col-last,
	.view-hp-agenda-de-sophia .panel-col-first, .view-agenda-sophia-antipolis .panel-col-first{
		height: auto;
	}
	.panel-display.panel-2col.clearfix
	.front .container-12 .grid-5{
    	margin: 0;
	    margin-right: auto !important;
	    margin-left: auto !important;
	    float: none !important;
	}
	.region-header {
		overflow: hidden;
		position: relative;
		top: 0;
		width: 100%;
		z-index: 0;
	}
	#page-wrapper {
		margin-top: 0;
	}
	.vue-liste-actus-sophia .views-field-timestamp, .view-agenda-sophia-antipolis .views-field-field-date-evenement, .view-hp-agenda-de-sophia .views-field-timestamp, .view-hp-emplois .views-field-timestamp, .view-actualit-s-feed .views-field-field-date-de-publication {
		padding-top: 0;
	}
	.view-id-contactez_nous .views-row .panel-col-first {
		width:100%;
		margin-right:50px;
	}
	#block-weather-system-2 .weather{
		width: 100%;
	}
	.region.region-video-accueil{
		width: 100%;
		margin: 0 auto;
	}
	#block-views-partenaires-footer-block h2{
		text-indent: 2.5%;
	}
	.view-nos-actualit-s .views-row .panel-col-first{
		width: 100%;
		margin-right: 2%;
		/* margin-right:50px; */
	}
	.view-id-contactez_nous .views-row .panel-col-last,.view-nos-actualit-s .views-row .panel-col-last{
		background: none;
		width: 100%;
		height: auto;
		position: relative;
	}
	.view-id-contactez_nous .views-row .views-field-field-photo-du-contact, .view-nos-actualit-s .views-row .views-field-field-image-vignette{
		width: 100%;
    	float: left;
	}
	.view-nos-actualit-s .views-row .panel-col-last{
		width: 100%;
	}

	.container-12 {
		width: 100vw !important;
	}
	 
	.container-12 .grid-12 {
		width: 100vw  !important;
	} 
	.page-node-21 .container-12 .grid-7, .page-node-101563 .container-12 .grid-7{
		width: 100% !important;
	} 
	#block-views-1276454308d2d14a0972b14f9f3f6225 {
		width: 100vw;
		margin-left: auto;
		margin-right:auto;
		position:relative;
	}
	.view-bendy-featured-content-rotating-banner img{
		height: auto;
	}
	#views_slideshow_cycle_teaser_section_bendy_featured_content_rotating_banner-block {
 		height: auto;
 	}
 	.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next {bottom: -5%;right: 5%;}
	.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous {bottom: -5%;right: 20%;left: auto;}
	.views-slideshow-cycle-main-frame-row-item .panel-display .center-wrapper .panel-panel{
		right: 0vw;
		top: 87%;
		width: 100vw;
		margin: 0;
		height: inherit;
	}
	.panel-col-last .views-field-body{
		height: auto;
		width: 100%;
	}
	.view-id-bendy_featured_content_rotating_banner.view-display-id-block  .views-field.views-field-body p{
		margin-bottom: 0;
	}
	.view-id-bendy_featured_content_rotating_banner.view-display-id-block  .views-field.views-field-body{
		margin-bottom: 0px;
	}
	#block-views-partenaires-footer-block .item-list ul li{
		padding-left: 0;
	}
	.view-partenaires-footer ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		-ms-flex-line-pack: end;
		    align-content: flex-end;
	}
	#block-menu-menu-menu-footer ul{
		display: -webkit-flex;
	    	display: -ms-flexbox;
	    		display: flex;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: row;
	            flex-direction: row;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	            align-items: center;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	            justify-content: center;
	    width: 100vw;
	}
	#block-menu-menu-menu-footer li{
		display: -webkit-flex;
			display: -ms-flexbox;
				display: flex;
    	-webkit-box-align: center;
    	    -ms-flex-align: center;
    	        align-items: center;
    	border-right: 1px dotted white;

	}
	#footer{
		padding: 5px 0 20px 0;
	}
	#footer .grid-12{
		width: 100vw !important;
	}
	.container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12{
		width: 95vw !important;
		margin: 0 auto !important;
		padding-top: 10px;
	}
	#main-wrapper img {
		height:auto !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	#main-wrapper .viep-icon img{
		width: 50px !important;
	}
	.view-1-membre-aleatoire .panel-col-bottom {
		background: none repeat scroll 0 0 #f3efe6;
		color:#000;
		height: 80px;
		left: 0px;
		position: relative;
		top: -78px;
		width: 100%;
		line-height:15px;
		/* background: url("../images/btn_membre_voir.png") no-repeat scroll bottom center #f3efe6; */
	}
	.view-nos-actualit-s .views-row .views-field-field-image-vignette{
		width: 100%;
    	float: none;
	}
	.panel-2col .panel-col-first .inside{
		margin: 0;
	}
	.view-nos-actualit-s .views-row .panel-col-last .inside{
		margin: 0;
		width: 96%;
		padding: 2%;
	}
	.page-nos-actions .arrow, .page-nos-actions .arrow-sophia, .page-nos-actions .arrow, .page-nos-actions .arrow-transports,
	.page-nos-actions .arrow, .page-nos-actions .arrow-logiciels, .page-nos-actions .arrow, .page-nos-actions .arrow-communication,
	.page-nos-actions .arrow, .page-nos-actions .arrow-mobilite, .page-nos-actions .arrow, .page-nos-actions .arrow-forum,
	.page-nos-actions .arrow, .page-nos-actions .arrow-surete, .page-nos-actions .arrow, .page-nos-actions .arrow-sport,
	.section-our-actions .arrow, .section-our-actions .arrow-sophia, .section-our-actions .arrow, .section-our-actions .arrow-transports,
	.section-our-actions .arrow, .section-our-actions .arrow-logiciels, .section-our-actions .arrow, .section-our-actions .arrow-communication,
	.section-our-actions .arrow, .section-our-actions .arrow-mobilite, .section-our-actions .arrow, .section-our-actions .arrow-forum,
	.section-our-actions .arrow, .section-our-actions .arrow-surete, .section-our-actions .arrow, .section-our-actions .arrow-sport {
		position: relative;
		width: 36px;
		height: 34px;
		background: #F3EFE6 url("../images/fleche_orange_bas.png") no-repeat top right;
		left: 90%;
		bottom: 32px;
		padding-left: 0px;
	}

	#node-94 #image-membres-adherents, #node-3740 #image-membres-adherents {
		margin-left: 0;
		margin-top: 20px;
	}
	article.node{
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.section-vie-pratique-sophia .arrow{
		position: relative;
		width: 40px;
		height: 34px;
		background: #F3EFE6 url("../images/fleche_bas.png") no-repeat top right;
		left: 90%;
		bottom: 25px;
		padding-left: 0px;
		cursor: pointer;
	}
	.section-vie-pratique-sophia .field-item h3{
		width: 95%;
	}
	#map-viep-canvas{
		margin-bottom: 20px;
	}
	#block-views-hp-actualites-de-sophia-block, #block-views-actualit-s-feed-block{
		width: auto !important;
	}
	#deuxieme-ligne{
		font-size: 30px;
	}
	.view-id-contactez_nous .views-row .panel-col-last .inside, .view-nos-actualit-s .views-row .panel-col-last .inside{
		position: initial;
	}
	.homelink{
		position: absolute;
		left: 52px;
		right: 0;
		z-index: -1;
		top: 0;
		height: 52px;
		display: -webkit-flex !important; -webkit-align-items: center !important; -webkit-justify-content: center !important;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
	}

	.video_accueil .views-field-title{
		display: inline-block;
		width: 100%;
		padding: 0;
		text-indent: 10px;
	}

	.sharethis-buttons {
		/* width: 58%; */
		/* margin-left: 81%; */
		margin-top: -36px;
		float: right;
		margin-right: 6px;
		/* z-index: 0; */
		position: absolute;
		top: -10px;
	}

	.flippy{
		bottom: -35px;
	}
	.section-vie-pratique-sophia td.viep-icon{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		float: left;
	}
	.section-vie-pratique-sophia td.viep-icon span{
		text-align: left;
	}
	#map-viep-canvas {
		height: 450px;
	}
	.page-node-21 .container-12 .grid-7, .page-node-101563 .container-12 .grid-7{
		width: 100% !important;
	}
	.region-sidebar-narrow .views-field-field-poste, .region-sidebar-narrow .views-field-field-soci-t-, .region-sidebar-narrow  .views-field-field-photo-membre, .region-sidebar-narrow .views-field-title{
		width: 100%;
	}
	#block-views-1-membre-aleatoire-block-1, #block-views-1-membre-aleatoire-block{
		padding-bottom: 15px;
		overflow: hidden;
	}
	h1{
		background-position: 100% 85% !important;
	}
	.views-slideshow-cycle-main-frame-row-item .panel-col-last{
		margin: 0;
    	height: auto;
	}
	.viep-icon{
		width: 50%;
	}
	.front #content{
		float: none;
	}
	.region-header div.panel-panel.panel-col-last{
		float: none;
		max-width: 100%;
		width: 98% !important;
		padding-right: 1%;
		padding-left: 1%;
		margin-bottom: 0;
		padding-bottom: 25px;
	}
	.views-slideshow-cycle-main-frame-row-item{
		margin-bottom: 0;
	}
	.transportIcons{
		width: 40%;
		display: block;
		padding: 0;
		display: inline-table;
		margin-left: 4%;
		margin-right: 5%;
		margin-bottom: 5%;
	}
	#transport-section {
	  background-color: #4D70B0;
	  padding-left: 10%;
	  padding-right: 10%;
	}

	#logement-section .icon{
	float: none;
	width: 30%;
	margin: 0 auto;
	}
	#logement-section .logements{
		float: none;
		text-align: center;
	}
	#logement-section .addresses{
		margin-left: 0;
	}
	#logement-section .icon p{
		padding: 0;
	}
	.section .view-membres-adh-rents .views-field-field-photo-membre, .section .view-membres-du-conseil-d-administration .views-field-field-photo-membre{
		top: 61px;
		width: auto !important;
		height: auto;
		left: 20%;
		right: 20%;
		margin: 0 auto;
		text-align: center;
		padding-top: 18px;
		background: black !important;
	} 
	.section  .views-field-field-societe{
	    height: auto !important;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	.view-bendy-featured-content-rotating-banner .views_slideshow_cycle_main{
		padding-bottom: 10px;
	}
	#block-views-1-membre-aleatoire-block-1{
		height: 310px;
	}
	#page{
		width:100vw;
		overflow-x: hidden;

	}
	}
@media only screen and (max-width: 767px) and (orientation:portrait) {
	.mean-container .mean-nav ul li:nth-child(3n+0), .mean-container .mean-nav ul li:nth-child(2) {
    	background-color: #E1E1E1;
	}
	#block-views-1276454308d2d14a0972b14f9f3f6225{
		margin-bottom: 10px;
	}
	#node-21 td.viep-icon img {
    	width: 30% !important;
	}
	.view.view-membres-du-conseil-d-administration.view-id-membres_du_conseil_d_administration.view-display-id-page tr td{
		width: 100%
	}
	.views-slideshow-cycle-main-frame-row-item .panel-display .panel-col-last{
		margin-right: 0;
	}
	.view.view-membres-adh-rents.view-id-membres_adh_rents.view-display-id-page tr td{
		width: 100%;
	}
	.region-header div.panel-panel.panel-col-last{
		float: none;
		max-width: 100%;
		width: 98% !important;
		padding-right: 1%;
		padding-left: 1%;
		margin-bottom: 0;
		padding-bottom: 0;
	}

}
@media only screen and (max-width: 767px) and (orientation:landscape) {
	.not-front div#block-views-1-membre-aleatoire-block-1,
	.not-front div#block-block-5 {
	    width: 48%;
	    float: left;
	}
	.not-front div#block-block-4 {
	    width: 48%;
	    float: right;
	}
	.section-nos-membres .section.grid-4 .region.region-sidebar-narrow{
		flex-direction: row;
	}
	#main-wrapper .container-12 .grid-12{
		width: 100vw !important;
	}
	#main-wrapper .container-12 .grid-1, #main-wrapper .container-12 .grid-2, #main-wrapper .container-12 .grid-3, #main-wrapper .container-12 .grid-4,#main-wrapper .container-12 .grid-5,#main-wrapper .container-12 .grid-6,#main-wrapper .container-12 .grid-7,#main-wrapper .container-12 .grid-8,#main-wrapper .container-12 .grid-9,#main-wrapper .container-12 .grid-10{
		width: 95% !important;
	}
	#block-views-1276454308d2d14a0972b14f9f3f6225{
		height: auto;
		margin-bottom: 0;
	}
	.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous{
		right: 15%;
		bottom: 5%;
	}
	.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next{
		bottom: 5%;
	}
	.mean-container .mean-nav ul li{
		width: 33.333vw;
    	height: 33.333vw;
	}
	#block-views-hp-agenda-de-sophia-block .view-header #premiere-ligne, #block-views-agenda-sophia-antipolis-block .view-header #premiere-ligne,
	#block-views-hp-actualites-de-sophia-block .view-header #premiere-ligne, #block-views-actualit-s-feed-block .view-header #premiere-ligne{
		text-align: left;
    	margin-left: 21%;
	}
	#block-views-hp-agenda-de-sophia-block .view-header #deuxieme-ligne, #block-views-agenda-sophia-antipolis-block .view-header #deuxieme-ligne,
	#block-views-hp-actualites-de-sophia-block .view-header #deuxieme-ligne, #block-views-actualit-s-feed-block .view-header #deuxieme-ligne{
		text-align: left;
    	margin-left: 30%;
	}
	.section .region-help .views-field-field-poste, .section .region-help .views-field-field-soci-t-, .section .region-help .views-field-field-photo-membre, .section .region-help .views-field-title{
		width: 100%;
	}
	.view-1-membre-aleatoire.view-id-1_membre_aleatoire{
		margin-bottom: 35px;
	}
	#node-94 #image-membres-adherents, #node-3740 #image-membres-adherents{
		margin-top: 0px !important;
	}
	.mean-container .mean-nav ul li:nth-child(odd){
		background-color: #E1E1E1;
	}
	.view-id-contactez_nous .views-row .panel-col-first{
		width: 20%;
    	margin-right: 0px;
	}
	.view-id-contactez_nous .views-row .panel-col-last, .view-nos-actualit-s .views-row .panel-col-last{
		background: none;
		width: 58%;
		height: auto;
		position: relative;
	}
	#image-membres-adherents{
		margin-top: 15px !important;
	}
	.section-vie-pratique-sophia td.viep-icon{
		width: 32%;
	}
	#block-views-1-membre-aleatoire-block{
		width: 48%;
    	float: left;
    	margin-bottom: -120px;
	}
	#block-block-12{
		width: 48%;
    	float: right;
    	margin-bottom: 0 !important;
	}
	#block-block-1{
    	width: 48%;
    	float: right;
	}
	#block-block-11{
		width: 48%;
    	float: left;
	}
	#block-views-1-membre-aleatoire-block-1{
	}
	.view-nos-actualit-s .views-row .panel-col-first{
		width: 40%;
	}
	#node-21 td.viep-icon img {
    	width: 30% !important;
	}
	.view.view-membres-du-conseil-d-administration.view-id-membres_du_conseil_d_administration.view-display-id-page tr td{
		width: 50%
	}
	.views-slideshow-cycle-main-frame-row-item .panel-display .panel-panel .inside{
		margin-right: 0;
		width: 100%;
		margin: 0;
	}
	.view.view-membres-adh-rents.view-id-membres_adh_rents.view-display-id-page tr td{
		width: 50%;
	}
	.page-membres-adherents #block-block-5{
		margin-right: 20px;
	}
	.region-header div.panel-panel.panel-col-last{
			float: none;
			max-width: 100%;
			width: 98% !important;
			padding-right: 1%;
			padding-left: 1%;
			padding-bottom: 25px;
			margin-bottom: 0;
	}
	.views-slideshow-cycle-main-frame-row-item{
		margin-bottom: 25px;
	}
}
	.view-id-contactez_nous .views-row .panel-col-last {
		width: 100%;
	}

	.view-id-contactez_nous .views-row .panel-col-last,
	.view-nos-actualit-s .views-row .panel-col-last {
    	padding-bottom: 20px;
 	}
	
 	#block-system-main-menu ul li:not(.last){
 		line-height: 18px;
    	padding-top: 8px;
    	padding-bottom: 3px;
 	}