/* A SUPPRIMER
/****************************************/
#content_top{
	background:url(../images/content_top.png);
	margin:0 auto;
	width:1000px;
	height:25px;
	/*border: 1px solid black;*/
}
#content_bottom{
	background:url(../images/content_bottom.png);
	margin:0 auto;
	width:1000px;
	height:25px;
	/*border: 1px solid black;*/
}

/****************************************/
body {
	background:#550403;
	margin:0 auto;
	font-family:"microsoft sans Serif";
}
#bgmain {
	width:1150px;
	/* height: 1000px; */
	/*padding-bottom:50px;*/
	background:#E7E7E7;
	background-image:linear-gradient(#E7E7E7 20%, #ADADAD 80%);
	-moz-border-radius:20px 0;
	-webkit-border-radius:20px 0;
	border-radius:20px 0;
	margin:0px auto 20px auto;
}
#lang_select{
	width:1150px;
	height:25px;
	margin:20px auto 5px auto;
	text-align:right;
}
#lang_select img {margin-right:2px; float:right;}
a {color:#000000;}

/* DIVERS
/****************************************/
*{
	border:none;
	margin:0px;
	padding:0px;
}
.rouge {color:#B90909;}
.ombre {text-shadow:1px 1px 2px gray;}
.h20px {font-size:20px;}
.h16px {font-size:16px;}
.left{float:left;}
.inline{display:inline-block;}
.titre{
	font-size:20px;
	padding:40px 20px 20px 20px;
	text-shadow:1px 2px 3px gray;
	text-align:center;
}
.spacer_h10{display:inline-block; height:1px; width:10px;}
.spacer_v5{display:inline-block; height:5px; width:100%;}
.spacer_v15{display:inline-block; height:15px; width:100%;}
.spacer_v30{display:inline-block; height:30px; width:100%;}
.spacer_v50{display:inline-block; height:50px; width:100%;}
.pagination{font-family:calibri;font-size:24px;}
.pagination a{text-decoration:none; color:grey;}

/* Messages Informatifs
/****************************************/
.msg{
	display:inline-block;
	background:Gainsboro;
	color:#B90909;
	font-style:italic;
	vertical-align:bottom;
	padding:5px;
	font-size:16px;
	text-align:center;
	border:2px solid #B90909;
	border-radius:10px;
}
.msg_avert{
	display:inline-block;
	background:BlanchedAlmond url(../images/msg_avert.png) left no-repeat;
	color:#B90909;
	font-style:italic;
	margin:0 30px 20px 30px;
	padding:10px 10px 10px 30px;
	font-size:14px;
	text-align:center;
	border:2px solid #B90909;
	border-radius:10px ;
}
.mess_info{
	position:relative;
	display:inline-block;
	float:right;
	right:0px;
	border:2px solid #B90909;
	border-right:0px;
	border-radius: 25px 0 0 25px;
	color:#B90909;
	background:BlanchedAlmond url(../images/msg_info.png) left no-repeat;
	z-index:1;
	padding:10px 10px 10px 30px;
	text-align:center;
}
#saisie_encours{
	display:inline-block;
	float:right;
	width:500px;
	/*border:1px solid black;*/
}
.msg_collecter{
	display:inline-block;
	float:right;
	background:BlanchedAlmond;
	color:#B90909;
	font-style:italic;
	vertical-align:bottom;
	padding:3px;
	font-size:12px;
	text-align:center;
	border:2px solid #B90909;
	border-radius:10px ;
}


/* Autocompletion
/****************************************/
.autocompletion_res{
	position:fixed;
	z-index:10;
	background:BlanchedAlmond;
}


/* ENTETE
/****************************************/
#header {
	width:1150px;
	height:180px;
	/*border: 1px solid black;*/
}
#user {
	font-size:14px;
	position: relative;
	z-index:10;
	display:inline-block;
	float:right;
	padding:10px;
	top:10px;
	right:10px;
	color:#B90909;
	background-color:#F4F4F4;
	border:4px solid #B90909;
	border-radius:0 10px ;
	text-shadow:1px 2px 3px gray;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	/*border:1px solid black;*/
}
#user img {vertical-align:middle; float:right;}
#user span {margin-top:5px; vertical-align:middle; float:right; color:#000000;}
#logo {
	display:inline-block;
	position: absolute;
	z-index:1;
	height:180px;
	width:250px;
	text-align:left;
	/*border:1px solid black;*/
}
#titre_header {
	position:relative;
	left:250px;
	z-index:1;
	height:180px;
	width:900px;
	font-size:50px;
	/*border:1px solid black;*/
}
#titre {
	position:relative;
	display:inline-block;
	left:250px;
	z-index:10;
	height:180px;
	width:900px;
	font-size:50px;
	/*border:1px solid black;*/
}

