@CHARSET "ISO-8859-1";

/***** Reset ******/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
display:block;
}

nav ul { list-style:none; }
ul { list-style:none; }

blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline: none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr {float: left;  width:100%; display:block; height:1px; border:0;  margin:0.5em 0; padding:0;  }

.ie6 hr{ margin:-0.5em 0; border-top: 1px solid #F6EBD8; font-size: 0px;  }
input, select { vertical-align:middle; }

/* END RESET CSS */

* { margin: 0pt; padding: 0pt; }
body { 
background: #f6ebd8; font-size: 12px;
font-family: arial,Tahoma,Helvetica,sans-serif;   color:#000; 
}
.ie6 body {text-align:center; }

select, input, textarea {color: #000;} 
html { overflow-y: scroll; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
 
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } 


/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }


/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/* STYLES COMMONS SITE */

#container-general { 
margin: 0pt auto; width: 1000px; 
}
.ie6 #container-general {text-align:left;}


textarea.input { width: 415px; height: 100px; }
.input:focus, .textarea:focus { border: 1px solid rgb(0, 0, 0); }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0pt; height: 0pt; }
.clearfix { display: inline-block; }
html .clearfix { display: block; }
* html .clearfix { height: 1%; }

a { color:#000; text-decoration: none; font-weight: normal; }
a:hover { text-decoration: none; color:#094888; }

h1, h2, h3, h4, h5, h6 { margin: 0pt 0pt 0px; /*font-family: "Trebuchet MS"; font-weight: normal;*/ }
img { border: medium none ; }
.clear { clear: both; }
.left { float: left; width: auto; }
.right { float: right; width: auto; }
.center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.normal, .normal a { font-weight: normal; }
.bold { font-weight: bold; }
.underline{text-decoration:underline;}
.underlineN{text-decoration:none;}
.neg{ color:#b8061c; background: none;}
.pos{color:#009900;}
.neutre{color:#000;}

.brown{color:#714329;}
.black{color:#000;}
ul li{margin:0 0px;}
ul li.taille_1 {font-size:110%;font-weight:bold;}
ul li.taille_2 {font-size:100%;font-weight:bold;}
ul li.taille_3 {font-size:90%;}
ul li.taille_4 {font-size:70%;}
ul li.taille_5 {font-size:110%;font-weight:bold;}

/*** clases ***/

.title, .title a{font: 24px/26px Times New Roman;}
.title a{color:#000;}
.title.brown a{color:#714329;}

.interview .title1, .interview .title1 a{font: 19px/16px Times New Roman; color:#714329;}
.interview .title2, .interview .title2 a{font: bold 14px/16px Times New Roman; color:#000;}
.interview .title1,
.interview .title2{margin-bottom: 2px;}


.title1, .title1 a{font: 20px/20px Times New Roman; color: #000; /*margin: 0 0 2px 0;*/}
.title2, .title2 a{font: 17px/18px Times New Roman; color: #714329; word-spacing: -1px; }
.title3, .title3 a{font: 14px Times New Roman; color: #000;}

.title1 .into{color:#714329;}
.title strong{font: 15px Tahoma; color: #375874; margin: 0 0 2px 0;}

.more{font:bold 11px Arial; color:#714329;  float:right; margin:5px 5px 0 0; cursor:pointer;}
.more.left{ float:left;}
.more:hover{text-decoration:underline;}

/* Blocks generals*/
#main_container{float:left; width:100%; padding: 0; /*background: #fff;*/}
#sideL_Container{float:left; width:639px; /* width:654px;*/ margin: 0 0 0 15px; padding: 0 15px 0 0; /*padding:0;*/ display: inline;}
#sideR_Container{float:right; width:300px; padding: 15px 15px 0px 15px; display: inline; border-left: 1px solid #d8cabb;}

.columnA{float: left; width: 380px; padding: 15px 15px 15px 0; border-right: 1px solid #d8cabb;}
.columnB{float: right; width: 230px; padding:15px 0 0 0; /*padding: 0 15px 0px 0;*/ }

.halfLeft{ float: left; width: 312px;}
.halfRight{ float: right; width: 312px;}

.sep {clear: both; float: left; width: 100%; height:7px; margin: 7px 0; background: #e3d5c7;}
.sep_transparent {clear: both; float: left; width: 100%;  margin: 7px 0; }


.miniTable{float: left; width:100%; margin: 0 0 15px 0 ;}
.miniTable .head{float:left; width:100%;}
.miniTable .body{float:left; width:100%; padding-bottom: 4px;}
.miniTable .head .title3{margin-bottom: 2px; font-weight: bold;}
.miniTable .head .title3 a{font-weight: bold;}

.miniTable  .element{float:left; width:100%; height:14px; margin: 0; padding: 2px 0px;}
.miniTable  .element.gray{ background:#d8cabb; }
.miniTable .quote_name{ width:112px; overflow: hidden; float: left; letter-spacing:0px;}
.columnA .miniTable .quote_name{width:	180px;}	
.miniTable  .quote_name a{color:#000; font-size:11px;}
.miniTable  .quote_code a{color:#000; font-size:11px;}

table .quote_val{text-align: right;}
.miniTable .quote_val{width:58px; letter-spacing:-1px;  padding: 0 2px 0 0; float: left; text-align:right; }
.columnA .miniTable .quote_val{width: 80px;}
.miniTable .quote_val span{font-size: 11px; }

.miniTable .quote_var{width:55px; padding-right:2px; float: right; text-align:right; letter-spacing:-1px; }
.columnA .miniTable .quote_var{width: 80px;}

.miniTable .quote_var span{font-size: 11px;}
 
/*.quote_var_img{float: left; width: 15px; height: 15px; margin:  0 3px 0 3px;}*/

.quote_var_img img{margin: 1px 0 0 0; background: none;}
/*
span.quote_var_img.pos{background: url("../img/icon/varia_pos.png") no-repeat 0 1px;}
span.quote_var_img.neg{background: url("../img/icon/varia_neg.png") no-repeat 0 1px;}*/
 
.miniTable .more{margin: 2px 0px 0px 0; }
.miniTable tr td{letter-spacing:-1px;}


.text-image{float: left; width: 100%; margin: 0 0 10px 0; padding: 0px 0px 5px 0px; }
.text-image .titleInner{margin: 0px 5px 0px 0px;}

#sideL_Container .columnB .text-image{float: left; margin: 0 0 8px 0; }

.columnA .text-image{float: left; width:100%; }
#sideR_Container .text-image{float: left; margin: 0 0 8px 0; }

.text-image .preview{float: left;  margin: 0px 8px 5px 0px; /*border: 1px solid #000;  width: 80px; height: 66px;*/}
.text-image .preview img{/*width: 80px; height: 66px; */}
.columnB .text-image .preview{margin: 2px 5px 5px 0; }
.text-image .text{display: block; margin: 0 ; padding: 0; line-height: 14px;}
.interview .text{height: 70px; overflow: hidden;}

.item{float: left; width: 100%; margin: 0 0 9px 0;}
.text-image .title_item{ margin: 0 0 3px 5px; }
.text-image .sep{clear: both; float: left; width: 100%; margin-bottom: 9px;}

.halfLeft .text-image, .halfRight .text-image {float:left; margin:0 0 8px; padding:5px 0px 5px 0px; width:100%; }

.arianne{float: left; width:96%; display: block; margin: 3px 0 0px 0px; padding-left: 28px; color:#1D4EAE;}
.arianne a{font-weight: bold; color:#1D4EAE;}
.arianne a:hover{text-decoration: underline;}

table, td{	font:100% Arial, Helvetica, sans-serif; }
table{width:100%; border-collapse:collapse; margin:0.5em 0;}
th, td{ padding: 2px 0.06em;  }
th{background:#714329; color:#fff;}

.filter_form tr.even td{background:none;}
.filter_form tr.odd td{background:none;}
.filter_form filtertd.over, .filter_form tr.even td.over, .filter_form tr.odd td.over{background:none;}

table tr td{text-align: center;}
.quote_name{text-align: left;}
table tr.blue td{/*background:#FBFCFC;*/}
table tr.gray td{background:#D8CABB; }

#header{float:left; width:100%; }

#head-main{/*float:left;*/ width:100%; height:82px; border-bottom: 3px solid #d8cabb;  }
.ie6 #head-main{display: inline; }
#head-main #logo{float:left; width:326px; height:40px; margin:22px 0 0 1px; background: url("../img/logo.png") no-repeat 0 0 ;}
#head-main #logo span{display:none; }
#head-main .aside{float: right; width: 50%;}
	
	
#search-head .iconSearch{
float:left; width:29px; height:23px;
background:url(../img/icon/iconSearch.png) no-repeat; 
}
#search-head input{width:240px; height:20px;}
#head-pub{float:left; width:728px; height:90px; padding:2px 0 0 143px;}
#head-main #head-info{float:right; width:424px; height:30px; padding:10px 0px 0 0; text-align:right;}
#head-main #head-info p {display:inline; font-size: 11px;}
#head-main #head-info .head-info-title{ display:inline; font: normal 11px verdana, arial;  }
#search-head{float:right; padding:0 140px 0 0;}

.validate{ 
float: right;
margin: 3px 0 10px 0;

background: -moz-linear-gradient(90deg, #895C3E, #996633); /* Firefox */
background: -webkit-gradient(linear, left top, left bottom, from(#996633), to(#895C3E)); /* Webkit */
border:1px solid #895C3E;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 1px 0 #ccc;
-webkit-box-shadow:0 1px 0 #ccc;
box-shadow: 0 1px 0 #ccc;
behavior: url(PIE.htc);
color:#fff;
cursor:pointer;
font-family:Arial,sans-serif;
font-size:12px;
font-weight:bold;

padding:4px 10px 4px 18px;
text-decoration:none;
text-shadow:0 1px 1px #333;
text-transform:uppercase;

}

.validate{background: url("../img/icon/puce_blanc.png") no-repeat scroll 6px 8px #895C3E;}
.validate:hover{color:#fff;}

.resset{padding: 4px 10px; border:none; background: #a3917d; color:#fff; font-weight: bold; cursor: pointer;}

.ie6 .validate, .ie6 .resset, .ie7 .validate, .ie7 .resset{ padding: 2px 2px;}

/*** MENU HEAD ***/
#head-menu{ float:left; width:100%; margin: 0 0 0px 0px;  display: inline; }
#head-menu #home-tab{width:100px;}
#head-menu ul.topnav { float: left; width:100%; padding: 0 0px; margin: 0;  position: relative; z-index:2; }
#head-menu ul.topnav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; width:150px; height:24px; background:#a3917d; text-align:center;  }
#head-menu ul.topnav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; width: 220px; top: 24px; }
* html #head-menu ul.topnav ul { line-height: 0; } /* IE6 "fix" */
#head-menu ul.topnav ul a { zoom: 1; } /* IE6/7 fix */
#head-menu ul.topnav ul li { float: none; }
#head-menu ul.topnav ul ul { top: 0; }

#head-menu #ewe{background: #000; /*#776b5e;*/}
#head-menu #ewe a{color:#000; background: url("../img/br-tab.png") no-repeat center 4px;}

/* Essentials - configure this */
#head-menu ul.topnav ul { width: 150px; }
#head-menu ul.topnav ul ul { left: 150px; }

/* Everything else is theming */
#head-menu ul.topnav { background-color: #a3917d; height: 24px; }
#head-menu ul.topnav ul li.sub_li { height: 24px; background-color:#887A6A; }

#head-menu ul.topnav li.top_li.hover a.hover { background-color: #887A6A; }
#head-menu ul.topnav li.current {  background-color: #887A6A; }
#head-menu ul.topnav li.sub_li.hover a.hover { background-color: #a3917d; }
#head-menu ul.topnav li.hover a { background-color: #887A6A; }
#head-menu ul.topnav li.hover a.hover { background-color: #a3917d; }
#head-menu ul.topnav a { color:#fff; line-height: 1; font:13px/24px Arial; display: block; }
#head-menu ul.topnav ul li a { background-color: #a3917d; }
#head-menu ul.topnav ul a.hover { background-color: #887A6A; color:#000}
#head-menu ul.topnav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }


/* Fil Arianne */

.ariane{float: left; width: 100%; height: 20px; padding:  5px 0 0 0; }
.ariane a{font: 11px/12px Arial; color:#000;}