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

****/

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

/* base font-size corresponds to 10px and is adapted to rem unit */
html {
	font-size: 62.5%;
}

body {
 	/*background: #063f66 url('../img/macs-visu1.jpg')no-repeat top center;
 	background-color:#ececec;*/
 	background:#fff;
 	color: #424242;

	font-family: Calibri,Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;
	font-size:15px;
	font-size: 1.5rem; 
	line-height: 1.5; /* adapt to your design */
}

h1,h2,h3,h4,h5,.h1, .h2, .h3, .h4, strong {
	font-family:helvetica, 'helvetica neue', arial, sans-serif;}
h1, .h1 {
	font-size: 22px; 
	font-size:2.2rem;
	margin: 0;
	margin-right:10px;
	overflow:hidden;
	text-transform:uppercase;
	font-weight:normal;
}

h2, .h2 {
	font-size: 19px; 
	font-size:1.9rem;
	color:#00ade5;
	text-transform:uppercase;
	font-weight:normal;
}
h2 a, .h2 a {
	color:#00ade5;
}
h3, .h3-like {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: normal;
	
	margin:  .875em 0 0 0;
}
h3 a, .h3 a {
	font-weight: normal;
}
h4, .h4 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;

	margin:  1.3125em 0 0 0;
}


/* alternate font-sizing */
.smaller {
	font-size: 10px; 
	font-size:1rem;
}
.small, small {
	font-size: 12px; 
	font-size:1.2rem;
}
.big, big {
	font-size: 18px; 
	font-size:1.8rem;
}

