body {
	background: url(/National_Library/oe_/https://itra.run/images/bg.png) no-repeat top center #393536;
	margin:0;
}
html,body,input,select,textarea,label{
	
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
}

input,select,textarea{
	margin:1px;
	background:white;
	border:solid 1px #aaa;
	padding:2px;
	border-radius: 3px;
}

#general {
	position:relative;
	margin:auto;
	background:white;
	width:1000px;
}
#imgs {
	width:100%;
	height:225px;
	position:relative;
	background:url(/National_Library/oe_/https://itra.run/incphotos/fond/solidarite.jpg) no-repeat center center #2F3031;
	margin:0;
}
#imgs #vals {
	position:absolute;
	top:50px;
	right:15px;
	text-align:right;
}
#imgs #valTit {
	text-transform:uppercase;
	font-size:32px;
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	color:white;
	cursor:pointer;
	max-width:250px;
	float:right;
	position:relative;
	z-index:50;
	white-space: nowrap;
}
#imgs #valTit:hover {
	color:#5EB232;
}
#imgs #valTxt {
	font-size:11px;
	background-color:rgba(50,50,50,0.8);
	color:white;
	text-align:justify;
	padding:10px 30px 10px 15px;
	display:none;
	max-height:170px;
	float:right;
	position:relative;
	right:-15px;
	z-index:40;
	border-top-right-radius: 8px;
	width:550px;
	
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 25px; /* Chrome, Safari, Opera */
    -moz-column-gap: 25px; /* Firefox */
    column-gap: 25px;
}
#imgs #valTxt p:first-child {
	margin:0;
}
#imgs #logo {
	position:absolute;
	display:inline-block;
	top:25px;
	left:25px;
}
#contMenu {
	position:relative;
	width:100%;
	height:95px;
	background:#2F3031;
	color:white;
	margin:0;
}

.popin {
	display:none;
	position:absolute;
	__z-index:200;
	text-align:justify;
}
table.palmares {
	width:100%;
	border-collapse:collapse;
}
table.palmares  tbody tr td {
	height:1.8em;
	text-align:left;
}
table.palmares  tbody tr td.r {
	text-align:right;
}
table.palmares  tbody tr td.c {
	text-align:center;
}
table.palmares  tbody tr.even {
	background-color:#A8A8A7;
}
table.palmares tbody tr.odd {
	background-color:#BEBFBD;
}
#widget {
	padding:5px;
	border:1px solid #cccccc;
	width:260px;
	text-align:left;
	margin-bottom:10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#tident .rouge {
	border:1px solid red;
}

/* SPRITE 24x24 */
#contSocial a, #menusec .socialnw a, #homeRight .raccourci .left, #homeRight .raccourci .right, a.twitter, a.facebook, a.youtube, a.web {
	display:inline-block;
	width:24px;
	height:24px;
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat 0 0 transparent;
}
#content #calevt_titre a.twitter, #content #calevt_titre a.facebook, #content #calevt_titre a.youtube, #content #calevt_titre a.web {
	vertical-align: middle;
}

#menusec .socialnw {
	display:inline-block;
	position:relative;
	top:5px;
}
#menusec .socialnw span {
	border-right:1px dashed #9D9D9D;
	padding: 0 6px 0 6px;
	display:inline-block;
}
#menusec .socialnw span:nth-last-child(-n+1) {
border-right:none;
}
#contLg {
	position:absolute;
	top:10px;
	right:15px;
	text-align:right;
}
#contLg a img {
	border:none;
	margin:2px;
}
#contLg a.selected img {
	border:2px solid #5EB232;
	margin:0;
}
#contSocial {
	position:absolute;
	top:25px;
	left:25px;
}
#contSocial a {
	margin-right:10px;
}
#contSocial a.contact {
	background-position:0px 0px;
}
#contSocial a.contact:hover {
	background-position:0px -48px;
}
#contSocial a.twitter,a.twitter {
	background-position:-24px 0px;
}
#contSocial a.twitter:hover,a.twitter:hover {
	background-position:-24px -48px;
}
#contSocial a.youtube,a.youtube {
	background-position:-48px 0px;
}
#contSocial a.youtube:hover,a.youtube:hover {
	background-position:-48px -48px;
}
#contSocial a.instagram,a.instagram {
	background-position:-49px -72px;
}
#contSocial a.instagram:hover,a.instagram:hover {
	background-position:-72px -72px;
}
#contSocial a.facebook,a.facebook {
	background-position:-72px 0px;
}
#contSocial a.facebook:hover,a.facebook:hover {
	background-position:-72px -48px;
}
a.web {
	background-position: -168px 0px;
    width: 42px;
    vertical-align: middle;
}
a.web:hover {
	background-position: -168px -48px;
}
#menusec .socialnw a.contact {
	background-position:0px -24px;
}
#menusec .socialnw a.twitter {
	background-position:-24px -24px;
}
#menusec .socialnw a.youtube {
	background-position:-48px -24px;
}
#menusec .socialnw a.instagram {
	background-position:-95px -72px;
}
#menusec .socialnw a.facebook {
	background-position:-72px -24px;
}
#menusec .socialnw a.contact:hover {
	background-position:0px -48px;
}
#menusec .socialnw a.twitter:hover {
	background-position:-24px -48px;
}
#menusec .socialnw a.youtube:hover {
	background-position:-48px -48px;
}
#menusec .socialnw a.instagram:hover {
	background-position:-72px -72px;
}
#menusec .socialnw a.facebook:hover {
	background-position:-72px -48px;
}


#content #mission h1 {
  font-weight:normal;
  font-size:20px;
  text-transform:uppercase;
  font-family:Impact, sans-serif;
  word-spacing: 1.5px;
  letter-spacing: 0.8px;
  background:#00a8ec;
  color:white;
  text-align:right;
  margin:0;
  padding:4px 15px;
  cursor:pointer;
}
#content #mission div {
	background:#00a8ec;
	color:white;
	margin:0;
	padding:5px 10px 5px 25px;
	border-top:2px solid white;
}
#content #mission div p {
	text-align:justify;
}

#content #msghomemember h1 {
    font-weight:normal;
    font-size:20px;
    text-transform:uppercase;
    font-family:Impact, sans-serif;
    word-spacing: 1.5px;
    letter-spacing: 0.8px;
    background:#00a8ec;
    color:white;
    text-align:left;
    margin:0;
    padding:4px 25px;
}
#content #msghomemember div {
	background:#00a8ec;
	color:white;
	margin:0;
	padding:5px 10px 5px 25px;
	border-top:2px solid white;
}
#content #msghomemember div p {
	text-align:justify;
}

#content #home {
	display:flex;
	flex-direction:row-reverse;
	position:relative;
	min-height:500px;
	background: url(/National_Library/oe_/https://itra.run/images/degrRight.png) repeat-y 675px 0 white;
}
#content #home #homeRight {
	/*background:url(/National_Library/oe_/https://itra.run/images/degrRight.png) repeat-y top left #f4f4f3;*/
	/*float:right;*/
	width:305px;
	padding-top:30px;
	padding-left:20px;
}
#homeRight .raccourci {
	margin-bottom:4px;
	color:white;
	background:#009FE3;
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	padding:5px 20px;
	text-transform:uppercase;
	position:relative;
}
#homeRight .raccourci .left, #homeRight .raccourci .right {
	position:absolute;
}
#homeRight .raccourci .left {
	top:2px;
	left:2px;
	background-position: -96px 0;
}
#homeRight .raccourci .right {
	top:1px;
	right:0;
	background-position: -120px 0;
}
#homeRight #breves {
	padding-right:7px;
}
#content #homeRight h1 {
	color:#6CA707;
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	font-size:20px;
	padding:0;
	padding-bottom:20px;
	margin:0;
}
#content #homeRight h1 a, #content #homeRight h2 a, #content #homeRight h3 a {
	color:#6CA707;
	text-decoration:none;
}
#content #homeRight h1 a:hover,#content #homeRight h2 a:hover,#content #homeRight h3 a:hover {
	color:#9BCA21;
	text-decoration:underline;
}
#content #homeRight #breves .breve {
	border-bottom:1px dotted #222222;
}
#content #homeRight #breves .breve:hover .brdth, #content #homeRight #breves .breve:hover .brtit{
	color:#6CA707;
	cursor:pointer;
}
#content #homeRight #breves .breve.pag:hover .brdth, #content #homeRight #breves .breve.pag:hover .brtit{
	color:inherit;
	cursor:inherit;
}
#content #homeRight #breves .breve p {
	margin:4px 0px 15px 0px;
}
#content #homeRight #breves .breve.pag a {
	color:black;
	text-decoration:none;
}
#content #homeRight #breves .breve.pag a:hover, #content #homeRight #breves .breve.pag a.sel {
	color:#6CA707;
}
#content #homeRight #breves .breve.last {
	border-bottom:none;
}
#content #homeRight #breves .breve .brdth {
	display:inline-block;
	width:40px;
	font-family:Times;
	line-height:20px;
}
#content #homeRight #breves .breve .brtit {
	font-family:Times;
	line-height:20px;
}
#content #homeRight #breves .breve .brcont {
	display:none;
}
#content #homeRight .fichesevt {
	display:block;
	padding-right:7px;
}
#content #homeRight .fichesevt .evt {
	border-left:8px solid #6CA707;
	padding-left:5px;
	clear:both;
	display:block;
	margin-top:20px;
	padding-bottom:5px;
}
#content #homeRight .fichesevt .evt h2 {
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	padding:0;
	margin:0;
	text-align:left;
}
#content #homeRight .fichesevt .evt h2 div{
	float:right;
	font-size:0.6em;
	color:#A6AAA9;
	margin-left:5px;
}
#content #homeRight .fichesevt .evt ul {
	display:block;
	width:100%;
	margin:0;
	list-style-type: none;
	padding:0;
	border-bottom:1px solid #333333;
}
#content #homeRight .fichesevt .evt ul.first {
	border-top:1px solid #333333;
}
#content #homeRight .fichesevt .evt ul li {
	display:inline-block;
	width:60%;
	height: 20px;
	line-height: 20px;
}
#content #homeRight .fichesevt .evt ul li:first-child {
	width:40%;
}
#content #homeRight .fichesevt .evt table {
	border:none;
	width:100%;
	border-collapse:collapse;
}
#content #homeRight .fichesevt .evt table tbody tr:nth-child(1) td,
#content #homeRight .fichesevt .evt table tfoot tr:nth-child(1) td{
	border-top:1px solid #333333;
}
#content #homeRight .fichesevt .more {
	display:none;
}
#content #homeRight .fichesevt .btnMore {
	display:block;
	text-decoration:none;
	font-size:2em;
	text-align:center;
}
#content #homeRight .fichesevt .btnMore:hover {
	background:#eeeeee;
}
#content #homeRight hr {
	border-bottom:1px dotted #6CA707;
	margin-right:7px;
	margin-top:40px;
	margin-bottom:10px;
}

#content #home #homeArt {
	position:relative;
	width:675px;
}

#content #home #homeArt .newslst {
	height:360px;
	float:left;
	width:205px;
	margin-bottom:30px;
	margin-right:30px;
	padding:0;
	background:url() no-repeat top left black;
	position:relative;
	cursor:pointer;
}
#content #home #homeArt .newslst.first {
	/*margin-top:30px;*/
	width:100%;
}
#content #home #homeArt .news {
	position:absolute;
	bottom:15px;
	left:25px;
	font-size:12px;
	text-align:left;
	color:#e0e0e0;
	font-weight:bold;
	font-family:Times;
	text-shadow: 0 0 6px black;
	border-radius:0 8px 8px 8px;
	-moz-border-radius:0 8px 8px 8px;
	-webkit-border-radius:0 8px 8px 8px;
	background-color:rgba(0,0,0,0.25);
	padding:5px;
}
#content #home #homeArt .newslst.col3 {
	margin-right:0;
}

