/*body{
	display: grid;
	grid-template-columns: minmax(min-content,250px) 1fr;
	grid-template-rows: auto auto auto auto;
}
#wcd_header{
	grid-column: 1 / span 2;
	grid-row: 1 / span 1;
}
#wcd_menu{
	grid-column: 1 / span 1;
	grid-row: 2 / span 2;
}
#wcd_content1{
	grid-column: 2 / span 1;
	grid-row: 2 / span 1;
}
#wcd_content2{
	grid-column: 2 / span 1;
	grid-row: 3 / span 1;
}
#wcd_footer{
	grid-column: 1 / span 2;
	grid-row: 4 / span 1;
}
*/

body {
	color:#404040;
	background: url(imagefond.png) repeat;
	font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	
}
td{

text-align:left;
}

div,br,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

a:focus{outline:1px dotted}
a {
	color:#323232;
	text-decoration:none;
}
	a:hover {
		color:#ED6F09;
	}
.wcd_logo{font-size:25px;display:inline;}
.wcd_white{color:#B4B4B4;}
.wcd_orange{color:#ED6F09;}
.wcd_titre{text-align: center; }
#wcd_header{
	margin-bottom:10px;
}
#wcd_header {

	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px;
	border: 1px solid;
	text-align: center;
	border-color: #E5E5E5 #DBDBDB #D2D2D2;
	background: linear-gradient(to top , #E7E6E6, #FAFAFA, #E7E6E6);

	padding: 0 10px;
	color:#B4B4B4;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
	text-shadow: 1px 1px 1px #FFF;
}



#content-connexion {
	background: linear-gradient(to top , #FAFAFA, #E7E6E6, #FAFAFA);
	padding: 0 10px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px;
	border: 1px solid;
	text-align: justify;
	border-color: #E5E5E5 #DBDBDB #D2D2D2;
	width: 550px;
	margin: auto;
	padding:10px;
	color: #a8a8a8;
	text-shadow: 1px 1px 1px #FFF;
}

#wcd_footer{

	background:linear-gradient(to top , #E7E6E6, #FAFAFA, #E7E6E6);
	box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px;
	border: 1px solid;
	text-align: justify;
	border-color: #E5E5E5 #DBDBDB #D2D2D2;
	text-shadow: 1px 1px 1px #FFF;
	padding:0 10px;
	color:#B4B4B4;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        bottom:0;
        text-align:center;
	min-height:80px;
	padding-top:20px;
	clear:both;
}

input, textarea {
	border: 1px solid silver;
	background-color: white;
	color: #404040;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
}

p.id-oubli {
	text-align: center;
	font-size: 10px;
}

div.contenu {
	background: linear-gradient(to top , #FAFAFA, #E7E6E6, #FAFAFA);
	box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px;
	border: 1px solid;
	text-align: justify;
	border-color: #E5E5E5 #DBDBDB #D2D2D2;
	padding:0 10px;
	border-radius:10px;
	margin-top:-3px;
	margin-bottom:-2px;
}

#wcd_header a, #wcd_footer a {
	color:#B4B4B4;
}
#wcd_header a:hover, #wcd_footer a:hover{
	color:#D6D6D6;
}

#wcd_menu{

	margin: 0 10px;
	margin:20px;
	
}
	
	#wcd_menu li {
		margin:0;
		list-style:none;
	}
	#wcd_menu a {
		padding : 2px 4px;
		display:block;
		border-bottom:1px dotted #DBDBDB;
	}
	#wcd_menu a:hover {
		color: #000;
		border-left: 1px solid #333;
	}
	
	#wcd_menu a {
		color:#6d6d6d;
	}
#wcd_content1 {
/*	overflow:auto;*/
	margin:20px 0px 5px 20px;

}
#wcd_content2 {

	background:#DBDBDB;
	overflow:auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 10px;
	text-align: center;
	
	

}


p.wcd_menu {
		cursor:pointer;
		padding:2px;
		margin-top:5px;
		margin-bottom:5px;
		display:block;
		background: linear-gradient(to top , #e7e6e6, #cecdcd, #e7e6e6);

		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px;
		color:#000;
		font-weight:bold;
		border-radius: 3px;
		text-shadow: 1px 1px 1px #FFF;
}
p.wcd_menu:hover{
	
		background: url(list.png) right no-repeat #e7e6e6;
}

ul.wcd_menu{

	visibility:visible;
	height: auto;

}
form{
	padding:10px;
	padding-top:0px;
}

label, .label{
	
	
	width:93px;
}
.no_label {
	display:inline;
	width:auto;
}

input, textarea, select, option {

	
	background:#828282;
	font-size: 12px;
	color:white;
	padding:2px;
	border:none;
	border: 1px #A3A3A3 solid;
}




.required_str{
	color:white;
}
.required_form{
	border-bottom:1px #EE725B solid;
	background: none;
}

.clair {
	color:#B4B4B4;
	text-decoration:none;
	border-bottom:1px #575757 dotted;

}
	.clair:hover {
		color:#ED6F09;
	}
/***********************************************************************
***** CLASS ************************************************************/


input.submit{

	background: linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	height:22px;
	cursor:pointer;
	border:none;
	color:#ED6F09;
	width:90px;
	font-weight:bold;
	border: 1px #DBDBDB solid;	
	font-size: 10px;
}

input.submit:hover {

	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
}

input.submit:hover{
	color:#ED6F09;
}




.input1{

	border:none;
	border-bottom:1px dotted white;
	color:black;
	background:transparent;
	text-align:right;
}

.select1{
	border:none;
	border-bottom:1px dotted white;
	color:black;
	background:transparent;
	text-align:left;


}
.select2{
	border:none;
	border-bottom:1px dotted white;
	background:transparent;
	text-align:left;


}
.input2{

	border:none;
	border-bottom:1px dotted white;
	color:black;
	background:transparent;
	text-align:right;
}

.pointer{
cursor:pointer;

}

.header1{
color: #000;
text-shadow: 1px 1px 1px #FFF;
font-weight:bold;
text-align:center;
border-bottom: 1px solid #CDCDCD;
background: linear-gradient(to top , #e7e6e6, #cecdcd, #e7e6e6);

}


.header2{
background: #575757;
color:white; 
font-weight:bold;
text-align:center;
padding: 3px 10px 3px 10px;
}

.button{
	background:none;
	cursor:pointer;
	border:none;
	color:#757574;
	font-weight:bold;
}

.button:hover{
	color:#ED6F09;
}

.frame1{
border: 1px solid #DBDBDB;
border-radius: 5px;
text-align: center;

}

.frame2{
border:2px solid #B4B4B4;
margin:10px;
}



.popup{
	position:absolute; 
	top:-2048px; 
	background:linear-gradient(to top , #e7e6e6, #cecdcd, #e7e6e6);
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px;
	color:#000;
	font-weight:bold;
	border-radius: 3px;
	padding:10px;
}

.padding{
	padding: 5px 10px;

}

.color1{
	color:#ED6F09;
}

.color2{
	color:#575757;
}

.data{
	border-top:1px dashed #DBDBDB;
}


.bgcolor1{
	background: #323232;
}

.bgcolor2{
	background: #E8E8E8;
}


table.table{
	width:100%;
}

td.contenant {
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px;
	border-radius: 3px;
	padding:10px;
	background: red;
}