html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
body {
    line-height: 1
}
ol,
ul {
    list-style: none
}

* {
    -ie-box-sizing: border-box;
    box-sizing: border-box
}
.clearfix:after {
    content: "";
    display: table;
    clear: both
}

b,strong {font-weight:700}
a {text-decoration:none;}
.grid {
	margin: 0 0 20px 0
}

.gridnopad .grid {margin:0}

.grid:after {
	content: "";
	display: table;
	clear: both
}
[class*='col-'] {
	float: left;
	margin-right:3%;
	margin-top:15px;
	text-align:justify;
	text-align:left;
}
.grid [class*='col-']:last-of-type {
	margin-right: 0
}

.gridair [class*='col-'] {
	margin-right:5%;
}

.nojustify [class*='col-'] {
	text-align:left;
}


.col_img {width:100%;}
.col_img img {width:100%;}

.col-1-1 {    width: 100%;margin-right:0; }
.col-2-3 {   width: 63%; }
.gridair .col-2-3 {width:65%}
.col-1-3 {    width: 30%; }
.gridair .col-1-3 {width:30%}
.col-1-2,.col-2-4 {    width: 47%; }
.gridair .col-1-2,.gridair .col-2-4 {width:45%}
.col-1-4,.col-2-8 {   width: 22%; }
.gridair .col-1-4,.gridair .col-2-8 {   width: 20%; }
.col-3-4 {width:72%;	}
.gridair .col-3-4 {width:70%;	}
.col-1-8 {width: 9%;}
.gridair .col-1-8 {width: 7%;}
.col-3-8 {width: 34%; }
.gridair .col-3-8 {width: 31%; }
.col-5-8 {    width: 59%;}
.gridair .col-5-8 {    width: 57%;}
.col-6-8 {	width: 72%; }
.gridair .col-6-8 {	width: 70%; }
.col-7-8 {   width: 84%; }
.gridair .col-7-8 {   width: 82%; }
.pull-right {
    float: right
}
.mobile-menu {
    display: none
}
em {
    font-style: italic
}
body {
    background: #fff;
    line-height: 1.6em;
	font-family:'Exo 2';
}

body,html {height:100%}

em {
    font-style: italic
}
.wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px
}

.medium-wrapper {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 30px;
}

.pq-wrapper {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 30px
}
img {
    max-width: 100%
}
.pad-vertical {
    padding-top: 120px;
    padding-bottom: 150px
}
.pad-top {
    padding-top: 120px
}
.pad-bottom {
    padding-bottom: 90px
}
.pad-bottom-less {
    padding-bottom: 45px
}
.pad-horizontal {
    padding-left: 150px;
    padding-right: 150px
}
.small-title {
    position: relative;
    font-family: 'Yantramanav', Open Sans, "sans-serif";
    font-size: 1.3em;
    color: #939393;
    font-weight: 900;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 55px
}
.small-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -22px;
    width: 70px;
    border-bottom: 1px solid #666
}

.head-title {
	position: relative;
	font-family: 'Yantramanav', Open Sans, "sans-serif";
	font-size: 1.6em;
	color: black;
	font-weight: 900;
	line-height: 29px;
	text-transform: uppercase;
	margin-bottom: 57px
}
.head-title:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -22px;
	width: 70px;
	border-bottom: 1px solid #94ABBD
}

.head-chapo {font-size:1.5em;line-height:1.5em}

.quote-text {
    font-family: 'Exo 2', Georgia, Times, 'Times New Roman', serif;
    font-size: 22px;
    font-weight: 400;
    color: #000;
    line-height: 34px;
    padding-bottom: 35px
}
.home_intro {
    color: #3b3b3b;
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: 400;
    padding-bottom: 50px
}


.une_actualites  {
    font-size: 16px;
    line-height: 29px;
}

