* {
    padding : 0;
    margin  : 0;
}

body {
    color            : #3F4141;
    font             : normal 11px Arial;
    background-color : #fff;
}

a {
    font        : bold 11px Arial;
    color       : #77A600;
     outline: none;
}

/*enlever bords des boutons*/
button::-moz-focus-inner { border: 0; }
button:focus { outline:0; }

.clear {
    clear: both;
}

span.gras {
    font-weight : bold;
}
/*
h1 {
    color : #000;
}
*/
h2 {
    color : #77A600;
    font : bold 13px Arial;
}

img {
    border : none;
}

.masked {
    display : none;
}

#sb-info-inner, #sb-title{
    display : none;
}

/*************************
 * MISE EN PAGE GENERALE *
 *************************/
#conteneur {
    position : relative;
    margin   : 0 auto;
    width    : 1040px; 
/*     width    : 1020px; */
    height   : auto;
    z-index  : 1;
}

#contenu, #menu, #contenu, #ariane, #footer  {
    position : relative;
    float    : left;
/*     width    : 985px; */
    width    : 998px;
    overflow : auto;
    padding  : 0 10px;
    z-index  : 2;
}

#contenu{
    padding  : 0 18px;
   /* margin-top: 181px;*/
}

#header {
    height: 116px;
	/*position: fixed;*/
	position: relative;
	float: left;
	width: 993px;
	padding: 0px 105px 0px 34px;
	z-index: 4;
	background-color: #FFFFFF;
	margin-left: -20px;
}
#headerConnect {
    height     : 83px; /*64px*/
    background : url("/public/img/interface/headerBGConnect_new.png") no-repeat scroll 0 0 transparent;
}

#menu  {
    overflow : visible;
    z-index  : 3;
  /*  position: relative;*/
    
  /*  margin-top: 116px;
    position: fixed;*/
   
}
#menu.menuNC  {
    height     : 65px;
    background : url("/public/img/interface/menuBGpetit.png") no-repeat scroll 0 0 transparent;
}
#menu.menuNC.TmpUser  {
    background: none;
}
#menu.menuC  {
    height     : 50px;
    background : url("/public/img/interface/menuBGC_new.png") no-repeat scroll 0 0 transparent;
}


#ariane {
    height : 20px;
    background     : url("/public/img/interface/contenuBG_new.png") repeat-y scroll 0 0 transparent;
}

#contenu {
    height         : 200px;
    height         : auto ! important;
    min-height     : 200px;
    background     : url("/public/img/interface/contenuBG_new.png") repeat-y scroll 0 0 transparent;
    padding-bottom : 32px;
    
    padding-top: 11px;
    
 /*   padding-top: 76px;
	margin-top: 116px;*/
}
#footer {
    height     : 132px;
    background : url("/public/img/interface/footerBG_new.png") repeat-y scroll 0 0 transparent;
}
/*************************/

/**********
 * HEADER *
 **********/
#leadBoxLogo {
    position : relative;
    top      : 35px;
    left     : 0px;
    cursor   : pointer;
}
#leadBoxLogoHC {
    cursor:pointer;
	left:20px;
	position:absolute;
	top:12px; /*0*/
}

#logoByManageoHC {
	position: absolute;
    right: 35px;
    top: 27px;
}

#pubHeader {
	position : relative;
	float : right;
    height   : 90px;
    top : 13px;
    width    : 728px;
}
#containerPanierHeader {
	padding-top	: 60px;
}

/********************
 * HEADER CONNECTEE *
 ********************/
#bandeauConnect {
    /*position   : absolute;
    left       : 343px;
    width      : 448px;
    height     : 26px;
    background : url("/public/img/interface/bandeauConnect.png") no-repeat scroll 0 0 transparent;*/
    
    background : url("/public/img/interface/bandeauConnect.png") no-repeat scroll 0 0 transparent;
    width      : 448px;
    height     : 26px;
    position   : relative;
    margin-left: auto;
    margin-right: auto;
}
#bandeauConnectNom {
    position    : absolute;
    line-height : 23px;
    color       : #fff;
    left        : 65px;
}
#bandeauConnectMaj {
    position : absolute;
    line-height: 23px;
    color : #fff;
    left : 281px;
}
#bandeauConnectNom a {
    color : #898989;
}

#bandeauActus {
	margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    position: relative;
    text-align: center;
    width: 400px;  
    font-size: 12px;
    font-weight: bold; 
}
#bandeauActus a {
	text-decoration: none;
	font-size: 12px;
	/*color: #3f4141;*/
	background-color: #18637d;
    border-color: #18637d;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    padding: 7px 10px 5px;
}
#bandeauActus img {
    width: 20px;
 	position: relative;
    top: 4px;
    animation: bounce 0.35s ease 15 alternate;
}
#bandeauActus .notification {
	background-color: red;
    border-radius: 10px;
    padding: 2px 5px;
    position: absolute;
    top: -5px;
}

@keyframes bounce{
     from {transform: translateY(2px);}
     to   {transform: translateY(-10px);}
     
    /* from {transform: translateX(-10px);}
     to   {transform: translateX(0px);}*/
}

/********
 * MENU *
 ********/
#menu.menuNC #menuPrincipal {
    top:18px;
    z-index:4;
}
#menuPrincipal ,#menuConnect ul {
    position        : relative;
    float           : left;
    height          : 45px;
    list-style-type : none;
    padding-left    : 4px;
    z-index:5;
}
#menuPrincipal li, #menuConnect ul li {
	background:url("/public/img/interface/menuBG2.png") no-repeat scroll 100% 0 transparent;
	cursor:pointer;
	float:left;
	height:45px;
	line-height:41px;
	padding:2px 8px;
	/* padding:0 11px; */
	position:relative;
	z-index:5;
}
#menuPrincipal li.menuPrincipalDernier {
    background: none;
}
#menuPrincipal li a, #menuConnect ul li a {
color:#898989;
font-size:14px;
font-weight:normal;
text-decoration:none;
}

/* SOUS MENU */
.ssMenu {
	position   : absolute;
    left       : 23px;
    top        : 50px;
	width      : 945px;
	height     : 134px;
	background : transparent url('/public/img/interface/menu/sousMenu/bg.png') no-repeat scroll 0 0 ;
	z-index    : 30;
	padding : 4px 6px 6px 5px;
	display : none;
}
.ssMenu ul.n1{
    position : relative;
    width    : 945px;
    height   : 134px;
    list-style: none;
}
.ssMenu ul.n1 li.n1 {
    padding : 5px 0 0 14px;
    position : relative;
    float : left;
    width    : 213px;
    height   : 129px;
}
.ssMenu ul.n1 li.n1.separateur {
    background : transparent url('/public/img/interface/menu/sousMenu/separateur.png') no-repeat scroll 100% 50%;
}

.ssMenu ul.n1 li.n1 a {
	text-decoration: none;
}

.ssMenu ul.n1 li.n1 p, .ssMenu ul.n1 li.n1 a.lien1 {
	display : block;
    height : 42px;
    padding-left : 47px;
    cursor: pointer;
}
.ssMenu ul.n1 li.n1 p span, .ssMenu ul.n1 li.n1 a.lien1 span{
	display : block;
    height : 20px;
    width: 136px;
    border : 1px solid #e2e2e2;
    background-color: #b7b7b7;
    font: bold 12px Arial;
    color: #fff;
    padding-left: 7px;
    line-height: 20px;
    top:14px;
    position: absolute;
}
.ssMenu ul.n1 li.ssMenuDecouvrirLeadbox a.lien1 {
    background : transparent url('/public/img/interface/menu/sousMenu/decouvrezLeadbox.png') no-repeat scroll 0 0;
}

.ssMenu ul.n1 li.ssMenuLeadboxData a.lien1 {
    background : transparent url('/public/img/interface/menu/sousMenu/leadboxData.png') no-repeat scroll 0 0;
}

.ssMenu ul.n1 li.ssMenuLeadboxPush a.lien1 {
    background : transparent url('/public/img/interface/menu/sousMenu/leadboxPush.png') no-repeat scroll 0 0;
}

.ssMenu ul.n1 li.ssMenuDemo p {
    background : transparent url('/public/img/interface/menu/sousMenu/demo.png') no-repeat scroll 0 0;
}

.ssMenu ul.n1 li.ssMenuCentreAide a.lien1 {
    background : transparent url('/public/img/interface/menu/sousMenu/centreAide.png') no-repeat scroll 10px 3px;
}


.ssMenu ul.n1 li.n1 p, .ssMenu ul.n1 li.n1 a.lien1sansImage {
	display : block;
    height : 42px;
    padding-left : 5px;
    cursor: pointer;
}
.ssMenu ul.n1 li.n1 p span, .ssMenu ul.n1 li.n1 a.lien1sansImage span{
	display : block;
    height : 20px;
    /*width: 136px;*/
    border : 1px solid #e2e2e2;
    background-color: #b7b7b7;
    font: bold 12px Arial;
    color: #fff;
    padding-left: 7px;
    padding-right: 7px;
    line-height: 20px;
    top:14px;
    position: absolute;
}
.ssMenu ul.n1 li.n1 a.lien1sansImage.bleu span{
    border : 1px solid #18637d;
    background-color: #18637d;
}

.ssMenu ul.n2{
    list-style: none;
}
.ssMenu ul.n2 li.n2{
    background:url("/public/img/interface/puce/puce1_1.png") no-repeat scroll 0 6px transparent;
    padding : 0 0 0 12px;
    font: normal 12px/18px Arial;
    color : #898989;
    margin-left:10px; 
}
.ssMenu ul.n2 li.n2 a{
    font: normal 12px/18px Arial;
    color : #898989;
}

.ssMenu div.ssMenuDiv {
    position : relative;
    float : left;
    width: 100px;
}

.ssMenu div.ssMenuDiv2 {
    position : relative;
    float : left;
    width: 160px;
}

/* MENU PICTO*/

#ssMenuUpdateSel > a:before {
	content: "\2190";
	position: absolute;
    float: left;
    font-size: 20px;
    margin-left: -4px;
    padding-top: 5px;
    pointer-events: none;
    text-align: center;
    width: 28px;
}

