@charset "UTF-8";
/*  RESET /////////////////////////////////////////////////////////// */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  basic /////////////////////////////////////////////////////////// */
.img-responsive{
width: 100%;	
}

.img-float-left{
float:left;	
margin-right: 12px;
margin-bottom: 0px;
}

/*  FOR LAZYLOADXT  /////////////////////////////////////////////////////////// */

.lazy-hidden {
    opacity: 0;
}
.lazy-loaded {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 1;
}


/*  COULEURS PROGRAMME  /////////////////////////////////////////////////////////// */

.color {
	color:rgb(233, 100, 13);
}

.bullet-container, .gradient{
	background: rgb(233, 100, 13);
	background: -moz-linear-gradient(top, rgba(237,128,21,5) 0%, rgba(229,68,21,1) 100%);
	background: -webkit-linear-gradient(top, rgba(237,128,21,5) 0%,rgba(229,68,21,1) 100%);
	background: linear-gradient(to bottom, rgba(237,128,21,5) 0%,rgba(229,68,21,1) 100%);
}

.pager span { 
	background-color: rgb(233, 100, 13);
}

a {
	color:rgb(233, 100, 13);
}

table th {
	background-color: rgb(233, 100, 13);
}


/*  TYPO /////////////////////////////////////////////////////////// */

body{
	font-family: 'Raleway', sans-serif;
	font-size:100%;
	line-height:1.5em;
	background:#fff;
	color:#4f4c48;
	-webkit-text-size-adjust:none;
}

em, i {
	font-style:italic;
}

strong, b {
	font-weight:600;
}

