/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background: #fff;
	font: 62.5%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #303030;
}

#monbody{
	background: #fff url(/images/bg.gif) repeat-x;
}


/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.cadre{
	padding:2px;
	border:2px solid #f69a1b;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.img-right {
	float: right; 
	margin: 0 8px 6px 10px;
}
.noborder {border: none;}
.alt {background: #d9eafa;}
.vert {color: #8cbe1d;}
.orange {color: #f69a1b;}
.noU{
color: #1773d5;
text-decoration: none;
}


/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 760px;
	background: url(/images/bg-page.gif) repeat-y;
	font-size: 1.1em;
	margin: 0 auto;
	position: relative;
}

#main {background: transparent url(/images/bg-main.gif) no-repeat;}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
	height: 233px;
	background: url(/images/bg-header.jpg) no-repeat;
}

#header img {margin: 40px 0 0 26px;}



/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
	width: 537px;
	float: right;
    min-height:970px;
    height:auto !important;
    height:970px;
}

/*#content p img {border: 4px solid #319cfa;}*/


/* Menu du haut
------------------------------------- */

#menu-top {
	height: 44px;
	background: url(/images/bg-menu-top.gif) no-repeat;
	font-size: 10px;
	line-height: 12px;
	position: relative;
}

#menu-top div {position: absolute;}
#menu-top div div {padding-top: 3px;}
#menu-top input {font-size: 10px; padding: 1px;}
#menu-top #taille-texte {
	width: 130px;
	top: 1px; 
	left: 26px;
}
#menu-top #imprimer {
	width: 105px;
	top: 3px; 
	left: 161px;
}
#menu-top #rechercher {
	width:140px;
	top: 2px; 
	left: 266px;
}
#menu-top #sitemap {
	 width: 105px; 
	 top: 1px; 
	 left: 404px;
}


/* Bloc de nouvelles
------------------------------------- */

#news {
	background: url(/images/bg-news-top.gif) no-repeat;
	clear: both;
}
#news h2 {
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	color: #d3002a;
	padding: 8px;
	margin: 0 0 20px 0;
}
#news ul {
	background: url(/images/bg-news-bottom.gif) no-repeat left bottom;
	list-style: none;
	padding: 8px;
	margin: 0 36px 20px 0;
}
#news li span{
	font-weight: bold;
	color: #0e4a88;
}
#news li.suite, #news li.last {text-align: right;}
#news li.last {padding: 20px 0 0;}
#news li.sep {
	height: 1px;
	background: url(/images/news-sep.gif) no-repeat center;
	margin: 6px 0 12px 0;
}
#news li.suite a{
/*	background: #cfe59c url(../images/suite.gif) no-repeat right;*/
	background:#cfe59c;
	border: 1px solid #5f8a00;
	color: #0e4a88;
	padding: 2px 5px 2px 3px;
	margin: 2px 0;
	text-decoration:none;
}
	#news li.suite a:hover{
		background:#fee18f;
		text-decoration:none;
	}
#news li.last a{
	color: #0e4a88;
	font-weight: bold;
	text-decoration:underline;
}
#news li.last a:hover {text-decoration: none;}


/* Calendrier
------------------------------------- */

#calendrier {
	width: 192px;
	background: url(/images/bg-cal.gif) repeat-y;
	margin: 0 33px 18px 10px;
	float: right;
}
#calendrier .mois {
	width: 181px;
	background: #fff;
	color: #f69a1b;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 0;
	margin: 0 4px;
}
 
#calendrier .mois span {
	line-height: 1.6em;
	vertical-align: top;
}

#calendrier p img {border: 0;}

#calendrier table {
	width: 179px;
	margin: 0 5px;
	clear: both;
}
#calendrier th, #calendrier td {
	font-weight:100;
	text-align: center;
	padding: 0;
}

#calendrier td {
	width: 21px;
	height: 16px;
	background: url(/images/bg-td.gif) no-repeat;
}
#calendrier td.curdate {background: url(/images/bg-td-v.gif) no-repeat;}
#calendrier td.vide {background: url(/images/bg-td-i.gif) no-repeat;}
#calendrier td a {
	background: url(/images/bg-td-a.gif) no-repeat;
	color: #d3002a;
	padding: 1px 0;
	display: block;
}

#calendrier .evenements {
	width: 192px;
	height: 26px;
	background: url(/images/cal-bottom.gif) no-repeat;
	text-align: right;
	padding: 8px 0 0 0;
	margin: 0;
}

#calendrier .evenements a {color: #fff; text-decoration:underline;}
#calendrier .evenements a:hover {text-decoration: none;}



/* Liens
------------------------------------- */

a, a:visited {
	color: #1773d5;
	text-decoration: underline;
}
a:hover {text-decoration: none;}
a:active {color: #f69a1b;}

a#porte {
	position: absolute;
	bottom: 2px;
	left: 0;
}