#content #home #homeArt .dth {
	background:#EF7D00;
	color:white;
	padding:3px;
	display:inline-block;
	font-family:"Comic Sans MS", Verdana;
	text-shadow: none;
}
#content #home #homeArt .news h2 {
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	font-weight:normal;
	color:white;
	font-size:16px;
	text-transform:uppercase;
	margin:0;
	padding:10px 10px 10px 0;
}
#content #home #homeArt .newslst.first .news h2 {
	font-size:28px;
}
#content #home #homeArt .newslst.first .news {
	width:50%;
}
#content #home #homeArt .newslst.Pt {
	width:205px;
	height:165px;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/bg.jpg', sizingMethod='scale')";
}
#content #home #homeArt .newslst.Dbl {
	width:440px;
	height:360px;
}
#content #home #homeArt .newslst.Vert {
	width:205px;
	height:360px;
}
#content #home #homeArt #nextNews {
	clear:both;
	display:block;
	text-align:center;
	padding-bottom:20px;
}
#content #home #newsBack {
	display:block;
	background:#EC3B41;
	text-transform:uppercase;
	text-decoration:underline;
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	font-size:15px;
	color:white;
	padding:5px 15px;
}
#content .content {
	padding:15px;
	min-height:450px;
}

#menusec {
	color:#9D9D9D;
}
#menusec ul {
  display:inline-block;
  padding:0;
  margin:0;
  list-style-type: none;
  text-align:left;
}
#menusec li {
  display:inline-block;
  text-transform:uppercase;
  font-size:11px;
  color:inherit;
  margin:0;
  line-height:20px;
  padding-right:8px;
  margin-right:10px;
  border-right:1px solid #9D9D9D;
}
#menusec li.last {
	border-right:none;
	margin-right:50px;
}
#menusec li a {
  color:#9D9D9D;
  text-transform:uppercase;
  text-decoration:none;
}
#menusec li a:hover {
  color:#6CA500;
  font-style:italic;
}

#mainMenu {
	color:white;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size:13px;
	font-weight:bold;
	position:absolute;
	bottom:0;
	left:25px;
	line-height:50px;
	width:950px;
	/*text-transform:uppercase;*/
}

#mainMenu li {
	margin:0;
	float:left;
	display:inline-block;
	max-width:200px;
}
#mainMenu li a {
	text-decoration:none;
	color:white;
	width:100%;
	margin-right:20px;
	padding:1px 0;
	display:block;
	height:32px;
	line-height:1.3em;
	border-top:4px solid #7FA51B;
}
#mainMenu li:hover, #mainMenu li a:hover {
	color:#7FA51B;
}
#mainMenu li a:hover,#mainMenu li.selected a {
	color:#7FA51B;
	font-style:italic;
}


#mainMenu ul {
	display:none;
	padding:2px 4px;
	margin-right:10px;
	position:absolute;
	z-index:120;
	top:36px;
	width:auto;
	min-width:150px;
	background:#2F3031;
	text-transform:none;
}
#mainMenu ul li {
	display:block;
	background:none;
	white-space:nowrap;
	border-top:1px solid white;
	width:auto;
	max-width:none;
	float:none;
	position:relative;
}
#mainMenu ul li a, #mainMenu li.sel li a, #mainMenu li.selected li a, #mainMenu li.selected li.selected li a {
	color:white;
	border:none;
	font-size:12px;
	display:block;
	height:22px;
	line-height:22px;
	font-style:italic;
	font-weight:normal;
}
#mainMenu ul li a:hover {
  color:#7FA51B;
}
#mainMenu li.sel a, #mainMenu li.selected a, #mainMenu li.selected li.selected a, #mainMenu li.selected li.selected li.selected a {
	color:#7FA51B;
	font-weight:bold;
}
#mainMenu ul ul {
	left: 103%;
	top: -3px;
}
#mainMenu ul a.ssm:after {
	content:'▸';
	position:absolute;
	right:1px;
}


#member {
  position:absolute;
  text-align:right;
  z-index:111;
  right:0;
  bottom:0;
  color:white;
  line-height:50px;
  width: 210px;
}
#member span.btnconnect {
	float:right;
	display:block;
	cursor:pointer;
	color:white;
	background-color:#6CA707;
	font-weight:bold;
	height:32px;
	border-radius: 16px;
	text-align:center;
	white-space: nowrap;
	min-width:190px;
	padding: 0 10px;
	font-size:12px;
	line-height:32px;
	text-decoration:none;
	position:relative;
	margin-right:9px;
	margin-bottom:18px;
}
#member span.btnconnect:hover {
	text-decoration:underline;
	color:#6CA707;
	background-color:white;
}
#member span.profil {
	float:right;
	display:block;
	cursor:pointer;
	color:white;
	font-weight:bold;
	height:32px;
	/*background: url(/National_Library/oe_/https://itra.run/images/sprite.png) #6CA707 no-repeat 0 -72px;*/
	background: #6CA707;
	border-radius: 16px;
	text-align:center;
	width:100px;
	font-size:14px;
	line-height:32px;
	padding: 0 22px;
	text-decoration:none;
	position:relative;
	margin-right:9px;
	margin-bottom:18px;
}
#member span.profil:hover {
	background-position: 0 -104px;
	color:#6CA707;
	background-color:white;
}

#member div.profil {
	font-size:14px;
	line-height:1em;
	position:relative;
	color:black;
}
#member #lnkForgot {
	padding:10px;
}
#member div.profil div.pinotif {
	display:none;
	width:350px;
	position:absolute;
	right:15px;
	top:55px;
	text-align:center;
	margin:0;
	background:#69A820;
	color:white;
	z-index:120;
	padding:0;
	border-radius:5px;
	box-shadow: 4px 4px 10px 5px rgba(0, 0, 0, 0.5);
	padding-bottom:10px;
}
#member div.profil div.pinotif:before {
	content:'';
	position: absolute;
	bottom: 100%;
	left: 60%;
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #69A820;
	border-left: 10px solid transparent;
}
#member div.pinotif div.tabs {
	font-size:1.2em;
	border-bottom:solid 1px white;
	color:white;
	margin:10px;
	display:flex;
	justify-content:space-around;
}
#member div.pinotif div.tabs div {
	text-align:center;
	padding-bottom:5px;
	cursor:default;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	border-bottom:solid 3px transparent;
}
#member div.pinotif div.tabs div section {
	font-size:0.8em;
	display:inline-block;
	padding:3px;
	margin:5px;
	background-color:rgba(255,255,255,0.5);
	color:#345410;
	font-style:italic;
	font-weight:normal;
}
#member div.pinotif div.tabs div.selected {
	border-bottom:solid 3px white;
	font-weight:bold;
}
#member div.pinotif input[type=text],#member div.pinotif input[type=password] {
	width:120px;
}
#member div.pinotif .btn {
	background-color:white;
	color:#69A820;
}
#member div.profil div.pinotif a {
	color:white;
	line-height:1.2em;
}
#member div.profil div.pinotif hr {
	border:none;
	height:1px;
	background-color:white;
}
#member div.profil div.pinotif .biglink {
	font-size:1.2em;
	font-weight:bold;
	margin:10px;
}

#member .pinotif .membpic {
	display:inline-block;
	width:32px;
	height:32px;
	margin-right:10px;
	border-radius:50%;
	background-size: cover; 
	vertical-align:middle;

}
#member .pinotif #membname{
	display : inline-block;
	font-weight:bold;
	vertical-align:middle;
	line-height:1.2em;
	font-size:16px;
}

#member div.profil div div{
	display:block;
	position:static;
	box-shadow:none;
}
#member div.profil div hr {
	margin:10px;
}
/*#member div.profil div a {
	display:inline-block;
	width:90%;
	margin:6px 10px 0 10px;
	text-align:left;
	font-size:10px;
	color:black;
	text-decoration:none;
}*/
#member div.profil div a:hover {
	text-decoration:underline;
}
#member div.profil div input.btn, #layMbCreate input.btn, #myAccount input.btn {
	display:inline-block;
	margin:10px;
	font-weight:bold;
	padding:2px 30px;
	height:30px;
	border-radius:15px;
}

#member div.profil div.conn {
	width:255px;
	text-align:center;
	padding:20px;
}
#member div.profil div.conn h2 {
	text-transform:capitalize;
	white-space:nowrap;
	margin-right:5px;
	margin-left:5px;
}
#member div.profil div.conn input.btn {
	margin:2px;
	height:24px;
	border-radius:12px;
	margin-right:5px;
	margin-left:5px;
}


/* NOTIFICATIONS */
#member span.notifs {
	float:right;
	display:block;
	cursor:pointer;
	color:black;
	height:32px;
	background: url(/National_Library/oe_/https://itra.run/images/sprite.png) no-repeat -238px -105px;
	text-align:center;
	width:32px;
	font-size:16px;
	line-height:32px;
	text-decoration:none;
	position:relative;
	margin-right:9px;
	margin-bottom:18px;
}
#member span.notifs.new {
	font-weight:bold;
}
#member span.notifs:hover {
	background: url(/National_Library/oe_/https://itra.run/images/sprite.png) no-repeat -269px -105px;
}
#member div.notifs {
	font-size:12px;
	line-height:1em;
	position:relative;
	color:black;
}
#member div.notifs {
	display:none;
	width:350px;
	position:absolute;
	right:15px;
	top:65px;
	text-align:center;
	margin:0;
	background:#FFEE00;
	color:#EF7B00;
	z-index:120;
	padding:0;
	border-radius:5px;
	box-shadow: 4px 4px 10px 5px rgba(0, 0, 0, 0.5);
}
#member div.notifs:before {
	content:'';
	position: absolute;
	bottom: 100%;
	left: 90%;
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #FFEE00;
	border-left: 10px solid transparent;
}
#member div.notifs a.notif {
	display:block;
	position:relative;
	padding:0.75em 0.5em;
	text-align:justify;
	color:black;
	text-decoration:none;
	border-bottom:1px solid #777;
}
#member div.notifs a.notif.new {
	font-weight:bold;
}
#member div.notifs a.notif span.ago {
	display:block;
	text-align:right;
}
#member div.notifs a.notif span.del {
	float:right;
	display:inline-block;
	/*position:absolute;
	top:0;right:0;
	*/
	margin-left:10px;
	width:17px;
	height:17px;
	background: url(/National_Library/oe_/https://itra.run/images/sprite.png) no-repeat -120px -342px;
	border:none;
}


#bottom {
	position:relative;
	z-index:90;
	margin:0;
	font-size:9px;
	text-transform:uppercase;
	padding:35px 35px 35px 110px;
	clear:both;
	background:#454545;
	color:#a0a0a0;
}
#bottom a {
	color:#a0a0a0;
}

#content {
  padding:0;
  position:relative;
  z-index:110;
  width:100%;
  text-align:justify;
}
#content a {
	color:#444444;
}
#content a:hover {
	color:black;
}

#content h1,#content h2,#content h3,#content h4,.palmares h3 {
 color:#7FA51B;
 padding-left:0;
 text-transform:none;
 font-family:Impact, sans-serif;
 word-spacing: 1.5px;
 letter-spacing: 0.8px;
 font-weight:normal;
}
#content h1 {
	color:#393536;
	font-size:28px;
	text-transform:uppercase;
}
#content h2 {
	font-size:22px;
}
#content h3 {
	font-size:18px;
}
#content h4 {
	font-size:16px;
}
.palmares h3 {
 margin:10px 0 2px 0;
 border-bottom:1px solid #444444;
}
#content hr {
	border:none;
	border-bottom:1px dotted black;
}
#content .homenews {
	float:left;
	margin-left:10px;
	width:390px
}
#content .onenews {
	float:none;
	width:800px;
	padding-left:100px;
}
.colg {
	float:left;
	width:300px;
}
.twitter-timeline {
	margin-top:10px;
	width:300px;
}
.cold {
	float:right;
	width:270px;
	position:relative;
	top:-40px;
}
#content .account {
	background-color:#7FA51B;
	margin-bottom:15px;
	padding:5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-bottom:15px;
}
#content .account h2 {
	color:white;
	font-size:18px;
	text-align:center;
	margin:8px;
	font-weight:bold;
}
#content .account h3 {
	color:white;
	font-size:12px;
	text-align:center;
	margin:0;
	margin-bottom:15px;
	font-weight:bold;
}
	