a {
	text-decoration:none;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

a:hover{
	color:#48413a;
}

h1, .h1 {
	font-size:3em;
	line-height:1.25em;
	margin:1em 0 0.5em 0;
	
}

h2, .h2 {
	font-size:1.75em;
	line-height:1.25em;
	margin:1em 0 0.5em 0;
	font-weight:600;
	text-transform:uppercase;
	border-bottom:dotted 1px #cbc7c6;
	padding-bottom:0.5em;
}

h3, .h3 {
	font-size:1.5em;
	line-height:1.25em;
	margin:0.5em 0 0.75em 0;
	font-weight:600
}
h3.white, .h3.white {
	color:#fff
}

h4, .h4 {
	font-size:1em;
	font-weight:600;
	line-height:1.25em;
	margin:1em 0 0.5em 0;
}

p {
	font-size:1em;
	line-height:1.5em;	
	margin:0.75em 0;
}

.center {
	text-align:center
}

sup {
	font-size: .75em;
	line-height: .75em;
	vertical-align:super;
	text-decoration:none;
}

.btn{
	cursor:pointer;
	display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:solid 1px #ccc;
	padding:0.75em 1.5em;
	font-weight:600;
	text-shadow: 0 1px 1px #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	font-size:1em;
	line-height:1.25em;
	color:#e9640d;
	text-transform:uppercase;
	font-weight:600;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	transition: background 0.2s ease;
}

.btn:hover{
	background: rgb(238,238,238);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
	color:#e9640d;
}


/*  ICON SPRITE /////////////////////////////////////////////////////////// */

.icon  {
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	width:32px;
	height:32px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	background-size:160px;
	background-position: 0 0;
}

.icon.st_facebook_custom {
	background-position: 0 0
}
.icon.st_twitter_custom {
	background-position: -32px 0
}
.icon.st_sharethis_custom {
	background-position: -64px 0
}
.icon.st_email_custom {
	background-position: -96px 0
}

.icon.display {
	background-position: 0 -32px;
}
.open .icon.display {
	background-position: -32px -32px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
.icon {
    background-image: url(../img/sprite@2x.png);
  }
}


/*  LAYOUT /////////////////////////////////////////////////////////// */

main {
	position:relative;
	overflow:hidden;
	clear:both
}

.max-width {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 2.5em;
	max-width:1280px;
	width:100%;
	margin:0 auto;
	clear:both
}

.sep {
	border-bottom:dotted 1px #cbc7c6;
	margin:0 1em 1em 1em;
	padding-top:1em
}

.col-small {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:33.33333333333333%;
	float:left;
	padding:1em;
}

.col-large {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:66.66666666666666%;
	float:left;
	padding:1em;
}

.col-full {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	padding:1em;
}

.relative {
	position:relative;
}


/*  HEADER /////////////////////////////////////////////////////////// */

header h1 {
	margin:0.25em 0 0.125em 0;
}

header .tel {
	display:block;
	margin:1.5em 1em 0.5em 1em;
}

header img {
	width:100%;
	vertical-align:top
}

header .col-small {
	float:right
}


/*  HEADER  AVEC LOGO /////////////////////////////////////////////////////////// */

header.with-logo .col-large .tel {
	margin:1.5em 1em 1.25em 0;
}

header.with-logo .col-large .tel img {
	width:40%;
	vertical-align:top
}

header.with-logo .col-large  h1 {
	font-size:2.125em;
	text-transform:uppercase;
	line-height:1.125em;
	font-weight:600;
	margin:0.5em 0 0 0;
	color: #59504c;
}

header.with-logo .logos{
	text-align: center;
	margin-bottom: 0px;
	padding-top: 50px;
}

header.with-logo .logos img {
	width: 75%;
	display: inline-block;
	margin-right: 5px;
}


/*  BANNER /////////////////////////////////////////////////////////// */

.banner {
	width:100%;
	position:relative;
	margin-bottom:1em;
}

.banner .ribbon{
	position:absolute;
	top:1em;
	left:-1.5em;
	z-index:3;
	width:65%;
}

.banner .ribbon ul li{
	display:block;
	padding:1em 1.5em;
	background: rgb(187,24,58);
	background: -moz-linear-gradient(left, rgba(187,24,58,1) 0%, rgba(222,0,46,1) 100%);
	background: -webkit-linear-gradient(left, rgba(187,24,58,1) 0%,rgba(222,0,46,1) 100%);
	background: linear-gradient(to right, rgba(187,24,58,1) 0%,rgba(222,0,46,1) 100%);	
}

.banner .ribbon ul li.notaire{
	background: rgb(187,24,58);
	background: -moz-linear-gradient(left, rgba(187,24,58,1) 0%, rgba(222,0,46,1) 100%);
	background: -webkit-linear-gradient(left, rgba(187,24,58,1) 0%,rgba(222,0,46,1) 100%);
	background: linear-gradient(to right, rgba(187,24,58,1) 0%,rgba(222,0,46,1) 100%);
}
.banner .ribbon ul li.travaux{
	background: rgb(97,88,78);
	background: -moz-linear-gradient(left, rgba(97,88,78,1) 0%, rgba(122,111,99,1) 100%);
	background: -webkit-linear-gradient(left, rgba(97,88,78,1) 0%,rgba(122,111,99,1) 100%);
	background: linear-gradient(to right, rgba(97,88,78,1) 0%,rgba(122,111,99,1) 100%);
}
.banner .ribbon ul li.lots{
	background: rgb(0,128,133);
	background: -moz-linear-gradient(left, rgba(0,128,133,1) 0%, rgba(0,177,184,1) 100%);
	background: -webkit-linear-gradient(left, rgba(0,128,133,1) 0%,rgba(0,177,184,1) 100%);
	background: linear-gradient(to right, rgba(0,128,133,11) 0%,rgba(0,177,184,1) 100%);
}

.banner .ribbon ul li strong{
	font-size:1.5em;
	line-height:1.33333333333333em;
	color:#fff;
	text-transform:uppercase;
}


.banner .banner-img{
	width:100%;
	position:relative;
	padding-bottom:53.333333333333%;	
}

.banner .banner-img img.pano{
	width:100%;
	position:absolute;
	top:0;
	left:0;	
	z-index:1;
}


.banner .program-logos{
	position:absolute;
	bottom:0;
	left:0;
	width:66.66666666666666%;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:1em;
	z-index:3;
}
.banner.open .program-logos{
	width:100%;
}

.banner .program-logos .left{
	float:left;
}

.banner .program-logos .left a{
	display:block;
	float:left;
	margin-right:1em;
	width:7em
} 

.banner .program-logos  a img{
	vertical-align:top;
	width:100%
} 

.banner .program-logos .right{
	float:right;
}

.banner .program-logos .right a{
	display:block;
	float:right;
	width:7em
} 


.banner .col-small{
	position:absolute;
	top:0;
	right:0;
	z-index:2
}


/*  SMALL BANNER /////////////////////////////////////////////////////////// */

.for-video {
	padding:1em 1.5em 1em 1em;
	background-color:#e9640d;
	margin-top:1em;
	overflow:hidden;
}

.for-video .repro{
	position:relative;
	float:left;
	width:45.652173913043%;
	padding-bottom:25.679347826087%;
	margin-right:1.5em;
	cursor:pointer;
}

.for-video .repro img{
	position:absolute;
	top:0;
	left:0;
	vertical-align:top;
	width:100%
}

.for-video p {
	margin:0.5em 0 0.75em 0
}


.for-video h3 {
	margin:0.25em 0 0.25em 0
}

.for-video .btn {
	display:inline-block;
}

.container-video {
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	padding:1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:none;
}

.container-video .player-video{
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	overflow:hidden;
}

.container-video .player-video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* FORM /////////////////////////////////////////////////////////// */

.form {
	background-color:rgba(155, 149, 143, 1);
	padding:4em 1em 0em 1em;
	overflow:hidden;
	position:relative;
}

.form .display-form {
	position:absolute;
	top:0;
	left:0;
	padding:1em;
	background-color: rgba(0, 0, 0, 0.25);
	width:100%;
	height:4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

.form .display-form:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

.form .display-form strong {
	color:#fff;
	font-size:1.25em;
	line-height:1.6em;
	display:block;
	position:relative;
}

.form .display-form strong .icon.display {
	content:"";
	position:absolute;
	top:0;
	right:0;
}

.form .group-input { 
	position:relative; 
	padding:1em 0;
	clear:both; 
}

.form .group-input label {
	color:#fff; 
	font-size:1em;
	line-height:1.25em;
	padding:0.5em 0.5em 0.5em 0 ;
	font-weight:600;
	display:block;
	float:left;
	width:35% ;
	text-align:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form .group-input label.error {
	color:#ecbfa1;
	font-size:0.875em;
	line-height:1.25em;
	padding:0.5em ;
	font-weight:600;
	display:block;
	float:left;
	width:100% ;
}

.form .group-input input	{
	font-size:1em;
	line-height:1.25em;
	padding:0.5em ;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
	color:#48413a;
	display:block;
	float:right;
	border:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:65%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.25); 
	height:36px;
}



.form .group-radio { 
	position:relative; 
	padding:1em 0 0 0;
	clear:both; 
}

.form .group-radio  legend {
	color:#fff; 
	font-size:1em;
	line-height:1.25em;
	padding:0.5em 0.5em 0.5em 0 ;
	font-weight:600;
	display:block;
	float:left;
	width:35% ;
	text-align:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form .group-radio .radios {
	color:#fff; 
	font-size:1em;
	line-height:1.25em;
	padding:0.5em 0 ;
	font-weight:600;
	display:block;
	float:right;
	width:65% ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form .group-radio .radios label{ 
  color:#fff;
  font-weight:600;
  display:inline-block;
  margin:0 0.5em 0 0 
}

.form .group-textarea { 
	position:relative; 
	padding:0.75em 0;
	clear:both; 
}

.form .group-textarea textarea	{
	font-size:1em;
	line-height:1.25em;
	padding:0.75em ;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
	color:#48413a;
	display:block;
	width:100%;
	border:none;
	height:9em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.25); 
}

.form .group-textarea ::-webkit-input-placeholder{
	color:#fff;
}
.form .group-textarea :-moz-placeholder, .form .group-textarea ::-moz-placeholder{
	color:#fff;
}

.form .submit	{
	cursor:pointer;
	font-size:1em;
	line-height:1.25em;
	text-transform:uppercase;
	padding:0.75em ;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
	color:#fff;
	display:block;
	width:100%;
	border:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.25); 
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	margin-bottom:1em;
	-webkit-appearance:none;
}

.form .submit:hover	{
	background-color: rgba(0, 0, 0, 0.5); 
}

.form-result {
	padding:1em;
	text-align:center;
	/*display:none;*/
	background-color:#FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:1em 0
}


/* BULLET CONTAINER /////////////////////////////////////////////////////////// */


.bullet-container{
	position:relative;
	border:solid 1px #008085;
	padding:1em 1em 1em 1em;	
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height:20.75em
}

.bullet-container .insert{
	border:solid 2px rgb(0,128,133);
	padding:0.75em;
	font-weight:600;
	text-shadow: 0 1px 1px #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	font-size:1.125em;
	line-height:1.25em;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
}

.bullet-container .insert strong{
	font-size:1.25em;
	line-height:1.25em;
}

.bullet-container .insert small{
	font-size:0.875em;
}

.bullet-container ul li{
	color:#fff;
	font-weight:600;
	padding: 0 0.5em 0 1.5em;
	margin:1em 0 1em 0;
	font-size:1.125em;
	line-height:1.125em;
	background-image: url(../img/check.png);
	background-repeat: no-repeat;
	background-position: left top;
}


/* HIGHLIGHT /////////////////////////////////////////////////////////// */

.highlight {
	text-align:center;
	padding:1em;
	background-color:#b4b0ab;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height:20.75em
}

.highlight img{
	display:inline-block;
	width:7em;
	vertical-align:top;
	margin: 0.5em 0.75em;
} 

.highlight h3{
	 margin: 0.5em 0;
} 


/* PROGRAM /////////////////////////////////////////////////////////// */

.program .picture{
	display:block;
	width:100%;
	padding-bottom:100%;
	overflow:hidden;
	background-color:#eee;
	position:relative;
}


.program .picture img{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}


/* ACTIONS /////////////////////////////////////////////////////////// */

.actions {
	margin-top:2em;
}


.actions .share {
	line-height:2em;
	font-weight:600
}

.actions .share .icon {
	margin:0 0 0 0.5em;
}


/* MAP /////////////////////////////////////////////////////////// */

.container-map {
	width:100%;
	position:relative;
	padding-bottom:47.916666666667%;
	overflow:hidden;
}

.map {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#eee
}

.pin {
	display:block;
}

.pin div{
	font-family: 'Raleway', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:11px 8px;
	font-weight:600;
	text-shadow: 0 1px 1px #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	font-size:12px;
	line-height:16px;
	color:#48413a;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	box-shadow: 0px 3px 6px 0px #666;
	position:relative;
}

.pin div:after{
	content:"";
	position: absolute;
	width: 20px;
	height: 10px;
	margin-left: -10px;
	bottom: -10px;
	left: 50%;
	background-image: url(../img/pin.png);
	background-repeat: no-repeat;
	background-position: center top;   

}

.pin div small{
	font-weight:normal
}

.location {
	margin-top:1em;
}

.location .left{
	float:left;
	width:78%;
	font-weight:600;
	padding: 0.3125em 0
}
.location .right{
	float:right;
	width:20%;
	text-align:right
}


/* TABLE /////////////////////////////////////////////////////////// */

table {
	width:100%;
	border-collapse:collapse
}

table th, table td{
	font-size:1em;
	line-height:1em;
	padding:0.75em 1em;
	text-align:left;
	border-bottom:solid 1px #fff;
}

table th:last-child, table td:last-child{
	text-align:right;
}

table th {
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
}

table td {
	background-color:#dad9d8;
}

table tr:nth-child(odd) td {
	background-color:#ececeb;
}


/* MENTIONS /////////////////////////////////////////////////////////// */

footer {
	margin-bottom:2em
}

footer .mentions {
	font-size:0.8125em;
	line-height:1.53846153846154em
}

footer .mentions p{
	margin:0 0 1em 0
}


footer .mentions img{
	float:left;
	width:4.5em;
	margin:0 1em 0.5em 0;
	vertical-align:top;
}


/* GALLERY /////////////////////////////////////////////////////////// */

.gallery{
	max-width:368px;
	margin:0 auto;
}

.gallery.large{
	max-width:768px;
	position:relative;
}

.gallery .cycle-slideshow{
	width:100%;
	overflow:hidden;
}

.gallery .cycle-slideshow .item{
	display:block;
	width:100%;
	float:left;
	overflow:hidden;
}

.gallery .cycle-slideshow .item .repro{
	display:block;
	width:100%;
	padding-bottom:100%;
	overflow:hidden;
	background-color:#eee;	
	position:relative;
}

.gallery.large .cycle-slideshow .item .repro{
	padding-bottom:56.25%;
}


.gallery .cycle-slideshow .item .repro img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.gallery .cycle-slideshow .item .repro.horiz img{
	height:100%;
}

.gallery .cycle-slideshow .item .repro.verti img{
	width:100%;
}

.gallery .logo{
	position:absolute;
	top:-1em;
	right:-2em;
	z-index:300;
	width:33.33%;
}

/* CONDITIONNAL /////////////////////////////////////////////////////////// */

.conditional.inv .col-large{
	float:right
}

.conditional .picture{
	display:block;
	width:100%;
	padding-bottom:100%;
	overflow:hidden;
	background-color:#eee;
	position:relative;
	margin-top:1em;
}

.conditional.with-map .picture{
	margin-top:0
}

.conditional .picture.square {
	padding-bottom:100%;
}
.conditional .picture.pano {
	padding-bottom:47.916666666667%;
}

.conditional .picture img{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}


/* PROGRAMES /////////////////////////////////////////////////////////// */

.programes{
	max-width:368px;
	margin:0 auto;
}

.programes .cycle-slideshow{
	width:100%;
	overflow:hidden;
}

.programes .cycle-slideshow .item{
	width:100%;
	float:left;
	overflow:hidden;
	text-align:center;
	color:#48413a
}

.programes .cycle-slideshow .item .repro{
	display:block;
	width:100%;
	padding-bottom:53.260869565217%;
	overflow:hidden;
	background-color:#eee;	
	position:relative;
}

.programes .cycle-slideshow .item .repro img{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

.programes .cycle-slideshow .item h3{
	padding:0 0.5em;
}

.programes .cycle-slideshow .item p{
	font-size:0.875em;
	line-height:1.5em;
	padding:0 0.57142857142857em;
	margin:0.5em 0 0 0
}


/* PAGER  /////////////////////////////////////////////////////////// */

.pager { 
    text-align: center;
	width: 100%; 
	overflow: hidden;
	margin-top:1.25em;
}
.pager span { 
	width: 0.75em;
	height: 0.75em; 
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius:  100%;
    display: inline-block;
	cursor: pointer; 
	margin:0.5em 0.25em ; 
	opacity:0.3
}

.pager span.cycle-pager-active { opacity:1}

.pager > * { cursor: pointer;}


/*  GALLERY OVERLAY /////////////////////////////////////////////////////////// */

.gallery-lock{
    overflow: hidden !important;
    width: auto;
}

.gallery-lock body {
    overflow: hidden !important;
}

.gallery-overlay {
    position: fixed;
    top:0;
    left:0;
	width:100%;
	height:100%;
    z-index: 99999;
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
}

.gallery-content {
	width:100%;
	height:100%;
	positon:relative;
}

.gallery-content .cycle-programmatic-js{
	width:100%;
	height:100%;
}

.gallery-content .cycle-programmatic-js .for-load{
	width:100%;
	height:100%;
}

.gallery-content .cycle-programmatic-js .item{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align:center;
	padding:0;
	background: #fff;
	background-image: url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery-content .cycle-programmatic-js .item img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:100%;
	max-height:100%;
}



.gallery-content .gallery-top {
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	background: rgba(155, 149, 143, 1);
	height:3.5em;
	width:100%;
}

.gallery-content .gallery-top .container-legend{
	padding:0 3.5em 0 0;
	position:relative;
}

.gallery-content .gallery-top .container-legend .count{
	position:absolute;
	top:0;
	left:0;
	padding:1em 0.5em;
	height:3.5em;
	width:3.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	vertical-align:middle;
	background: rgba(0, 0, 0, 0.4);
}

.gallery-content .gallery-top .container-legend .count strong {
	font-size:0.7125em;
	font-weight:600;
	color:#fff
}

.gallery-content .gallery-top .container-legend .count strong .active{
	
}

.gallery-content .gallery-top .container-legend .legend{
	display:block;
	padding:1em 0.5em 1em 4em;
	width:100%;
	color:#fff;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.gallery-content .gallery-top .container-legend .legend span{
	font-size:0.9375em;
	line-height:1.5em
}

.gallery-content .icon  {
	position:absolute;
	z-index:202;
	display:block;
	width: 3.5em;
	height:3.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	background-image: url(../img/sprite2.png);
	background-repeat: no-repeat;
	background-size:280px;
	background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
.gallery-content .icon {
    background-image: url(../img/sprite2@2x.png);
  }
}

.gallery-content .icon:hover { 
	background-color: rgba(0, 0, 0, 0.6);
}

.gallery-content .icon.gallery-close  {
	top:0;
	right:0;
	background-position: -112px 0;
}

.gallery-content .gallery-bottom {
	position:absolute;
	bottom:0;
	left:0;
	z-index:200;
	background: rgba(155, 149, 143, 1);
	height:3.5em;
	width:100%;
}

.gallery-content .gallery-bottom .icon.prev {
	bottom:0;
	left:0;
	background-position: -56px 0;
}


.gallery-content .gallery-bottom .icon.next { 
	bottom:0;
	right:0;
	background-position: 0 0;
}

.gallery-content .gallery-bottom .prev.disabled, .gallery-content .gallery-bottom .next.disabled  {
	cursor:default;
	background: rgba(0, 0, 0, 0);
}

.gallery-content .gallery-bottom .pager { 
	position:absolute;
	bottom:0;
	left:0;
	z-index:201;
    text-align: center;
	width: 100%;
	overflow: hidden; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:1em 7em;
	height:3.5em;
	margin:0
}

.gallery-content .gallery-bottom .pager span{ 
	background-color:#fff
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 SMALL DESK //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


@media only screen and (max-width: 1279px){
	
/*  TYPO /////////////////////////////////////////////////////////// */

h1, .h1 {
	font-size:2.625em;
	line-height:1.25em;
	margin:1em 0 0.5em 0;
}

h2, .h2 {
	font-size:1.5em;
	line-height:1.25em;
}

h3, .h3 {
	font-size:1.125em;
	line-height:1.25em;
}

h4, .h4 {
	font-size:0.875em;
	line-height:1.25em;
}

p {
	font-size:0.8125em;
	line-height:1.5em;	
}

.btn{
	padding:0.75em 1em;
	font-size:0.875em;
	line-height:1.25em;
}


/* LAYOUT /////////////////////////////////////////////////////////// */
	
.max-width {
	padding:0 2em;
	max-width:1264px;
}


/*  HEADER  AVEC LOGO /////////////////////////////////////////////////////////// */

header.with-logo .col-large .tel {
	margin:1em 1em 1.25em 0;
}

header.with-logo .col-large  h1 {
	font-size:1.7em;
	line-height:1.125em;
}

/*  BANNER /////////////////////////////////////////////////////////// */

.banner .ribbon{
	left:-1em;
}

.banner .ribbon ul li{
	padding:1em 1em;
}

.banner .ribbon ul li strong{
	font-size:1.25em;
	line-height:1.5em;
}

.banner .program-logos .left a{
	width:5.5em
} 

.banner .program-logos .right a{
	width:5.5em
} 


/* FORM /////////////////////////////////////////////////////////// */

.form .group-input { 
	padding:0.75em 0;
}

.form .group-input label {
	font-size:0.8125em;
	line-height:1.25em;
	width:35% ;
}

.form .group-input label.error {
	font-size:0.6875em;
	line-height:1.25em;
	padding:0.5em 0
}

.form .group-input input{
	font-size:0.8125em;
	line-height:1.25em;
	width:65%;
	height:30px;
}

.form .group-radio { 
	padding:0.75em 0 0 0;
}

.form .group-radio  legend {
	font-size:0.8125em;
	line-height:1.25em;
	width:35% ;
	padding : 0.61538461538462em 0.5em 0.5em  0
}

.form .group-radio .radios {
	font-size:0.8125em;
	line-height:1.25em;
	width:65% ;
}

.form .group-radio .radios label{ 
  margin:0 0.25em 0 0 
}

.form .group-textarea { 
	padding:0.5em 0 0.5em 0;
}

.form .group-textarea textarea	{
	font-size:0.8125em;
	line-height:1.25em;
	padding:0.5em ;
	height:7.5em;
}

.form .submit	{
	font-size:0.8125em;
	line-height:1.25em;
}

.form-result strong {
	font-size:0.8125em;
	line-height:1.5em;
}

/* BULLET CONTAINER /////////////////////////////////////////////////////////// */

.bullet-container .insert{
	font-size:1em;
	line-height:1.25em;	
}

.bullet-container ul li{
	font-size:1em;
	line-height:1.125em;
}



/* HIGHLIGHT /////////////////////////////////////////////////////////// */

.highlight {
	min-height:0
}

.highlight img{
	width:5em;
	margin: 0.5em 0.75em;
} 


/* PROGRAM /////////////////////////////////////////////////////////// */

.program .picture{
	margin-top:0.5em
}


/* ACTIONS /////////////////////////////////////////////////////////// */

.actions {
	margin-top:1.25em;
}

/* MAP /////////////////////////////////////////////////////////// */

.location {
	margin-top:0.75em;
}

.location .left{
	font-size:0.875em;
	padding: 0.5em 0
}


/* CONDITIONNAL /////////////////////////////////////////////////////////// */

.conditional .picture{
	margin-top:3.25em
}



/* TABLE /////////////////////////////////////////////////////////// */

table th, table td{
	font-size:0.875em;
	line-height:1em;
}

/* PROGRAMES /////////////////////////////////////////////////////////// */

.programes .cycle-slideshow .item p{
	font-size:0.8125em;
	line-height:1.5em;
}


/* MENTIONS /////////////////////////////////////////////////////////// */

footer .mentions img{
	width:4em;
}



}




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 TABLETTE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


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

.tab-mob-hide {
	display:none
}

/*  TYPO /////////////////////////////////////////////////////////// */

h1, .h1 {
	font-size:2em;
	line-height:1.25em;
	margin:1em 0 0.5em 0;
}

h2, .h2 {
	font-size:1.5em;
	line-height:1.25em;
}

h3, .h3 {
	font-size:1.3125em;
	line-height:1.25em;
}

h4, .h4 {
	font-size:0.875em;
	line-height:1.25em;
}

p {
	font-size:0.8125em;
	line-height:1.5em;	
}



/* LAYOUT /////////////////////////////////////////////////////////// */
	
.max-width {
	padding:0 0.5em;
}

.sep {
  margin: 0 1em  0.5em 1em;
  padding-top: 0.5em;
}

.col-small {
	padding:0.75em 0.5em 0.75em 1em ;
}

.col-large {
	padding:0.75em 1em;
}

.col-full {
	padding:1em;
}




/*  HEADER /////////////////////////////////////////////////////////// */

header .tel {
  margin: 1.25em 0.5em 0.75em 0;
}


/*  HEADER  AVEC LOGO /////////////////////////////////////////////////////////// */

header.with-logo .col-large{
	float:none;
	width:60%;
	padding: 0 1em 1.25em 1em;
}

header.with-logo .col-large .tel img {

}


header.with-logo .col-small{
	float:right;
	width:40%;
	text-align:right;
	padding: 0.75em 1em 0 1em;
}

header.with-logo .col-small img {
	width:30%;
	display: inline-block;
	padding:0.75em 0 0 0;
}

header.with-logo .logos{
	text-align: right;
	float: right;
}

header.with-logo .logos img{
	width: 65%;
}


/*  SMALL BANNER /////////////////////////////////////////////////////////// */

.small-banner .col-large {
	width:100%;
	float:none;
	 padding: 0.75em 1em;
}
.small-banner .col-small {
	width:100%;
	float:none;
	padding: 0.25em 1em 0.75em 1em;
}

.for-video .repro{
	position:relative;
	float:left;
	width:33%;
	padding-bottom:18.52941176470588%;
	margin-right:1.5em;
	cursor:pointer;
}




/*  BANNER /////////////////////////////////////////////////////////// */

.max-width.for-banner {
	padding:0;
}

.banner {
	width:100%;
	position:relative;
	margin-bottom: 0.75em;
}

.banner .ribbon{
	left:-0.5em;
	top:1.5em;
}

.banner .ribbon ul li{
	padding:0.5em 1.5em 0.5em 2em;
}

.banner .ribbon ul li strong{
	font-size:1.25em;
	line-height:1.5em;
}

.banner .program-logos .left {
	padding:0 0 0 0.5em;
}
.banner .program-logos .right {
	padding:0 0.5em 0 0;
}

.banner .program-logos{
	width:100%;	
}

.banner .program-logos .left a {
  width: 5em;
}
.banner .program-logos .right a {
  width: 5em;
}

.banner .banner-img{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.banner .banner-img img.pano{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.banner .col-small{
	position:relative;
	float:none;
	width:100%;
	padding:0
}

/* FORM /////////////////////////////////////////////////////////// */

.form .display-form {
  padding: 1em 1.5em;
}

.form {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.form .left {
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:50%;
	padding:0.5em 1em 2em 0
}

.form .right{
	float:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:50%;
	padding:0.5em 1em 1em 1em
}


.form .group-textarea { 
	padding:0.75em 0 0.75em 0;
}

.form .group-textarea textarea	{
	height:11.5em;
}


/* BULLET CONTAINER /////////////////////////////////////////////////////////// */

.bullet-container {
  padding: 0 0 1em 0;
  min-height:19em
}

.bullet-container .insert{
	border:solid 3px rgb(0,128,133);	
	font-size:0.8125em;
	line-height:1.25em;		
}

.bullet-container ul {
	padding:0.5em 1em 0 1em
}

.bullet-container ul li{
	font-size:0.8125em;
	line-height:1.25em;
	padding: 0 0.5em 0 2.25em;
	margin:0.75em 0
}


/* HIGHLIGHT /////////////////////////////////////////////////////////// */

.highlight img {
    margin: 0.5em 0.5em;
    width: 4.5em;
}

.highlight h3{
	 margin: 0.5em 0;
	 font-size: 0.9375em;
} 


/* PROGRAM /////////////////////////////////////////////////////////// */

.program .col-small{
	padding:0.75em 1em;
	padding-top: 0px;
}

.program  .col-large{
	padding:0.75em 0.5em 0.75em 1em ;
}

.program .picture{
	margin-top:3em
}



/* ACTIONS /////////////////////////////////////////////////////////// */

.actions {
    margin-top: 1em;
}


.actions .share {
	font-size:0.875em
}

.actions .share .icon {
	margin:0 0 0 0.25em;
}

/* MAP /////////////////////////////////////////////////////////// */

.location {
	margin-top:1em;
}

.location .left{
	float:none;
	width:100%;
	text-align:center;
	font-size:0.8125em;
	padding: 0.3125em 0
}

/* CONDITIONNAL /////////////////////////////////////////////////////////// */

.conditional .col-small{
	padding:0.75em 1em;
}

.conditional  .col-large{
	padding:0.75em 0.5em 0.75em 1em ;
}

.conditional.inv .col-small{
	padding:0.75em 0.5em 0.75em 1em ;
}

.conditional.inv .col-large{
	padding:0.75em 1em;
}


/* TABLE /////////////////////////////////////////////////////////// */

table th, table td{
	font-size:0.8125em;
	line-height:1em;
}

/* MENTIONS /////////////////////////////////////////////////////////// */

footer .mentions img{
	width:4.75em;
}


/*  GALLERY/////////////////////////////////////////////////////////// */

.gallery.large {
  max-width:none;
}

.gallery .logo {
  position: absolute;
  right: -1.75em;
  top: -0.8125em;
  width: 30%;
}


/*  GALLERY OVERLAY /////////////////////////////////////////////////////////// */

.gallery-content .gallery-top .container-legend .legend span{
	font-size:0.875em;
	line-height:1.5em
}

}






/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 SMARTPHONE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


@media only screen and (max-width: 767px){
	
.mob-hide {
	display:none
}

/*  TYPO /////////////////////////////////////////////////////////// */

h1, .h1 {
	font-size:1.5em;
	line-height:1.25em;
	margin:1em 0 0.5em 0;
	font-weight:600
}

h2, .h2 {
	font-size:1.25em;
	line-height:1.25em;
	border:none;
	padding-bottom:0;
	margin: 0.5em 0 ;
}

h3, .h3 {
	font-size:1em;
	line-height:1.25em;
	text-align:center;
}

h4, .h4 {
	font-size:0.75em;
	line-height:1.25em;
}

p {
	font-size:0.75em;
	line-height:1.5em;	
}



/* LAYOUT /////////////////////////////////////////////////////////// */
	
.max-width {
	padding:0 0;
}

.sep {
  margin: 0 1em  0.5em 1em;
  padding-top: 0.5em;
}

.col-small {
	float:none;
	width:100%;
	padding:0.5em 1em;
}

.col-large {
	float:none;
	width:100%;
	padding:0.5em 1em;
}

.col-full {
	padding:1em;
}




/*  HEADER /////////////////////////////////////////////////////////// */

header .col-small {
	float:none;
	padding:1em 1em 0 1em
}

header .col-large {
	float:none;
	padding:0 1em 0.5em 1em
}

header h1 {
	margin:0.125em 0 0.25em 0;
	text-align:center;
	
}

header .tel {
	margin:0;
	text-align:center;
}

header img {
	width:50%;
}


/*  HEADER  AVEC LOGO /////////////////////////////////////////////////////////// */

header.with-logo .col-large{
	float:none;
	width:100%;
	padding: 0 1em 1.25em 1em;
}

header.with-logo .col-large .tel {
	margin: 1em 1em 0.5em 1em;
}

header.with-logo .col-large .tel img {
	width:60%;
}

header.with-logo .col-large  h1 {
	font-size:1em;
	line-height:1.125em
}

header.with-logo .col-small{
	float: none;
	width: 100%;
	text-align:center;
	padding: 0.5em 1em 0 1em;
}

header.with-logo .logos{
margin-bottom: 10px;
}

header.with-logo .col-small.logos img {
	width:30%;
	padding:0.75em 0 0 0;
	display: inline-block;
}



/*  SMALL BANNER /////////////////////////////////////////////////////////// */

.small-banner .col-large {
	 padding: 0;
}
.small-banner .col-small {
	padding:  0 0 1em 0;
}

.for-video {
  margin-top: 0;
}

.for-video h3{
  text-align:left;
}

.for-video p{

}

.for-video .repro{
	width:40%;
	padding-bottom:22.5%;
	margin:0 1em 0.5em 0;
}

.container-video {
  padding: 0;
}



/*  BANNER /////////////////////////////////////////////////////////// */


.banner {
	margin-bottom: 0.75em;
}

.banner .ribbon{
	position:static;
	width:100%;
}
.banner .ribbon ul{
	width:100%;
}

.banner .ribbon ul li{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding:0.375em 0;
	text-align:center;
	width:100%;
}

.banner .ribbon ul li strong{
	font-size:1em;
	line-height:1.5em;
}

.banner .program-logos .left {
	padding:0;
}
.banner .program-logos .right {
	padding:0;
}


.banner .program-logos .left a {
  width: 3em;
  margin-right:0.5em
}
.banner .program-logos .right a {
  width: 3em;
   margin-left:0.5em
}

/* FORM /////////////////////////////////////////////////////////// */

.form {
 padding: 3.5em 1em 0 1em
}

.form .display-form {
  padding:0.75em 1em;
  height: 3.5em;
}


.form .left {
	float:none;
	width:100%;
	padding:0.5em 0 0 0
}

.form .right{
	float:none;
	width:100%;
	padding:1em 0 0.5em 0
}

.form .group-input label {
  text-align: left;
  width: 35%;
}

.form .group-textarea { 
	padding:0.5em 0;
}

.form .group-textarea textarea	{
	height:7em;
}
.form .group-radio legend {
  text-align: left;
  width: 35%;
}

.form .group-radio .radios label {
  margin: 0 0.75em 0 0;
}

/* BULLET CONTAINER /////////////////////////////////////////////////////////// */

.bullet-container  {
	min-height:0
}

.bullet-container .insert{
	border:solid 2px rgb(0,128,133);
	margin:0.5em 0.5em 0 0.5em;
}

/* HIGHLIGHT /////////////////////////////////////////////////////////// */

.highlight {
	min-height:0;
	padding: 0.75em 0.5em;
}

.highlight img{
	width:4em;
	margin:0.5em 
} 

/* PROGRAM /////////////////////////////////////////////////////////// */

.program .col-large {
	text-align:center;
	padding: 0.75em 1em;
	padding-bottom: 0px;
}

/* ACTIONS /////////////////////////////////////////////////////////// */

.actions{
    border-top: 1px dotted #cbc7c6;
	padding-top:1em
}


.actions .btn {
    width: 100%;
	float:none
}

.actions .share {
	width: 100%;
	float:none;
	margin:0 0 1em 0;
	text-align:center;
	font-size: 0.75em;
}

.actions .share .color {
	display:block;
	margin-bottom:1em;
}

/* MAP /////////////////////////////////////////////////////////// */

.container-map {
	padding-bottom:100%;
}

.location .left{
	font-size:0.75em;
	line-height:1.375em;
}

/* CONDITIONNAL /////////////////////////////////////////////////////////// */

.conditional .picture{
	display:none
}

.conditional .col-small, .conditional.inv .col-small{
	padding:0.5em 1em;
}

.conditional .col-large, .conditional.inv .col-large{
	padding:0.5em 1em;
}


/* TABLE /////////////////////////////////////////////////////////// */

table th, table td{
	font-size:0.625em;
	line-height:1em;
	padding: 1em 0.75em;
}


/* MENTIONS /////////////////////////////////////////////////////////// */

footer .mentions img{
	width:4.5em;
}


/*  GALLERY /////////////////////////////////////////////////////////// */

.gallery .logo {
  position: absolute;
  right: 0.25em;
  top: 0.5em;
  width: 30%;
}

/*  GALLERY OVERLAY /////////////////////////////////////////////////////////// */

.gallery-content .gallery-top .container-legend .legend span{
	font-size:0.75em;
	line-height:1.5em
}

.gallery-content .gallery-bottom {
	height:auto;
}
	
.gallery-content .gallery-bottom .pager { 
	position:static;
	padding:1em 1em 0.5em 1em;
	height:auto;
}
	
.gallery-content .gallery-bottom .prev { 
	display:none;
}


.gallery-content .gallery-bottom .next { 
	display:none;
}

.gallery-content .gallery-bottom .pager span {  
	margin:0.25em; 
}


}

@media only screen and (max-width: 767px) and (orientation : landscape){
	
	
.gallery-content .gallery-bottom {
	display:none;
}
.gallery-content .gallery-top {
	top:auto;
	bottom:0;
	background: rgba(134, 117, 104, 0.8);
}
.gallery-content .icon.gallery-close {
	top:auto;
	bottom:0
}
}