/*  ------------------------------------------
/*  Corps Principal ***** Version Firefox 2 // IE7
/* TODO: IE8 , FF3
/*  ------------------------------------------
*/
body {
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 3px;
	padding-top: 15px;
	font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 120%;
	background-color: #FFF;
	background-image: url(images/bg-main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#site {
	width: 968px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: left;
/*	background:#3399FF; */
}

/*  ------------------------------------------
/*  CSS menu2
/*  ------------------------------------------
*/
#contenu_header_left {
	position:static;
	float:left;
	width: 400px;
	height:45px;
	padding:0 0 0 4px;
	margin:  5px 0 0 5px;
/*	border:1px dotted #B9B9B9; */
	
/*	background: url('images/contenu_header_date.gif') no-repeat bottom; */
}

#productsandservices2 {
}

.yui-skin-sam .yuimenubar2{
font-size:90%;
line-height:1,5;
*line-height:1.45; 
border:none;
/* border:dotted 1px #808080; */
height:22px;
background:none;
/* background:url(yui/build/assets/skins/sam/sprite.png) repeat-x 0 0;  */
}
/* MenuBarItem style rules */

.yui-skin-sam .yuimenubarnav2 .yuimenubaritem2 {
    border: solid 1px #ccc;
}

.yui-skin-sam .yuimenubaritemlabel2 {

    padding: 0 10px;
	color:#308BB1;
    text-decoration: none;
	font-weight:bold;
    cursor: default;
    border-style: solid;
    border-color: #808080;
    border-width: 1px;
    *position: relative; /*  Necessary to get negative margins in IE. */
    margin: -1px 0;

}
.yui-skin-sam .yuimenubarnav2 .yuimenubaritemlabel2 {

    padding-right: 20px;
    *display: inline-block;

}

.yui-skin-sam .yuimenubarnav2 .yuimenubaritemlabel-hassubmenu {

    background: url(yui/build/menu/assets/skins/sam/menubaritem_submenuindicator.png) right center no-repeat;

}
.yui-skin-sam .yuimenu .topscrollbar,
.yui-skin-sam .yuimenu .bottomscrollbar {

    height: 12px;
    border: solid 1px #808080;

}


/*  ------------------------------------------
/*  Ticker
/*  ------------------------------------------
*/

.ticker {
	background:transparent url(images/tt_bg.gif) repeat-x 0 0;  /* image trait bleu 1x24 */
	margin:0 0 0 12px;
	padding: 0;
	width:464px;
	position:absolute;
	top:90px;
	/*z-index:1000;*/
	z-index:0;
}

.tt_right {
	margin-right:-2px;
}

.tt_left {
	margin-left:-2px;
}

.ticker p {
	padding:5px 6px 6px;
	color:#CCCCCC;
	font-size:1.1em;
}
	
.ticker .rss {
	padding-top:6px;
	float:right;
}

div#tickerwindow {
	width: 375px;
	height: 30px;
	padding-top:6px;
	color: #000000;
/*	border:1px solid red; */
	overflow: hidden;
}

table#tickertable td {
	color: #AA00FF;
}

div.ticker a, div.ticker {
	color:#000000;
	text-decoration:none;
}

div.ticker a:hover {
	color:#666666;
	text-decoration:underline;
}

.ticker .static {
	color:#123456;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:bold;
	padding:5px 4px 4px;
}
.left {
	float: left;
}

.right {
	float: right;
}
.center {
	width: 100%;
	text-align: center;
}

/*  ------------------------------------------
/*  Header
/*  ------------------------------------------
*/

#header {
	height: 123px;
	width: 968px;
	margin: 0;
	padding: 0;
	background: #CCC url(images/header_center.gif) repeat-x; 
}

#header_left {
	position:relative;
	float:left;
	width: 257px;
	height: 123px;
	margin: 0;
	padding: 0;
/*	background: #FFF url(images/header_left.gif) no-repeat; */
}

#header_center {
	position:relative;
	float:left; 
	width: 501px;
	height: 123px;
	margin: 0;
	padding: 0;
	background: #CCC  url(images/header_center.gif) repeat-x;
}