.image {overflow:hidden;}
.image img, .csc-textpic-imagewrap img, .accroche img {max-width:100%; height:auto;}
.align-center, .text-center {text-align:center;}
.align-right, .text-right {text-align:right;}
.align-left, .text-left {text-align:left;}
.align-justify, .text-justify {text-align:justify;}
.inbl {display:inline-block; vertical-align:top;}
/* ----------------------------- */
/* ==header */
/* ----------------------------- */
.site-title img {max-width:100%; height:auto;}
.tx-macinasearchbox-pi1 {line-height:35px;}
.tx-macinasearchbox-pi1 * {display:inline; text-align:left; padding-right:0;}
.tx-macinasearchbox-pi1 label {color:#54585c; display:none;}
.tx-macinasearchbox-pi1 input[type="submit"] {background:#54585c;color:#fff;border:0; padding:2px 5px;margin-left:-4px;}
.tx-macinasearchbox-pi1 input[type="TEXT"] {background:#fff;color:#54585c;border:1px solid #54585c;}
.mhtop {min-height:38px;padding-top:5px;}

#fieldSearch::-webkit-input-placeholder { color: white; }
#fieldSearch::-moz-placeholder { color: white; } /* firefox 19+ */
#fieldSearch:-ms-input-placeholder { color: white; } /* ie */
input#fieldSearch:-moz-placeholder { color: white; }

.sousdomaine {
	position:absolute;
	top:7px;
	right:10px;
	font-size:2.1em !important;
}
.sousdomaine a { text-decoration:none;}
/* ----------------------------- */
/* ==navigation principale */
/* ----------------------------- */

#main-navigation a {
	color: #54585c;
text-decoration:none;
	text-transform:uppercase;
	font-family:helvetica, 'helvetica neue', arial, sans-serif;
}
#main-navigation .sub-menu a {
	color: #fff;
	font-family: Calibri,Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;
}


#main-navigation>ul>li>a {display:block; min-height:40px;border-bottom:10px solid #00ade5;font-size:15px; padding-left:10px; padding-right:10px;}
#main-navigation>ul>li>a:hover, #main-navigation li .dropdown-menu {background-color:#00ade5; color:#fff;}


#main-navigation ul li.quotidien a {border-bottom-color:#efa739;}
#main-navigation ul li.quotidien a:hover, #main-navigation li.quotidien .dropdown-menu  {background-color:#efa739;}
#main-navigation ul li.culture a {border-bottom-color:#e2004b;}
#main-navigation ul li.culture a:hover, #main-navigation li.culture .dropdown-menu {background-color:#933098;background-color:#e2004b;}
#main-navigation ul li.economie a {border-bottom-color:#006AB3;}
#main-navigation ul li.economie a:hover, #main-navigation li.economie .dropdown-menu  {background-color:#e2004b;background-color:#006AB3;}
#main-navigation ul li.amenagement a {border-bottom-color:#8bce4c;}
#main-navigation ul li.amenagement a:hover, #main-navigation li.amenagement .dropdown-menu {background-color:#8bce4c;}
.dropdown-menu {font-size:15px;}
.main-navigation .dropdown-menu {border:0 none;}

#main-navigation .sub-menu, #main-navigation .niveau3 { list-style:none; padding-left:0;}


.dropdown-menu > li > a:before { 
    content:"\f105";
    font-family:fontAwesome;
    display:inline-block;
    padding-right:3px;
    opacity:.6;
    margin-left:-9px;
    }
.dropdown-menu > li > a {

    white-space: normal;
}

#main-navigation .sub-menu li a:hover {background-color:rgba(255, 255, 255, .3) !important;}
#main-navigation .sub-menu .niveau3 a {text-transform:none;padding-left:20px;display:block;}


/* ----------------------------- */
/* ==sidebar */
/* ----------------------------- */
#left-sidebar {background:#fff;}
#left-sidebar .h1 {margin:0; padding:16px 10px 24px;
line-height:1.2;border-bottom:1px solid #d2d2d2; min-height:99px; color:#424242}
#left-sidebar .h1 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;}
#left-sidebar .menurapides img {max-width:84px;}
#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:20px; font-size:2rem; line-height:1; display:inline-block;}
.navigation .submenu li a.active {color:#00ade5; background-color:#fff;}
.navigation .niveau2 a {padding-left:20px !important;font-size:13px; font-size:1.3rem;
}
.navigation .niveau2 a:hover, .navigation .niveau2 a.current {color:#1a232b; font-weight:bold;}


/**** complement ****/
#complement {border-top:10px solid #e5e5e5;}

/* ----------------------------- */
/* ==footer */
/* ----------------------------- */
#footer {
	/*margin-top:24px;*/
	color:#54585c;
	padding-top:6px;
	}
#footer .container {/*background:url("../img/footer-carte.png") no-repeat bottom right;*/ border-top:1px solid #e5e5e5; padding-top:12px;}
#footer a {text-decoration:none; color:#76797e; }

#footer ul, #footer li {list-style:none;padding-left:0;}
.menufooter>li {vertical-align:top; max-width:25%; margin-right:12px;}

.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}
.coordonnees p {margin-top:0; margin-bottom:0; min-height:42px; padding:5px 0 4px 55px; background:url("../img/picto_localisation.png") no-repeat center left;}
.coordonnees p.tel {background-image:url("../img/picto_tel.png"); margin-top:-3px;}
.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}
.menufooter > li > a {text-transform:uppercase;}
#footer .border {border-top:1px solid #e5e5e5;}
/* ----------------------------- */
/* ==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:14px;
	font-size:1.4rem;
}
legend {
	border: 0;
	white-space: normal;
	background-color:#00aee8;
	color:#fff;
	font-family: Calibri,Lucida Grande,Lucida Sans Unicode,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"],
.dmmjobcontrol_apply_link {
	cursor: pointer;
	-webkit-appearance: button; /* clickable input types in iOS */
	*overflow: visible; /* Corrects inner spacing displayed oddly in IE7 */
	background-color:#54585c;
	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;
}
.mfp-close:hover, .mfp-close:focus {
    background: none;
}
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 */
}

/* ----------------------------- */
/*       Inscription NL          */
/* ----------------------------- */
.mainbloc .tx-sremailsubscribe-pi1 dd {
	margin-bottom: 15px;
}
.mainbloc .tx-sremailsubscribe-pi1 dd.checkbox {
    margin-top: 0;
}
.mainbloc .checkbox input.tx-sremailsubscribe-pi1-checkbox {
	margin-left: 0;
	margin-top: .5em;
}

.mainbloc .tx-sremailsubscribe-pi1 dd label {
    padding: 0 1em 0 1.5em;
}

