/* CSS Document */

body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	background: #FFFFFF url(../img/bg.jpg) top repeat-x;
	background-attachment:;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a {
	color:#005AA5;
}

a:visited{
	color:#00467F;
}

a:hover {
	color:#3076AD;
}

IMG{
	border:none;
}

p.alerte{
	font-size:10px;
}


LI{
		margin-bottom:2px;
		list-style-image:url(../img/li2.gif);
}

#container {
	background:url(../img/bg_swirl.jpg) top center no-repeat;
	width: 996px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
}

#menudiv {
	padding: 20px 93px 0 295px; /* the auto margins (in conjunction with a width) center the page */
	text-align: right; /* this overrides the text-align: center on the body element. */
	font-size:9px;
	color:#666666;
}

#menudiv IMG {
	margin-right: -4px;
}

#menudiv SPAN {
	padding-right: 20px;
	vertical-align:middle;
}

#message {
		height:18px;
		width:622px;
		background:url(../img/bg_derniere_heure.gif) no-repeat;
		font-size:12px;
		color:#FFFFFF;
		font-style:italic;
		padding-left:224px;
		text-align:left;
		margin-left:100px;
		padding-top:6px;
}

#header {
		margin-left:60px;
}

.win.ie #header {
		margin-left:0px;
}

.win.ie #message {
		height:18px;
		width:622px;
		background:url(../img/bg_derniere_heure.gif) no-repeat;
		font-size:12px;
		color:#FFFFFF;
		font-style:italic;
		padding-left:224px;
		text-align:left;
		margin-left:51px;
		padding-top:6px;
}

#message a{
		font-size:12px;
		color:#FFFFFF;
		font-style:italic;
		text-decoration:none;
}

#message a:hover{
		font-size:12px;
		color:#00CCFF;
		font-style:italic;
		text-decoration:;
}

#conteneur {
		width:842px;
		text-align:left;
		margin-left:100px;
}

.win.ie #conteneur {
		width:842px;
		text-align:left;
		margin-left:47px;
}


.inside {
		width:830px;
		text-align:left;
		background-color:#FFFFFF;
}

#rech_calendrier {
		width:168px;
		text-align:left;
		background:url(../img/bg_rech_calendrier.gif) repeat-y top left;
		padding-left:15px;
		padding-right:;
		float:left;
		height:;
}

#rech_calendrier p{
		
		padding-right:10px;

}

#rech_calendrier input {
		width:114px;
		padding:2px;
		height:16px;
}

#rech_calendrier .avancee{
		color:;
		font-size:9px;
		text-decoration:none;
		margin-left:123px;
}

#rech_calendrier .centres{
		font-size:10px;
		text-decoration:none;
		line-height:13px;
		}


#rech_calendrier SPAN.shade{
background:url(../img/gradient-glossy.png) repeat-x;
position: relative;
display: block;
width: 100%;
height:100px;
padding-right:-10px;
}



* html #rech_calendrier span.shade{
	background-color:#fff;
	background-color:transparent;
	background:url(../img/spacer.gif);
}


#nouvelles {
		width:190px;
		float:left;
}

#nouvelles .archive{
		font-size:11px;
		font-weight:bold;
		padding-left:15px;
		text-decoration:none;
}

#nouvelle {
		width:168px;
		text-align:left;
		background:url(../img/bg_nouvelle.jpg) no-repeat bottom right;
		padding-left:15px;
		padding-bottom:10px;
		padding-right:7px;
		margin-bottom:5px;
		font-size:10px;
		color:#000000;
}

#nouvelle a, #nouvelle IMG{
		color:#FF5D04;
		font-weight:bold;
		text-decoration:none;
		border:none;
}

#nouvelle a:visited{
		color:#C95704;
		font-weight:bold;
		text-decoration:none;
		border:none;
}


#nouvelle:hover {
		background:url(../img/bg_nouvelle_over.jpg) no-repeat bottom right;
		padding-left:15px;
		margin-bottom:5px;
}

.date {
	font-size:11px;
	padding-top:15px;
	margin:0;		
}



#contenu {
		padding:5px 10px;
		margin-left:385px;
		padding-bottom:60px;
		
}

#contenu2 {
		padding:5px 10px;
		margin-left:190px;
		padding-right:20px;
		background:url(../img/bg_contenu2.gif) left top no-repeat;				
		font-size:11px;
		padding-bottom:40px;
}



#contenu h1{
	font-size:14px;
	margin:0;
	
}

#contenu p{
	font-size:11px;
	margin:0;
	margin-top:10px;
}

#contenu a, #contenu IMG{
		
		text-decoration:none;
		border:none;
}

#contenu a:visited{
		
		text-decoration:none;
		border:none;
}

#contenu2 h1{
	font-size:14px;
	margin:0;
	margin-top:14px;
	color:#00A664;
}

#contenu2 p{
	font-size:11px;
	margin:0;
	margin-top:10px;
	text-align:justify;
}

#contenu2 p strong{
	color:#002A4D;
	padding:0;
}

#contenu2 a, #contenu2 IMG{	
		text-decoration:none;
		border:none;
}

#contenu2 a:visited{
		text-decoration:none;
		border:none;
}

