@import url("reset.css");

body {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  color: #000;
  background: #595D67;	
}
#header {
  height: 100px;
  background: url(../images/bg_header.jpg) left top repeat-x;
  position: relative;
}
#content {
  width: 844px;
  position: relative;
  margin: 0 auto;
  background: url(../images/bg_shadow_left.jpg) left top repeat-y #434752;
}
#main {
  background: url(../images/bg_shadow_right.jpg) right top repeat-y ;
  padding-bottom: 30px;
}
#menu {
  height: 30px;
  background: url(../images/bg_menu.jpg) left top repeat-x;
  margin: 0 7px;
}
#logo1 {
  /*background-image : url("../images/logo1.png");*/
  background-repeat : no-repeat;
  width: 400px;
  height:133px;
  position: absolute;
  margin-left : 38%;
}
#logo2{
  background-image : url("../images/logo2.gif");
  background-repeat : no-repeat;
  height : 207px;
  width: 567px;
  float : left;
}

#footer {
  height: 100px;
  background: url(../images/bg_footer.jpg) left top repeat-x;
  position: relative;
}


/**** MENU ****/

ol,ul{ 
  padding-left:30px;
}

#menu ol,#menu ul {
  padding:0;
  list-style: none;
}                        

#menu ul.nav_left {
  padding-left: 3%;
  position : absolute;
  height: 30px;
  background: url(../images/bg_leftMenu.jpg) left top no-repeat;
}

#menu ul.nav_right{
  position: absolute;
  right: 7px;
  top: 0;
  padding-right: 30px;
  height: 30px;
  background: url(../images/bg_rightMenu.jpg) right top no-repeat;
}
#menu ul li {
  float: left;
  background: url(../images/divider_menu.jpg) left top no-repeat;
}
#menu ul li a.last {
  background: url(../images/divider_menu.jpg) right top no-repeat;
}
#menu ul li a,
#menu ul li a:link,
#menu ul li a:active,
#menu ul li a:visited{
  display: block;
  float: left;
  height: 30px;
  padding: 0 18px;
  text-decoration: none;
  color: #FFF;
  font: .96em/28px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#menu ul li a:hover {
  background: url(../images/bg_menu_active.jpg) left top repeat-x;
}

#sub_nav {
  height: 50px;
  background: url(../images/bg_shadow_subNav.jpg) left top no-repeat;
  margin: 0 7px;
  line-height: 50px;
  position: relative;
  font-size: .8em;
  color: #CCC;
}
#sub_nav span.tip {
  left: 30px;
  right: 300px;
  position: absolute;
}
#sub_nav span.links {
  right: 30px;
  position: absolute;
  color: #F90;	
}
#sub_nav span.links a, 
#sub_nav span.links a:link, 
#sub_nav span.links a:active, 
#sub_nav span.links a:visited {
  text-decoration: none;
  color: #F90;
}
#sub_nav span.links a:hover {
  text-decoration: underline;
}


div.center1 {
  background: url(../images/round1_top.jpg) left top no-repeat #EFF2F3;
  width: 770px;
  position: relative;
  margin: 0 auto;
  padding: 10px 0 0 0;
}
div.center2 {
  background: url(../images/round1_bottom.jpg) left bottom no-repeat #EFF2F3;
  width: 710px;
  position: relative;
  margin: 0 auto;
  padding: 20px 30px 10px 30px;
}
div.item1 {
  background: url(../images/round2_top.jpg) left top no-repeat #EFF2F3;
  width: 710px;
  position: relative;
  margin: 0 auto;
  padding: 9px 0 0 0;
}
div.item2 {
  background: url(../images/round2_bottom.jpg) left bottom no-repeat #EFF2F3;
  width: 710px;
  position: relative;
  margin: 0 auto;
  padding: 0 0 9px 0;
  margin-bottom: 30px;
}

div.next1 { 
  background: url(../images/round2_next_top.jpg) left top no-repeat #EFF2F3;
  width: 100px;
  position: relative;
  margin: 0 auto;
  padding: 0 0 0 0;
}

div.next2 { 
  background: url(../images/round2_bottom.jpg) left bottom no-repeat #EFF2F3;
  width: 600px;
  position: relative;
  margin: 0 auto;
  padding: 0 0 10px 0;
  margin-bottom: 30px;
}
.item1 .item2 .content-item {
  background: #FFF;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  padding: 20px 30px;
}
.item1 .item2 .content-item p {
  color: #434752;
  font-size: .9em;
  line-height: 1.4em;
}
.item1 .item2 .content-item h1 {
  font-size: 1.4em;
  border-bottom: 1px solid #CDCDCD;
  padding-bottom: 5px;
  margin-bottom: 5px;
  position: relative;
}

.suivant{
  background-image:url(../images/suivant.png);
  width:100px;
  height:20px;
  margin-left:600px;
  background-repeat: no-repeat;
}

.precedent{
  background-image:url(../images/precedent.png);
  display : block;
  width:100px;
  height:20px;
  background-repeat: no-repeat;
  float : left;
}

.precedent span{
  display : none;
}


.suivant{
  background-image:url(../images/suivant.png);
  display : block;
  width:100px;
  height:20px;
  background-repeat: no-repeat;
}

.suivant span{
  display : none;
}

#choix{
  padding-left : 250px;
  margin-top : -2.5%;
  position : absolute;
}

#choix a{
  color: #434752;
  font-size: .9em;
  line-height: 1.4em;
}

.rafraichir{
  background-image:url(../images/rafraichir.png);
  display : block;
  width:100px;
  height:20px;
  background-repeat: no-repeat;
  float : left;
  margin-left : 68%;
}

.rafraichir span{
  display : none;
}


.envoyer{
  background-image:url(../images/envoyer.png);
  display : block;
  width:100px;
  height:20px;
  background-repeat: no-repeat;
  float : right;
}

.envoyer span{
  display : none;
}

#ie6{ 
  margin-top:-107px;
}

#footer p#valid{ 
  text-align:center;
  padding-top:20px;
}

#footer p#valid a{ 
  margin:10px;
}