body {
  margin: 0;
  padding: 0;
	background: #f4f8f8;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
	color: #5b5d75;
}

a {
  color: #f8931f;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#all {
  background: #fff url(../images/bg_body.png) repeat-x;  
}

#container{
	width: 835px;
	margin: 0 auto;	
}

#header {
	height: 131px;
}

.clear {
	clear: both;
	float: none;
	height: 0px;
	font-size: 1px;
	line-height: 1px;
}


#header h1
{
  margin: 0;
	padding: 10px 0 0 4px;
}

#up-line {
  margin: 0 0 0 4px; 
  padding-top: 30px; 
  background: url(../images/bg_top.png) right top no-repeat;
}

#up-line .inside {
  border-bottom: 1px solid #eaeaea;
  padding: 0 0 5px;
	background: url(../images/bg_home_fline.png) left bottom no-repeat;
}

#intro {
  position: relative;
  float: left;
  width: 269px;
  height: 187px;
  padding: 10px 12px 12px 92px;
  background: #f0faff url(../images/bg_intro.png) left bottom no-repeat;
}

#intro p {
  margin: 0 0 17px;
  font-size: 1.2em;
  line-height: 1.2em;
  text-align: justify;
}

#intro p strong {
  font-size: 1.17em; 
  line-height: 90%;
}

a.link_bottom  {
  display: block;
	position: absolute;
	bottom: 12px;
	right: 20px;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 1em;
	color: #f8921e;
	background: url(../images/arr_orange.png) 0 3px no-repeat; 
}


#home_news {
  position: relative;
  float: left;
  width: 430px;
  margin: 7px 0 7px 6px;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  padding: 0 8px;
  color: #4b4b4b;
}

#home_news h2 {
	color: #F8921E;
	font-weight: bold;
	font-size:  1.4em;
	background: url(../images/point_orang_white.png) 0 2px no-repeat; 
	margin: 0 0 6px;
	padding: 2px 0px 0px 20px;
	text-transform: uppercase;
}

.news_item {
  /*position: relative;*/
  padding-bottom: 19px;
}

.news_item h3 {
  margin: 0 0 7px;
  font-size: 1.1em;
  text-transform: uppercase;
  line-height: 1.3em;
}

.news_item p {
  margin: 0;
  line-height: 1.3em;
  font-size: 1.1em;
  text-align: justify;
}

.news_item img {
  float: left;
  margin-right: 9px;
}

#home_news a.link_bottom {
  bottom: 3px;
}

#down-line {
  margin-top: 3px;
}

#down-line .col1 {
  float: left;
  width: 385px;
}

#down-line .col1 .box {
  background: url(../images/bg_col1_fill.png) repeat-y;
}

#down-line .col1 .box .inside {
  width: 385px;
  background: url(../images/bg_col1_bottom.jpg) bottom left no-repeat;
}

#down-line .col1 .box .inside2 {
  position: relative;
  padding-left: 12px;
  padding-right: 14px;
  padding-bottom: 22px;
  background: url(../images/bg_col1_top.png) no-repeat;
}


#down-line .box h2 {
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	background: url(../images/point_orang_blue.png) 0 9px no-repeat; 
	height: 15px;
	margin: 0;
	padding: 9px 0 15px 20px;
	text-transform: uppercase;
}

#down-line .box h2 span {
  color: #f8921e;
  font-size: 0.85em;
}

#down-line .col1 h2 {
  margin-left: 54px;
}

#av_box {
  margin-bottom: 5px;
}

#av_box .img_left {
  float: left;
  margin-top: 3px;
}

#down-line .box p {
  font-size: 1.1em;
  line-height: 1.37em;
  text-align: justify;
}

#av_box p {
  float: right;
  width: 238px;
  margin: 0 0 11px;
}

#av_box p a {
  padding-left: 10px;
	background: url(../images/arr_orange.png) 0 4px no-repeat; 
}

#down-line .col2 {
  float: left;
  width: 266px;
  margin-left: 1px;
}

#down-line .col2 .box {
  background: url(../images/bg_col2_fill.png) repeat-y;
}

#down-line .col2 .box .inside {
  width: 266px;
  background: url(../images/bg_col2_bottom.jpg) bottom left no-repeat;
}

#down-line .col2 .box .inside2 {
  position: relative;
  padding-left: 9px;
  padding-right: 9px;
  padding-bottom: 19px;
  background: url(../images/bg_col2_top.png) no-repeat;
}

