body {
	background: #ddaa77;/*#ffcc99;*/
	font-family: Arial, Verdana, Sans-Serif;	
	font-size: 0.8em;	
	/*color: #003264;*/
}
#wrapper {
	background: url(bgCEROM.gif) no-repeat;
	/*background: url(bgCEROM_H.gif) repeat;*/
}
#header {
	display:none;
}

#container, #side-a, #line1 { 
	/*background: #F6E6D5 repeat-x;*/
}

#side-b, #line2, #leftarea, #rightarea, #footer, #footer1, #leftfooter, #rightfooter {
	background:none;
}

table {
	color:#003264;
}

a {
	text-decoration: none;
	color: #FF6600;
}
a:visited {
	text-decoration: none;
	color: #A8560F;
}
a:hover {
	color: #808080;
	/*text-decoration: underline;	*/
}
a img {
	border: 0px;
	text-decoration: none;
}
a.arrow {
	background-image: url(tri.gif);
	background-repeat: no-repeat;	
	background-position: 0 0.5em; 
	padding-left: 8px;
}

.arrowNewsletter {
	background-image: url(jahia_loze.gif);
	background-repeat: no-repeat;	
	background-position: 0 0.4em; 
	padding-left: 15px;
	margin-top: 10px;
	background-color:#FFFFFF;
	border-bottom: 1px solid black;
	text-decoration: none;
	font-weight : bold ;
	font-size: 1.3em;
	clear: both;
}

.contenuNewsLetter {
	padding-left: 30px;
	text-decoration: none;
}

#titreNewsLetter{
	color: #FFFFFF;
	min-height: 20px;
	font-size: 1em;
	border-bottom: 3px solid black;
	font-weight : bold ;
}

TD.newsLetter{
	color: #FFFFFF;
}

#dateNewsLetter{
	background-color:#B60400;
	vertical-align: bottom;
	font-color: #FFFFFF;
	min-height: 20px;
	font-size: 1em;
	border-bottom: 3px solid black;
}

#chapeauNewsLetter{
	padding-left: 10px;
	border-bottom: 1px solid #B60400;
}

a.tutorial{
	background-image: url(video.gif);
	background-repeat: no-repeat;	
	background-position: 0 0em; 
	padding-left: 20px;
	font-family: Arial, Verdana, Sans-Serif;	
	text-align: left !important;
	color : blue;
	padding-bottom: 4px;
	font-size: 0.9em;
}

a.button, a.button:visited {
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	text-align: center;
	min-width: 24px;
	vertical-align: text-top;
}
a.button:hover { 
	border-color: black white white black;
	text-decoration: none;
}
#fontbuttons {
	margin-left: 14px;
}
h1 a, h1 a:hover {
	font-size: 13pt;
	font-weight: bold;
	padding: 0 0 0 0px;
	margin: 0px;
	color: #ff6600;
	text-decoration: none;		
}
h1 {
	padding: 0px 0 0 0px;
	margin: 0px;
	float: left;
}

#ceromHeaderTitleBrown {
	font-size: 16pt;
	color: #e3b586;	
}

#ceromHeaderTitleOrange {
	font-size: 10pt;
	color: #ff6600;	
}

#ceromHeaderTitleBlue {
	font-size: 10pt;
	color: #003399;	
}

#line1{
	padding: 10px 0px 4px 0px;
}
#line1 form {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	text-align: right;
}
#line2 {
	clear: left;
	/*background: url(pic.jpg) no-repeat;	*/
	height: 110px;	
	padding: 0px;	
	border-left: 1px solid #EB8;
	border-top: 1px solid #EB8;	
}

#line3 {
	padding: 2px 0px 6px 0px;	
	border-left: 1px solid #EB8;
}
#line3 form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0 0 ;	
	text-align: right; 
}
#line3 form select {
	font-size: 9pt;
	font-weight: bold;
	color: #6B6B6B;
	background: #f4f4f4;
	width: 208px;
}
#line3 ul  {
width : 155px;
float: left;
border : 1px solid;
}

h3.bleu {
	font-size: 1.3em;
	color : #003399;/*#0068B3ancien bleu,  ou orange:ff6600*/
	margin: 0 0 5px 0;
	padding: 2px 0px 0px 0px;
	border-bottom: 1px solid #0033B3;
}


