body { 
	padding: 5px 0 0 0; 
	margin: 0; 
	font: .7em Tahoma, Arial, sans-serif; 
	line-height: 1.7em; 
	background-color: #454545; 
}
#error {
	display: none;
	color: #009900;
	padding: 5px 0;
}
#form_lien label.error.checked {
  background:url("../img/checked.gif") no-repeat 0px 0px;
}
#form_lien label.error {
  background:url("../img/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}
#waiter {
	width: 100%;
	height: 200%;
	position: absolute;

	background: url("../images/waiter.gif") #fff center center no-repeat;
	z-index: 9999;
	opacity: 0.7;
	display: none;
}
#div_flou {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000;
	z-index: 10;
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60;
}
#popup {
		left:182px;
		top:267px;
		position:fixed;
		width:688px;
		z-index:99;
		cursor: move;
		.cursor:default;
	}
		#popup input{
			cursor: auto;	
		}
		
		#popup_haut {
			background: transparent url(../img/popup/popup_haut-trans.png) no-repeat;
			height:35px;
			width:688px;
			text-align:right;
		}
		#popup_haut img{
			padding:5px;		
		}
		#popup_bas {
			background: transparent url(../img/popup/popup_bas-trans.png) no-repeat;
			height:37px;
			width:688px;
		}
		#popup_contenu {
			background: transparent url(../img/popup/popup_repeat-trans.png) repeat-y;
			padding:5px 30px;
			width:628px;
			text-align:center;	
		}
		#popup_form {
			background: transparent url(../img/popup/popup_repeat-trans.png) repeat-y;
			padding:5px 30px;
			width:628px;
			text-align:center;	
		}
		#popup_title {
			background: transparent url(../img/popup/popup_repeat-trans.png) repeat-y;
			padding:5px 30px;
			width:628px;
			text-align:center;
			font-size: 12px;
			font-weight:bold;	
		}
		.popup_close {
			cursor:pointer;
		}
		#popup_search {
		left:250px;
		top:50px;
		position:fixed;
		width:700px;
		height:450px;
		z-index:99;
		.cursor:default;
		overflow:auto;
	}
		#popup_search input{
			cursor: auto;	
		}
		
		#popup_search_haut {
			background: transparent url(../img/popup/popup_haut-trans.png) no-repeat;
			height:35px;
			width:688px;
			text-align:right;
		}
		#popup_search_haut img{
			padding:5px;		
		}
		#popup_search_bas {
			background: transparent url(../img/popup/popup_bas-trans.png) no-repeat;
			height:37px;
			width:688px;
		}
		#popup_search_contenu {
			background: transparent url(../img/popup/popup_repeat-trans.png) repeat-y;
			padding:5px 30px;
			width:628px;
			text-align:left;
		}
		#popup_search_title {
			background: transparent url(../img/popup/popup_repeat-trans.png) repeat-y;
			padding:5px 30px;
			width:628px;
			text-align:center;
			font-size: 12px;
			font-weight:bold;	
		}
		.popup_search_close {
			cursor:pointer;
		}

a { 
	color: #2F637A; 
	background: inherit; 
}
a:hover { 
	color: #808080; 
	background: inherit;
	text-decoration: none; 
	font-weight: bold;
	font-size:11px;
}
a.blank { 
	color: #ffffff; 
	background: inherit; 
	text-decoration: none; 
	font-weight: bold;
	font-size:11px;
}
a.blank:hover { 
	color: #ffffff; 
	background: inherit; 
}
a.menu_footer { 
	color: #2F637A; 
	background: inherit; 
	text-decoration: none; 
	font-weight: bold;
	font-size:11px;
}
a.menu_footer:hover { 
	color: #2F637A; 
	background: inherit; 
	font-weight: bold;
	font-size:11px;
	text-decoration: none; 
}
a.date { 
	color: #2F637A; 
	background: inherit; 
	text-decoration: none; 
	font-weight: bold;
	font-size:11px;
}
a.date { 
	color: #2F637A; 
	background: inherit; 
	font-weight: bold;
	font-size:11px;
	text-decoration: none; 
}
#logo { 
	margin: 0 0 10px 0;
}
#logo p.logo{ 
	margin: 0 0 0 0; 
}
.logo_un { 
	color:#666666; 
	font:45px trebuchet MS; 
}
.logo_deux { 
	color:navy; 
	font:45px trebuchet MS;
}
#content { 
	margin: 10px auto; 
	width: 960px; 
	background-color: #FFFFFF;
	padding-left:10px;
	padding-right:10px; 
}

#content_form { 
	margin: 10px auto; 
	width: 650px; 
}

#slogan { 
	font-size: 0.9em; 
	margin: 0 0 10px 2px; 
	padding: 0; 
	color: #808080; 
	background: #fff; 
}