#down-line .col2 h2 {
  margin-left: 16px;
}

#down-line .col2 .inside2 div {
  position: relative;
  margin-top: 18px;
  padding-bottom: 8px;
}

#down-line .col2 .inside2 div img {
  float: left;
  margin-right: 7px;
  border: 1px solid #d0e3ed;
}

#down-line .col2 .inside2 div a.link_bottom {
  bottom: 0;
  right: 5px;
}

#down-line .col3 {
  float: left;
  width: 180px;
  margin-left: 1px;
}

#down-line .col3 .box {
  margin-bottom: 7px;
  background: url(../images/bg_col3_fill.png) repeat-y;
}

#down-line .col3 .box .inside {
  width: 180px;
  background: url(../images/bg_col3_bottom.jpg) bottom left no-repeat;
}

#down-line .col3 .box .inside2 {
  position: relative; 
  width: 162px;
  padding-left: 9px;
  padding-right: 9px;
  padding-bottom: 25px;
  background: url(../images/bg_col3_top.png) no-repeat;
}

#down-line .col3 h2 {
  margin-left: 2px;
}

#down-line .col3 input {
  width: 106px;
  height: 12px;
  margin: 0 0 2px 9px;
  padding: 2px 5px;
  border: 1px solid #c6d5db;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

#down-line .col3 input.button-ok {
  width: 20px;
  height: 15px;
  padding: 0;
  margin: 0 0 2px;
  border: none;
  background: url(../images/ok.png) no-repeat;
}

#down-line .col3 .bbox {
  width: 180px;
  margin-bottom: 7px;
  background: url(../images/bg_bbox_fill.png) repeat-y;
}

#down-line .col3 .bbox .inside {
  width: 180px;
  background: url(../images/bg_bbox_top.png) no-repeat;
}

#down-line .col3 .bbox .inside2 {
  padding: 12px 11px;
  background: url(../images/bg_bbox_bottom.png) bottom no-repeat;
}

#down-line .col3 .bbox h2 {
  font-size: 1.1em;
  padding: 0;
}

.col3 .bbox p {
  margin: 8px 9px 7px;
  font-size: 1.1em;
  line-height: 1.37em;
}

/*---------------------------------------------------
              Menu navigation
-----------------------------------------------------*/

#main_nav {
  width: 779px;
  height: 28px;
  margin: 4px 0 0 27px;
  background: url(../images/separator_blue.png) right 12px no-repeat;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  list-style-type: none;
}

#main_nav li {
  float: left;
  position: relative;
  height: 28px;
}

#main_nav li ul {
  list-style-type: none;
  margin: 0;
}

#mn1 {width: 58px;}
#mn2 {width: 92px;}
#mn3 {width: 80px;}
#mn4 {width: 94px;}
#mn5 {width: 97px;}
#mn6 {width: 64px;}
#mn7 {width: 132px;}
#mn8 {width: 162px;}

#main_nav li#mn7 a, #main_nav li#mn7 a:hover {
  background: url(../images/btn_espaceAdh.gif) no-repeat scroll 0 12px;
}

#main_nav li#mn8 a, #main_nav li#mn8 a:hover {
  background: url(../images/btn_espaceAdm.gif) no-repeat scroll 0 12px;
}

#main_nav li#mn7 a, #main_nav li#mn8 a {
  padding: 12px 0 0 31px;
  color:#4A69A8;
  text-align: left;
  font-size: 0.96em;
}

#main_nav li a {
  display: block;
  height: 16px;
  padding: 12px 0 0;
  text-align: center;
  text-transform: uppercase;
  color: #9BA4A7;
  font-weight: bold;
  font-size: 1.1em;
}

#main_nav li a:hover {
  background-image: url(../images/bg_subnav.png);
  background-repeat: no-repeat;
  text-decoration: none;
}

#mn1 a:hover {background-position: 0px 0;}
#mn2 a:hover {background-position: -58px 0;}
#mn3 a:hover {background-position: -150px 0;}
#mn4 a:hover {background-position: -230px 0;}
#mn5 a:hover {background-position: -324px 0;}
#mn6 a:hover {background-position: -421px 0;}

#main_nav li ul {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  padding: 11px 0 19px;
  background-image: url(../images/bg_subnav.png);
  background-repeat: no-repeat;
}

#main_nav li:hover ul, #main_nav li.over ul {
  display: block;
}

