@charset "utf-8";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #375075;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#center
{
	display:block;
	width:892px;
	margin:15px auto;
}
#menutop
{
	display:block;
	border-bottom:5px solid #112d76;
	text-align:right;
	
}
	#nav
		{
			display:block;
			width:165px;
			background:url(images/menuh.jpg) top repeat-x #3576aa;
			height:25px;
			padding:10px 10px 0px 10px;
			color:#fff;
		}
		#nav a
		{
			color:#fff;
			text-decoration:none;
			font-size:12px;
			font-weight:bold;
		}
		#nav a:hover
		{
			color:#ffba00;
		}
#header
{
	display:block;
	height:321px;
	border-bottom:1px solid #fff;
	background:url(images/header.jpg) no-repeat top #fff;
	border-top:4px solid #fff;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
}
#menuh
{
	background:url(images/menuh.jpg) repeat-x top;
	border-top:1px solid #fff;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
	display:block;
	padding:3px 0px 0px 0px;
	width:884px;

}

		#menuh ul {
			list-style-type: none;
			width: 100%; /* précision pour Opera */
			margin:0px;
			padding:0px;

		}
		
    	#menuh	ul li {
			float: left;
		}
		
		#menuh ul a {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			height:19px;
			font-size:12px;
			font-weight:bold;
			padding: 9px 37px 7px 38px;
			text-decoration: none;
			color: #fff;
			float: left;
			display:block;

		}
		
		#menuh ul a:hover {
			background: #122d75;
			color:#ffba00;
		}

		#menuh ul a.selected {
			background:url(images/bg_nbtn.gif) top center no-repeat;
		}

#sous_menuclose
{
	background:#133d19;
	border-bottom:1px solid #fff;
	height:10px;
	clear:both;
	
	
}
#sous_menuopen
{
	background:#133d19;
	border-bottom:1px solid #fff;
	height:20px;
	clear:both;
	padding:10px;
	color:#fff;
	font-size:10px;
	text-align:center;
}
#sous_menuopen a
{
	color:#fff;
	font-size:12px;
}
 
#main
{
	background: url(images/bg_main.gif) top repeat-x #fff;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
}
#notice
{
 width:786px;
 background:url(images/main_notice.jpg) no-repeat top center;
 display:block;
 height:210px;
 color:#fff;
 font-size:14px;
 padding:80px 30px 20px 50px;
}

#notice .noticeLeft
{
	display:block;
	width:450px;
	float:left;
}
#notice .noticeright
{
	display:block;
	float:left;
	border-left:1px dotted #fff;
	height:200px;
	width:260px;
	padding:0 20px;
	font-size:10px;
	margin-left:20px;
}
#notice .row
{
	padding:5px;
}
#notice label
{
	display:block;
	width:150px;
	float:left;
}
.xbtn
{
	background:#ee821d;
	color:#fff;
	font-weight:bold;
	border:0px;
}
.clear
{
 clear:both;
}
#contenaire
{
	padding:15px;
}

#organigramme
{
	display:block;
	width:823px;
	height:625px;
	background:url(images/bg_orga.gif) no-repeat top center;
}
#organigramme td
{
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
 .line1
 {
 	display:block;
	height:38px;
	margin-bottom:62px;
	padding-top:20px;
 }
 .line2
 {
 	display:block;
	height:38px;
	margin-bottom:38px;
	padding-top:20px;

 }
 .line3
 {
 	display:block;
	height:38px;
	margin-bottom:35px;
	padding-top:20px;

 }
 .line4
 {
 	display:block;
	height:38px;
	margin-bottom:38px;
	padding-top:20px;
 }
 .line5
 {
 	display:block;
	height:38px;
	margin-bottom:33px;
	padding-top:20px;
 }
 .line6
 {
 	display:block;
	height:38px;
	margin-bottom:12px;
	padding-top:20px;

 }
 .line7
 {
 	display:block;
	height:38px;
	margin-bottom:2px;
	padding-top:20px;

 }
 .xcomment
 {
 	color:#ff0000;
 }
 
 #footer
 {
	display:block;
	text-align:center;
	background:#fff;
	padding:10px;
	margin-top:5px;
 }
 /*#####phase ##########*/
 
 .phase
 {
 	display:block;
	background:#e4ab00;
	width:220px;
	float:left;
	margin:20px 20px 20px 0px;
	padding:15px;
	color:#fff;
 }
 .gmap
 {
 	margin-top:8px;
	display:block;
	width:214px;
 	padding:0px;
	border:5px solid #fff;
 }
 .phase a
 {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
 }
 
 .headertop
 {
 	padding:10px;
	background:#105195;
	color:#fff;
	
 }
 .back
 {
 	width:300px;
	padding:8px;
	margin-bottom:15px;
	display:block;
	color:#fff;
	background:#ffa800;
	font-weight:bold;
 }
 .back a
{
	color:#fff;
	text-decoration:none;
}

/*########################################*/

#myTable
{
	margin:20px 0px;
	width:100%;
}
	#myTable th
	{
		padding:5px;
	}
/*old style*/
.nav
{
padding:5px 5px 4px 3px;
font-size:18px;
color:#3476aa;
font-weight:bold;
margin-bottom:15px;
}

.actu
{
font-size:12px;
}
.box
{
padding:10px; background:#fff; border:1px #666666 dotted;
}
.box
{
padding:10px; background:#fff; border:1px #666666 dotted;
}
.image 
{
background:#fff;
border:1px dotted #666666;
margin:2px;
padding:2px;
}
.bgblue 
{
background:#e8eff8;
padding:5px;
}
.bgorrange 
{
background:#fff3e7;
padding:5px;
}
.minibox 
{
	background:#fff;
	padding:8px 5px 8px 5px;
	border:#cbcbca 1px solid;
}
.titreorr
{
color:#ef821c;
font-size:14px;
}
a
{
color:#333333;
text-decoration:none;

}
a:hover 
{
color:#000033;
text-decoration:underline;
}
a.red:link,a.red:visited,a.red:active
{
color:#990000;
text-decoration:underline;
}
a.red:hover
{
color:#FF0000;
text-decoration:none;
}
a.small:link,a.small:visited, a.small:active
{
text-decoration:underline;
font-size:9px;
}
a.small:hover
{
text-decoration:none;
font-size:9px;

}

/*##########################################*/

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/images/blue/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/images/blue/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/images/blue/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

.type1 { color:#669900;}
.type2 { color:#FF6600;}

/*###############################################*/

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

.xrow {
	padding:5px;
	border-bottom:1px dotted #666666
}
.xrow strong 
{
	display:block;
	width:180px;
	float:left;
}