/*######################### FRAMES #########################*/
@keyframes titreH1 {
    from { margin-left: -800px; }
    to { margin-left: 0px; }}

@-webkit-keyframes titreH1 {
    from { margin-left: -800px; }
    to { margin-left: 0px; }}
    
    
    

/*######################### SELECTORS #########################*/
body {
	font-family: Arial;
	font-size: 12px;
	margin: 0px;
	margin-top: 50px;
	min-width: 900px;
	width: 100%;
	position: absolute;
	left: 0px;}
	
	.validation {
	background-color: transparent;
	background-image: url(/Images/valide.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px;
	border: none;
	cursor: pointer;
	height: 20px;}
	
    textarea { 
        font-family: arial;
        border: 1px solid rgb(204, 204, 204);
        border-radius: 2px;
        padding: 5px;
        font-size: 13px;
        margin-bottom: 10px; }
 
    input { 
        border: 1px solid rgb(204, 204, 204);
        padding: 5px; 
        border-radius: 2px; 
        margin-bottom: 5px;}
        
    input.commandes {border: none;}

 
.button {
	background-color: #D33038;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	border: none; }
 
	.button:hover {
		background-color: #E33038
		cursor: pointer; }
		
    input.button:hover {
        cursor: pointer;
        background-color: #E33038; }
 
.commandes {
	float: right;
	margin-right: 20px;
	height: 40px; }
 
div.surligne a { background-color: #ddd; }
 
.filtre {
	background-color: #ccc;
	border-radius: 5px;
	color: white;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 10px; }
 
.fixeWidth {
	text-align: center;
	width: 10px; }

h1 {
    /*animation: titreH1 2s;
    -webkit-animation: titreH1 2s;*/
	background-color: #D33038;
	border-radius: 0px 5px 5px 0px;
	color: white;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin-left: 0px;
	margin-top: 0px;
	padding: 10px 20px 10px 100px; }

h2 { color: #555; }

.header {
    background-color: #fff;
	border-bottom: 1px solid #ccc;
	height: 30px;
	left: 0px;
	padding-top: 5px;
	position: fixed;
	text-align: center;
	top: 0px;
	width: 100%;
	z-index: 100; }
 
	.header .button { 
	   position: fixed;
	   top: 0px;
	   right: 0px;
       border-radius: 0px;
       border: none;
       padding: 8px;
       font-size: 15px; }
	   
	   #header .button:hover {
	       cursor: pointer; }

#login { text-align: center; }
 
	#login input {
		font-size: 14px;
		margin-top: 10px;
		padding: 5px 10px 5px 10px;
		width: 200px; }

#menu {
	position: relative;
	top: -12px; }

	#menu li { display: inline-block; }

		#menu li a {
			border-radius: 3px;
			color: #D33038;
			display: inline-block;
			font-size: 14px;
			font-weight: bold;
			line-height: 25px;
			margin-right: 10px;
			padding-left: 10px;
			padding-right: 10px;
			text-decoration: none; }

			#menu li a:hover {
				background-color: #D33038;
				color: White; }

.pagination {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	width: 100%; }

	.pagination a {
		color: #D33038;
		display: inline-block;
		margin-left: 10px; }

	.pagination span {
		color: #D33038;
		display: inline-block;
		font-weight: bold;
		margin-left: 10px; }

table {
	background-color: #ccc;
	border-radius: 5px;
	border: 1px solid silver;
	margin-left: 1%;
	text-align: left;
	width: 98%; }

	table td {
		background-color: #eee;
		padding: 10px; }

		table td a {
			color: black;
			text-decoration: none; }

	table input {
		border: 1px solid #ccc;
		font-size: 12px;
		padding: 5px;
		width: 95%; }

		table input.button { width: 400px; }
 
	table textarea {
		max-width: 100px;
		min-height: 75px;
		min-width: 99%;
		width: 99%; }
 
 
#table_client { padding-left: 0px; }
 
	#table_client td {
		padding: 5px;
		vertical-align: middle; }
 
	#table_client .champ { text-align: right; }
 
	#table_client tfoot td { text-align: center; }
 
 
.table_details {
	background-color: #eee;
	margin: 0px;
	padding: 15px;
	width: 900px; }
 
	.table_details textarea { max-height: 200px; }
 
	.table_details td {
		text-align: left;
		vertical-align: top;
		width: 300px; }
 
	.table_details .button { width: 200px; }
 
	.table_details .champ { width: 150px; }
 
 
#table_recrutement .champ {
	text-align: right;
	vertical-align: middle;
	width: 100px; }
 
 
#table_recrutement tfoot td { text-align: center; }
 
 
.tableau {
	background-color: #ccc;
	display: table;
	margin-left: 0px;
	text-align: left;
	width: 100%; }
	
    .tableau input {
        margin: 0px;}
        
	.tableau textarea {
		max-width: 100px;
		min-height: 75px;
		min-width: 99%;
		width: 99%; }

 
.tbody { display: table-row-group; }
 
	.tbody a {
		background-color: #eee;
		border-left: 1px dotted #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 12px;
		padding: 10px; 
		vertical-align: middle; }
 
 
tbody td a:hover { text-decoration: underline; }
 
 
 
.thead { display: table-header-group; }

	.thead .trow a {
		color: #D33038;
		font-size: 14px;
		font-weight: bold;
		padding: 10px;
		padding-bottom: 5px;
		text-decoration: none; }
 
		.thead .trow a:hover { background-color: #bbb; }
            
.trow {
	display: table-row;
	text-decoration: none; }
 
	.trow input {
		border: none;
		font-size: 12px;
		padding-left: 5%;
		padding-right: 5%;
		height: 30px;
		width: 90%; }
		
		.trow input.button { width: 400px; }
		
	.trow .fixeWidth input { text-align: center; }
 
 
	.trow a {
		color: black;
		display: table-cell;
		text-decoration: none; }
	
	.trow a.editRow {
	    padding: 0px; }
		
select {
    border-radius: 2px;
    padding: 5px;
    font-size: 12px;
    margin-bottom: 10px;
    border: 1px solid rgb(204, 204, 204); }
    
.synchro {
    margin: 25px; }
    
    .synchro input {
        margin-top: 10px;
        margin-left: 20px; }
        
    .synchro .button {
        margin-top: 10px; }
        
    .synchro .button:hover {
        cursor: pointer;
        background-color: #E33038; }
 
 
#commandes.commandes {
    float: none;
    padding-left: 20px; }
    
    #commandes.commandes .filtre {
        float: right; }
        
    #commandes.commandes .button {
        margin-right: 20px; }