.header_date {
	margin:5px 0px 0px 0px;
	padding: 0;
	width:501px;
	position:relative;
	height:15px;
/*	background: #CCC;
	top:75px;	*/
}

#header_center .banner {
	margin: 9px 9px 9px 9px;
	border:1px solid #CCCCCC;
}

#header_right {
	position:relative;
	float:right;
	width: 210px;
	height: 123px;
	margin:  0;
	padding: 0;
	background:#FFF url(images/header_center.gif) repeat-x; 
}


/*  ------------------------------------------
/*  Zone login+password
/*  ------------------------------------------
*/
#login {
	position:absolute;
	top:6px;
	left:20px;
	margin:  0;
	padding: 0;
	height: 113px;
	width: 177px;
}

#connected {
	position:absolute;
	top:12px;
	left:20px;
	margin:  0;
	padding: 0;
	border:1px dotted #999999;
	height: 87px;
	width: 157px;
}



/*  ------------------------------------------
/*  Nav top buttons
/*  ------------------------------------------
*/
#productsandservices {
	width: 968px;
/*	height:43px; */
position:static;
 margin: 3px 0 3px 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align:center;
}

#clean {	/* ne marche pas ??? */
	width: 968px;
	height:1px; 
	position:relative;
	clear:left;
	margin: 0;
	padding: 0;
	background:#3399FF;
}

/*  ------------------------------------------
/*  Left col
/*  ------------------------------------------
*/

#left_col {
	position:relative;
	float:left;
	width:170px;
	/*	height:59px; */
	margin: 0 25px 0 0;
	padding: 0;
/*	background:#FF9999; */
}

.left_col_rech {
	position:relative;
	margin:  0 0 2px 11px;
	padding: 0;
	width:170px;
	height:53px;
/*	background:#33FF66;  */
}

.left_col_blue_top {
	position:relative;
	width:170px;
	height:21px;
	margin:  0 0 0 0;
	padding: 3px 0 0 0px;
	text-align:center;
	background:transparent url('images/left_col_blue_bkg_top.gif') no-repeat top left;
}

.left_col_info_top {
	position:relative;
	overflow:hidden;
	width:170px;
	height:22px;
	margin:  0 0 0 0;
	padding: 3px 0 0 0px;
	text-align:center;	
	background:transparent url('images/left_col_info_bkg_top.gif') no-repeat top left;
}

.left_col_blue_itm {
	position:relative;
	width:159px;
	margin:  -3px 0 0 0;
	border:1px solid #999999;
	padding: 6px 0 6px 9px;
	background:transparent url('images/left_col_blue_bkg_itm.gif') repeat-x top right;
}

.left_col_blue_off {
	position:relative;
	width:159px;
	margin:  -3px 0 0 0;
	border: 1px solid #999999;
	padding: 3px 0 3px 9px;
	background:transparent url('images/left_col_blue_bkg_itm_off.gif') repeat-x top right;
}


.left_col_blue_itm.suiv {
	margin:  0 0 0 0;
	border:1px solid #999999;
	border-width: 0 1px 1px 1px;
}

.left_col_blue_btm {
	position:relative;
	width:170px;
	height:8px;
	margin:  0 0 18px 0;
	padding: 0;
	background:transparent url('images/left_col_blue_bkg_btm.gif') no-repeat 0 0;
}

.left_col_info_btm {
	position:relative;
	width:170px;
	height:8px;
	margin:  0 0 18px 0;
	padding: 0;
	background:transparent url('images/left_col_info_bkg_btm.gif') no-repeat 0 0;
}


.left_col_cube {
	position:relative;
	width:170px;
	margin: 0px 0px 20px 0px;
	text-align:center;
	border:none;
	padding:1px;
/*	background:transparent url('images/left_col_blue_bkg_itm.gif') repeat-x top right; */
}

/*  ------------------------------------------
/*  right col
/*  ------------------------------------------
*/

#right_col {
	position:relative;
	float:right;
	width: 190px;
/*	height:59px; */
	margin: 0 0 15px 10px;
	padding: 0;
/*	background:#FF9999;   */
}

.right_col_ce {
	position:relative;
	margin:  0 20px 0 9px;
	padding: 0;
	width:190px;
	height:55px;
/*	background:#33FF66;    */
}

