/*--------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,700);

/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

/* 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;
}

/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

@font-face {
      font-family: 'ptf';
      src: url('/fonts/ptf.eot?46771311');
      src: url('/fonts/ptf.eot?46771311#iefix') format('embedded-opentype'),
           url('/fonts/ptf.woff?46771311') format('woff'),
           url('/fonts/ptf.ttf?46771311') format('truetype'),
           url('/fonts/ptf.svg?46771311#ptf') format('svg');
      font-weight: normal;
      font-style: normal;
    }

/*-------------------------------------------------------------------------*/
body{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#52555d;
	line-height:1.5em;
	font-size:92%;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Montserrat', sans-serif;	
	font-weight:400;
	text-transform:uppercase;
	margin:1.2em 0 .5em 0;
	line-height:1.1em;
}
h1{
	font-size:2.1em;
	color:#000;
	margin-bottom:0;
}
h2{
	font-size:2.1em;
	color:#e4007e;
}
h3{
	font-size:1.5em;
	color:#e4007e;
}
h4{
	color:#e4007e;
}
p, ul{
	margin:1em 0 .5em 0;
}
em{
	font-style:italic;
}
ul{
	list-style-type:none;
	padding:0;
}
li{
	margin:.3em 0;
	background:url(/i/puce1.png) no-repeat 0 7px;
	padding:0 0 0 18px;
}
strong{
	font-weight:700;
}
a{
	color:#133882;
	text-decoration:none;
}
table{
	width:100%;
}
.accessibility{
	display:none;
}

.image_gauche img{
	display:block;
	float:left;
	margin:0 1.5em 1.5em 0;
}
.image_droite img{
	display:block;
	float:right;
	margin:0 0 1.5em 1.5em;
}
.image_large img{
	max-width:100%;
	height:auto;
}
.image_centre img{
	display:block;
	max-width:70%;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}

/*-------------------------------------------------------------------------*/

.intro{
	text-decoration:none;
	line-height:1.4em;
	font-size:1.35em;
	font-style:italic;
}

/*-------------------------------------------------------------------------*/

.tableau_visible{
	margin:2em auto;
	font-size:.9em;
	width:auto;
}
.tableau_visible th{
	text-transform:uppercase;
	padding:8px;
	font-weight:600;
	border:1px solid #eee;
	background:#ddd;
	vertical-align:middle;
}
.tableau_visible td{
	border:1px solid #eee;
	text-align:center;
	padding:8px;
	background:#fff;
	vertical-align:middle;
}

/*-------------------------------------------------------------------------*/

#logo{
	display:block;
}
#logo img{
	display:block;
	height:auto;
	width:250px;
	max-width:100%;
}

/*-------------------------------------------------------------------------*/

#menu1{
	display:block;
}
#menu1 li{
	padding:0;
	background:none;
}
#menu1 a br{
	display:none;
}
#menu1 a{
	font-family: 'Montserrat', sans-serif;	
	font-weight:700;
	text-transform:uppercase;
	color:#133882;
}
#menu1 a.menuactive{
	color:#e4007e;
}

#menu1 li.tel{
	background:url(/i/tel.png) no-repeat .8em center;
	background-size:auto 70%;
	padding-left:2.7em;
	border-right:0;
}
#menu1 li.tel a{
	padding-left:0;
	padding-right:0;
	color:#e4007e;
	font-size:1.5em;
	font-weight:400;
}
#menu1 li.tel span{
	font-family: 'Open Sans', sans-serif;
	color:#133882;
	font-weight:600;
	font-size:.9em;
	line-height:1.4em;
}

#menu1 li a.node27{
	display:block;
	width:2px;
	height:34px;
	background:url(/i/ico_infos.png) no-repeat center center;
}
#menu1 li a.node27 span{
	display:none;
}

#menu1 li a.node25{
	display:block;
	width:14px;
	height:34px;
	background:url(/i/ico_newsletter.png) no-repeat center center;
}
#menu1 li a.node25 span{
	display:none;
}
#menu1 ul li ul{
	display:none;
}

/*-------------------------------------------------------------------------*/

.sticky{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
	transition-property: all;
}
.sticky > .center{
	z-index: 500;
}

.sticky2{
	position: fixed;
	padding:0.4em 0 0.8em 0 !important;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.75);
}
.sticky2 #logo img{
	width:210px;
}
.sticky2 #menu1 ul{
	margin-top:5px;
}

/*-------------------------------------------------------------------------*/