/* ----------------------------- */
/* ==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: Calibri,Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;
}
em {font-family: Calibri,Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif; font-style:italic;}
em strong, strong em {font-family: Calibri,Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif; font-style:italic; font-weight:bold;}
tbody { border: 1px solid #7ab3c7; border:0 none;}
tbody tr:nth-child(odd) td {
	background: #eee;
}
tbody tr > * + * {
	border-left: 1px solid rgba(0, 0, 0, .05);
	border:0 none;
}
tr > :last-child {
	/*text-align: right;*/
}
table th,
table td {
	padding: 5px 10px;
	text-align: left;
	border-bottom: 1px solid #7ab3c7;
	border:0 none;
	background:#fff;
}
table td {
	color: #555;
}

/* ----------------------------- */
/* ==main */
/* ----------------------------- */


.titre {border-bottom:1px solid #4f565c; padding-bottom:5px;}
.mainbloc {padding:24px 0; clear:both;}

.mainbloc a {text-decoration:none; color:#00ade5;}
.mainbloc p a {font-weight:bold;}

.mainbloc a:hover {color:#063f66;}
.toolbox {padding:3px 0; margin:12px 0;}
#ariane ul {list-style:none; padding:.2em .4em;line-height:1}
#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;}
.menurapides.public {padding-top:0px;background-color:none}
#right-sidebar .icone {display:none;}
/*** classes generales ****/
/*
.mainbloc {padding:25px}
.mainbloc p, .mainbloc li {font-size:.962em}
*/
/* 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;
}

.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;}
#footer.fondbleufonce {background:#fff;}
.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 {margin-bottom:24px;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;}


/**** menu page économie version 2018 ****/

.accroche-eco {
	margin: 40px 0 30px;	
}
.accroche-eco h2{
	text-align: center;
    font-weight: bold;
    font-size: 1.7rem;
    margin-top: 5px;
}
.accroche-eco .image+.image,
.accroche-eco:hover .image{
    display:none;
}
.accroche-eco:hover .image+.image{
    display:block;   
}
.accroche-eco:hover h2 a{
    background: #00ace8;
    padding: 5px 10px; 
    color: #fff;     
}
/*********/


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; display:inline-block;}

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; max-width:100%}

span.icone {display:none !important;}
/* ----------------------------- */
/* ==pagebrowse-pagesr */
/* ----------------------------- */
.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;}
.ma1 {margin:10px 1%;}
.pa1 {padding:12px;}
/**** 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}


/**** anything slider ****/
.anythingSlider, .anythingSlider ul, .anythingSlider li, .anythingSlider img { max-width:100% !important;}
.anythingBase.fade{

opacity: 1;

}

/**** 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 {clear:both; overflow:hidden;}
.news-list-item .date {font-weight:bold;}
.news-single-item .date {font-weight:bold;display:block;}
.news-single-item .accroche {}
.news-single-item .accroche {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}



/*** annuaire ***/


/*** pagination****/

.pagebrowse {
	list-style: none inside none;
	padding: 0 0;
	margin: 0 0;
	text-align: center;
	width: 100%;
}

.pagebrowse li {
	display: inline;
	list-style: none;
	margin: 0 0;
	padding: 0 5px 0 0;
}

li.pagebrowse-pages {
	width: 80%;
}

li.pagebrowse-pages ol {
	display: inline;
	margin: 0 0;
	padding: 0 10px;
}




/*** 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;}
.agenda_accueil .all-events {
    height: 180px;
}

.agenda_accueil .all-events a {
    border: solid 6px #25c5f7;
    background-color: #fff;
    height: 100%;
    color: #1d99e0;
    font-size: 2.8rem;
    display: block;
    line-height: 1.1em;
    padding-top: 1.8em;
    padding-left: 1.5em;
}
.backlink {padding-top:20px; font-weight:bold}
.actu .image {border:10px solid #99d6ea; border-width:2px;overflow:hidden;}
.actu .image img {max-width:100%; height:auto;}
.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;}
.allnews {float:right;}
/***** 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 ******/
.mainbloc .tx-powermail .powermail_fieldset {
  border:none;
  background-color: inherit;
}
.mainbloc .tx-powermail .powermail_fieldset .powermail_legend{
  color: #fff;
}