.menuPicto {
  position    : absolute;
  top : 24px;
  left : 0px;
  border      : none;
  background  : none;
  padding     : 0;
  margin      : 0;
  width       : auto;
  overflow    : visible;                    
  text-align  : center; 
  white-space : nowrap; 
  height      : 35px;
  line-height : 22px;
  cursor      : pointer;
  background  : url(/public/img/interface/menuPicto2.png) no-repeat 50% 100%;
  z-index     : 3;
}

.menuPicto.couleurViolet {
  background  : url(/public/img/interface/menuPicto2.png) no-repeat 50% 100%;
}

.menuPicto2 {
  position    : absolute;
  top : 6px;
  left : 0px;
  border      : none;
  background  : none;
  padding     : 0;
  margin      : 0;
  width       : auto;
  overflow    : visible;                    
  text-align  : center; 
  white-space : nowrap; 
    height: 35px;
  line-height : 22px;
  cursor      : pointer;
  background   : url(/public/img/interface/menuPicto2.png) no-repeat 50% 100%;
    z-index     :3;
}

.menuPicto  span, 
.menuPicto  em {
  display     : block;
  height      : 27px;
  margin      : 0;
  font        : bold 12px Arial;
  color       : #003E88;
  line-height : 22px;
}
.menuPicto  span {
  padding-left : 7px;
  background   : url(/public/img/interface/menuPicto1.png) no-repeat 0 0;
}   
.menuPicto  em{
	padding-right : 2px;
  	background    : url(/public/img/interface/menuPicto1.png) no-repeat 100% 0;
}


.menuPicto.couleurViolet  span {
  background   : url(/public/img/interface/menuPicto1.png) no-repeat 0 0;
}   
.menuPicto.couleurViolet  em{
  	background    : url(/public/img/interface/menuPicto1.png) no-repeat 100% 0;
}



.menuPicto2  span, .menuPicto2  em {
  display     : block;
  height      : 27px;
  margin      : 0;
  font        : bold 12px Arial;
  color       : #003E88;
  line-height : 22px;
}
.menuPicto2  span {
  padding-left : 7px;
  background   : url(/public/img/interface/menuPicto1.png) no-repeat 0 0;
}   
.menuPicto2  em{
  padding-right : 2px;
  background    : url(/public/img/interface/menuPicto1.png) no-repeat 100% 0;
}

/*
#menuOffres {
	left: -196px;
    list-style-type: none;
    position: absolute;
    top: 41px;
    width: 500px;
    display : none;
}
#menuOffres li {
    position    : relative;
    float       : left;
    height      : 26px;
    text-align  : center;
    font        : bold 12px Arial;
    color       : #898989;
    line-height : 24px;
    cursor      : pointer;
    padding : 0;
    margin : 0;
}
#menuOffres li a {
    font        : bold 12px Arial;
    color       : #898989;
    text-decoration: none;
}

#menuOffres li.menu-courant a, #menuOffres li:HOVER a{
    color       : #fff;
}

#menuOffres li.menu-premier {
    width       : 122px;
    background: transparent url('/public/img/interface/sousMenu/menuG.png') no-repeat 0 0;
}

#menuOffres li.menu-premier.menu-courant, #menuOffres li.menu-premier:HOVER {
    background: transparent url('/public/img/interface/sousMenu/menuGOn.png') no-repeat 0 0;
}

#menuOffres li.menu-autre {
    width       : 121px;
    background: transparent url('/public/img/interface/sousMenu/menu.png') no-repeat 0 0;
}
#menuOffres li.menu-autre.menu-courant, #menuOffres li.menu-autre:HOVER {
    background: transparent url('/public/img/interface/sousMenu/menuOn.png') no-repeat 0 0;
}

#menuOffres li.menu-dernier {
    width       : 118px;
    background: transparent url('/public/img/interface/sousMenu/menuD.png') no-repeat 0 0;
}

#menuOffres li.menu-dernier.menu-courant, #menuOffres li.menu-dernier:HOVER {
    background: transparent url('/public/img/interface/sousMenu/menuDOn.png') no-repeat 0 0;
}
*/
/*************/

#bandeauConnection {
    width       : 485px;
    height      : 44px;
    position: absolute;
    left : 538px;
    top: 2px;
}

#bandeauConnection a {
    position  : absolute;
    top       : 28px;
    left      : 306px;
    color     : #fff;
    font-size : 9px;
}

#connection {
    position    : relative;
	width       : 440px;
	color       : #FFFFFF;
	font        : bold 14px Arial;
	height      : 35px;
    line-height : 44px;
    top         : 5px;
    display		: inline-block;
    left		: 92px;
}
#connection fieldset {
	border : none;
    width  :440px;
    position : relative;
    float : left;
}
#connection #PCLogin {
display:inline;
float:left;
line-height:19px;
position:relative;
width:205px;
}
#CLogin {
height:17px;
left:88px;
width:110px;
}
#CLogin, #CPassw {
color:#3F4141;
font:11px Arial;
margin:0;
padding:0;
position:absolute;
}
#connection #PCPassw {
display:inline;
float:left;
line-height:19px;
position:relative;
width:115px;
}
#CPassw {
height:17px;
left:0;
width:110px;
}
#connection .submit {
height:25px;
left:11px;
width:50px;
display:inline;
float:left;
line-height:19px;
position:relative;
}
button.btSubmit {
background:none repeat scroll 0 0 transparent;
border:medium none;
cursor:pointer;
height:36px;
line-height:30px;
margin:0;
padding:0;
}
button.btSubmit span.span1 {
background:url("/public/img/interface/bouton/bouton1Droite.png") no-repeat scroll right top transparent;
color:#444444;
display:block;
float:left;
font:12px arial,sans-serif;
height:35px;
padding-right:17px;
text-decoration:none;
}
button.btSubmit span.span2 {
background:url("/public/img/interface/bouton/bouton1Gauche.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
font-size:14px;
font-weight:bold;
line-height:14px;
padding:9px 0 12px 17px;
}


button.btSubmit4 {
    height      : 33px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
button.btSubmit4 span {
    background      : transparent url('/public/img/interface/bouton/bouton4D.png') no-repeat scroll top right;
    color           : #343434;
    display         : block;
    float           : left;
    height          : 33px;
    padding-right   : 15px;
    text-decoration : none;
}

button.btSubmit4 em {
    font        : bold 14px Arial;
    background  : transparent url('/public/img/interface/bouton/bouton4G.png') no-repeat;
    display     : block;
    line-height : 30px;
    padding     : 1px 0 2px 15px;
    color       : #343434;
}
 /*******/
 
/**********
 * ARIANE *
 **********/
 
#ariane ul {
    list-style: none;
    font : normal 10px/15px Arial;
    padding : 0 11px;
    height: 15px;
} 
#ariane ul li{
    position : relative;
    float    : left;
    color    : #77A600;
    padding : 0 0 0 10px;
}
#ariane ul li a{
    font : normal 10px/15px Arial;
    color    : #898989;
}

#ariane ul li.arianeliLien{
	padding : 0 10px;
	background: url("/public/img/interface/menuBG2.png") no-repeat scroll 100% -10px transparent;
}
#ariane ul li.arianeli1{
    padding : 0 10px 0 0;
    background: url("/public/img/interface/menuBG2.png") no-repeat scroll 100% -10px transparent;
}

#ariane ul li.arianeliSeul{
    padding : 0;
}
 
/**********/
 

 
 
/* CONTENU*/
#slider {
float:left;
margin-bottom:9px;
}
 #bienvenue{
margin-bottom: 18px;
}
 #bienvenue span {
color:#77A600;
font-size:20px;
left:424px;
position:absolute;
top:50px;
}
#tableauBord {
background:url("/public/img/interface/tableauBord.png") no-repeat scroll 0 0 transparent;
float:left;
height:304px;
left:2px;
margin-right:12px;
margin-left: 13px;
position:relative;
top:0;
width:695px;
}
#liens {
	margin-top : 30px;
float:right;
height:245px;
position:relative;
width:260px;
margin-right: 13px;
}
#ActuLien1 {
position:relative;
float:left;
margin-bottom : 5px;
}
#ActuLien2 {
position:relative;
float:left;
}

#nosOffres {
    position : relative;
    padding : 0px 13px;
}
#nosOffresResume {
    position : relative;
    left : -13px;
    margin-top : 16px;
}
#nosOffresTableau {
    float:left;
    position : relative;
    margin-top : 16px;
    margin-right : 13px;
    
    height:605px;
    width:559px;
    
}
#nosOffresTableauGrille {
    position : relative;
    background:url("/public/img/interface/nosOffresTableau.png") no-repeat scroll 0 0 transparent;
    height:605px;
    width:559px;
}
.nosOffresTableauDetail {
    position : absolute;
    float:left;
    background:url("/public/img/interface/nosOffresTableauDetail.png") no-repeat scroll 0 0 transparent;
    height:109px;
    width:557px;
}

#nosOffresTableauMail {
    top : 78px;
    left:1px;
}
#nosOffresTableauFax {
    top : 284px;
    left:1px;
}
#nosOffresTableauSMS {
left:1px;
top:495px;
}
.nosOffresTableauDetail table {
    border : none;
    border-spacing  : 0px;
    border-collapse : collapse; 
    text-align: center;
    font-weight: bold;
}
.nosOffresTableauDetail table .tr1 {
    height: 43px;
}
.nosOffresTableauDetail table .tr2 {
    height: 23px;
}
    