.submenu{
	position:absolute;
	left:0;
	background:#fff;
	top:100%;
	width:100%;
	z-index: 99;

	-webkit-transform:translateY(-1000px); /* Safari and Chrome */
	-moz-transform:translateY(-1000px); /* Firefox */
	-ms-transform:translateY(-1000px); /* IE 9 */
	-o-transform:translateY(-1000px); /* Opera */
	transform:translateY(-1000px);
	transition:  opacity .5s ease-out;
	transition-delay: 0s;
	opacity:0;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}
.submenu.show{
	-webkit-transform:translateY(0); /* Safari and Chrome */
	-moz-transform:translateY(0); /* Firefox */
	-ms-transform:translateY(0); /* IE 9 */
	-o-transform:translateY(0); /* Opera */
	transform:translateY(0);
	opacity:1;
}
.submenu ul{
	padding:1em 0;
	margin:0;
}
.submenu li{
	display:inline-block;
	width:31%;
	margin:0 2% 0 0;
	box-sizing:border-box;
	background-position:0 center;
}
.submenu li a{
	display:block;
	padding:1em 0;
}
/*-------------------------------------------------------------------------*/

#menu2{
	position:relative;
	z-index:50;
}
#menu2 #menu2in{
	/*background:#efefef;
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;*/
}
#menu2:hover #menu2in{
	display:block;
}
#menu2 a{
	display:block;
	box-sizing:border-box;
	padding:.75em .5em;
	text-align:center;
	font-size:.85em;
	border-bottom:1px solid #ccc;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#menu2 a.menuactive{
	color:#e4007e;
	background:#efefef;
}

/*-------------------------------------------------------------------------*/

.menu_heading{
	margin:0;
	padding:0;
}
.menu_heading li{
	background:#fff;
	box-sizing:border-box;
	margin:0 0 2em 0;
	text-align:center;
	vertical-align:top;
	padding:1em;
	border-left:1px solid #efefef;
	transition: all .5s ease-out;
}
.menu_heading li:hover{
	background:#e4007e;
	color:#fff;
}
.menu_heading .ico{
	font-family:'ptf';
	font-size:80px;
	color:#e4007e;
	display:block;
	line-height:1em;
	transition: all .5s ease-out;
}
.menu_heading li:hover .ico{
	color:#fff;
}
.menu_heading .txt{
	display:block;
	min-height:3em;
	transition: all .5s ease-out;
}
.menu_heading li:hover .txt{
	color:#fff;
}

/*-------------------------------------------------------------------------*/

#subnav li a.menuactive{
	color:#e4007e;
}
/*-------------------------------------------------------------------------*/

.subProgramme{
	width:100%;
	height:100%;
	display:table;
}
.subProgramme ul{
	width:100%;
	height:100%;
	display:table-row;
}
.subProgramme li{
	display:table-cell;
	width:20%;
	margin:0;
	padding:0;
	background:#fff;
	font-size:.9em;
	vertical-align:top;
	height:100%;
}
.subProgramme li a{
	display:block;
	line-height:1.3em;
	padding:2em 1em;
	border-left:1px solid #eee;
	height:100%;
	/*box-sizing:border-box;*/
	background:#fff;
	vertical-align:middle;
}
.subProgramme li a:hover{
	background:#eee;
}
.subProgramme li a .t1{
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;	
	font-weight:400;
}
.subProgramme li a .t2{
}
.subProgramme li img{
	width:80%;
	height:auto;
	margin-bottom:1em;
}
.subProgramme li.more a{
	display:inline-block;
	vertical-align:middle;
}
.subProgramme li.more a img{
	margin:0 auto 1em auto;
	display:block;
}
.subProgramme li.more a span{
	display:inline-block;
	vertical-align:middle;
	position: relative;
	padding:0 2em;
	text-align:center;
}

/*-------------------------------------------------------------------------*/
#menu_side{
	float:right;
	margin:0 0 2em 2em;
	width:25%;
	padding:1em;
	background:#efefef;
	font-size:12px;
}
#menu_side a.menuactive{
	color:#e4007e;
}
#menu_side a.currentpage{
	font-weight:600;
}
#menu_side ul ul{
	margin-top:0;
}

/*-------------------------------------------------------------------------*/
/* Bouton mobile ----------------------------------------------------------*/

.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 55px;
  height: 55px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.cmn-toggle-switch:focus {
  outline: none;
}

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 25px;
  left: 10px;
  right: 10px;
  height: 5px;
  background: white;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #fff;
  content: "";
}