a.btn.right {
	float:right;
}

input[type=submit],input[type=button] {
	background-color:#69A820;
	padding:5px;
	border:none;
	color:white;
	cursor:pointer;
	font-size: 1.2em;
	border-radius: 9px;
}


a.btn, #content a.btn {
	text-decoration:none;
	text-align: center;
	color:white;
	font-size: 1.2em;
	padding:3px 0;
	margin-top:7px 2px 2px 2px;
	display:inline-block;
	background-color: #69A820;
	width:160px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	/*margin-left:30px;*/
}
a.btn:hover, a.btn:active, a.btn:focus, #content a.btn:hover, #content a.btn:active, #content a.btn:focus {
	background-color:#2F3031;
	color:white;
}

#content a.btn.gris {
	font-size: 1.2em;
	border:none;
	width:350px;
	background-color:#6B7995;
	margin-left:2px;
	margin-top:20px;
	padding:4px 1px;
}
#content a.btn.gris:hover {
	background-color: #7FA51B;
	border:none;
}
.account div.runner {
	color:white;
	font-size:1.2em;
	margin-left:30px;
	margin-top:20px;
	font-weight:bold;
}
#closenews {
  display:inline-block;
  float:right;
  text-decoration:none;
  width:20px;
  height:18px;
  *height:20px;
  text-align:center;
  vertical-align:middle;
  font-size:12px;
  font-weight:bold;
  padding-top:2px;
  margin-top:18px;
  background-color:#7FA51B;
}
a.close {
	display:inline-block;
	width:18px;
	height:18px;
	background:url(images/sprite.png) top left no-repeat transparent;
	background-position:-144px -48px;
	border-radius:4px;
}
a.close:hover {
	background-color:#aaaaaa;
}

#content a#closenews {
	color:white;
}
#content a#closenews:hover {
	font-style:normal;
	background-color:#A0ED12;
}
.pgsuiv, .pgprec {
  background-image:url(images/sprite.png);
  width:20px;
  height:20px;
  display:inline-block;
  position:relative;
  top:5px;
}
.pgsuiv {
  background-position:-20px -20px;
}
.pgprec {
  background-position:0 -20px;
}

.ui-tabs .ui-tabs-nav li a {
	padding: 0.1em 0.7em  !important;
}
.ui-tabs-panel {
	padding:0  !important;
}

#myraces ul, #racesRechRes ul {
	padding:0;
}
#myraces li, #racesRechRes li {
	list-style-type:none;
	padding:2px 0px 2px 0px;
	text-transform:capitalize;
}
#myraces li:nth-child(odd), #racesRechRes li:nth-child(odd) {
	background-color:#D8F0BE;
}
#myraces li:nth-child(even), #racesRechRes li:nth-child(even){
	background-color:none;
}


#cal {
	position:relative;
	padding:40px 20px;
}
#cal table {
	width:100%;
	border-collapse:collapse;
}
#cal thead td {
	font-weight:bold;
	vertical-align:top;
}
#cal thead th {
	vertical-align:bottom;
	text-align:left;
}
#cal tbody th {
	text-align:left;
	font-weight:bold;
	color:#69A820;
	font-size:12px;
	border-bottom:1px solid black;
	padding-top:10px;
}
#cal tbody th a {
	color:#69A820;
}
#cal tbody th, #cal tbody td {
	vertical-align:middle;
	height:20px;
	padding-right:10px;
}
#cal tr.y th {
	font-size:1.6em;
	padding-top:20px;
	border:none;
	color:#69A820;
}
#cal tbody th.evt {
	text-transform:capitalize;
	text-align:left;
}
#cal tbody td.race {
	text-transform:capitalize;
}
#cal tbody th.evt a, #cal tbody td.race a {
	text-decoration:none;
	color:inherit;
}
#cal tbody th.evt a:hover, #cal tbody td.race a:hover {
	text-decoration:underline;
	color:inherit;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	display:none;
}
.icon {
	display: inline-block;
	min-width: 8px;
	height: 15px;
	line-height: 14px;
	padding: 0 0 0 14px;
	font-family: "Arial Black";
	font-size: 12px;
	position:relative;
	/*top:2px;*/
}
.iconBig {
	display: inline-block;
	min-width: 15px;
	height: 25px;
	line-height: 24px;
	padding: 0 0 0 27px;
	font-family: "Arial Black";
	font-size: 20px;
	position:relative;
}
.mont1, .mont2, .mont3, .mont4, .mont5, .mont6, .mont7, .mont8, .mont9, .mont10 {
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat 0 -174px transparent;
	
}
.mont1 {
	background-position:0 -174px;
	color:#FFEC01;
}
.mont2 {
	background-position:-30px -174px;
	color:#67B00C;
}
.mont3 {
	background-position:-60px -174px;
	color:#0BA12C;
}
.mont4 {
	background-position:-90px -174px;
	color:#007ECF;
}
.mont5 {
	background-position:-120px -174px;
	color:#004EA6;
}
.mont6 {
	background-position:-150px -174px;
	color:#274095;
}
.mont7 {
	background-position:-180px -174px;
	color:#241E5C;
}
.mont8 {
	background-position:-210px -174px;
	color:#C10E1A;
}
.mont9 {
	background-position:-240px -174px;
	color:#8D0000;
}
.mont10 {
	background-position:-270px -174px;
	color:#000000;
}
.iconBig.mont1 {
	background-position:0 -230px;
}
.iconBig.mont2 {
	background-position:-60px -230px;
}
.iconBig.mont3 {
	background-position:-120px -230px;
}
.iconBig.mont4 {
	background-position:-180px -230px;
}
.iconBig.mont5 {
	background-position:-240px -230px;
}
.iconBig.mont6 {
	background-position:-300px -230px;
}
.iconBig.mont7 {
	background-position:-360px -230px;
}
.iconBig.mont8 {
	background-position:-420px -230px;
}
.iconBig.mont9 {
	background-position:-480px -230px;
}
.iconBig.mont10 {
	background-position:-540px -230px;
}
.finish300,.finish320,.finish340,.finish360,.finish380,.finish400 {
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat 0 -156px transparent;
}
.finish300 {
	background-position:0px -156px;
	color:#FFED00;
}
.finish320 {
	background-position:-64px -156px;
	color:#75B723;
}
.finish340 {
	background-position:-128px -156px;
	color:#008AD3;
}
.finish360 {
	background-position:-192px -156px;
	color:#294296;
}
.finish380 {
	background-position:-256px -156px;
	color:#C10E1A;
}
.finish400 {
	background-position:-320px -156px;
	color:#000000;
}
.iconBig.finish300 {
	background-position:0px -195px;
}
.iconBig.finish320 {
	background-position:-100px -195px;
}
.iconBig.finish340 {
	background-position:-200px -195px;
}
.iconBig.finish360 {
	background-position:-300px -195px;
}
.iconBig.finish380 {
	background-position:-400px -195px;
}
.iconBig.finish400 {
	background-position:-500px -195px;
}

.hide {
	display:none;
}
.pts0 {
	font-weight:bold;
	color:#aaaaaa;
	padding: 0;
}
.pts1, .pts2, .pts3, .pts4, .pts5, .pts6 {
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat 0 -136px transparent;
	display:inline-block;
	padding:0;
	width:35px;
	height:16px;
	color:transparent;
	overflow:hidden;
	font-weight:bold;
	top:2px;
	vertical-align: middle;
}
#cont_evt .pts1,#cont_evt .pts2,#cont_evt .pts3,#cont_evt .pts4,#cont_evt .pts5,#cont_evt .pts6 {
	top:4px;
}
.pts1 {
	/*color:#FFED00;*/
}
.pts2 {
	/*color:#75B723;*/
	background-position: -35px -136px;
}
.pts3 {
	/*color:#008AD3;*/
	background-position: -70px -136px;
}
.pts4 {
	/*color:#294296;*/
	background-position: -105px -136px;
}
.pts5 {
	/*color:#E3010C;*/
	background-position: -140px -136px;
}
.pts6 {
	/*color:#000000;*/
	background-position: -175px -136px;
}
.iconBig.pts1, .iconBig.pts2, .iconBig.pts3, .iconBig.pts4, .iconBig.pts5, .iconBig.pts6 {
	width:63px;
	height:25px;
}
.iconBig.pts1 {
	background-position: 0px -265px;
}
.iconBig.pts2 {
	background-position: -80px -265px;
}
.iconBig.pts3 {
	background-position: -160px -265px;
}
.iconBig.pts4 {
	background-position: -240px -265px;
}
.iconBig.pts5 {
	background-position: -320px -265px;
}
.iconBig.pts6 {
	background-position: -400px -265px;
}

div.lev {
	width:55px;
	height:10px;
	border:1px solid gray;
	background-color:#D8F0BE;
	margin:0;
	padding:0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow:hidden;
}


div.lev div {
	display:inline-block;
	float:left;
	width:10px;
	height:10px;
	border-right:1px solid gray;
}
div.lev .sel, div.lev.sel {
	background-color:#7FA51B;
}
#nbracestocome, #nbpastraces {
	position:absolute;
	top:0;
}

#general.espace_membres,#general.espace_membres_courses {
	background-color:#D1D3D0;
}



#accueil {
	padding-left:60px;
	min-height:500px;
}

#general.espace_membres #content{
	padding:0;
	width:100%;
}
#general.espace_membres #content>p{
	padding-left:5px;
}

#layMbCreate {
	margin:auto;
	width:600px;
	padding:15px;
	background-color:#C9C9C9;
	border:1px solid #aaaaaa;
	box-shadow: 4px 4px 10px 5px rgba(0, 0, 0, 0.5); 
}
#layMbCreate h2 {
	text-align:center;
	margin-top:0;
	margin-bottom:15px;
}
#layMbCreate h4 {
	margin-top:25px;
	margin-bottom:5px;
}

