
/******************************/
/*   CODES COULEUR DU SITES   */
/******************************/
/*
fond "qui sommes-nous"
	#F186CC

fond "Service"
	#2F88A8

fond "Réseau"
	#84DE49
	
fond "Références"
	#947BE1
	
fond "Partenaires"
	#DFD214

fond Bleu marine
	#004B9C

orange
	#FF6633

Bleu titre
	#3B72B3

texte article
	#0F3F65
*/

/* modele page */

html, body {
	margin:			0;
	padding:			0;
	text-align:		center;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		83%;
        line-height:1.2;
}

#pagewidth {
/*  MODIF 10/2006			*/
/*	width:			93.07em;*/
	width:			90.07em;
	height:			70em;
	text-align:		left;
	margin-left:	auto;
	margin-right:	auto;
}

#wrapper {
/*  MODIF 10/2006			*/
/*	width:			93.07em;*/
	width:			90.07em;
	height:			70em;
	float:			left;
	position:		relative;
	background:		#FFFFFF url("") no-repeat top left;
}

#bandeau {
/*  MODIF 10/2006			*/
/*	width:			69em;	*/
	width:			66em;
	height:			12.5em;
	float:			left;
	position:		relative;
	background:		#B9CAFF url("") no-repeat top left;
}

#leftcol {
	width:			19.36em;
	height:			52.73em;
	top:				0em;
	position:		absolute;
	background:		#AAABBB url("") no-repeat top left;
	text-align:		center;
}

#leftlogo {
	width:			25.8em;
	height:			13.64em;
	margin-top:		0em;
	margin-left:	0em;
	position:		relative;
}

#layer_haut {
/*  MODIF 10/2006			*/
/*	width:			46.28em;*/
	width:			43.28em;
	height:			13.64em;
	top:				0em;
	left:				25.8em;
	position:		absolute;
	z-index:			2;
}

#bandeau_haut {
	width:			25.8em;
	height:			13.64em;
	top:				0em;
	right:			0em;
	position:		absolute;
	background:		url(images/bandeau_haut.jpg) no-repeat;
}

#logo {
	width:			25.8em;
	height:			13.64em;
	position:		relative;
	border:			0em;
}

#img_haut {
/*  MODIF 10/2006			*/
/*	width:			46.28em;*/
	width:			43.28em;
	height:			13.64em;
	position:		relative;
}

#leftbandeau {
	height:			2.91em;
	width:			19.36em;
	position:		absolute;
	top:				13.64em;
	left:				0em;
	background-color:#004B9C;
}

#imgbandeaugauche {
	height:			52.73em;
	width:			19.45em;
	position:		absolute;
	top:				0em;
	left:				0em;
}

#leftflag {
	top:				0.4em;
	left:				1em;
	position:		absolute;
}

#flag {
	width:			2em;
	height:			2.1em;
	border:			0em;
}

#extranet {
	width:			12em;
	top:				0.1em;
	left:				4em;
	position:		absolute;
	background-color: transparent;
}

#extranet a:hover {
	color:			#FF6633;
	text-decoration:none;
}

#img_recherche {
	width:			9.64em;
	height:			2.73em;
	top:				0em;
	left:				0em;
	position:		absolute;
}

#img_recherche2 {
	width:			2.36em;
	height:			2.73em;
	top:				0px;
	left:				9.64em;
	position:		absolute;
	border:			0em;
}

#find {
	top:				0.7em;
	left:				4.2em;
	position:		absolute;
	background-color:transparent;
	z-index:			2;
}

input {
	background-color:transparent;
	border:			none;
	text-align:		left;
	font-size:		1.1em;
	color:			#3B72B3;
	font-weight:	normal;
}

#findfield {
	width:			13em;
}

#menu_vert {
	width:			18em;
	height:			auto;
	top:				3em;
	left:				0.5em;
	position:		absolute;
	z-index:			2;
	text-align:		left;
	background-color:#AAC2DE;
}

#leftimage {
	height:			51.09em;
	width:			19.45em;
	position:		absolute;
	top:			0em;
	left:			0em;
	background-color:#004B9C;
	/*z-index:		2;*/
}

#img {
	width:			20em;
	height:			6em;
}

#twocols {
/*  MODIF 10/2006			*/
/*	 width:			72.1em;	*/
	 width:			69.1em;
	 height:		52.73em;
	 top:			16.911em;
	 left:			0em;
	 float:			left;
	 position:		absolute;
	 background-color:#FFFFFF;
}

