/*  Application générlle  */

body {
	margin: 0;
	padding: 0;
	background: #D4D3E5 url(/images/bg_body.jpg) top left repeat-x;
	text-align:center;
	font-family: Verdana, Arial, serif;
	font-size: 12px;
	text-align: center;
	margin-top: 1px;
	}
	
table {
	font-size:x-small;
	border-collapse: collapse;
	text-align:center;
}
td, th {
	border:1px solid black;
}
th {
	background-color:  #b0d46a;
	padding: 5px;
	font-weight: 700;
}

p {
	line-height: 1.2em;
	}
sup {
	font-size: 60%;
	vertical-align: top;
	}

a:link img, a:visited img {
	border: none !important;
	}
h1, h2, h3, h4 {
	font-family: Verdana, "Trebuchet MS", Geneva, Arial;
	}
h1 {
	color: #db3f04;
	font-size: 18px;
	border-bottom: dotted 1px #ddd;
	padding-bottom: 2px;
	}
h1 a:link, h1 a:visited {
	color: #db3f04;
	text-decoration: none;
	}
h1 a:hover, h1 a:active {
	color: #db3f04;
	text-decoration: none;
	}
h2 {
	color: #6D69A2;
	font-size: 15px;
	}
h3{
	color: 		black;
	font-size: 	13px;
	font-weight: 500;
	text-decoration: underline;
	}
/* Définition*/
dt {
	color: #3882b3;
	font-weight: 900;
}
blockquote {
	border-left: 4px solid #3f3f3f;
	padding: 0 10px;
	margin: 0 0 0 10px;
	font-style: italic;
	}	
/* Formulaire*/
fieldset {
	border-color: #B0D46A;
}
fieldset fieldset{
	clear:left;
	margin:1px 1px 1px 5px;
}
legend  {
	color: #6D69A2;
	font-size: 12px;
	font-weight: 700;
}
form{
margin:0px;
}

form label, form input,  form select{
	margin:2px 0;
	font-size: 11px;
}
form .obligatoire label {
	
	font-weight: 600;
}

form .tel input {
	width:70px;
}
form .cdPostal input {
	width:40px;
}
form .adresse input {
	width:250px;
}
.confirme
{
	background-color:white;
	margin: 0px;
	background-image: url(/images/error.png);
	background-position: 0 0 ;
	background-repeat: no-repeat;
	border: 1px dotted #b0d46a;
	padding:4px 4px 4px 50px; 
	min-height: 40px;
	text-align:left;
	font-weight: 700;
	font-size: 13px;
 }
.passageordre
{
	background-color:#D4D3E5;
	border:2px dotted #D45D2E;
	padding:4px; 
 }
/*  Découpage structure du site */
	
#pgeHaut {
	margin:auto;
	text-align:left;
	position: relative;
	height:134px;
	width: 1017px;
	}
	#moteur{
		position:relative;
		top:-20px;
	}
	#moteur a, #moteur a:link,	#moteur a:active,	#moteur a:visited {
		color: #bbb !important;
		text-decoration: none;
		font-size: 11px;
		font-family: "Trebuchet MS", Arial;
		}
	#moteurint label{
	display:inline;
	text-align:left;
	color:#c60;
	background-color:transparent;
	font-weight:700;
	margin: 0;
	}

	#moteur input.champs,#texte form input.champs{
		color:#333;
		background-color:#fff;
		background-image:url("/images/champs.png");
		background-position:top;
		background-repeat:repeat-x;
		border:1px solid #999;
		font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
		width:12em;
	}

	#moteur input.valid,#texte form input.valid, form input.valid{
		background-color:#f90;
		background-image:url("/images/ok.png");
		background-position:bottom;
		background-repeat:repeat-x;
		border:1px solid #c60;
		color:#fff;
		cursor:pointer;
		font-weight:700;
		text-align:center;
	}

	#moteur input.valid:hover,#texte form input.valid:hover, input.valid:hover{
		background-color:#69c;
		background-image:url("/images/oksurvol.png");
		background-position:bottom;
		background-repeat:repeat-x;
		border:1px solid #369;
		color:#fff;
	}

	#moteur input.valid:active,#texte form input.valid:active, input.valid:active{
	background-color:#9cf;
	background-image:url("/images/okclic.png");
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #9cb4ce;
	color:#fff;
	}