#myAccount, #myAnom {
	background: url(/National_Library/oe_/https://itra.run/images/bg2greylight.png) top left repeat-y #D1D3D0;
	height:100%;
}
#myAccount #leftAccountMenu, #myAnom #leftAnomMenu {
	color:#929BAF;
	padding:10px;
	float:left;
	width:178px;
	height:100%;
	background-color:#2E3647;
}
#myAccount #rightAccountContainer, #myAnom #rightAnomContainer {
	float:left;
	width:795px;
}
#myAccount input[type=text], #myAccount select {
	width: 248px;
	vertical-align:top;
}
#alias_nom, #alias_prenom {
	display:inline-block;
	vertical-align:top;
	line-height:20px;
}
table.tab {
	width:100%;
	border-collapse:collapse;
}
.tab thead tr {
	background-color:#7FA51B;
	border-bottom:3px solid #77A66C;
	color:white;
	height:40px;
}
.tab thead td {
	font-weight:bold;
	vertical-align:middle;
	
}
.tab thead th {
	vertical-align:middle;
	text-align:left;
}
.tab tbody th {
	text-align:left;
	font-weight:bold;
	color:#69A820;
	font-size:12px;
	border-bottom:1px solid black;
	padding-top:10px;
}
.tab th, .tab td {
	vertical-align:middle;
	height:25px;
	padding:0 10px;
}
.tab tbody tr:nth-child(even) {
	background-color:#EDF4E9;
}
.espaces{
	float:left;
	width:270px;
	height:180px;
	margin:20px;
	cursor:pointer;
}
.espaces div.img {
	border:none;
	width:106px;
	height:106px;
	-moz-border-radius: 53px;
	-webkit-border-radius: 53px;
	border-radius:53px;
	background:url(/National_Library/oe_/https://itra.run/images/pix.gif) no-repeat center center transparent;
	background-size:cover;
}
/*.espaces:hover img {
	-webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotateY(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotateY(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotateY(360deg); transform:rotateY(360deg); } }
*/

.espaces .lock {
	display:inline-block;
	width:13px;
	height:16px;
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) no-repeat -320px 0 transparent;
	float:right;
	margin:0 2px;
}
.espaces .free, .espaces .premium {
	font-size:12px;
	width:60px;
	line-height:18px;
	height:18px;
	display:inline-block;
	text-align:center;
	float:right;
	font-weight:bold;
	overflow:hidden;
}
.espaces .free {
	color:#F39019;
	background-color:#F5D328;
}
.espaces .premium {
	color:#DE5E0E;
	background-color:#F39019;
}
.espaces .esp_titre {
	color:#69A820;
	font-size:20px;
	border-bottom:solid 4px #69A820;
	text-align:left;
	min-height: 2.5em;
}
.espaces .esp_details {
	text-decoration:underline;
	color:black;
	font-size:12px;
	text-align:left;
	clear:both;
}
.espaces .esp_details .gros{
	text-decoration:underline;
	color:black;
	font-size:16px;
	font-weight:bold;
}
.esp_back {
	color:#6EAC2D;
	text-decoration:underline;
	clear:both;
	cursor:pointer;
	font-weight:bold;
	font-size:13px;
	margin-top:15px;
	margin-left:20px;
}
.col2 {
	width:470px;
	float:left;
	padding:10px;
}



/*//////////////FORMULAIRES ESPACE ORGA//////////////////////*/

#topbar {
	background-color:#2E3647;
	height:50px;
	padding-left:20px;
	color:#6B7995;
	font-size:12px;
	padding-top:5px;	
}
#topbar_evt {
	float:left;
	background:url(/National_Library/oe_/https://itra.run/images/evenement.png) top left no-repeat;
	margin-left:150px;
	padding-left:55px;
	height:100%;
}
#topbar_race {
	float:left;
	background:url(/National_Library/oe_/https://itra.run/images/course.png) top left no-repeat;
	margin-left:150px;
	padding-left:40px;
	height:100%;
}
#topbar_evt>div , #topbar_race>div {
	padding-bottom:3px;
	padding-top:3px;
}
#topbar .topbar_first {
	border-bottom:solid 1px #6B7995;
	padding-bottom:3px;
} 
#topbar a {
	display:block;
	text-decoration:none;
	color:#6B7995;
	font-size:12px;
	float:left;
	margin-right:20px;
}
#topbar a:hover {
	color:#69A820;
}
	
.newForms {
	font-size:12px;
	padding:20px;
	text-align:left;
}
.newForms .twocols {
	width:378px;
	float:left;
}
.newForms input,.newForms select,.newForms textarea {
	background-color:#2e3647;
	font-size:12px;
	color:#DDDEE3;
	border:none;
	margin:2px;
	padding:2px;
	width:350px;
	box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.newForms ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #898F9E;
}
.newForms :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #898F9E;
   opacity:  1;
}
.newForms ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #898F9E;
   opacity:  1;
}
.newForms :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #898F9E;
}

.newForms .adhOnly {
	background-color:#394254;
}

.newForms input[type=number]{
	text-align:right;
}

.newForms .plh {
	white-space:nowrap;
	background-color:#2e3647;
	display:inline-block;
	font-size:12px;
	border:none;
	margin:2px;
	height:19px;
	padding:2px;
	width:350px;
	box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.newForms .plh.fill{
 color:#69A820;
}
.newForms .plh input{
	width:50px;
	margin:0;
	padding:0;
	margin-left:3px;
}	

.newForms textarea {
	height:50px;
}
.newForms input[type=button],.newForms input[type=submit] {
	color:white;
	background-color:#69A820;
	width:auto;
}
.newForms input[type=button].ntd,.newForms input[type=submit].ntd {
	background-color:#9fa6b7;
}

.newForms label {
	color:#9fa6b7;
}

#content .newForms hr {
	color:#80CC28;
	background-color:#80CC28;
	height:1px;
	border:none;
	display:block;
	margin:20px 0 20px 0;
}

.newForms .sectionTitle{
	display:block;
	color:#9fa6b7;
	margin-top:10px;
	margin-left:2px;
}
.newForms .sectionTitleBold{
	display:block;
	color:#80CC28;
	font-weight:bold;
	font-size:13px;
	margin-top:10px;
	margin-left:2px;
}
.newForms .fieldGroup2 input,.newForms .fieldGroup2 select {
	width:171px;
}
.newForms .fieldGroup3 input,.newForms .fieldGroup3 select {
	width:112px;
}

.newForms .fieldGroup3 .plh {
	width:112px;
	vertical-align:top;
}
.newForms .fieldGroup3 .plh input{
	width:20px;
}
.newForms .fieldGroup2 .plh {
	width:171px;
}
.newForms .fieldGroup3 .plh input{
	width:30px;
}


input.vu.valid {
	border:none;
}
input.vu.error,select.vu.error,textarea.vu.error,
input.error,select.error,textarea.error
{
	border:solid 1px red;
}

.upzone {
	background:url(images/upload_gris.png) 15px center no-repeat #2e3647;
	color:#77829a;
	width:260px;
	height:65px;
	position:relative;
	padding-left:90px;
	padding-top:35px;
	padding-bottom:3px;
	margin:2px;
	overflow:hidden;
}

.upzone.adhOnly {
	background-color:#394254;
}
.upzone.profil {
	background:url(images/upload_green.png) center center no-repeat transparent;
	width:120px;
	height:100px;
	padding:0px;
	font-size:10px;
	border:1px dashed #AAAAAA;
}

.upzone.small{
	background:url(images/upload_green.png) 100px center no-repeat transparent;
	width:190px;
	height:50px;
	padding:0px;
	font-size:10px;
}
.upzone.small .dropzone.dz-browser-not-supported {
	margin:0;
	padding:0 !important;
}
.upzone.small .dropzone.dz-browser-not-supported input{
	padding:0;
	margin:0;
}


.newForms .label_input {
	width:350px;
	border-collapse:collapse;
}
.label_input label {
	color:#9fa6b7;
	display:block;
	margin-right:20px;
}
.label_input div label{
	display:inline;
}
.label_input input,.label_input select {
	width:100%;
}
.label_input input[type=radio] {
	width:auto;
}
.label_input td:first-child{
	width:1%;
	white-space:nowrap;
}
.gpxChxFile .label_input td:first-child{
	width:155px;
	white-space:normal;
}
.etp {
	margin:5px;
	background-color:#2e3647;
	padding:5px;
	height:20px;
	line-height:20px;
	color:#80CC28;
	text-align:center;
	text-transform:uppercase;
}
.etp #etpPrec {
	float:left;
	background-image:url(images/prec_suiv_g.png);
	width:14px;
	height:20px;
}
.etp #etpSuiv {
	float:right;
	background:url(images/prec_suiv_g.png) 14px 0;
	width:14px;
	height:20px;
}
.etpNav,.etpNav a {
	color:#80CC28;
	margin-top:5px;
}
.etpNav #prec {
	float:left;
}
.etpNav #suiv {
	float:right;
}
.etape {
	float:left;
	width:376px;
}
#etapes {
	position:relative;
}
#etapesContainer {
	width:376px;
	overflow:hidden;
	position:relative;
}

#formulaires {
		width:100%;
		border-top:solid 1px #505A72;
		background:url(/National_Library/oe_/https://itra.run/images/back2grey.png) top left repeat-y #2E3647;
		position:relative;
}
#forms_gauche {
	width:178px;
	background-color:#2E3647;
	padding:10px;
	float:left;
	height:100%;
}
#forms_droite {
	width:802px;
	background-color:#505A72;
	float:left;
}
	
.formGaucheItem,.formGaucheItem2,.formGaucheItem3 {
	background:url(images/puce.png) 0 3px no-repeat;
	padding-left:15px;
	color:#929BAF;
	margin:20px 0 20px 10px;
	text-align:left;
	cursor:pointer;
}
#myAccount .formGaucheItem:hover,#myAccount .formGaucheItem2:hover,#myAccount .formGaucheItem3:hover {
	text-decoration:underline;
}
.formGaucheItem.selected,.formGaucheItem2.selected,.formGaucheItem3.selected {
	background:url(images/pucepleine.png) 0 3px no-repeat;
	color:#80CC28;
}
.formGaucheItem.nopointer,.formGaucheItem2.nopointer,.formGaucheItem3.nopointer {
	cursor:auto;
}
.formGaucheAdd{
	background:url(images/plus.png) 0 0 no-repeat;
	padding-left:18px;
	line-height:15px;
	text-decoration:underline;
	color:#929BAF;
	margin:20px 0 20px 6px;
	text-align:left;
	cursor:pointer;
}
.formGaucheAdd.selected{
	color:#80CC28;
}
.formGaucheAdd.nopointer{
	cursor:auto;
}
.newForms #zoneRech{
	width:300px;
	margin-left:10px;
}

#content .newForms a,#content .newForms li {
	color:white;
}
#content .newForms a:hover {
	color:#80CC28;
}

.evalEncours,#content a.askEval,.evalUnknown {
	display:inline-block;
	line-height:16px;
	width:230px;
	height:16px;
	background-color:#008BD3;
	margin:0;
	padding:0 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow:hidden;
	text-align:center;
	color:white;
	font-weight:bold;
	text-decoration:none;
	font-size:0.8em;
}
#content a.askEval:hover {
	color:#C8C8C8;
}
.evalEncours {
	background-color:#7FA51C;
}
.evalUnknown {
	background-color:#E30614;
}