.nosOffresTableauDetail table td {
    border-right : 1px dotted #000;
}
.nosOffresTableauDetail table .td1 {
    text-align: left;
    width: 95px;
    padding-left : 8px;
}
.nosOffresTableauDetail table .td2 {
    width: 90px;
}
.nosOffresTableauDetail table .td3 {
    width: 89px;
}
.nosOffresTableauDetail .offreVolume {
    font-weight: normal;
    font-size: 12px;
}
.nosOffresTableauDetail .offrePrix {
    font-size: 14px;
    font-family: Arial black;
}
.nosOffresTableauDetail .offrePrix span{
    font             : bold 11px Arial;
}
.nosOffresTableauDetail .offrePrix sup{
    font             : bold 10px Arial;
}
/*
#nosOffresFormulaire {
    position : relative;
    float:left;
    background:url("/public/img/interface/nosOffresFormulaire.png") no-repeat scroll 0 0 transparent;
    height:482px;
    width:386px;
    margin-top : 16px;
    text-align: center;
    padding-top: 16px;
}

#nosOffresFormulaire h2 {
    margin-bottom : 16px;
}

#nosOffresFormulaireValider {
    position : relative;
    width    : 380px;
    height   : 65px;
    top      : 280px;
    left     : 3px;
    background:url("/public/img/interface/nosOffresFormulaireValider.png") no-repeat scroll 0 0 transparent;
}
#nosOffresFormulaireValider button {
    left:237px;
    position:absolute;
    top:13px;
    font-weight: bold;
}
#nosOffresFormulaireValider p {
    left:74px;
    position:absolute;
    top:-2px;
    width : 130px;
    font-weight: bold;
    text-align: left;
    color : #77A600;
    padding:7px 1px 0;
}

#nosOffresFormulairefooter {
	color : #898989;
    position : absolute;
    width    : 374px;
    height   : 65px;
    left     : 3px;
    text-align: left;
    top: 393px;
    font-size: 9px;
}
*/
#CommentCaMarche {
    position : relative;
    padding : 0px 13px;
}

#CommentCaMarche h2 {
    color : #898989;
    font-size: 17px;
}


/*********************
 * COMMENT CA MARCHE *
 *********************/

#CCM1 ul {
    list-style: none;
}

#CCM1 ul li {
    border-bottom: 1px dotted #000;
    padding-left: 45px;
}

#CCM1 #li1 {
    background:url("/public/img/interface/puce/puce1.png") no-repeat scroll 0 50% transparent;
    height: 111px;
}

#CCM1 #li2 {
    background:url("/public/img/interface/puce/puce2.png") no-repeat scroll 0 50% transparent;
    height: 121px;
}

#CCM1 #li3 {
    background:url("/public/img/interface/puce/puce3.png") no-repeat scroll 0 50% transparent;
    height: 121px;
}

#CCM1 #li4 {
    background:url("/public/img/interface/puce/puce4.png") no-repeat scroll 0 50% transparent;
    height: 121px;
}

#CCM1 #li5 {
    background:url("/public/img/interface/puce/puce5.png") no-repeat scroll 0 50% transparent;
    height: 121px;
}

#CCM1 #li6 {
    background:url("/public/img/interface/puce/puce6.png") no-repeat scroll 0 50% transparent;
    height: 121px;
}

#CCM1 .liTitre {
	position : relative;
	float : left;
    display : block;
    height  : 100%;
    width    : 214px;
    font-size: 16px;
    background:url("/public/img/interface/fleche1.png") no-repeat scroll 100% 50% transparent;
}

#CCM1 .liTitre span, #CCM1 .liTexte span{
    position : relative;
}
#CCM1 ul li img {
    position : relative;
    float : left;
}

#CCM1 .liTexte {
    position : relative;
    float : left;
    display : block;
    height  : 100%;
    font-size: 12px;
    padding-left: 22px;
}
#CCM1Img {
    position : relative;
    float : right;
    margin-top: 15px;
}
#CCM2 {
    padding-top : 17px;
}
#CCM2 h1 {
    font-size: 17px;
}
#CCM2 h2 {
    margin-top : 17px;
}

#CCM2 h3 {
    color       : #77A600;
    line-height: 35px;
    font-size : 15px;
    padding-left : 40px;
    background:url("/public/img/interface/puce/coche1.png") no-repeat scroll 0 0 transparent;
}
 #CCM2 h5 {
 font-size: 11px;
 }
#CCM2 h4, #CCM2 h5, #CCM2 h6 {
    margin : 10px;
    color : #343434;
}
#CCM2 h4{
    font : normal 11px Arial;
}
#CCM2 h5{
    margin-top : 15px;
    font : normal 11px Arial;
}
#CCM2 h6 {
    margin-top : 20px;
    font : normal 11px Arial;
    color : #999999;
}
#CCM2 h6 {
    color : #898989;
    margin-top : 5px;
    font-size: 11px;
}
#CCM2Scenarios {
    float: left;
    height: 601px;
    margin-top: 10px;
    position: relative;
    width: 484px;
}

#CCM2ScDiv1 {
	position : relative;
	float : left;
	width : 236px;
	height : 351px;
    background:url("/public/img/interface/CCM2_1_1.png") no-repeat scroll 0 0 transparent;
    margin-right : 10px;
    padding-top : 240px;
}

#CCM2ScDiv2 {
	position : relative;
	float : left;
    width : 236px;
    height : 351px;
    background:url("/public/img/interface/CCM2_2_2.png") no-repeat scroll 0 0 transparent;
    padding-top : 240px;
}
#CCM2Detail {
    background: url("/public/img/interface/fond3.png") no-repeat scroll 0 0 transparent;
    float: left;
    /*height: 431px;*/
    margin-top: 10px;
    padding-left: 10px;
    position: relative;
    width: 450px;
}
#CCM2Detail h6 {
 margin-left : 40px;
}
#CCM2Detail h4 {
    font : normal 11px Arial;
    margin : 0 0 0 40px;
}
#CCM2Detail h6 {
 font-size: 11px;
    margin-bottom : 0px;
}

#CCM2Detail .CCM2DetailFormated {
    line-height: 15px;
    padding-top : 5px;
    margin-top: 18px;
    margin-bottom : 5px;
}

#CCM2Detail .textD {
    display: block;
    text-align: right;
    width: 398px;
}

#CCM2Detail img.img1 {
    display: inline;
    margin-left: 40px;
    margin-top: 10px;
}
#CCM2Detail img.img2 {
    display: block;
    float: left;
    margin-left: 31px;
    position: relative;
}

#CCM2Detail .h4block {
    display: block;
    float: right;
    margin: 10px 0 0 15px;
    position: relative;
    width: 247px;
}

#CCM2aide {
    left: 768px;
    position: absolute;
    top: 157px;
}



#CCM3, #CCM1, #CCM4{
    padding-top : 17px;
}

#CCM3 ul {
    list-style: none;
}

#CCM3 .CCM3li {
    background:url("/public/img/interface/fond4.png") no-repeat scroll 0 100% transparent;
}

#CCM3li1 {
    height: 340px;
}

#CCM3li2 {
    height: 365px;
}

#CCM3li3 {
    height: 380px;
}
#CCM3li1Div2_1 {
    
    position : relative;
    float : left;
    width : 423px;
    height: 274px;
}
#CCM3 .CCM3li1Div1 {
    position : relative;
    float : left;
    width : 454px;
    height: 100%;
}
#CCM3 .CCM3li1Div2 {
    position : relative;
    float : right;
    width : 465px;
    height: 100%;
}


#CCM3 .CCM3liTitre {
	position : relative;
	float : left;
    height: 75px;
    width : 405px;
    margin-top : 20px;
    padding-left :80px;
}

#CCM3li1 .CCM3liTitre {
    background:url("/public/img/interface/CCM3_1.png") no-repeat scroll 0 100% transparent;
}

#CCM3li2 .CCM3liTitre {
    background:url("/public/img/interface/CCM3_2.png") no-repeat scroll 0 100% transparent;
}


#CCM3li3 .CCM3liTitre {
    background:url("/public/img/interface/CCM3_3.png") no-repeat scroll 0 100% transparent;
}

#CCM3 h3 {
    font-size: 14px;
}

#CCM3li1 h3 {
    margin-top : 7px;
}
#CCM3li2 h3 {
    margin-top : 7px;
}
#CCM3li3 h3 {
    margin-top : 12px;
}

#CCM3 .CCM3liPuce {
    position : relative;
    float    : left;
    margin-top : 26px;
    padding-left : 15px;
}

#CCM3liPuce1 {
    width : 407px;
    height : 177px;
    background:url("/public/img/interface/CCM3_4.png") no-repeat scroll 0 0 transparent;
}

#CCM3liPuce2 {
    width : 407px;
    height : 135px;
    background:url("/public/img/interface/CCM3_5.png") no-repeat scroll 0 0 transparent;
}

#CCM3liPuce3 {
    width : 447px;
    height : 214px;
    background:url("/public/img/interface/CCM3_6.png") no-repeat scroll 0 0 transparent;
}

#CCM3 .CCM3UlDiv {
    margin-top : 8px;
}

#CCM3 .CCM3UlDiv li {
    background:url("/public/img/interface/puce/puce1_1.png") no-repeat scroll 0 2px transparent;
    padding : 0 12px;
    line-height  : 12px;
}

#CommentCaMarcheTabs {
	margin-top : 17px;
    visibility : hidden;
}


/* FIN COMMENT CA MARCHE */


/**********
 * FOOTER *
 **********/
 #footer1 {
color:#003E88;
left:120px;
position:absolute;
top:38px;
}
#footer1 a {
font:bold 11px Arial;
}
#footer2 {
left:20px;
position:absolute;
top:100px;
}
#footer img {
left:800px;
position:absolute;
top:24px;
}
#piedDePage {
    position : relative;
    float    : left;
    top      : 32px;
    width    : 740px;
}

#piedDePage ul {
    position : relative;
    float    : left;
    list-style-type : none;
    margin-bottom : 5px;
    width    : 740px;
}
#piedDePage ul li {
    position    : relative;
    float       : left;
    padding     : 0 16px;
    cursor      : pointer;
    border-left : 2px solid #003E88;
}
#piedDePage ul li:FIRST-CHILD {
    border : none;
    padding-left : 0;
}
/* POUR IE6 */
.piedDePageUlLiFIRSTCHILD {
    border : none;
    padding-left : 0;
}
#piedDePage p {
    position : relative;
    float    : left;
    width    : 740px;
    display : block;
}
#piedDePage img {
    position : absolute;
    left     : 800px;
}
/**********/

/****************************
 *  BOUTONS DIMENSIONNABLES *
 ****************************/
