html, body{
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
}

body{

border-top-width: 5px;
border-top-style: solid;
border-top-color: #2fa7e6;
color: #333333;
text-align: center;
font-family: "Lucida Grande","Lucida Sans",tahoma,geneva,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 76%;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
background-color: transparent;
background-image: url(../images/top_back.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
}
#body_map {
background-image: none;
}


a{
color: #2fa7e6;
}

div.conteneur 
{
/*border: 1px solid cyan;*/
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
text-align: left;
position: relative;
min-width: 780px;
max-width: 950px;
}

* html div.conteneur { width: 950px; }

img {
border: 0px;
}

h1 {
font-size: 25px;
text-align: center;
font-weight: bold;
text-decoration: underline;
}
h2 {
font-size: 20px;
text-align: center;
text-decoration: underline;
}
h3 {
font-size: 15px;
text-align: center;
}
h4 {
font-size: 1em;
text-decoration: underline;
color: #2fa7e6;
margin-left: 2em;
}
h5 {
text-decoration: underline;
}
h4 {
font-size: 1em;
margin-left: 2em;
}

#banner
{
width: 100%;
height: 90px;
}

#topnavbar{
text-align: right;
position: absolute;
right: 0pt;
top: 13px;
width: 400px;
height: 50px;
}

#logo{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top : 10pt;
height: 80px;
width: 300px;
background-color: transparent;


}

#textbanner{
text-align: center;
position: absolute;
left: 10%;
top: 40px;
right: 10%;
width: 80%;
height: 50px;
font-size: 200%;
color: #34adf4;
letter-spacing: +3px;
font-weight: bold;
}
#textbanner_fullpage{
text-align: center;
position: absolute;
left: 0pt;
top: 40px;
width: 100%;
height: 50px;
font-size: 300%;
color: #303030;
letter-spacing: +3px;
font-weight: bold;
}


#greybar{
width: 100%;
height: 2.7em;
background-color: #585858;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ffffff;
}
* html #greybar { width:100%; height: 2.5em; }

hr { display:none; }


#sitenav{
height: 2.7em;
background-color: #404040;
border:double 1 black;
}

#sitenav ul { margin: 0; padding: 0; }
#sitenav ul li { margin:0; padding:0; display:inline; }
#sitenav ul li a { float:left; height: 2.7em; width:20%; }
#sitenav ul li a.none { width:20%; }
#sitenav ul li a.four { float:left; height: 2.7em; width:24%; }
#sitenav ul li a.five { float:left; height: 2.7em; width:20%; }
#sitenav ul li a.six { float:left; height: 2.7em; width:17%; }
#sitenav ul li a.seven { float:left; height: 2.7em; width:14%; }
#sitenav ul li a.nonesix { float:left; height: 2.7em; width:14%; }

* html #sitenav, #sitenav ul li a { height: 2.5em; }


#sitenav ul li { list-style:none; }
#sitenav ul li a { text-align:center; background:url(../images/nav_border.gif) repeat-y; font: bold 1.1em/2.5em "Lucida Sans", "Lucida Grande", tahoma, geneva, sans-serif; color: #ffffff; text-decoration: none; }
#sitenav ul li a:hover { background-color: #000033; color: #ffffff; text-decoration: underline; }

#sitenav ul li a.none { background-image:none; }
#sitenav ul li a { font: bold 1.1em/2.5em "Lucida Grande", "Lucida Sans Unicode", tahoma, geneva, sans-serif; }



#siteinfo { position: relative; height: 23px; border-top: 1px solid #fff; }
#siteinfo { background: url(../images/bar_back.jpg) repeat-x top left; }
#siteinfo p { font-size: .9em; color: #fff; }
#siteinfo p { margin:4px 0 0 2.3ex; }
#siteinfo p a { color: #fff; text-decoration:none; }

#siteinfo #siteinfodroite { position: absolute; z-index:5; top:0; right:0; height: 22px; padding-right:10px;  }
#siteinfo #siteinfodroite a { margin: 0; padding: 0 1.5ex 0 1ex; }
#siteinfo #siteinfodroite { background: url(../images/corner_right.gif) no-repeat top right; }

#siteinfo #siteinfogauche { position: absolute; top:0; left:0; height: 22px; }
#siteinfo #siteinfogauche { background: url(../images/corner.gif) no-repeat top left; }