/* Zone bandeau publicitaire */
	#pgePubBanniere
	{
		display: block;
		position: absolute;
		top: 100px;
		left: 10px;
		color:white;
		font-size: 18px;
		text-decoration: italic;
		font-weight: 500;
		
	}
	#pgeBanniere {
		float:left;
		margin: 0px;
	}
	
	#pgeBanniere .titre {
		display: block;
		position: absolute;
		top: 20px;
		left: 10px;
		height: 80px;
		width: 318px;
		text-indent: -5000px;
		font-size:30px;
		font-family:verdana, sans-serif, serif;
		color:#88ff88;
		background-image: url("/images/logo.png");
		background-repeat: no-repeat;
		background-position: 0px 0px;

		}
* html #pgeBanniere .titre {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.e-probat.fr/images/logo.png');
background-image:none;
}

		
#menuHaut {
	position:absolute;
	top:90px;
	right:0px;
	}
#menuHaut ul {
	margin: 0;
	list-style: none;
	padding: 0;
	}
	#menuHaut li {
		display: inline;
		background:url(/images/ongletmenu.jpg) no-repeat;
		width:120px;
		height:36px;
		float: left;
		line-height: 40px;
		text-align:center;
		font-weight: 900;
		}
	#menuHaut li a,	#menuHaut li a:link{
		float: left;
		display:block;
				font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
				color: #fff;
				font-size:14px; 
				text-decoration: none;
		margin-left: 1px;
		background:url(/images/ongletmenu.jpg) no-repeat;
		width:120px;
		height:36px;
		text-align:center;
		font-weight: 900;
				}
	#menuHaut li.menuactif a, #menuHaut li a:active,  #menuHaut li a:hover {
			background:url(/images/ongletmenu_over.jpg) no-repeat;
			}
	
.titlelogo {
	position: absolute;
	left: 0;
	top: 0;
	}
a.boutoncreation, a.boutoncreation:link,  a.boutoncreation:visited
{
	display: block;
	float: right;
	height: 114px;
	width: 197px;
	padding: 10px 30px 10px 10px;
	margin-top: 10px;
	margin-left: 10px;
	color: white;
	text-decoration: none;
	text-align: center;
	font-size: 20px;
	background:url(/images/boutonoff.jpg) no-repeat;
}
a.boutoncreation:hover
{
	background:url(/images/boutonon.jpg) no-repeat;
}
.imageaccueil
{	
	float: left;
	height: 90px;
	padding: 5px;
	margin: 5px;
	border: 3px solid #D4D3E5;
}

#deuxColonne {
	background: white; 
	color: #444;
	text-align: left;
	width: 1017px;
	min-height: 500px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding: 16px 15px 0;
	}
	#pgeContenu{
		clear: left;
		float: left;
		padding: 0px 0 20px 25px;
		width: 710px;
		margin: 0;
		position:relative;
		}
	#cartouche {
		clear: right;
		float: right;
		padding: 15px 35px 25px 15px;
		width: 204px;
		margin: 0;
	}
#finpage {
	margin: 0 auto;
	width: 1017px;
	background: transparent;
	text-align: center;
	padding: 1px 0;
	border-top: 1px solid #efefef;
	font-size: 11px;
	color: #999;
}
	#finpage span {
		padding: 0 5px;
		color:#ddd;
		}
#pgePied  {
	clear: both;
	height: 20px;
	margin: 0 0 0;
	z-index: 900;
	background: #5e5e5e;
	border-top: 4px solid #5393da;
	}
	#pgePied  #footer{
		margin: 0 auto;
		width: 817px;
		padding: 15px 0;
		color: white;
		text-align: left;
		font-size: 8px;
		}
	 div #pgePied a {color: white;}



.highlight {
	color: #3882b3;
	}

#container a:link, a:visited,
#footer_wrapper a:link, a:visited  {
	color: #74906c;
	}	
#container a:hover, a:active,
#footer_wrapper a:hover, a:active {
	color: #74906c;
	text-decoration: none;
	}
#pgeContenu fieldset {
	padding: 10px;
	} 	
