/* ===| GENERAL STYLES | === */
body {margin:0;padding:5px 0 15px 0;background:url(/uk/images/strucutre/bg.jpg) repeat-x top #768083;}
img {border:none;outline:none;vertical-align:middle;}
a {outline:none;border:none;text-decoration:none;}
.clear {clear:both;}
div#container {width:980px;margin:0 auto;padding:0;background:#FEFEFE;overflow:hidden;display:block;}

/* ===[ HEADER STYLES ]=== */
div#header {width:100%;height:133px;margin:0;padding:0;background:url(/uk/images/strucutre/header/header_bg.jpg) no-repeat top;display:block;}
   #header img#logo {margin:10px 0 0 15px;float:left;}
   #header img#rnote {
	float:right;
	margin-top: 35px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
  /* 
   #header img#flagfr {
	float:right;
	margin-top: 0px;
	margin-right: 03px;
	margin-bottom: 0;
	margin-left: 0;
}
   #header img#flageng  {
	float:right;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 0;
}*/
   
   
/* ===[ NAVIGATION MENU ]=== */
div#navigation {width:100%;height:33px;margin:0;padding:1px 0 0 0;background:url(/uk/images/strucutre/nav_bg.jpg) repeat-x;display:block;}

/* ===[ CONTENT STYLES ]=== */
div#content {width:950px;margin:0;padding:0 15px;background:url(/uk/images/strucutre/content_bg.jpg) repeat-x top;overflow:hidden;}

   /* SUB NAV */
   #content #subnav {width:100%;margin:15px 0;padding:0 0 4px 0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#0A0A0A;text-align:left;border-bottom:1px dotted #333;clear:both;display:block;}
   
   /* #content #subnav a {color:#0E0E0E;text-decoration:none;} - Uncomment this part if you the subnav will have link tags placed in */
   
   /* LEFT */
   #content #wLeft {width:650px;margin:0;padding:0;float:left;}
   			#wLeft h1 {
	width:625px;
	height:25px;
	margin:0;
	padding:5px 0 0 25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#e43117;
	text-align:left;
	background:url(/uk/images/strucutre/left/wLeft_titlebg.jpg) no-repeat left;
	letter-spacing: 0.06em;
}
			#wLeft p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#006ab3;
	text-align:left;
	line-height:19px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
	
			
			
#wLeft ul {padding-left:25px;margin:0;}
#wLeft li {background-image:url(/uk/images/boutons/arrow-right.jpg);background-repeat:no-repeat;background-position:left 5px;list-style:none;padding-left:20px;}
			
			
			
			
			
			
			
		 	/* #wLeft img#graph {margin:0;padding:0;} - Uncomment this and style it, it will effect the large graph image */
   
   /* RIGHT */
   #content #wRight {width:281px;margin:0;padding:0;float:right;}
   			#wRight h1 {width:256px;height:24px;margin:0;padding:3px 0 0 25px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:19px;font-weight:normal;color:#fafafa;text-align:left;background:url(/uk/images/strucutre/right/wRight_titlebg.jpg) no-repeat left;}
			#wRight .wrap {width:269px;margin:0;padding:8px 5px 0 5px;overflow:hidden;border:1px solid #CCC;border-top:none;border-bottom:none;text-align:center;background:#efefef;}
					.wrap h2 {
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#CC6600;
	text-align:left;
	line-height: 18px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	letter-spacing: 0.02em;
}
					
					.wrap ul {width:240px;padding-left:15px;margin:0;}
					.wrap li {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#373737;text-align:left;line-height:16px;background-image:url(/uk/images/boutons/arrow-right.jpg);background-repeat:no-repeat;background-position:left 3px;list-style:none;padding-left:22px;}
			
			
					
					
					.wrap img.graph1, .wrap img.graph2 {margin:20px 0 10px 0;padding:0;clear:both;}
					.wrap img.nic1 {margin:0 0 0 5px;}

#wRight p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#006ab3;
	text-align:left;
	line-height:19px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/* ===[ FOOTER STYLES ]=== */
div#footer {
	width:960px;
	height:35px;
	margin:0;
	padding:0 10px;
	background-color: #666666;
	background-image: url(/uk/images/strucutre/footer/footer_bg.jpg);
	background-repeat: repeat-x;
}
   
   /* FOOTER LEFT */
   #footer #fLeft {width:50%;margin:0;padding:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#333333;float:left;}
   		   #fLeft ul {margin:3px 0 0 0;padding:0;list-style-type:none;}
		   #fLeft ul li {margin:0;padding:0 5px;border-right:1px solid #24221f;float:left;}
		   #fLeft ul li a {color:#24221f;text-decoration:none;}
		   #fLeft ul li.none {border:none;}
		   
		   #fLeft p {margin:3px 0 0 5px;padding:0;clear:both;}
   
   
   