.cmn-toggle-switch span::before {
  top: -10px;
}

.cmn-toggle-switch span::after {
  bottom: -10px;
}

.cmn-toggle-switch__htx {
  background-color: #aaa;
}

.cmn-toggle-switch__htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active {
  background-color: #ccc;
}

.cmn-toggle-switch__htx.active span {
  background: none;
}

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}
/*-------------------------------------------------------------------------*/

#page_contact .bandeau{
	height:300px;
}
#bloc_contact{
	clear:both;
	background:#2a4167 url(/i/contact.jpg) no-repeat 0 center;
	background-size:cover;
	color:#fff;
	text-align:center;
}
#bloc_contact_in{
	box-sizing:border-box;
	padding:4.5em 0 4.5em 88px;
	display:inline-block;
	text-align:left;
	background:url(/i/tel2.png) no-repeat 0 center;
	background-size:72px auto;
}
#bloc_contact a{
	color:#fff;
}
#bloc_contact .tel_numero{
	font-size:2.5em;
	color:#e4007e;
	font-family: 'Montserrat', sans-serif;
}
#bloc_contact h3{
	color:#fff;
	margin:0;
	text-transform:none;
	font-size:1.5em;
}

/*-------------------------------------------------------------------------*/
/* Bloc 3 liens horizontal : programmes/batir/simu */
#bloc_programmes{
	background:#f5f6f7;
	clear:both;
	margin:2.5em 0 1em 0;
}
#bloc_programmes ul{
	margin:0;
	padding:0;
	text-align:center;
	display:table;
	border-collapse: separate;
	border-spacing: 12px;
	width:100%;
	margin-left:-12px;
}
#bloc_programmes ul li{
	margin:0;
	padding:0;
	background:#fff;
	display:table-cell;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
}
#bloc_programmes ul li a{
	display:block;
	padding:64px 1em 1em 1em;
	text-align:center;
	border-left:1px solid #d8e4ed;
}
#bloc_programmes ul li.neuf a{
	background:url(/i/neuf2.png) no-repeat center 1.5em;
}
#bloc_programmes ul li.batir a{
	background:url(/i/batir2.png) no-repeat center 1.5em;
}
#bloc_programmes ul li.simu a{
	background:url(/i/simu2.png) no-repeat center 1.9em;
}

/*-------------------------------------------------------------------------*/

#content{
	padding:2em 0;
}
#content .center img{
	max-width:100%;
	height:auto;
}

/*-------------------------------------------------------------------------*/
/* Bandeau image page */
.bandeau{
	width:100%;
	clear:both;
	height:400px;
	overflow:hidden;
	position:relative;
}
.bandeau img{
	display:block;
	position:absolute;
	left:0;
	top:-50%;
	width:100%;
	height:auto;
	transform-origin: 0 0;
	transform: matrix(1.06, 1.84, 0.54, 2.8, 466px, 482px);
}
.bandeau h1{
	position:absolute;
	bottom:1.5em;
	left:0;
	text-transform:uppercase;
	font-size:2.2em;
}
.bandeau h1 strong{
	display:inline-block;
	background:rgba(255,255,255,.8);
	color:#fff;
	padding:.3em 30px;
	line-height:1em;
	color:#000;
	font-weight:400;
}
.bandeau h1 span{
	margin-top:5px;
	font-size:.7em;
	font-weight:400;
	background:#133882;
	color:#fff;
	padding:.35em 30px;
	line-height:1em;
	display:inline-block;
	max-width:36em;
}

/*-------------------------------------------------------------------------*/

footer{
	padding:2em 0 4em 0;
}
footer h4{
	font-size:.75em;
	color:#989ca1;
	padding:1em 0;
}

#bloc_proneuf,
#bloc_batir{
	width:27%;
	float:left;
}
footer #bloc_proneuf h4{
	padding-left:24px;
	background:url(/i/neuf1.gif) no-repeat 0 center;
}
footer #bloc_batir h4{
	padding-left:24px;
	background:url(/i/batir1.gif) no-repeat 0 center;
}
#bloc_proneuf ul,
#bloc_batir ul{
	margin:0;
	padding:0;
}
#bloc_proneuf li,
#bloc_batir li{
	margin:0;
	padding:0 0 0 12px;
	background:url(/i/puce2.png) no-repeat 0 center;
}
#bloc_proneuf li a,
#bloc_batir li a{
	font-size:0.8em;
	color:#777a80;
	line-height:1.25em;
}