button.btSubmit, button.bSubmit {
    height      : 25px;
    line-height : 20px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
button.btSubmit span.span1, button.bSubmit > span  {
    background      : transparent url('/public/img/interface/bouton/bouton1Droite.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 25px;
    padding-right   : 6px;
    text-decoration : none;
}

button.btSubmit span.span2, button.bSubmit > span > span  {
    background  : transparent url('/public/img/interface/bouton/bouton1Gauche.png') no-repeat;
    display     : block;
    line-height : 14px;
    padding     : 6px 0 12px 6px;
    color       : #fff;
}
/****************************/

/****************************
 *  BOUTONS DIMENSIONNABLES *
 ****************************/
button.btSubmitFrom, button.btSubmitFrom {
    height      : 34px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
button.btSubmitFrom span.span1, button.btSubmitFrom > span  {
    background      : transparent url('/public/img/interface/bouton/bouton3Droite.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 34px;
    padding-right   : 17px;
    text-decoration : none;
}

button.btSubmitFrom span.span2, button.btSubmitFrom > span > span  {
    background  : transparent url('/public/img/interface/bouton/bouton3Gauche.png') no-repeat;
    display     : block;
    line-height : 21px;
    padding     : 6px 0 12px 17px;
    color       : #fff;
}
/****************************/

/****************************
 *  BOUTONS DIMENSIONNABLES *
 ****************************/
button.btSubmitAnnul, button.btSubmitAnnul {
    height      : 34px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
button.btSubmitAnnul span.span1, button.btSubmitAnnul > span  {
    background      : transparent url('/public/img/interface/bouton/bouton4Droite.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 34px;
    padding-right   : 15px;
    text-decoration : none;
}

button.btSubmitAnnul span.span2, button.btSubmitAnnul > span > span  {
    background  : transparent url('/public/img/interface/bouton/bouton4Gauche.png') no-repeat;
    display     : block;
    line-height : 21px;
    padding     : 6px 0 12px 15px;
    color       : #fff;
}
/****************************/
 

/******************************
 *  BOUTONS DIMENSIONNABLES 2 *
 ******************************/
button.btSubmit2 {
    height      : 37px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
button.btSubmit2 span.span1  {
    background      : transparent url('/public/img/interface/bouton/bouton2Droite.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 37px;
    padding-right   : 17px;
    text-decoration : none;
}

button.btSubmit2 span.span2  {
    background  : transparent url('/public/img/interface/bouton/bouton2Gauche.png') no-repeat;
    display     : block;
    line-height : 27px;
    padding     : 3px 0 10px 17px;
    color       : #fff;
}
/****************************/
 

/********************************
 *  BOUTONS DIMENSIONNABLES CNB *
 ********************************/
button.btSubmitCNB {
    height      : 39px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
button.btSubmitCNB span.span1  {
    background      : transparent url('/public/img/interface/bouton/bouton1DroiteCNB.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 39px;
    padding-right   : 110px;
    text-decoration : none;
}

button.btSubmitCNB span.span2  {
    background  : transparent url('/public/img/interface/bouton/bouton1GaucheCNB.png') no-repeat;
    display     : block;
    line-height : 14px;
    padding     : 9px 0 14px 17px;
    color       : #fff;
    font-weight : bold; 
}
/********************************/ 


/* BOUTON BLEU */
button.btSubmitBleu {
    height      : 39px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
    position: relative;
    top:5px;
}
button.btSubmitBleu span.span1  {
    background      : transparent url('/public/img/interface/bouton/bouton1DroiteBleu.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 39px;
    padding-right   : 14px;
    text-decoration : none;
}
button.btSubmitBleu span.span2  {
    background  : transparent url('/public/img/interface/bouton/bouton1GaucheCNB.png') no-repeat;
    display     : block;
    line-height : 14px;
    padding     : 9px 0 14px 17px;
    color       : #fff;
    font-weight : normal; 
}



/* BOUTON ORANGE */
button.btSubmitOrange {
    height      : 38px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
    position: relative;
    top:2px;
}
button.btSubmitOrange span.span1  {
    background      : transparent url('/public/img/interface/bouton/btSubmit7D.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 38px;
    padding-right   : 27px;
    text-decoration : none;
}
button.btSubmitOrange span.span2  {
    background  : transparent url('/public/img/interface/bouton/btSubmit7G.png') no-repeat;
    display     : block;
    line-height : 14px;
    padding     : 9px 0 14px 23px;
    color       : #fff;
    font-weight : normal; 
}




/*********************************
 *  BOUTONS DIMENSIONNABLES LIEN *
 *********************************/
a.boutonLien {
    height      : 39px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
a.boutonLien span.span1  {
    background      : transparent url('/public/img/interface/bouton/bouton1Droite.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 39px;
    padding-right   : 17px;
    text-decoration : none;
}

a.boutonLien span.span2  {
    background  : transparent url('/public/img/interface/bouton/bouton1Gauche.png') no-repeat;
    display     : block;
    line-height : 14px;
    padding     : 9px 0 14px 17px;
    color       : #fff;
    font-weight : bold; 
    font-size   : 13px;
}
/*********************************/
 
 
/********************************
 *  BOUTONS DIMENSIONNABLES PDF *
 ********************************/
button.btSubmitPDF {
    height      : 39px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
button.btSubmitPDF span.span1  {
    background      : transparent url('/public/img/interface/bouton/bouton1DroitePDF.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 39px;
    padding-right   : 17px;
    text-decoration : none;
}

button.btSubmitPDF span.span2  {
    background  : transparent url('/public/img/interface/bouton/bouton1GauchePDF.png') no-repeat;
    display     : block;
    line-height : 14px;
    padding     : 9px 0 14px 40px;
    color       : #fff;
    font-weight : bold; 
}
/********************************
 *  BOUTONS DIMENSIONNABLES IMP *
 ********************************/
button.btSubmitIMP {
    height      : 39px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
button.btSubmitIMP span.span1  {
    background      : transparent url('/public/img/interface/bouton/bouton1DroiteIMP.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 39px;
    padding-right   : 17px;
    text-decoration : none;
}

button.btSubmitIMP span.span2  {
    background  : transparent url('/public/img/interface/bouton/bouton1GaucheIMP.png') no-repeat;
    display     : block;
    line-height : 14px;
    padding     : 9px 0 14px 40px;
    color       : #fff;
    font-weight : bold; 
}

/********************************
 *  BOUTONS DIMENSIONNABLES HOME j'y vais *
 ********************************/
button.btSubmitGO, button.btSubmitFrom {
    height      : 38px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
button.btSubmitGO span.span1, button.btSubmitFrom > span  {
    background      : transparent url('/public/img/interface/bouton/btSubmitGoD.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 38px;
    padding-right   : 44px;
    text-decoration : none;
}

button.btSubmitGO span.span2, button.btSubmitFrom > span > span  {
    background  : transparent url('/public/img/interface/bouton/btSubmitGoG.png') no-repeat;
    display     : block;
    line-height : 21px;
    padding     : 6px 0 12px 32px;
    color       : #fff;
}


/********************************
 *  BOUTONS DIMENSIONNABLES HOME je me lance gris *
 ********************************/
button.btSubmit10 {
    height      : 38px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
    position	: relative;
    top			: 10px;
    left		: 6px;  
    width: 150px;
}
button.btSubmit10 span.span1{
    background      : transparent url('/public/img/interface/bouton/btSubmit10_D.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 38px;
    padding-right   : 23px;
    text-decoration : none;
}

button.btSubmit10 span.span2{
    background  : transparent url('/public/img/interface/bouton/btSubmit10_G.png') no-repeat;
    display     : block;
    line-height : 21px;
    padding     : 9px 0 12px 29px;
    color       : #fff;
    font		: bold 14px Arial;
}

/********************************
 *  BOUTONS DIMENSIONNABLES HOME je decouvre *
 ********************************/
button.btSubmit8, button.btSubmitFrom {
    height      : 38px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
button.btSubmit8 span.span1, button.btSubmitFrom > span  {
    background      : transparent url('/public/img/interface/bouton/btSubmit8D.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 38px;
    padding-right   : 39px;
    text-decoration : none;
}

button.btSubmit8 span.span2, button.btSubmitFrom > span > span  {
    background  : transparent url('/public/img/interface/bouton/btSubmit8G.png') no-repeat;
    display     : block;
    line-height : 21px;
    padding     : 6px 0 12px 25px;
    color       : #fff;
}

/********************************
 *  BOUTONS DIMENSIONNABLES HOME en savoir + vert *
 ********************************/
button.btSubmit9, button.btSubmitFrom {
    height      : 38px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}
button.btSubmit9 span.span1, button.btSubmitFrom > span  {
    background      : transparent url('/public/img/interface/bouton/btSubmit9D.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 38px;
    padding-right   : 26px;
    text-decoration : none;
}

button.btSubmit9 span.span2, button.btSubmitFrom > span > span  {
    background  : transparent url('/public/img/interface/bouton/btSubmit9G.png') no-repeat;
    display     : block;
    line-height : 21px;
    padding     : 6px 0 12px 30px;
    color       : #fff;
}


/********************************
 *  BOUTONS DIMENSIONNABLES GO Etre rappel� (sidebar)
 ********************************/
button.contactSidebarbtn {
	background  : transparent url('/public/img/interface/btnContactSidebarValid.png') no-repeat scroll top right;
    width		: 136px;
    height      : 38px;
    border      : none;
    cursor      : pointer;
}


/************************************************************
 *  BOUTONS DIMENSIONNABLES CA M'INTERESSE (studio leadbox)
 ************************************************************/
button.caMInteresseBtn {
    height: 48px;
	line-height: 30px;
	border: none;
	background: transparent;
	cursor: pointer;
}
button.caMInteresseBtn span.span1 {
    background      : transparent url('/public/img/interface/bouton/bouton5Droite.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
	height: 48px;
	padding-right: 25px;
	text-decoration: none;
}
button.caMInteresseBtn span.span2 {
    background  : transparent url('/public/img/interface/bouton/bouton5Gauche.png') no-repeat;
    display     : block;
	line-height: 30px;
	padding: 6px 0 12px 55px;
	color: #fefefe;
	font-weight: bold;
	font-size: 24px;
	width: 185px;
}


/************************************************************
 *  BOUTONS DIMENSIONNABLES CONTACTEZ NOUS (studio leadbox)
 ************************************************************/
button.contactezNousBtn {
    height: 44px;
	line-height: 30px;
	border: none;
	background: transparent;
	cursor: pointer;
}
button.contactezNousBtn span.span1 {
    background      : transparent url('/public/img/interface/bouton/bouton13D.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
	height: 44px;
	padding-right: 11px;
	text-decoration: none;
}
button.contactezNousBtn span.span2 {
    background  : transparent url('/public/img/interface/bouton/bouton13G.png') no-repeat;
    display     : block;
	line-height: 30px;
	padding: 6px 0 12px 14px;
	color: #484747;
	font-weight: bold;
	font-size: 24px;
	width: 193px;
}

/*********************************************************************
 *  BOUTONS DIMENSIONNABLES FEUILLETEZ NOTRE E-BOOK (studio leadbox)
 *********************************************************************/
button.feuilletezBookBtn {
    height: 65px;
	line-height: 30px;
	border: none;
	background: transparent;
	cursor: pointer;
}
button.feuilletezBookBtn span.span1 {
    background      : transparent url('/public/img/interface/bouton/bouton14D.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
	height: 65px;
	padding-right: 0px;
	text-decoration: none;
}
button.feuilletezBookBtn span.span2 {
    background  : transparent url('/public/img/interface/bouton/bouton14G.png') no-repeat;
    display     : block;
	line-height: 30px;
	padding: 12px 0 12px 40px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 22px;
	width: 302px;
	height: 65px;
}


/*********************************************************************
 *  BOUTONS DIMENSIONNABLES RETOUR AU STUDIO (studio leadbox)
 *********************************************************************/
button.retourStudioBtn {
    height: 49px;
	line-height: 30px;
	border: none;
	background: transparent;
	cursor: pointer;
}
button.retourStudioBtn span.span1 {
    background      : transparent url('/public/img/interface/bouton/bouton15D.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
	height: 49px;
	padding-right: 0px;
	text-decoration: none;
}
button.retourStudioBtn span.span2 {
    background  : transparent url('/public/img/interface/bouton/bouton15G.png') no-repeat;
    display     : block;
	line-height: 30px;
	padding: 8px 0 12px 40px;
	color: #686868;
	font-weight: bold;
	font-size: 17px;
	width: 184px;
	height: 49px;
}

 
/***************
 * ENCARTS PUB *
 ***************/

.encartPubFrame{
    border : none;
}

.adl_leaderboard {
    width  : 728px;
    height : 90px;
}
.adl_medium_rectangle {
    width  : 300px;
    height : 250px;
}
.adl_wide_skyscraper {
    width  : 160px;
    height : 600px;
}
/***************/

/****************
 * FIL D'ARIANE *
 ****************/
.ariane {
    color : #003E88;
    font-weight: bold;
    margin : 0 0 10px 17px;
}
.ariane a {
    color : #3F4141;
}
 
 
/****************/
 
/************
 * PATIENCE *
 ************/
#patience{
    position    : absolute;
    z-index     : 10;
    background  : url('/public/img/interface/loading.gif') 50% 100px no-repeat #ffffff;
    margin-top  : -10px;
    width       : 100%;
    height      : 100%;
}
#patienceRecherche {
    position    : relative;
    top         : 0px;
    left        : 0px;
    background  : url('/public/img/interface/loading.gif') 50% 50% no-repeat #ffffff;
    width       : 100%;
    height      : 100%;
}
/************/


/**************
 * MON COMPTE *
 **************/
#monCompte {
    position   : relative;
    float      : left;
    top        : 0px;
    left       : 0px;
    width      : 982px;
    height     : 620px;
    background :url("/public/img/interface/monCompte.png") no-repeat ;
}
#monCompte1_BIS {
    position : relative;
    float    : left;
    top      : 0px;
    left     : 0px;
    width    : 257px;
    height   : 284px;
    padding  : 10px 15px;
    margin   : 0;
}
#monCompte1 {
    position : relative;
    float    : left;
    top      : 0px;
    left     : 0px;
    width    : 250px;
    height   : 284px;
    padding  : 10px 15px;
    margin   : 0;
}
#monCompte1_1 {
    position : relative;
    float    : left;
    top      : 0px;
    left     : 0px;
    font     : bold 17px Arial;
    color    : #fff;
}
#monCompte1_2 {
    position         : relative;
    float            : left;
    top              : 0px;
    left             : 0px;
    width            : 200px;
    height           : 29px;
    padding          : 5px 12px;
    margin-top       : 17px;
    background-color : #fff;
}
#monCompte1_2 span  {
    font-weight : bold;
}
#monCompte1_3 {
    position   : relative;
    float      : left;
    top        : 0px;
    left       : 0px;
    width      : 100%;
    height     : 116px;
    padding    : 0px;
    margin-top : 10px;
}
#monCompte1_3 span {
    position    : relative;
    float       : left;
    top         : 0px;
    left        : 0px;
    width       : 100%;
    height      : 27px;
    line-height : 27px;
    font        : bold 17px Arial;
    color       : #fff;
    background  : url('/public/img/interface/bgRapport.png') repeat-x 0% 100%;
}
#monCompte1_3 div {
    position : relative;
    float    : left;
    top      : 0px;
    left     : 0px;
    width    : 100%;
    height   : 79px;
    padding  : 10px 0px 0px 12px;
    color    : #fff;
    font-weight : bold;
}
#monCompte1_3 div a {
    color : #EBFF66;
}
#monCompte1_3 div ul {
    padding : 0;
    margin  : 0;
    list-style-image: url('/public/img/interface/puceBlanche.png')
}

#monCompte1_4 {
    position   : relative;
    float      : left;
    top        : 0px;
    left       : 0px;
    width      : 100%;
    height     : 116px;
    padding    : 0px;
    margin-top : 10px;
}
#monCompte1_4 span {
    position    : relative;
    float       : left;
    top         : 0px;
    left        : 0px;
    width       : 100%;
    height      : 27px;
    line-height : 27px;
    font        : bold 17px Arial;
    color       : #fff;
    background  : url('/public/img/interface/bgRapport.png') repeat-x 0% 100%;
}
#monCompte1_4 div {
    position    : relative;
    float       : left;
    top         : 0px;
    left        : 0px;
    width       : 100%;
    height      : 79px;
    color       : #fff;
    font-weight : bold;
    padding-top :10px;
}
#monCompte1_4 div  a {
    color : #EBFF66;
}
#monCompte1_4 div  > a {
    position 	: relative;
    float       : right;
    margin-top	:10px;
}
#monCompte1_4 div ul {
    position : relative;
    float    : left;
    width : 100%;
}
#monCompte1_4 div li {
    list-style-type: none;
	float : left;
    background: url('/public/img/interface/puceBlanche.png') no-repeat 0% 50%;
    padding : 0px 7px 0px 10px;
}
#monCompte1_5 {
    position   : relative;
    float      : left;
    top        : 0px;
    left       : 0px;
    width      : 100%;
    /*height     : 124px;*/
    padding    : 0px;
    margin-bottom : 20px;
    margin-top : 10px;
}
#monCompte1_5 span {
    position    : relative;
    float       : left;
    top         : 0px;
    left        : 0px;
    width      : 100%;
    height      : 27px;
    line-height : 27px;
    font        : bold 17px Arial;
    color       : #fff;
    background  : url('/public/img/interface/bgRapport.png') repeat-x 0% 100%;
}
#monCompte1_5 div {
    position : relative;
    float    : left;
    top      : 0px;
    left     : 0px;
    width      : 245px;
    /*height   : 93px;*/
    padding  : 10px 0px 0px 12px;
    color    : #fff;
    font-weight : bold;
}
#monCompte1_5 div a {
    color		:#EBFF66;
    float		:right;
    position	:relative;
    margin-top	:10px;
}
#monCompte1_5 div ul {
    padding : 0;
    margin  : 0;
    list-style-image: url('/public/img/interface/puceBlanche.png')
}
#monCompte1_5 div ul p{
    display : inline;
    padding : 0;
    margin  : 0;
    color : #EBFF66;
}
#monCompte1_6 {
    position   : relative;
    float      : left;
    top        : 0px;
    left       : 0px;
    width      : 100%;
    /*height     : 124px;*/
    padding    : 0px;
    margin-bottom : 20px;
}
#monCompte1_6 span {
    position    : relative;
    float       : left;
    top         : 0px;
    left        : 0px;
    width      : 100%;
    height      : 27px;
    line-height : 27px;
    font        : bold 17px Arial;
    color       : #fff;
    background  : url('/public/img/interface/bgRapport.png') repeat-x 0% 100%;
}
#monCompte1_6 div {
    position : relative;
    float    : left;
    top      : 0px;
    left     : 0px;
    width      : 100%;
    /*height   : 93px;*/
    padding  : 10px 0px 0px 18px;
    color    : #fff;
    font-weight : bold;
}
#monCompte1_6 div a {
    color : #9bddff;
}
#monCompte1_6 div ul {
    padding : 0;
    margin  : 0;
    list-style-image: url('/public/img/interface/puceBlanche.png')
}
#monCompte1_6 div ul p{
    display : inline;
    padding : 0;
    margin  : 0;
    color : #9bddff;
}

