@charset "utf-8";
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	/*	margin:0;
	padding:0;
	border:0;
	font-size: 100%;
*/	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block; }
@font-face {
	font-family: 'OpenSansLight';
	src: url('../fonts/opensans-light-webfont.eot');
	src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype'), url('../fonts/opensans-light-webfont.svg#openSansLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansLightItalic';
	src: url('../fonts/opensans-lightitalic-webfont.eot');
	src: url('../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-lightitalic-webfont.woff') format('woff'), url('../fonts/opensans-lightitalic-webfont.ttf') format('truetype'), url('../fonts/opensans-lightitalic-webfont.svg#OpenSansLightItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansItalic';
	src: url('../fonts/opensans-italic-webfont.eot');
	src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-italic-webfont.woff') format('woff'), url('../fonts/opensans-italic-webfont.ttf') format('truetype'), url('../fonts/opensans-italic-webfont.svg#OpenSansItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansSemibold';
	src: url('../fonts/opensans-semibold-webfont.eot');
	src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#OpenSansSemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansSemiboldItalic';
	src: url('../fonts/opensans-semibolditalic-webfont.eot');
	src: url('../fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibolditalic-webfont.woff') format('woff'), url('../fonts/opensans-semibolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-semibolditalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansBold';
	src: url('../fonts/opensans-bold-webfont.eot');
	src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansBoldItalic';
	src: url('../fonts/opensans-bolditalic-webfont.eot');
	src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bolditalic-webfont.woff') format('woff'), url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-bolditalic-webfont.svg#OpenSansBoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansExtrabold';
	src: url('../fonts/opensans-extrabold-webfont.eot');
	src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabold-webfont.woff') format('woff'), url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('../fonts/opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansExtraboldItalic';
	src: url('../fonts/opensans-extrabolditalic-webfont.eot');
	src: url('../fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff'), url('../fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-extrabolditalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'OpenSansLight', 'OpenSansLight', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #f4f4f4;
	font-size: 14px;
}
/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	/*	padding-right: 15px;
	padding-left: 15px;
*/	padding: 0;
}
a img { border: none; }
/* ~~ La définition du style des liens de votre site doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. ~~ */
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #9a3575;
}
/*--------------------------------------------------------------------
menu
----------------------------------------------------------------------*/
ul.nav {
	list-style: none;
	margin-bottom: 0;
	margin-top: 100px;
	margin-left: 58px;
}
ul.nav a, ul.nav a:visited {
	font-family: 'OpenSansLight';
	font-size: 30px;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	color: #000;
	margin-left: 24px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { color: #9a3575; }
ul.nav li.active a { color: #9a3575; }
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.clear { clear: both; }
/*----------------------------------------------------------------------------------------------*/
/* ~~ ce conteneur entoure toutes les autres divs, en leur attribuant leur largeur sur base d'un pourcentage ~~ */

#panel-container {
	position: fixed;
	top: 0;
	left: 0;
	/*    padding-left: 24px;
*/    width: 345px;
	background: #f4f4f4;
	z-index: 1000;
}
#main-container {
	top: 0;
	left: 345px;
	bottom: 0;
	right: 0;
	position: absolute;
	overflow: auto;
	background-color: #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9a3575;/*	padding-right:1px;
*/}
#main-container p { padding-left: 40px; padding-right:40px; }
#bottom-container {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 345px;
}
#lang-container {
	/*	position: absolute;
	right:50px;
	top:15px;
	
*/	
	font-family: "OpenSansExtrabold";
	font-size: 14px;
	color: #707070;
	text-align: right;
	margin: 40px 50px 100px 0;
	position: relative;
}
.lang_fr a, .lang_fr a:visited {
	position: absolute;
	right: 40px;
	top: 0;
	color: #707070;
	width: 25px;
	text-align: right;
}
.lang_fr a:hover, .lang_fr a:active, .lang_fr a:focus { color: #9a3575; }
#lang-container .active a { color: #9a3575; }
#lang-container .pipe {
	position: absolute;
	right: 25px;
	top: 0;
	width: 15px;
	text-align: center;
}
.lang_en a, .lang_en a:visited {
	position: absolute;
	right: 0;
	top: 0;
	color: #707070;
	width: 25px;
	text-align: left;
}
.lang_en a:hover, .lang_en a:active, .lang_en a:focus { color: #9a3575; }
#extra-container1 {
	width: 540px;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	overflow: inherit;
	z-index: 100;
	background-color: #FFF;
}
#extra-container2 {
	width: 100%;
	height: 100%;
	top: 0;
	right: 50%;
	bottom: 0;
	right: 0;
	position: absolute;
	overflow: hidden;
	/*	background-image:url(../../images/google_map.jpg); background-size: cover;
	background-position:center right;
*/	z-index: auto;
}
.logo {
	position: relative;
	width: 345px;
	height: 100px;
	margin-top: 49px;
}
.logoTexte a{
	position: absolute;
	top: 80px;
	left: 84px;
	font-family: 'OpenSansBold';
	font-size: 12px;
	text-transform: uppercase;
	color: #707173;
	text-decoration:none; 
	display:block;
}
.logoTextePoitiers { font-family: 'OpenSansRegular'; font-style:italic; }

