@charset "utf-8";
/* Main css */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
body {font-size:68.75%; line-height:1.3; color:#1562ad; font-family: Arial, sans-serif; margin:0; padding:0;}

#main {
 margin:0 auto;
 width:940px;
 text-align:left;
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
#head {
  height:89px;
  position:relative;
}

#head ul {
 float:right;
 list-style-type:none;
 padding:0;
 margin:63px 0 0 0;
}

#head #logo {float:left; display:block;}

#head ul li {
 display:inline;
}

#head ul li a{
 padding-left:10px;
 float:right;
}

#head ul#lang {
 position:absolute;
 top:20px;
 right:0;
 margin:0;
}

#head ul#lang a {
  display:block;
  height:11px;
  width:16px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:0 0;
  text-indent:-1000px;
  padding:0;
  margin-left:10px;
}

#head ul#lang a#fr {
 background-image:url(../img/flag_fr.gif);
}
#head ul#lang a#en {
 background-image:url(../img/flag_en.gif);
}


/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */

.imgrpl {
  overflow:hidden;
  display:block;
  margin:0;
  padding:0;
  text-indent:-1000px;
  background-position:0 0;
  background-repeat:no-repeat;
  
}

.preuvedelivraison {
    background: #F2F2F2 url(../img/txtPreuveDeLivraison.gif) no-repeat 0 0;
  width:188px;
  height:61px;
}

.preuvedenlevement {
  background: #F2F2F2 url(../img/txtPreuveDenlevement.gif) no-repeat 0 0;
  width:188px;
  height:52px;
}

/* ---------------------------------------------------------------- */
#content {
 
  background: transparent url(../img/BgContent.gif) no-repeat 0 0;
}

#content .inner {
  background: transparent url(../img/bgBottom.gif) no-repeat 0 100%;
  padding-bottom:10px;
}

#column {
  float:left;
  width:188px;
  margin-right:40px;
  
  padding:72px 0 120px 0;
}

.centersmallsize {
  float:left;
  width:460px;
  padding-top:55px;
}