#content .closeForms {
	width:30px;
	height:20px;
	background-image:url(/National_Library/oe_/https://itra.run/images/up.png);
	cursor:pointer;
	position:absolute;
	bottom:3px;
	left:70px;
}
.fres {
	position:relative;
}
.fres div{
	position:absolute;
	display:inline-block;
	top:0;left:0;
	z-index:1;
	width:18px;
	height:18px;
	padding-left:20px;
	background:url(/National_Library/oe_/https://itra.run/images/importer.png) no-repeat center left transparent;
	border:0;
	overflow:hidden;
	cursor:pointer;
	color:transparent;
}
.fres .ifile {
	position:absolute;
	width:20px;
	height:18px;
	overflow:hidden;
	opacity:0.00001;
	z-index:1000;
	cursor:pointer;
	margin: 0;
	padding: 0;
	top:0;
	left:-2px;
}

.icreg {
	display:inline-block;
	width:0;
	height:10px;
	padding-left:18px;
	background:url(/National_Library/oe_/https://itra.run/images/importer_v.png) no-repeat center left transparent;
	border:0;
	overflow:hidden;
	cursor:pointer;
	color:transparent;
}

.form-error {
	color:red;
	font-weight:bold;
	display:block;
}







#filt_rech {
	background:#D7D9D6;
	line-height:25px;
}
#filt_rech div {
	float:left;
}
#cal_filt {
	width:230px;
	padding-left:15px;
}
#cal.calend {
	padding:10px;
	background-color:white;
}
#content .calend div.grprace {
	width:225px;
	margin:10px;
	float:left;
}
#content .calend div.race {
	width:225px;
	margin:10px;
	float:left;
	height:300px;
}
#content .calend.res div.race {
	height:380px;
}
#content .calend div.race2 {
	height:100px;
}
#content .calend.res div.race2 {
	height:205px;
}
#content .calend div.race img {
	min-width:225px;
	min-height:150px;
}
#content .calend div.race img[src] {
	background-color:white;
}
#content .calend p.cal-vign {
	width:225px;
	height:150px;
	background: url(/National_Library/oe_/https://itra.run/images/pix.gif) no-repeat center center black;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
    background-size: contain;
	overflow:hidden;
}
#content .mbz .calend p.cal-vign {
	background-color:white;
}
#content .calend div.race h2 {
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	padding:0;
	margin:0;
	text-align:left;
}
#content .calend div.race a {
	display:inline-block;
	text-decoration:none;
	width:100%;
}
#content .calend div.race a h2 {
	color:#7FA51B;
	text-decoration:none;
}
#content .calend div.race a:hover h2 {
	color:#9BCA21;
}
#content .calend div.race h2 div{
	float:right;
	font-size:0.6em;
	color:#A6AAA9;
	margin-left:5px;
}
#content .calend div.race ul {
	display:block;
	width:100%;
	margin:0;
	list-style-type: none;
	padding:0;
	border-bottom:1px solid #333333;
}
#content .calend div.race ul.first {
	border-top:1px solid #333333;
}
#content #cal.calend {
float:left;
min-height:533px;
}
#content #filterZone {
	clear:both;
	background:#D7D9D6;
	width:225px;
	height:auto;
	float:left;
	padding:10px;
	overflow:auto;
	min-height:533px;
	text-align: left;
	display:none;
}
#content .calend .race ul li {
	display:inline-block;
	width:49%;
	height: 20px;
	line-height: 20px;
}
#content .calend .race table {
	border:none;
	width:100%;
	border-collapse:collapse;
}
#content .calend .race table tbody tr:nth-child(1) td,
#content .calend .race table tfoot tr:nth-child(1) td {
	border-top:1px solid #333333;
}
#content .calend .race div.tcqi {
	border-top:1px solid #333333;
	border-bottom:none;
	position:relative;
}
#content .calend div.race div.tcqi a {
	width:auto;
	margin-top: 5px;
	color: #000090;
	text-decoration:underline;
}
#content .calend div.race div.tcqi a:hover {
	color: #0000F0;
}
#content .calend div.race div.tcqi a .stars {
	position: absolute;
	right: 0;
	top: 0;
}
#content .calend .race table tbody td {
	height:auto;
}
#content .calend .race div, #content .calend .race h2 {
	border-bottom:1px solid #333333;
}

/***********************/
/*  Pagination         */
/***********************/
.leftarr, .rightarr {
	display:inline-block;
	width:10px;
	height:13px;
	position:relative;
	top:2px;
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat 0 0 transparent;
}
.leftarr {
	background-position:-220px 0px;
}
.leftarr.dis,.leftarr.dis:hover {
	background-position:-220px -24px;
}
.leftarr:hover {
	background-position:-220px -48px;
}
.rightarr {
	background-position:-230px 0px;
}
.rightarr.dis,.rightarr.dis:hover {
	background-position:-230px -24px;
}
.rightarr:hover {
	background-position:-230px -48px;
}
/*******************/
/* Code CSS Julien */
/*******************/

#cal_rech {
	border-left: 1px solid white;
}

#input_cal_rech {
	background-color: #639A02;
	color: white;
	border: none;
	line-height: 25px;
	padding: 0 5px;
}
input::-webkit-input-placeholder { /* Chrome, Safari, Opera */ 
	color: #ddd;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox */
	color: white;
	text-align: center;
}
a.loupe {
	display:inline-block;
	height:25px;
	width:25px;
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) no-repeat -283px -3px white;
	float:left;
}
a.loupe:hover {
	background-position:-283px -51px;
}
#filt_rech {
	border-top: 2px solid white;
}
#filt_rech.fix, #headfile.fix {
	position: fixed;
	top: 0;
	z-index: 85;
	width: 1000px;
}
.filtres {
	width: 12px;
}

#filterZone ul{
	list-style:none;
	padding-left: 15px;
}

#filterZone li {
	margin-bottom: 2px;
}

#fleche {
	margin-top: 3px;
	background-color:#D7D9D6;
	width: 25px;
	padding-right: 5px;
	float: right;
}

.flechehaut {
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    padding-left: 5px;
    padding-right:0px;
}

#filt_rech div#pagination {
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid white;
	float:right;
}
#filt_rech div.navig {
	float:right;
	padding-left:15px;
}
.plusmoins {
	width: 16px; 
	height : 20px;
	float: right;
	padding-right: 5px;
}

.entete {
	line-height: 25px;
	width: 215px;
}

#periode {
	display: block;
}

.dt {
	width:65px;
}

.ui-datepicker-trigger {
	vertical-align: middle;
	margin-bottom: 3px;
	margin-left: 5px;
}	

.continent {
	line-height : 20px;
}

.continent img {
	width : 10px;
	height: 12px;
	margin-top: 4px;
}

#cal.calend h2 {
	height: 40px;
	overflow: hidden;
}

#fdroite, #fgauche {
	cursor: pointer;
}

#cal.calend .week {
	clear:both;
	width:100%;
	border-bottom:2px solid #bbb;
	margin: 0 10px;
    padding-top: 20px;
    font-weight: bold;
    color: #777;
}

#cont_evt {
    background-color: #D7D9D6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 533px;
    border-top:1px solid white;
    z-index:100;
}
#calevt_titre {
	border-left:8px solid #6CA707;
	background:#2F3031;
	padding:2px 5px 2px 15px;
	font-size:20px;
	font-family: Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	color:white;
}
#calevt_titre div{
	float:right;
	margin-left:30px;
}
#calevt_titre div a.follow, #calevt_titre div a.unfollow {
	display: inline-block;
	font-family:Arial,Verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-decoration:none;
	vertical-align: middle;
}
#calevt_titre div a.follow>span, #calevt_titre div a.unfollow>span {
	display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin: 0 30px 0 10px;
    background: url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat -520px 0px transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
#calevt_titre div a.follow:hover, #calevt_titre div a.unfollow:hover {
	color:#69A820;
}
#calevt_titre div a.follow:hover>span, #calevt_titre div a.unfollow:hover>span {
	background-color:#69A820;
	background-position:-739px 1px;
}
#calevt_titre div a.unfollow {
	color:#69A820;
}
#calevt_titre div a.unfollow>span{
	background-position:-739px 1px;
	background-color:#69A820;
}

#calevt_lst {
	position:relative;
	width:250px;
	margin-top:15px;
	float:left;
}
#calevt_lst img {
	width:226px;
	margin-left:12px;
	margin-bottom:15px;
}
#calevt_lst div {
	border-left:8px solid #6CA707;
	padding:5px 15px;
	line-height: 1em;
}
#calevt_lst div.tit {
	font-size:22px;
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	padding-top:0;
}

#calevt_lst div a {
	display:block;
	text-decoration:none;
	font-size:15px;
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	border-bottom:2px solid black;
	margin:0;
	color:black;
	padding: 3px 0;
	line-height:1em;
}
#calevt_lst div a:hover, #calevt_lst div a.sel {
	color:#6ca707;
	border-color:#6ca707;
}
#calevt_lst .icon {
	margin-right:20px;
}
#calevt_lst .ic.heart {
	float:right;
	margin-top:-2px;
	cursor:pointer;
}
#calevt_lst .ic.heart:hover {
	background-position: -400px 5px;
}
#calevt_fich {
	background-color:#5AC0CC;
	color:white;
	float: left;
    width: 750px;
    min-height:400px;
    font-family:Arial, sans-serif;
    font-size:12px;
}

span.ic {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat 0 0 transparent;
}
span.ic.heart {
	background-position: -360px 5px;
}
#tabpalm tbody td.g span.ic.heart {
    position: relative;
    top: -7px;
}
span.ic.heart.nosel {
	background-position: -360px -60px;
}
span.ic.clip {
	background-position:-440px 3px;
}

.stars {
	color: #6CA500;
	font-size: 1.3em;
	white-space: nowrap;
	display:inline-block;
}
#tabpalm .stars {
	margin-right:10px;
}
#calevt_lst div .tcqi {
	line-height: 1.4em;
	margin: 5px 0;
}
#calevt_lst div .tcqi .tit {
	color: #6CA500;
	font-weight:bold;
}
#calevt_lst div .tcqi .libtcqi {
	font-size:0.9em;
	font-weight:bold;
}

#im-container {
	height:400px;
	width:750px;
	background-color:white;
	text-align:center;
	overflow:hidden;
}
#im-container a {
	display:block;
}
#im-container img {
	position:relative;
	border:none;
}
#im-container img.im11, #im-container img.im23, #im-container img.im33 {
	width:100%;
}
#im-container a.im12, #im-container a.im22, #im-container a.im13 {
	width:370px;
	height:400px;
	float:left;
	overflow:hidden;
}
#im-container a.im22 {
	float:right;
}
#im-container img.im12, #im-container img.im22, #im-container img.im13 {
	height:100%;
}
#im-container a.im23, #im-container a.im33 {
	width:370px;
	height:195px;
	float:right;
	overflow:hidden;
}
#im-container a.im33 {
	margin-top:10px;
}

#btl_caltit {
	clear:both;
	background:#393536;
	width:15px;
	height:34px;
	float:left;
}
#btl_caltit2 {
	background:url(/National_Library/oe_/https://itra.run/images/bdban.png) top left no-repeat transparent;
	height: 15px;
	margin-left: 15px;
}
#calevt_fich .calrace_titre {
	font-size: 20px;
	font-family: Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	color:black;
	background-color:#D7D9D6;
	line-height:35px;
	margin: 0 0 0 15px;
	padding-left: 5px;
}
#calevt_fich iframe {
    border: 0;
    float: right;
    clear: both;
    width: 380px;
    height: 450px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: -15px;
}
#calevt_fich div.content {
	padding:0 0 0 15px;
}
#calevt_fich div.content.noimg {
	padding:15px 0 0 15px;
}
#calevt_fich div.content table th {
	text-align:center;
}
#calevt_fich div.content table td {
	text-align:left;
	padding-right:5px;
}
#race-container {
	position:relative;
	top:-15px;
}
#race-container.noimg, #calevt_fich iframe.noimg {
	top:0;
	margin-top:0;
}
#race-container.noimg #btl_caltit2 {
	background-color:white;
}

#crit .slid {
	margin:25px 0 25px 0;
	width:164px;
}
#crit .ui-slider .ui-slider-handle {
	width:16px;
	height:30px;
	border: 0;
	text-align:center;
	background:none;
	background-image: url("/National_Library/oe_/https://itra.run/images/arrow.png");
}
#crit .ui-widget-content {
	height: 12px;
	background: url("/National_Library/oe_/https://itra.run/images/echelle.png") repeat-x scroll 1px 1px transparent;
	border:none;
}
#crit .ui-slider-horizontal .ui-slider-handle {
	top: -24px;
	margin-left:-8px;
	text-decoration:none;
}	

#crit .ui-widget-header {
	background:#5EB232;
}
#crit .ui-slider-horizontal .ui-slider-range {
	height:3px;
}

#layMbCreate label.p, #dataPersos label.p, #accountContentProfil label.p {
    width: 180px;
    display: inline-block;
    float: left;
    clear:both;
}
#dataPersos,#tadhesion {
	margin-left:20px;
	min-height:450px;
}
#dataPersos label {
	font-size:1.1em;
}
#dataPersos input,#dataPersos select,#dataPersos textarea {
	margin:2px 0 2px 0;
}

#dataPersos h1, #dataPersos h2, #dataPersos h3, #dataPersos h4 ,#tadhesion  h1, #tadhesion h2, #tadhesion h3, #tadhesion h4 {
    text-transform: none;
    border-bottom: 3px solid ;
    padding: 25px 0px 0px;
    margin: 20px 20px 20px 0;
    display: flex;
}
#dataPersos h3, #dataPersos h4 ,#tadhesion h3, #tadhesion h4 {
	width:70%;
}