h3 {
	/*font-size: 1.3em;
	font-weight : 600;*/
	color : #ff6600;/*#FFF;*/
	/*background : #ff6600;*/
	margin: 5px 0px 10px 0px;
	padding: 20px 0px 0px 0px;
	/*border-top: 10px solid #00000;*/
	border-bottom: 1px solid #003399;
	
	
}

#authenticationBorders {
	/*font-size: 1.3em;*/
	color: #FFF;
	background-color: #ff6600;
	border-color: #ff6600;
	border-width: 1px;
	border-style: solid;
}

#authenticationBorders:hover{
	/*font-size: 1.3em;*/
	color: #000;
}



#rightarea {
	color: #003264;
	background: #f0d9a4;/*#e3b586  #E0EDF5*/
	border-left: 1px solid #CCCC99;	
	margin-bottom: 10px;
}

#rightarea a{
	font-size: 0.85em;
}
#rightarea a.rightlinks {
	font-size: 0.85em;
	display: block;	
	padding-bottom: 4px;
	margin-bottom: 2px;
	/*border-bottom: 1px dotted #ccc;*/
}

#rightarea a.rightarrow {
	font-size: 0.85em;
	display: block;	
	padding-bottom: 4px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #abdcff; /*#F6E6D5*/
	border-style:none;
	background-image: url(tri.gif);
	background-repeat: no-repeat;	
	background-position: 0 0.5em; 
	padding-left: 8px;
}

#leftarea, #leftarea1 {
	text-align: justify;
	color: #003264;
	border-left: 1px solid #EB8;
	/* \*/
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
	/* */
}
#leftarea p, #leftarea1 p{
	padding: 0;
	margin: 0px 0px 10px 0px;
}
#leftarea a,#leftarea1 a {
	font-size: 0.85em;
}

img.left {
	float: left;
	border: 1px solid;
	margin-right: 10px;
}
img.right {
	float: right;
	border: 1px solid;
	margin-left: 10px;
}
#footer {
	font-size: 0.8em;
}
#footer a {
	/*text-decoration: underline;*/
	color: #3A6794;
}
#footer a:hover {
	color: #000;
}

#navigation {
	width: 140px;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

#navigation ul {	
	list-style: none;
	margin: 0px 0px 3px 0;
	padding: 0px;
	font-size: 1.1em;
	width: 138px !important;
   width /**/:139px;			
}

#navigation li {
	list-style: none;
	margin-bottom: 4px;
}

#navigation li a {
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	height: auto;
	text-decoration: none;
	color: #DDDDDD;
	display: block;
	padding: 6px 10px 0px 10px;
	background: #2255BB;
	/*border-bottom: 1px dotted #ccc;*/
}	

#navigation li a:hover {
	border-right: 8px solid;	
	color: #FF9933;
}
#navigation li a.presentation:hover {
	color: #0374b6;

}
#navigation li a.strategie:hover {
	color: #c0c0c0;
}
#navigation li a.projets:hover {
	color: #e94943;
}
#navigation li a.finances:hover {
	color: #ffcc33;
}
#navigation li a.publications:hover {
	color: #39ad9c;
}

#navigation li ul li{
	margin: 0px;
	padding: 0px;
	font-size: 10px;	
}
#navigation ul ul {	
	background: #fff;
	border: 1px dotted #ccc;
}

.sidebox {
margin: 9px 0px 10px 0px;
padding: 3px 2px 5px 10px;
width: 120px !important;
width /**/:140px;
border : 1px solid #6B6B6B;
border-right: 7px solid #FF9933;	
background-color: transparent;
}

div#presentation {
	border-right: 7px solid #0374b6 !important;
}
div#strategie {
	border-right: 7px solid #c0c0c0 !important;
}
div#projets {
	border-right: 7px solid #e94943 !important;
}
div#finances {
	border-right: 7px solid #ffcc33 !important;
}
div#publications {
	border-right: 7px solid #39ad9c !important;
}

.sidebox_home {
	margin: 9px 0px 10px 0px;
	padding: 3px 10px 5px 10px;
	width: 120px !important;
	width /**/:140px;	
	color: #DDDDDD;
}

.sidebox a {
	display: block;	
	padding-bottom: 4px;
	padding-right: 5px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ccc;
	text-align: right;
	font-size: 0.85em;	
}

.sidebox_home a {
	display: block;	
	padding-bottom: 4px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ccc;
	text-align: right;
	font-size: 0.85em;	
}