.right_col_ce_top {
	position:relative;
	width:190px;
	height:7px;
	margin:  0 0 0 0;
/*	padding: 3px 0 0 9px; */
	background:transparent url('images/right_col_ce_bkg_top.gif') no-repeat 0 0;
}

.right_col_ce_itm {
	position:relative;
	width:179px;
	margin:  0 0 0 0;
	border:1px solid #999999;
	border-width: 0 1px 0 1px;
	padding: 3px 0 0 9px;
/*	background:transparent url('images/left_col_blue_bkg_itm.gif') repeat-x top right; */
}


.right_col_ce_btm {
	position:relative;
	width:190px;
	height:7px;
	margin:  0 0 18px 0;
	padding: 0;
	background:transparent url('images/right_col_ce_bkg_btm.gif') no-repeat 0 0;
}

#right_col_ce_click {
position:absolute;
top:106px;
left:105px;
width:76px;
height:20px;
}

#right_col_ce2_click {
position:absolute;
top:98px;
left:138px;
width:46px;
height:20px;
}

.right_col_pub_itm {
	position:relative;
	width:188px;
	margin: 0px 0px 20px 0px;
	text-align:center;
	border:none;
	padding:1px;
/*	background:transparent url('images/left_col_blue_bkg_itm.gif') repeat-x top right; */
}

/* ***********************************************
 nouveaux css colonne de droite !!!!!!!!!!!!!!!!! 
 **************************************************/

.right_col_blue_top {
	position:relative;
	width:190px;
	height:21px;
	margin:  0 0 0 0;
	padding: 3px 0 0 0px;
	text-align:center;
	background:transparent url('images/right_col_blue_bkg_top.gif') no-repeat top left;
}

.right_col_info_top {
	position:relative;
	overflow:hidden;
	width:190px;
	height:22px;
	margin:  0 0 0 0;
	padding: 3px 0 0 0px;
	text-align:center;	
	background:transparent url('images/right_col_info_bkg_top.gif') no-repeat top left;
}

.right_col_blue_itm {
	position:relative;
	width:179px;
	margin:  -3px 0 0 0;
	border:1px solid #999999;
	padding: 6px 0 6px 9px;
	background:transparent url('images/left_col_blue_bkg_itm.gif') repeat-x top right;
}

.right_col_blue_itm.suiv {
	margin:  0 0 0 0;
	border:1px solid #999999;
	border-width: 0 1px 1px 1px;
}

.right_col_blue_btm {
	position:relative;
	width:190px;
	height:8px;
	margin:  0 0 18px 0;
	padding: 0;
	background:transparent url('images/right_col_blue_bkg_btm.gif') no-repeat 0 0;
}

.right_col_info_btm {
	position:relative;
	width:190px;
	height:8px;
	margin:  0 0 18px 0;
	padding: 0;
	background:transparent url('images/right_col_info_bkg_btm.gif') no-repeat 0 0;
}



/*  ------------------------------------------
/*  contenu
/*  ------------------------------------------
*/

#contenu {
	position:relative;
	float:left;
	width: 560px;
	margin: 0 0 15px 0; 
	padding: 0;
/*	background:#33FFCC; */
}
.contenu_fildefer {
	font-size:90%;
	font-weight:bold;
}
#contenu_header {
	position:absolute;
	float:left;
	top:0px;
	left:0px;
	width: 560px;
/*	height:30px;  */
	margin: 0px 0px 0px 0px;
	padding: 15px 5px 0 5px;
}

/*.contenu_header_left p {
	position:absolute;
	top:35%;
	left:10px;
	text-align:center;
} */

.contenu_header_right {
	position:relative;
	float:right;
	width:145px;
	height:25px;
	padding:5px 0 0 0;
}

.contenu_header_right img {
	position:static;
	top:0px;
	left:0px;
}



#contenu_top {
	position:relative;
/*	float:left; does not work with FF */
	clear:both;
	width:560px;
	height:8px;
	margin: 55px 0 0 0;
	background:#CCC  url('images/contenu_bkg_top.gif') no-repeat 0 0;
}
#contenu_itm {
	position:relative;
	width:540px;
	min-height:600px;
