@charset "utf-8";
/* CSS Document */

img {
	margin:0;
	border:none;
}

body {
	background:#C3D4DC url(images/background-repeat.jpg) repeat-x left top;
	margin:0;
	color: #646464;
	font-family:Arial, Helvetica, sans-serif;
}

p {
margin:5px 0 5px 0;
}

#page {
	background:#C3D4DC url(images/background.jpg) no-repeat center top;
	min-height:866px;
	/*height:866px;*/
	width:1066px;
	margin:auto;
	display:table;
}

#conteneur {
	background-color:#FFFFFF;
	float:left;
	margin:0 0 0 67px;
	/*min-height:400px;
	height:1000px;*/
	width:958px;
	border-right:1px solid #aaaaaa;
	border-left:1px solid #eae9e9;
	border-bottom:2px #aaaaaa solid;
	/*display:table;*/
	padding-bottom:5px;
	min-height:681px;
}

#header {
background:url(images/headerEB.jpg) no-repeat top;
float:left;
margin:91px 0 0px 69px;
height:98px;
width:958px;
}

#header a {
text-decoration:none;
cursor:pointer;
}

#header h1{
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	padding:15px 0 0 28px;
	font-size:2.6em;
	/*letter-spacing:-1px;*/
	color:#FFFFFF;
	margin:0;
	width:550px;
}

#header h1 a{
text-decoration:none;
color:#FFFFFF;
}

div#logo {
width:100px;
height:90px;
float:left
}

div#header-right {
float:left
}

div#search {
	padding-bottom:10px;
	padding-top:5px;
	text-align:center;
}
div#yoo-search {
	width: 170px;
	height: 18px;
	padding: 0px;
	background: url(images/search_bg.gif) 0 0 no-repeat;
}

div#yoo-search input {
	width: 133px;  
	height: 14px;   
	padding: 2px 2px 2px 7px; 
	border: none;
	outline: none;
	background: none;
	float: left;
	color: #646464;
	font-size: 11px;
}

div#yoo-search .button {
	width: 18px;
	height: 18px;
	padding: 0px;
	border: none;
	background: url(images/search_button.gif) 0 0 no-repeat;
	cursor: pointer;
	text-indent: 100px;
	line-height: 0px;
	overflow: hidden; 
}

div#yoo-search:hover, div#yoo-search div.sfhover  {
	background: url(images/search_bg.gif) 0 -18px no-repeat;
}

div#yoo-search:hover input, div#yoo-search input.sfhover {
	color: #000000;
}

div#yoo-search input:focus, div#yoo-search input.sffocus {
	color: #000000;
}

#langue {
color:#FFFFFF;
font-family:Verdana;
font-size:10px;
font-weigth:bold;
left:586px;
position:relative;
top:-60px;
width:265px;
text-align:right;
}

#langue a {
color:#FFFFFF;
text-decoration:none;
}

/* menu anlgais */
#menu-en {
/*background:url(images/background_menuEB.jpg) left no-repeat;*/
height:22px;
margin-left:112px;
vertical-align:middle;
}

#menu-en ul{
padding-left:25px;
height:22px;
float:left;
margin:0;
}

#menu-en li {
display:inline;
list-style-type:none;
color:#FFFFFF;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
padding-right:55px;
}

#menu-en input{
width:111px;
margin-bottom:3px;
}

#menu-en a {
text-decoration:none;
color:#FFFFFF;
}

/* menu francais */

#menu-fr {
/*background:url(background_menuEB.jpg) left no-repeat;*/
height:22px;
margin-left:112px;
vertical-align:middle;
}

#menu-fr ul{
padding-left:20px;
height:22px;
float:left;
/*width:682px;*/
margin:0;
}

#menu-fr li {
display:inline;
list-style-type:none;
color:#FFFFFF;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
padding-right:50px;
}

#menu-fr input{
width:111px;
background:#F0F0F0;
border:0;
font-size:10px;
}