#monCompte2 {
    position : relative;
    float    : left;
    top      : 0px;
    left     : 0px;
    width    : 395px;
    height   : 243px;
    padding  : 46px 10px 15px 10px;
    margin   : 0;
}

#monCompte2_BIS {
    position : relative;
    float    : left;
    top      : 0px;
    left     : 0px;
    width    : 409px;
    /*height   : 620px;*/
    padding  : 46px 10px 15px 23px;
    margin   : 0;
}

#monCompte2_1 {
    position : relative;
    float    : left;
    /*height   : 120px;*/
    width    : 395px;
}
#monCompte2_1 #monCompte2_1_Span {
    position    : relative;
    float       : left;
    top         : 0px;
    left        : 0px;
    width       : 395px;
    height      : 27px;
    line-height : 27px;
    color       : #fff;
    background  : url('/public/img/interface/bgRapport.png') repeat-x 0% 100%;
}
#monCompte2_1 #monCompte2_1_Span #monCompte2_1_Titre {
    font        : bold 17px Arial;
    position : relative;
    float    : left;
    display : inline;
    padding : 0;
    margin  : 0;
}
#monCompte2_1 #monCompte2_1_Span #monCompte2_1_Compteur {
    position : relative;
    float    : right;
    display : inline;
    padding : 0;
    margin  : 0;
    font-style:italic;
}
#monCompte2_1 #monCompte2_1_table {
    position    	: relative;
    float       	: left;
    top         	: 0px;
    left        	: 0px;
    width    		: 395px;
    height      	: auto;
    padding-top 	: 10px;
    padding-bottom	: 12px;
}

#monCompte2_1_table ul{
    color : #fff;
    list-style-type: none;
}