/*	height:auto !important;
	height:600px; */
	margin:  0 0 0 0;
	border:1px solid #B3B3B3;
	border-width: 0 1px 0 1px;
	padding: 5px 9px 5px 9px;
	background:#FFFFFF;
}
#contenu_btm {
	position:relative;
	width:560px;
	height:8px;
	margin:  0 0 0 0;
	background: url('images/contenu_bkg_btm.gif') no-repeat 0 0;
}

#inner_top {
	position:relative;
/*	float:left; does not work with FF */
/*	clear:both;*/
	width:540px;
	height:25px;
	margin:  0 0 0 0;
	padding: 5px 3px 0px 10px;
	background: url('images/contenu_bkg_inner.gif') no-repeat 0 0;
}
#inner_itm {
	position:relative;
	width:522px;
/*	height:auto !important;
	height:600px; */
	margin:  -5px 0 0 0;
	border:1px solid #B9B9B9;
	border-width: 0 1px 0 1px;
	padding: 3px 8px 3px 8px;
	background:#FFFFFF;
}
#inner_itm2 {
	position:relative;
	width:522px;
/*	height:auto !important;
	height:600px; */
	margin:  -5px 0 0 0;
	border:1px solid #B9B9B9;
	border-width: 1px 1px 1px 1px;
	padding: 3px 8px 3px 8px;
	background:#FFFFFF;
}

#inner_btm {
	position:relative;
	width:540px;
	height:7px;
	margin:  0px 0px 0px 0px;
	background: url('images/contenu_bkg_btm_inner.gif') no-repeat 0 0;
}

#inner_right {
	position:relative;
	width:540px;
	height:12px;
	margin:  0px 0px 15px 0px;
	text-align:right;
}

/*  ------------------------------------------
/*  bas de page
/*  ------------------------------------------
*/

#basdepage {
	width: 948px;
	height:64px; 
position:relative;
clear:both;
 margin: 0 0 30px 0;
	padding: 10px;
	border-top:1px solid #999999; 
	background:transparent url('images/basdepage_bkg.gif') repeat-x top right; 
}

.basdepage_left {
position:relative;
	float:left;
	width: 70%;text-align:center;
	padding:5px 0 0 0;

}

.basdepage_right {
position:relative;
	float:right;
	width: 30%;
text-align:right;
}

.basdepage_right img {
position:absolute;
right:100px;
top:37px;
}



/*  ------------------------------------------
/*  span texte
/*  ------------------------------------------
*/

.left_strong {
font-weight:bold;
}

.left_small {
/* font-size:80%;  IE6 et IE7 only */
font-size:85%; /* FF */
line-height:120%;
}

.right_small {
/* font-size:80%;  IE6 et IE7 only */
font-size:85%; /* FF */
line-height:120%;
}

.left_red {
color:red;
}
.left_blue {
color:blue;
}
.left_org {
color:orange;
}
.left_green {
color:green;
}
.left_gray {
color:gray;
}

.left_strong_white {
font-weight:bold;
font-size:100%;
color:#FFFFFF;
}

.right_strong_blue {
font-weight:bold;
font-size:85%;
color:#308BB1;
}

.fildefer_blue {
font-size:90%;
color:#308BB1;
}

/*  ------------------------------------------
/*  span texte titres contenu
/*  ------------------------------------------
*/

.titre_centre {
font-size:110%;
font-weight:bold;
color:#000000;
text-align:center;
position:relative;
/* left:2.5em; */
margin:0px 0px 20px 0px;
padding:8px;
/* border:1px dotted #CCC; */
border:1px solid #999999;
background:transparent url('images/left_col_blue_bkg_itm.gif') repeat-x top right;
}

.titre_annonce {
font-size:110%;
font-weight:bold;
color:#990000;
text-align:left;
position:relative;
/* left:2.5em; */
margin:3px 10px 10px 3px;
padding:5px;
border:1px dotted #990000;
}

.stitre_centre {
font-size:100%;
font-weight:bold;
color:#000000;
text-align:center;
position:relative;
display:block;
/* left:115px;
width:300px; */
margin:0px 0px 20px 0px;
padding:4px;
border:1px dotted #CCC;
/* border:1px solid #999999; */
background:transparent url('images/left_col_blue_bkg_itm.gif') repeat-x top right;
}

