/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
.clear {clear:both;}
.hidden {display:none;}
html {
	background: url(images/page-backgroung-2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100%;
}
body {
	margin:0 0 50px 0;
	font-size:13px;
	color:#222;
	font-family:arial,lucida,tahoma, helvetica, verdana;
	text-align:center;
}
a:link, a:visited {color:#BA0000;text-decoration:underline;}
a:hover, a:focus {color:#1a1a1a;text-decoration:underline;}

#header {
	position: static;
	height: 150px;
	width: 100%;
	background-color: #BE2D2C;
}
	/* border-style: solid; border-width: 2px; border-color: #009900;text-align: center*/}
#homepage #header {position:relative;height:415px;}

/* Navigation Menu */
.nav_menu{
	position: absolute;
	width : auto;
	height: auto;
	right: 50%;
	padding-top: 10px;
}

#header #nav {display: inline-block; top:10px;left:0;list-style:none; }
#header #nav li {float:left;margin:0 10px 0 0;font-size:13px;text-transform:uppercase;font-weight:bold;}
#header #nav li a {display:block;line-height:30px;padding:0 10px;}
#header #nav li a:link, #header #nav li a:visited {border:1px solid #D23939;color:#c0c0c0;text-decoration:none;}
#header #nav li a:hover, #header #nav li a:focus {color:#FFFFFF;text-decoration:none;}
#header #nav li.current a  {border:1px solid #FFC4C4;color:#FFFFFF;text-decoration:none;}

/* Title Site */
#header a.logo:link, #header a.logo:visited, #header a.logo:hover {position:relative;top:68px;left:225px;
color:#fff;
font-size:52px;
text-transform:uppercase;
font-family:Arial;
letter-spacing:-2px;
text-decoration: none;
}

#header span.logo2 {position:relative;top:70px;left:2px;
color:#7C1B1B;
font-size:52px;
text-transform:uppercase;
font-family:Arial;
letter-spacing:-2px;
}

#wrapper {
	margin-top:22px;
	width:950px;
	margin-right:auto;
	margin-left:auto;
	/*border-style: ridge;border-width: 5px;*/
}


#content {text-align:left;/*border-style: solid;border-width: 2px;border-color: #D23939;*/}

#content h1 {font-size:40px;font-family:arial;line-height:40px;letter-spacing:-2px;margin:25px 0 20px 0;}
#content h2 {font-size:25px;font-family:arial;line-height:37px;letter-spacing:-1px;margin:25px 0 10px 0;}
#content h3 {font-family:arial;font-size:18px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h4 {font-family:arial;font-size:16px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h5 {font-family:arial;font-size:14px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h6 {font-family:arial;font-size:10px;color:#1a1a1a;margin:25px 0 10px 0;}

#content #page-content {float:left;width:575px;/*border-style: solid;border-width: 2px;border-color: #0000ff;*/}
.page-meta {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px;}
.page-meta span {text-transform:none;color:#BA0000;font-size:15px;font-family:georgia;}

#content .page-text {font-size:14px;line-height:22px;margin-bottom:50px;}
#content .page-text p, #content .page-text ul, #content .page-text ol {margin:0 0 22px 0;}
#content .page-text ul, #content .page-text ol {margin-left:25px;}
#content .page-text ul ul, #content .page-text ol ul, #content .page-text ul ol, #content .page-text ol ol {
	margin:0 0 0 25px;
}
#content .page-text blockquote {
	margin:0 0 22px 20px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}
#content code {border:1px dotted #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
#content pre code {line-height:17px;padding:15px;border:1px dotted #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

#content .page-text img {margin:0 0 20px 0;border:1px solid #1a1a1a;}

#sidebar {position: fixed;margin-left: 625px; width:330px;border:1px solid #ccc;background:#f6f6f6; margin-top:0px; margin-bottom:50px;}

.section {height: 430px; padding:30px 20px 20px 20px;text-align:left; background-image:url("images/sidebar_background_latest.jpg"); background-size: 330px; background-repeat: no-repeat;}
.section p, .section ul, .section ol {line-height:20px;margin:0 0 20px 0;}
.section ul, .section ol {margin-left:20px;}
.section ul ul, .section ol ul, .section ul ol, .section ol ol {
	margin:0 0 0 20px;
}
.section h2 {color:#BA0000;font-size:22px;font-family:arial;line-height:22px;letter-spacing:-1px;margin:0 0 15px 0;padding:0;}
.section h3 {color:#BA0000;font-family:arial;font-size:19px;margin:0 0 10px 0;}
.section h4 {color:#BA0000;font-family:arial;font-size:15px;margin:0 0 10px 0;}
.section h5 {color:#BA0000;font-family:arial;font-size:13px;margin:0 0 10px 0;}
.section h6 {color:#BA0000;font-family:arial;font-size:10px;margin:0 0 10px 0;}

.section blockquote {
	margin:0 0 20px 20px;
	line-height: 19px;
	font-size:12px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}
.section code {border:1px solid #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
.section pre code {line-height:17px;padding:15px;border:1px solid #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

.credits {font-size:11px;text-transform:uppercase;color:#666;padding-bottom:15px; padding-top:15px; margin-top:10px;border-top:1px dotted #ccc; background : transparent;}
.credits p {margin:0 0 0 0;line-height:16px;padding:5px 0 0 0;}
.credits a:link, .credits a:visited {color:#666;}
.credits a:hover {color:#333}

/* MENU LINGUE */
.menu {
	position: absolute;float:right;left:50%;
	width: 50%;
	margin-top:5px;
	/*border: 2px solid;
	color: #FFFFFF;*/
	font-size: 13px;
}

.menu a{
	color: #c0c0c0;
	border : 2px solid;
	border-radius:5px;
}


/** Event card **/
a.card{
	text-decoration: none !important;
}
.demo-card-event.mdl-card {
	width: 256px;
	height: 256px;
	background: #be2d2c;
}
.demo-card-event > .mdl-card__actions {
	border-color: rgba(255, 255, 255, 0.2);
}
.demo-card-event > .mdl-card__title {
	align-items: flex-start;
}
.demo-card-event  .mdl-card__title > h4 {
	color:#FFF !important;
	font-size: 17px !important;
	margin: 24px 0 16px !important;
	margin-top: 0 !important;
	font-family: "Roboto","Helvetica","Arial",sans-serif !important;
	font-weight: 400 !important;
	line-height: 1.5;
}
.demo-card-event  .mdl-card__title > h4 > p {
	font-size:24px;
}
.demo-card-event > .mdl-card__actions {
	display: flex;
	box-sizing:border-box;
	align-items: center;
}
.demo-card-event > .mdl-card__actions > .material-icons {
	padding-right: 10px;
}
.demo-card-event > .mdl-card__title,
.demo-card-event > .mdl-card__actions,
.demo-card-event > .mdl-card__actions > .mdl-button {
	color: #fff;
}

/** CUSTOM EDITS **/
#sidebar {top:160px;}