.centerlargesize {
  float:left;
  width:710px;
  padding-top:10px;
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */

.bloc1 {
 background:#f2f2f2; 
 padding-bottom:35px;
 margin-bottom:15px;
 font-weight:bold;
}

.bloc1 ul {
  background:#e4e4e4;
  
  margin:0;
  padding:10px 8px 15px;
  list-style-type:none;
}

.bloc1 ul li {
 padding:0 0 4px 11px;
 background: transparent url(../img/bulletRed.gif) no-repeat 0px 5px;
}

.bloc2 {
 background:#f2f2f2; 
 padding-top:30px;
 padding-bottom:35px;
 margin-bottom:15px;
 font-weight:bold;
}

.bloc2 span {
 display:block;
 background:#e4e4e4;
  
  padding:10px 8px 15px;
  list-style-type:none;
}


.bloc3 {
 background:#f2f2f2; 
 padding-bottom:30px;
 font-weight:bold;
}

.bloc3 div.txt {
 display:block;
 background:#e4e4e4;
  
  padding:10px 8px 15px;
  list-style-type:none;
}

.bloc3 div.btn {
  padding:10px 0 0 20px; 
}


.blocplusexapaq {
  background: transparent url(../img/blocPlusB.gif) no-repeat 0 100%;
   margin-bottom:15px;
}

.blocplusexapaq h3 {
  background: transparent url(../img/blocPlusT.gif) no-repeat 0 0;
  width:188px;
  height:40px;
}

.blocplusexapaq div {
  color:#fff;
  padding:5px 15px 15px 8px;
  font-weight:bold;
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
h1 {
 color:#aeadad; 
}

h2 {
  font-size:1em;
  color:#225596;
  font-weight:bold;
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* formulaire */

label {
  font-weight:normal;
}

input.text {
 font-size:1em; 
 padding:1px;
 width:135px;
}

input.smallt {
 width:64px;
}

input.verysmallt {
 width:50px;
}

textarea {width:200px;height:100px;padding:2px;}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* boutons */
.btnred:link, .btnred:visited, btnred:hover {
 color:#fff; 
 text-decoration:none;
 text-transform:uppercase;
 font-size:9px;
 cursor:pointer;
}

.btnred {
  z-index:1;
}

.btnred span span {
  background: transparent url(../img/btnRedL.gif) no-repeat 0 0 ;
  padding:0 0 0 10px;  
}


.btnred span {
	background: transparent url(../img/btnRedR.gif) no-repeat 100% 0;
  height:16px;
  line-height:15px;
  position:relative; 
   float:left; 
   padding:0 10px 0 0;        /* Largeur du côté gauche */ 
   vertical-align:middle;
}

/*Hack for safari */
body:first-of-type .btnred span {
 line-height:16px;
}

.btnright {
 float:right; 
}

.btnbottomleft {
 position:absolute;
 bottom:15px;
 right:0;
}

.btnprint {
 float:right; 
 margin-left:85px;
  
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
.bloctext1 {
  background: transparent url(../img/bulletBlue.gif) no-repeat 0 5px;
  padding: 0 0 10px 12px; /*12*/
  margin-bottom:5px;
  margin-left:-12px;
  position:relative;
  zoom:1;
}

.nopoint {
 	background:none;
  padding-left:12px;
}

.bloctext1 label {
  display:block;
  float:left;
   width:200px;
   height:20px;
   line-height:25px;
}

.bloctext1 div {
  clear:both;
}

.bloctext1 div:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.bloctext1 div {display:inline-block;}
* html .bloctext1 div {height:1%;}
.bloctext1 div {display:block;}

.clickblock {
 display:block;
 width:160px;
 position:absolute; 
 bottom:10px;
 right:0;
 font-weight:bold;
 
}

.bloctext1 textarea {
 float:left;
}

/* ---------------------------------------------------------------- */

.blocexapassdetail h2 {
	float:left;  
}

.blocexapassdetail {
  border:1px solid #c3c3c3;
  padding:8px 8px 8px 25px;
  margin:7px 0;
  background: transparent url(../img/bulletRed.gif) no-repeat 13px 12px;
}

.blocexapassdetail div {
  clear:both;
}

.blocexapassdetail label {
  float:left;
  display:block;
  width:150px;
  font-weight:bold;
}
/* ---------------------------------------------------------------- */
.blocrecherchedetail div {
  clear:both;
  padding-bottom:15px;
}

.blocrecherchedetail div:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.blocrecherchedetail div {display:inline-block;}
* html .blocrecherchedetail div {height:1%;}
.blocrecherchedetail div {display:block;}

.blocrecherchedetail label {
  display:block;
  float:left;
  width:200px;
}


.blocline {
  border-top:1px solid #c3c3c3;
  border-bottom:1px solid #c3c3c3;
  
  padding:10px 70px 8px 0;
}

.noline {
  border-top:0;
  border-bottom:0;
  }

.blocline:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.blocline{display:inline-block;}
* html .blocline {height:1%;}
.blocline {display:block;}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
.table_container {
	position:relative;  
  margin-bottom:1.4em;
  
}

/*ie6*/
.table_container  {
  _zoom:1;
}

.table_container table {
border-collapse:collapse;
margin-bottom:0;
}
.table_container td {
border: 1px solid #aeadad;
color:#1562ad;
}

.table_container th {
color:#1562ad;
background:#fff;
}

.table_container th, .table_container td {
padding:4px 5px 4px 10px;
}

.table_container table .alt td {
 background: #f2f2f2;
}

.tl_corner{
  position:absolute;top:0;left:0;
background:transparent url(../img/tl_corner.gif) no-repeat 0 0;
width:4px;
height:4px;
}
.tr_corner{
   position:absolute;top:0;right:0;
background:transparent url(../img/tr_corner.gif) no-repeat 0 0;
width:4px;
height:4px;
}
.bl_corner{
   position:absolute;bottom:0;left:0;
background:transparent url(../img/bl_corner.gif) no-repeat 0 0;
width:4px;
height:4px;
}
.br_corner{
   position:absolute;bottom:0;right:0;
background:transparent url(../img/br_corner.gif) no-repeat 0 0;
width:4px;
height:4px;
}

/*Hack for safari */
body:first-of-type .br_corner{
right:-1px
}

/*Hack for firefox (and not for ie7) */
.tl_corner, x:-moz-any-link {top: -1px; left: -1px; *top: 0; *left: 0;}
.tr_corner, x:-moz-any-link  {top: -1px; *top: 0;}
.bl_corner, x:-moz-any-link {left: -1px; *left: 0;}

/* Hack pour ie7 seulement */
.tr_corner {right -1px !important!; }

/*ie6*/
.bl_corner, .br_corner {
  _bottom:-8px;
}




/* ---------------------------------------------------------------- */
.alternatetable table {
  border: 1px solid #aeadad;
}

.alternatetable td, .alternatetable th {
border-bottom: 1px solid #aeadad;
border-width: 0 0 1px 0;
color:#1562ad;
}

.alternatetable table th {
padding:8px 5px 8px 10px;
}
/* ---------------------------------------------------------------- */

.alternatetable table td  {
  background: #f2f2f2;
}

.alternatetable table .alt td {
  background:#fff;
}



.alternateversion2 table td {
padding:8px 5px 8px 10px;
background: #f2f2f2;
}

.alternatetable table .alt td {
  background:#fff;
  
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */

.infobulle {
 position:absolute;
 left:465px;
 top:0;
 color:#000;
 text-decoration:none;
 

 
}

.infobulle span {
 background: transparent url(../img/bulletInfo.gif) no-repeat 0 0;
 width:28px;
 height:31px;
 display:block;
 overflow:hidden;
 text-indent:-1000px;
 cursor:pointer;

}

.infobulle a .infobullecontent {
	/*position:absolute;
  left:28px;
  top:0;*/
  
 	/*position:relative;
  top:-58px;
  left:28px;*/
  margin-left:28px;
  margin-top:-30px;
  width:200px;
 	display:none;
  padding:5px;
 
  color:#000;
  text-decoration:none;
  z-index:100;
  
}
.infobulle a .infobullecontent div {
  
}
.inactif .infobullecontent {
  display:none;
  background:none;
  border:none;
  
}
.actif .infobullecontent {
  display:block;
   background:#fff799;
  border:1px solid #fff568;
}

a:hover .infobullecontent {
  display:block;
  background:#fff799;
  border:1px solid #fff568;
}

.infobulle a:link, .infobulle a:visited {
 text-decoration:none; 
}

.infobullecontent ul {
  margin-bottom:0;
  padding-top:2px;
  list-style-type:square;
}

.infobullecontent ul li {
  padding-bottom:2px;
}

.bloctext1 .infobulle {
 position:static;
 float:left;
 margin-left:10px;
 clear:none;
}
.bloctext1 .infobullecontent {
 position:absolute;
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* english */

.lang-en .preuvedelivraison {
    background-image: url(../img/txtPreuveDeLivraison_en.gif);
    background-position:0 5px;
}

.lang-en .blocplusexapaq h3 {
  background-image: url(../img/blocPlusT_en.gif);
}

.lang-en .preuvedenlevement {
  background-image: url(../img/txtPreuveDenlevement_en.gif);
}