.sidebox p, .sidebox_home p {
	margin: 0;	
}
.sidebox_home .infobox {
	font-size: 0.9em;
	border: 1px solid #ccc;
	background: #f4f4f4;
	padding: 3px;
	margin: 5px 0px 5px 0px;
}
#themepicdiv {
	text-align:right;
}
#themepicdiv img {
	border:1px solid;
}

#footer1 {
	border: 1px solid #819CD7;
	background: #CDE1F9;
	margin-bottom: 10px;
	padding: 4px 0px 4px 0px;
}


/* ********* NEW STYLES ***************** */
a.searchButton{
  font-size:9px;
  min-width:24px;
  vertical-align: text-top;
}

#login {
	float: right
}
#breadcrumb A {
	color: #3a6794; text-decoration: underline
}
#login A {
	color: #/*3a6794*/FFF; /*text-decoration: underline*/
}
#breadcrumb A:hover {
	color: #000
}
#login A:hover {
	color: #000
}
#breadcrumb {
	margin-bottom: 8px
}

.txtResultGras {
	font-weight: bold;
	font-size: 1.1em;
	font-family: Geneva, Arial, Helvetica, san-serif;
}

.bleuMarine {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 1em;
	padding: 0em 0em  0em 1em;
}

.bleuMarineTitre {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 1.3em;
	font-weight: bold;
}

.bleuMarineGrosTitre {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 1.4em;
	font-weight: bold;
}

.blanc12G {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: Geneva, Arial, Helvetica, san-serif;
	background-color: #e94943;
}

.justify {
	text-align:justify;
	padding: 2px;
}

.agencyList{
  margin-top:10px;
  border: 2px solid #0374b6;
  text-align:left;
}

.agencyList th{
  color:#FFF;
  background-color:#0374b6;
  text-align: center;
  width: 20%;
  vertical-align:top;
  font-size: 9pt !important;
}

.agencyList tr {
  vertical-align:top;
}
.agencyList td , tr{
  padding-left: 8px;
  border: 1px solid #0374b6;
  font-size: 10pt !important;
}

.atosBlanc12G {
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 1.1em;	
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ff6600;
	text-align:left;
}
.atosBleuGrosTitre {
	border:  1px solid #0374B6;
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #0374B6;
}


.atosBleuMarineTitre {
	text-align: center;
	border:  1px solid #003366;
	padding: 5px 1px 5px 5px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #003366;
}
.atosBleuMarine {
	border:  1px solid #003366;
	padding: 5px 1px 5px 5px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 0.8em;
	color: #003366;
} 

#navigation li.selected {
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
#navigation li.selected a {
	border-right: 8px solid;
	color: #FF9933;
}
#navigation li.selected a.presentation {
	color:  #0374b6
}
#navigation li.selected a.strategie {
	color:  #c0c0c0
}
#navigation li.selected a.projets {
	color: #e94943
}
#navigation li.selected a.finances {
	color: #ffcc33
}
#navigation li.selected a.publications {
	color: #39ad9c
}


#ficheProjet  {
  padding-left:5px;	
}

#ficheProjet .nomProjet{
  color:#e94943;
  text-decoration:underline;
  padding-right:15px;
}

#ficheProjet h1{
  font-size:1.4em;
  width:90%;
  margin-top:10px;
}

#ficheProjet h2{
  font-size:1.2em;
  padding-top:10px;
  text-decoration:underline;
  width:90%;
   color:#e94943;
}
#ficheProjet h3{
  font-size:1em;
  padding-top:10px;
  text-decoration: underline;
}

#ficheProjet td {
  vertical-align:top;
}

#ficheProjet td.title {
  font-weight:bold;
  padding-right: 25px;
  }

/*needed for box_files.inc*/
.nowrap {
    white-space: nowrap;
}

/*pour les fiches projets FFEM*/
.cellBorderBlue {
	font-size: 11px;
	color: #000000;
	border: 0.5pt solid #E94943;
	padding: 2px 4px 2px 4px;
}
.cellBgBlue2 {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;	
	border: 0.5pt solid #E94943;
	padding: 2px 4px 2px 4px;	
	background: #E94943;
}
.cellBgBlue {
	font-size: 11px;
	font-weight: bold;
	color: #E94943;	
	padding: 2px 4px 2px 4px;	
}
.cellBorderBlue  a {
	font-size: 0.9em !important;
}