/* @override http://espacedev.dyndns.org/testfr/css/gestion.css */

body {
	/*background: #d6d3cc url(../images/bg_large.gif) repeat-y scroll center;*/
}

a{
	color:#333333;
	text-decoration: none;
}

a:hover{
	color: #bf3835;
	text-decoration: underline;
}

a.pdf{
	color: #bf3835;
	text-decoration: none;
}
a.pdf:hover{
	color:#333333;
	text-decoration: underline;
}

input, label{
	
}

input{

}
input:focus{
}

.checkbox, .checkbox:focus{
	width:auto;
	border: 0;
	background-color: transparent;
}

.radio{
	width:auto;
	border: 0;
	background-color: transparent;
}

label{
	color: #4e4e4e;
	font-size:16px;
	display:block;
	padding:0 0 5px 0;
}
label.gestion{
	color:#333333;
}

/*#PageWrap {
	background:white;
	margin:0 auto;
	width:1015px;
}*/

.alert{
	position:absolute;
	top:210px;
	margin:0 auto;
}

#banniere{
	background-image: url(../images/gestion_header.jpg);
	height: 96px;
	width: 1015px;
}

#btn_exporter, #btn_renouveller, .boutonFleche{
	float:right;
	text-align:right;
}

#btn_supprimer{
	float:right;
}

#txt_code{
width:50px;
}


/*#contenu_central{
	margin:0 auto;
	width: 775px;

}*/

#form_action_filter{
	margin-bottom: 10px;
}

#nbr_resultat{
	font-weight:bold;
	position:relative;
	float:right;
	top:30px;
}

/*#table_liste_code{
	border-collapse: collapse; 
	border-spacing:0px;
	margin-top: 10px;
	width: 100%;
}

#table_liste_code th{
	border:1px #888888 solid;
	background-color:#CCCCCC;
}

#table_liste_code td{
	border:1px #888888 solid;	
}
*/
#table_resultat, #table_liste_code{
	border-collapse: collapse;
	border-spacing:0px;
	margin-top:5px;
	width:100%;
	margin-top:10px;
}

#table_resultat td a, #table_liste_code td a{
	color: #115f84;
	text-decoration: none;
}

#table_resultat td a:hover, #table_liste_code td a:hover{
	color: #bf3835;
	text-decoration: underline;
}

#table_resultat th, #table_liste_code th{
	background-color:#1790c8;
	font-size:14px;
	color:#ffffff;
	font-weight:700;
	text-transform:uppercase;
	text-align:left;
	padding:12px 14px;
	border-right:1px solid #ffffff;
}

#table_resultat th, #table_liste_code th.center{
	text-align:center;
}
#table_resultat th a, #table_liste_code th a { color:#ffffff; }
#table_resultat tr, #table_liste_code tr {
	/*border:1px #888888 solid;*/
	background:#e6e6e6;
	border-bottom:1px solid #ffffff;
}
#table_resultat tr td, #table_liste_code tr td {	padding:12px 14px; font-size:14px; font-weight:400; border-right:1px solid #ffffff; color:#115f84; }
#table_resultat tr:nth-child(odd), #table_liste_code tr:nth-child(odd) { background:#f3f3f3; }

#table_resultat tr:hover, #table_liste_code tr:hover { background:#56abd2; }
#table_resultat tr:hover td, #table_resultat tr:hover td a, #table_liste_code tr:hover td, #table_liste_code  tr:hover td a{ color:#ffffff; }
/*#titre_section{
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 50px;
	margin-top: 50px;
	padding: 2px;
}*/

#retour_menu{
	float:right;
	padding: 2px;
}

#insertion_code{
	/*float:left;*/
}

#liste_code{
/*	float:right;
	width:350px;
	*/
}

.center{
	text-align:center;
}

.field_form{
	margin-bottom:20px;
}

.table_resultat_chk{
	text-align:center;
	width:60px;
}

.table_resultat_code{
	width:110px;
}

.table_resultat_date{
	text-align:center;
	width:80px;
}


.table_resultat_duree{
	text-align:center;
	width:50px;
}

.table_resultat_score{
	width:80px;
	font-weight: bold;
	text-align: center;
}



#btn_enregistrer{
	margin-top:20px;
	text-align:left;
}

#btn_enregistrer input{
	width:auto;
}

#form_login .field_form{
	width:260px;
	float: left;
	margin-right: 65px;
}

#form_login .field_form label{
	width:auto;
	padding-right: 10px;
	padding-bottom:4px;
	font-weight: normal;
	display:block;
	font-size:16px;
}

#form_login .field_form input{
	width:240px;
}


a#logout{
	display: block;
	float: right;
	margin-right: 30px;
	margin-top: -23px;
	color: #ffffff;
	text-transform: uppercase;
	font-family: Arial;
}

