/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
    text-align: center;
    background-color:#8e999f ; 
}
#outer {
    width: 884px;
    margin: 0px auto;
    text-align: left; 
}
.bd {
	border: 1px solid aqua;
} 
ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
    margin: 0; padding: 0;
    font-size: 1em;
}
.maincontent li {
	margin-left: 0px;
}
h1 {
	margin: 0 0 1em 0;
}
h2, h3, h4, h5, h6, p, table, form {
	margin: 1em 0 0.4em;
	line-height: 1.4em;
}
a { 
    cursor:pointer;
}
.lireaussi {
    text-decoration: none;
}
.lireaussi:hover {
    font-weight: bolder;
}
.clear {
	clear: both;
    height:0;
}
.topmenu {  
    padding:7px 3px 0;
    text-align: right;
    font: normal 11px tahoma;
    color:#d4dfec;
}
.topmenu a { 
    color:#d4dfec;
    font-weight:bold;
    text-decoration:none;
    margin: 0 6px;
}
.topmenu span { 
    margin: 0 6px;
}
.head {  
    background: url(../images/rle.gif) 22px top no-repeat ;
    height: 82px;
    margin-borrom:8px;
    padding-right:2px;
}
.logo {  
    float:left;
    width:284px;
    height:70px;
    margin-left:15px;
    cursor:pointer;
}
.menu { 
    float:right;
    margin-top:40px;
    height:38px;
    background: url(../images/menu_bg2.gif) 20px top repeat-x ;
}
.menu a.mmenu {  
    font: bold 12px tahoma;
    color:#3f4d57;
    padding: 11px 20px 13px;
}
.header {  
    padding-left:1px;
    height:248px;
    margin-bottom:14px;
}
.accordeon {  
    padding-right:60px;
    margin-bottom:20px;
    background: url(../images/acc_last.gif) right top no-repeat ;
    height:215px;
    margin-right:3px;
}
.accordeon .title {
    background: url(../images/acc_title-trans.png) left top no-repeat ;
    height:215px;
    width:20px;
    padding: 30px 0 0 45px;
    font: bold 20px tahoma;
    color:#8e999f;
}
.accordeon .first {
    background: url(../images/acc_first-trans.png) left top no-repeat ;
}
.accordeon .content { 
    background: url(../images/acc_bg.gif) left top repeat-x ; 
    width:394px; 
    height:185px;
    padding: 30px 15px 0 15px;
    font: 11px/1.4em verdana;
    color:#6e7377;
}
.accordeon h1 {  
    margin:0;
    font: bold 20px tahoma;
    color:#8e999f;
}
.accordeon .more { 
    background: url(../images/more-trans.png) right top no-repeat ; 
    padding-right:38px;
    padding-top: 3px;
    height: 22px;
}
.accordeon .more a { 
    color:#8fafce;
}
.boxes {   
    padding-left:3px;   
    padding-right:3px;
    height:226px;
}
.boxes a.title{       
	color: #C4D5E7;
	 font: bold 14px verdana;
	 text-decoration: none;
}
.greybox {  
    float:left;
    margin-right: 15px;
    width:159px;
    height:226px;
    background: url(../images/box_grey.gif) left top no-repeat ;
    padding:16px 17px 0;
    font: bold 11px/1.2em tahoma;
    color:#c0c4ce;
    text-align:center;
}

.greybox a {
	font: bold 11px/1.2em tahoma;
	text-decoration: none;
	color: #C0C4CE;
}

.bluebox a {
	font: bold 11px/1.2em tahoma;
	text-decoration: none;
	color:#708da9;
}