#mn1 ul {width: 58px; background-position: 0px bottom;}
#mn2 ul {width: 92px; background-position: -58px bottom;}
#mn3 ul {width: 80px; background-position: -150px bottom;}
#mn4 ul {width: 94px; background-position: -230px bottom;}
#mn5 ul {width: 97px; background-position: -324px bottom;}
#mn6 ul {width: 64px; background-position: -421px bottom;}

#main_nav li li { 
  float: none;
  position: static;
  height: auto;
  padding: 0 7px;
  line-height: 1.3em;
}

#main_nav li#mn5  li {
  padding: 0 10px;
} 

#main_nav li li a {
  height: auto;
  padding: 0 0 0 7px;
  text-align: left;
  text-decoration: none;
  font-size: 1.1em;
  color: #929fba;
  background: url(../images/point_blue.png) 0 5px no-repeat;
  text-transform: none;
  font-weight: normal;
}

#main_nav li li a:hover {
  color: #f8931f;
  background: url(../images/point_orange.png) 0 5px no-repeat;
}

#strip {
  float: right;
  width: 153px;
}

#content h2 {
  margin: 0 0 3px;
  font-size: 1.5em;
  text-transform: uppercase;
  color: #3f60a3;
}

#content h3 {
  margin: 0 0 18px;
  font-size: 1.1em;
  text-transform: uppercase;
  color: #f8921e;
}

#content h4 {
  font-size: 1.2em;
  color: #00aeeb;
}

#content p {
  margin: 10px 0 22px;
  font-size: 1.2em;
  text-align: justify;
  line-height: 1.34em;
}

#content li {
  font-size: 1.2em;
}

#content li p {
  font-size: 11px;
}

#content p.intro {
  font-weight: bold;
}

#strip .box {
  margin-top: 12px;
  background: url(../images/bg_strip_fill.png) repeat-y;
}

#strip .box .inside {
  width: 153px;
  background: url(../images/bg_strip_bottom.png) bottom left no-repeat;
}

#strip .box .inside2 {
  position: relative; 
  width: 153px;
  padding-bottom: 33px;
  background: url(../images/bg_strip_top.png) no-repeat;
}

#strip h3 {
	color: #fff;
	font-weight: bold;
	font-size: 1.15em;
	background: url(../images/point_orang_blue.png) 0 8px no-repeat; 
	height: 13px;
	padding: 8px 0 13px 20px;    
  margin: 0 0 0 10px;
}

#strip h3 span {
  color: #F8921E;
  font-size: 0.85em;
}

#strip h4 {
  font-weight: bold;
  font-size: 1.15em;
  padding: 0 0 8px 8px;
  margin: 0;
  color: #3F60A3;
}

#strip .img_left {
  float: left;
  margin: 0 6px 0 11px;
}

#strip p {
  margin: 0 14px;
  font-size: 1.1em;
  line-height: 1.37em;
  text-align: justify;
}

#strip .link_bottom {
  right: 14px;
  bottom: 15px;
}

#strip .nbox {
  background: url(../images/bg_strip_new_fill.png) repeat-y;
}

#strip .nbox .inside {
  background: url(../images/bg_strip_new_bottom.png) bottom left no-repeat;
}

#strip .nbox .inside2 {
  background: url(../images/bg_strip_new_top.png) no-repeat;
}

/*---------- Popup div displaying text for helping to log in --------*/
#img_help {
  cursor: help;
}

#help_login {
  color:#FFFFFF;
  font-size:0.9em;
  left:619px;
  position:absolute;
  top:435px;
  width:310px;
}

#help_login .help_login_top{
  background: url(../images/bg_help_login_top.gif) no-repeat;
  height: 15px;
}

#help_login .help_login_mid{
  background: url(../images/bg_help_login_mid.gif) repeat;
}

#help_login .help_login_mid p{
  margin: 0;
  padding: 0 10px;
}

#help_login .help_login_bot{
  background: url(../images/bg_help_login_bot.gif) no-repeat;
  height: 14px;
}

/*---------- Style for scrolling news -----------------------*/
.posrelative
{
  position: relative;
}

#conteneur
{
  overflow: hidden;
  width: 250px;
  clip: rect(0px 250px 200px 0px);
  position: relative;
  left: 5px;
  top: 62px;
}

p.link_bottom_news  {
	position: absolute;
	bottom: -20px;
	right:0;
	font
	float: right;
	background: url(../images/arr_orange.png) 0 6px no-repeat; 
	padding: 0 0 0 10px;
	color: #f8921e;
}
p.link_bottom_news  a { 
	color: #f8921e;
	text-decoration: none;
}