#pageTitle{
	background-image: url(../images/txt_gestionnaire.gif);
	background-repeat: no-repeat;
	background-position: 220px 8px;
}

.colMenu{
	float: left;
	padding-right: 12px;
	padding-bottom: 20px;

}

/*.colMenu a, .arrowButton{
	margin:0;
	padding: 0;
	color: #1561af;
	font-size: 13px;
	line-height: 18px;
	padding-right: 10px;
	background-image: url(../images/btn_fleche.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	
}*/

.colMenu a img{
	display: none;
}



#form_insertion_code{
	width: 100%;
	float: left;
}

.normalContent .2Col form{
	float: left;
}

#btnConfirmerCode{
	float: right;
	margin-right:0
}

#btnSupprimerCode{
	float: right;
	margin-top: 26px;
	margin-right:10px;
}

#btnImprimerCode{
	float: right;
	margin-top: 26px;
}

.resultat_echec{
	color:#c22;
}

.resultat_reussite{
	color:#1b1;
}

div.filter{
	float:left;
	padding-right:10px;
	width:220px;

}

div.filter select, div.filter input{
	width:200px;
}

#form_filter{
	margin:0;
	margin-top:0; 
	padding-top:10px;
	margin-bottom:0;
}

#form_filter hr{
	margin: 10px 0;
	clear:both;
	border:0;
	height:1px;
	background-color:#CCCCCC;
	width:100%;
}
hr.black {border:0;
	height:1px;
	background-color:#333333;
	width:100%; }
.blueButton { padding:2px; }


select.width-fix {
width: 350px; /* Just an example for a fixed width. */
z-index: 1000; /* Make sure to put the select and its options above all other HTML elements. */
}s

select.expand {
width: auto; /* Let the browser handle it. */
}
.colMenu { float:right; position:relative; top:44px; padding:0; }
.colMenu ul { list-style:none; padding:0; margin:0; }
.colMenu ul li { float:left; margin:0 0 0 60px; }
.colMenu ul li:first-child { margin:0; }

.colMenu ul li a { font-size:18px; color:#222933; text-transform:uppercase; font-weight:400; display:block; width:100%; }
.colMenu ul li a:hover { color:#1790c8; text-decoration:none; }
.colMenu ul li ul { float:none; position:absolute; margin:0; padding:0; left:0;  padding-bottom:20px; 	display:none; }
.colMenu ul li ul li { float:left; margin:0; padding:4px 0 0 0; display:block; margin:0 0 0 25px; }
.colMenu ul li ul li:first-child { padding:4px 0 0 0;}

.colMenu ul li ul li a { text-transform:none; font-size:14px; }

.buttonPane .bt { background:none; font-family: 'Roboto', sans-serif; color:#1790c8; font-size:15px; font-weight:700; text-transform:uppercase; margin:0 0 0 45px; }
.buttonPane .bt.delete { background:url(../images/ico-delete.png) no-repeat left center; padding:0 0 0 20px; }
.buttonPane .bt.count { background:url(../images/ico-recompte.png) no-repeat left center; padding:0 0 0 20px; }
.buttonPane .bt:hover { color:#1790c8; font-size:15px; }	
fieldset { border:none; padding:0; margin:0; }
.clear { clear:both; }
.col33 { float:left; width:30%; margin:0 5% 20px 0; }
.col33:nth-child(3n) { margin:0 0 20px 0; }
.col33:nth-child(3n+1) { clear:both; }
.col33 input, .col33 select { width:100%; }
.col33 input[type=checkbox], .col33 input[type=radio] {  width:auto; float:left; position:relative; top:4px; margin:0 10px 0 0; }

#page_navig_pages { margin:0 auto 20px auto; width:100%; overflow:hidden; text-align:center; }
#page_navig_pages a, #page_navig_pages strong, #page_navig_pages span { color:#222933; width:30px; height:30px; font-size:16px; text-align:center; display:inline-block; -webkit-border-radius: 33px;
-moz-border-radius: 33px; border-radius: 33px; font-weight:700; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; padding:4px 0 0 0; margin:0 9px;  }
#page_navig_pages strong, #page_navig_pages a:hover { background:#1790c8; color:#ffffff; text-decoration:none; }

 .blueButton { background-color: #1790c8; cursor:pointer; color: #ffffff; font-size: 14px;  line-height: normal; border: 0; text-decoration: none; position:relative; top:0; padding:14px 14px 15px 14px; margin:0 0 20px 10px;-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15);box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15); font-style:italic; float:right; }
  .blueButton:hover { border:none !important; text-decoration:none; color:#1790c8; }
  .dotted { background:none; border-bottom:1px dotted #3d4249; }
  .col33 input[type=file] { border:none;-webkit-box-shadow:none; -moz-box-shadow:none;box-shadow:none; padding:0; margin:0 0 10px 0; }
  .hint {
color: #595757;
font-size: 11px;
position: relative;
top: -1px;
}