/* fonts & icons */
@font-face {
  font-family: 'Lato Regular';
  src: url('../fonts/lato-reg.eot');
  src: url('../fonts/lato-reg.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-reg.woff') format('woff'),
       url('../fonts/lato-reg.ttf')  format('truetype'),
       url('../fonts/lato-reg.svg#svgFontName') format('svg');
}
@font-face {
  font-family: 'Lato Light';
  src: url('../fonts/lato-lig.eot');
  src: url('../fonts/lato-lig.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-lig.woff') format('woff'),
       url('../fonts/lato-lig.ttf')  format('truetype'),
       url('../fonts/lato-lig.svg#svgFontName') format('svg');
}
@font-face {
  font-family: 'Lato Bold';
  src: url('../fonts/lato-bol.eot');
  src: url('../fonts/lato-bol.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/lato-bol.woff') format('woff'),
       url('../fonts/lato-bol.ttf')  format('truetype'),
       url('../fonts/lato-bol.svg#svgFontName') format('svg');
}

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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-mail:before {	content: "\e600"; }
.icon-googleplus:before {	content: "\e601";}
.icon-facebook:before {	content: "\e602";}
.icon-twitter:before {	content: "\e603";}

/* main classes and index */
.container-fluid { background-color: #fff; color: black; max-width: 1280px; font-family: 'Lato Regular', Helvetica, Arial;
	box-shadow: 10px 0px 15px #aaa, -10px 0px 15px #aaa ; 
	padding:0;
 }
.dropdown-menu { background-color: transparent; -webkit-box-shadow: none; box-shadow; none; border: 0; background-clip: border-box;}
.dropdown-menu div { text-align: center; margin-bottom: 2px; height: 30px; line-height: 30px; }
.articles { 
	/*background-color: #44AEC1; 
	margin-left: 20px; 
	margin-right: 20px; 
	margin-bottom:20px;*/}
