@font-face {
    font-family: "gotham";
    src: url('fonts/Gotham-Medium.otf');
}
@font-face {
    font-family: "gotham";
    font-style: italic;
    src: url('fonts/Gotham-MediumIta.otf');
}
@font-face {
    font-family: "gotham";
    font-weight: bold;
    src: url('fonts/Gotham-Bold.otf');
}
@font-face {
    font-family: "gotham_light";
    src: url('fonts/Gotham-Light.otf');
	}
@font-face {
    font-family: "gotham_light";
	font-style: italic;
    src: url('fonts/Gotham-LightIta.otf');
	}

body
	{
	margin:0px;
	font-family:'Trebuchet MS', tahoma, helvetica, verdana, sans serif;
	color:black;
	font-size:11px;
	}

body.full
	{ 
	margin:0;
	padding:0;
	background-color:#145d81;
	font-family:gotham;
	}
	
div.wrap
	{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	color:black;
	}

input[type = "submit"] {
    color:#000000;
	
	font-size:11px;
	}
	
input[type = "submit"]:hover {
    color:#FFFFFF;
	cursor:pointer;
	}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #538ed5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #538ed5;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #538ed5;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #538ed5;
}

.change::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #bebebe;
}
.change:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #bebebe;
    opacity: 1;
}
.change::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #bebebe;
    opacity: 1;
}
.change:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
color: #bebebe;}

input[type="text"].placeholder::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #b7b7b7;
	font-style:italic;
}
input[type="text"].placeholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #b7b7b7;
   opacity:  1;
   font-style:italic;
}
input[type="text"].placeholder::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #b7b7b7;
   opacity:  1;
   font-style:italic;
}
input[type="text"].placeholder:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #919191;
   font-style:b7b7b7;
}

textarea.placeholder::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #b7b7b7;
	font-style:italic;
}
textarea.placeholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #b7b7b7;
   opacity:  1;
   font-style:italic;
}
textarea.placeholder::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #b7b7b7;
   opacity:  1;
   font-style:italic;
}
textarea.placeholder:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #919191;
   font-style:b7b7b7;
}
	
div.logo
	{
	width:320px;
	height:130px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	}

div.login
	{
	width:320px;
	padding-top:15px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	background-color:#ffffff;
    -webkit-box-shadow: 0px 0px 8px #323232;
    -moz-box-shadow: 0px 0px 8px #323232;
    box-shadow: 0px 0px 8px #323232;
	padding-bottom:10px
	}

p.login
	{
	margin-top:0px;
	color:#145d81;
	font-size:18px;
	text-align:center;
	}
	
p.password
	{
	color:#145d81;
	font-family:gotham_light;
	font-size:12px;
	text-align:center;
	padding:2px 15px 10px 15px;
	}

input.login_username
	{
	-moz-border-radius:2px;
	border-radius:2px;
	color:white;
	background-color:#b8cce4;
	border:none;
	height:40px;
	text-align:center;
	margin-left:24px;
	font-size:14px;
	font-family:gotham;
	}

input.login_password
	{
	margin-top:8px;
	margin-left:24px;
	height:37px;
	width:272px;
	-moz-border-radius:2px;
	border-radius:2px;
	color:white;
	text-align:center;
	background-color:#b8cce4;
	border:none;
	font-size:14px;
	font-family:gotham;
	}

input.login_submit
	{
	margin-top:10px;
	float:right;
	margin-right:24px;
	height:20px;
	width:80px;
	-moz-border-radius:2px;
	border-radius:2px;
	color:white;
	text-align:center;
	background-color:#145d81;
	border:none;
	font-size:12px;
	font-family:gotham;
	margin-bottom:15px;
	}

input.password_submit
	{
	display:block;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	height:20px;
	width:80px;
	-moz-border-radius:2px;
	border-radius:2px;
	color:white;
	text-align:center;
	background-color:#145d81;
	border:none;
	font-size:12px;
	font-family:gotham;
	margin-bottom:15px;
	}

input.login_checkbox
	{
	margin-top:10px;
	margin-left:24px;
	-moz-border-radius:2px;
	border-radius:2px;
	color: #09ad7e;
	background-color:#378523;
	position:relative;
	top:3px;
	}

label.login
	{
	color:#145d81;
	font-size:10px;
	font-family:gotham;
	margin-left:5px;
	margin-top:0px;
	margin-bottom:0px;
	}

div.login_line
	{
	clear:both;
	background-color:#c3c3c3;
	height:1px;
	width:272px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:5px;
	}

a.login
	{
	text-decoration:none;
	color:#145d81;
	font-size:10px;
	font-family:gotham;
	margin-left:24px;
	}