#nomgroupe {
	display:inline-block;
	float:right;
	font-family:calibri;
	background-color:#F4F4F4;
	font-size:20px;
	color:#B90909;
	padding:0 10px 0 10px;
	margin-right:50px;
	border:4px solid #B90909;
	border-radius:10px;
	text-shadow:1px 2px 3px gray;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	line-height:42px;
}

/* PIED DE PAGE
/****************************************/
#footer {
	width:1150px;
	font-family:calibri;
	font-size:11px;
	padding:10px 50px 10px 50px;
	/*border: 1px solid black;*/
}
#footer p {margin-bottom:5px;color:DarkSlateGray;}
#footer a {color:DarkSlateGray;}

/* MENU DU HAUT
/****************************************/
#top_menu {
	display:inline-block;
	margin-left:70px;
	margin-bottom:5px;
	height:42px;
	/*border:1px solid black;*/
}

/* CONTENT
/****************************************/
#content {
	background-color:#F4F4F4;
	-moz-border-radius:20px 0;
	-webkit-border-radius:20px 0;
	border-radius:20px 0;
	margin:0 auto;
	width:1050px;
	padding: 0 0 20px 0;
	/*height:500px;*/
}
.texte_content{font-size:14px; margin-left:25px; margin-right:25px;}
.texte_alert{font-weight: bold; font-size:14px; margin-left:25px; margin-right:25px; color:#b90909;}
.img_view{z-index:10; display:inline-block; float:left; margin:15px 0 0 15px;}

/* ACCUEIL
/****************************************/

.texte_accueil {
	width:800px; 
	margin:0 auto; 
	font-size:18px; 
	padding-top:50px;
}

/* BOUTONS
/****************************************/
/*.red_button a {
	display:block;
	float:left;
	line-height:42px;
	width:154px;
	text-align:center;
	font-family:calibri;
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	vertical-align:middle;
	background:url(../images/red_button.jpg) no-repeat;
	margin:0px 30px 0px 30px;
	border-radius:5px;
	box-shadow:1px 1px 2px #C0C0C0 inset;
}
.red_button a:hover {background:url(../images/red_button_hover.jpg) no-repeat;}
.black_button a {
	display:block;
	float:left;
	line-height:42px;
	width:154px;
	text-align:center;
	font-family:calibri;
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	vertical-align:middle;
	background:url(../images/black_button.jpg) no-repeat;
	margin:0px 5px 0px 0px;
	border-radius:5px;
	box-shadow:1px 1px 2px #C0C0C0 inset;
}
.black_button a:hover {background:url(../images/black_button_hover.jpg) no-repeat;}*/

.red_button a{
	display:inline-block;
	font-family:calibri;
	font-size:16px;
	width:154px;
	line-height:42px;
	margin:0px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	background:#4D0808;
	background:-webkit-linear-gradient(#E00808,#4D0808);
	background:-moz-linear-gradient(#E00808,#4D0808);
	background:-ms-linear-gradient(#E00808,#4D0808);
	background:-o-linear-gradient(#E00808,#4D0808);
	background:linear-gradient(#E00808,#4D0808);
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	color:#FFF;
	text-shadow: 0px 1px 0px black;
}
.red_button a:hover {
	cursor:pointer;
	color:#E3E3E3;
	background:#4D2C2C;
	background:-webkit-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-moz-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-ms-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-o-linear-gradient(top,#E02C2C,#4D2C2C);
	background:linear-gradient(top,#E02C2C,#4D2C2C);
}
.red_button a:active{
	color:#FFF;
	background:#4D0808;
	box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
	background:-webkit-linear-gradient(#E00808,#4D0808);
	background:-moz-linear-gradient(#E00808,#4D0808);
	background:-ms-linear-gradient(#E00808,#4D0808);
	background:-o-linear-gradient(#E00808,#4D0808);
	background:linear-gradient(#E00808,#4D0808);
}
.black_button img{vertical-align:middle; margin-right:10px;}
.black_button a{
	display:inline-block;
	font-family:calibri;
	font-size:15px;
	width:140px;
	line-height:42px;
	margin:0px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	background:#444;
	background:-webkit-linear-gradient(#666,#222);
	background:-moz-linear-gradient(#666,#222);
	background:-ms-linear-gradient(#666,#222);
	background:-o-linear-gradient(#666,#222);
	background:linear-gradient(#666,#222);
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	color:#FFF;
	text-shadow: 0px 1px 0px black;
}
.black_button a:hover {
	cursor:pointer;
	color:#E3E3E3;
	background:#555;
	background:-webkit-linear-gradient(top,#777,#333);
	background:-moz-linear-gradient(top,#777,#333);
	background:-ms-linear-gradient(top,#777,#333);
	background:-o-linear-gradient(top,#777,#333);
	background:linear-gradient(top,#777,#333);
}
.black_button a:active{
	color:#FFF;
	background:#444;
	box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
	background:-webkit-linear-gradient(#555,#2C2C2C);
	background:-moz-linear-gradient(#555,#2C2C2C);
	background:-ms-linear-gradient(#555,#2C2C2C);
	background:-o-linear-gradient(#555,#2C2C2C);
	background:linear-gradient(#555,#2C2C2C);
}
.bigblack_button img{margin-bottom:10px;}
.bigblack_button a{
	display:inline-block;
	font-family:calibri;
	font-size:16px;
	width:150px;
	height:130px;
	/*line-height:45px;*/
	padding-top:10px;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	background:#444;
	background:-webkit-linear-gradient(#666,#222);
	background:-moz-linear-gradient(#666,#222);
	background:-ms-linear-gradient(#666,#222);
	background:-o-linear-gradient(#666,#222);
	background:linear-gradient(#666,#222);
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	color:#FFF;
	text-shadow: 0px 1px 0px black;
}
#collecter input[type=submit]{
	display:inline-block;
	font-family:calibri;
	font-size:16px;
	width:150px;
	line-height:45px;
	padding-top:10px;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	background:#444;
	background:-webkit-linear-gradient(#666,#222);
	background:-moz-linear-gradient(#666,#222);
	background:-ms-linear-gradient(#666,#222);
	background:-o-linear-gradient(#666,#222);
	background:linear-gradient(#666,#222);
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	color:#FFF;
	text-shadow: 0px 1px 0px black;
}
.bigblack_button a:hover {
	cursor:pointer;
	color:#E3E3E3;
	background:#555;
	background:-webkit-linear-gradient(top,#777,#333);
	background:-moz-linear-gradient(top,#777,#333);
	background:-ms-linear-gradient(top,#777,#333);
	background:-o-linear-gradient(top,#777,#333);
	background:linear-gradient(top,#777,#333);
}
.bigblack_button a:active{
	color:#FFF;
	background:#444;
	box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
	background:-webkit-linear-gradient(#555,#2C2C2C);
	background:-moz-linear-gradient(#555,#2C2C2C);
	background:-ms-linear-gradient(#555,#2C2C2C);
	background:-o-linear-gradient(#555,#2C2C2C);
	background:linear-gradient(#555,#2C2C2C);
}
/* FORMULAIRES
/****************************************/
.erreur{font-style:italic; font-size:10px; text-align:left; color:#b90909;}
form {
	margin:0 auto;
	padding:10px;
	/*width: 280px;*/
 }
form table {float:left; display:block;}
form td {
	white-space:nowrap;
	vertical-align:bottom;
	text-align:left;
}
fieldset {
	display:inline-block;
	padding:0 20px 20px 20px;
	margin:0 20px 10px 20px;
	text-align:left;
	border:1px solid #B90909;
	/*width:200px;*/
 }
legend {
	color:#B90909;
	font-size:14px;
 }
label {
	margin-top:10px;
	display:block;
	font-size:12px;
	text-align:left;
 }
textarea {
    resize: none;
}
input, textarea, select{
	background-color:#FFF3F3;
	padding:3px;
	border:1px solid #AEAEAE;
	border-radius:5px;
	width:200px;
	box-shadow:1px 1px 2px #C0C0C0 inset;
 }
input[type=radio], input[type=checkbox]{width:20px;}
input[type=submit], input[type=button]{
	display:inline-block;
	font-size:14px;
	width:130px;
	height:30px;
	margin-top:20px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	background:#4D0808;
	background:-webkit-linear-gradient(#E00808,#4D0808);
	background:-moz-linear-gradient(#E00808,#4D0808);
	background:-ms-linear-gradient(#E00808,#4D0808);
	background:-o-linear-gradient(#E00808,#4D0808);
	background:linear-gradient(#E00808,#4D0808);
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	color:#FFF;
	text-shadow: 0px 1px 0px black;
}
input[type=submit]:hover, input[type=button]:hover {
	cursor:pointer;
	color:#E3E3E3;
	background:#4D2C2C;
	background:-webkit-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-moz-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-ms-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-o-linear-gradient(top,#E02C2C,#4D2C2C);
	background:linear-gradient(top,#E02C2C,#4D2C2C);
}
input[type=submit]:active, input[type=button]:active{
	color:#FFF;
	background:#4D0808;
	box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
	background:-webkit-linear-gradient(#E00808,#4D0808);
	background:-moz-linear-gradient(#E00808,#4D0808);
	background:-ms-linear-gradient(#E00808,#4D0808);
	background:-o-linear-gradient(#E00808,#4D0808);
	background:linear-gradient(#E00808,#4D0808);
}
::-webkit-input-placeholder { /* WebKit browsers */
    font-style:italic; font-size:12px; color:#000000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style:italic; font-size:12px; color:#000000; opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style:italic; font-size:12px; color:#000000; opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#B90909;
}

/* TABLES
/****************************************/
.mytable {
	margin:0 auto;padding:0px;
	width:1040px;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.mytable table{
    border-collapse:collapse;
    border-spacing:0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.mytable tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.mytable table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.mytable table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}
.mytable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}
.mytable tr:hover td{}
.mytable tr:nth-child(odd){ background-color:#bfbbbb; }
.mytable tr:nth-child(even)    { background-color:#ffffff; }.mytable td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:normal;
	color:#000000;
}
.mytable tr:last-child td{	border-width:0px 1px 0px 0px;}
.mytable tr td:last-child{	border-width:0px 0px 1px 0px;}
.mytable tr:last-child td:last-child{border-width:0px 0px 0px 0px;}
.mytable tr:first-child td{
	background:-o-linear-gradient(bottom, #CB0909 5%, #550909 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CB0909), color-stop(1, #550909) );
	background:-moz-linear-gradient( center top, #CB0909 5%, #550909 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CB0909", endColorstr="#550909");
	background: -o-linear-gradient(top,#CB0909,550909);
	background-color:#CB0909;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
}
.mytable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #CB0909 5%, #550909 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CB0909), color-stop(1, #550909) );
	background:-moz-linear-gradient( center top, #CB0909 5%, #550909 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CB0909", endColorstr="#550909");
	background: -o-linear-gradient(top,#CB0909,550909);
	background-color:#CB0909;
}
.mytable tr:first-child td:first-child{border-width:0px 0px 1px 0px;}
.mytable tr:first-child td:last-child{	border-width:0px 0px 1px 1px;}