#monCompte2_1_table ul li{
    margin-bottom : 5px;
}
#monCompte2_1_table ul a{
    color : #EBFF66;
}

#monCompte2_2 {
    position : relative;
    float    : left;
    /*height   : 120px;*/
    width    : 395px;
    margin-top : 10px;
}
#monCompte2_2 #monCompte2_2_Span {
    position    : relative;
    float       : left;
    top         : 0px;
    left        : 0px;
    width       : 395px;
    height      : 27px;
    line-height : 27px;
    color       : #fff;
    background  : url('/public/img/interface/bgRapport.png') repeat-x 0% 100%;
}
#monCompte2_2 #monCompte2_2_Span #monCompte2_2_Titre {
    font        : bold 17px Arial;
    position : relative;
    float    : left;
    display : inline;
    padding : 0;
    margin  : 0;
}
#monCompte2_2 #monCompte2_2_Span #monCompte2_2_Compteur {
    position : relative;
    float    : right;
    display : inline;
    padding : 0;
    margin  : 0;
    font-style:italic;
}
#monCompte2_2 #monCompte2_2_table {
    position    : relative;
    float       : left;
    top         : 0px;
    left        : 0px;
    width    : 395px;
    height      : auto;
    padding-top : 10px;
}

#monCompte2_2_table ul{
    color : #fff;
    list-style-type: none;
}

#monCompte2_2_table ul li{
    margin-bottom : 5px;
}
#monCompte2_2_table ul a{
    color : #EBFF66;
}

#monCompte2_3 {
    position : relative;
    float    : left;
    /*height   : 120px;*/
    width    : 395px;
    margin-top : 10px;
}
#monCompte2_3 #monCompte2_3_Span {
    position    : relative;
    float       : left;
    top         : 0px;
    left        : 0px;
    width       : 395px;
    height      : 27px;
    line-height : 27px;
    color       : #fff;
    background  : url('/public/img/interface/bgRapport.png') repeat-x 0% 100%;
}
#monCompte2_3 #monCompte2_3_Span #monCompte2_3_Titre {
    font        : bold 17px Arial;
    position : relative;
    float    : left;
    display : inline;
    padding : 0;
    margin  : 0;
}
#monCompte2_3 #monCompte2_3_Span #monCompte2_3_Compteur {
    position : relative;
    float    : right;
    display : inline;
    padding : 0;
    margin  : 0;
    font-style:italic;
}
#monCompte2_3 #monCompte2_3_table {
    position    : relative;
    float       : left;
    top         : 0px;
    left        : 0px;
    width    : 395px;
    height      : auto;
    padding-top : 10px;
}

#monCompte2_3_table ul{
    color : #fff;
    list-style-type: none;
}

#monCompte2_3_table ul li{
    margin-bottom : 5px;
}
#monCompte2_3_table ul a{
    color : #EBFF66;
}

#pagination {
    position    : relative;
    float       : right;
    margin      : 10px 0px 10px 0px;
    color       : #003E88;
    font-weight : bold;
}
#precedentOn, #suivantOn, .PageAAfficherOn {
    color : #fff;
    cursor : pointer;
}
#precedentOff, #suivantOff, .PageAAfficherOff, .UneSuite {
    color       : #999999;
}
#monCompte2_1 #aucunConsult {
    color : #fff;
    font-weight : bold;
}

#monCompte2_2 #aucunConsult {
    color : #fff;
    font-weight : bold;
}

#monCompte2_3 #aucunConsult {
    color : #fff;
    font-weight : bold;
}

#monCompte3 {
    position : relative;
    float    : left;
    top      : 0px;
    left     : 0px;
    width    : 289px;
    height   : 584px;
    padding  : 46px 10px 15px 10px;
    margin   : 0;
}

#monCompte3_BIS {
    position : relative;
    float    : left;
    top      : 0px;
    left     : 0px;
    width    : 220px;
    height   : 243px;
    padding  : 46px 10px 15px 23px;
    margin   : 0;
}
#monCompte3_1 {
    position : relative;
    float    : left;
    /*height   : 180px;*/
    width    : 220px;
}
#monCompte3_1 span {
    position    : relative;
    float       : left;
    top         : 0px;
    left        : 0px;
    width       : 100%;
    height      : 27px;
    line-height : 27px;
    font        : bold 17px Arial;
    color       : #fff;
    background  : url('/public/img/interface/bgRapport.png') repeat-x 0% 100%;
}
#monCompte3_1 div {
    position    	: relative;
    float       	: left;
    width       	: 220px;
    color       	: #fff;
    font-weight 	: bold;
    padding-top 	: 10px;
    padding-bottom	: 12px;
}
#monCompte3_1 div ul {
    position : relative;
    float    : left;
    width : 100%;
    /*margin : 5px 0px;*/
}
#monCompte3_1 div li {
    list-style-type: none;
    /*float : left;*/
    background: url('/public/img/interface/puceBlanche.png') no-repeat 0% 15%;
    padding : 0px 7px 0px 10px;
}
#monCompte3_1 div ul p {
	color:#EBFF66;
	/*display:inline;*/
	margin:0;
	padding:0;
}

#monCompte3_1 .monCompte2_1_COL1 {
    width  : 59px;
    border-right : solid 1px #dadada;
    color : #fff;
}
#monCompte3_1 .monCompte2_1_COL2 {
    width : 312px;
    padding-left : 4px;
}
#monCompte3_1 a {
    color : #9bddff;
}

#monCompte3_2 {
    position 	: relative;
    float    	: left;
    width    	: 220px;
    margin-top	: 10px;
}
#monCompte3_2 span {
    position    : relative;
    float       : left;
    width       : 100%;
    height      : 27px;
    line-height : 27px;
    font        : bold 17px Arial;
    color       : #fff;
    background  : url('/public/img/interface/bgRapport.png') repeat-x 0% 100%;
}
#monCompte3_2 div {
    position    	: relative;
    float       	: left;
    width       	: 220px;
    color       	: #fff;
    font-weight 	: bold;
    padding-top 	: 10px;
    padding-bottom	: 12px;
}
#monCompte3_2 div ul {
    position	: relative;
    float		: left;
    width		: 100%;
}
#monCompte3_2 div li {
    list-style-type	: none;
    background		: url('/public/img/interface/puceBlanche.png') no-repeat 0% 15%;
    padding 		: 0px 7px 0px 10px;
}
#monCompte3_2 div ul p {
	color	: #EBFF66;
	margin	: 0;
	padding	: 0;
}

#monCompte .btnAjout {
	float: left;
    height: 70px;
    top: 20px;
    left: -4px;
    position: relative;
    width: 220px;
}
#monCompte div.ajoutOption {
	position : absolute;
    width : 195px;
    height: 27px;
    padding-left : 45px;
    /*left : 748px;*/
    line-height: 20px;
}
#monCompte div.ajoutOption a{
	color : #fff;
}
#monCompte div.ajoutOption#ajoutData {
    background: url('/public/img/interface/ajoutData.png') no-repeat 0 0 transparent;
  	/*top : 390px;*/
}

#monCompte div.ajoutOption#ajoutPush {
    background: url('/public/img/interface/ajoutPush.png') no-repeat 0 0 transparent;
    /*top : 420px;*/
    top: 30px;
}

/********************
 * ENTETE SHADOWBOX *
 ********************/
#shadowboxHeader.reactivation {
    position : absolute;
    top      : 0px;
    left     : 0px;
    width    : 346px;
    height   : 140px;
}

#shadowboxHeader.ajout {
    position : absolute;
    top      : 0px;
    left     : 0px;
    width    : 346px;
    height   : 233px;
}

#shadowboxHeader.eportefeuille {
    position   : absolute;
    top        : 0px;
    left       : 0px;
    width      : 945px;
    height     : 430px;
    height     : auto ! important;
    min-height : 430px;
}

#shadowboxHeader.nousContacter {
    position : absolute;
    top      : 0px;
    left     : 0px;
    width    : 419px;
   /* height   : 531px;*/
}

#shadowboxHeader.motDePasse {
    position : absolute;
    top      : 0px;
    left     : 0px;
    width    : 600px;
}

#shadowboxHeader.monCompte {
    position : absolute;
    top      : 0px;
    left     : 0px;
    width    : 460px;
}

#shadowboxHeader.impression {
    position : absolute;
    top      : 0px;
    left     : 0px;
    width    : 500px;
}

#shadowboxHeader.mauvaisId {
    position   : absolute;
    top        : 0px;
    left       : 0px;
    width      : 300px;
    height     : 60px;
    background : #fff;
}

#shadowboxHeader.options {
    position   : absolute;
    top        : 0px;
    left       : 0px;
    width      : 488px;
    height     : 60px;
    background : #fff;
}

#shadowboxHeader.lcfa {
    position   : absolute;
    top        : 0px;
    left       : 0px;
    width      : 671px;
    height     : 60px;
    background : #fff;
}

#shadowboxHeader.lcfa  #LCFA {
position : relative;
top : 30px;
}

#shadowboxHeader.mauvaisId > .texte {
    line-height : 39px;
    text-align : center;
}

#shadowboxHeader #enteteSB {
    position : relative;
    float :left;
    top : 0px;
    left : 0px;
    width : 100%;
    height : 21px;
    background : url('/public/img/interface/shadowbox/bgHaut.png') repeat-x 0 0 transparent;
}

#shadowboxHeader #corpsSB.reactivation {
    position : relative;
    float :left;
    top : 0px;
    left : 0px;
    width : 346px;
    height : 119px;
}
#shadowboxHeader #corpsSB.ajout {
    position : relative;
    float :left;
    top : 0px;
    left : 0px;
    width : 346px;
    height : 212px;
}

#shadowboxHeader #enteteSB span {
    position : relative;
    float : left;
    top : 0px;
    left : 0px;
    line-height : 21px;
    font-weight : bold;
    padding-left : 11px;
}

#shadowboxHeader #enteteSB img {
    position : relative;
    float : right;
    top : 0px;
    left : 0px;
    padding-right : 11px;
    cursor : pointer;
}
/**/

/* MODIF COMPTE */