#menu-fr a {
text-decoration:none;
color:#FFFFFF;
}

#menu-fr a:hover {
text-decoration:none;
color:#FFFFFF;
background:url(images/fond-menu-hover.jpg) repeat-x;
}

/* Fin menu anglais */


#colonneLeft {
	float:left;
	margin-right:50px;
	margin-left:50px;
	width:630px;
	background:url(images/silhouettes.gif) top right no-repeat ;
}

#colonneLeft h2 {
color:#e3000d;
margin: 10px 0px 25px 0px;
border-bottom:#CCCCCC thin dotted;
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
font-size:1.8em;
line-height: 100%;
font-weight: bold;
}


#colonneLeft h3 {
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:1.2em;
font-weight:lighter;
margin-top: 20px;
}

#colonneLeft p  {
font-size:0.9em;

}

#colonneLeft ul  {
font-size:0.9em;
}

#colonneLeft a {
text-decoration:underline;
color:#487AD7;
}

#path {
margin-top:10px;
margin-left:-25px;
font-size:0.7em;
}

#path a {
color:#487AD7;
text-decoration:none;
}

#colonneLeft li {
	line-height: 20px;
	list-style:none;
	background: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 15px;
	
}

#colonneLeft #livre-blanc li {
padding-bottom:8px;
}

#colonneLeft  table {
	background-color: #284064;
	color: #000000;
	border: 1px solid #284064;
	font-size:0.8em;
}
#colonneLeft  th {
	background-color: #40669F;
	color: #FFFFFF;
	padding: 5px;
}
#colonneLeft  td {
	padding: 3px;
	border-color:#284064;
}
#colonneLeft  .alt1 td {
	background-color: #EBEFF5;
}
#colonneLeft  .alt2 td {
	background-color:   #D0DBEA;
}

/*----ONGLETS----*/
#colonneLeft .onglets{ height:32px; position:relative; margin:30px 0px 0px -40px; }
#colonneLeft .onglets ul{width:630px; position:absolute;}
#colonneLeft .onglets ul li{width:122px; height:32px; float:left;background: #FFFFFF;padding-left: 0px;}
#colonneLeft .onglets ul li a{width:120px; height:32px; display:block; background:url(images/onglet-normal.jpg) 0 0 no-repeat #F5F4F4; color:#666; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#colonneLeft .onglets ul li a:hover{background:url(images/onglet-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}
#colonneLeft .onglets ul li.home{background:url(images/onglet-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:1em; font-weight:bold; text-align:center; line-height:32px;}
#colonneLeft .onglet-content {
border:#E8E8E8 thin solid;
padding:20px;
}
/*----ONGLETS----*/
#centralBox {
font-size:17px;
font-weight:bold;
color:#FFFFFF;
border:1px solid #cecece;
background:url(images/background_box_central.jpg) repeat-x;
width:700px;
height:400px;
margin-bottom:25px;
margin-left:-25px;
margin-right:0px;
margin-top:25px;
}


#centralBox h4 {
color:#e3000d;
font-size:14px;
font-weight:bold;
margin:5px 0pt 5px 8px;
}

#centralBox h5 {
font-size:24px;
}

#centralBox a {
text-decoration:underline;
color:#FFFFFF;
}

#story {
float:center;
margin:5px 5px 5px 5px;
width:340px;
}

#story p {
margin:0px 0 0px 8px;
font-size:12px;
}

#story1 {
float:left;
margin:0px 6px 25px 6px;
width:340px;
}

#story1 p {
margin:0px 0 15px 8px;
font-size:12px;
}

#story2 {
float:left;
margin:0 0 15px 0;
margin-bottom:5px !ie;
width:340px;
}

#story2 p {
margin:0px 0 0px 8px;
font-size:12px;
}

#story3 {
float:left;
margin:0px 6px;
margin:-5px 6px 0px 6px !ie;
width:340px;
}