#maincol {
/*  MODIF 10/2006			*/
/*	width:			52.73em;*/
	width:			49.73em;
	height:			52.73em;
	top:			0em;
	left:			19.36em;
	position:		absolute;
	background-color:#FFFFFF;
	z-index:		1;
}

#titre1 {
	right:			0em;
	top:			8.1em;
	position:		absolute;
	text-align:		right;
	font-size:		1.13em;
	color:			#004B9C;
	font-weight:	bold;
	line-height:	1.25em;
}

#titre2 {
	right:			0em;
	top:			9.75em;
	position:		absolute;
	text-align:		right;
	font-size:		1.13em;
	color: 			#FB805E;
	font-weight:	bold;
	line-height:	1.25em;
}

#mainbandeau {
/*  MODIF 10/2006			*/
/*	width:			54em;	*/
	width:			49.8em;
	height:			2.91em;

	top:			13.64em;
	left:			19.36em;
	position:		absolute;
	background-color:#004B9C;
	line-height:	2.5em;
}

#qui {
/*  MODIF 10/2006			*/
/*	width:			15em;	*/
	width:			13.4em;
	height:			2.45em;
	position:		absolute;
	text-align:		center;
	left:				0em;
	top:				0.1em;
	font-size:		1.1em;
	font-weight:	bold;
	background-color:#F186CC;
}

#qui a {
	color:			#FFFFFF;
	text-decoration:none;
}

#qui a:hover {
	color:			#FF6633;
	text-decoration:none;
}

#qui a.lien_encours
{
        color: #FB805E;
	text-decoration:none;
}

#service {
/*  MODIF 10/2006			*/
/*	width:			7.55em;	*/
	width:			7.15em;
	height:			2.45em;
	position:		absolute;
	text-align:		center;
/*  MODIF 10/2006			*/
/*	left:				15em;*/
	left:				13.4em;
	top:				0.1em;
	font-size:		1.1em;
	font-weight:	bold;
	background-color:#2F88A8;
}

#service a {
	color:			#FFFFFF;
	text-decoration:none;
}

#service a:hover {
	color:			#FF6633;
	text-decoration:none;
}

#service a.lien_encours
{
        color: #FB805E;
	text-decoration:none;
}

#reseau {
/*  MODIF 10/2006			*/
/*	width:			6.36em;	*/
	width:			6.06em;
	height:			2.45em;
	position:		absolute;
	text-align:		center;
/*  MODIF 10/2006			*/
/*	left:				22.55em;*/
	left:				20.55em;
	top:				0.1em;
	font-size:		1.1em;
	font-weight:	bold;
	background-color:#84DE49;
}

#reseau a {
	color:			#FFFFFF;
	text-decoration:none;
}

#reseau a:hover {
	color:			#FF6633;
	text-decoration:none;
}

#reseau a.lien_encours
{
        color: #FB805E;
	text-decoration:none;
}

#reference {
/*  MODIF 10/2006			*/
/*	width:			9.8em;	*/
	width:			9.1em;
	height:			2.45em;
	position:		absolute;
	text-align:		center;
/*  MODIF 10/2006			*/
/*	left:				28.91em;*/
	left:				26.61em;
	top:				0.1em;
	font-size:		1.1em;
	font-weight:	bold;
	background-color:#947BE1;
}

#reference a {
	color:			#FFFFFF;
	text-decoration:none;
}

#reference a:hover {
	color:			#FF6633;
	text-decoration:none;
}

#reference a.lien_encours
{
        color: #FB805E;
	text-decoration:none;
}

#partenaire {
	width:			9.3em;
	height:			2.45em;
	position:		absolute;
	text-align:		center;
/*  MODIF 10/2006			*/
/*	left:			38.71em;*/
	left:			35.71em;
	top:			0.1em;
	font-size:		1.1em;
	font-weight:	bold;
	background-color:#DFD214;
}

#partenaire a {
	color:			#FFFFFF;
	text-decoration:none;
}

#partenaire a:hover {
	color:			#FF6633;
	text-decoration:none;
}

#partenaire a.lien_encours
{
        color: #FB805E;
	text-decoration:none;
}

#chemin
{
 position: absolute;
 z-index: 2;
 height:auto;
 top:1em;
 left:0.5em;
 font-size:0.95em;
 color: #FE6634;
 font-weight:	bold;
}