.typCpt{
	display:inline-block;
	font-size:1.2em;
	margin:10px;
}
#accountContentAdhesion {
	display:flex;
	justify-content: space-between;
}
#accountContentAdhesion.noflex {
	display:block;
}
.gocotis {
	display:block;
	font-weight:bold;
	margin-bottom:15px;
}
#divpa{
	margin-bottom:30px;
}
#content #accountContentAdhesion h2{
	padding:5px 5px 5px 0px;
	margin:5px 5px 15px 0px;
}
#content #fcotis{
	width:60%;
}
#content #fcotiseval{ /*#content .adh-other-entity,*/
	background-color:#7FA51B;
	padding:5px 10px 5px 10px;
	color:white;
	width:40%;
	margin-right:20px;
}

#content #fcotiseval h2{ /*#content .adh-other-entity h2,*/
	color:white;
	margin-top:0;
}

.modalwait {
    display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .7 ) 
				url('/National_Library/oe_/https://itra.run/images/wait.gif') 
				50% 50% 
				no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalwait {
    display: block;
}

.searchbar input {
	float:left;
    background-color: #639A02;
    color: white;
    border: none;
    line-height: 25px;
    padding: 0 5px;
}


label.sel {
	position:relative;
}
label.sel:after {
    content:'↕';
    font-size:13px;
    color:#aaa;
    right:8px; top:0px;
    padding:0;
    padding-left:5px;
    border-left:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label.sel:before {
    content:'';
    right:6px; top:0px;
    width:16px; height:16px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
label.sel select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:1px solid #444;
    background: #f8f8f8;
    color:#888;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    label.sel select {padding-right:18px}
}


/* New runner file */
#homeRunner {
	position:relative;
}
#homeRunner h1 select {
	width:180px;
}
#homeRunner h1 label.sel {
	margin-left:25px;
	top:-4px;
}
#homeRunner h1, #searchRunner h1 {
	text-transform:none;
	font-size:1.8em;
	margin:30px 0 0 0;
}
#homeRunner h1 a.help {
	display:inline-block;
	float:right;
	margin-right:15px;
	cursor:pointer;
	text-decoration:none;
	background-color:#444;
	color:white;
	width:24px;
	height:24px;
	text-align:center;
	line-height:24px;
	border-radius:12px;
}
#homeRunner h1 a.help:hover {
	color:#ccc;
}
#homeRunner h1 span.star, #searchRunner h1 span.star {
	font-size:1.1em;
	padding:0 6px 0 15px;
}
#homeRunner .ipaccess {
	text-align:right;
	padding:10px 20px;
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	font-size:1.4em;
}
#homeRunner .ipaccess img {
	margin-right:15px;
}
#homeRunner .ipaccess a {
	color:#444;
	text-decoration:none;
}
#homeRunner .ipaccess a:hover {
	color:black;
}
#homeRunner .cont-before {
	margin:0 15px;
}

#searchRunner .infotcqi {
	float:right;
	width:305px;
	padding: 10px 20px;
    position: relative;
    top: -15px;
    margin-bottom: -30px;
    margin-right: 45px;
    color: white;
    font-size: 14px;
    background: #89CE08;
}
#searchRunner .infotcqi h1 {
	color:white;
	font-size:18px;
}
#content #searchRunner .infotcqi a {
	color: darkblue;
}
#content #searchRunner .infotcqi a:hover {
	color: blue;
}

.cont-fc {
	border-top:4px solid #444;
	border-bottom:4px solid #444;
	text-align:left;
	padding:0;
	margin:0;
	line-height:0;
}
.cont-fc div {
	line-height: 14px;
}
.cont-fc .fc {
	display:inline-table;
	position:relative;
	background:url(/National_Library/oe_/https://itra.run/images/bonh.png) no-repeat #999 top center;
	width:160px;
	height:200px;
	margin:0;
	margin-left:8px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	cursor:pointer;
	overflow:hidden;
}
.cont-fc .fc input {
	position: absolute;
    bottom: 16px;
    left: 4px;
    z-index: 10;
}
@-moz-document url-prefix()
{
    .cont-fc .fc {
		display:inline-block;
    }
}
.cont-fc .fc:nth-child(6n+1) {
	margin-left:0;
}
.cont-fc .fc:nth-child(n+7) {
	margin-top:8px;
}
.cont-fc .fc .tit{
	background:rgba(64,64,64,0.3);
	color:white;
	text-align:left;
	padding:5px;
	padding-left:20px;
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
}
.cont-fc .fc .info{
	background:rgba(64,64,64,0.3);
	color:white;
	text-align:left;
	margin:0;
	padding:5px 0 5px 20px;
	position:absolute;
	top:165px;
	left:0;
	right:0;
	min-height:100px;
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	line-height:14px;
	white-space:nowrap;
}
.cont-fc .fc .info .mb {
	position:absolute;
	display:inline-block;
	top:3px;
	right:3px;
	width:18px;
	height:18px;
	background:url(/National_Library/oe_/https://itra.run/images/member.png) no-repeat top left;
}
.cont-fc .fc .info .quartz {
	position:absolute;
	display:inline-block;
	top:-18px;
	right:5px;
	width:32px;
	height:32px;
	background:url(/National_Library/oe_/https://itra.run/images/Quartz_bleu_mini.png) no-repeat top left;
}
.cont-fc .fc .info .quartz.impl {
	background-image:url(/National_Library/oe_/https://itra.run/images/Quartz_vert_mini.png);
}
.cont-fc .fc .info span{
	font-family:Arial,Verdana,sans-serif;
	font-size:0.8em;
}
#searchRunner div.rech {
	padding:28px 30px;
	position:relative;
	flex-direction: row;
	display: flex;
}
#searchRunner div.rech form {
	flex-grow:1;
	position:relative;
}
#searchRunner div.rech input, #searchRunner div.rech select {
	width:220px;
	padding:3px;
    margin: 2px 0;
    line-height:16px;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:1px solid #444;
    background: #f8f8f8;
    color:#444;
    outline:none;
    display: inline-block;
}
#searchRunner div.rech select {
	width:227px;
}
#searchRunner div.rech .btn {
	position: absolute;
    top: 25px;
    left: 300px;
    font-size: 1.6em;
    /* font-family: Impact, sans-serif; */
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    border-radius:5px;
    border-color:#2F3031;
    border-width:1px;
    background:white;
    color:#2F3031;
}
#searchRunner div.rech a.btn:hover {
	color:white;
	background:#2F3031;
}
#searchRunner div.rech .btn span.small{
	font-size: 0.6em;
    line-height: normal;
    margin-top: 8px;
    display: inline-block;
    }
#searchRunner #searchRes {
	border-top:5px solid white;
	padding:30px 0 60px 0;
	display:none;
	position:relative;
}
#searchRunner #searchRes .cont-fc {
	border:none;
}
#searchRunner a.close, #homeRunner a.close {
	background-image:none;
	background:#166900;
	display:block;
	line-height:30px;
	text-align:center;
	text-transform:uppercase;
	width:100%;
	height:30px;
	position:absolute;
	bottom:0;
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	color:white;
	text-decoration:none;
	font-size:1.6em;
	-webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
#homeRunner a.close {
	bottom:-30px;
	display:none;
}
#homeRunner #quartz {
	position:relative;
	margin-bottom:60px;
}


#homeRunner .top6 h1, #homeRunner .top6 h1 label.sel:after {
	color:#3B3C7E;
}
#homeRunner .top6 .cont-fc, #homeRunner .top6 h1 select, #homeRunner .top6 h1 label.sel:after {
	border-color:#3B3C7E;
}
#homeRunner .top6 h1 a {
	background-color:#3B3C7E;
}
#homeRunner .top6 .cont-fc .fc .tit,#homeRunner .top6 .cont-fc .fc .info {
	background:rgba(59,60,126,0.3);
}
#homeRunner .quartz h1, #homeRunner .quartz h1 label.sel:after {
	color:#DD2020;
}
#homeRunner .quartz .cont-fc, #homeRunner .quartz h1 select, #homeRunner .quartz h1 label.sel:after {
	border-color:#DD2020;
}
#homeRunner .quartz h1 a, #homeRunner .quartz a.close {
	background-color:#DD2020;
}
#homeRunner .quartz .cont-fc .fc .tit,#homeRunner .quartz .cont-fc .fc .info {
	background:rgba(221,32,32,0.3);
}
#homeRunner .quartz div.cont-before {
	font-family:Arial, Verdana, sans-serif;
	/*word-spacing: 1.5px;
    letter-spacing: 0.8px;*/
	font-size:1.1em;
	color:#555;
}
#homeRunner .quartz h1.cont-before {
	margin:15px;
}
#homeRunner .affich h1, #homeRunner .affich h1 label.sel:after {
	color:#00B2E1;
}
#homeRunner .affich .cont-fc, #homeRunner .affich h1 select, #homeRunner .affich h1 label.sel:after {
	border-color:#00B2E1;
}
#homeRunner .affich h1 a {
	background-color:#00B2E1;
}
#homeRunner .affich .cont-fc .fc .tit,#homeRunner .affich .cont-fc .fc .info {
	background:rgba(0,178,225,0.3);
}
#homeRunner .affich .cont-fc .fc .tit {
	font-size:1em;
	height:38px;
	padding:5px;
	overflow:hidden;
}
#searchRunner h1 {
	color:#6DA500;
	margin-top:0;
}
#searchRunner div.rech, #searchRunner #searchRes {
	background-color:#6DA500;
}
#searchRunner .cont-fc .fc {
	background-color:#166900;
}
#searchRunner .cont-fc .fc .tit,#searchRunner .cont-fc .fc .info {
	background:rgba(109,165,0,0.3);
}