/*FORMULAIRE MODIF COMPTE*/
#monCompte1 {
    position :relative;
    float:left;
}
#modifCompte {
	width   : 430px;
    height  : 445px;
    border  : none;
    margin  : 15px;
    padding : 0;
}
#modifCompte  fieldset {
	border  : none;
	margin  : 0;
    padding : 0;
}
#modifCompte legend {
	color        : #003E88;
    padding-left : 0px;
	border       : none;
	font-weight  : bold;
}
#modifCompte fieldset p {
	position    : relative;
    padding     : 5px 10px 7px;
	margin      : 0;
    /*line-height : 28px;*/
}
#modifCompte fieldset p label {
	width          : 120px;
    display        : inline-block;
    line-height    : 20px;
    vertical-align : top;
    color          : #3F4141;
}
 #modifCompte input {
    border      : 1px solid black;
    font-family : inherit;
    font-size   : 100%;
    margin      : 0;
    padding     : 1px;
}

#modifCompte input.error {
    border : 1px dotted red;
}

#modifCompte label.error {
    display     : inline;
    margin-left : 10px;
    width       : auto;
    color       : red;
    font-style  : italic;
}

/*CONFIRMATION MODIF COMPTE*/
#confirmation {
    width      : 400px;
    height     : 150px;
    text-align : center;
}
#confirmation p{
    line-height : 50px;
}
#confirmation #message1{
    font-size   : 14px;
    font-weight : bold;
}


/* ANNONCE BODACC*/
#annonceBodacc {
    position : relative;
    float : left;
    width    : 374px;
    height   : 227px;
    margin   : 10px 15px;
    padding-left : 150px;
    background : url('/public/img/interface/BODACC.png') no-repeat 0 0 transparent;
    font-size : 12px;
}


/* FORMULAIRE */

/* formulaires*/
#fAjout fieldset {
    border  : medium none;
    margin  : 0;
    padding : 0;
}
#fAjout p.p {
    display:block;
    padding:7px 47px 0;
    height : auto;
    float:left;
}
#fAjout p.submit {
    margin-right : 8px;
    float:right;
    padding : 5px 11px 0px 11px;
}
#fAjout .titre {
font-size:14px;
font-weight:bold;
margin:10px 5px;
}
#fAjout label.for {
position : relative;
display:block;
font-size   : 11px;
font-weight : normal;
width       : 98px;
margin-right : 13px;
float:left;
}

#fAjout label.for2 {
position     : relative;
display      : block;
font-size    : 11px;
font-weight  : normal;
width        : 69px;
margin-right : 13px;
float        : left;
}


#fAjout label.error {
color:red;
display:block;
font-style:italic;
}

.NCForm label.error {
    margin-left:77px;
}

#fAjout input[type="radio"]  {
    margin : 0px;
}
#fAjout input[type="text"], #fAjout input[type="password"] {
position : relative;
float:left;
font-size:10px;
height:20px;
width:190px;
left : 0px;
border : 1px solid #CECECE;
margin-bottom:2px;
}
#fAjout textarea {
height:63px;
font : normal 10px Arial;
border : 1px solid #CECECE;
width : 190px;
}
#fAjout input:focus {
border:1px dotted black;
}
#fAjout input.error {
background:none repeat scroll 0 0 #fff;
border:1px dotted red;
}
#fAjout select.error {
background:none repeat scroll 0 0 #fff;
border:1px dotted red;
}
#fAjout.fConBandeau a {
color:#FFFFFF;
font-size:10px;
}
#fAjout.fConBandeau .pwdFgt {
margin:0 10px 0 5px;
padding-top:0;
}
#fAjout.fConBandeau .pwdFgt a {
font-size:9px;
font-weight:normal;
}
#fAjout.fConBandeau p {
float:left;
padding-top:2px;
}
#fAjout.fConBandeau .pSubmit {
float:left;
margin-top:0;
padding-left:15px;
padding-top:0;
}
#fAjout.fConBandeau label {
display:block;
font-size:12px;
font-weight:normal;
width:100px;
}
#fAjout.fConBandeau label.error {
color:red;
display:none;
font-style:italic;
margin-left:10px;
}
#fAjout.fConBandeau input[type="text"], #fAjout.fConBandeau input[type="password"] {
border:1px solid red;
font-size:10px;
height:15px;
width:100px;
}
span.enGras {
font-weight:bold;
}
.news {
padding:0 10px;
width : 960px;
}
.news .dateNews {
color:#3F4141;
display:inline;
}
.news .accrocheNews {
padding:10px 0;
}
.news div {
padding:0 12px;
}
h1.titre2 {
font:bold 22px Arial;
padding:0 10px;
margin:14px 0;
}

#NC1 {
background:url("/public/img/interface/tete1.png") no-repeat scroll 0 0 transparent;
color:#77A600;
float:left;
font-weight:bold;
height:51px;
line-height:13px;
margin-bottom:10px;
padding:6px 15px 0 60px;
position:relative;
width:344px;
}
#NC2 {
float:left;
line-height:13px;
margin-bottom:10px;
padding:0 59px 0 40px;
position:relative;
width:300px;
}
#NC3 {
clear:both;
float:left;
font-size:9px;
line-height:9px;
margin-bottom:10px;
padding:0 30px;
position:relative;
width:359px;
}
#NC4 {
clear:both;
float:left;
font-size:9px;
line-height:9px;

padding:0 10px;
position:relative;
width:362px;
}
#nosOffresFormulaireSDB {
	position : absolute;
    width: 382px;
}

#nosOffresFormulaireSDB #nosOffresFormulaire {
    background: url("/public/img/interface/nosOffresFormulaire2.png") no-repeat scroll 0 100%;
    height: auto;
    padding : 16px 0;
}
#nosOffresFormulaire #NC4 h2 {
    color: #77A600;
    font: bold 13px Arial;
    margin: 0;
}
#NC4 h2, #NC4 #fAjout{
    position : relative;
    float : left;
}
#NC4 #fAjout{
    width: 331px;
    padding : 0px 20px 10px 20px;
}
#NC4 #fAjout p.p {
    padding: 7px 10px 0;
    width : 305px;
}
#NC4 #fAjout p.p select#fonction {
    text-align: left;
    font: normal 11px Arial;
    width: 190px;
}
#NC4 #fAjout label.for2 {
    width: 100px;
}
#NC4 #nosOffresFormulairefooter {
    position : relative;
    float : left;
    top : 0;
    width: auto;
}
#NC4 #fAjout label.error {
	margin-left: 113px;
    text-align: left;
}
#MPD1 {
color:#77A600;
float:left;
font-weight:bold;
height:35px;
line-height:13px;
margin-bottom:10px;
padding:6px;
position:relative;
width:407px;

}
/* Partie pour plugin accordionOpt */

.accordionOpt {
    background    : #FFFFFF;
}

.accordionOpt > span{
    display            : block;
    height            : 24px;
    color            : #ff6600;
    font-size        : 12px;
    font-weight        : bold;
    margin            : 0;
    padding            : 0px;
    background        : url('/public/img/accordionOpt/bandeau.png') no-repeat 0 0;
    cursor            : pointer;
    width            : 100%;
}

/* pour ie6 */
.accordionOpt  .firstChild{
    display            : block;
    height            : 24px;
    color            : #003E88;
    font-size        : 12px;
    font-weight        : bold;
    margin            : 0;
    padding            : 3px 0px 0px 10px;
    background        : url('/public/img/accordionOpt/gt1.gif') no-repeat 0 0;
    cursor            : pointer;
    width            : 100%;
}

.accordionOpt >  span > span{

    display            : block;
    height            : 24px;
    margin            : 0;
    margin-left        : 10px;
    background        : url('/public/img/accordionOpt/bandeau.png') no-repeat 100% 0;
}


.accordionOpt  > span > span > span:first-letter {
    text-transform    : uppercase;
}


.accordionOpt > span > span > span:first-child{
    float        : left;
    margin-top    : 5px;
}

.accordionOpt > div{
    /*background        : url('/public/img/accordionOpt/bast1.gif') bottom repeat-x;*/
    padding-bottom    : 30px;
}

.accordionOpt .ouvert > div{
    display            : block;
}

.accordionOpt .ferme > div{
    display            : none;
}

.accordionOpt .bloque .ouvrir, .accordionOpt .bloque .fermer{
    display    : none;
}

.accordionOpt .ouvrir{
    background    : url('/public/img/accordionOpt/downt1.png') no-repeat center 8px;
    position    : absolute;
    top            : 0px;
    right        : 10px;
    width        : 30px;
    height        : 24px;
}

.accordionOpt .fermer{
    position    : absolute;
    top            : 0px;
    right        : 10px;
    background    : url('/public/img/accordionOpt/upt1.png') no-repeat center 8px;
    width        : 30px;
    height        : 24px;
}

/* Fin partie pour plugin accordionOpt */



/* formulaires*/
#fAjout fieldset {
    border  : medium none;
    margin  : 0;
    padding : 0;
}
#fAjout p {
    display:block;
    padding : 7px 11px 0px 11px;
    height : auto;
    float:left;
}
#fAjout p.submit {
    margin-right : 8px;
    float:right;
    padding : 5px 11px 0px 11px;
}
#fAjout .titre {
font-size:14px;
font-weight:bold;
margin:10px 5px;
}
#fAjout label.for {
position : relative;
display:block;
font-size   : 11px;
font-weight : normal;
width       : 98px;
margin-right : 13px;
float:left;
}

#fAjout label.for2 {
position     : relative;
display      : block;
font-size    : 11px;
font-weight  : normal;
width        : 69px;
margin-right : 13px;
float        : left;
}


#fAjout label.error {
color:red;
display:block;
font-style:italic;
}

.NCForm label.error {
    margin-left:77px;
}