dt a,dt a:visited,dt a:active{color:#1773d5;text-decoration:none;}
dt a:hover {text-decoration: underline;}


/* Typographie
------------------------------------- */

p {
	text-align: justify;
	margin: 0 36px 18px 0;
}

.points #content p {width: 250px; float: left; margin: 0 0 18px 0;}
.points h3 {clear: both;}

h1 {
	background: #319cfa;
	font: bold 18px/21px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 8px 0 8px;
	margin: 15px 26px 20px 0;
}
h2, h3, h4 {margin-right: 36px;}
h2 {color: #319cfa; font: bold 1.6em/1.2em Arial, Helvetica, sans-serif; margin-bottom: 18px;}
h3 {color: #319cfa; font: bold 1.3em/1.5em Arial, Helvetica, sans-serif;}
h4 {color: #8cbe1d; font: bold 1.1em/1.3em Arial, Helvetica, sans-serif;}


/* Listes
------------------------------------- */

ul, ol, dl {margin: 0 36px 18px 0;}

dl.lessPad{margin-bottom:7px;}

ul {
	list-style: disc;
	margin-left: 30px;
}
ul ul {margin-bottom: 3px;}
ul#sitemap li {margin-bottom: 2px;}
ul#sitemap li li {margin-bottom: 0;}
ol {
	list-style: decimal;
	margin-left: 36px;
}
dt {
	font-weight: bold;
	color: #0e4a88;
}
dd {padding: 0 0 18px 0;}


/* Tableaux
------------------------------------- */

table {margin: 0 36px 18px 0;}
caption {}
th, td {padding: 3px;}
th {
	background: #319cfa;
	font-weight: bold;
	color: #fff;
}
td {}


/* Formulaires
------------------------------------- */

#menu-top form {
	width: auto;
	background: none;
}

form {
	width: 500px;
	height: auto;
	background: url(/images/form-bg.gif) repeat-y;
}

form div {
	width: 478px;
	background: #fff;
	padding: 3px 5px;
	margin: 0 4px 8px;
}

form div#last {
	width: 500px;
	height: 38px;
	background: url(/images/form-bottom.gif) no-repeat;
	text-align: center;
	padding: 0;
	margin: 0;
}

#menu-top input {
	background: #fff5d9; 
	border: 1px solid #0e4a88;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	float: none;
}

input {
	width: 360px;
	border: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}
input#envoyer {
	width: auto;
	background: none;
	border: 0;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	padding: 11px 20px 0;
}
textarea {
	width: 340px;
	height: 100px;
	border: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	overflow: auto;
}
label {
	font-weight: bold;
	color: #f69a1b;
	text-transform: uppercase;
	margin: 2px 5px 0 0;
}



/* La Sidebar
--------------------------------------------------------------------------------------- */

#sidebar {
	width: 223px;
	height: 845px;
	background: url(/images/bg-sidebar13.gif) no-repeat;
	font-size: 12px;
	float: left;
}

#teaser-emploi {
	margin: 40px 0 0 0;
	clear: both;
}


/* Le Menu
------------------------------------- */

#sidebar ul {
	padding: 0 0 36px 0;
	margin: 35px 0 0 22px;
	text-align: center;
	width: 177px;
}
	
#sidebar li {
	position : relative;
	float : left;
	display: inline;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 177px;
}
	
#sidebar li ul {
	position : absolute;
	left: -999em;
	margin: -26px 0 0 177px;
	font-size: 11px;
	width: 162px;
}

#sidebar li ul ul {
	left: -999em;
}
	
#sidebar li a {
	width: 177px;
	background: url(/images/bg-menu.gif) no-repeat;
	color: #0e4a88;
	padding: 6px 0 5px;
	display: block;
	text-decoration: none;
}
	
#sidebar li a:hover {
	background: url(/images/bg-menu-o.gif) no-repeat;
	color: #d3002a;
	
}
#sidebar li a.selected{
	background: url(/images/bg-menu-o.gif) no-repeat;
	color: #d3002a;
}

#sidebar li.selected a{
	background: url(/images/bg-menu-o.gif) no-repeat;
	color: #d3002a;
}



#sidebar li ul li a {
	width: 162px;
	background: #f69a1b;
	border-bottom: 2px solid #ffc315;
	color: #fff;
	text-align: left;
	padding: 5px 8px;
}

#sidebar li ul li a.premier, #sidebar li ul li a:hover.premier {background: transparent url(/images/bg-sm-top.png) no-repeat top;}
#sidebar li ul li a.dernier, #sidebar li ul li a:hover.dernier {background: transparent url(/images/bg-sm-bottom.png) no-repeat bottom; border: none;}

#sidebar li ul li a:hover {background: #f69a1b; color: #ffecb5;}
	
#sidebar li:hover ul ul, #sidebar li:hover ul ul ul, #sidebar li.sfhover ul ul, #sidebar li.sfhover ul ul ul {
	left: -999em;
}
	
#sidebar li:hover ul, #sidebar li li:hover ul, #sidebar li li li:hover ul, #sidebar li.sfhover ul, #sidebar li li.sfhover ul, #sidebar li li li.sfhover ul {
	left: auto;
	background-position: 0 0;
}


/* Section RNI
--------------------------------------------------------------------------------------- */

#navPage{
width:495px;
color:#1773d5;
}


#nextPage{
float:right;
}

#previousPage{
float:left;
}



/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	height: 125px;
	background: url(/images/bg-footer.gif) no-repeat bottom;
	text-align: right;
	clear: both;
}

#footer p a {
	font-weight: 100;
	line-height: 12px;
	color: #0e4a88;
	text-align: center;
	margin: 72px -18px 0 29px;
	float: right;
	text-decoration:none;
	padding-right:8px;
}

#footer img {float: right;}
#footer #teaser-intranet {margin-left: 12px;}

#HDP{
display:block;
height:30px;
width:50px;
padding:45px 6px 10px 6px;
position:relative;
bottom:40px;
left:5px;
}


/* Les Copyrights
--------------------------------------------------------------------------------------- */

#copyright {
	width: 760px;
	font-size: 1.1em;
	text-align: center;
	padding: 10px 0 20px 0;
	margin: 0 auto;
}

#copyright a {color: #303030;}
#copyright a:hover {text-decoration: underline;}