.bluebox {  
    float:left;
    width:159px;
    height:226px;
    background: url(../images/box_blue.gif) left top no-repeat ;
    padding:16px 17px 0;
    font: bold 11px/1.2em tahoma;
    color:#708da9;
    text-align:center;
}
.newsbox {    
    float:right;
    width:189px;
    height:166px;
    background: url(../images/box_news.gif) left top no-repeat ;
    padding: 50px 25px 10px;	
}
* html .newsbox { 
    margin:0;
}
.linkallnews {
	padding-top:5px;
	text-align:center;
}
.linkallnews a {    
    color:#708DA9;
	font-family: Verdana;
	font-size:11px;
	font-weight:bold;	
}
.newsticker-actus {  
    /*height:130px;*/
}
.newsbox ul {    
    margin: 0 0 15px;
    line-height:1.2em;
    font: normal 11px tahoma;
    color:#6a839a;
}
.newsitem {    
    margin: 0 0 12px;
    font: normal 11px/1em tahoma;
}
.newsitem .date {    
    font:normal 10px arial;
    color:#8e999f;
    margin: 0 0px 2px;
}
.newsitem .title { 
    margin-bottom:3px;
    margin: 0 0px 0px;
}
.newsitem .title a {    
    font:bold 11px tahoma;
    color:#fff;
    text-decoration:none;
    line-height:1.2em;
}
.newsitem .intro { 
    margin: -4px 0px 0px;
    line-height:1.2em;
}
.imagebox {  
    width:160px;
    margin: 0 0px 8px;
}
.imagebox td {
    height:90px;
    text-align:center;
}
.boxes h1 {  
    text-align:center;
    height:49px;
    margin:0;
}

.maincontent {  
    float:left;
    width:624px;
    background: url(../images/page_bg.gif) left bottom no-repeat ;
    margin-bottom:30px;	
	
}
.maincontent .topbox { 
    background: url(../images/page_bg_top.gif) left top no-repeat ;
    padding: 30px 68px 40px 50px;
    font: normal 12px arial;
    color:#515f6a;	
}
.maincontent h1 { 
    font: bold 24px arial;
    color:#6c7aa5;
}
.maincontent a {
    color:#6c7aa5;
}

#contentscroll {
	height:250px;
}
.rightcontent {  
    float:right;
    width:241px;
    padding-right:2px;
}
.offerbox {  
    clear:right; 
    float:right;
    margin-top:15px;
    margin-bottom: 20px;
    width:199px;
    height:126px;
    background: url(../images/box_offre.gif) left top no-repeat ;
    padding: 45px 20px 10px;
}
.offerbox .imagebox {  
    width:188px;
}

.offerbox a.link {
	color: #708DB3;
}
.offerbox p {    
    margin: 2px 0 15px;
    line-height:1.2em;
    font: bold 11px tahoma;
    color:#6a839a;
    text-align:center;
}
.pager {  
    font: bold 11px tahoma;
    text-align:right;
}
.actu .date {  
    font: normal 11px tahoma;
    margin: 0 0 2px;
    color:#abb0b3;
}
.actu .titre {  
    font: bold 12px/1.2em arial;
    margin: 0 0 7px;
}
.actu {  
    margin-bottom:18px; 
}
.actu .titre a {  
    color:#6c7aa5; 
    text-decoration:none;   
}
.actu .gtitre {  
    font: bold 14px tahoma;  
    color:#6c7aa5; 
    margin: 0 0 7px;
}
.actu .chapeau {  
    font: normal 12px/1.2em arial;
    margin: -10px 0 15px;
}

.gchapeau {  
    font-style: italic;
	color: #768B98;
}

.actutitle {
	text-decoration:none;
}
.backlink {  
    text-align:right;
    font: bold 11px arial;
    margin: 0 0 10px;
}

#footer {
    clear:both;
    margin-top:30px;
    margin-left:3px;
    background: #9faab0 url(../images/footer.gif) left top no-repeat ;
    width:800px;
    padding:20px 30px 16px 48px;
    font:normal 11px/1.2em arial;
    color:#cad7df;
}
* html #footer {
    margin-top:0px;
}
#footer .nav {
    float: left;
    width:150px;
    line-height:1.4em;	
}


.qtip ul{
	background: #EAEEF1;
	margin:0px;
	padding:5px;
	
}
.qtip li {
    list-style-type: none;     
	margin-left:0px;
	padding-left:10px;
	width: 180px;
}
.qtip a {
    text-decoration: none;
    font:normal 11px/1.2em arial;
    color: #3F4D57;	
}
.qtip a:hover {
    font-weight:bold;	
}
#footer .nav a {
    display:block;
}
#footer .credits { 
    float:right;
    width:200px;
}
#footer a {
    color:#cad7df;
    text-decoration: none;
    font-weight:bold;
}