/*******************************************************************************/
/* Fiches coureurs */
/*******************************************************************************/
#headfile {
	color:white;
	background-color:#E54A3F;
	line-height:35px;
	min-height: 38px;
}
#headfile>span {
	padding-left:10px;
	font-family:Impact, sans-serif;
	font-size:1.5em;
	font-weight:normal;
}
#headfile .back, #topbar .back {
	line-height:37px;
	display:inline-block;
	color:white;
	font-size:1.2em;
    font-weight: bold;
    text-decoration: none;
    padding-right:5px;
    padding-left:5px;
    float:right;
}
#topbar .back {
line-height:40px;
}
#headfile a.back:hover, #topbar a.back:hover {
	background-color:rgba(255,255,255,0.3);
	color:white;
}
#headfile .back>span, #topbar .back>span {
	display:inline-block;
	float:right;
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat -763px 0 transparent;
	width:22px;
	height:22px;
	margin:8px 5px 5px 5px;
	-webkit-border-radius: 50%;
    border-radius: 50%;
}
#headfile a.btn.right,#content .runnercouv a.btn.right {
	float:right;
	color:white;
	background:transparent;
	margin:0;
	padding:0;
	border:0;
	font-size:1em;
	line-height:37px;
	width:auto;
	padding-left:10px;
}
#headfile a.btn.right:hover,#content .runnercouv a.btn.right:hover {
	background-color:rgba(255,255,255,0.3);
	color:white;
	border-radius:0;
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#content .runnercouv a.btn.right {
	background-color:#E54A3F;
	border-radius:0;
}
#content .runnercouv a.btn.right:hover {
	background-color:rgba(229,74,63,0.6);
}
#headfile a.btn.right>span,#content .runnercouv a.btn.right>span {
	display:inline-block;
	vertical-align: middle;
	width:22px;
	height:22px;
	margin:5px 15px 5px 5px;
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat -98px -2px transparent;
	-webkit-border-radius: 50%;
    border-radius: 50%;
}
#headfile a.btn.right.modif>span,#content .runnercouv a.btn.right.attach>span {
	background-position:-600px 0px;
}
#headfile a.btn.right.endmodif>span {
	background-position:-144px -25px;
}
#headfile a.btn.right.follow>span {
	background-position:-520px 0px;
}
#headfile a.btn.unfollow>span{
	background-position:-520px 0px;
}
#popModifPhoto, #popModifCouv {
	overflow:hidden;
}
#profilPhoto {
	position:relative;
	width:160px;
	height:200px;
	border: 1px dashed #ddd;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background-image: url(/National_Library/oe_/https://itra.run/images/upload_green.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#profilCouv {
	position:relative;
	width:840px;
	height:200px;
	border: 1px dashed #ddd;
}
#profilPhoto form, #profilCouv form {
	display:none;
}
.runnerpic {
	display:inline-block;
	position:relative;
	float:left;
	width:160px;
	height:200px;
	background:url(/National_Library/oe_/https://itra.run/images/bonh.png) no-repeat #999 top center;
	margin:0 20px 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.runnercouv {
	display:flex;
	position:relative;
	height:200px;
	background:url(/National_Library/oe_/https://itra.run/images/white70.png) no-repeat white center center;
	margin:0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.runnercouv.small {
	height:140px;
}
.runnerpic a, .runnercouv a {
	position:absolute;
	right:5px;
	top:5px;
	display:inline-block;
	width: 20px;
    background: url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat -642px 0px transparent;
}
.runnerpic a.modif, .runnercouv a.modif {
	height:20px;
}
.runnercouv a.btn.attach {
	right:17px;
	top:17px;
}
#content .content .runnercouv h2 {
	border:none;
	margin:0;
	padding:0;
	color:#E54A3F;
	text-transform:uppercase;
	position:absolute;
	top:15px;
	left:10px;
	font-size: 1.3em
}
#content .content .runnercouv div {
	margin:0;
	padding:0;
	max-width:660px;
	line-height:17px;
	color:white;
	position:absolute;
	top:40px;
	left:10px;
	
}
#content .content p.quartz {
	font-family: Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
    font-weight: normal;
    color:#DD2020;
    font-size:1.4em;
    margin-top:5px;
    margin-bottom:5px;
}
#content .content p.runnertitle, #content .content p.runnertitle input {
	color:#00ABF8;
	font-weight:bold;
	font-size:1.1em;
    margin-top:5px;
    margin-bottom:5px;
}
#content .content p.runnerlinkitra {
	color:black;
    margin-top:5px;
    margin-bottom:5px;
    white-space:pre-line;
}
#content .content div.runnertabs {
	clear:both;
	margin: 0px 20px;
    padding: 25px 0;
}
#content .content div.runnertabs a, #content .content div.runnertabs span{
	position:relative;
	display:inline-block;
	width:30.20%;
	background:#8FC1EE;
	color:white;
	margin:0;
	margin-right:1px;
	font-family: Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
    font-weight: normal;
    font-size:1.4em;
    padding:5px 1.5%;
    text-decoration:none;
}
#content .content div.runnertabs a.sel {
	background:#00ABF8;
}
#content .content div.runnertabs a.sel:after, #content .content div.runnertabs a.sel:hover:after {
    position: absolute;
    left: 0;
    bottom: -10px;
    content: '';
    height: 0px;
    border-left: 320px solid #00ABF8;
    border-bottom: 10px solid transparent;
}
#content .content div.runnertabs a:hover:after {
    position: absolute;
    left: 0;
    bottom: -10px;
    content: '';
    height: 0px;
    border-left: 320px solid #00ABF8; /*#2F3031;*/
    border-bottom: 10px solid transparent;
}
#content .content div.runnertabs a:hover {
	background-color:#00ABF8;
}
#content .content div.runnertabs a.sel:hover {
	background-color:#00ABF8;
}
#content .content div.runnertabs a.mb {
    background-image: url(/National_Library/oe_/https://itra.run/images/member_txt.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
}

#content .content div.tab {
	display:none;
}
#content .content div.tab.sel {
	display:block;
}
#content .mbz.msg_ident {
	color:#FFA500;
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	width:75%;
	margin:auto;
}
#content .mbz.msg_ident a {
	color:#FFA500;
}
#content .mbz.msg_ident a:hover {
	color:black;
}
#tabinfos .mbz {
	display:inline-block;
	text-align:left;
	margin:0 20px 25px 20px;
	vertical-align:top;
}
#tabresults .mbz, #tabstats .mbz {
	margin:0 20px 25px 20px;
}
#content .content .tab .mbz h2 {
	margin:0;
	margin-bottom:10px;
	position:relative;
}
#tabinfos .mbz.soc a {
	display:inline-block !important;
	width:24px;
	height:24px;
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) -97px -300px no-repeat #aaaaaa;
	margin:0 5px 5px 0;
	border:none;
}
#tabinfos .mbz.soc a.fb { background-position: -97px -299px; }
#tabinfos .mbz.soc a.tw { background-position: -120px -299px; }
#tabinfos .mbz.soc a.gplus { background-position: -144px -299px; }
#tabinfos .mbz.soc a.pinterest { background-position: -168px -299px; }
#tabinfos .mbz.soc a.instagram { background-position: -192px -299px; }
#tabinfos .mbz.soc a.youtube { background-position: -216px -299px; }
#tabinfos .mbz.soc a.snapchat { background-position: -240px -299px; }
#tabinfos .mbz.soc a.qzone { background-position: -264px -299px; }
#tabinfos .mbz.soc a.linkedin { background-position: -288px -299px; }
#tabinfos .mbz.soc a.vimeo { background-position: -312px -299px; }
#tabinfos .mbz.soc a.strava { background-position: -336px -299px; }
#tabinfos .mbz.soc a.nikeplus { background-position: -360px -299px; }
#tabinfos .mbz.soc a.garmin { background-position: -384px -299px; }
#tabinfos .mbz.soc a.suunto { background-position: -408px -299px; }
#tabinfos .mbz.soc a.tumblr { background-position: -432px -299px; }
#tabinfos .mbz.soc a.baidu { background-position: -456px -299px; }
#tabinfos .mbz.soc a.dailymotion { background-position: -480px -299px; }
#tabinfos .mbz.soc a.viadeo { background-position: -504px -299px; }

#tabinfos .mbz.soc h2 a, #tabinfos .mbz.web h2 a {
	position:absolute;
	right:0;
	bottom:5px;
	display:inline-block;
	margin:0;
	width: 20px;
    height: 20px;
    background: url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat -560px 0px transparent !important;
}
/*
#tabinfos .mbz.soc a.add {
	background:#7FA51B;
	padding: 0;
	border-radius:12px;
	float:right;
	margin:3px 0;
}
#tabinfos .mbz.soc a.try {
	background:transparent!important;
	color:inherit;
	width:auto;
	height:auto;
	line-height:24px;
}
*/
#tabinfos .mbz.soc a:hover {
	background-color:#2F3031;
}
#tabinfos .mbz.soc {
	width:144px;
}
/*
#tabinfos .mbz.soc span {
	width:90px;
	display:inline-block;
	overflow:hidden;
	position:relative;
	white-space:nowrap;
	vertical-align:top;
	line-height:24px;
}
#tabinfos .mbz.soc a.del {
	display:inline-block;
	width:16px;
	height:16px;
	background: url(/National_Library/oe_/https://itra.run/images/suppr.png) center center no-repeat transparent;
	margin: 0 0 10px 5px;
}
*/
#tabinfos .mbz.pers {
	width:270px;
}
#tabinfos .mbz.web, #content .mbz.ipitra {
	width:458px;
}
#content .mbz.ipitra {
	clear:both;
}
#content .mbz.ipitra div.auto {
	margin: 0 20px;
}
#content .mbz.ipitra table tbody td {
	padding:2px 0;
	line-height:14px;
	height:18px;
}
#tabinfos .mbz.run, #tabinfos .mbz.other, .tab .mbz.wr {
	display:inline-block;
	/*width:458px;*/
	width:650px;
}
#tabinfos .mbz.heart, #tabinfos .mbz.ip {
	display:block;
	clear:both;
}
.tab .mbz div {
	margin-bottom:5px;
}
.tab .mbz input[type=text] {
	width:300px;
}
.tab .mbz.other input[type=text], .runnertitle input[type=text] {
	width:99%;
}
.tab .mbz div.auto {
	width:auto;
	margin:0;
}
.tab .mbz div.tips {
	color:#00ABF8;
	margin:0 0 20px 0;
}
#content .tab .mbz div.tips a {
	color:#00ABF8;
}
#content .tab .mbz div.tips a:hover {
	color:black;
}
#content #tabinfos .mbz .calend div.race h2 {
	font-size:1.2em;
	margin:0;
	font-family:Arial,Verdana,sans-serif;
	text-transform:none;
	color:#00ABF8;
	font-weight:bold;
}
#content #tabinfos .mbz .calend div.race a:hover h2 {
	color:black;
}
#content .content .mbz .calend p.cal-vign {
	margin:0;
	width:220px;
	height:120px;
	position:relative;
}
#content .content .mbz .calend p.cal-vign span.del, #content .content .mbz .cont-fc div.fc span.del {
	position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    background: url(/National_Library/oe_/https://itra.run/images/suppr.png) center center no-repeat transparent;
    cursor:pointer;
}
#content .content .mbz .calend div.race img {
	min-width:220px;
	min-height:120px;
}
#content .content .mbz .calend div.race {
	width:220px;
	height:200px;
}
#content .content .mbz .calend div.race div {
	margin:0;
}
#content .mbz .cont-fc .fc {
	margin-left:40px;
}
#content .mbz .cont-fc .fc:nth-child(6n+1) {
	margin-left:40px;
}
#content .mbz .cont-fc .fc:nth-child(5n+1) {
	margin-left:0;
}
#content .mbz .cont-fc .fc:nth-child(n+5) {
	margin-top:20px;
}

#content .tab .mbz .ong {
	margin:10px 0;
	border-top:1px solid #ccc;
}
#content .tab .mbz .ong a {
	font-family:Impact, sans-serif;
	word-spacing: 1.5px;
    letter-spacing: 0.8px;
	font-weight:normal;
	font-size:1.2em;
	display:inline-block;
	text-decoration:none;
	color:#8FC1EE;
	margin-right:2em;
}
#content .tab .mbz .ong a:hover {
	color:#00ABF8;
}
#content .tab .mbz .ong a.sel {
	color:#00ABF8;
	border-bottom:1px solid #ccc;
}
#content .tab .mbz .ong a.mb {
	color:#B5CF84;
	padding-right:25px;
	background-image:url(/National_Library/oe_/https://itra.run/images/member.png);
	background-position:center right;
	background-repeat:no-repeat;
}
#content .tab .mbz .ong a.mb:hover {
	color:#6CA500;
}
#content .tab .mbz .ong a.mb.sel {
	color:#6CA500;
}
#content .mbz table {
	width:100%;
	margin:20px 0;
	border-collapse:separate;
	border-spacing:4px;
}
#content .mbz table thead tr {
	color:#00ABF8;
	background:none;
	height:auto;
	border:none;
}
#content .mbz table thead td {
	font-weight:normal;
	text-align:left;
	padding:2px 0;
	height:23px;
	border-bottom:2px solid #ccc;
}
#content .tab .mbz table tbody tr:nth-child(even) {
	background-color:transparent;
}
#content .mbz table tbody td {
	font-weight:normal;
	text-align:left;
	padding:7px 0 2px 0;
	height:20px;
	border-bottom:1px solid #ccc;
	vertical-align:top;
}
#content .mbz table tbody td.mb {
	vertical-align:top;
}
#content .mbz table tbody td.mb, #content .mbz table thead tr td.mb, #tabstats .mbz.evol div.mb {
	color:#6DA500;
}