#chemin a
{
 color: #FFFFFF;
}

#frame_qui {
	position:		absolute;
	width:			48.8em;
	height:			48em;
	background-color:#ECF1F7;
	top:			3em;
	left:			0em;
	border-left: solid 0.73em #F186CC;
}

#frame_service {
	position:		absolute;
	width:			48.8em;
	height:			48em;
	background-color:#ECF1F7;
	top:			3em;
	left:			0em;
	border-left: solid 0.73em #2F88A8;
}

#frame_reseau {
	position:		absolute;
	width:			48.8em;
	height:			48em;
	background-color:#ECF1F7;
	top:			3em;
	left:			0em;
	border-left: solid 0.73em #84DE49;
}

#frame_reference {
	position:		absolute;
	width:			48.8em;
	height:			48em;
	background-color:#ECF1F7;
	top:			3em;
	left:			0em;
	border-left: solid 0.73em #947BE1;
}

#frame_partenaire {
	position:		absolute;
	width:			48.8em;
	height:			48em;
	background-color:#ECF1F7;
	top:			3em;
	left:			0em;
	border-left: solid 0.73em #DFD214;
}

#frame_defaut {
	position:		absolute;
	width:			48.8em;
	height:			48em;
	background-color:#ECF1F7;
	top:			3em;
	left:			0em;
	border-left: solid 0.73em #FB805E;
}

#title_content {
	float:	left;
	text-align: left;
	padding-top:	0.5em;
	padding-left:	1em;
	display: inline;
	color:		#004B9C;
	font-size:	1.1em;
	font-weight:	bold;
}

#print {
	float:	right;
	text-align: right;
	padding-top:	0.5em;
	padding-right:	1em;
	display: inline;
}

#texte_frame3 {
	width:			42em;
	height:			39.3em;
	margin-top:		3em;
	margin-left:	0em;
	background-color:#ECF1F7;
	text-decoration:none;
	font-size:		1.1em;
	color:			#0F3F65;
	font-weight:	normal;
	padding-left:	1em;
	padding-right:	1em;
 	overflow:		auto;
}

#texte_frame3 a {
	/*color:			#004B9C;*/
	color:			#FE6634;
	text-decoration:none;
}

#texte_frame3 a:hover {
	color:			#FE6634;
	text-decoration:underline;
}

#imgmilieu {
	position:		absolute;
/*  MODIF 10/2006			*/
/*	width:			52.73em;*/
	width:			49.73em;
	height:			52.73em;
	overflow:		auto;
	top:			0em;
	left:			0em;
	text-align:		left;
}

#rightcol {
	width:			21em;
	height:			55em;
	float:			right;
	position:		relative;
	background:		#CCCDDD url("") no-repeat top left;
}

#rightimage1 {
	width:			21em;
	height:			32.36em;
	left:			0em;
	position:		absolute;
	top:			0em;
	z-index:		2;
}

#img1 {
	top:			0em;
	right:			0em;
	width:			21em;
	height:			32.36em;
}

#flag_uk {
	position:		absolute;
	top:			14.4em;
	right:			2.9em;
}

#img_flag_uk {
	top:			0em;
	right:			0em;
	width:			1.91em;
	height:			1.27em;
	border:			0;
}

#flag_sp {
	position:		absolute;
	top:			14.4em;
	right:			0.5em;
}

#img_flag_sp {
	top:			0em;
	right:			0em;
	width:			1.91em;
	height:			1.27em;
	border:			0;
}

#rightmenu {
	height:			auto;
	top:			33em;
	left:			2em;
	position:		absolute;
	z-index:		2;
}

.rightmenu1 a {
	position:		relative;
	z-index:		2;
	color:			#004B9C;
	font-weight:	bold;
	text-decoration:none;
}
.rightmenu1 a:hover {
	color:			#FE6634;
	text-decoration:none;
}

.rightmenu1 a.lien_encours
{
        color: #FE6634;
	text-decoration:none;
}

.traits {
	width:			16.27em;
	height:			1.27em;
}

#rightimage2 {
	width:			21em;
	height:			37.36em;
	right:			0em;
	top:			32.36em;
	position:		absolute;
	bottom:			0em;
	z-index:		1;
}

#img2 {
 width:21em;
 height:37.36em;
}