.stitre_annonce {
font-size:100%;
font-weight:bold;
color:#000000;
text-align:left;
position:relative;
display:block;
/* left:115px;
width:300px; */
margin:3px 10px 10px 3px;
padding:4px;
border:1px dotted #CCC;
/* border:1px solid #999999; */
}

#texte_annonce {
	position:relative;
	width:280px;
	float:right;
	color:#990000;
/*	height:auto !important;
	height:600px; */
	margin:3px 10px 10px 10px;
/*	border:1px solid #B9B9B9; */
	padding: 5px 5px 5px 5px;
	background:#FDFDFD
}

#texte_annonce_l {
	color:#990000;
}

#img_annonce {
	position:relative;
	width:170px;
	float:left;
	text-align:center;
	overflow:visible;
/*	height:auto !important;
	height:600px; */
	margin:3px 10px 10px 10px;
	padding: 0px 8px 8px 8px;
	
}

/*  ------------------------------------------
/*  span texte links
/*  ------------------------------------------
*/

#left_col a{
color:#000000;
text-decoration: none;
}
#left_col a:hover{
color:#666666;
text-decoration: underline;
}
#inner_right  a{
color:#666666;
text-decoration: none;
}
#inner_right a:hover{
color:#666666;
text-decoration: underline;
}
#header_right a {
color:#000099;
text-decoration:none;
}
#header_right a:hover {
color:#000099;
text-decoration: underline;
}
#right_col a{
color:#000000;
text-decoration: none;
}
#right_col a:hover{
color:#666666;
text-decoration: underline;
}
#basdepage a{
color:#000000;
text-decoration: none;
}
#basdepage a:hover{
color:#666666;
text-decoration: underline;
}

.contenu_fildefer a{
color:#308BB1;
text-decoration: none;
}

.contenu_fildefer a:hover{
color:#666666;
text-decoration: underline;
}

#contenu_itm a:link{
color:#308BB1;
text-decoration: none;
}

#contenu_itm a:visited{
color:#308BB1;
text-decoration: none;
}

#contenu_itm a:hover {
color:#666666;
text-decoration: underline;
}

#contenu_itm a:active{
color:#CC0000;
text-decoration: underline;
}


/*  ------------------------------------------
/*  span formulaires
/*  ------------------------------------------
*/
.entry {
/*	width: 116px; */
	border: 1px solid #858585;
	margin: 0px;
	padding: 0px 0px 1px 3px;
	font-size: 95%;
	color: #333333;
}

.entry2 {
/*	width: 116px; */
	border: 1px solid #858585;
	margin: 0px;
	padding: 0px 0px 1px 3px;
	font-size: 100%;
	color: #333333;
}

.sel_ce {
	width: 146px;
	border: 1px solid #858585;
	margin: 0px;
	padding: 0px 0px 1px 3px;
	font-size: 75%;
	color: #333333;
}

.radio_ce {
	margin: 0px;
	padding: 0px 0px 1px 3px;
	line-height:normal;
	color: #333333;
	text-shadow:none;
}

.submit_small {
/* font-size:80%;  IE6 et IE7 only */
font-size:85%; /* FF */
line-height:120%;
color:#FFFFFF;
background-color:#333333;
}

/*  ------------------------------------------
/*  span images
/*  ------------------------------------------
*/

.centree {
display:block;
text-align:center;
position:relative;
left:2.5em;
margin:10px;
padding:15px;
border:1px dotted #CCC;
}

/*  ------------------------------------------
/*  span dviers: haut de page, titres etc
/*  ------------------------------------------
*/

.hdp {
display:block;
text-align:right;
font-size:80%;
color:#308BB1;
margin:5px;
padding:5px 15px 0 0;
background: url('images/hautdepage.gif') no-repeat right bottom
}

.hdp a {
color:#308BB1;
text-decoration: none;
}
.hdp a:hover {
color:#666666;
text-decoration: underline;
}


/*********************/
/* CLEARING STYLES */
/*********************/

.clearfix {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */