/*****************************************************************************************/
/* Body et header */
body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FADA96;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}

.CentreDiv{
	margin-right: auto;
	margin-left: auto;
}

#ContourGlobal{
	/*border: 1px solid #FF9900;*/
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#Header{
	position:relative;
	width:980px;
	height:274px;
	background-image: url(/images/Header.jpg);
	background-repeat: no-repeat;
}
#HeaderTitre{
	position:absolute;
	top:15px;
	left:30px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
#HeaderUser{
	position:absolute;
	top:210px;
	left:10px;
}
#myjquerymenu{
	width:960px;
	height:25px;
	position:absolute;
	top:240px;
	left:10px;
}
.HeaderUserInput{
	width: 100px;
	height:16px;
	border: 1px solid #000000;
background-color:transparent;
}
.HeaderUserInputImg{
	width:16px;
	height:16px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Body{
	background-color:#FFF;
}


/* Colonne */
#ColCtnGauche{
	float:left;
	width:650px;
}
	.GaucheTotal{
		clear:both;
		margin-left:10px;
		margin-top:10px;
		padding:10px;
	}
	.GaucheDemiGauche{
		display:block;
		float:left;
		width:290px;
		margin-left:10px;
		margin-top:10px;
		padding:10px;
	}
	.GauchesDemiDroite{
		display:block;
		float:right;
		width:290px;
		margin-left:10px;
		margin-top:10px;
		padding:10px;
	}
	
#ColCtnDroite{
	float:right;
	width:310px;
}
	.DroiteTotal{
		clear:both;
		margin-right:10px;
		margin-top:10px;
		padding:10px;
	}




h1{
	color:#336699;
	font-size: 16px;
	font-weight: bold;
	margin-top:0px;
}
h2{	
	color:#333333;
	font-size: 14px;
}
h3{
	color:#CC7A00;
	font-size: 14px;
	font-weight: bold;
}
h4{
	color:#009900;
	font-size: 12px;
	font-weight: bold;
	margin-top:0px;
}
.MiniTexte{
	font-size: 10px;
}

/* Form de Base */
.FormBase label{
	width:130px;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	padding-top:2px;
	padding-right:3px;
}

.FormBase input{
	width:250px;
	padding:2px;
}
.FormBase select{
	width:250px;
	padding:2px;
}
.FormBase textarea{
	width:250px;
	padding:2px;
}

/* Page des offres*/
.TabOffre td{
	height:30px;
	padding-left:5px;
	padding-right:5px;
}

.TabOffre th{
	height:30px;
	font-size:120%;
}


.TabOffre tbody>tr:hover{
	background-color:#FADA96;
}

.TDPair{
	background-color:#E4E4E4;
}

/* PagePresentation */
.PagePresentation{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
.PagePresentation li{
	padding:5px;
	list-style-image: url(/images/Icones/16x16/bullet_green.png);
}
.PagePresentation li:hover{
	background-color:#EDD594;
}
.LIPair{
	font-size: 12px;
	background-color:#FCF8ED;
}
/* Message Action */
#JMessageCtn{
	position:relative;
	width:200px;
	margin-left:auto;
	margin-right:auto;
}
#JMessage{
	position: fixed;
	background-color:#FCD497;
	top:50px;
	width: 200px;
	height: 80px;
	text-align:center;
	z-index:1000000;
	-moz-border-radius : 10px;
	-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);
}

/* Footer*/
#Footer{
	padding-top: 10px;
}
#TabFooter{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
#TabFooter a{
	color: #666666;
	text-decoration: none;
}
/*****************************************************************************************/
/* Login */
#login                              {float:left; padding:0 85px 0 0px; margin:5px 0 0 0px; width:365px;}
#login a:link                       {color:#336699; font:bold 11px verdana;}
#login a:visited                    {color:#336699; font:bold 11px verdana;}
#login a:hover                      {text-decoration:none;}

#login-cust                         {
	/*border:1px solid #FDD190;*/
	color:#336699;
	float:left;
	text-align:right;
	width:400px;
	padding: 20px;
}
#login-cust h1                      {
	color:#336699!important;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	text-align: left;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
}
/*****************************************************************************************/
/* Forms */
.forms                              {}

.forms input[type="button"]         {background:#22be0b url(/images/button_on.gif); border:1px solid #7f9682; color:#FFFFFF; font:bold 11px Verdana; padding:5px 4px 3px 4px;}
.forms input[type="button"]:hover   {background:#2096e2 url(/images/button_hover.gif); border:1px solid #0d79bf;}
.forms input[type="button"]:focus   {background:#0154b0 url(/images/button_focus.gif); border:1px solid #043974;}

.forms input[type="password"]       {border:1px solid #8d8d8d; color:#363636; font:bold 10px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;}
.forms input[type="password"]:hover {background:#def7fe; border:1px solid #4ab7fe; color:#2c84da;}
.forms input[type="password"]:focus {background:#f8ffba; border:1px solid #ffdb72; color:#b26d00;}

.forms input[type="submit"]:hover   {
	background:#2096e2 url(/images/button_hover.gif);
	border:1px solid #0d79bf;
	color: #FFFFFF;
}
.forms input[type="submit"]:focus   {
	border:1px solid #043974;
	color: #FFFFFF;
	background-color: #666666;
	background-image: url(/images/button_focus.gif);
}

.forms input[type="text"]           {border:1px solid #8d8d8d; color:#363636; font:bold 10px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;}
.forms input[type="text"]:hover     {background:#def7fe; border:1px solid #4ab7fe; color:#2c84da;}
.forms input[type="text"]:focus     {background:#f8ffba; border:1px solid #ffdb72; color:#000;}

.forms label                        {font:bold 11px Verdana; } 
.landing label                      {display:block;}


.forms select                       {border:1px solid #8d8d8d; color:#363636; font:bold 10px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;}
.forms select:hover                 {
	background:#def7fe;
	border:1px solid #4ab7fe;
	color:#2c84da;
	background-color: #FFF;
}
.forms select:focus                 {background:#f8ffba; border:1px solid #ffdb72; color:#000;}

.forms textarea                     {border:1px solid #8d8d8d; color:#363636; font:bold 10px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;}
.forms textarea:hover               {background:#def7fe; border:1px solid #4ab7fe; color:#2c84da;}
.forms textarea:focus               {background:#f8ffba; border:1px solid #ffdb72; color:#000;}

.link-button                        {font:bold 11px Verdana; padding-top:15px;}
.link-button a:link                 {background:#22be0b url(/images/button_on.gif); border:1px solid #7f9682; color:#fff !important; padding:7px 7px 4px 7px; text-decoration:none !important;}
.link-button a:visited              {background:#22be0b url(/images/button_on.gif); border:1px solid #7f9682; color:#fff !important; padding:7px 7px 4px 7px; text-decoration:none !important;}
.link-button a:hover                {background:#2096e2 url(/images/button_hover.gif); border:1px solid #0d79bf; color:#fff !important; padding:7px 7px 4px 7px; text-decoration:none !important;}

.forms input{
	width: 250px;
}
.forms select{
	width: 260px;
}

.forms textarea{
	width: 250px;
	vertical-align: top;
}

/* Messages d'erreurs */
.MessageErreur{
	text-align:left;
	background-color: #FF6666;
	border: 1px solid #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.MessageInfo{
	text-align:left;
	background-color: #669966;
	border: 1px solid #336600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Texte */
.MiniTexteForm{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
}

#PasseOublie{
	text-align: right;
	margin-top: 10px;
}