#leftcol{
float: left;
width: 210px;
height: 100%;
margin-top: 3px;
margin-right: 0pt;
margin-bottom: 2em;
margin-left: 5px;
text-align:left;
}

#search{
margin-top: 30px;
 border-top: 1px #ccc solid;
 padding-top: 0px;
 border-bottom: 1px #ccc solid;
 padding-bottom: 0px;
}

#search form {
margin: 10px 0px;
}

#subnav ul { margin: 10px 0px 10px 0px; padding: 0;}

#subnav ul li a { display: block; padding: 10px 0px 10px 21px;}
/*
#subnav ul li #current { margin: 2px 0; padding: 10px 5px 10px 21px; }
*/

#subnav ul  { list-style:none;}
#subnav ul li { font: bold 1em/1.3em "Lucida Sans", "Lucida Grande", tahoma, geneva, sans-serif; border-bottom: 1px dashed #aaa;  }
#subnav ul li a { background:url(../images/puce2.gif) center left no-repeat; text-decoration: none; color: #3c3c3c; }
#subnav ul li a#current { background:url(../images/puce.gif) top left no-repeat #eeefef; }
#subnav ul li a:hover { background:url(../images/puce2-hover.gif) center left no-repeat; color: #000000; background-color: #ebebeb; }
/* Dropdown Links */
#subnav ul ul li { font: 1em/2em 'lucida grande',tahoma, geneva, sans-serif; color: #0a759b; border: none; }
#subnav ul ul a { background: none; font-size: 1em; line-height: 1.6em; color: #0a759b; }
#subnav ul ul a:hover { background: none; text-decoration:underline; }


/*test*/
#subnavs ul { margin: 5px 0px 5px 25px; padding: 0;}
/*
#subnavs ul li a { display: block; padding: 0px 0px 0px 25px; margin: 2px 0; }
#subnavs ul li #current { margin: 2px 0; padding: 0px 0px 0px 25px; }
*/

#subnavs ul  { list-style:none; }
#subnavs ul { font: bold 1em/1.3em "Lucida Sans", "Lucida Grande", tahoma, geneva, sans-serif;}
#subnavs ul a { background:url(../images/puce.gif) center left no-repeat; text-decoration: none; color: #3c3c3c; }
#subnavs ul a#current { background:url(../images/puce.gif) top left no-repeat #eeefef; }
#subnavs ul a:hover { background:url(../images/puce4.gif) center left no-repeat; color: #000000; background-color: #ebebeb; }
/* Dropdown Links 
#subnavs ul ul li { font: 1em/2em 'lucida grande',tahoma, geneva, sans-serif; color: #0a759b; border: none; }
#subnavs ul ul a { background: none; font-size: 1em; line-height: 1.6em; color: #0a759b; }
#subnavs ul ul a:hover { background: none; text-decoration:underline; }
*/


#content{
position: relative;
margin-top: 10pt;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 230px;
min-height:400px;
height:400px;
}
div[class] #content {
   height:auto;
   }



#content_fullpage{

margin-top: 10pt;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
min-height:450px;
height: 450px;
}
div[class] #content_fullpage {
   height:auto;
}

#lastnews {
margin-top: 20px;
margin-right: auto;
margin-left: auto;
text-align:center;
width: 620px;
}

#lastnew {
margin-top: 5px;
margin-right: auto;
margin-left: auto;
background-color: #ebebeb;
}

#lastnews table {
border: 1px solid #ebebeb;
width: 100%;
}
#lastnews table th{
height: 25px;
font: bold 1em/1.3em "Lucida Sans", "Lucida Grande", tahoma, geneva, sans-serif;
text-align: center;
background-color: #ebebeb;
text-decoration: underline;
}
#lastnews table td{
text-align: center;
border-bottom: 1px solid #ebebeb;
}

#footer{
position: relative;
margin-top:40px;
margin-bottom:15px;
border-top-width: 5px;
border-top-style: double;
border-top-color: #2fa7e6;
}

#footer address{
font-family: "Lucida Sans","Lucida Grande",tahoma,geneva,sans-serif;
font-size: 85%;
line-height: 1.6em;
font-size-adjust: none;
text-align:center;

}




.nobordertable{
display: inline;
border: none;
}
.index_page_link{
text-decoration: none;
color: #000000;
}