/*---------------------------------------------*/
#bloc_corporate{
	width:46%;
	float:right;
	padding-top:.35em;
}
#bloc_corporate ul{
	margin:0;
	padding:0;
}
#bloc_corporate li{
	margin:0;
	padding:0;
	display:inline-block;
	background:none;
}
#bloc_mentions li{
	font-size:.8em;
	margin-right:1.5em;
}

/*-------------------------------------------------------------------------*/

#bloc_guides{
	clear:both;
	padding:2.5em 0;
}
#bloc_guides nav{
	float:left;
	width:33.33%;
	box-sizing:border-box;
	border-left:1px solid #dce7f0;
	padding-left:90px;
}
#bloc_guides nav h4{
	margin:0 0 .5em 0;
}
#bloc_guides nav h4 a{
	color:#000;
}
#bloc_guides nav .content{
	font-size:.85em;
	line-height:1.4em;
	padding-right:5em;
}
#bloc_guides nav .content li{
	margin:.25em 0;
	background-position:0 .2em;
}
#bloc_guides nav.guides{
	background:url(/i/guide1.png) no-repeat 1.5em 0;
}
#bloc_guides nav.simu_ptz{
	background:url(/i/simu3.png) no-repeat 1.7em 0;
}
#bloc_guides nav.simu_credit{
	background:url(/i/simu4.png) no-repeat 1.7em 0;
}

/*-------------------------------------------------------------------------*/

.ui-tooltip{
	background:#000 !important;
	color:#fff !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size:.8em !important;
	-webkit-box-shadow: 0 0 5px #aaa !important;
	box-shadow: 0 0 5px #aaa !important;
	border:none !important;
	padding:5px 10px !important;
	width:auto !important;
	text-align:center;
}


/*-------------------------------------------------------------------------*/

.mention{
	font-size:.8em;
	max-width:600px;
	margin:2em auto;
	clear:both;
}

.contact_txt{
	font-weight:600;
	font-size:.95em;
}


/*-------------------------------------------------------------------------*/
/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cookBox { 
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	padding: 0.5em 0;
	background: #000;
	color: #fff;
	font-size: 12px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
	z-index: 99999;
	text-align: center;
	color: #fff; 
}
.cookBox a, .cookBox a:hover {
	color: #fff; 
	text-decoration: none; 
}
.cookBox a.more, .cookBox a:hover.more { 
	text-decoration: underline !important; 
}
a.cookAccept, a.cookRefuse {
	font-size:12px;  
	display: inline-block; 
	color: #fff; 
	text-decoration: none; 
	background: #7DAF3B; 
	padding: 0.3em 0.75em; 
	border-radius: 3px; 
	box-shadow: 0 0 2px rgba(0,0,0,0.25); 
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35); 
	-o-transition: background 0.5s ease-in; 
	-webkit-transition: background 0.25s ease-in; 
	-moz-transition: background 0.25s ease-in; 
}
a.cookAccept.current, a.cookRefuse.current {opacity:.5}

a.cookRefuse { background: #af3b3b; margin-left: 0.5em; }
a.cookAccept:hover, a:hover.cookRefuse { background: #999 !important; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
#cookieConsentMentions{
	border:1px solid #575656;
	padding:.5em 2em;
	text-align:center;
}
#cookieConsentMentions a{
	padding:.5em 3em;
}
@media screen and (max-width: 768px) {
a.cookAccept, a.cookRefuse { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cookBox { position: relative; float: left; }
}


/*-------------------------------------------------------------------------*/
/* Simu PTZ ---------------------------------------------------------------*/

.tab1 {
	border: solid #ddd 1px; 
	margin-top:25px;
	width:95%;
}
.HideIfOnlyNeuf{
	display:none;
}

#PtzInput{
	width:49%;
	float:left;
	margin-bottom:1em;
}
#PtzResult{
	width:49%;
	float:right;
}
@media screen and (max-width: 980px) 
{
	#PtzInput{
		width:100%;
		float:none;
	}
	#PtzResult{
		width:100%;
		float:none;
	}
}