#story3 p {
margin:0px 0 0px 8px;
font-size:12px;
}

#story4 {
float:left;
width:340px;

}

#story4 p {
margin:0px 0 0px 8px;
font-size:12px;
}

.titleStory {
font-size:30px;
margin:-78px 0 0px 8px;
}

#colonneRight {
	float:left;
	width:220px;
	/*border:1px solid #cfcfcf;*/
	margin-top:5px;
}

#colonneRight h1 {
color:#FFFFFF;
font-size:14px;
font-weight:bold;
background-color:#e6000d;
background:url(images/fond-teaser.jpg) repeat-x;
padding:2px 0px 2px 4px;
text-transform:uppercase;
margin-bottom:10px;
margin:0;
border:1px solid #999999;
}

#colonneRight p {
font-size:0.8em;
margin-bottom:10px;
margin-left:10px;
margin-right:24px;
}

#colonneRight .readMoreTeaser {
	text-align:right;
	margin-right:20px;
}

#colonneRight img {
	margin-left:10px;
	margin-bottom:12px;
}

#colonneRight .teaserRss p a {
text-decoration:underline;
color:#333333;
}


#colonneRight .readMoreTeaser a, #colonneRight .teaserRss .readMoreTeaser a {
text-decoration:underline;
color:#002a67;
}

.teaserRss img {
position:relative;
top:-17px;
left:-5px
}

.teaser p a {
color:#002A67;
text-decoration:underline;
}

.teaser  {
background:url(images/fond-encadre.jpg) bottom repeat-x;
border:1px solid #cfcfcf;
margin-bottom:10px;
}

.teaserRss{
background:url(images/fond-encadre.jpg)  bottom repeat-x;
border:1px solid #cfcfcf;
margin-bottom:10px;
}

#tagclouds {
	/*width:892px;*/
	clear:both;
	padding:12px;
	margin:50px 50px 50px 50px;
	text-align:center;
	border:dashed thin;
	background-color: #D5DFEE;
	border-color: #999999;
}
/*
#tagcloudsArticle {
width:720px;

padding-top:12px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
text-align:center;
}

#tagcloudsArticle a {
text-decoration:none;
color:#333333;
}*/

#tagclouds a {
text-decoration:none;
color:#333333;
}

#tagclouds a.f10 {
font-size:10px;
}

#tagclouds a.f12 {
font-size:12px;
}

#tagclouds a.f14 {
font-size:14px;
}

#tagclouds a.f15 {
font-size:15px;
}

#tagclouds a.f16 {
font-size:16px;
}

#tagclouds a.f17 {
font-size:17px;
}

#tagclouds a.f18 {
font-size:18px;
font-weight:bold;
}

#tagclouds a.f19 {
font-size:18px;
font-weight:bold;
}

#tagclouds a.f20 {
font-size:20px;
font-weight:bold;
}

#tagclouds a.f22 {
font-size:22px;
font-weight:bold;
}

#footer {
	/*background:url(background-bottom.jpg) no-repeat bottom;*/
	margin:auto;
	text-align:center;
	margin-top:10px;
	padding-bottom:25px;
	color:#E3000D;
	font-size:10px;
	width:958px;
}

#AboutBasilLeft {
float:left;
margin-right:80px;
}

#AboutBasilLeft a {
text-decoration:none;
}

#AboutBasilRight {
float:left;
}

#AboutBasilRight a {
text-decoration:none;
}

#avatar {
float:left;
margin-right:10px;
}

#avatar-right {
line-height:25px;
padding-top:25px;
}

.separation {
clear:both;
height:0;
}

.RssItem{
	background: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 10px;
}

#2cols {
	border-collapse:collapse;
	width : 100%;
}

#gauche{
	width: 45%;
	float: left;
}

#droite {
	width: 45%;
	float:left;
}

#droiteMap {
clear:both;
}

#search-result p {
margin-bottom:15px;
}





/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}