.offresEmploiTable{
border: solid 1px #000000;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}
.offresEmploiTable th{
height: 2.2em;
text-align: center;
padding: 0px 10px; 
text-decoration: underline;
border-bottom: 1px solid #aaa;
}
.offresEmploiTable td{
height: 2em;
text-align: left;
padding: 0pt 10pt;
border-bottom: 1px dotted #aaa;
}
.offresEmploiTable .intitule a{
color: #2fa7e6;
}

.hr_title {
	margin-left: 15px;
	margin-bottom: 5px;
	color: #000000;
	font-weight: bold;
	
}

.table_trombi{
border: solid 1px #cecece;
border-collapse: collapse;
width: 500px;

margin-left: auto;
margin-right: auto;
margin-bottom : 10px;
}
.table_trombi td{
padding: 5px;
}
.table_trombi .photo{
width: 150px;
}

.centerdiv{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.centerp{
	text-align: center;
	margin: 20px 0px;
}

.documentsAdminTable{
border: solid 1px #000000;
border-collapse: collapse;
width: 87%;
margin-left: auto;
margin-right: auto;
}
.documentsAdminTable th{
height: 2.2em;
text-align: center;
padding: 0px 10px; 
text-decoration: underline;
border-bottom: 1px solid #aaa;
}
.documentsAdminTable td{
height: 2em;
text-align: left;
padding: 2pt 10pt;
border-bottom: 1px dotted #aaa;
}
.documentsAdminTable .center{
text-align: center;
}

.confirmbox{
	width: 70%;
	margin: 50px auto;
	text-align: center;
}
.confirmbox fieldset{

	border:1px solid #66cc88; 
	padding: 10px;
	padding-top: 0px;

	text-align: center;
}
.confirmbox fieldset ul{

	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.confirmbox fieldset legend{
	padding: 0.2em 0.5em;
	border:1px solid #66cc88;
	color:#66cc88;
	text-align:right;
}

.messagebox2{
	width: 70%;
	margin: 50px auto;
	text-align: center;
}
.messagebox2 fieldset{

	border:1px solid #2fa7e6; 
	padding: 10px;
	padding-top: 0px;

	text-align: center;
}
.messagebox2 fieldset ul{

	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.messagebox2 fieldset legend{
	padding: 0.2em 0.5em;
	border:1px solid #2fa7e6;
	color:#2fa7e6;
	text-align:right;
}

.messageboxAdmin{
	width: 70%;
	margin: 0px auto;
	text-align: center;
}
.messageboxAdmin fieldset{

	border:1px solid #2fa7e6; 
	padding: 10px;
	padding-top: 0px;

	text-align: center;
}
.messageboxAdmin fieldset ul{

	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.messageboxAdmin fieldset legend{
	padding: 0.2em 0.5em;
	border:1px solid #2fa7e6;
	color:#2fa7e6;
	text-align:right;
}

.errorbox{
	width: 70%;
	margin: 50px auto;
	text-align: center;
}
.errorbox fieldset{

	border:1px solid #ee3333; 
	padding: 0px 20px 10px 20px;
	text-align: center;
}
.errorbox fieldset ul{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	list-style-type: circle;
}
.errorbox fieldset legend{
	padding: 0.2em 0.5em;
	border:1px solid #ee3333;
	color:#ee3333;
	text-align:right;
}

.filename{
	color: #2fa7e6;
	font-weight: bold;
}

.titlenews a{
	color: #585858; 
	font-weight: bold;

}

.titreaccueil{
padding-left: 75px;
background-image: url(../images/fleches.gif);
background-repeat: no-repeat;
background-position: 35px 10px;
font-size: 20px;
font-style: italic

}


#tips a {
	display: block;
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: black;
	text-decoration: none;
	text-align: center;
	font-size: smaller; 
}




input {
	font-size: 9pt;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
	background-color: #ffffff;
	border: 1px solid #666666;
}
input.button {
	height: 20px;
	color: #333333;
	font-size: 12px;
	padding-left: 7px;
	padding-right: 7px;
	background: url(../images/buttons/bg.gif) repeat-x #f0f0f0;
	border: 1px solid #a4a4a4;
	margin-top: 3px;
}
input.inputfield {
	width: 90%;
	height: 18px;
}


.fleche{
list-style-image: url(../images/pucegris8px.jpg);
list-style-type: circle
}

.lien1{
color: #333333;
}