a.contacts {
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
}
a.contacts:hover {
	font-size:9px;
	font-weight:normal;
	text-decoration:underline;
}

td.td_col_gauche {
	padding: 0px 4px 12px 8px;
	vertical-align:top;
}
td.td_col_droite { 
	padding: 0px 4px 12px 8px;
	vertical-align:top;
}


#sections {
		width:180px;
		margin-top:40px;
		float:right;
}

.win.ie #sections {
		width:130px;
		padding-top:40px;
		padding-left:60px;
	
}

#sections UL{
		margin:0px;
		font-size:11px;
}

#sections LI{
		margin-bottom:5px;
		list-style-image:url(../img/li.gif);
}

#sections a{
	color:#768A98;}


#sections a.in{
	color:#00A664;
	font-weight:bold;}

.titres {
		padding-top:20px;
		
}

.mac.webkit .titres {
		padding-top:48px;
		
}

.txt_sous-titre {
	color:#0072BC;
	font-weight:bold;
	font-size:13px;
}

p.txt_sous-titre {
	color:#0072BC;
	font-weight:bold;
	font-size:13px;
}

.chiffre {
	font-size:11px;
	border:1px solid #C7D7E3;
	background-color:#E6EDF2;
	padding:5px;
	color:#0C3058;
}


.txt_note {
	font-size:9px;
	font-style:italic;
	color:#0072BC;
}



TABLE.images {
	background:url(../img/bg_caisse_images.gif) repeat top;		
}

TABLE.images TD{
	text-align:center;
	padding:10px;		
}



TABLE.images TD IMG{
	background-color:#FFFFFF;
	padding:3px;		
}

TABLE.images TD IMG:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);	-moz-opacity:0.8;
	opacity:0.8;
	background:;		
}


IMG.mortaiseGauche {
	float:left;
	margin-right:10px;
	border:#999999 1px solid;
	background:url(../img/bg_photo_mid.jpg) no-repeat bottom right;
	padding:4px;
	border:solid 1px #C7D7E2;
}
IMG.mortaiseDroite {
	float:right;
	margin-left:10px;
	border:#999999 1px solid;
}

.txt_erreur {
	font-weight:bold;
	color:#CC0000;
}

td.td_form_labels {
	vertical-align:middle;
	padding-bottom:4px;
}
td.td_form_labels_textarea {
	vertical-align:top;
	padding-bottom:4px;
}
td.td_form_fields {
	vertical-align:middle;
	padding-bottom:4px;
}




#gagnant{
	color:#FFFFFF;
	text-align:center;
	position:absolute;
	width:460px;
	height:80px;
}

#gagnant h1{
	color:#FFEEA8;
	font-size:22px;
	text-transform: uppercase;
	padding-top: 5px;
	margin:0;
}

#gagnant h3{
	font-size:10px;
	margin: 5px 10px 10px 20px;
	float:left;
}

#gagnant h3 span{
	font-weight: bold;
	color:#FFEEA8;
}

#gagnant p{
	font-size:14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 10px 0px 20px;
	text-align:left;
	width:520px;
}

#gagnant p span {
	font-weight: bold;
	font-size:17px;
}



#footer {
	text-align:center;
	position:;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	background:url(../img/bg_footer.jpg) no-repeat bottom center;
	height:86px;
	margin-left:49px;
}

.win.ie #footer {
	text-align:center;
	position:;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	background:url(../img/bg_footer.jpg) no-repeat bottom center;
	height:86px;
	margin-left:46px;
}

#footer a, #footer a:visited{
	font-size:11px;
	line-height:20px;
}










/* CALENDRIER */

.main {
width:155px;
border:none;
}

.month {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#00467F;
background-color:#FFFFFF;
border:none;
padding:3px;
}

.daysofweek {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:;
color:#333333;
border:none;
padding:3px;

}


.days {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:;
color:#666666;
border:none;
padding: 2px;
}

.days #today{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
border:none;
padding: 2px;
background-color:#3076AD;
}





/* OFFRE */

#concours_offre {
	height:56px;
	background:url(../img/offre/bg_concours.jpg) no-repeat center top;
	padding:17px 15px 0px 19px;
	margin-top:3px;
}

#aspirants {
	min-height:560px; 
	background:url(../img/offre/bg_aspirant.png) no-repeat top left;
	text-align:left;
}

#policiers {
	min-height:560px; 
	background:url(../img/offre/bg_policier.png) no-repeat top left;
	text-align:left;
}

#retraites {
	min-height:560px; 
	background:url(../img/offre/bg_retraite.png) no-repeat top left;
	text-align:left;
}

.retrait1 {
	margin:38px 42px 20px 275px;
}
.retrait2 {
	margin:38px 262px 20px 39px;
}





/* VOKEN */
#screen1 {
	position:absolute; 
	width:100%; 
	height:100%; 
	z-index:100; 
	left: 0px; 
	top: 0px; 
	background-image:url(img/transparent_screen.gif); 
	display:none;
}
#vok1 {
	position:absolute; 
	width:300px; 
	height:300px; 
	z-index:106; 
	left: 140px; 
	top: 250px; 
	display: block;
}