p {	
	margin: 0 0 5px 0; 
}
h1 {	
	font: bold 2.2em Arial, Sans-Serif; 
	padding: 8px 0 0 0; 
	margin: 0; 
	letter-spacing: -1px; 
}
h2 { 
	margin: 0; 
	padding: 0; 
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px; 
	text-decoration:underline;
}
h1 a, h2 a { 
	color: #000; 
	background: inherit; 
	text-decoration: none; 
}
ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}
img { 
	border: 0;
}

#top_info { 
	line-height: 27px; 
	float: right; 
	color: #808080; 
	background: #fff; 
	margin: 12px 5px 7px 0; 
	text-align: right; 
	height: 115px; 
}

/* main horizontal menu */
#tablist{ 
	padding: 3px 0; 
	margin: 0; 
	float: left; 
}
#tablist li{ 
	list-style: none; 
	display: inline; 
	margin: 0; 
}
#tablist li a{
	text-decoration: none;
	padding: 4px 10px;
	margin-right: 2px;
	background: #808080 url(../img/image_gif.php?gif=corner.gif) no-repeat top right;
	font-weight: bold;
	color: #fff;
}
#tablist li a:hover{
	background: #6495AB url(../img/image_gif.php?gif=corner.gif) no-repeat top right;
	color: #fff;
}
#tablist li a.current{
	background: #9FC7D8 url(../img/image_gif.php?gif=corner.gif) no-repeat top right;
	color: #2F637A;
	padding: 7px 22px;
}
#tablist .key { 
	text-decoration: underline; 
}
thirds2.menu_class {
    width: 200px;
    min-height: 250px;
    border: 0px;
    display: -moz-inline-stack;
    display: inline-block;
    margin: 5px;
    zoom: 1;
    *display: inline;
    _height: 250px;
}
/* main menu topics */
#topics {
	clear: left;
	float: left;
	width: 640px;
	background: #B0D0DC url(../img/image_gif.php?gif=topicsbg.gif) repeat-x left bottom;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	height: 74px;
	min-height: 74px; /* FF height */
}

/* main menu search */
#search {
	float: right;
	text-align: right;
	background: #fff url(../img/image_gif.php?gif=searchbg.gif) no-repeat;
	color: #000;
	padding: 32px 20px 12px 20px;
	min-height: 48px; /* FF height */
	height: 47px;	/* IE height */
	width: 270px;
}
#topics li a { 
	background-image: url(../img/image_gif.php?gif=bullet.gif); 
	background-repeat: no-repeat; 
	background-position: center left;  
	padding: 0 0 0 12px;
}


.search { 
	width: 163px; 
	border: 1px solid #2F637A; 
	background: #fff; 
	color: #2F637A; 
	padding: 4px; 
	margin: 0; 
	font: 13px Arial, Sans-Serif;
	height:17px;  
}
.button { 
	font: 13px Arial, Sans-Serif;
	background: #2F637A;
	height:27px;
	margin: 0; 
	color: #fff; 
}

/* left side */
#left {
	float: left;
	width: 635px;
	margin: 0 0 10px 0;
}

.left_box {
	background: #f4f4f4;
	color: #808080;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 15px;
	margin: 0 0 15px 0
}

.left_articles {
	margin: 0px 0 10px 0;
	background: #fff url(../img/image_gif.php?gif=bgshade.gif) repeat-x;
	color: #454545;
	padding: 15px 15px 5px 10px;
	min-height:40px;
}
.thirds {
	float: left;
	width: 200px;
	padding: 0 5px 0 5px;
}	
.thirds2 {
	float: left;
	width: 200px;
	padding: 0 5px 0 5px;
}	
.thirds3 {
	float: left;
	width: 80px;
	padding: 0 5px 0 5px;
}
/* right side */
#right {
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
}
.right_articles {
	border: 1px solid #ccc;
	padding: 8px;	
	margin: 0 0 10px 0;
	background: #eee;
	color: #454545;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.image { 	
	float: left; 
	margin: 0 9px 3px 0; 
	border: 0;
	margin:5px 5px 5px 5px;
	background-color:#fff;
	padding:3px;
	border:1px solid #ccc;
	cursor:pointer;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.notes {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 30px 10px 17px 100px;	
	margin: 0 0 10px 0;
	background: #fff url(../img/image_gif.php?gif=package.gif) no-repeat center left;
	color: #454545;
	vertical-align: top;
}

/* footer */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
#footer .right { 
	float: right; 
}
/* remove margins from the image */

div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:999;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(../img/image_png.php?png=h80.png) repeat-x;		
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/image_png.php?png=hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(../img/image_png.php?png=h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:999;
	position:relative;
}