#fAjout input[type="radio"]  {
    margin : 0px;
}
#fAjout input[type="text"], #fAjout input[type="password"] {
position : relative;
float:left;
font-size:10px;
height:20px;
width:190px;
left : 0px;
border : 1px solid #CECECE;
margin-bottom:2px;
}
#fAjout textarea {
height:63px;
font : normal 10px Arial;
border : 1px solid #CECECE;
width : 190px;
}
#fAjout input:focus {
border:1px dotted black;
}
#fAjout input.error {
background:none repeat scroll 0 0 #fff;
border:1px dotted red;
}
#fAjout select.error {
background:none repeat scroll 0 0 #fff;
border:1px dotted red;
}
#fAjout.fConBandeau a {
color:#FFFFFF;
font-size:10px;
}
#fAjout.fConBandeau .pwdFgt {
margin:0 10px 0 5px;
padding-top:0;
}
#fAjout.fConBandeau .pwdFgt a {
font-size:9px;
font-weight:normal;
}
#fAjout.fConBandeau p {
float:left;
padding-top:2px;
}
#fAjout.fConBandeau .pSubmit {
float:left;
margin-top:0;
padding-left:15px;
padding-top:0;
}
#fAjout.fConBandeau label {
display:block;
font-size:12px;
font-weight:normal;
width:100px;
}
#fAjout.fConBandeau label.error {
color:red;
display:none;
font-style:italic;
margin-left:10px;
}
#fAjout.fConBandeau input[type="text"], #fAjout.fConBandeau input[type="password"] {
border:1px solid red;
font-size:10px;
height:15px;
width:100px;
}

#AjoutFiche2.nousContacter {
    position : absolute;
    top      : 0px;
    left     : 0px;
    width    : 419px;
   /* height   : 531px;*/
}

/* FACEBOOK */
#facebookIframe iframe {
border:none;
overflow:hidden;
width:325px;
height:191px;
}

#CGV {
	margin : 0 11px;
}

#formCGV {
float:right;
margin-right:11px;
position:relative;
width : auto;
}

#formCGV p {
float:left;
position:relative;
line-height: 11px;
margin : 8px 10px 0 0;
}
#formCGV p input {
position:relative;
top:2px;
}
#formCGV button {
float:right;
position:relative;
}

/*non autorise*/

#nonAutorise {
    padding : 0 11px;
}

#nonAutorise h1 {
    margin: 12px 11px;
    font: 18px Arial;
}

#nonAutorise ul {
    margin: 12px 22px;
}

/* PUCE 1 ORANGE */

#puce1Orange, #puce1Orange{
    list-style: none;
}

#puce1Orange li, .puce1Orange li{
    background:url("/public/img/interface/puce/puce1_Orange.png") no-repeat scroll 0 50% transparent;
    padding : 0 0 0 12px;
    font: normal 12px/18px Arial;
    color : #898989;
}

a.dlPDF {
    background:url("/public/img/interface/pdf.png") no-repeat scroll 0 50% transparent;
    font: bold 12px/18px Arial;
    color : #343434;
    padding-left : 20px;
}


/* puces page qui somme nous */
#quiSommesNous ul {
    position : relative;
    list-style-type: none;

}

#quiSommesNous ul li {
    background: url("/public/img/offres/interface/puces/puce1_1.png") no-repeat scroll 0 3px transparent;
    padding : 0 0 0 15px;
    margin  : 0 0 0 25px;


}

/************* Panier non connect� ***************/
#panierMenu {
	position: relative;
	top: 27px;
	left: 5px;
}



.panierRef {
	text-decoration: none;
}

.panierRef span{
	position: relative;
	right: 17px;
	color: #ff8e08;
	bottom: 5px; 
	font-size: 14px;
}


/************* Panier connect� ***************/
#panierHeader {
	height :21px;
	width :183px;
	background: url("/public/img/offres/interface/fondPanierHeader.png") no-repeat transparent;
	position : relative;
	top : 10px;
	padding-right : 11px;
	float: right;
}

#panierHeader .titlePanier {
	text-decoration: underline;
	text-align: center;
	top: 3px; 
	left: 35px;
	position: relative;
	color: white;
	cursor: pointer;
}
#panierHeader .nbrProduit{
	text-align: center;
	top: 3px; 
	left: 63px;
	position: relative;
}

/*************** lien en forme de bouton *****************/

/********** home bouton 10 ***************/
a.btSubmit10 {
    height      : 38px;
    line-height : 30px;
    border      : none;
    background  : transparent;
    cursor      : pointer;
    position	: absolute;
    top			: 95px;
    left		: 45px;  
    width: 150px;
}
a.btSubmit10 span.span1{
    background      : transparent url('/public/img/interface/bouton/btSubmit10_D.png') no-repeat scroll top right;
    color           : #444;
    display         : block;
    float           : left;
    height          : 38px;
    padding-right   : 23px;
    text-decoration : none;
}

a.btSubmit10 span.span2{
    background  : transparent url('/public/img/interface/bouton/btSubmit10_G.png') no-repeat;
    display     : block;
    line-height : 21px;
    padding     : 9px 0 12px 29px;
    color       : #fff;
    font		: bold 14px Arial;
}

#bandeauConnection img {
	float: left;
	margin-top: 3px;
	display: none;
}

/*** BANDEAU CONTACT HEADER ***/

.bandeauContact {
    float: right;
    margin-top: 20px;
    position: relative;
    text-align: right;
    width: 510px;
}
.bandeauContact .col1 {
    float: left;
    width: 280px;
}
.bandeauContact .col2 {
    float: left;
    width: 208px;
    border-left: 1px solid #999999;
    margin-left: 20px;
    height: 80px;
}
.bandeauContact #bandeauContact_tel {
	float: left;
}
.bandeauContact .texte1 {
    font: 16px arial;
    font-weight: bold;
    color: #606263;
}
.bandeauContact .texte2 {
    font: 14px arial;
	color: #606263;
}
.bandeauContact .texte3 {
    font: 16px arial;
    font-weight: bold;
    color: #606263;
    margin-top: -2px;
	position: relative;
}
.bandeauContact .texte4 {
    font-size: 24px;
    font-family: 'Arial';
    font-weight: 800;
    color: #77a600;
}
.bandeauContact .texte5 {
    font: 10px arial;
    color: #999999;
    top: -4px;
	position: relative;
	right: 10px;
}

/*** BANDEAU CONTACT SIDEBAR ***/
#containerSidebar {
	/*width : 321px;*/
	/*height : 256px;*/
/*	position: absolute;*/
	top: 250px;
	width: 59px;
	right: 0px;
	position: fixed;
	z-index: 6;
}
.btnFaqSidebar {
	top: 113px;
	right: 0px;
	position: fixed;
	z-index: 6;
	background : url("/public/img/interface/btnFaqSidebar.png") no-repeat scroll 0 0 transparent;
	position: fixed;
	cursor: pointer;
	z-index: 6;
	width: 58px;
	height: 256px;
	text-decoration: none;
}
.bandeauContactSidebar {
	/*background : url("/public/img/interface/contactSidebar.png") no-repeat scroll 0 0 transparent;*/
	background : url("/public/img/interface/contactSidebar_haut.png") no-repeat scroll 0 0 #fefefe;
    position: relative;
    width: 275px;
    /*height: 256px;*/
	top: 0px;
    left: 52px;
	z-index: 5;
	display: none;
}
.bandeauContactSidebar_bas {
	background: url("/public/img/interface/contactSidebar_bas.png") no-repeat scroll 0 0 transparent;
	position: relative;
	width: 272px;
	height: 10px;
	left: -25px;
	z-index: 5;
	bottom: -2px;
}
.bandeauContactSidebar .texte1 {
	font: 15px arial;
	font-weight: bold;
	color: #0d396e;
	padding-top: 5px;
	padding-left: 5px;
	width: 260px;
	text-align: center;
}
.bandeauContactSidebar > form {
	padding-left: 30px;
	padding-top: 0px;
}
.bandeauContactSidebar .texte2 {
	font: 10px arial;
	color: #999999;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 8px;
	left: -166px;
}
.bandeauContactSidebar .texte3 {
	font: 8px arial;
	color: #999999;
	position: relative;
	margin-bottom: 0px;
	left: -20px;
}

.btnContactSidebar {
	background : url("/public/img/interface/btnContactSidebar.png") no-repeat scroll 0 0 transparent;
	position: absolute;
	cursor: pointer;
	z-index: 6;
	width: 59px;
	height: 283px;
	top: 0px;
	left: 0px;
}

/*** FORMULAIRE CONTACT SIDEBAR ***/
#fAjout_sidebar fieldset {
    border  : medium none;
    margin  : 0;
    padding : 0;
}
#fAjout_sidebar p {
    display:block;
    padding : 7px 11px 0px 11px;
    height : auto;
    float:left;
}
#fAjout_sidebar .client_sidebar {
	font-size: 10px;
	font-weight: bold;
}
#fAjout_sidebar p.p {
    display:block;
    padding:7px 47px 0;
    height : auto;
    float:left;
}
#fAjout_sidebar p.submit {
    margin-right : 8px;
    float:right;
    padding : 5px 11px 0px 11px;
}
#fAjout_sidebar p.contactSidebar_submit {
    position: relative;
	text-align: center;
	margin-top: 3px;
	left: 70px;
}
#fAjout_sidebar .titre {
	font-size:14px;
	font-weight:bold;
	margin:10px 5px;
}
#fAjout_sidebar label.for {
	position : relative;
	display:block;
	font-size   : 11px;
	font-weight : normal;
	width       : 98px;
	margin-right : 13px;
	float:left;
}
#fAjout_sidebar label.for2 {
	position     : relative;
	display      : block;
	font-size    : 11px;
	font-weight  : normal;
	width        : 69px;
	margin-right : 13px;
	float        : left;
}
#fAjout_sidebar label.error {
	color:red;
	display:block;
	font-style:italic;
}
#fAjout_sidebar input[type="radio"]  {
    margin : 0px;
}
#fAjout_sidebar input[type="text"], #fAjout_sidebar input[type="password"] {
	position : relative;
	float:left;
	font-size:10px;
	height:20px;
	width:190px;
	left : 0px;
	border : 1px solid #CECECE;
	margin-bottom:2px;
}
#fAjout_sidebar textarea {
	height:63px;
	font : normal 10px Arial;
	border : 1px solid #CECECE;
	width : 190px;
}
#fAjout_sidebar input:focus {
	border:1px dotted black;
}
#fAjout_sidebar input.error {
	background:none repeat scroll 0 0 #fff;
	border:1px dotted red;
}
#fAjout_sidebar select.error {
	background:none repeat scroll 0 0 #fff;
	border:1px dotted red;
}

#blocNewsletter input {
	width: 130px;
	margin-left: 2px;
	margin-top: 20px;
	height: 23px;
	float: left;
	margin-right: 3px;
	padding-left: 2px;
}
#blocNewsletter .btnNewsletter {
    margin-top: 10px;
    cursor      : pointer;
}