#PtzInfoRFR{
	clear:both;
}
.tdg { background-color: #fff; }
.titre1 { 
	font-family: 'Montserrat', sans-serif;	
	font-weight:700;
	text-transform:uppercase;
	font-size: 1.3em; 
	color:#133882; 
}
.td0{
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	padding-top:20px;
	padding-bottom:20px;
}
.td1{
	vertical-align:middle;
	padding:5px 10px;
}
.td1 input[type="checkbox"]{
	padding:0;
	width:auto;
	float:none;
}
.titre2 { font-weight: bold; color: #000040; }
.note0 { font-size: .85em; }
.note1 { font-size: .85em; font-style: italic; color: #909090; }
a.note1 { font-size: .85em; font-style: italic; color: #909090; text-decoration:none; }
a.note1:hover { text-decoration:underline; background-color:#FFFFFF; }
.put1{
	width:auto !important;
	font-size:1em;
	float:none;
	padding:.5em 1em;
}
.put1[type="button"]{
	/*font-size:0.9em;*/
	background:#133882;
	color:#fff;
	padding:.65em 1em;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	height:auto !important;
}
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

@media screen and (max-width: 960px) 
{
	#bigmap{
		height:300px;
	}
	.cmn-toggle-switch{
		
	}
	#head{
		margin:0;
		padding:0;
		background:#fff;
	}
	#head .center{
		padding:0;
	}
	.sticky2{
		padding:0 !important;
	}
	.sticky2 #menu1 ul{
		margin:0;
	}
	#logo{
		padding:1em 80px 1em 1em;
		margin:0 auto;
		display:block;
		text-align:center;
		border-bottom:1px solid #dedede;
	}
	#logo img{
		margin:0 auto;
		display:block;
		max-width:100%;
	}
	.cmn-toggle-switch{
		position:absolute;
		right:7px;
		top:14px;
	}
	#menu1{
		background:#dedede;
	}
	#menu1 ul{
		margin:0;
		padding:0;
	}
	#menu1 li{
		background:none !important;
		margin:0;
		padding:1em !important;
		border-top:1px solid #fff;
		text-align:center;
	}
	#menu1 li:first-child{
		border-top:none;
	}
	#menu1 li a{
		background:none !important;
		width:auto !important;
		height:auto !important;
	}
	#menu1 li span{
		text-align:center !important;
		display:block !important;
	}
	.menu_heading li{
		display:inline-block;
		width:33%;
	}
	.center{
		padding:0 2em;
	}
	h1.title{
		font-size:1.8em;
	}
	.bandeau{
		height:auto;
		padding:2em 0;
	}
	.bandeau h1{
		position:relative;
	}
	#bloc_programmes ul li{
		display:block;
		clear:both;
		background:transparent;		
	}
	#bloc_programmes ul li a{
		text-align:left;
		background-position:1.5em center !important;		
		padding:1em 1em 1em 80px;
		border-left:none;
		border-bottom:1px solid #d8e4ed;
	}
	#bloc_programmes ul li.simu a{
		border-bottom:none;
	}
	#subnav{
		padding:2em 0;
		background:#f5f6f7;
	}
	#bloc_proneuf,
	#bloc_batir{
		display:none;
	}
	#bloc_corporate{
		width:auto;
		float:none;
	}
	#bloc_logos{
		text-align:center;
	}
	#bloc_mentions ul{
		text-align:center;
	}
	#bloc_contact_in{
		background-position:2em center;
		padding-left:120px;
	}
	#bloc_contact .tel_numero{
		font-size:1.8em;
	}
	#bloc_contact a{
		font-size:.8em;	
		line-height:1.2em;	
	}

	#menu3 {
		background:#ddd;
		padding:1.5em 0;
	}
}
@media screen and (min-width: 960px) 
{
	#bigmap{
		height:400px;
	}
	.cmn-toggle-switch{
		display:none;
	}
	#head{
		padding:2em 0;
		vertical-align:middle;
		background:rgba(255,255,255,1);
	}
	#logo{
		vertical-align:middle;
		display:inline-block;
	}
	#menu1{
		vertical-align:middle;
		display:block;
		float:right;
		padding-left:1em;
	}
	#menu1 li{
		float:left;
		line-height:1.1em;
		border-right:1px solid #c4cde0;
	}
	#menu1 li a{
		display:block;
		padding:0 1em;
	}
	#menu1 a br{
		display:block;
	}
	#menu1 li.tel{
		text-align:left;
		background-size:auto 95%;
	}
	#menu1 li.tel a{
		font-size:1.7em;
	}

	#menu2{
		margin:1em 0;
	}
	#menu2 a{
		display:inline-block;
		vertical-align:top;
		width:31%;
		margin-right:2%;
	}
	#menu2 a.two{
		display:inline-block;
		vertical-align:top;
		width:48.5%;
		margin-right:1%;
	}

	.menu_heading li{
		display:inline-block;
		width:19.5%;
	}
	.menu_heading.two li{
		width:49%;
	}
	.center{
		margin:0 auto;
		clear:both;
		width:960px;
		height:1%;
		overflow:visible;
		position:relative;
	}
	.center:after{
		display:block;
		clear:both;
		content:"";
	}
	.bandeau .center{
		height:100%;
	}

	#subnav{
		clear:both;
		margin:1.5em 0 1.5em 0;
	}
	#subnav .center{
		text-align:center;
	}
	#subnav h4{
		display:inline-block;
		padding:0;
		margin:0;
		font-family: 'Open Sans', sans-serif;
		text-transform:none;
		font-size:.85em;
	}
	#subnav ul{
		display:inline-block;
		padding:0;
		margin:0 0 0 1em;
	}
	#subnav li{
		font-family: 'Montserrat', sans-serif;
		display:inline-block;
		background:#fff;
		padding:0;
		margin:0;
		font-size:1.1em;
		text-transform:uppercase;
		border-left:1px solid #c4cde0;
		margin-left:-4px;
	}
	#subnav li:first-child{
		border-left:none;
	}
	#subnav li a{
		display:block;
		padding:.25em 1.25em;
	}
	#subnav li a.menuactive{
		background:#f5f6f7;
	}

	#menu3 .center{
		text-align:center;
		padding:1.5em 0 3em 0;
	}
	#menu3 h4{
		display:none;
	}
	#menu3 ul{
		vertical-align:middle;
		margin:0 auto;
		display:inline-block;
		text-align:center;
	}
	#menu3 li{
		vertical-align:middle;
		display:inline-block;
		margin:0 8px;
		padding:0;
		background:transparent;
	}
	#menu3 li a{
		position:relative;
		display:block;
		padding:.1em .5em;
		border-radius:7px;
		background:#133882;
	}
	#menu3 li a.menuactive{
		background:#e4007e;
	}
	#menu3 li a span.index{
		color:#fff;
		font-size:12px;
	}
	#menu3 li a span.bulle{
		position:absolute;
		display:block;
		text-align:center;
		background:#000;
		color:#fff;
		bottom:4em;
		left:-1600em;
		margin-left:8.8em;
		width:16em;
		font-size:.8em;
		border-radius:4px;
		padding:1em 1.5em;
		box-sizing:border-box;
		opacity:0;
		line-height:1.2em;
		-webkit-transform:translate(0,-50px); /* Safari and Chrome */
		-moz-transform:translate(0,-50px); /* Firefox */
		-ms-transform:translate(0,-50px); /* IE 9 */
		-o-transform:translate(0,-50px); /* Opera */
		transform:translate(0,-50px);
		transition: opacity .25s ease-out, transform .25s ease-out;
	}
	#menu3 li a span.bulle:after{
		width:20px;
		height:10px;
		background:url(/i/fleche2.png) no-repeat center bottom;
		position:absolute;
		left:0;
		bottom:-8px;
		width:100%;
		height:8px;
		content:'';
	}
	#menu3 li a:hover span.bulle{
		left:-16em;
		display:block;
		opacity:1;
		-webkit-transform:translate(0,0); /* Safari and Chrome */
		-moz-transform:translate(0,0); /* Firefox */
		-ms-transform:translate(0,0); /* IE 9 */
		-o-transform:translate(0,0); /* Opera */
		transform:translate(0,0);
	}
	#menu3 .fleche_prev{
		margin:5px 5px 0 0;
		vertical-align:middle;
		display:inline-block;
		width:10px;
		height:17px;
		background:url(/i/puce3.png) no-repeat center bottom;		
	}
	#menu3 .fleche_next{
		margin:5px 0 0 5px;
		vertical-align:middle;
		display:inline-block;
		width:10px;
		height:17px;
		background:url(/i/puce4.png) no-repeat center bottom;		
	}
}
@media screen and (max-width: 640px) 
{

	table,  table tbody, table tr, table th, table td{
		display: block;
		width:100% !important;
		box-sizing:border-box;
	}
	table th, table td{
		padding:.5em 1em !important;
		text-align: center;
	}
	table td:empty, table th:empty {
		visibility: hidden;
		padding:0 !important;
	}
	.menu_heading li{
		width:49%;
	}
}
@media screen and (max-width: 480px) 
{
	.menu_heading li{
		display:block;
		width:auto;
	}
}
/* Stylesheet: Normal Modified On 2016-01-05 21:18:51 */