.error {background:red; color:#fff;padding:0 10px;border-radius:2px;}
.tx-dmmjobcontrol-pi1 label {width:25%}
.tx-dmmjobcontrol-pi1 input[type="text"],tx-dmmjobcontrol-pi1 input[type="email"], .tx-dmmjobcontrol-pi1 select {width:50%}
.tx-dmmjobcontrol-pi1 textarea {width:70%}
.tx-dmmjobcontrol-pi1 input[type="email"],
.tx-dmmjobcontrol-pi1 textarea {max-width:100%;padding:4px 2px;}
.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; }

/*** formulaire conférence parents thèses*****/
input#uid281 {width:25px;}
#reservationparent fieldset fieldset {padding-left:0}
#reservationparent fieldset fieldset legend {
    display: block;
}
/* 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*/

/*** responsive ***/
@media ( max-width :480px) {
	img.left {float:none; display:block; margin:auto;}
	.anythingSlider {display:none;}
	.elu *, .conseil *, .conseil img.left, .elu img.left {float:none; margin:0 auto; text-align:center; display:block;}
	#complement .col-xs-6 {width:100%;}
}

@media ( max-width :767px) {
	#header .text-right {background-color:#54585c;}
	.toolbox {border-bottom:1px solid #e5e5e5}
	.navbar-toggle {
		position: absolute;
		right: 0;
		border-color:#777;
	}
	.navbar-toggle .icon-bar {background:#777;}
	.navbar-main ul li a {
		padding-left: 15px;
	}
	.navbar-collapse.collapse.in {
		width: 100%;
		overflow: visible;
		margin:auto;
	}

	.navbar-main li a:hover, .navbar-main li a:active {
		text-decoration: none;
	}
	.navbar-main>li>.btn_down {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background-color: #00a0dd;
		text-align: center;
		cursor: pointer;
		padding: 2px 6px;
	}
	.navbar-main>li>.btn_down:after {
		content: "\f078";
		font-family: 'FontAwesome';
		color: #fff;
		display: inline-block;
		line-height: 36px;
		font-size: 1.3rem;
		-webkit-transition: color 0.3s;
		transition: color 0.3s;
	}
	.navbar-main>li>.btn_down:hover:after {
		color: #474747;
	}
	.navbar-main>li>.btn_down[aria-expanded="true"]:after {
		content: "\f077";
	}


	.navbar-main>li>.btn_down {
		background-color: #909090;
	}

	.elu, .conseil {width:96%;}
	
	.tx-powermail {width:100% !important;}
	.tx-powermail label {width:90%;}

}
@media (min-width:768px){ 
.anythingSlider, .anythingSlider ul, .anythingSlider li, .anythingSlider img {width:700px !important;}
.main-navigation {position:relative;}
.main-navigation .navbar-main {
	display: table;
	width: 100%;
	table-layout:fixed;
	float:none;
}
.main-navigation .navbar-main>li {
	display: table-cell;
	vertical-align: bottom;
	text-align:center;
	float: none;
	width:20%;
	position:static;
}
.main-navigation .dropdown-menu {
	bottom:0;
	left:0;
	
	width: 100%;
	padding: 24px 0;
	z-index: 2500;
	min-height: 500px;
	border-radius: 0;

}
.main-navigation .dropdown-menu:after {
	content:" ";
	display:block;
	clear:both;
	float:none;
}
.main-navigation .dropdown-menu>li {
	display: inline-block;
	width:30%; 
	padding:6px 12px 20px;
	vertical-align: top;
}

li.dropdown:hover .dropdown-menu {
	display: block;
}

.dropdown-menu:focus-within {
	display: block;
}
    
.tx-macinasearchbox-pi1 {padding-top:50px;}

}
@media (min-width:992px) {
	.titre, .mainbloc {background-color:#fff; margin:0 0 0 25px;}
.anythingSlider, .anythingSlider ul, .anythingSlider li, .anythingSlider img {width:768px !important;}
.main-navigation .navbar-main>li {
	padding:0 12px;
}
.main-navigation .dropdown-menu>li {

	width:25%; 
}
.titre img {line-height:0;margin:0 !important;}
.titre h1 {display:table-cell; vertical-align:bottom; height:95px;}
.accroche {min-height:360px;}
}
@media (min-width:1200px){ 
	.main-navigation .navbar-main>li {
	padding:0 24px;
}
	}