.dark-button {
    background-color: #125389;
    border: none;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 16px 42px;
    font-family: 'Source Sans Pro', "sans-serif";
    font-weight: 700;
    font-size: 1.2em;
    line-height: 14px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    cursor: pointer
}
.dark-button:hover {
    background: #183C5A;
    color: #fff
}
.cabeca {
    position: relative;
    font-family: 'Yantramanav',Georgia, Times, 'Times New Roman', serif;
    color: #fff;
    font-size: 42px;
    font-weight: 900;
    line-height: 1.35em;
    letter-spacing: 1px;
    margin-left: 80px;
    margin-bottom: 90px
}
.cabeca:before {
    content: '';
    position: absolute;
    left: -120px;
    top: 0.6em;
    width: 100px;
    border-bottom: 1px solid #fff
}
.cabeca.no-pad {
    margin-left: 120px
}
.cabeca.dark {
    color: #262626
}
.cabeca.dark:before {
    border-bottom-color: #262626
}
.popover-overlay {
    position: fixed;
    z-index: 9999;
    z-index: 9;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.popover {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    -ms-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    background: #fff;
    max-width: 650px;
    width: 100%;
    min-height: 350px;
    max-height: 100%;
    text-align: center;
    padding: 60px;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s
}
.im-sticky {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 8888;
    z-index: 500;
}

.header {
    height: 90px;
    line-height: 90px;
    padding: 0 20px;
    border-bottom: 1px solid #DFDFDF;
    background: #fff;
    z-index: 8888;
    z-index: 500;
    position: relative
}
.logo {
    float: left;
    line-height: 90px
}
.logo img {
    vertical-align: middle
}
.menu {
    list-style: none;
    line-height: 90px;
    font-family: 'Source Sans Pro', "sans-serif";
    float: right
}
.menu li {
    display: inline-block;
    padding-left: 30px
}
.menu li a {
    color: #5f5f5f;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px;
    border-bottom: 2px solid transparent;
    -webkit-transition: border-bottom .2s;
    transition: border-bottom .2s
}
.menu li a:hover {
    color: #125389
}

@media only screen and (max-width: 1000px) {
.menu li.menu-item-17 {display:none}
}

.footer {
    background: #AEBACB;
    padding-top: 40px;
    padding-bottom: 60px;
    font-family: 'Source Sans Pro', Georgia, Times, 'Times New Roman', serif;
    font-size: 1em;
    line-height: 1.3em;
    color: #3b3b3b
}

.footer .real {text-align:right;font-size:11px}

.footer hr {width:100%;height:0px;border:0px;border-top:1px solid #79828E}
.footer .footer-nav {
    position: relative
}
.footer .footer-nav .goto-top {
    font-size: 35px;
    line-height: 1em;
    position: absolute;
    right: 10px;
    top: 10px;
    display: none
}
.footer .footer-logo {
    float: none;
    display: inline-block;
    padding-bottom: 20px
}
.footer .headline {
    font-size: 14px;
    font-family: 'Source Sans Pro', Open Sans, "sans-serif";
    font-weight: 700;
    padding-bottom: 15px;
    text-transform: uppercase
}

.footer h3 {font-weight:700;font-size:1.2em;line-height:1.6em;color:white;}
.footer a,
.footer p {
    color: inherit;
    font-size: 1em;
    line-height: 1.6em;
    text-decoration: none
}

.footer .social a {line-height:30px}
.footer .social img {margin-top:3px;margin-right:8px}

.bg_clair {background:#DFE6EE;padding:50px 0px}

.home .home-head {
    height: 670px;
    position: relative;
    text-align: center;
    background: #125389;
}
.home .home-head .img-wrapper {
    position: relative;
    margin: 0 auto;
    display: block;
    max-width: 1282px;
    height: 100%
}
.home .home-head img {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity .8s ease-out;
    transition: opacity .8s ease-out
}
.home .home-head .left-hide {
    opacity: 0
}
.home .home-head .home-head-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    z-index: 100;
    z-index: 3;
}
.home .home-head .pq-wrapper {
    position: relative;
    height: 100%
}
.home .home-head .headline-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 1100px) {
.home .home-head .headline-wrap { left: 5%; }
}
.home .home-head .headline,.toflickr .headline {
    font-family: 'Yantramanav',Georgia, Times, 'Times New Roman', serif;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.3em;
    padding-bottom: 80px
}
.toflickr .headline {
color:#85afdd;
color:#FFF;
	font-size: 3.6em;
	 line-height: 3em;
	 padding-bottom: 20px;
	text-shadow: 0px 0px 10px #141e21;
}


.home .home-head em {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.3em;
	font-style:normal;
	padding-bottom: 80px
}

.home .home-head .headline .main-red {
    color: #D0E1ED
}
.home .home-head .vers-bio {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding-left: 25px;
    background: url('../pics/maquette/red-arrow.png') no-repeat left center;
    color: #125389;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase
}

.presentation  .more-about {
    display: inline-block;
    padding: 1px 12px;
    background: #125389;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
	 -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.presentation  .more-about:hover {
    background: #183C5A;

}

.home .une_actualites a {color:black;}
.fazemos {
    position: relative
}
.fazemos-index {
    position: absolute;
    width: 100%;
    max-height: 890px;
    overflow: hidden
}
.fazemos-index img {
    width: 100%
}
.panels {
	position: relative;
	padding: 80px 80px;
	background: #E9ECF3;
	text-align:left;
}
.ipp .panels {padding: 140px 100px;}
.ipp .panels_foto {padding: 0px;background-color:transparent;}
.panels.pull-down {
    margin-top: 155px
}
.panels.pull-up {
    margin-top: -180px
}

.ipp .panels.pull-up {
	margin-top: 50px
}
.ipp .panels.pull-down {
	margin-top: -330px
}

.ipp .panels_foto.pull-down {
	margin-top: -160px;
}

.ipp .panels_foto.diag {
}
.ipp ul {
	list-style: none
}


.panels.white {
    background: #fff
}
.panels.dark {
    background: #D4DCEB
}
.panels.left {
    margin-right: -15px;
}
.panels.left:last-of-type {
    margin-left: 25px;
    padding-top: 80px
}
.panels.right {
    margin-left: -15px
}
.ipp .panels.right {
	margin-left: -10px
}

.ipp .panels.trois {
	margin-left:10px }

.panels .number {
    position: absolute;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #bcbcbc;
    font-size: 105px;
    line-height: 55px;
    font-weight: 700;
    font-style: italic;
    top: 55px;
    left: 60px;
    letter-spacing: 2px
}
.panels h3 {
    font-family: 'Yantramanav', "sans-serif";
    color: #000;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.5em;
    margin-bottom: 40px;
    text-transform: uppercase
}
.panels p {
    font-family: 'Source Sans Pro', Georgia, Times, 'Times New Roman', serif;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.6em
}
.ipp .panels p {
	font-family: 'Source Sans Pro', Georgia, Times, 'Times New Roman', serif;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.7em;
}
.panels .dark-button {
    position: absolute;
    left: 90%;
    top: 50%;
    white-space: nowrap;

    background-repeat: no-repeat;
    background-position: 80% center;
    padding-right: 90px;
    padding-top: 30px;
    padding-bottom: 30px
}

.home .slider {
    background: #C1D0E5
}
.home .slider .slider-inner {
    position: relative
}
.home .slider .small-title {
    color: #FFF
}
.home .slider .small-title:after {
    border-bottom-color: #FFF
}
.home .slider .pad-horizontal {
    padding-left: 85px;
    padding-right: 85px
}
.home .slider img {
    display: block
}
.home .blog-latest .wrapper {
    max-width: 1165px
}
.home .blog-latest .cabeca {
    margin-bottom: 20px
}
.home .blog-posts {
    padding: 65px;
}

.home .calendar-post {
	float: left;
	display: block;
	margin: 0;
	width: 30%;
	margin-right: 2%;
}

.home .calendar-date {
	color:#DCE6F4;font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 40px;
	font-size: italic;
	font-weight: 700;
	font-style: italic;
	padding-left:4%;

}

.blog-post a {text-decoration:none}

.home .calendar-post .blog-post {
    background: #DCE6F4;
    padding: 4%;
	width:100%;
    text-decoration: none;
    -webkit-transition: background 0.9s;
    transition: background 0.9s
}


.home .calendar-post .blog-post:last-of-type {
    margin-right: 0
}
.home .blog-post h3 {
    color: #05343a;
    font-family: 'Yantramanav', Open Sans, "sans-serif";
    font-size: 1.6em;
	line-height:1.2em;
    font-weight: 900;
    text-transform: uppercase;
    padding-bottom: 20px
}
.home .blog-post h4 {
	position: relative;
	color: #125389;
	font-family: 'Source Sans Pro', Open Sans, "sans-serif";
	font-size: 1.2em;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.home .blog-post h4:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 70px;
	border-bottom:1px solid #125389;

}

.home .blog-post p {
    font-family: 'Source Sans Pro', Georgia, Times, 'Times New Roman', serif;
    font-size: 1.1em;
    color: #3b3b3b;
    margin-bottom: 20px
}
.home .blog-post .button {
    font-family: 'Source Sans Pro', "sans-serif";
    display: inline-block;
    background: url('../pics/maquette/red-arrow-right.png') no-repeat 90% center;
    color: #125389;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    padding-right: 70px;
    padding-left: 20px;
    margin-left: -20px;
    text-decoration: none;
    border: 1px solid transparent;
    -webkit-transition: border 0.7s, background 0.5s, -webkit-transform 0.2s;
    transition: border 0.7s, background 0.5s, transform 0.2s
}
.home .blog-post:hover {
    background: #fff
}
.home .blog-post:hover .button {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px)
}

.home .calendar-post:nth-child(even) .blog-post {	background: #125389; }
.home .calendar-post:nth-child(even) .blog-post .button {	color: #FFF; }
.home .calendar-post:nth-child(even) .blog-post p {	color: #B8CCDC; }
.home .calendar-post:nth-child(even) .blog-post h4 {	color: #94B1CA; }
.home .calendar-post:nth-child(even) .blog-post h4:after {	border-bottom:1px solid #94B1CA; }
.home .calendar-post:nth-child(even) .blog-post h3 {	color:white; }
.home .calendar-post:nth-child(even) .calendar-date {	color:#125389; }
.home .calendar-post:nth-child(even) .blog-post:hover {	background: #fff }
.home .calendar-post:nth-child(even) .blog-post:hover p {	color: #98ACBC; }
.home .calendar-post:nth-child(even) .blog-post:hover h4 {	color: #7491AA; }
.home .calendar-post:nth-child(even) .blog-post:hover h4:after {	border-bottom:1px solid #7491AA; }
.home .calendar-post:nth-child(even) .blog-post:hover h3 {	color:#125389; }
.home .calendar-post:nth-child(even) .blog-post:hover .button {	color: #125389; }

.retrato{margin-top:-60px;width:360px}
.retrato img{display:block}
@media only screen and (max-width: 768px) {.retrato{margin-top:60px;width:100%} }


.biografia .old-cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.biografia .cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}


.chapo {font-size:1.5em;line-height:1.5em;font-weight:600;text-align:left}
.chapo_small {font-size:1.0em;line-height:1.2em;font-weight:400;text-align:left}
.chapo_small p {margin-bottom:10px}
.chapo_grey {font-size:0.9em;line-height:1.2em;font-weight:400;text-align:left;color:#777}
.bio_en .chapo {font-size:1.2em;line-height:1.2em;}
.chapo_filet:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -22px;
	width: 70px;
	border-bottom: 1px solid #666;
}
@media only screen and (max-width: 950px) { 	.chapo {font-size:1.1em;line-height:1.3em;} }
@media only screen and (max-width: 790px) { 	.chapo {font-size:1.4em;line-height:1.4em;} }

.bio_list {font-size:0.85em;}
.bio_list_2 {font-size:100%;}
.ipp_list ul, .bio_list ul {
	list-style: none;
	padding:0;
	margin:0;
}

.chocolat-image img {	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.42;}

.chocolat-image img:hover {	-webkit-transform:scale(1.09) rotate(1deg);-moz-transform:scale(1.09) rotate(1deg);-ms-transform:scale(1.09) rotate(1deg);-o-transform:scale(1.09) rotate(1deg) }

.inverse img:hover {	-webkit-transform:scale(1.09) rotate(-1deg);-moz-transform:scale(1.09) rotate(-1deg);-ms-transform:scale(1.09) rotate(-1deg);-o-transform:scale(1.09) rotate(-1deg) }


.ipp_list li, .bio_list li {
	padding-left: 0em;
	text-indent: -.7em;
}

.ipp_list li:before, .bio_list li:before {
	content: "» ";
	color: #DAE3EF; /* or whatever color you prefer */
}

.lower {margin-top:175px}


@media only screen and (max-width: 1250px) {
.fazemos .pad-horizontal {padding-left:50px;padding-right:50px;}
.fazemos .panels.pull-up {margin-top: -130px;}
}

@media only screen and (max-width: 1100px) {
.fazemos .panels {
    padding: 50px 70px;
    background: #E9ECF3;
}
.fazemos .panels.left:last-of-type {
    margin-left: 25px;
    padding-top: 50px;
}
.fazemos .panels.right{margin-left:5px}
.fazemos .panels.pull-up {margin-top: -140px;}
.cabeca {margin-bottom:15px}
}

@media only screen and (max-width: 900px) {

.menu {
        display: none
    }
    .mobile-menu {
        display: none;
        color: #000;
        text-decoration: none;
        font-size: 40px;
        float: right
    }
    .mobile-hidden {
        display: none
    }
}

@media only screen and (max-width: 840px) {
    [class*="wrapper"] {
        padding: 0 6%
    }
    [class*="wrapper"][class*="wrapper"] {
        padding-left: 0;
        padding-right: 0
    }
    [class*="col-"] {
        display: block;
        width: auto;
        float: none
    }

	[class*="col-"].small {
		max-width: 300px;
	}


	.grid_32 .col-1-3 {width:48%;display:inline;float:left}
	.grid_31 .col-1-3 {width:97%;}
	.grid_21 .col-1-2,.grid_21 .col-2-4 {width:100%;}
	.gridair_31 .col-1-3 {width:100%;}
	.gridair_31 .col-2-3 {width:100%;}
	.grid_42 .col-3-4 {width:48%;display:inline;float:left}
	.grid_42 .col-1-4 {width:48%;display:inline;float:left}
	.footer .grid_42 .col-1-4 {width:47%;display:inline;float:left}
	.gridair_42 .col-1-4 {width:45%;display:inline;float:left}
	.gridair_41 .col-1-4,.gridair_41 .col-2-4,.gridair_41 .col-1-2,.gridair_41 .col-3-4,.gridair_41 .col-1-3 {width:100%;display:inline;float:left}
	.gridair_21 .col-1-4,.gridair_21 .col-1-2,.gridair_21 .col-3-4,.gridair_21 .col-1-3 {width:100%;display:inline;float:left}

	.lower {margin-top:0px}

    .pad-horizontal {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .pad-top {
        padding-top: 50px
    }
    .header {
        line-height: 90px;
        height: 90px;
        padding: 0;
		padding-left:20px;
		padding-right:20px;
    }
    .header .logo {
        line-height: 90px
    }
    .small-title {
        font-size: 18px
    }
    .index .more-about-me {
        display: none
    }
    .index .presentation img {
        margin: 60px auto 0;
        display: block
    }
    .index .service-index img {
        margin-left: -35%;
        margin-right: -35%;
        width: 170%;
        max-width: 170%
    }

	.white_when_small {color:white;}

    .panels {
        margin: 0;
        padding: 20px 10% 50px
    }
    .panels .number {
        position: static;
        line-height: 1.1em;
        padding-bottom: 30px
    }
    .panels h3 {
        font-size: 22px;
        line-height: 35px
    }
    .panels p {
        font-size: 16px;
        line-height: 30px
    }
    .panels.left,
    .panels.right {
        margin: 0;

    }
    .panels.left:last-of-type {
        padding-top: 20px;
        margin: 0 0 100px
    }
    .panels .dark-button {
        position: absolute;
        left: 20px;
        top: 100%;
        margin-top: 40px;
        width: 50%
    }
	.ipp .panels.pull-down {	margin:0px; 	}
	.ipp .panels.pull-up {	margin: 0px; }
	.ipp .panels_foto {	margin: 0px; }
	.ipp .pp_container .white {background:transparent}
	.ipp .pp_container .panels {padding:15px}
	.panels_foto {padding:0;width:100%}
    .index .pad-horizontal {
        padding-left: 0;
        padding-right: 0
    }
    .index .blog-latest div+div {
        font-size: 16px;
        line-height: 30px
    }
    .index .blog-post {
        float: none;
        width: auto;
        margin: 0 0 40px;
        padding: 13%
    }
    .index .blog-post h3 {
        font-size: 22px;
        line-height: 1.4em;

    }
    .index .blog-post p {
        font-size: 16px;
        line-height: 30px
    }
    .index .blog-posts {
        padding: 8%;
        margin-left: -8%;
        margin-right: -8%
    }

    .index .slider .text-wrap {
        padding-bottom: 70px
    }
    .index .slider .dots {
        left: 0;
        margin-left: 0
    }
    footer {
        z-index: 10000;
        z-index: 10;
        position: relative;
		background:#DFD5CB;
    }
    .footer {
        padding-bottom: 20px;
        padding-top: 20px
    }
    .footer .copy {
        font-size: 16px;
        line-height: 1.6em
    }
    .footer a {
        float: none;
        font-size: 16px;
        line-height: 3em
    }
    .footer .footer-logo {
        padding-top: 30px
    }
    .footer .headline {
        padding-top: 20px;
        font-size: 20px
    }
    .footer .footer-nav {
        margin-bottom: 30px
    }
	.footer .grid_21 .col-1-2 {float:none;}
	.footer .real {font-size:12px;margin-left:3%;text-align:left;float:none;}
	.footer .real a {font-size:11px;}
    .home .home-head {
        height: auto
    }
    .home .home-head .home-head-inner {
        position: relative;
        padding-bottom: 55%;
        padding-top: 13%
    }
    .home .home-head .headline-wrap {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .home .home-head .headline {
        font-size: 32px;
        padding-bottom: 10px
    }
    .home .home-head img {
        position: absolute;
        bottom: 0;
        left: -50%;
        right: 100%;
        max-width: 150%
    }

	.citation {padding:0px 30px}

    .popover-overlay .popover {
        padding: 8%
    }
    .popover-overlay .popover .close {
        left: auto;
        right: 0;
        border-bottom: 1px solid #000
    }



    .footer .footer-nav .goto-top {
        display: block
    }

	.footer {padding-left:30px; padding-right:20px;}


    .avirer_carreheader {
        margin-left: 20px!important;
        font-size: 32px
    }
    .avirer_carreheader:before {

        left: -40px;
        width: 30px
    }
    .quote-copy {
        font-size: 16px;
        line-height: 30px
    }
    .biografia .portrait {
        margin: 20px 0
    }

    .biografia .name {
        padding-top: 30px
    }
    .biografia .bio-top {
        margin-bottom: 80px
    }


    .avirer_page-menu {
        height: 70px;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden
    }
    .avirer_page-menu:after {
        content: "";
        display: table;
        clear: both
    }
    .avirer_blog-wrapper .avirer_page-menu {
        padding-left: 20px
    }
    .avirer_page-menu .link {
        white-space: nowrap;
        margin-left: 0!important;
        margin-right: 20px;
        text-align: center;
        display: inline-block;
        height: 65px;
        line-height: 65px
    }
    .pad-bottom-less {
        padding-bottom: 20px
    }
	.une_actualites {padding:0px 30px;margin-top:50px;}
	.aboutipp {padding:0px 30px;}
	.headline {padding-left:20px;}

	.pad-vertical {
		padding-top: 60px;
		padding-bottom: 70px
	}
}


@media only screen and (max-width: 450px) {
	.grid_32 .col-1-3,grid_31 .col-1-3,.grid_42 .col-3-4,.grid_42 .col-1-4  {width:97%;display:block;float:none}
}


.une_actualites .wrapper {padding-bottom:30px;}
.une_actualites .wrapper:after {
        content: "";
        display: table;
        clear: both
    }





@media only screen and (max-width: 1100px) {
	.panels {padding-left:50px;padding-right:50px}
	.panels .number {
      font-size: 90px;
    line-height: 45px;
	left:20px;
	}
	.panels_foto {padding:0}
}

@media only screen and (max-width: 95px) {
	.panels {padding-left:35px;padding-right:35px}
	.panels .number {
      font-size: 75px;
    line-height: 35px;
	left:10px;
	}
}




.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(116, 178, 215, 0.9) url(../pics/maquette/top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:5;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #091d23;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 50px;
    width: 50px;
    right: 20px;
    bottom: 20px;
  }
}

.bio_menu .inner {padding:10px 10%;text-align:center}

.background-fill{background-size:cover;background-position:center top;background-repeat:no-repeat}
.background-fill.contain{background-size:contain}

.biografia-bg{background-image:url('../pics/banners/bio_banner.jpg');padding-top:100px;height:280px}


.pp_button{
	line-height: 50px;
	height: 50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 180px;
	cursor: pointer;
}
.button_nocenter {margin:0px;}

.bio_menu .pp_button {width:95%}
@media only screen and (max-width: 768px) { .bio_menu .pp_button {width:75%} }
@media only screen and (max-width: 790px) { .bio_menu .col-1-4 {width:46%;display:inline;float:left} }
@media only screen and (max-width: 550px) { .bio_menu .col-1-4 {margin-top:40px;width:100%;display:inline;float:left} }

.button_1 {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border:1px solid rgba(255,255,255,0.5);
	border-right-width:0px;
	border-left-width:0px;
	overflow: hidden;
}
.button_1 a{
	color: rgba(255,255,51,1);
	text-decoration: none;
	display: block;
}
.button_1 span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.button_1:hover{
	background-color: rgba(255,255,255,0.2);
}
.button_1:hover > span{
	opacity: 0;
	-webkit-transform: translate(0px,-40px);
	transform: translate(0px,-40px);
}
.button_1::after{
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(0, 30%);
	transform: translate(0, 30%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.button_1:hover::after{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.button_2 {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border:1px solid rgba(255,255,255,0.5);
	border-right-width:0px;
	border-left-width:0px;
	overflow: hidden;
}
.button_2 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}

.toflickr .button_2 {
	color: rgba(185,236,250,1);
	border-color:rgba(185,236,250,0.5);
	background-color: rgba(20,20,30,0.3);
}
.toflickr .button_2 a{
	color: rgba(185,236,250,1);
	text-decoration: none;
	display: block;
}

.button_2 span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.button_2:hover{
	background-color: rgba(255,255,255,0.2);
}
.toflickr .button_2:hover{
	background-color: rgba(20,20,30,0.7);
	border-color:#FFF;
	color:#FFF;
}
.button_2:hover > span{
	opacity: 0;
	-webkit-transform: translate(0px,40px);
	transform: translate(0px,40px);
}
.button_2::after{
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(-30%, 0);
	transform: translate(-30%, 0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.button_2:hover::after{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.button_3 {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border:1px solid rgba(255,255,255,0.5);
	border-right-width:0px;
	border-left-width:0px;
	overflow: hidden;
}
.button_3 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.button_3 > span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.button_3:hover{
	background-color: rgba(255,255,255,0.2);
}
.button_3:hover > span{
	opacity: 0;
	-webkit-transform: translate(0px,40px);
	transform: translate(0px,40px);
}
.button_3::after{
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(-30%, -50%) rotate(-30deg);
	transform: translate(-30%, -50%) rotate(-30deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

}
.button_3:hover::after{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.button_4{
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border:1px solid rgba(255,255,255,0.5);
	border-right-width:0px;
	border-left-width:0px;
	position: relative;
}
.button_4 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.button_4 span{
	z-index: 2;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.button_4::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(255,255,255,0.5);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.5, 1);
	transform: scale(0.5, 1);
}
.button_4:hover::before{
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.button_5 {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
}
.button_5 span{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
}

.button_5 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.button_5::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(4,44,74,0.5);
	border-bottom-color: rgba(4,44,74,0.5);
	-webkit-transform: scale(0.1, 1);
	transform: scale(0.1, 1);

}
.button_5:hover span{
	letter-spacing: 2px;
	}
.button_5:hover::before{
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);

}
.button_5::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background-color: rgba(255,255,255,0.25);
}
.button_5:hover::after{
	opacity: 0;
	-webkit-transform: scale(0.1, 1);
	transform: scale(0.1, 1);
}

.button_white {color: rgba(255,255,255,1);border-color:rgba(255,255,255,0.5);}
.button_white a {color: rgba(51,51,51,1);}
.button_white:hover {background-color: rgba(255,255,255,0.2);}

.button_blue {color: rgba(18,83,137,1);border-color: rgba(18,83,137,0.5);}
.button_blue a {color: rgba(18,83,137,1);}
.button_blue:hover {background-color: rgba(18,83,137,0.2);}

.button_inverse {
	color: rgba(4,44,74,1);

}
.button_inverse::after{
	background-color: rgba(4,44,74,.3);
}
.button_small {width:110px}
.button_large {width:280px; font-family: 'Source Sans Pro', "sans-serif";
    font-weight: 700;
    font-size: 1.2em;}

.only_small {display:none}
.only_big {display:inline}
.bio-top .only_big {display:block}

.pp_fixed-bg.pp_bg-3 {
	background-image: url("../pics/bio/bio_bg_mato.jpg");
}


@media only screen and (max-width: 790px) {
 	.only_big {display:none}
	.bio-top .only_big {display:none}
	.only_small {display:inline}
}
.bc {text-align:justify;text-align:left}




.pp_head {
	/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.pp_head img {width:100%;border:0}
.pp_head_box {width:55%;position:relative;display:block;background:white;top:-90px;left:25px;padding:45px 20px 10px 25px}
.pp_punchline {position:relative;display:block;top:-70px;width:70%;left:25px;padding:0px 40px 0px 25px}
.pp_punchline_large {width:90%;padding-right:0px;}


.pp_container {
	/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */

	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding-left:50px;padding-right:30px;

}
.pp_container::after {
	/* clearfix */
	content: '';
	display: table;
	clear: both;
}
.pp_remonte {position:relative;top:-40px}
.pp_remonte_fort {position:relative;top:-70px}
.pp_remonte_120_70 {position:relative;top:-120px}

@media only screen and (max-width: 620px) {
.pp_head {width:100%;margin:0;padding-left:0}
.pp_container {padding-left:2px;padding-right:0px}
.pp_head_box {top:-50px;left:5px;padding:30px 20px 0px 4%}
.pp_punchline {top:-60px;left:5px;padding:30px 20px 20px 4%;}
.pp_remonte_120_70 {top:-70px}
}

@media only screen and (max-width: 790px) {  .pp_punchline {width:100%} }

.pp_main-content {
	/* you need to assign a min-height to the main content so that the children can inherit it*/
	height: 100%;
	position: relative;
	z-index: 1;
}

.pp_fixed-bg {
	position: relative;
	min-height: 310px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

.design_0 .pp_fixed-bg.pp_bg-1 {
	background-image: url("../pics/ipp/ipp_bg_djeu_azul.jpg");
}
.design_0 .pp_fixed-bg.pp_bg-2 {
	background-image: url("../pics/ipp/ipp_bg_tambor_azul.jpg");}
}



.design_1 .pp_bg-1 {
	background-image: url("../pics/ipp/ipp_bg_tambor_azul.jpg");
}
.design_1 .pp_bg-2 {
	background-image: url("../pics/ipp/ipp_bg_tambor_azul.jpg");}
}

.design_2 .pp_bg-1 {
	background-image: url("../pics/ipp/ipp_bg_praia.jpg");
}
.design_2 .pp_bg-2 {
	background-image: url("../pics/ipp/ipp_bg_praia_azul.jpg");}
}

}

@media only screen and (min-width: 320px) {
.pp_fixed-bg h1, .pp_fixed-bg h2 {
	font-size: 36px;
}
}
@media only screen and (min-width: 480px) {
  .pp_fixed-bg {
    background-attachment: fixed;
  }
  .pp_fixed-bg h1, .pp_fixed-bg h2 {
    font-size: 48px;
    font-weight: 300;
  }
}

.pp_scrolling-bg {
  position: relative;
  min-height: 90%;
  padding: 4em 0;
  line-height: 1.4em;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  z-index: 2;
}



.noshadow {  box-shadow: 0 0 0px rgba(0, 0, 0, 0)}
.shadowbottom {   box-shadow: 0 0 30px -40px rgba(0, 0, 0, 0.5); }
.pp_curvas_branco {background:url(../pics/maquette/bg_curvas_white.jpg) 50% 50% no-repeat white;background-size:contain}



.pp_scrolling-bg.pp_color-1 {
  background-color: #FFF;
  color: #a6989a;
}
.pp_scrolling-bg.pp_color-2 {
  background-color: #0F3153;
  color: #444;
}
.pp_scrolling-bg.pp_color-3 {
  background-color: #C1CED8;
  color: #F7F9FB;
}
.pp_scrolling-bg.pp_color-3 .head-title { color: #50697C}

.pp_scrolling-bg.pp_color-4 {
  background-color: #A7C8E1;
  color: #4A5C6A;
}
.pp_scrolling-bg.pp_color-4 .head-title { color: white}

.pp_scrolling-bg.pp_color-5 {
  background-color: #A2B7C2;
  color: #E6F0F5;
}

.pp_scrolling-bg.pp_color-6 {
  background-color: #CFC7B9;
  color: #2B251A;
}
.pp_scrolling-bg.pp_color-6 .head-title { color: #7D6C4D}

.pp_scrolling-bg.pp_color-7 {
  background-color: #9E937F;
  color: #F0EDE8;
}
.pp_scrolling-bg.pp_color-7 .head-title { color: #534B3D}

.pp_scrolling-bg.pp_color-8 {
  background-color: #125389;
    color: #FFFFFF;
}



@media only screen and (min-width: 480px) {
  .pp_scrolling-bg {
    padding: 8em 0;
    font-size: 1.1rem;
    line-height: 1.6em;
    font-weight: 300;
  }
  .pp_smallpad {padding-top:4em}
  .pp_smallestpad {padding-top:2em}
}
.pp_scrolling_top {padding:0}
.pp_smallpad {padding-bottom:2em}
.pp_smallestpad {padding-bottom:2em}
.pp_nopad {padding:0}

.pp_container h2 {font-weight:700;color:#125389;font-size:1.4em}
.pp_container h3 {font-weight:700;color:#3C7AAD;font-size:1.1em}

.ipp .panels em {color:#6493BA;font-weight:700;font-style: normal;}
.ipp .pp_color-2 h2 {color:white}
.panels_foto {padding:0}
.panels_foto img {width:100%}

/* -------------------------------------------------------------------
Team
------------------------------------------------------------------- */

.team-detail,
.team-image:after {
	-webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		 -o-transition: all 0.3s ease-in-out 0s;
			transition: all 0.3s ease-in-out 0s;
}


.team-item {
	position: relative;
	text-align: center;
}

.team-image {
	position: relative;
	overflow: hidden;
}

.team-image img {
	width: 100%;
}

.team-image:after {
	position: absolute;
	background: transparent;
	content: " ";
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.team-detail {
	position: absolute;
	width: 100%;
	opacity: 0;
	bottom: 100%;
	left: 0;
	z-index: 2;
	text-align: left;
	font-size: 12px;
	color: #aaa;
	padding: 15px;

}

.team-detail h5 {
	font-size: 16px;
	color:white;
}

.team-detail p {
	font-size: 1.1em;
	line-height:1.4em;
	color:#D7E7F3;
}

.team-social a {
	display: inline-block;
	color: #aaa;
	padding: 5px 6px;
}

.team-social a:hover {
	color: #FFF;
}

.team-descr {
	margin: 20px 0 0;
}

.team-name {
	font-size: 1.1em;
	color: #111;
}

.team-role {
	font-size: 0.9em;
	color: #aaa;
}

.team-item:hover .team-image:after {
	background: rgba(60, 122, 173, .8);
}

.team-item:hover .team-detail {
	opacity: 1;
	bottom: 50%;
	-webkit-transform: translateY(50%);
	   -moz-transform: translateY(50%);
	        transform: translateY(50%);
}

.team-staff {font-size:0.95em}
.team-staff h4 {font-weight:400;color:#638C9D;margin:0px;display:inline}

@media only screen and (max-width: 950px) {
	.team-detail p {
	font-size: 1.05em;
	line-height:1.25em;
	}
}

@media only screen and (max-width: 850px) {
	.team-detail p {
	font-size: 1.4em;
	line-height:1.5em;
	}
	.team-detail h5 {
	font-size: 1.8em;
	line-height:2.6em;
	}

}




.dropcap:first-letter {
    float: left;
    display: block;
    font-size: 40px;
    line-height: 42px;
    margin: 0 10px 0 0;
    font-weight: 700;
    color: #3C7AAD;
}
blockquote {
    padding: 5px 20px;
    margin: 20px 0;
    border-left-style: solid;
    border-left-width: 5px
}
blockquote p {
    font-size: 22px;
    line-height: 30px;
    font-style: italic;
    color: #111
}
blockquote footer {
    display: block;
    font-size: 14px;
    color: #111
}
blockquote.alt {
    position: relative;
    padding-left: 40px;
    border: 0
}
blockquote.alt:before {
    font-family: "FontAwesome";
    content: "\f10e";
    font-size: 24px;
    position: absolute;
    left: 5px
}

.pull {
    color: #3C7AAD;
    position: relative;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 700;
    font-style: italic;
    float: left;
    width: 30%;
    margin: 0px 25px 12px 0;
}

.pullright {
    color: #3C7AAD;
    position: relative;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 700;
    font-style: italic;
   float: right;
    width: 30%;
    margin: 0px 0 12px 25px;
}

.pullquotes.left {
    float: left;
    width: 30%;
    margin: 10px 25px 15px 0;
}
.pullquotes.center {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
    clear: both
}
.pullquotes.right {
    float: right;
    width: 30%;
    margin: 10px 0 15px 25px;
}

.news a {color:#555}

a.nws_date {color:#888;font-size:0.9em}
a.nws_desc {color:#555;font-size:1.1em}
a.nws_more {background:#B9D6E8;color:white;padding:1px 6px;font-size:0.9em}
.nws_bloc {margin-bottom:15px}
.nws_recentes  a {color:#888;font-size:0.75em;line-height:1.5em}
.nws_all  {text-align:right}
.nws_all a {color:#ABC8DB;font-size:0.7em;line-height:1.5em}
.nw_voisins a {font-size:0.9em;line-height:0.9em}
.nw_voisins {margin-top:10px;border:0px;border-top:1px solid #DDD;padding:7px 0px 5px 0px}
.nw_stats {color:#AAA;font-size:0.9em}
.nw_next {text-align:right}
.news i {font-style:italic}
.nw_bando {margin:15px 0 5px 0}
.news .pp_container {position:relative;display:block;}
.nws_outro {margin-top:35px;margin-bottom:15px;font-size: 0.9em;border-top:1px solid #CCC}
@media only screen and (max-width: 800px) {
.nws_outro {text-align:center}
}
a.formation_droite {line-height:1.3em;padding:20px 10px;display:inline-block;border-bottom:1px solid #DDD;-webkit-transition:background-color .70s,padding .70s;-o-transition:background-color .70s,padding .70s;transition:background-color .70s,padding .70s;width:100%}
a.formation_droite:hover {background:#F0F0F0}


.downloads .download {margin-bottom:35px}

.pp_container em {color:#9BB8CB}

@media only screen and (max-width: 840px) {
	.nw_voisins .col-1-2,.nw_voisins .col-2-4 {width:100%;margin-bottom:0px;margin-top:0px;padding:0px}
	.nw_next {text-align:left;}
}

@media only screen and (max-width: 500px) {
.pull {
    font-style: italic;
    float: none;
	display:block;
    width: 100%;
    margin: 0px 0px 15px 0;
}

.pullright {
    font-style: italic;
    float: none;
    width: 100%;
    margin: 0px 0px 15px 0;
}
}

@media only screen and (max-width: 1000px) {
	.home .pp_button {margin-left:3%}
}

@media only screen and (max-width: 500px) {
	.footer .grid_42 .col-1-4 {width:100%;display:inline;float:none}
	.footer a {line-height:1.1em}
	        .footer {padding-top: 20px}
}


input, select, textarea {
		font-size: 15pt;
		font-weight: 400;
		line-height: 1.75em;
		width:100%;
		padding:5px 8px;
}
	input:focus, select:focus, textarea:focus {
		color: #17578C;
		border-color:#17578C;
		border-width:2px;
	}

	.enviar {width:200px}
#loading,#accuse {color:black}







.home .webdoc {
background:#B4C0C9;padding:30px 0px;
}

.home .webdoc h2 {font-family: 'Yantramanav',Georgia, Times, 'Times New Roman', serif;    font-size: 42px;color:white}
.home .webdoc h3 { font-size: 1.7em;line-height:1.7em;color:#5A6064}
.home .webdoc .punch  { padding-right:15px;text-align:right}
.home .webdoc .pub img { width:90%;}
.home .webdoc .pub { text-align:center}
@media only screen and (max-width: 1000px) {
.home .webdoc h2 { font-size: 32px;color:white}
.home .webdoc h3 { font-size: 1.3em;line-height:1.3em;}
}



.contactos .grid {margin-bottom:0px}
.contactos .col-1-2 {margin-bottom:0px}
.contactos input {color:white;}
.contactos textarea {color:white;background: #f0f0f0;border:0px;padding:7px 12px;width:97%;  font-family: 'Source Sans Pro', "sans-serif";color:#729DB9}
.contactos .labmsg {color:#82ADC9;margin-left:25px;margin-bottom:8px}
.contactos input[type="submit"] {margin-top:30px;background:#82ADC9;color:white;border:0px}
.contactos .input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0em;
	width: calc(100%);
	vertical-align: top;

}


.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: 400;

	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #696969;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.graf {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}


.input--mjackson {
	overflow: hidden;
	padding-bottom: 1em;
}

.field_mjackson {
	padding: 0.25em 0.5em;
	margin-top: 1.5em;
	width: 100%;
	background: transparent;
	color: #FFFFFF;
	font-size: 1.2em;
	opacity: 0;
}

.input__label--mjackson {
	width: 100%;
	text-align: left;
	position: absolute;
	top: -0.8em;
	pointer-events: none;
	overflow: hidden;
	font-size:1.1em;
	padding: 0 0.25em;
	-webkit-transform: translate3d(1em, 2.75em, 0);
	transform: translate3d(1em, 2.75em, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label-content--mjackson {
	color: #729DB9;
	padding: 0.4em 0 0.25em;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label-content--mjackson::after {
	content: attr(data-content);
	position: absolute;
	top: 140%;
	left: 0;
	height: 100%;
	width: 100%;
	color: #729DB9;
	padding: 0.25em 0;

	letter-spacing: 1px;
	font-size: 0.85em;
}

.graf--mjackson {
	fill: #E5E5E5;
	pointer-events: none;
	top: 1em;
	bottom: 0px;
	height: 4.5em;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.7s, fill 0.7s;
	transition: transform 0.7s, fill 0.7s;
	-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
}

.field_mjackson:focus,
.input--filled .field_mjackson {
	-webkit-transition: opacity 0s 0.35s;
	transition: opacity 0s 0.35s;
	opacity: 1;
}

.field_mjackson:focus + .input__label--mjackson,
.input--filled .input__label--mjackson {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.field_mjackson:focus + .input__label--mjackson .input__label-content--mjackson,
.input--filled .input__label-content--mjackson {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.field_mjackson:focus ~ .graf--mjackson,
.input--filled .graf--mjackson {
	fill: #A6CBE4;
	-webkit-transform: translate3d(-66.6%, 0, 0);
	transform: translate3d(-66.6%, 0, 0);
}
.pp_slider:hover {cursor:all-scroll}
.video_liste {margin-top:10px;border:0px;border-top:1px solid #DDD;padding:15px 0px 5px 0px}
.video_video {    margin-top:8px;position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	}
.video_video object,.video_video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.download_liste, .link_liste {margin-top:10px;border:0px;border-top:1px solid #DDD;padding:15px 0px 5px 0px}
.downloads .download_liste{margin-top:10px;border:0px;border-top:0px;padding:0px 0px 0px 15px}
.download_liste a,  .link_liste a {font-size:1em;font-weight:400;padding-left:15px}
.downloads .download_liste a {padding:1px 6px}
.downloads .download_liste a:hover {background:#72A4CC;font-weight:700;color:#FFF}

.ipp_download h2 {color:#DCE9F3}
.ipp_download ul {margin:15px 0px}
.ipp_download li {padding-left:15px}
.ipp_download a {color:white;padding:1px 6px}
.ipp_download a:hover {color:#A7C8E1;background:#6A8CA8}

.nw_texte {font-size:1.1em;line-height:1.6em}
.formation_header
{
    color: #125389;
    font-size: 1.0em;
}

.formation_header i {
    font-size: 0.6em;
	display:inline-block;
	line-height:1.2em;
	margin:5px 0px;
}
.formation_texte {padding:20px 0px 0px 0px}
.formation_texte h4 {font-weight:700;color:#7CBAED;font-size:1.1em}
.formation_texte div {margin-bottom:22px}
.formation_texte ul {
    list-style: none;
    padding:0;
    margin:0;
}

.formation_texte ol {
    margin-left: 1em;
	list-style-type: none;
}

.formation_texte li {
    padding-left: 1em;
    text-indent: -.9em;
}
.formation_texte li:before {
    content: ". ";
	font-size:2.2em;
    color: #7CBAED; /* or whatever color you prefer */
}

.formation_texte .ol li {
    counter-increment: count-me;
}
.formation_texte .ol li::before {
    content: counter(count-me) ". ";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -.5em;
    top: .05em;
    color: #7CBAED;
   font-size:.8em;
}

.button_bgblue {background-color:#ecf3f8}

.donation_reponse {color:white;display:none;padding:15px 0px;}
.donation_question  {font-size:1.8em;line-height:1.8em;color:white;}
.donation_question  .col {vertical-align:middle}
.donation_banque  {font-size:0.9em;}
.donation_question .donation_show,.donation_hide {cursor:pointer;padding:10px 15px;border:2px solid white;}
.donation_reponse .link {color:white;text-decoration:underline;font-weight:bold}
.donation_question a:hover,.donation_reponse a:hover {color:#0f3153;background:#a8bdd1;}

@media only screen and (max-width: 640px) {
	.donation_question .donation_show {display:block;}
}

.toflickr {
	height:320px;margin-bottom:0px;background:url(../pics/maquette/vers_flickr_3.jpg) no-repeat center fixed;-webkit-background-size: cover;background-size: cover;
}

@media only screen and (max-width: 770px) {
.toflickr {height:500px;background:url(../pics/maquette/vers_flickr_mobile.jpg) no-repeat center fixed; }
.toflickr .headline {
	padding-top:120px;
	line-height: 1em;
	padding-bottom: 10px
}
}

.pp_button_inline {margin-left:15px;margin-right:0px;display:inline-block;top:18px;}


.news_flickr  { margin: 0; padding: 0; overflow: hidden; }
.news_flickr  li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.news_flickr  li a { }
.news_flickr  li img { display: block; }
.news_flickr  li a img { border: none;}

.nomobile {display:block;}
.onlymobile,.mobileonly {display:none;}
@media only screen and (max-width: 660px) { .nomobile {display:none;}
.onlymobile,.mobileonly {display:block;}}

.nomobile7 {display:block;}
.onlymobile7,.mobileonly7 {display:none;}
@media only screen and (max-width: 768px)
{ .nomobile7 {display:none;}
.onlymobile7,.mobileonly7 {display:block;}
}

.home.new_banner .home-head .headline-wrap {
width:26%;
}

.home.new_banner .home-head .headline-wrap {
    position: absolute;
    top: 35%;
    left: 70%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home.new_banner .home-head .headline {
    font-family: "Yantramanav", sans-serif;
	 color:white;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.7rem;
    padding-bottom: 15px;
	margin-top: -25px;
}

.home.new_banner .home-head .headline b {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-bottom: 0px
}

.home.new_banner .button_2 {
font-size:1.2rem;
width:100%;
}

.home.new_banner .home-head img.no {
    position: relative;
}

.home.new_banner .home-head .left-hide {
    opacity: 0.45;
}

.home.new_banner .home-head em {padding: 4px 0px 0px 0px;line-height:0.9rem;}

@media only screen and (max-width: 840px)
{
.home.new_banner .home-head .headline-wrap {    width:40%;position: absolute;margin-top:70px;top: 45%;    left: 52%;-webkit-transform: translateY(10%);   -ms-transform: translateY(10%); transform: translateY(10%);}
.home.new_banner .home-head img.no {left: 0;        right: 0;        max-width: 20px;}
.home.new_banner .home-head .headline {    font-size: 1.1rem;    line-height: 1.2rem;    padding-bottom: 15px;	margin-top: -25px;}
.home.new_banner .home-head .headline b {    font-size: 1rem;     line-height: 1.1rem;}
}
@media only screen and (max-width: 940px)
{
.home.new_banner .home-head .headline-wrap {    width:60%;position: absolute;top: 15%;    left: 22%;-webkit-transform: translateY(0);   -ms-transform: translateY(0); transform: translateY(0);}
}

@media only screen and (max-width: 700px)
{
.home.new_banner .home-head .headline-wrap {    width:85%;position: absolute;margin-top:130px;top: 45%;    left: 12%;-webkit-transform: translateY(0);   -ms-transform: translateY(0); transform: translateY(0);}
.home.new_banner .home-head img.no {left: 0;        right: 0;        max-width: 20px;}
.home.new_banner .home-head .headline {    font-size: 1.1rem;    line-height: 1.2rem;    padding-bottom: 15px;	margin-top: -25px;}
.home.new_banner .home-head .headline b {    font-size: 1rem;     line-height: 1.1rem;}
.home.new_banner .button_2 {    font-size: 1.0rem;     width: 85%; }
}
@media only screen and (max-width: 600px)
{
.home.new_banner .home-head .headline-wrap {    width:80%;position: absolute;margin-top:70px;top: 45%;    left: 12%;-webkit-transform: translateY(0);   -ms-transform: translateY(0); transform: translateY(0);}
.home.new_banner .home-head img.no {left: 0;        right: 0;        max-width: 20px;}
.home.new_banner .home-head .headline {    font-size: 1.1rem;    line-height: 1.2rem;    padding-bottom: 15px;	margin-top: -25px;}
.home.new_banner .home-head .headline b {    font-size: 1rem;     line-height: 1.1rem;}
.home.new_banner .button_2 {    font-size: 1.0rem;     width: 85%; }
}


@media only screen and (max-width: 768px)
{
	.home.new_banner .home-head img {
        position: absolute;
        bottom: 0;
        left: 0%;
        right: 100%;
		width:100%;
        max-width: 1500px;
    }
	.home.new_banner .home-head .img-wrapper {
    	height: 380px;
	}
	.home.new_banner .home-head .headline-wrap {
        margin-top: 25px;
	}
	.home .home-head .home-head-inner {
        padding-top: 1%;
    }
	.home.new_banner .home-head .headline-wrap {    width:65%;}

}
@media only screen and (max-width: 700px)
{
	.home.new_banner .home-head .headline-wrap {    width:75%;}
}

.pp_pad2em {
	padding-top:2em;
	padding-bottom:2em;
}