/*
* www.KNACSS.com V2.6 @author: Raphael Goetter, Alsacreations
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
*/
/*** couleurs ***
violet = #954695
bleuclair = #00aee8
vert = #669900
gris = #666666
orange =#ff9900

****/
@font-face {
    font-family: 'allerbold';
    src: url('aller_bd-webfont.eot');
    src: url('aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_bd-webfont.woff2') format('woff2'),
         url('aller_bd-webfont.woff') format('woff'),
         url('aller_bd-webfont.ttf') format('truetype'),
         url('aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allerbold_italic';
    src: url('aller_bdit-webfont.eot');
    src: url('aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_bdit-webfont.woff2') format('woff2'),
         url('aller_bdit-webfont.woff') format('woff'),
         url('aller_bdit-webfont.ttf') format('truetype'),
         url('aller_bdit-webfont.svg#allerbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'alleritalic';
    src: url('aller_it-webfont.eot');
    src: url('aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_it-webfont.woff2') format('woff2'),
         url('aller_it-webfont.woff') format('woff'),
         url('aller_it-webfont.ttf') format('truetype'),
         url('aller_it-webfont.svg#alleritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allerregular';
    src: url('aller_rg-webfont.eot');
    src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_rg-webfont.woff2') format('woff2'),
         url('aller_rg-webfont.woff') format('woff'),
         url('aller_rg-webfont.ttf') format('truetype'),
         url('aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

}


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

}

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

}
*/
/* ----------------------------- */
/* ==reset */
/* ----------------------------- */

/* base font-size corresponds to 10px and is adapted to rem unit */
html {
	font-size: 62.5%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	margin-top:0;
	margin-bottom:0;
}
body {
 	background: #063f66 url('../img/macs-visu1.jpg')no-repeat top center;
 	background-color:#ececec;
 	color: #424242;
	font-family:  'allerregular', arial, helvetica, sans-serif;
	font-size: 1.4em; /* equiv 13px */
	line-height: 1.5; /* adapt to your design */
}

/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure,
hgroup {
	font-size: 1em; /* equiv 14px */
	line-height: 1.5;
	margin: .75em 0 0;
}
h1,h2,h3,h4,h5,.h1-like, .h2-like, .h3-like, .h4-like, strong {
	font-family:'allerregular', arial, helvetica, sans-serif;}
h1, .h1-like {
	font-size: 1.5286em; /* equiv 20px */
	line-height: 1.35em;
	margin: 0;
	font-family:'allerregular', arial, helvetica, sans-serif;
	margin-right:10px;
	overflow:hidden;
	text-transform:uppercase;
	font-weight:normal;
}

h2, .h2-like {
	font-size: 1.362em; /* equiv 20px */
	line-height: 1.29em;
	margin: .9545em 0 0 0;
	color:#00ade5;
	text-transform:uppercase;
	font-weight:normal;
}
h2 a, .h2-like a {
	color:#00ade5;
}
h3, .h3-like {
	font-size: 1.3em; /* equiv 16px */
	font-weight: normal;
	line-height: 1.1667em;
	margin:  .875em 0 0 0;
}
h3 a, .h3-like a {
	font-weight: normal;
}
h4, .h4-like {
	font-size: 1.075em;
	font-weight: normal;
	line-height: 1.3125em;
	margin:  1.3125em 0 0 0;
}
h5, .h5-like {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3125em;
	margin:  1.3125em 0 0 0;
}
h6, .h6-like {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3125em;
	margin:  1.3125em 0 0 0;
}

/* alternate font-sizing */
.smaller {
	font-size: .7143em; /* equiv 10px */
}
.small {
	font-size: .8571em; /* equiv 12px */
}
.big {
	font-size: 1.1429em; /* equiv 16px */
}
.bigger {
	font-size: 1.2857em; /* equiv 18px */
}
.biggest {
	font-size: 1.4286em; /* equiv 20px */
}

/* soft reset */
html,
body,
textarea,
figure,
label {
	margin: 0;
	padding: 0;
}
ul,
ol {
	padding-left: 2em;
}
code,
pre,
samp {
	white-space: pre-wrap;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
}
code { line-height: 1em; }
table { margin-bottom: 1.5em; }

/* avoid top margins on first content element */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
/*
.mainbloc div:first-child h2,
h3:first-child,
h4:first-child,
h5:first-child,*/
h6:first-child {
	margin-top: 0;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
	margin-top: 0;
	margin-bottom: 0;
}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, video {
	max-width: 100%;
}


/* you shall not pass */
/*
div, textarea, table, td, th, code, pre, samp {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
*/
/* pictures */
img {
	height: auto;
	vertical-align: middle;
}
a img { border: 0; }

/* scripts */
body > script {display: none !important;}

/* skip-links */
.skip-links {
	position: absolute;
}
.skip-links a {
	position: absolute;
	left: -7000px;
	padding: 0.5em;
	background: #000;
	color:#fff;
	text-decoration: none;
}
.skip-links a:focus {
	position: static;
}

/* ----------------------------- */
/* ==layout and modules */
/* ----------------------------- */

/* switching box model for all elements */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* float layout */
/* ----------- */

/* module, contains floats (.item is the same) */
.mod, .item {
	overflow: hidden;
}

/* table layout */
/* ------------------ */
.row {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.row > *,
.col {
	display: table-cell;
	vertical-align: top;
}

/* blocks that needs to be placed under floats */
.clear,
.line,
.row {
	clear: both;
}

/* blocks that must contain floats */
.clearfix:after,
.line:after,
.mod:after {
	content: "";
	display: table;
	clear: both;
}

/* alignments (blocks and inline) */
/* ------------------------------ */

/* left elements */
.left {
	float: left;
}
img.left {
	margin-right: 1em;
}

/* right elements */
.right {
	float: right;
}
img.right {
	margin-left: 1em;
}

img.left, img.right {
	margin-bottom: 5px;
}

.center    { margin-left: auto; margin-right: auto; }
.txtleft, .align-left   { text-align: left; }
.txtright, .align-right  { text-align: right; }
.txtcenter, .align-center { text-align: center; }
.align-justify { text-align: justify; }
/* just inline-block */
.inbl, .inblb {
	display: inline-block;
	vertical-align: top;
	margin-right: -.25em;
}
.inblb {vertical-align:bottom;}
/* blocks widths (percentage and pixels) */
.w10    { width: 10%; }
.w20    { width: 20%; }
.w23    { width: 23%; }
.w25    { width: 25%; }
.w26    { width: 26%; }
.w30    { width: 30%; }
.w33    { width: 33.333%; }
.w40    { width: 40%; }
.w50    { width: 50%; }
.w55    { width: 55%; }
.w60    { width: 60%; }
.w66    { width: 66.666%; }
.w70    { width: 74%; }
.w25    { width: 25%; }
.w75    { width: 75%; }
.w77    { width: 77%; }
.w80    { width: 80%; }
.w90    { width: 90%; }
.w100   { width: 100%; }

.w50p   { width: 50px; }
.w100p  { width: 100px; }
.w150p  { width: 150px; }
.w200p  { width: 200px; }
.w300p  { width: 300px; }
.w400p  { width: 400px; }
.w500p  { width: 500px; }
.w600p  { width: 600px; }
.w700p  { width: 700px; }
.w800p  { width: 800px; }
.w960p  { width: 960px; }
.mw960p { max-width: 960px;width: 960px; }
.w1140p { width: 1140px;}
.mw1140p { max-width: 1140px;}
/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small(10px),medium(20px),large(30px),none(0)
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
.m-reset, .ma0 { margin: 0; }
.p-reset, .pa0 { padding: 0; }
.ma1, .mas { margin: 10px; }
.ma2, .mam { margin: 20px; }
.ma3, .mal { margin: 30px; }
.pa1, .pas { padding: 10px; }
.pa2, .pam { padding: 20px; }
.pa3, .pal { padding: 30px; }

.mt0, .mtn { margin-top: 0; }
.mt1, .mts { margin-top: 10px; }
.mt2, .mtm { margin-top: 20px; }
.mt3, .mtl { margin-top: 30px; }
.mr0, .mrn { margin-right: 0; }
.mr1, .mrs { margin-right: 10px; }
.mr2, .mrm { margin-right: 20px; }
.mr3, .mrl { margin-right: 30px; }
.mb0, .mbn { margin-bottom: 0; }
.mb1, .mbs { margin-bottom: 10px; }
.mb2, .mbm { margin-bottom: 20px; }
.mb3, .mbl { margin-bottom: 30px; }
.ml0, .mln { margin-left: 0; }
.ml1, .mls { margin-left: 10px; }
.ml2, .mlm { margin-left: 20px; }
.ml3, .mll { margin-left: 30px; }

.pt0, .ptn { padding-top: 0; }
.pt1, .pts { padding-top: 10px; }
.pt2, .ptm { padding-top: 20px; }
.pt3, .ptl { padding-top: 30px; }
.pr0, .prn { padding-right: 0; }
.pr1, .prs { padding-right: 10px; }
.pr2, .prm { padding-right: 20px; }
.pr3, .prl { padding-right: 30px; }
.pb0, .pbn { padding-bottom: 0; }
.pb1, .pbs { padding-bottom: 10px; }
.pb2, .pbm { padding-bottom: 20px; }
.pb3, .pbl { padding-bottom: 30px; }
.pl0, .pln { padding-left: 0; }
.pl1, .pls { padding-left: 10px; }
.pl2, .plm { padding-left: 20px; }
.pl3, .pll { padding-left: 30px; }

/* hiding content */
.visually-hidden {
	position: absolute;
	left: -7000px;
	overflow: hidden;
}
[dir=rtl] .visually-hidden {
	left: auto;
	right: -7000px;
}

.desktop-hidden { display: none; } /* hidden on desktop */

/* ----------------------------- */
/* ==header */
/* ----------------------------- */
#header {
	position:relative;
	z-index:2;
	}
#logo + div {padding-top:80px; text-align:right;}
.tx-macinasearchbox-pi1, .tx-macinasearchbox-pi1 * {display:inline; text-align:left; padding-right:50px;}
.tx-macinasearchbox-pi1 label {color:#0b84c9; display:none;}
.tx-macinasearchbox-pi1 input[type="submit"] {padding:5px;background:#0b84c9;color:#fff;border:0;}
.tx-macinasearchbox-pi1 input[type="TEXT"] {padding:5px;background:#0b84c9;color:#fff;border:0;}
.mhtop {min-height:38px;padding-top:5px;}

#header div.mw960p div.line + div.line {min-height:150px;position:relative}
#logo {padding:0 0 0 5px}
.sousdomaine {
	position:absolute;
	top:7px;
	right:10px;
	font-size:2.1em !important;
}
.sousdomaine a { text-decoration:none;}
/* ----------------------------- */
/* ==navigation principale */
/* ----------------------------- */
.nav-open, .nav-close {display: none !important}
#navigation {background: #063f66;}
#navigation > ul {
	/*overflow:hidden;*/
	/*max-width:100%;*/
	padding:5px 0 0 0;
	 position:relative;
	}

#navigation a {
	color: #fff;
text-decoration:none;
	text-transform:uppercase;
	line-height:1.1em;
	/*font-weight:700;*/
	
}
#navigation li {text-align:center;}
#navigation li:first-child {text-align:left;}
#navigation li:last-child {text-align:right;}
#navigation ul li .niveau1 {text-align:center; min-width:140px;max-width:140px; min-height:50px;border-bottom:10px solid #00ade5; position:relative; top:10px;}
#navigation ul li .niveau1:hover {background-color:#00ade5; color:#fff;}
#navigation div {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	z-index:10000;
	min-height:200px;
	padding-top:20px;
	background-color:#00ade5;
	display:none;
	}

#navigation ul li.quotidien .niveau1 {border-bottom-color:#efa739;}
#navigation ul li.quotidien .niveau1:hover, #navigation li.quotidien:hover div, #navigation li.culture:focus div  {background-color:#efa739;}
#navigation ul li.culture .niveau1 {border-bottom-color:#933098;}
#navigation ul li.culture .niveau1:hover, #navigation li.culture:hover div, #navigation li.culture:focus div  {background-color:#933098;}
#navigation ul li.economie .niveau1 {border-bottom-color:#e2004b;}
#navigation ul li.economie .niveau1:hover, #navigation li.economie:hover div, #navigation li.amenagement:focus div  {background-color:#e2004b;}
#navigation ul li.amenagement .niveau1 {border-bottom-color:#8bce4c;}
#navigation ul li.amenagement .niveau1:hover, #navigation li.amenagement:hover div, #navigation li.amenagement:focus div  {background-color:#8bce4c;}

#navigation .sub-menu li {text-align:left; margin:0; padding:0; list-style:none;}
#navigation .sub-menu, #navigation .niveau3 {margin:0; padding:0; list-style:none;}
#navigation .sub-menu {text-align:left; line-height:1em; padding-left:20px;}
#navigation .sub-menu .inbl {width:25%; padding-bottom:20px;}
#navigation .sub-menu .niveau2:before {
	content:"\203A";padding-right:5px; display:inline-block; font-size:1.8em; font-family:arial; font-weight:bold; opacity:.6}
#navigation .sub-menu li a {padding:1px 10px 1px 0;}
#navigation .sub-menu li a:hover {background-color:rgba(255, 255, 255, .3);}
#navigation li:hover div, #navigation li:focus div  {display:block;}
#navigation .sub-menu .niveau3 a {text-transform:none; line-height:.9em; font-size:.9em; padding-left:14px;}

/* ----------------------------- */
/* ==sidebar */
/* ----------------------------- */
#left-sidebar {background:#fff;}
#left-sidebar .h1-like {margin:0; padding:16px 10px 24px;
line-height:1.1em;border-bottom:1px solid #d2d2d2; min-height:99px; color:#424242}
#left-sidebar .h1-like a {color:#424242}
.barre {display:block; font-size:2pt; border-top:3px solid #00ade5;width:30px; padding-bottom:5px;}
#left-sidebar .pa2 {padding-left:5px; padding-right:5px;}
#left-sidebar h2 {color:#424242; text-align:left; text-transform:none;margin-top:0; padding-left:5px;}
#left-sidebar .menurapides img {max-width:70px;}
#left-sidebar a {text-decoration:none}
.navigation ul, .navigation li,.menulibre ul, .menulibre li {list-style:none;padding:0;margin:0}
.navigation li a, .menulibre li a {
	display:block;
	padding:10px;
	color:#1a232b;
	border-bottom:1px solid #d2d2d2;
	background-color:#fff;
	text-transform:uppercase;
	}
.menulibre li a {
	background:0 none;
	}
.navigation .submenu {border-bottom:1px solid #d2d2d2;}
.navigation .submenu li a {padding:4px 2px 4px 10px;border-bottom:0 none; text-transform:none;}
.navigation li a.active, .navigation .submenu li a {border-bottom:0 none;}
.navigation li a:hover, .navigation li a.current {color:#00ade5}
.navigation li a.current:before {content:"> "; display:inline-block; padding-right:4px;}
.navigation li a.active {border-bottom-color:#00ade5; color:#fff; background-color:#00ade5;}
.navigation li a.active:after {content:"\1601"; float:right; font-size:1.8em; line-height:1em; display:inline-block;}
.navigation .submenu li a.active {color:#00ade5; background-color:#fff;}
.navigation .niveau2 a {padding-left:20px !important;font-size:.867em}
.navigation .niveau2 a:hover, .navigation .niveau2 a.current {color:#1a232b; font-weight:bold;}
/* ----------------------------- */
/* ==footer */
/* ----------------------------- */
#footer {
	/*margin-top:24px;*/
	color:#fff;
	padding-top:20px;
	}
#footer .mw1140p {background:url("../img/footer-carte.png") no-repeat bottom right;}
#footer a {text-decoration:none; color:#b3ecff; }

#footer ul, #footer li {list-style:none;padding-left:0;}
.menu li {max-width:29%; min-width:20%;padding:0 8px 15px 0;font-weight:bold;}
.menu li li { max-width:100%;padding:0;float:none;font-weight:normal;font-size:.86em;}
.menubas li {list-style:none;display:inline;}
.menubas li a {padding:0 10px;  border-left:1px solid #fff;}
.menubas .first a {border:0 none}
/*#footer .line .w25 {padding-top:3px;}*/
#footer .fondrose > div {padding:0 10px;}
#footer h2 {margin-top:0}
#footer .coordonnees p a {color:#fff;}
.coordonnees p {min-height:42px; padding:5px 0 4px 55px; margin-bottom:5px;background:url("../img/picto_localisation.png") no-repeat center left;}
.coordonnees p.tel {background-image:url("../img/picto_tel.png")}
.coordonnees p.horaires {background-image:url("../img/picto_horaires.png")}
.coordonnees p.contactez {background-image:url("../img/picto_contactez.png"); font-weight:bold;}
#footer a:hover {color:#3acfff}
#footer li.inbl > a {text-transform:uppercase; color:#fff;}
#footer .border {border-top:1px solid #2F7094; font-size:.86em;}
/* ----------------------------- */
/* ==forms */
/* ----------------------------- */
form,
fieldset {
	border: none;
}
input,
button,
select,
label,
.btn {
	vertical-align: middle; /* @bugfix alignment */
	font-family: inherit;
}
textarea {
	resize: vertical;
	font-family: inherit;
}

/* ----------------------------- */
/* ==forms                       */
/* ----------------------------- */

/* thanks to HTML5boilerplate, github.com/nathansmith/formalize and www.sitepen.com */


/* buttons */
.btn { display: inline-block; }
/*
.btn.alternate {}
.btn.highlight {}
.login {}
.logout {}
.primary {}
.warning {}
.error {}
.success {}
*/
/* forms items */
label {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	font-weight:bold;
	font-size:.9em;
}
legend {
	border: 0;
	white-space: normal;
	background-color:#00aee8;
	color:#fff;
	font-family:'allerbold',arial,helvetica,sans-serif;
	font-size:1.3em;
	padding-left:10px;
	padding-right:10px;
}

button,
input,
select {
	font-family: helvetica, arial, sans-serif;
	font-size: 100%;
	margin: 0;
	vertical-align: middle;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
	min-height: 5em;
	font-size: 100%;
	vertical-align: top;
	resize: vertical;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.dmmjobcontrol_apply_link {
	cursor: pointer;
	-webkit-appearance: button; /* clickable input types in iOS */
	*overflow: visible; /* Corrects inner spacing displayed oddly in IE7 */
	background-color:#4DC6ED;
	color:#fff !important;
	font-weight:bold;
	border:0 none;
	padding:5px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color:#254189;
	color:#fff;
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Corrects excess space around these inputs in IE8/9 */
	*width: 13px; *height: 13px; /* Corrects excess space around these inputs in IE7 */
}
input[type="search"] { -webkit-appearance: textfield; }

/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */

/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
::-webkit-input-placeholder { color: #777; }
input:-moz-placeholder,
textarea:-moz-placeholder   { color: #777; }

/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/* ----------------------------- */
/* ==tables                      */
/* ----------------------------- */

table,
.table {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	vertical-align: top;
}
table {
	/*width: 100%;*/
	caption-side: bottom;
}
caption {
	padding: 10px;
	color: #555;
	font-family: 'alleritalic', arial, helvetica;
}
em {font-family: 'alleritalic', arial, helvetica;}
em strong, strong em {font-family: 'alleritalic', arial, helvetica;}
tbody { border: 1px solid #7ab3c7; }
tbody tr:nth-child(odd) {
	background: #eee;
}
tbody tr > * + * {
	border-left: 1px solid rgba(0, 0, 0, .05);
}
tr > :last-child {
	/*text-align: right;*/
}
table th,
table td {
	padding: 5px 10px;
	text-align: left;
	border-bottom: 1px solid #7ab3c7;
}
table td {
	color: #555;
}

/* ----------------------------- */
/* ==main */
/* ----------------------------- */
.titre, .mainbloc {background-color:#fff; margin:0 0 0 25px;}
.titre {border-bottom:1px solid #4f565c;}
.titre img {line-height:0;margin:0 !important;}
.titre h1 {display:table-cell; vertical-align:bottom; height:95px; padding-left:25px;}
.mainbloc {min-height:350px;}
#background {
	background-color:#fff;
	
		background-image: url("../img/fondgris.png");
 	background-repeat: repeat-x;
 	background-color:#fff;
 	/*background-attachment: fixed;*/
 	background-position: top center;
 	/*background-size: contain;*/
 	max-width:100%;
	}
.mainbloc a {text-decoration:none; color:#00ade5;}
.mainbloc p a {font-weight:bold;}

.mainbloc a:hover {color:#063f66;}
.toolbox {padding:20px 0;}
#ariane ul {list-style:none; padding:.2em .4em;line-height:.9em}
#ariane li {list-style:none;list-style:none;display:inline;font-size:0.769em;}
#ariane a {color:#00ADE5;text-decoration:none;}
.menurapides {font-size:1px;}
.menurapides span {position:absolute;top:-9999px; left:-9999px;}
#right-sidebar .icone {display:none;}
/*** classes generales ****/
.mainbloc {padding:25px}
.mainbloc p, .mainbloc li {font-size:.962em}
.csc-textpic-imagewrap,.csc-textpic-imagecolumn, .csc-textpic-imagerow, .csc-textpic-image {
	max-width: 100% !important;
}
.csc-textpic-imagewrap dt .download {background:none; padding-left:0;}
.csc-textpic-caption {font-size:.867em; text-align:center;color:#565656;}
.separateur {border-bottom:1px dashed #d5d5d5}
.blanc {background-color: #fff}
.contour {border:1px solid #d5d5d5}
.chapo, .mainbloc p.chapo  {font-size:1.286em;}

.mainbloc .pave {margin-top:10px;}
.pave *:first-child {margin-top:0 !important;}
.pave * {color:#fff}
.fondjaune, .fondjaune * {background-color:#ffe84f;color:#063f66;}
.fondbleufonce {background-color:#063f66;color:#ffffff;}
.fondrose {background-color:#d91074;color:#ffffff;}
.fondvert {background-color:#a6ce55;color:#ffffff;}
.fondbleu {background-color:#1d99e0;color:#ffffff;}

.fondbleufonce.extranet {background-color:#063f66; text-align:center; }
.fondbleufonce.extranet h2 {margin:0;padding:8px 0}
.fondbleufonce.extranet h2 a{color:#eee; font-size:0.7em}

.fondrose a, .fondvert a, .fondbleu a {text-decoration:none; padding:0 2px;}
.fondrose a:hover, .fondvert a:hover, .fondbleu a:hover {background-color:#063f66;color:#fff;}
.fond, .fondgris {background-color:#e5e5e5; color:#212121}
.mainbloc .fondgris * {color:#212121}
.hbleu {color:#fff !important; background-color:#00aee8; padding:0 .5em}
.hvert {color:#fff !important; background-color:#a6ce55; padding:0 .5em}
.hrose {color:#fff !important; background-color:#d91074; padding:0 .5em}
.mainbloc .tbleu {color:#00aee8;}
.mainbloc .tvert {color:#a6ce55;}
.mainbloc .trose {color:#d91074;}

.menupointe, .menupointe li {
	list-style:none;
	margin:0;
	padding:0;
	}
.menupointe li span.icone {
	display:none;
	}
.menupointe li:before {
	content:"> ";
	}
.accroche {padding:0;margin:0 3% 20px 0 ; border-bottom:1px solid #cecece; border-top:1px solid #d5d5d5}
.accroche h2 {padding-top:5px; margin-top:0; text-transform:none;min-height:50px; font-weight:normal; line-height:1.1em}

.accroche .texte {min-height:125px;text-align:justify;}
.accroche .readmore {display:block;text-align:right; text-transform:uppercase;}

a.download {background:url('../img/download.png') no-repeat center left; padding-left:15px;}
li.download {lis-style-image:url('../img/download.png');}
.csc-menu {padding-top:10px}
.csc-menu-1, .csc-menu-1 li, .csc-menu-def, .csc-menu-def li {list-style:none;}
.csc-menu-1 li, .csc-menu-def li {padding-bottom:.8em}
.csc-menu-1 li a, .csc-menu-def li a, a.button {padding:2px 7px; font-size:1.1em;background-color:#00ADE5;color:#fff;font-weight:bold;}

a.button:hover {color:#063f66; border-color : #063f66;}
.csc-menu-1 li a:before, .csc-menu-def li a:before {content:"> "}
.iframe {border:0 none;}
.iframe h2 {color:green !important}
iframe {position:relative; z-index:0;}

/* ----------------------------- */
/* ==pagebrowser */
/* ----------------------------- */
.browseLinksWrap {text-align:center;margin-top:15px;}
.showResultsWrap {display:none;}
.activeLinkWrap, .disableLinkWrap, .browseLinksWrap a{padding:4px;}
/* ----------------------------- */
/* ==extensions */
/* ----------------------------- */
/**** wt_directory ****/
.elu, .conseil {width:46%;}
.conseil img.left,.elu img.left  {margin-bottom:0; margin-right:7px;}
.elu .titreelu {font-weight:bold; padding:5px 5px 0 0; line-height:1.3em;}
.conseil .titreelu {font-weight:bold; padding-top:5px}
.conseil .titreelu, .conseil .complement {font-size:.9em;padding-right:3px;}
.conseil .h3-like, .elu .h3-like {margin-top:5px;padding-right:3px;}

/**** multicontent ****/
.ui-widget-content {
    background: 0 none;
    border: 1px solid #eaeaea;
   /* color: #707173;*/
}
.ui-tabs {border:0 none}
.ui-tabs .ui-tabs-panel {border: 1px solid #eaeaea;}
.ui-accordion .ui-accordion-content {
    border-top: 1px solid #eaeaea;
    overflow: auto;
    padding: 1em 1.2em;
    margin-top:2px;
}
.ui-accordion .ui-state-default {background-color:#eaeaea;}
.ui-state-default .ui-icon {
    background-image: url("../../extensions/jfmulticontent/images/ui-icons_ffffff_256x240.png");
}
.ui-widget-header {
    background: 0 none;
    border: 0 none;

}
.ui-accordion .ui-state-hover, .ui-accordion .ui-state-active {background:#d91074;}
.ui-accordion .ui-state-hover a, .ui-accordion .ui-state-active a, .ui-tabs-nav a:hover {background:#d91074;color:#fff}

/**** filelinks *****/
.filelinks, .filelinks li {list-style:none}
.filelinks, .miniature ul ,.miniaturelarge ul {padding-left:0}
.miniature li {width:155px; min-height:210px;}
.miniaturelarge li {width:auto; max-width:350px; min-height:310px;}
.miniature .download, .miniaturelarge .download {display:block;background:0 none; padding:2px 0 0 0;text-align:center;}
.miniature .download img, .miniaturelarge .download img {border:1px solid #eaeaea;}
.miniature .download span, .miniaturelarge .download span {display:block; padding:0 5px; line-height:1.1em;}
.miniature .download:hover, .miniaturelarge .download:hover {background-color:#00aee8; color:#fff;}

/***** tt_news et bx_slider *****/
.news-single-item h1 {margin:0; background:none; padding:10px 0; color:#23408E;border:0 none;}
.news-list-item .separateur {overflow:hidden;margin-bottom:30px;}
.news-list-item .date {font-weight:bold;}
.news-single-item .date {font-weight:bold;display:block;}
.news-single-item .accroche {}
.news-single-item .accroche {width:260px; font-size:.9em; margin:5px 0 10px 15px;padding:0; border:0 none;}
.news-list-item p {margin-top:0;}
.read_more, .news-list-morelink {display:block; text-align:right; padding-top:10px;}
.read_more a {display:inline-block; background:url("../img/mini-logo.png") no-repeat center left; color:#34add5; padding-left:25px; text-transform:uppercase;}
.news-list-morelink a {font-weight:bold}
.news-list-morelink a:before {content:'> '}
.news-single-imgcaption {display:block}
/*** agenda ***/
.agenda_accueil ul, .agenda_accueil ul li {list-style:none}
.agenda_accueil a {color:#fff; padding:0;}
.agenda_accueil .date {font-weight:bold; letter-spacing:-0.05em;}
.agenda_accueil .commune {display:block;}


.backlink {padding-top:20px; font-weight:bold}
.actu img {border:10px solid #99d6ea; border-width:2px;}
.titreactu {font-family:helvetica, arial, sans-serif; font-weight:bold; color:#34add5; line-height:1em;}
.titreactu a {text-decoration:none; color:#34add5;}
.read_more a:hover, .titreactu a:hover {color:#004067;}
.listeactus .actu .w90 {min-height:290px; border-bottom:1px dotted #cecece; position:relative}
.listeactus .actu .w90 .read_more {position:absolute; bottom:5px; right:10px;}
.listeactus p {margin-top:0;}
/***** ad gallery ****/
.ad-gallery {margin:0 auto !important;}
.ad-slideshow-controls span {padding:2px 5px; margin-right:5px;}
.ad-slideshow-stop:before {
	content:"\25A0";
	color:#ccc;
	font-size:1.3em;
	}
.ad-slideshow-start:before {
	content:"\25BA";
	color:#ccc;
	}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {background-color:#009EE0; color:#fff; font-style:normal !important;}
.ad-slideshow-controls span:hover {background-color:#063f66; color:#fff}
/***** les offres d'emploi ****/
.dmmjobcontrol_apply_link {display:inline-block; margin-top:10px;}
/******** les communes ********/
.menu_communes {
	-webkit-columns: 3;
			-moz-columns: 3;
			columns: 3;
}
.menu_communes li {font-weight:bold;
/*width:45%;
float:left;*/
}
.oldie .menu_communes li, .ie9 .menu_communes li {
width:45%;
float:left;
}

.entete h1 {
	font-size: 1.362em; /* equiv 20px */
	font-weight: normal;
	line-height: 1.35em;
	margin: 0;
	background-color:#00ade5;
	width:280px;max-width:100%;
	padding-top:20px;
}
.entete {
background-color:#00ade5;
	overflow:hidden;
	border:1px solid #00ade5;
	color:#fff;
	padding-left:20px;
}
.entete a {color:#fff}
.entete p {margin-top:5px;}
.entete img {margin:0;}
.coordonnees {font-size:.9em;}
.tx-wfqbe-pi1 .flexslider {min-height:0}
.tx-wfqbe-pi1 .flexslider .flex-direction-nav {visibility:hidden;}
/****** powermail ******/
.tx-powermail-pi1 div {max-width:100%; padding-bottom:10px;}
.tx-powermail-pi1 .fieldsets {padding-top:20px;}
.tx-powermail-pi1 input[type="submit"] {
	font-family:'allerbold', arial, helvetica,sans-serif;
	font-weight:normal;
	font-size:1.3em;
	padding-left:20px;
	float:right;
}
.tx-powermail-pi1 div {max-width:100%; padding-bottom:10px}
.tx-powermail-pi1 .fieldsets {padding-top:20px;}
span.powermail_mandatory {
	color: red;
}
.error {background:red; color:#fff;padding:0 10px;border-radius:2px;}
.tx-powermail-pi1 label, .tx-dmmjobcontrol-pi1 label {width:25%}
.tx-powermail-pi1 input[type="text"], .tx-powermail-pi1 select,
.tx-dmmjobcontrol-pi1 input[type="text"],.tx-powermail-pi1 input[type="email"],.tx-dmmjobcontrol-pi1 input[type="email"], .tx-dmmjobcontrol-pi1 select {width:50%}
.tx-powermail-pi1 textarea,.tx-dmmjobcontrol-pi1 textarea {width:70%}
.tx-powermail-pi1 label,
.tx-powermail-pi1 input[type="text"],
.tx-powermail-pi1 select,
.tx-powermail-pi1 input[type="email"],
.tx-powermail-pi1 textarea 
.tx-dmmjobcontrol-pi1 input[type="email"],
.tx-dmmjobcontrol-pi1 textarea {max-width:100%;padding:4px 2px;}
.tx-powermail-pi1 input[type="text"],
.tx-powermail-pi1 select,
.tx-powermail-pi1 input[type="email"],
.tx-powermail-pi1 textarea {border:1px solid #7ab3c7;}
.tx-powermail-pi1 input[type="text"]:focus,
.tx-powermail-pi1 select:focus,
.tx-powermail-pi1 input[type="email"]:focus,
.tx-powermail-pi1 textarea:focus {border:1px solid #333;}
.tx-powermail-pi1 fieldset fieldset legend {display:none;}
.tx-powermail-pi1 fieldset fieldset label {width:auto;font-weight:normal;}
.tx-powermail-pi1 fieldset fieldset div {padding-bottom:0;}
.tx-powermail-pi1 fieldset.cache legend {visibility:hidden}
.help {font-size:.8em; color:#777;}

.tx-powermail-pi1 #cantine fieldset fieldset legend {display:block;width:auto;text-align:left}
.tx-powermail-pi1 #cantine fieldset  legend {width:100%;text-align:center}
.tx-powermail-pi1 #cantine .tx_powermail_pi1_fieldwrap_html_file label{font-weight: normal;width: 100%;}
.tx-powermail-pi1 #cantine .powermail_radio_inner,.tx-powermail-pi1 #cantine .powermail_check_inner {display:inline-block}
.tx-powermail-pi1 #cantine input[type="radio"]:checked+label,.tx-powermail-pi1 #cantine input[type="checkbox"]:checked + input + input + label{ font-weight: bold;font-size:1.1em }
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn,
legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a dfn,
legend.tx_powermail_pi1_fieldwrap_html_radio_title a dfn{
	/* Description */
	display: none;
	text-decoration: none;
}
.powermail_mandatory_helper { position:absolute; visibility:hidden; height:1px; }
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn,
legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a:hover dfn,
legend.tx_powermail_pi1_fieldwrap_html_radio_title a:hover dfn {
	/* Description on mouseover */
	position: absolute;
	display: block;
	padding: 10px;
	color: #444;
	font-style: normal;
	font-size: 0.9em;
	font-weight:400;
	background: #e5e5e5;
	-webkit-box-shadow: 5px 5px 10px #888;
	-moz-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;
	
}

/*** formulaire conférence parents thèses*****/
input#uid281 {width:25px;}
#reservationparent fieldset fieldset {padding-left:0}
#reservationparent fieldset fieldset legend {
    display: block;
}
/* ----------------------------- */
/* ==iefix */
/* ----------------------------- */

/* haslayout for IE6/IE7 */
.ie67 .clearfix,
.ie67 .line,
.ie67 .mod,
.ie67 .row,
.ie67 .col {
	zoom: 1;
}

/* inline-block and table-cell for IE6/IE7 */
/* warning: .col needs width on IE6/IE7 */
.ie67 .btn,
.ie67 .col,
.ie67 .inbl, .ie67 .inblb {
	display: inline;
	zoom: 1;
}
.ie67 .sidebar {min-height:460px !important;}
.ie8 img {
	width: auto; /* @bugfix for IE8 */
}

/* Active box-sizing for IE6/IE7 */
/*@source https://github.com/Schepp/box-sizing-polyfill*/

.ie67 * {
	behavior: url(/fileadmin/templates/site/js/boxsizing.htc);
}

.oldie .flexslider li .flex-caption {background-image:url("../img/bg_transp.png")}
/* ----------------------------- */
/* ==print */
/* ----------------------------- */

/* quick print reset */
@media print {
	p,
	blockquote {
		orphans: 2;
		widows: 2;
	}
	blockquote,
	ul,
	ol {
		page-break-inside: avoid;
	}
	h1,
	h2,
	h3,
	caption {
		page-break-after: avoid;
	}
}

/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 768px) {
	html,
	body {
		-webkit-text-size-adjust: 100%;
	}
}

/* ----------------------------- */
/* ==grids                       */
/* ----------------------------- */

/* equal grids with 2% gutter */
[class*=grid] > * {float: left; } /* direct childrens are floating */
[class*=grid] > * + * { margin-left: 2%; } /* here's the gutter */
.grid2 > * { width: 49%; }
.grid3 > * { width: 32%; }
.grid4 > * { width: 23.5%; }
.grid5 > * { width: 18.4%; }
.grid6 > * { width: 15%; }

/* unequal grids (1-2, 2-1, 1-3 and 3-1) */
.grid2-1 > *:first-child,
.grid1-2 > * + * { width: 66%; }
.grid1-2 > *:first-child,
.grid2-1 > * + * { width: 32%; }
.grid1-3 > *:first-child,
.grid3-1 > * + * { width: 23.5%; }
.grid3-1 > *:first-child,
.grid1-3 > * + * { width: 74.5%; }



/* calendar root element start*/
/* For the details, see:
   http://flowplayer.org/tools/dateinput/index.html#skinning */


/* calendar root element */
#calroot {
    /* place on top of other elements. set a higher value if nessessary */
    z-index:10000;

    margin-top:-1px;
    width:205px;
    padding:2px;
    background-color:#fff;
    font-size:11px;
    border:1px solid #ccc;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;

    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
    padding:2px 0;
    height:22px;
}

#caltitle {
    font-size:14px;
    color:#0150D1;
    float:left;
    text-align:center;
    width:155px;
    line-height:20px;
    text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
    display:block;
    width:20px;
    height:20px;
    background:transparent url(/typo3conf/ext/powermail/res/img/prev.gif) no-repeat scroll center center;
    float:left;
    cursor:pointer;
}

#calnext {
    background-image:url(/typo3conf/ext/powermail/res/img/next.gif);
    float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility:hidden;
}

/* year/month selector */
#caltitle select {
    font-size:10px;
}

/* names of the days */
#caldays {
    height:14px;
    border-bottom:1px solid #ddd;
}

#caldays span {
    display:block;
    float:left;
    width:28px;
    text-align:center;
}

/* container for weeks */
#calweeks {
    background-color:#fff;
    margin-top:4px;
}

/* single week */
.calweek {
    clear:left;
    height:22px;
}

/* single day */
.calweek a {
    display:block;
    float:left;
    width:27px;
    height:20px;
    text-decoration:none;
    font-size:11px;
    margin-left:1px;
    text-align:center;
    line-height:20px;
    color:#666;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

/* different states */
.calweek a:hover, .calfocus {
    background-color:#ddd;
}

/* sunday */
a.calsun {
    color:red;
}

/* offmonth day */
a.caloff {
    color:#ccc;
}

a.caloff:hover {
    background-color:rgb(245, 245, 250);
}


/* unselecteble day */
a.caldisabled {
    background-color:#efefef !important;
    color:#ccc	!important;
    cursor:default;
}

/* current day */
#calcurrent {
    background-color:#498CE2;
    color:#fff;
}

/* today */
#caltoday {
    background-color:#333;
    color:#fff;
}
/* calendar root element end*/