.titre {
	font-family: 'OpenSansExtraboldItalic';
	background-color: #9a3575;
	color: #FFF;
	font-size: 16px;
	padding: 10px 10px 10px 40px;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.titre2 {
	font-family: 'OpenSansExtraboldItalic';
	background-color: #9a3575;
	color: #FFF;
	font-size: 16px;
	padding: 10px 10px 10px 40px;
	text-transform: uppercase;
	max-width: 315px;
	margin-bottom: 25px;
}
.titrePage { font-size: 24px; }
.mauve { color: #9a3575 }
.confirm {
	font-weight: bold;
	color: #006699;
	background-image: url(../../images/valide-24.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	line-height: 25px;
	margin-bottom: 20px;
}
.erreur {
	color: #CC0000;
	font-weight: bold;
	background-image: url(../../images/panneau-attention.png);
	background-position: left;
	background-repeat: no-repeat;
	background-position:5px center;
	padding-left: 25px;
	
	padding-top:10px;
	padding-bottom:10px;
	line-height: 20px;
	font-size:12px;
}
.adresse { margin-left: 84px; }
.adresseTitre {
	font-family: "OpenSansExtrabold";
	font-size: 14px;
}
.reseauxSociaux {
	margin-left: 84px;
	margin-top: 15px;
}
.icon_facebook {
	float: left;
	background-image: url(../../images/fb-off.jpg);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	margin: 1px;/*	position: absolute;
	left: 30px;
	bottom: 20px;
	background-position: -50px 0px;
*/
}
.icon_facebook:hover { background-image: url(../../images/fb-on.jpg);/*	background-repeat: no-repeat;
	background-position: 0px 0px;
*/ }
.icon_mail {
	float: left;
	background-image: url(../../images/letter-off.jpg);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	margin: 1px;/*	position: absolute;
	left: 30px;
	bottom: 20px;
	background-position: -50px 0px;
*/
}
.icon_mail:hover { background-image: url(../../images/letter-on.jpg);/*	background-repeat: no-repeat;
	background-position: 0px 0px;
*/ }
.icon_twiter {
	float: left;
	width: 30px;
	height: 30px;
	background-image: url(../../images/twitter-off.jpg);
	background-repeat: no-repeat;
	margin: 1px;
}
.icon_twiter:hover {
	background-image: url(../../images/twitter-on.jpg);
	background-repeat: no-repeat;
}
.icon_linkin {
	float: left;
	width: 30px;
	height: 30px;
	background-image: url(../../images/in-off.jpg);
	background-repeat: no-repeat;
	margin: 1px;
}
.icon_linkin:hover {
	background-image: url(../../images/in-on.jpg);
	background-repeat: no-repeat;
}
.mentionsLegales {
	margin-left: 84px;
	font-size: 12px;
	margin-top: 15px;
	text-decoration: none;
}
.mentionsLegales a, .mentionsLegales a:visited {
	text-decoration: none;
	color: #B5B5B5;
}
.mentionsLegales a:hover, .mentionsLegales a:active, .mentionsLegales a:focus { color: #9a3575; }
.copyright {
	font-family: 'OpenSansLightItalic';
	margin-left: 84px;
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #B5B5B5;
}
.copyright a, .copyright a:visited {
	text-decoration: none;
	color: #B5B5B5;
}
.copyright a:hover, .copyright a:active, .copyright a:focus { color: #9a3575; }
/*----------------------------------------------------------------------------
	appart de la semaine
----------------------------------------------------------------------------*/
.panelAppart img {
	margin: 5px;
	float: left;
	width: 250px;
	height: 165px;
}
.panelAppart a, .panelAppart a:visited {
	color: #9a3575;
	font-family: "OpenSansExtrabold";
	font-size: 11px;
	text-decoration: none;
}
.panelGauche {
	float: left;
	width: 295px;
	margin-bottom: 40px;
}
.panelDroite {
	float: left;
	margin-left: 40px;
	margin-bottom: 40px;
}
.video_easy {
	width: 85%;
/*	padding: 5%;
*/	margin: 0px auto 20px auto;
	background: #fff;
}
/*----------------------------------------------------------------------------
	equipe
----------------------------------------------------------------------------*/
.equipe {
	width: 460px;
	height: 280px;
	margin: 25px auto;
	position: relative;
	color: #000;
}
.equipe .nom {
	position: absolute;
	top: 194px;
	right: 30px;
	font-family: "OpenSansExtrabold";
	font-size: 16px;
}
.equipe_background {
	position: absolute;
	bottom: 38px;
	left: 9px;
	width: 437px;
	height: 50px;
	background-color: #FFF;
	opacity: 0.5;
}
.equipe .fonction {
	position: absolute;
	bottom: 38px;
	right: 0;
	margin-right: 14px;
	padding-right: 20px;
	width: 417px;
	font-family: "OpenSansRegular";
	font-size: 18px;
	text-transform: uppercase;
	color: #9A3575;
	text-align: right;
}
.equipe1 {
	background-image: url(../../images/mme-moreau.png);
	background-repeat: no-repeat;
}
.equipe2 {
	background-image: url(../../images/mr-moreau.png);
	background-repeat: no-repeat;
}
.equipe3 {
	background-image: url(../../images/mr-blague.png);
	background-repeat: no-repeat;
}
.equipe4 {
	background-image: url(../../images/mme-shabanova.png);
	background-repeat: no-repeat;
}

/*----------------------------------------------------------------------------
	Formulaire de contact
----------------------------------------------------------------------------*/
/*contact dans page location detail*/
.entryform {
	padding-right: 15px;
	padding-left: 40px;
	padding-top: 12px;
}
div.input-row {
	margin-bottom: 8px;
	overflow: hidden;
}
.entryform label {
	max-width: 90px;
	width: 30%;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	height: 28px;
	line-height: 28px;
	margin: 0;
}
.entryform input, .entryform textarea {
	width: 50%;
	max-width: 340px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #DADADA;
	color: #555555;
	display: block;
	float: left;
	margin: 0;
	padding: 0 5px 0 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: background-color 0.2s linear 0s;
	-webkit-transition: background-color 0.2s linear 0s;
	-moz-transition: background-color 0.2s linear 0s;
	-ms-transition: background-color 0.2s linear 0s;
	-o-transition: background-color 0.2s linear 0s;
}
.entryform .bouton {
	width: auto;
	background-color: #707070;
	color: #FFF;
	padding: 10px;
	border: none;
	text-transform: uppercase;
	margin: 0;
	/*margin-left: 30%;float: none;  margin-top:8px;*/
	height: auto;
	font-weight: bold;
	font-size: 14px;
}
.entryform .bouton:hover { background-color: #9a3575; }
.entryform textarea { height: 150px; }
.entryform input:hover, .entryform textarea:hover {
	background-color: #F7F7F7;
	box-shadow: none;
}
.entryform input:focus, .entryform textarea:focus {
/*	background-color: #9a3575;
*/	color:#9a3575;
	box-shadow: none;
}


/*contact dans page location detail*/
.contactform {
	padding-right: 15px;
	padding-left: 40px;
	padding-top: 12px;
}
.contactform label {
	max-width: 90px;
	width: 30%;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	height: 28px;
	line-height: 28px;
	margin: 0;
}
.contactform input, .contactform textarea {
	width: 100%;
	max-width: 340px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #DADADA;
	color: #555555;
	display: block;
	float: left;
	margin: 0;
	padding: 0 5px 0 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: background-color 0.2s linear 0s;
	-webkit-transition: background-color 0.2s linear 0s;
	-moz-transition: background-color 0.2s linear 0s;
	-ms-transition: background-color 0.2s linear 0s;
	-o-transition: background-color 0.2s linear 0s;
}
.contactform textarea { height: 150px; }
.contactform .bouton {
	width: auto;
	background-color: #707070;
	color: #FFF;
	padding: 10px;
	border: none;
	text-transform: uppercase;
	margin-left: 327px;
	height: auto;
	font-weight: bold;
	font-size: 14px;
	float: left;
}
.contactform .bouton:hover { background-color: #9a3575; }
.contactform input:hover, .contactform textarea:hover {
	background-color: #F7F7F7;
	box-shadow: none;
}
 .contactform input:focus,.contactform textarea:focus {
/*	background-color: #9a3575;
*/	color:#9a3575;
	box-shadow: none;
}

.contact_email {
	margin-top: 70px;
	margin-left: 137px;
	padding-left: 45px;
	background-image: url(../../images/lettre-off.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 25px;
}
.contact_email:hover, .contact_email:focus { background-image: url(../../images/lettre-on.png); }
/*----------------------------------------------------------------------------
	Page locations 
----------------------------------------------------------------------------*/
.tri { padding-left: 25px; }
.webbies {
	overflow: hidden;
	padding-left: 40px;
}
.webbies li {
	display: block;
	float: left;
	margin: 0;
	position: relative;
	overflow: hidden;
  	height: 370px;
  	width: 280px;
}
.webbies img {
	display: block;
	width: 248px;
	height: 165px;
}
.location { }
.locationCadre {
	position: absolute;
	top: 0;
	left: 0;
	width: 253px;
	height: 182px;
	background-image: url(../../images/cadre-locations.png);
	background-repeat: no-repeat;
}
.locationImg {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 248px;
	height: 165px;
}
.location_details {
	height: auto;
	width: 250px;
	padding-left: 15px;
	text-align: left;
	display: block;
	position: absolute;
	left: 0;
	top: 190px;
}
.location_details a {
	text-decoration: none;
	color: #9a3575;
	font-family: "OpenSansExtrabold";
	font-size: 11px;
}
.location_details_link { margin-top: 8px; }
/* liste des type All T1 T2 T3*/ 
.portfolio-tabs {
	height: auto;
	border-top: 1px solid #e7e6e6;
	border-bottom: 1px solid #e7e6e6;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	margin-bottom: 58px;
	line-height: 34px;
	padding-left: 40px;
}
.portfolio-tabs li {
	float: left;
	margin-right: 30px;
}
.portfolio-tabs li a { display: block; }
.portfolio-tabs li.active { line-height: 31px !important; }
.portfolio-tabs li.active a {
	color: #9a3575;
	border-top: 3px solid #9a3575;
}
/*----------------------------------------------------------------------------
	Page locations details
----------------------------------------------------------------------------*/
.columns {
	margin: 0 0 80px;
	overflow: hidden;
	font-size: 16px;
}
.columns .col {
	float: left;
	padding: 0 2.66667% 0 0;
	width: 23%;
	text-align:justify;
}
.columns-3 .col { width: 31.4286%; }
.columns-3 .col:nth-child(3n+1) { clear: both; }
.columns-3 .col:nth-child(3n) { padding-right: 0; }

.columns-2 .col {
	/*  width: 47%;*/
	width: 50%;
	padding: 0;
}
.columns-2 .col:nth-child(2n+1) { clear: both; }
.columns-2 .col:nth-child(2n) { padding-right: 0; }
/* formulaire de contact*/
.columns-2 .titreContact { margin-left: 40px; }
/* plan d'acces google map*/
#map-canvas {
	height: 400px;
	padding-top: 12px;
}
.OpenSansLightItalic { font-family: "OpenSansLightItalic"; }
.OpenSansRegular { font-family: "OpenSansRegular"; }
.retour a{
	font-family: "OpenSansBold";
	font-size:12px;
	margin-left: 40px;
	margin-bottom: 40px;
	color:#707070;
	display:block;
}
.retour a:hover, .retour a:focus{
	color:#9a3575;
}
.libre{ /*font-size:16px;*/color:#fff; background-color:green; padding:2px;}
.occupe{/* font-size:16px;*/color: red;}
@media (max-height:660px) {
/*--------------------------------------------------------------------
menu
----------------------------------------------------------------------*/
ul.nav {
	margin-top: 46px;

}
ul.nav a, ul.nav a:visited {
	font-size: 24px;

}
.adresse p{ margin-bottom:10px;}
}