#md{
	width:900px;
	min-height: 470px;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
}

#md_footer {
background: #649bc5 ;
/*background: #382B97;*/
/* margin-bottom: -20px; */
padding: 20px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
margin-top: 53px;

}

#md_footer p {
color: white;
text-align: center;
}
#md_footer a {
color: white;
text-align: center;
text-decoration:none;
}

/***FIRST STYLE THE BUTTON***/
input#bigbutton {
margin-top:20px;

width:150px;
background: #4989F2 ; /*the colour of the button*/
padding: 8px 14px 10px; /*apply some padding inside the button*/
border:1px solid #649bc5 ; /*required or the default border for the browser will appear*/
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
/*style the text*/
font-size:1em;
font-family:Oswald, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
letter-spacing:.1em;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
color: #fff;
/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
-webkit-box-shadow: inset 0px 1px 0px #4989F2 , 0px 5px 0px 0px #3179f1, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #4989F2 , 0px 5px 0px 0px #3179f1, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #4989F2 , 0px 5px 0px 0px #3179f1, 0px 10px 5px #999;
/*give the corners a small curve*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
float:right;

}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
input#bigbutton:hover, input#bigbutton:focus {
color:#dfe7ea;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: inset 0px 1px 0px #4989F2 , 0px 2px 0px 0px #3179f1, 0px 2px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #4989F2 , 0px 2px 0px 0px #3179f1, 0px 2px 5px #999;
box-shadow: inset 0px 1px 0px #4989F2 , 0px 2px 0px 0px #3179f1, 0px 2px 5px #999;
}

#tabs li {
display: inline-block;

}
#md ul{
margin: 0;
padding: 5px 5px 0 5px;
list-style: none;
background: #649bc5 !important;
}


#tabs a{
display: block;
background: #5fb0ee;
color: #fff;
padding: 0 10px;
height: 30px;
line-height: 30px;
}
#tabs a.selected {
background: #fff;
color: #5fb0ee;
height: 35px;
margin: 0;
}
#contenus-onglets 
{
padding: 10px;
background: #fff;
padding-bottom: 30px;
    
/*background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #DBDBDB)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #DBDBDB 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #DBDBDB 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #DBDBDB 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #DBDBDB 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #DBDBDB 100%);*/




}
#contenus-onglets table
{
padding: 10px;
margin-left:auto;
margin-right:auto;
}

#contenus-onglets td
{
padding: 5px;
margin-left:auto;
margin-right:auto;
width:40%;

}

label
{
	text-decoration:none;
	font-weight: lighter;
	font-family: Oswald, sans-serif;	
	
font-weight: bold;
	margin-right: 40px;
}
.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #959595;
	width: 60%;
	margin-left: 300px !important;
}
input[type=radio]{  
display:none;  
}

input:checked + label.t {  
background:-webkit-linear-gradient(top,#4D90FE,#4787ED); 
background:-moz-linear-gradient(top,#4D90FE,#4787ED); 
background:-o-linear-gradient(top,#4D90FE,#4787ED); 
background:-ms-linear-gradient(top,#4D90FE,#4787ED);    
border:solid 1px rgba(0,0,0,.15);  
color:white;  
box-shadow:0 1px 1px rgba(0,0,0,.65),0 1px 0 rgba(255,255,255,.1) inset;  
text-shadow:0 -1px 0 rgba(0,0,0,.6);  
font-weight: bold;
}  
 
label.t {  
font-family:helvetica;  
cursor:pointer;  
display:inline-block;  
border:solid 1px transparent;  
margin-right:2px;  
width:50px;  
height:40px;  
text-align:center;  
line-height:40px;  
border-radius:3px; 
color:black;    
font-weight: bold;
}  
 
label:last-child.t {  
margin-right:0;  
}  
 
label:hover.t {  
background:rgb(254,99,77);  
border:solid 1px rgba(0,0,0,.15); 
color:white;  
box-shadow:0 1px 1px rgba(0,0,0,.65),0 1px 0 rgba(255,255,255,.1) inset;  
text-shadow:0 -1px 0 rgba(0,0,0,.6);  
font-weight: bold;

}

input[type=checkbox].css-checkbox {
	display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:29px;
	height:20px; 
	display:inline-block;
	line-height:24px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:24px;
	vertical-align:middle;
	cursor:pointer;
	width: 0px;

}


label.css-label {
	background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_08601e6aceb7e8bb0844ddb70fb60402.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}