#tabpalm thead td {
	vertical-align:bottom;
}
#tabpalm td.r, #tabpalm td.c {
	display:none;
}
#content #formanom {
	position:absolute;
	right:0px;
	bottom:4px;
}
#content #formanom a {
	display:inline-block;
	padding:4px 0.7em 3px 0.7em;
	font-weight: bold;
    text-transform: uppercase;
    text-decoration:none;
    font-size: 14px;
	font-family:Arial,Verdana,sans-serif;
	color:#6CA500;
	background:white;
	border:1px solid #B5CF84;
	box-shadow: 3px 2px 5px 0px rgba(181, 207, 132, 0.7);
	border-radius:3px;
}
#content #formanom a span {
	display:inline-block;
	margin:0;
	margin-right:0.7em;
	width: 20px;
    height: 20px;
    border-radius:10px;
    vertical-align:middle;
    background: url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat -719px 0px #6CA500;
}
#content #formanom a:hover {
	background-color:#6CA500;
	border-color:#6CA500;
	color:white;
}
#content #formanom a:hover span {
	background-position:-680px 0px;
}

#content .mbz.os table {
	width:auto;
	min-width:190px;
	float:left;
}
#content .mbz.os table thead td, #content .mbz.os table tbody td {
	border-bottom:1px solid #ccc;
	height:16px;
	padding:0;
}

.progress {
	display:none;
	width:300px;
	max-width:100%;
	height:20px;
	border:1px solid grey;
	border-radius:4px;
	margin:auto;
	text-align:left;
	position:relative;
}
.progress div {
	background:#7FA51B;
	width:0%;
	height:100%;
}
.progress span {
	position: absolute;
    top: 2px;
    left: 46%;
}
#profilCouv .progress {
	position: absolute;
    display: block;
    top: 80px;
    z-index: 110;
    left: 250px;
}
#profilPhoto .progress {
	position: absolute;
    display: block;
    top: 80px;
    z-index: 110;
    left: 0;
}

#imslider {
	width: 1000px;
	height: 470px;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
}
#imslider div.big {
	width: 1000px;
	height: 400px;
	background:url(/National_Library/oe_/https://itra.run/images/plusblk.png) center center no-repeat black;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;

	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
#imslider input {
	display:none;
}
#imslider input#img1:checked ~ div.i1, #imslider input#img2:checked ~ div.i2, #imslider input#img3:checked ~ div.i3, #imslider input#img4:checked ~ div.i4, #imslider input#img5:checked ~ div.i5, #imslider input#img6:checked ~ div.i6, #imslider input#img7:checked ~ div.i7, #imslider input#img8:checked ~ div.i8, #imslider input#img9:checked ~ div.i9, #imslider input#img10:checked ~ div.i10 {
	opacity: 1;
	z-index: 80;
}
#imslider input#img1:checked ~ .label label.i1, #imslider input#img2:checked ~ .label label.i2, #imslider input#img3:checked ~ .label label.i3, #imslider input#img4:checked ~ .label label.i4, #imslider input#img5:checked ~ .label label.i5, #imslider input#img6:checked ~ .label label.i6, #imslider input#img7:checked ~ .label label.i7, #imslider input#img8:checked ~ .label label.i8, #imslider input#img9:checked ~ .label label.i9, #imslider input#img10:checked ~ .label label.i10 {
	opacity:1;
}
#imslider .label {
	position:absolute;
	bottom:0;
	background-color:#eeeeee;
	min-width:100%;
}
#imslider .label label {
	display: block;
	position:relative;
	width: 98px;
	height: 60px;
	float: left;
	margin-left: 2px;
	background:url(/National_Library/oe_/https://itra.run/images/plusblk.png) center center no-repeat transparent;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity:0.45;
	cursor:pointer;
}
#imslider .label label.add {
	-webkit-background-size: inherit;
	-moz-background-size: inherit;
	-o-background-size: inherit;
	background-size: inherit;
}
#imslider .label label:hover {
	opacity:0.7;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#imslider .label label a {
	position:absolute;
	display:inline-block;
	top:0;
	right:0;
	width:16px;
	height:16px;
	background:url(/National_Library/oe_/https://itra.run/images/suppr.png) center center no-repeat transparent;
}
#imslider .label label:first-child {
	margin-left: 1px;
}
#imslider .label span {
    line-height: 60px;
    font-size: 1.4em;
    color:grey;
    cursor:pointer;
}



#tabs .ui-widget-header, #tabs.ui-widget-content {
	background:none;
	border:none;
}
#tabs.ui-tabs .ui-tabs-nav {
	padding:0;
	text-align:center;
	border-bottom:1px solid #7FA51B !important;
}
#tabs.ui-tabs .ui-tabs-nav li {
	display:inline-block;
	float:initial;
	border:none;
	border-bottom:0;
	margin:0;
	padding:0;
	background:transparent;
}
#tabs.ui-tabs {
	padding:0;
}
#tabs.ui-tabs .ui-tabs-nav li a {
	margin:0;
}
#tabs.ui-tabs .ui-tabs-nav li.ui-state-active {
	border-bottom:4px solid #7FA51B !important;
	top:5px;
}
#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited {
	color:black;
	font-size:1.3em;
}

/*************************************************RATTACHEMENTS ESPACE PERSO****************************************************************************/
#rat-glob{
	min-height:500px;
}
#rat-glob a.rat-fc,#rat-glob a.rat-orga,#rat-glob a.rat-fede,#rat-glob a.rat-club, #rat-glob .rat-tit,.ratresume{
	display:block;
	margin:auto;
	margin-top:30px;
	width:300px;
	position:relative;
}
.ratresume{
	margin-top:5px;
}
#rat-glob a.rat-fc::after,#rat-glob a.rat-orga::after,#rat-glob a.rat-club::after,#rat-glob a.rat-fede::after {
	content:""; 
	background:url(/National_Library/oe_/https://itra.run/images/sprite.png) repeat -141px 0 transparent;
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:15px;
	margin-top:3px;
	position:absolute;
    right:10px;
    transform:rotate(90deg);
}
#rat-glob a.rat-fc {
	background-color:#00ACE6;
}
#rat-glob a.rat-orga {
	background-color:#009540;
}
#rat-glob a.rat-club {
	background-color:#FF9400;
}
#rat-glob a.rat-fede {
	background-color:#E54A3F;
}

.ratflex {
    display: flex;
    flex-flow: row;
    flex-wrap:no-wrap;
    align-items:strech;
    justify-content : space-between;
}
#rat-fc-search{
	padding:0 10px 10px 10px;
	background-color:#D1D3D0;
	width:66%;
	display:flex;
	flex-flow: column;
}
#rat-fc-cpt-verif{
	width:34%;
	display:flex;
	flex-flow:column;
	align-items:strech;
}
#rat-fc-cpt{
	padding:0 10px 10px 10px;
	flex-grow:2;
	min-height:330px;
}
#rat-fc-verif{
	padding:0 10px 10px 10px;
	background-color:#2E3647;
	color:white;
	flex-grow:1;
}
#rat-fc-verif .upzone.profil{
	margin:auto;
	margin-top:10px;
}
.rat-back{
	text-align:center;
	padding:10px;
}

.ratflex .cont-fc{
	border:none;
}
#fSearchRunner,#fSearchEntity,#fCreateEntity{
	margin:10px 0;
	position:relative;
}
#fSearchRunner label,#fSearchEntity label,#fCreateEntity label{
	display:inline-block;
	width:165px;
}
#fCreateEntity label.radio{
	width:auto;
}
#fSearchRunner input[type=submit],#fSearchEntity input[type=submit],#fCreateEntity input[type=submit]{
	position:absolute;
	right:10px;
	bottom:0;
}
#fRattachRunner, #fRattachEntity {
	flex-grow:3;
	display:flex;
	flex-flow:column;
	align-items:strech;
}
#fRattachRunner .rat-valid, #fRattachEntity .rat-valid{
	align-self: flex-end;
}
#fRattachRunner .cont-fc .fc{
	height:180px;
	margin:0px 0px 8px 0px;
}
#fRattachRunner .cont-fc .fc .info{
	top:145px;
}
#fRattachRunner .cont-fc .fc .in{
	display:block;
	padding:0 0 5px 3px;
	font-style:italic;
	color:white;
	text-shadow: 1px 1px 1px black;
	font-size:0.9em;
}
#fRattachRunner .cont-fc .fc:nth-child(6n+1) {
	margin:0px 0px 8px 0px;
}
#fRattachRunner .cont-fc .fc:nth-child(n+7) {
	margin:0px 0px 8px 0px;
}

#rat-fc-res {
	flex-grow:3;
	display:flex;
	flex-flow:row;
	flex-wrap:wrap;
	justify-content : space-around;
	align-items:center;
	align-content:center;
}
.toomuch{
	color:red;
}

#fRattachEntity select,#fRattachRunner select,#fSearchRunner select,#fSearchEntity select,#fCreateEntity select{
	max-width:180px;
}

.valid-msg {
	color:green;
	display:none;
}
.error-msg {
	color:red;
	display:none;
}

/*************************************************FIN RATTACHEMENTS ESPACE PERSO****************************************************************************/
/*************************************************RATTACHEMENTS ENTITE****************************************************************************/
#tabs-entity{
	width:66%;
	padding:0 10px 10px 10px;
	background:#D1D3D0;
	border:none;
}
#rat-entity-current{
	width:34%;
}
.cont-entity{
	display:flex;
	flex-flow:row;
	flex-wrap:wrap;
	justify-content : space-around;
	align-items:center;
	align-content:center;
	
}

.entity{
	background:#999;
	width:160px;
	height:130px;
	padding:0 0 5px;
	margin:0 0 8px 0;
	position:relative;
}
.entity  .name{
	text-align:left;
	padding:5px;
	background : rgba(64, 64, 64, 0.3) none repeat scroll 0% 0%;
	font-weight:bold;
	color:white;
}
.entity .site,.entity .ville,.entity .pays{
 padding:2px 5px 2px 5px;
 font-style:italic;
	color:white;
	text-shadow: 1px 1px 1px black;
	font-size:0.9em;
	overflow:hidden;
}
.entity .remove{
 position:absolute;
 bottom:2px;
 right:2px;
 width:18px;
 height:18px;
 background:url(/National_Library/oe_/https://itra.run/images/sprite.png) no-repeat -120px -340px transparent;
}
#rat-entity-res {
	min-height:100px;
}

#rat-manag ul {
	list-style:none;
	padding:0;
}
#rat-manag li {
	line-height:40px;
	clear:both;
	padding-left:15px;
}
#rat-manag li:nth-child(odd) {
	background-color:#eee;
}
#rat-manag li .rat-pic {
	display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border-radius: 50%;
    background:url(/National_Library/oe_/https://itra.run/images/bonh.png) no-repeat #999 top center;
    background-size: cover;
    vertical-align: middle;
}
#rat-manag li a.rat-name {
	text-decoration:none;
	color:#444;
}
#rat-manag li a.rat-name:hover {
	text-decoration:underline;
	color:black;
}
#rat-manag li .rat-myself {
	margin-right:10px;
	float:right;
}
#rat-manag li .rat-remove {
	display:inline-block;
	margin:10px 10px;
	cursor:pointer;
	float:right;

	width:17px;
	height:17px;
	background: url(/National_Library/oe_/https://itra.run/images/sprite.png) no-repeat -120px -342px;
	border:none;

}
#rat-manag li .rat-admin {
	display:inline-block;
	margin:6px 10px;
	width:26px;
	height:26px;
	border:none;
	cursor:pointer;
	background: url(/National_Library/oe_/https://itra.run/images/modif_toggle.png) no-repeat 0 0;
	float:right;
}
#rat-manag li .rat-admin.admin {
	background: url(/National_Library/oe_/https://itra.run/images/modif_toggle.png) no-repeat -28px 0;
}
/*************************************************FIN RATTACHEMENTS ENTITE****************************************************************************/

#txtLoginCpt,#txtCreaCpt {
	color:black;
	font-weight:bold;
	margin-bottom:10px;
}

.pay {
	background-color:#7FA51B;
	color:white;
	display:inline-block;
	padding:5px;
	text-align:center;
	box-shadow: 3px 3px 6px 4px rgba(0, 0, 0, 0.3);
}
.paydiv{
	display:flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}