/*reset*/
* { font-size: 1em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding:0; margin:0; list-style-type:none; outline:none medium; }
body {background:url(images/bg.gif); text-align:center;}
a img {border:0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {}
/* \*/* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* . */

table {border-collapse:collapse; border-spacing:0;}
#container { color: #434343; font-size: 0.8em; width:960px; text-align:left; margin:0 auto; }
.header { position: relative; margin-top:10px; height:268px; }
h1 { font-size: 1.5em; padding-bottom: 15px; }
#home h2 {  color: #434343; font-size: 1.3em; line-height: 1em; margin-top: 1.5em; margin-bottom: 1em; }
h2 { color: #116690; font-size: 1.3em; margin-top: -0.2em; }
.pad_top { margin-top: -2em; }
.pad_bas { margin-bottom: 2em; }
.pad_bas_xl { margin-bottom: 7em; }
.pad_bas_xxl { margin-bottom: 22em; }
#col-gauche h2 {  color: #434343; font-size: 1.2em; margin-top: 0; margin-bottom: 1em; }
#col-gauche h3 {  color: #434343; font-size: 1.1em; margin-top: 2em; }
#col-gauche h4 { color: #434343; font-size: 1.1em; margin-top: 2em; margin-left: -1689px; }
#col-droite h2 { color: #116690; font-size: 1.4em; }
h1 strong {color:#e02e00; font-weight:normal;}
a {color:#4c8d0d;}
a:hover {text-decoration:none; color:#5daf0e;}
sup{font-size: 80%}
.left_img {float:left; margin:0 10px 10px 0;}
.clear {clear:both;}


.top_right_menu {position:absolute; margin-left:684px; margin-top:7px;}
.top_right_menu li {display:inline;}
.top_right_menu a {color:#0975a6; font-family:11px; text-decoration:none; font-size:11px;}
.top_right_menu a:hover {color:#09a7ee;}
.ico_contact {background:url(images/contact.gif) no-repeat left center; padding-left:15px; margin-right:20px;}
.ico_accueil {background:url(images/accueil.gif) no-repeat left center; padding-left:15px; margin-right:20px;}
.ico_legal {background:url(images/legal.gif) no-repeat left center; padding-left:15px;}


.menu {background:transparent url(images/menu_bg.gif) no-repeat; height:90px; position:absolute; margin-top:179px; display:block; width:960px;}
/* 3 column content */
.menu li {float:left; padding-top:18px; background:url(images/menu_li.gif) no-repeat right 32px;}
.menu li a {background:url(images/menu_1.gif) no-repeat center center; display:block; height:54px; text-indent:-3000px;}
.menu li a { margin:0 22px;}
.menu li a:hover { background-position:center -3px;}
.menu li a.menu_1 {background-image:url(images/menu_1.gif); width:111px;}
.menu li a.menu_2 {background-image:url(images/menu_3.gif); width:97px;}
.menu li a.menu_3 {background-image:url(images/menu_2.gif); width:73px;}
.menu li a.menu_4 {background-image:url(images/menu_4.gif); width:122px;}
.menu li a.menu_5 {background-image:url(images/menu_5.gif); width:80px;}
.menu li a.menu_6 {background-image:url(images/menu_6.gif); width:84px;}
.menu li a.menu_7 { background-image:url(images/menu_7.gif); width: 86px; margin-right: 0; margin-left: 18px; }
.menu li a.active {border-bottom:4px solid #ff4742; padding-bottom:-4px;}
.columns_3_bg_menu {background-image:url(images/menu_bg_3columns.gif);}
/* 3 column content */
#round { background-image: url(images/3_columns_bg_down.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; position: relative; top: 0; height:13px; width:960px; float: left; }
* html #round, *+html #round { margin-top: -13px; }
/**/
#footer { float: left; clear: both; margin:1px auto 10px; }
#footer th {background:white; overflow:hidden; width:914px; text-align:center;}
#footer th img {padding:0 30px;}


		#scrolling {overflow:hidden; width:914px;}
		#scrollme { float:left;}
		#scrollme td {height:91px;}
/*multi-column list*/
.tricol { float: left; width: 150px; padding-right: 1.1em; }
.tricol li { font-size: 0.9em; line-height: 1.2em; background-image: url(images/red_dot.gif); background-repeat: no-repeat; background-position: 0 0.4em; padding-bottom: 0.5em; padding-left: 0.8em; }
.tricol li a { color: #434343; font-size: 0.9em; text-decoration: none; }
.tricol br {clear: left;}
.pad_bas15 { margin-bottom: 15px; }
.check li { background-image: url(images/check.gif); background-repeat: no-repeat; padding-bottom: 0.5em; padding-left: 1.2em; }
.dart ul {  }
.dart li { background-image: url(images/red_arrow.gif); background-repeat: no-repeat; background-position: 0 1em; padding-top: 0.5em; padding-left: 1.2em; }
.pdf li { background-image: url(images/icn_pdf.gif); background-repeat: no-repeat; background-position: left top; padding-left: 25px; }
.pdf li a { color: #4c8d0d; font-size: 12px; background-color: transparent !important; text-decoration: underline; }
.agrements li { display:block; float:left; margin-top: 15px; }

/*wait*/
.content_wait { background:#fff; padding: 15px; }
.content_wait h1 { color: #e02d00; font-size: 16px; font-weight: bold; }
.content_wait h2 { color: #000; font-size: 14px; font-weight: bold; }
.content_wait p { font-size: 12px; padding-top: 15px; }
#round_wait {background:url(images/round_wait.gif) no-repeat center bottom; height:13px; width:960px;}



#content { background-image: url(images/3_columns_bg.gif); background-repeat: repeat-y; float: left; width: 100%; padding-bottom: 35px; }

#col-centre {
margin: 0 227px 0 215px; /* Marge droite et marge gauche */
}

#col-droite { font-size: 0.9em; width: 215px; /* Largeur de la colonne */
margin-left: -225px; /* Marge gauche */
float: left; }

#col-gauche {
float: left;
width: 215px; /* Largeur de la colonne */
margin-left: -960px;
}

#footer {
background-color: #2e4c6b;
clear: left;
width: 100%;
font-weight: bold;
color: #fff;
text-align: center;
padding: 4px 0;
}

.col-int {
padding: .5em 1em;
}
/* ---------- presentation ---------- */

.presentation .gauche {
    width: 130px;
    margin-bottom: 20px;
    float: left;
  }

  .presentation .droit { width: 360px; margin-bottom: 20px; float: left; }

  .presentation .bas_gauche {
    width: 230px;
    float: left;
  }

  .presentation .bas_droit {
    width: 230px;
    float: right;
  }

/* ---------- /presentation ---------- */
#content strong { font-weight: normal; }
/* ---------- /accordion ---------- */
.basic  { width: 195px; margin-top: 10px; margin-left: 7px; }
.basic div { padding: 10px 10px 10px 5px; }
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-size: 14px;
	color: white;
	background-color: #26678d;
	border-bottom: 1px solid #f4f4f4;
}
.basic a:hover { color: black; background-color: #f4c200; }
.basic a.selected {
	color: white;
	background-color: #9d1f01;
	background-image: url(AccordionTab2.gif);
}
.basic dl { width: 190px; }
.basic dt { color: #929292; }
.basic dd { color: #131313; margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #c3c3c3; }

/* ---------- /carrousel ---------- */
.infiniteCarousel { background-color: black; width: 954px; position: relative; }
.infiniteCarousel a { color: white; font-size: 1px; }
.infiniteCarousel .wrapper { background-color: white; width: 908px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto; margin: 0 23px; position: absolute; top: 0; left: 0; height: 91px !important; }
.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}
.infiniteCarousel ul li { display: block; margin-top: 10px; width: 908px; float: left; margin-left: 6px; }
.infiniteCarousel ul li img { margin-right: 30px; display:block; }

.infiniteCarousel .arrow {
  display: block;
  height: 91px;
  width: 23px;
  background: url(images/fleches.png) no-repeat;
  text-indent: -999px;
  position: absolute;
  top: 0;
  cursor: pointer;
}

.infiniteCarousel .forward { background-image: url(images/scroll_right.gif); background-repeat: no-repeat; background-position: 0 0; right: 0; }

.infiniteCarousel .back {
  background-position: 0 -91px;
  left: 0;
}