@charset "utf-8";
/* CSS Document */
/*html {height:100%}*/
body { font-family:Arial;font-size:12px;color:#FFFFFF;margin:0px;background:#08519b url('../img/bg.gif') top repeat-x;}

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

ul {list-style:none;padding:0;margin:0}
	ul li {list-style:none;padding:0;margin:0}
img {border:none}

#NFSTopBar {width:100%;height:24px;color:#FFFFFF;background-color:#404040;border-bottom:1px solid #636363;clear:both;margin:0;}
	#NFSTopBar a {padding-top: 0px; }
	.minitem {display:inline;float:left;padding-left:20px}
    .minitem .minit {float: left; padding-top: 5px; padding-left: 10px}

#NFS {margin-left: 30px; width:80%; float: left}
header#netforspeedtop {padding:0;margin:0;color:#FFF;position:relative}

.textbeauty {
padding: 0.5rem;
  border: double 3px transparent;
  border-radius: 6px;
  background-image: linear-gradient(white, white), 
                    linear-gradient(to right, orange, yellow);
  background-origin: border-box;
  background-clip: padding-box, border-box;
    }

#sidebar {display:block;position: absolute; margin-top: 15px; right: 50px; float:right;width:350px; text-shadow: 1px 1px rgba(0, 0, 0, 0.3)}
	.block {display:block;clear:both;margin:0 0 15px 0;background:rgba(255, 255, 255, 0.05);color:#5892cc;padding:10px;line-height:20px;border:1px solid rgba(255, 255, 255, 0.08)}
		.block h2 {margin:20px 0 5px 0;padding:0;font-family:"Arial Black", Gadget, sans-serif;color:#FFF;/*text-shadow: 2px 2px rgba(0, 0, 0, 0.3)*/}
		.block h2:first-child {margin-top:0}
		
		.block p {margin:0;padding:0;color:#FFF;text-shadow: 1px 1px rgba(0, 0, 0, 0.3)}
		.block p span {display:inline-block;float:right;text-align:right;text-shadow: 1px 1px rgba(0, 0, 0, 0.3)}
		
		#horaires li, #hotline li {display:block;padding:3px 10px;border-bottom:1px solid #074b90;border-top:1px solid #2b69a9;}	
		#horaires li:first-child, #hotline li:first-child {border-top:none}
		#horaires li:last-child, #hotline li:last-child {border-bottom:none}
		#horaires span, #hotline span {display:inline-block;float:right;}	
		#hotline {font-size:11px}
	.fb-block {display:block;clear:both;margin:0 0 15px 0;background:#fff;padding:2px;}

#wrapper {width:95%;margin:0;padding:0;float:left;font-size:1.2em}
	.hide {display: none;}
	#wrapper h3 {font-family:"Arial Black", Gadget, sans-serif;color:#FFF;/*text-shadow: 2px 2px rgba(0, 0, 0, 0.3);*/padding:0;margin:0 0 15px 0}
	#wrapper ul {}
			#wrapper ul li {margin:4px 0}


	#cform {width:550px;margin:0 auto;}
		#cform form {margin:0px;}
		
		#cform .contact_infos {margin:10px 0;padding:0}
			#cform .contact_infos li {display:inline;float:left;list-style:none;padding:0;margin:0;width:33%}
			#cform .contact_infos li:nth-child(2) {width:34%}
			#cform .contact_infos li:last-child input {float:right}
		
		#cform #formcontent {width:532px;display:block;border:none;background:rgba(255, 255, 255, 0.08);padding:8px;border-radius:3px;box-shadow:1px 1px 0 rgba(255, 255, 255, 0.18), inset 1px 1px 0 rgba(5, 61, 120, 0.7);font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#5892cc;min-height:100px;text-shadow: 1px 1px rgba(0, 0, 0, 0.3)}
		#cform input {display:block;border:none;background:rgba(255, 255, 255, 0.07);padding:4px 8px;border-radius:3px;box-shadow:1px 1px 0 rgba(255, 255, 255, 0.15), inset 1px 1px 0 rgba(5, 61, 120, 0.6);margin:2px;line-height:20px;height:20px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#5892cc;width:160px;text-shadow: 1px 1px rgba(0, 0, 0, 0.3)}
			#cform .contact_infos li:nth-child(2) input {margin-left:6px}
			
		#cform p.error {border:3px solid #FFF;background:#F5F5F5;color:#C00}
		
		#cform .footform {width:375px;margin:0 auto}
		#cform .captcha {width:190px;text-align:center;margin:10px 50px 10px 10px;display:inline;float:left;font-size:12px}
		#cform ul.bot {margin:10px auto;padding:0;list-style:none;}
			#cform ul.bot li {margin:0 5px;padding:0;list-style:none;display:inline-block;float:left}
			#cform ul.bot li.arrow {background:url(img/mini-arrow.png) no-repeat 50% 50%;width:20px;height:30px;}
		#cform .gogogo {margin:25px 10px;padding:10px;font-size:18px;display:inline-block;float:left;text-align:center;background:rgba(255, 255, 255, 0.05);color:#fff;border:1px solid rgba(255, 255, 255, 0.08);font-family:"Arial Black", Gadget, sans-serif;}
			#cform .gogogo:hover {border-color:#fff} 

#cform input:focus, #cform input.focused, #cform #formcontent:focus, #cform #formcontent.focused {color:#FFF}


.newsiteinfo {background:#FFF url(img/degrade.gif) repeat-x bottom;color:#08519b;margin:15px;padding:10px;font-size:11px;border:1px solid #FFF;}
	.newsiteinfo h4 {margin:0 0 10px 0;padding:0;font-size:14px}
	.newsiteinfo form {margin:10px 20px 0 20px;padding:0}
	.newsiteinfo form input.mail {width:250px}
	
#colophon {display:block;clear:both;text-align:center;margin:25px 0 10px 0}

.scrollButtons {visibility:hidden;display:none}

/*clear*/
.clear {clear: both;} 
.clearfix:after {content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

@media (max-width: 1000px) {
#NFS {margin-left: 30px; width:92%; float: left}

}


#resp-table {
width: 100%;
display: table;
}
#resp-table-caption{
display: table-caption;
text-align: center;
font-size: 20px;
font-weight: bold;
width: 100%;
}
#resp-table-header{
display: table-header-group;
background-color: gray;
font-weight: bold;
font-size: 20px;
}
.table-header-cell{
display: table-cell;
padding: 10px;
text-align: center;
border-bottom: 1px solid black;
}
#resp-table-body{
display: table-row-group;
}
.table-url{
text-align: left;
}
.resp-table-row{
display: table-row;
text-align: center;
}

.table-body-cell{
display: table-cell;
padding: 10px;
}
#resp-table-footer {
display: table-footer-group;
background-color: gray;
font-weight: bold;
font-size: 20px;
color: rgba(255, 255, 255, 0.45);
}
.table-footer-cell{
display: table-cell;
padding: 10px;
text-align: justify;
border-bottom: 1px solid black;
}
#progressbar { width: 80%; margin-bottom: 10px }

.validme {
  background-color: blue;
  border: none;
  color: white;
  padding: 11px 32px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
}