#pgeContenu form p {
	margin: 1px 0 1px 0px;
	clear: left;
	float: left;
	width:100%;
	}

#pgeContenu form p label {
	display: inline;
	float: left;
	clear: left;
	width: 150px;
	}
	
#pgeContenu form p input {
	margin: 0;
	} 	
	
#pgeContenu li {
	margin-top: 5px;
	line-height: 18px; 
	} 	

p.checkbox  label {
	float: none !important;
} 
.clear {clear:both;}

.fl_left {
	float: left;
	margin: 0 6px 4px 0;
	}
.fl_right {
	float: right;
	margin: 0 25px 0 0;
	}
.design {
	float: right;
	color: #888;
	}
	.design a:link,
	.design a:active,
	.design a:visited {
	color: #999!important;
	}

	

/* &) -=-=-=- CONTENT RIGHT SELECTORS -=-=-=- */
#cartouche { 
	text-align: left !important; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	}
	#cartouche a:link, 
	#cartouche a,
	#cartouche a:active,
	#cartouche a:visited {
		color: #fefefe;
		font-weight: 700;
		}
	#cartouche a:hover {
		text-decoration: underline;
		}
	#cartouche h3 {
		font-size: 1.7em;
		color:#81b51c;
		margin: 0 0 5px 0;
		}
	#cartouche h2 {
		font-size: 1.7em;
		margin:0;
		color: #07325e !important;

		}
	#cartouche p {
		margin: 0px;
		}
	#identifiant, #partenariat {
		margin: 0 0 20px 0;
		width: 220px;
		text-align: center;
		padding: 0;
	}
		
		#identifiant .top {
			height: 7px;
			width: 220px;
			display:block;
			background: url("/images/top_green.gif") bottom left no-repeat;
			margin: 0px;padding:0px;
			}
		#identifiant .btm {
			height: 7px;
			width: 220px;
			display:block;
			margin: 0px;padding:0px;
			background: url("/images/btm_green.gif") top left no-repeat;
			}
		#identifiant .dedant{
			padding:0;
			margin:0;
			width: 220px;
			background: #b0d46a;
		}
			
		
		#partenariat .top {
			margin: 0;
			height: 7px;
			width: 220px;
			display:block;
			background: url("/images/top_blue.gif") bottom left no-repeat;

			}
		#partenariat .btm {
			height: 7px;
			width: 220px;
			display:block;
			margin: 0;
			padding: 0;
			background: url("/images/btm_blue.gif") top left no-repeat;
			}
		#partenariat .dedant {
			background: #a1bedb;
			margin: 0;
			}

	#cartouche ul {
		list-style:url("/images/bullet.gif") outside;
		margin: 0 0 0 15px;
		padding: 0;
		}
	#cartouche li {
		margin: 0px 0;
		padding: 3px 1px;
		line-height: 1.4em;
		}
	#cartouche a {
		text-decoration: none;
		}
	#hautLien {
		padding: 15px;
		margin: 20px 0 10px 0;
		width: 190px;
		height: 223px;
		background: url(../images/bg_qmenu.jpg) top left no-repeat;
		}
		#hautLien a,
		#hautLien a:link,
		#hautLien a:active,
		#hautLien a:visited {
			color:#666 !important;
			}



.arboDecal1, .arboDecal2, .arboDecal3, .arboDecal4 {
	border-left:1px dashed black;
	padding-left:3px;
}
.arboDecal1 {margin-left:5px;}
.arboDecal2 {margin-left:10px;}
.arboDecal3 {margin-left:15px;}
.arboDecal4 {margin-left:20px;}
.arboDecal5 {margin-left:25px;}
.arboDecal6 {margin-left:30px;}

.calendrier {
	position:absolute;
	background-color:#C0C0C0;
	border:1px solid black;
	padding:5px;
	margin-top:200px;
	display:none;
}

.tableCalendrier th {
	padding:5px;
}

.cheminement {
	font-size:normal;
}

.cheminement .current {
	color:#6D69A2;
	font-weight:900;
	text-decoration: underline;
}

.cheminement .futur {
	color:#DDDDDD;
}

.cheminement .ok {
	color:#B0D46A;
	font-weight:500;
}