@charset "utf-8";
@import"reset.css";
@import"forms.css";
@import"/p7pmm/p7pmmh03.css";

body {
	width: 100%;
	height: 100%;
	font: 13px/20px Arial, sans-serif;
	color: #404142;
	min-width: 1056px;

}

.bck1 {background:url(../img/bck3.jpg) no-repeat 550px 0px #f9f9f9;}
.bck2 {background:url(../img/bck1.jpg) no-repeat 550px 0px #f9f9f9;}
.bck3 {background:url(../img/bck4.jpg) no-repeat 550px 0px #f9f9f9;}
.bck4 {background:url(../img/bck2.jpg) no-repeat 550px 0px #f9f9f9;}
.bck5 {background:url(../img/bck5.jpg) no-repeat 550px 0px #f9f9f9;}

.h1b h1, .h1b h3 {border-bottom: 4px solid #d76d38;}
.act h3 {margin-top: 30px;}
.h1b .date {display: block; font-size: 13pt; font-weight: normal; color: #999;}
.fleft{float:left}
.fright{float:right}
.frightimg {float: right; padding-left: 10px;}
.fleftimg {float: left; padding-right: 10px;}
.aright{text-align:right}
.acenter{text-align:center}
.amiddle *{vertical-align:middle}
.color1{color:#ff2100;}
.clearit {clear: both; height: 0;}
.clear { clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;}

a {
	color: #3674b5;
	text-decoration: none;
	cursor: pointer;
}

 .button, .button-2, .button-3 {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.button {
	display:block;
	color:#ffffff;
	font: 15pt 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	padding: 0 14px;
	background: #0398d0;
}
	.button:hover {
		background: #6cb00f;
		text-decoration:none;
	}
.button-2 {
	display:inline-block;
	color:#ffffff;
	font: 15pt 'Open Sans Condensed', sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding: 0 14px;
	background: #ff5241;
}
	.button-2:hover {
		background: #35283c;
		text-decoration:none;
	}
.button-3 {
	display:inline-block;
	color:#ffffff;
	font: 25px/56px 'Open Sans Condensed', sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding: 0 32px;
	background: #ff5241;
	border: 24px solid #ebebe9;
}
	.button-3:hover {
		background: #35283c;
		text-decoration:none;
	}
	
.sep-hor {background: url(../img/shadow-hor.png) no-repeat; height: 39px;}
h1,h2,h3,h4,h5,h6{line-height:30px; font-family:'Open Sans Condensed', sans-serif; text-transform: uppercase; font-weight:700;}
h1 {font-size: 19pt; margin-bottom: 15px; color: #939598;}
h2 {font-size: 17pt;}
h3 {font-size: 15pt; color: #03a2dd;}

.wrap {width: 100%;}

header {width: 100%; background: url(../img/bck-head.jpg) no-repeat center top #fff;}
.logo {height: 190px; width: 1056px;  margin: auto; padding: 25px 0; ;}
header h1 a {
	display: block;
	text-indent: -999em;
	width: 650px;
	height: 190px;
	background: url('/img/logo.png') no-repeat;
	float:left;
	margin-left: -14px;
}

section {width: 100%; background:#fff; min-height: 500px; padding-top: 20px;}

/* CONTENT
========================================================================= */
#content {
	padding: 20px 20px 20px 20px; width: 1016px;	border: 1px solid #fff;
	margin: 0 auto;
	min-height: 590px;
	background-color: #f9f9f9;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	
}

.c1 {width: 640px;}
.c2 {width: 357px;}
.c3 {width: 334px; margin-right: 20px;}
.c4 {width: 286px;}
.c5 {width: 240px;}
.c6 {width: 757px;}

/**=== MENU ===**/

nav {width: 1016px; 

padding:0;
border-radius:3px;

background: rgb(215,109,56); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3NmQzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYjQwMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(215,109,56,1) 0%, rgba(187,64,3,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,109,56,1)), color-stop(100%,rgba(187,64,3,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(215,109,56,1) 0%,rgba(187,64,3,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(215,109,56,1) 0%,rgba(187,64,3,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(215,109,56,1) 0%,rgba(187,64,3,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(215,109,56,1) 0%,rgba(187,64,3,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d76d38', endColorstr='#bb4003',GradientType=0 ); /* IE6-8 */


}


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

}



/*  Search styles */

.search {
	padding:0px;
	margin:20px 0px 10px 0px;
	float:left;
	width:270px;
}
.search ul{
	list-style:none;
}
.search ul li{
	float:left;
}
.search ul li input{
	float:left;
}
.search ul li input.bar{
	width:235px;
	height:22px;
	background-color:#FFFFFF;
	border:#aaaaaa solid 1px;
	padding:5px 0px 0px 5px;
	font-size:12px;
	float:left;
}
.search ul li input.go{
	width:28px;
	height:29px;
	background-image: url(../img/search.jpg) ;
	background-repeat:no-repeat;
	border:#000000 0px solid;
}
span.dis_none {
	display:none;
}


/* SLIDER
========================================================================= */
.wrapper {width: 100%; margin: 20px 0 20px 0;position: relative;}
.line {
	background: #000;
	height: 1px;
	overflow:hidden;
}

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 209px;
	height: 350px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	float: left;
	border-left: 1px solid #fff;
}
.kwicks.horizontal li:first-child {
	border-left: none;
}
#kwick_1 { 
	background: url('/img/kwick-slide-1.jpg') no-repeat;
}
#kwick_2 {
	background: url('/img/kwick-slide-2.jpg') no-repeat;
}
#kwick_3 {
	background: url('/img/kwick-slide-3.jpg') no-repeat;
}

.kwick-box-1 {
	position:absolute;
	left:0;
	bottom: 0;
	width: 629px;
	color:#fafafa;
	text-transform: uppercase;
}
.kwick-bg-1 {
	background: #156f91;
	padding: 0;
}
.kwick-bg-2 {
	background: #e47202;
	padding: 0;
}
.kwick-bg-3 {
	background: #659524;
	padding: 0;
}
.kwick-bg-4 {
	background: #d59703;
	padding: 0;
}
.kwick-slogan-1 {
	font: 30px/44px 'Roboto Condensed', sans-serif; font-weight: 600;
	letter-spacing: -1px;
	padding-left: 19px; 
}
.kwick-slogan-2 {
	font: 15px/20px 'Open Sans Condensed', sans-serif;
	margin-top: -10px;
	padding-left: 20px;padding-bottom: 15px;
}
.kwiks-button {
	font: 25px/56px 'Open Sans Condensed', sans-serif;
	color:#fff;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 0 20px;
	background: url('../images/kwiks-button.png');
	margin-top: 26px;
	margin-right:39px;
}
.kwiks-button:hover {
	color:#504257;
	text-decoration:none;
}

.extra-wrap1 {
	display: block; border-right: 1px solid #d0d1d2; border-bottom: 1px solid #d0d1d2; border-top: 1px solid #d0d1d2;
	overflow: hidden; padding: 15px; height: 318px; border-bottom-right-radius: 16px; width: 357px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOTM5NTk4IiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzclIiBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(45deg,  rgba(147,149,152,0.65) 0%, rgba(240,240,240,1) 70%, rgba(249,249,249,1) 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(147,149,152,0.65)), color-stop(70%,rgba(240,240,240,1)), color-stop(77%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(147,149,152,0.65) 0%,rgba(240,240,240,1) 70%,rgba(249,249,249,1) 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(147,149,152,0.65) 0%,rgba(240,240,240,1) 70%,rgba(249,249,249,1) 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(147,149,152,0.65) 0%,rgba(240,240,240,1) 70%,rgba(249,249,249,1) 77%); /* IE10+ */
background: linear-gradient(45deg,  rgba(147,149,152,0.65) 0%,rgba(240,240,240,1) 70%,rgba(249,249,249,1) 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6939598', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */




}

.extra-wrap1 h4 {color: #03a2dd; margin-bottom: 10px; padding-bottom: 10px;}
.extra-wrap1 h5 {color: #939598; margin-bottom: 10px; font-size: 14pt;}

.radLeft1 {border-bottom-left-radius: 16px; }

/* FOOTER
========================================================================= */


footer {
	padding: 16px; color: #CCC; background-color: #0398d0; width: 1024px; margin: auto; margin-top: 20px; font: 10pt 'Roboto Condensed', sans-serif;
}

footer a {color: #fff;}

.wrapper h1 { border-bottom: 4px solid #156f91;}
footer .ft-left {width: 800px; float: left;}
footer .ft-right {width: 160px; float: right;}
footer ul {list-style-type: none;}
footer ul li {float: left;}
.lululabs {width: 1036px; margin: auto; padding: 10px; background-color: #f9f9f9; margin-top: 10px; margin-bottom: 10px;}

/* Activités HP and AP
========================================================================= */

.h-act ul, .a-act ul {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #CCC; font: 15pt 'Open Sans Condensed'; font-weight: 300; sans-serif;}
.h-act .date, .a-act .date {font-size: 12pt; color: #454646;}
.h-act .titre, .a-act .titre {font-size: 14pt; color: #03a2dd; font-weight: 600;}
.h-act .texte, .a-act .texte {font-size: 12pt; color: #545d67;}
.h-act .link-1, .a-act .link-1 {font-size: 11pt; font-weight: 500; color: #be4409;}
.link-1 a {color: #be4409; font-weight:600;}
.mtop {margin: 20px 0 0 0;}

/* Installations
========================================================================= */

ul#installations {}
#installations li {height: 20px; padding: 5px 0 5px 0; margin-bottom: 5px; border-bottom: 1px dotted #98aac0; display: block; clear:both;}
#installations span {float: left;}
#installations .nom {width: 320px;}
#installations .nom2 {width: 420px;}
#installations .web {width: 220px;}
#installations .add {width: 450px; margin-left: 5px;}
#installations .phone {width: 100px; margin-left: 5px;}
#installations .carte {width: 70px; margin-left: 5px; text-align: right;}
#installations h3 {color: #3774b5; font-size: 13pt; font-weight: bold;}


.list-1 {padding-top: 10px; font: 12pt 'Open Sans Condensed' sans serif;}
.list-1 li {border-bottom: 1px dotted #CCC; margin-bottom: 10px; padding-bottom: 10px; height: 65px;}
.list-1 span {background-color: #03a2dd; padding: 3px; display: block; width: 100px; margin-right: 8px; float: left; color: #fff;  height: 65px; font-weight: 700; text-transform: uppercase; text-align: right;}

.list-2 ul {padding-top: 10px; }
.list-2 li {border-bottom: 1px dotted #CCC; margin-bottom: 10px; padding-bottom: 10px; height: 25px; border-left: 6px solid #03a2dd; padding-left: 10px;}


.list-3 ul {margin: 10px 0px 10px 0px; list-style-type:disc; }
.list-3 li {list-style-type: disc; margin: 5px 0px 5px 20px;}



#list-art {font-family:  'Open Sans Condensed', Arial, Helvetica, sans-serif;}
#list-art span {display: block;}
#list-art h4 {font-size: 14pt; margin-bottom: 15px;}
#list-art ul {}
#list-art li {margin-bottom: 10px; padding: 5px 0 10px 0; border-bottom: 1px dotted #ccc;}

#list-art .date {font-size: 10pt;}
#list-art .title {font-size: 12pt;}
#list-art .link {font-size: 10pt;}

#membres {margin: 20px 0 20px 0;}
#membres ul {width: auto; height: 90px; border-bottom: 1px dotted #ccc; margin: 0 0 10px 0; padding: 0 0 10px 0; clear: both;}
#membres li {width: 150px; float: left; display: block; margin-right: 10px;}
#membres .omega {margin-right: 0px;}
#membres span {display: block;}

.mtext p {margin: 10px 0 10px 0;}