div.lien1
	{
	text-align:center;
	background-color:#cccccc;
	border-radius:5px;
	background-image:-moz-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-webkit-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-o-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:linear-gradient(#e0e0e0, #d5d5d5);	
	border:1px solid #d3d3d3;
	box-shadow: 0px 0px 2px #aaa;
	}

div.lien1:hover
	{
	background-color:#cccccc;
	background-image:-moz-linear-gradient(#4f81bd, #376091);
	background-image:-webkit-linear-gradient(#4f81bd, #376091);
	background-image:-o-linear-gradient(#4f81bd, #376091);
	background-image:linear-gradient(#4f81bd, #376091);
	box-shadow: 0px 0px 5px #aaa;
	}

div.lien2
	{
	text-align:center;
	background-color:#cccccc;
	border-radius:5px;
	background-image:-moz-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-webkit-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-o-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:linear-gradient(#e0e0e0, #d5d5d5);	
	border:1px solid #d3d3d3;
	box-shadow: 0px 0px 2px #aaa;
	}

div.lien2:hover
	{
	background-color:#cccccc;
	background-image:-moz-linear-gradient(#c0504d, #953735);
	background-image:-webkit-linear-gradient(#c0504d, #953735);
	background-image:-o-linear-gradient(#c0504d, #953735);
	background-image:linear-gradient(#c0504d, #953735);
	box-shadow: 0px 0px 5px #aaa;
	}

div.lien3
	{
	text-align:center;
	background-color:#cccccc;
	border-radius:5px;
	background-image:-moz-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-webkit-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-o-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:linear-gradient(#e0e0e0, #d5d5d5);	
	border:1px solid #d3d3d3;
	box-shadow: 0px 0px 2px #aaa;
	}

div.lien3:hover
	{
	background-color:#cccccc;
	background-image:-moz-linear-gradient(#9bbb59, #75923c);
	background-image:-webkit-linear-gradient(#9bbb59, #75923c);
	background-image:-o-linear-gradient(#9bbb59, #75923c);
	background-image:linear-gradient(#9bbb59, #75923c);
	box-shadow: 0px 0px 5px #aaa;
	}

div.lien4
	{
	text-align:center;
	background-color:#cccccc;
	border-radius:5px;
	background-image:-moz-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-webkit-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-o-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:linear-gradient(#e0e0e0, #d5d5d5);	
	border:1px solid #d3d3d3;
	box-shadow: 0px 0px 2px #aaa;
	}

div.lien4:hover
	{
	background-color:#cccccc;
	background-image:-moz-linear-gradient(#f79646, #e46d0a);
	background-image:-webkit-linear-gradient(#f79646, #e46d0a);
	background-image:-o-linear-gradient(#f79646, #e46d0a);
	background-image:linear-gradient(#f79646, #e46d0a);
	box-shadow: 0px 0px 5px #aaa;
	}
	
div.lien5
	{
	text-align:center;
	background-color:#cccccc;
	border-radius:5px;
	background-image:-moz-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-webkit-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-o-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:linear-gradient(#e0e0e0, #d5d5d5);	
	border:1px solid #d3d3d3;
	box-shadow: 0px 0px 2px #aaa;
	}

div.lien5:hover
	{
	background-color:#cccccc;
	background-image:-moz-linear-gradient(#8064a2, #60497b);
	background-image:-webkit-linear-gradient(#8064a2, #60497b);
	background-image:-o-linear-gradient(#8064a2, #60497b);
	background-image:linear-gradient(#8064a2, #60497b);
	box-shadow: 0px 0px 5px #aaa;
	}

div.lien6
	{
	text-align:center;
	background-color:#cccccc;
	border-radius:5px;
	background-image:-moz-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-webkit-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-o-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:linear-gradient(#e0e0e0, #d5d5d5);	
	border:1px solid #d3d3d3;
	box-shadow: 0px 0px 2px #aaa;
	}

div.lien6:hover
	{
	background-color:#cccccc;
	background-image:-moz-linear-gradient(#4bacc6, #31849b);
	background-image:-webkit-linear-gradient(#4bacc6, #31849b);
	background-image:-o-linear-gradient(#4bacc6, #31849b);
	background-image:linear-gradient(#4bacc6, #31849b);
	box-shadow: 0px 0px 5px #aaa;
	}

a.menu
	{
	text-decoration:none;
	color:#44b2e8;
	font-size:12px;
	}

a.menu:hover
	{
	color:#ffffff;
	}

a.ariane
	{
	text-decoration:none;
	color:#747474;
	}

a.ariane:hover
	{
	color:#145d81;
	}

label.btn
	{
	display:block;
	text-align:center;
	font-family:gotham_light;
	cursor:pointer;
	border-radius:4px;
	border:1px solid #c0c0c0;
	padding-left:4px;
	padding-right:4px;
	padding-top:5px;
	padding-bottom:5px;
	color:#747474;
	}

label.btn:hover
	{
	box-shadow: 0px 0px 2px #aaa;
	background-color:#f0f0f0;
	}

.live {
	position:relative;
	overflow:hidden;
	border:3px solid #fff;
	box-shadow:0px 0px 5px #aaa;
	max-width:90%;
	margin-left:5%;
	height:56px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	margin-top:4px;
	background-color:#fff;
	}

.live .live_color, .replay_color {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:51px;
	margin-left:-92px;
	padding-top: 11px;
	}
	
.live:hover .live_color {
	margin-left:0;
	background-color: rgba(192, 80, 77, 0.8)
	}

.live:hover .replay_color {
	margin-left:0;
	background-color: rgba(9, 93, 129, 0.8)
	}

.live_text {
	display:block;
	color:white;
	font-size:1em;
	line-height:1.2em;
	font-family:gotham_light;
	}

.live_text:hover {
	text-decoration:none;
	}

.live_color {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}

.replay_color {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	
img.liste-clients
	{
	height:30px;
	width:30px;
	margin-left:1%;
	border:2px solid #fff;
	border-radius:100px;
	box-shadow: 0px 0px 5px #aaa;
	}

img.liste-clients2
	{
	height:94px;
	width:94px;
	margin-left:1%;
	border:2px solid #fff;
	border-radius:100px;
	box-shadow: 0px 0px 5px #aaa;
	}
	
img.liste-clients3
	{
	height:24px;
	width:24px;
	border:2px solid #fff;
	border-radius:100px;
	box-shadow: 0px 0px 5px #aaa;
	}
	
a.petit_bouton
	{
	text-align:center;
	background-color:#cccccc;
	border-radius:4px;
	background-image:-moz-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-webkit-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:-o-linear-gradient(#e0e0e0, #d5d5d5);
	background-image:linear-gradient(#e0e0e0, #d5d5d5);	
	border:1px solid #d3d3d3;
	box-shadow: 0px 0px 2px #aaa;
	color:#747474;
	cursor:pointer;
	text-decoration:none;
	}

a.petit_bouton:hover
	{
	background-color:#cccccc;
	background-image:-moz-linear-gradient(#4f81bd, #376091);
	background-image:-webkit-linear-gradient(#4f81bd, #376091);
	background-image:-o-linear-gradient(#4f81bd, #376091);
	background-image:linear-gradient(#4f81bd, #376091);
	box-shadow: 0px 0px 5px #aaa;
	color:#FFFFFF;
	}

a.rubrique
	{
	text-decoration:none;
	color:#FFFFFF;
	}

a.rubrique:hover
	{
	color:#FFFFFF;
	}

a.lien_nouveau
	{
	text-decoration:none;
	color:#000000;
	}

a.lien_nouveau:hover
	{
	color:#FFFFFF;
	}

div.lien_nouveau
	{
	font-size:12px;
	background-color:#6b94c3;
	background-image:-moz-linear-gradient(#6b94c3, #4f81bd);
	background-image:-webkit-linear-gradient(#6b94c3, #4f81bd);
	background-image:-o-linear-gradient(#6b94c3, #4f81bd);
	background-image:linear-gradient(#6b94c3, #4f81bd);
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #e6e6e6;
	box-shadow: 0px 0px 5px #aaa;
	}

div.lien_nouveau:hover
	{
	background-color:#cccccc;
	background-color:#4f81bd;
	background-image:-moz-linear-gradient(#4f81bd, #376091);
	background-image:-webkit-linear-gradient(#4f81bd, #376091);
	background-image:-o-linear-gradient(#4f81bd, #376091);
	background-image:linear-gradient(#4f81bd, #376091);	
	box-shadow: 0px 0px 5px #aaa;
	}
	
div.lien_nouveau2
	{
	font-size:12px;
	background-color:#c77371;
	background-image:-moz-linear-gradient(#c77371, #c0504d);
	background-image:-webkit-linear-gradient(#c77371, #c0504d);
	background-image:-o-linear-gradient(#c77371, #c0504d);
	background-image:linear-gradient(#c77371, #c0504d);
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #e6e6e6;
	box-shadow: 0px 0px 5px #aaa;
	}

div.lien_nouveau2:hover
	{
	background-color:#4f81bd;
	background-image:-moz-linear-gradient(#c0504d, #953735);
	background-image:-webkit-linear-gradient(#c0504d, #953735);
	background-image:-o-linear-gradient(#c0504d, #953735);
	background-image:linear-gradient(#c0504d, #953735);	
	box-shadow: 0px 0px 5px #aaa;
	}

div.lien_nouveau3
	{
	font-size:12px;
	background-color:#fea550;
	background-image:-moz-linear-gradient(#fea550, #fe912a);
	background-image:-webkit-linear-gradient(#fea550, #fe912a);
	background-image:-o-linear-gradient(#fea550, #fe912a);
	background-image:linear-gradient(#fea550, #fe912a);
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #e6e6e6;
	box-shadow: 0px 0px 5px #aaa;
	}

div.lien_nouveau3:hover
	{
	background-color:#fe912a;
	background-image:-moz-linear-gradient(#fe912a, #ff8613);
	background-image:-webkit-linear-gradient(#fe912a, #ff8613);
	background-image:-o-linear-gradient(#fe912a, #ff8613);
	background-image:linear-gradient(#fe912a, #ff8613);	
	box-shadow: 0px 0px 5px #aaa;
	}
	
/*Filter styles*/
.brightness { filter: brightness(0.65); }

a.trait:before {
content: "";
position: absolute;
width: 100%;
height: 0.15em;
top: 20px;
left: 0;
background-color: #fff;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
	
a.trait:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

a.trait2:before {
content: "";
position: absolute;
width: 100%;
height: 0.15em;
top: 20px;
left: 0;
background-color: #5f9bbd;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
	
a.trait2:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}