a:hover article { color: #FFF; background-color: #222; }


.actualites { color:#FFF; background-color: #890407; }
.fedejeux { background-color: #FF8C72;	}
.actions { background-color: #C0DCE8;	}
.oujouer { background-color: #FFDF7B;	}
.calendrier { background-color: #8DE59D;	}
.presse { background-color: #aaaaaa; }
hr.actualites { border-color: #890407; margin-top: 0px; }
hr.fedejeux { border-color: #FF8C72; margin-top: 0px; }
hr.actions { border-color: #C0DCE8; margin-top: 0px; }
hr.oujouer { border-color: #FFDF7B; margin-top: 0px; }
hr.calendrier { border-color: #8DE59D; margin-top: 0px; }
hr.presse { border-color: #aaaaaa; margin-top: 0px; }

strong  {
	color:#890407;
	font-family:'Lato Bold';

	}

.txtactualites { color: #890407; font-size: 20px; }
.txtfedejeux { color: #FF8C72; font-size: 20px; }
.txtactions { color: #C0DCE8; font-size: 20px; }
.txtoujouer { color: #FFDF7B; font-size: 20px; }
.txtcalendrier { color: #8DE59D; font-size: 20px; }
.txtpresse { color: #aaaaaa; font-size: 20px; }
/*a:hover .txtactualites, a:hover .txtfedejeux, a:hover .txtactions, a:hover .txtoujouer, a:hover .txtcalendrier, a:hover .txtpresse { color: black; }*/
.size20 { font-size: 20px; padding-left: 10px; padding-right: 10px; }

header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #222222;
    /* height: 10em; */
    box-shadow: 0px 2px 10px 0px #828282;
    flex-wrap: wrap;
    font-size: 1em;
}


.logo {
    width: 8em;
    height: 8em;
    margin: 1em;
    border-radius: 50%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo img {
    width: 5em;
}

.icons {
    display: flex;
    flex-direction: row;
    color: white;
    align-items: center;
    align-content: center;
    margin-right: 1em;
}

.iconrs {
    color: white;
}

.icons a:hover {
    color: #fad802;
}

.sousheader {
    background-color: #222;
    border-bottom: 10px solid #222;
    display: flex;
    /* align-items: center; */
    /* align-content: center; */
    /* font-size: 0.8em; */
}

.desc_header {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.desc1{
	font-size:2em;
	color:#FFD800;
	font-family:'Lato Bold', helvetica, arial;
	margin:0;
}

.desc2{
	font-size:1em;
	color:#FFF;
	font-family:'Lato Regular', helvetica, arial;
	margin:0;
}

.icon-mail:before {	content: "\e600"; }
.icon-googleplus:before {	content: "\e601";}
.icon-facebook:before {	content: "\e602";}
.icon-twitter:before {	content: "\e603";}

@media(max-width: 767px) {
	header {
justify-content:center
	}
}

@media(max-width: 767px) {
	.sousheader{
		display:none;
	}
}
  
.dates { padding-top: 40px; }
.logo-small { font-family: 'Lato Bold', helvetica, arial; font-size: 10px; padding-top: 8px; padding-bottom: 8px; }
.dates-small { padding-top: 20px; }
.logo-small img { width: 100px; padding-top:13px;}
.dates-small img { width: 140px; }
.fb-like-box { margin: 0; padding: 0; }
.inclined { 
-moz-transform: rotate(-10deg);
 -webkit-transform: rotate(-10deg);
 -o-transform: rotate(-10deg);
 -ms-transform: rotate(-10deg);
 transform: rotate(-10deg);
 right: -4%;
 -moz-box-shadow: -5px 5px 5px black;
 -webkit-box-shadow: -5px 5px 5px black;
 /*-o-box-shadow: 5px 5px 5px black;*/
 box-shadow: -5px 5px 5px black;
 margin:0px;
 max-width:95%;
 }
.round60 { color: #FFF; border:2px solid #FFF; border-radius: 50%; width: 60px; height: 60px; display: inline-block; text-align: center; padding-top: 7px; font-size: 30px; background-color: #222; font-family: "Lato Regular", helvetica, arial; }
.mmyy { text-align: center; }
.allactu { padding-top: 20px; font-family: "Lato Light", helvetica, arial; font-size: 20px; }
.allactu .glyphicon { font-size: 16px; }
.h1actu { font-size: 32px; margin: 0px; padding: 10px 0px; }
.h1mea { font-family: "Lato Regular", Helvetica, Arial; font-size: 24px; margin-top:10px; font-variant: small-caps;}
.h1measm { font-family: "Lato Bold", Helvetica, Arial; font-size: 24px; margin: 0; padding-bottom: 10px;  }
.iconrs { font-size: 40px; display: inline-block; padding: 8px; }


.home_content{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	padding:0 35px;
}

.home_content h1{
	padding:0;
	margin:0 0 20px 0;
}

.fbbox{
	width:500px;
}


.fbbox img{
	width:100%;
}

@media(max-width: 767px) {.fbbox{
	display:none;
}
}

.actu { 
	max-width:500px;
 }
 
.actu article { 
	padding: 15px;
	margin-bottom:15px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	box-shadow:-1px 1px 5px 0px #828282;
}

.actu-date{
	width:80px;
}

.actu-content{
	width:80%;
}


a:hover .iconrs { color: #890407; }
a:hover .bloc { color: #44AEC1; background-color: black;}

a, a:visited { text-decoration: none; color: #222; }
.actualites a, .actualites a:visited { text-decoration: none; color: #FFF; }

a:hover { text-decoration: underline; color: #FFF; }
.actu  a:hover  { text-decoration: none; color: #FFF; }
.home  a:hover { text-decoration: none; color: #FFF; }
a:hover .fedejeux, .fedejeux-selected { color: #FF8C72; background-color: #222;	}
a:hover .actions, .actions-selected {  color: #C0DCE8; background-color: #222;	}
a:hover .oujouer, .oujouer-selected { color: #FFDF7B; background-color: #222;	}
a:hover .calendrier, .calendrier-selected {  color: #8DE59D; background-color: #222;}
/*a:hover .presse, .presse-selected {text-decoration: none; color: #aaaaaa; background-color: #222;	}*/
a:hover .actualites, .actualites-selected { color: #FFF; background-color: #222;	}

section .row { margin: 0px; padding: 0px; }
section img { margin: 10px; max-width: 95%; height: auto; }
section div.tile-logo img { margin: 0px; }

.error { background-color: #FF0000; color:#FFFFFF; font-family: "Lato Bold", Helvetica, Arial; font-size: 20px; text-align: center; }
.ok { background-color: #00FF00; color:#000000; font-family: "Lato Bold", Helvetica, Arial; font-size: 20px; text-align: center; }
.button { padding: 10px; margin: 10px auto 0px auto; border: solid white 1px; max-width: 300px; display: block; text-align: center; }

body { background-color: #f3f3f3;	}
h1 { font-family: 'Lato Light', helvetica, arial;  }
h2 { font-family: 'Lato Regular', helvetica, arial; font-size: 24px; margin: 0px; padding-bottom: 10px; }
footer { color:#FFF;
background-color: #000;
 /*border-left: 2px solid #f2f2f2;
 border-right: 2px solid #f2f2f2;*/
	border-top: 10px solid #fff; 
	background-color: #222;	
	/*min-height: 250px; */
	padding-left: 20px; 
	padding-right: 20px;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	display: flex;
	flex-flow: row wrap;	
}

footer > div { 
	flex: 1 1 20%;
	flex-flow: row wrap;	
	text-align: left;
	margin: 10px;
	}
	
/*footer .fedejeux, footer .oujouer, footer .actions, footer .calendrier { line-height: 10px;	}*/
footer .fedejeux, footer .oujouer, footer .actions, footer .calendrier { background-color: #222;	}

footer h1 { font-family: 'Lato Light', helvetica, arial; font-size: 20px; color:#FFF; }
footer ul { /*min-height: 140px;*/ padding-left: 20px; padding-top:10px; border-top:4px solid; color:#FFF; width:220px; }
footer ul.actualites { border-color: #44AEC1; }
footer ul.fedejeux { border-color: #FF8C72;	}
footer ul.actions { border-color: #C0DCE8;	}
footer ul.oujouer { border-color: #FFDF7B;	}
footer ul.calendrier { border-color: #8DE59D;	}
footer ul.presse { border-color: #aaaaaa; }
footer a, footer a:visited { text-decoration: none; color: #fff; }
footer a:hover { text-decoration: underline; color: #fff; }



.fb-like-box iframe { margin: 0; padding: 0; background-color: #E0E0E0; }
p { font-family: 'Lato Regular', helvetica, arial; font-size: 14px; }
label.label { font-family: 'Lato Regular', helvetica, arial; font-size: 14px; font-weight: normal; margin: 10px; min-width: 150px; text-align: right; display: block;  }
input, textarea { margin: 10px; }
input[type="text"], input[type="password"] { color: black; }
.article-tile input[type="text"], .article-tile textarea { color: black; border: 1px solid black; }
.underline {text-decoration: underline; }
.px20 { font-size: 20px; }
#forgottenpwddiv { display: none; }

.rowwithpadding { padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }
.articles section { 
padding: 0px; 

}

/* hack for disappearing facebook like-box */
#fb_login_button {	width: 80px; }
#fb_login_button span, 
#fb_login_button iframe {
    width: 80px !important;
    height: 25px !important;
}

/* other pages */
.main { margin-top: 20px; margin-left: 20px; margin-right: 20px; min-height: 500px;  }
.main nav { display: block;}


.home{
    width: 100%;
	margin:40px auto;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center;
}

.home > div{
	width:250px;
    margin-left: auto;
    margin-right: auto;
}

.navbloc { 
	padding-left: 15px; 
	padding-right: 15px; 
	margin-bottom: 10px; 
	font-family: 'Lato Regular', helvetia, arial; 
	text-align: center; 
	border-radius:50%;
	box-shadow:0px 2px 2px #828282;
	border-color:none;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	height:250px;
	width:250px;
}
.navbloc h1 { 
font-family: 'Lato Light', helvetica, arial; padding-top: 18px; padding-bottom: 10px; margin-bottom: 10px; }
/*.navbloc p { min-height: 190px;	}*/
.h1lg { font-size: 24px;}
.h1ot { font-size: 20px; }

.navbloc p{
	margin:0 auto;
	line-height:1.8em;
	max-width:60%;
}

.menu { display: block; text-align: center; margin-bottom: 2px; min-height: 50px; line-height: 50px; }
h3, h2 { font-variant: small-caps; }
.globalnav { height: 35px; padding-top: 5px; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; font-size: 20px; }
.alcenter { text-align: center; }
.alright { text-align: right; }
.alleft { text-align: left; }
.tile-text { text-align: center; padding: 10px; float: none; width: auto; /*line-height: 1.2;*/ border: none; } /*float: left; width: 50%; border: 1px solid #173F59; text-align: center; padding: 10px; line-height: 48px;*/
.tiles { display: flex; flex-flow: row wrap; display: -webkit-flex; -webkit-flex-flow: row wrap; }
.tiles > div { 
	flex: 1 1 48%; 
	-webkit-flex: 1 1 48%; 
	text-align: left;
	margin: 1px; } /* background: #C0DCE8;  */
.tiles > div:nth-child(3n) {
	flex: 1 1 100%; 
	-webkit-flex: 1 1 100%; 
	margin-right: 1px; 
	margin-left: 1px;
	padding:3% 7% 5% 7%;}
.tiles > div h3 {
	text-align:center;
	color:#FF8C72;
}
.tile-logo { float: left; width: 20%; border: 3px solid #173F59; }
.full { width: 100%; max-width: 100%; }
.blanc { background-color: black; /*#EEEEEE;*/ }
.clean { clear: left; padding-top: 10px; }
.article-tile { 
	clear: left; 
	background-color: white; 
	color: black; 
	margin: 2px 1px 5px 1px; 
    border: 4px solid white;
	padding:3% 7% 5% 7%; }
.article-tile:after {content: ""; display: block; clear: both}
.article-tile .close { color: black; font-size: 18px; }
.article-tile a, .article-tile a:visited { text-decoration: none; color: #b99f1e; } /*808080*/
.article-tile a:hover { text-decoration: underline; color: #b99f1e; } /*808080*/
.article-tile h3 {
	text-align:center;
	color:#FF8C72;
}
p.title { font-weight: bold; font-size: 18px; }
.inactive { display: none; }
.active { display: block; }
.article-section, .article-inline, .article-tile { text-align: left; overflow:hidden; }
.article-section a, .article-section a:visited { text-decoration: none; color: #b99f1e; } /*D8D8D8*/
.article-section a:hover { text-decoration: underline; color: #b99f1e; } /*D8D8D8*/
.article-inline a, .article-inline a:visited { text-decoration: none; color: #b99f1e; } /*D8D8D8*/
.article-inline a:hover { text-decoration: underline; color: #b99f1e; } /*D8D8D8*/
hr.blocdate { margin-bottom: 0px; padding-bottom: 0px; }
div.blocdate { width: 150px; text-align: center; margin-top: 0px; }
.actulogo { text-align: left; vertical-align: top; }
.actulogo img { width: 80px; }
.whitemenu { min-height: 30px; line-height: 30px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; font-size: 16px; background-color: black; }
a.button, a.button:hover, a.button:visited { color: #FFF; }
.clearboth { clear: both; }

/* debug */
* { border: 0px solid #888; }


/*Correction bug tuiles 7-11-2015*/
.nocolor{
	background-color: #173F59;
}

/*Repositionnement 8-11-15*/
.posclose{
	position:relative;
	top:5%;
	right:-5%;
}

/*Fiche créateurs 8-11-15*/

.ligne {
	display:block;
	width:100%;
	clear:both;
	color:#173F59;
	font-family:'Lato Regular';
	font-size:1em;
}

.resume {
	float:left;
	width:50%;
	margin-right:4%;
}

@media(max-width: 767px) {.resume {
	float:left;
	width:95%;
}
}

.photojeu {
	float:left;
	width:45%;
	max-width:350px;
}

@media(max-width: 767px) {.photojeu {
	float:left;
	width:100%;
}
}

.photojeu img,.auteur img {
	width:100%;
	margin: 0px;
    max-width: 100%;
    height: auto;
}

.jeu {
	float:left;
	width:55%;
}

@media(max-width: 767px) {.jeu {
	float:left;
	width:90%;
}
}

.auteur {
	float:left;
	width:30%;
	margin-right:40px;
	text-align:center;
	max-width:300px;
}

@media(max-width: 767px) {.auteur {
	width:100%;
}
}

.auteur  h4{
	text-align:left;
}

.infojeu dt{
	font-size: 1em;
	float: left;
	font-weight: normal;
	margin: 0 0.5em;
	clear: left;
}

.infojeu dd{
	color:#aaaaaa;
	font-family:"Lato Bold", arial, helvetica;
	font-size: 1em;
	margin: 0 0 1em 1.5em;
	float: left;
	clear:both;
}


/*Fiche Editeur 9-11-2015*/
.ligne_editeur {
	width:100%;
	clear:both;
	color:#173F59;
	font-family:'Lato Regular';
	font-size:1em;
	overflow:hidden;
}

.ligne_editeur p{
	margin-top:0;
}

.resume_editeur {
	float:left;
	width:65%;
}

@media(max-width: 767px) {.resume_editeur{
	width:90%;
}
}

.logo_editeur {
	width:150px;
	float:left;
	margin-right:30px;
}




.logo_editeur img {
	width:100%;
	max-width:100%;
	float:left;
	clear:both;
}

.links a{
	width:50px;
	margin:0 auto;
	display: block;
	float:left;
}

.jeuxpres li{
	float:left;
	width:30%;
	height:250px;
	text-align:center;
	display:block;
	margin:0 auto 30px auto;
}

@media(max-width: 767px) {.jeuxpres li{
	float:left;
	width:85%;
	text-align:center;
	display:block;
	margin:0 auto 30px auto;
}
}

.jeuxpres h5{
	height:20px;
	margin-bottom:4px;
}

.jeuxpres img {
	clear:both;
	max-width:90%;
	max-height:80%;
}

ul.jeuxpres {
	padding-left:0;
	margin:0 auto;
}

/*Modification Formulaires d'inscriptions Animations 16/11-2015*/
.inscription {
	width:40%;
	float: left;
	margin-right: 0;
	min-width:250px;
}

.ins-left{
	margin-right: 3em;
}

.inscription label{
	width:100%;
	display: inline-block;
	margin-bottom:5px;
	margin-top:10px;
	font-weight:normal;
}

.inscription input[type="text"],.inscription textarea{
	width:95%;
	border:1px solid #A9A9A9;
	height:25px;
	padding-left: 5px;
	margin:0;
}

.inscription input[type="text"].crt{
	width:100px;
}

.inscription textarea{
	min-height:40px;
}

.inscription input[type="submit"]{
	margin-left:0;
	padding:5px;
	width:100px;
	background-color:#173F59;
	border:1px solid #173F59;
	color:white;
}

.date-actu{
border-radius: 20px; 
width: auto; 
height: auto; 
display: inline-block; 
text-align: center; 
padding:3px 7px; 
margin-top:15px;
margin-bottom:0px;
font-size: 14px; 
background-color: #173F59; 
font-family: "Lato Bold", helvetica, arial;
}

/*Correction Menu 26-11-2015*/
span.center{
	vertical-align:middle;
	margin:0;
	display: inline-block;
	line-height: normal;
}

/*marges pour vue mobile 1/12/2015*/
@media(max-width: 767px) {.container-fluid {
    padding-right:0px;
    padding-left:0px;
}
}

/* DATE 1/12/2015*/

.rowwithpadding:first-child {position: relative;} 

.dates {position: absolute; width: auto; top: 0em; right: 40px;}
@media(max-width: 767px) {.dates  {
		top: -1em;
	}
}
.dates p {font-size: 1.3em; margin: 0 0 0 10px; text-align: right;}
.dates section {text-align: right;}
@media(max-width: 767px) {.dates p {font-size: 1.1em;}}

.dates p:first-child {
		display: flex;
		-webkit-display: flex;
		-ms-display: flex;
		margin: 0;
	}
	
.dates p.headerright {
		font-size: 400%;
		line-height: 1;
		color: #FFD800;
	}
	
@media(max-width: 767px) {.dates time {
		font-size: 250%;
	}
}
	
.dates time:first-of-type::after {
		position: relative;
		top: -3rem;
		font: 40% 'Lato Light', Helvetica, Arial, sans-serif;
		content: "&";
		color: #FFF;
		padding: 0 0.1em 0 0.2em;
	}

@media(max-width: 767px) {.dates time:first-of-type::after {
		top: -1.6rem;
	}
}
	
.dates span {float: right; /*for IE*/ padding: 0.1em 0 0 0.3em;}

.dates span, .dates strong {
		display: block;
		font: 165%/1 'Lato Light', Helvetica, Arial, sans-serif;
		color: #FFF;
	}
.dates strong {font-size: 100%;}

@media(max-width: 767px) {.dates span, .dates strong {
		display: block;
		font: 110%/1 'Lato Light', Helvetica, Arial, sans-serif;
		color: #FFF;
	}
	}
	
/*pour newsletter bénévole - 10/12/2015*/
.newsletter{
	background-color: #173f59;
	text-align: left;
	}
	
.newsletter img {
     margin: 0px; 
     max-width: 100%; 
     height: auto; 
}

/*Pour corrections flex - 11/12/2015*/
.boxflex {
    /*background-color: #8DE59D;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.boxflex img{
	max-width:100%;
	margin:5px;
}

.imglink {
	width:auto;
	margin-left:15px;
}

.boxflex p{
	margin:0;
	width:65%;
	text-align:center;
}

.tile-link {
	width:100%;
}

.bxfx-actualites { background-color: #44AEC1; }
.bxfx-fedejeux { background-color: #FF8C72;	}
.bxfx-actions { background-color: #C0DCE8;	}
.bxfx-oujouer { background-color: #FFDF7B;	}
.bxfx-calendrier { background-color: #8DE59D;	}
.bxfx-presse { background-color: #aaaaaa; }

/*Pour selection dans grille images - 13-12-2015*/
.fclose{
	 border-bottom: 5px solid white;
}
/*Refonte HOME 12-01-2016*/
.videocontainer{
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.25%;
	margin-top:5px;
}

.video{
	position:absolute;
	top:0;
	left:0;
	width:99%;
	height:99%;
}

.lesspadding{
	padding-right:0;
	padding-left:0;
}
/*Carousel HOME 12-01-2016*/
.partner_link{
	float:left;
}

.partner_tile{
	width:150px;
	background-color: #FFF;
	text-align:center;
	margin:2px;
}

#carousel
{
	height:380px;
}

@media(max-width: 767px) {#carousel {
		height:530px;
	}
}

#carousel .carousel-inner
{
	height:380px;
	width:470px;
	margin:0px auto;
}

@media(max-width: 767px) {#carousel .carousel-inner
{
	height:530px;
	width:310px;
	margin:0px auto;
}
}

#carousel .carousel-inner .item{

	height:300px;
}

@media(max-width: 767px) {#carousel .carousel-inner .item{

	height:500px;
}
	
}

.carousel-control.left, .carousel-control.right{
	background-image:none;
	color:#44AEC1;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	position:absolute;
	top:155px;
}

.carousel-control .glyphicon-chevron-left {
	position:absolute;
	left:20px;
}

.carousel-control .glyphicon-chevron-right {
	position:absolute;
	right:20px;
}

/*New form*/
fieldset.btnradio {
	padding-left:0;
	width: 100%;
}

fieldset.btnradio  ul {
	float:left;
	margin:0;
	padding-left:0;
	padding-top:0;
	width: 100%;
}


fieldset.btnradio li{
	float:left;
	width: 100%;
	display:inline;
	list-style-type:none;
	padding:0;
	margin:0;
}

fieldset.btnradio label {
	text-align:left;
	float: none;
	display:inline;
	padding-right:3em;
	padding-left: 0.3em;
	width: 50%;
	font-size:1em;
}

fieldset.btnradio legend {
	color:black;
	width: 100%;
	text-align: left;
	float:left;
	font-size:1em;
	border: 0;
	margin-bottom: 5px;
}

/*16-01-2016 Video Embed*/
.video_embed{
	margin:0 auto;
	max-width:560px;
	width:auto;
	display: block;
	height:315px;
}

@media(max-width: 560px) {.video_embed{
	margin:0 auto;
	max-width:560px;
	width:auto;
	display: block;
	height:150px;
}
}

.video_embed iframe{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*16-01-2016 Map Embed*/
.map_embed{
	display:block;
	margin:0 auto;
	max-width:90%;
	width:auto;
	height:500px;
}

@media(max-width: 560px) {.map_embed{
	margin:0 auto;
	max-width:560px;
	width:auto;
	display: none;
	height:200px;
}
}

.map_embed iframe{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.cal {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
}

.cal h3{
	width:100%;
}
.cal .cat-article {
	padding: 15px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
	width: 250px;
	display:flex;
	flex-direction: column;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: center;
	border: 1px solid #828282;
}

.cal-date{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 10px;
	width:100%
}

.cal-dat .multidate {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.cal-content{
	width: 100%;
}

.cal-content h4{
	text-align : center;
	font-family: 'Lato Regular', helvetica, arial;
    font-size: 1.6em;
    margin: 10px 2px;
} 

.cal-content p{
	text-align:center;
	margin:0 2px;
}

.multidate p {
	color: #FFF;
	border:2px solid #FFF;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	background-color: #222;
	font-family: "Lato Regular", helvetica, arial;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}

.calendararticle {
    width: 45%;
    display: flex;
    flex-direction: column;
    margin: 0 1em 2em 1em;
    padding: 1em;
    border-bottom: 1px #222222 solid;
    border-right: 1px #f3f3f3 solid;
    border-left: 1px #f3f3f3 solid;
    border-top: 1px #f3f3f3 solid;
    flex-grow: 2;
    box-shadow: 2px 2px 10px #ccc;
}

.listcalendarevents .calendararticle{
	padding:2em;
}
 
.listcalendarregular, .listcalendarevents {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    /* flex-direction: row; */
    align-content: stretch;
}
 

.calendararticle p {
    margin-top: 1em;
	max-width:45em;
}
 

 
span.adresse {
    margin-top: 1em;
	background-image: url(../images/address.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 3em;
}
 
.calendararticle img, .calendarassociation img {
    margin: 1em;
    max-width: 15em;
}

@media screen and (min-width: 1024px)
{
    .listcalendarevents .calendararticle img {
    position: absolute;
    right: 3em;
}
}

.startevent, .endevent {
    margin: 0;
}

span.hstartevent, span.hendevent, span.dstartevent, span.dendevent {
    margin: 0 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 30px;
    border-radius: 10%;
    color: white;
}

span.hstartevent {
    background-color: #3c763d;
}

span.hendevent {
    background-color: #8e3331;
}

span.dstartevent, span.dendevent{
    background-color:#eee;
    color:#222222;
}

p.startevent, p.endevent, p.event {
    display: flex;
    align-items: center;
}

p.organizedby {
    background: #222222;
    color: #f3f3f3;
    width: 200px;
	text-align : center;
    padding: 0.5em 2em;
    font-weight: bold;
}

.articleheader img {
    max-width: 7em;
}


p.city {
    background-image: url(images/address.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 2em;
}

p.fulladdress {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 1em;
	margin-top:0;
	max-width:100%;
}

.accessdetail , .closedetail{
    text-align: center;
	clear:both;
}

.accessdetail a , .closedetail a{
    margin: 0 auto;
	color:#e1e1e1;
}

p.logoasso {
	position: relative;
	float: right;
	display: inline;
	margin: 0;
}

.articledetail{
	display: none;
	background-color:#222222;
	color:white;
	padding:1em;
	height: 100%;
}

.articleheader{
	padding:1em;
	height: 100%;
}

.calendararticle h3, h4{
	margin-top:0;
}

.calendarh3{
	margin-top:0;
}

#carte
{
	float: left;
	width: 60vw;
	margin: 0;
}

#map
{
	width: 60vw; 
	height: 70vh;
}

#results
{
	float: left;
	width: 25vw;
	margin: 0;
	text-align: left;
}

.result
{
	margin-left: 1vw;
	margin-top: 2vh;
}

.intro
{
	text-align: center;
	font-weight: bold;
}

.result h1
{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
}

.result h1 .distance
{
	font-size: 0.9em;
	font-weight: normal;
}

.assoaddress, .assohoraires
{
	font-size: 0.8em;
}

.assocontacts
{
	font-size: 0.7em;
}

#address
{
	width: 30vw;
}

#trouver
{
	font-size: 1.2em;
	font-weight: bold;
	color: #800000;
}

#principal a, #principal a:visited
{ 
	text-decoration: none; 
	color: #802020; 
}
#principal a:hover 
{ 
	text-decoration: underline; 
	color: #802020;
}

#formulaire
{
	background-color: #FFF0F0;
}

#formulaire input[type=button], #formulaire input[type=submit], #formasso input, #formasso textarea
{
	border: 1px solid black;
}

#formasso
{
	margin-left: 2vw;
}

#formasso input[type='text']
{
	width: 40vw;
}

#formasso input[type='checkbox']
{
	margin-left: 1vw;
}

#formasso textarea
{
	width: 40vw;
	height: 10vh;
}

#formasso input[type='submit']
{
	width: 10vw;
}

#formasso .subtitle
{
	background-color: #800000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 1vw;
}


.result .assocontacts a, .result .assocontacts a:visited, .result .assocontacts a:hover
{
		color: #0000FF;
}

.assodetail
{
	background-color: #F8F8F8;
}

.down
{
	text-align: right;
}

.assotype > ul, .assoaddress > ul, .assohoraires > ul, .assocontacts > ul
{
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
}

.assotype > ul li, .assoaddress > ul li, .assohoraires > ul li, .assocontacts > ul li
{
    min-height:32px;
    padding: 5px 5px 5px 32px;
    margin: 0;
}

.icone {
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

#tableadmin, #tableadmin2
{
	margin: 2%;
	border: 1px solid gray;
}

#tableadmin tr:nth-child(even)
{
	background: #CCC;
}

#tableadmin tr:nth-child(odd)
{
	background: #FFF;
}

#tableadmin th, #tableadmin2 th
{
	background-color: black;
	color: white;
	font-weight: bold;
	padding: 4px;
	text-align: center;
}

#tableadmin td, #tableadmin2 td
{
	padding: 4px;
	text-align: center;
}

#tableadmin2 td
{
	border: 1px solid #888;
}

#tableadmin a:hover
{
	color: #800000;
	text-decoration: none;
}

#tableadmin2.colonnetitre
{
	width: 10%;
	min-width: 10%;	
}

#tableadmin2.colonneoldnew
{
	width: 20%;
	min-width: 20%;
}

#tableadmin2.colonnevalidation
{
	width: 50%;
	min-width: 50%;
}

@media(max-width: 767px) 
{
	#carte
	{
		width: 100vw;
	}
	
	#map
	{
		width: 95vw; 
		height: 70vh;	
	}

	#results
	{
		width: 100vw;
	}	
}