#footer {
	width:			21em;
	bottom:			0em;
	left:			0.75em;
	height:			1.25em;
	position:		absolute;
	clear:			both;
	z-index:		2;
	font-size:		0.75em;
	font-weight:	bold;
	text-align:		left;
 }

#footer a {
	color:			#004B9C;
	text-decoration:none;
 }

#footer a:hover {
	color:			#FE6634;
	text-decoration:none;
}

.hide
{
	display:none;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after
{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

.clearfix
{
 display:inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix
{
 height:1%;
}
.clearfix
{
 display:block;
}
/* End hide from IE-mac */  


/* moteur de recherche zoom */
.highlight { background: #FFFF40; }
.searchheading { font-size: 100%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; } 
.results { font-size: 100%; }
.category { color: #999999; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 90%; font-style: italic;}
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 100%; }
.zoom_searchform { font-size: 100%; }
.zoom_options {  text-align: left; font-size: 80%; }
input.zoom_button { border:1px solid black; background-color: #ccc; }
input.zoom_searchbox { border:1px solid black; background-color: #ddd; }		


#menu_vert, #menu_vert ul {
  margin: 0;
  padding: 0;
  }

#menu_vert ul {
  width: 100%; /* Width of Menu Items */
  border-top: 2px dotted #004B9C;
  background: #AAC2DE;
  }
#menu_vert li {
  list-style: none;
  }

#menu_vert li a {
  display: block;
  text-decoration: none;
  padding: 3px 2px 3px 10px;
  border-bottom: 2px dotted #004B9C;
  color: #FFFFFF;
  font-weight: bold;
  }

/* Fix IE. Hide from IE Mac \*/
* html #menu_vert li { float: left; height: 1%; }
* html #menu_vert li a { height: 1%; }
/* End */

    div#menu_vert ul ul li a, 
    div#menu_vert ul ul li a:link, 
    div#menu_vert ul ul li a:visited  {
        display: block;
        padding: 3px 2px 3px 25px;
        border-bottom: none;
        font-size: 95%;
    }
    div#menu_vert ul ul  {
      border-right: none;
      border-top: none;
      border-bottom: 2px dotted #004B9C;
    }

    div#menu_vert ul ul ul li a, 
    div#menu_vert ul ul ul li a:link, 
    div#menu_vert ul ul ul li a:visited  {
        padding-left: 40px;
    }
    div#menu_vert ul ul ul  {
      border-bottom: none;
    }
#menu_vert li ul li a { padding: 5px 5px; } /* Sub Menu Styles */

/* fixed image flicker by adding .cssmenu-vertical ul */

#menu_vert li a:hover {
	color: #FE6634;
	text-decoration: none;
}

.current
{
	list-style-type: square;
	display: inline;
}

#menu_vert li a.current
{
        color: #FE6634;
}

#menu_vert li.activeparent {
	color: #FE6634;
}

#menu_vert li.active01 h3 {
  display: block;
  text-decoration: none;
  padding: 3px 2px 3px 10px;
  border-bottom: 2px dotted #004B9C;
	color: #FE6634;
  margin: 0;
  font-size: 1em;
  line-height: 1em;
  }

#menu_vert li.active02 h3
{
  display: block;
  padding: 3px 2px 3px 25px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
	color: #FE6634;
  margin: 0;
}

#menu_vert li.active03 h3
{
  display: block;
  padding: 3px 2px 3px 40px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
	color: #FE6634;
  margin: 0;
}

li.sectionheader {
  margin: 0;
  margin-right: -1px;
 }
li.sectionheader h3 {
   margin: 0;
   padding: 1em 10px 0.5em 10px;
   border: none;
   background-color: #fff;
  border-bottom: 2px dotted #004B9C;
  z-index: 90;
}

li.separator {
   height: 1px;
   padding: 0.5em 0;
   margin: 0;
   width: 100%;
   border-bottom: 1px dotted black;
	}


.NewsSummary {
    margin-bottom: 10px;
 }

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
  margin-bottom: 10px;
 }

#NewsPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin-bottom: 5px;
  }

#NewsPostDetailSummary {
   margin-bottom: 10px;
  line-height: 150%;
   }

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

/* to add specific style to the below div, uncomment them. */
/* 
.NewsSummaryLink {}
.NewsSummaryAuthor {}
.NewsSummaryMorelink {}
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {}
#NewsPostDetailAuthor {}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