#footer a:link{
	text-decoration: none;
	color: #333333;
}

#footer a:visited{
	color: #333333;
}

#footer a:hover{
	text-decoration:underline;
	color: #ef7654;
}
   
   
   
   
   /* FOOTER RIGHT */
   #footer #fRight {width:50%;margin:0;padding:0;float:right;}
   		   #fRight ul {margin:0;padding:0;list-style-type:none;}
		   #fRight ul li {margin:0 10px;float:right;}




  /* ACCUEIL */
  
  div#accueil {width:960px;height:374px;margin:0;padding:0 10px;background: url(/uk/images/accueil/fond.jpg) no-repeat;}
  
  		#accueil #left {width:150px;margin:0;padding:0;float:left;}
 		#accueil #right {
	width:410px;
	float:right;
	height: 177px;
	margin-top: 54px;
	margin-right: 27px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

   #accueil #flagfr {
	float:right;
	margin-top: 16px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
}

  

  /* ===[ 1 COLONNE ]=== */

#content #colonne1 {width:950px;}
   			
#colonne1 h1 {
	width:950px;
	height:25px;
	margin:0;
	padding:5px 0 0 25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#e43117;
	text-align:left;
	background:url(/uk/images/titlebg_colonne1.jpg) no-repeat left;
	letter-spacing: 0.06em;
}
			#colonne1 p {margin:0 15px;padding:10px 0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#006ab3;text-align:left;line-height:19px;}

  /* ===[ STYLES DE TEXTE ]=== */

h2 {
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#CC6600;
	text-align:justify;
	line-height: 14px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 35px;
	letter-spacing: 0.04em;
}


h3 {
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	text-align:justify;
	line-height: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	letter-spacing: 0.02em;
}

h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	text-align:justify;
	line-height: 14px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 5px;
	letter-spacing: 0.00em;
}

.soustitre {margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#993300;
	text-align:left;
	line-height: 20px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	letter-spacing: 0.02em;
	}
	

.texte {margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	text-align:justify;
	line-height: 16px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	letter-spacing: 0.02em;
	}
	
	
	
   /* STYLE DES LIENS CENTRAL */
   
   #content a:link{
	text-decoration: underline;
	color: #006ab3;
	font-weight: bold;
}

   #content a:visited{
	color: #006ab3;
	text-decoration: underline;
	font-weight: bold;
}

   #content a:hover{
	text-decoration:underline;
	color: #ef7654;
	font-weight: bold;
}
   
     /* BORDURE IMAGE */
	 
	 .bordureimage{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF3300;
	border-right-color: #FF3300;
	border-bottom-color: #FF3300;
	border-left-color: #FF3300;
	background-position: right;
}

     /* SEPARATEUR GRIS */
	 .separateurgrisclair{
	background-image: url(/uk/images/pointille/pointille_gris_clair.gif);
	background-repeat: repeat-x;
	height: 4px;
	width: 100%;
}

/*     Espace     */
	
.espace2px {
	height: 2px;
	}

.espace5px {
	height: 5px;
	}
	
.espace8px {
	height: 8px;
	}
	
.espace10px {
	height: 10px;
	}
	
.espace13px {
	height: 15px;
	}
		
.espace15px {
	height: 15px;
	}
		
.espace20px {
	height: 20px;
	}