@CHARSET "UTF-8";



/*******************************************
 *           Balises générales
 ******************************************/
body {
	font-family:"bitstream vera sans","trebuchet ms",verdana, sans-serif;
	font-size: 11px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0;
	background: #2e578a url('../images/bg.jpg') repeat-x top;
	position: relative;
}
 
a, a:visited {
	color: #e58200;
	text-decoration: none;
}

a:hover {
	color: #5da9ff;
}
 
a img {
	border: none;
}

div#choixCollectivite {
	position: absolute;
	left: 40px;
	margin-top: 20px;	
}

form dd {
	margin-bottom: 5px;
}

h1 {
	background : transparent url('../images/puce2.gif') left top no-repeat;
	color: #abfb21;
	font : bold 16px tahoma, sans-serif;
	padding: 0px 0px 2px 30px;
	margin: 0 0 10px 0;
}
h2 {
	background : transparent url('../images/fleche.png') left top no-repeat;
	color: #ff4317;
	font : bold 13px tahoma, sans-serif;
	padding: 2px 5px 2px 10px;
	margin-bottom: 5px;
}
h3 {
	background : transparent url('../images/fleche.png') left no-repeat;
	color: #FFF;
	font : bold 12px tahoma, sans-serif;
	padding: 2px 5px 2px 10px;
	margin-bottom: 0px;
}
h3.h3collectivite {
	background : none;
	color: #FFF;
	font : bold 12px tahoma, sans-serif;
	padding: 2px 5px 2px 10px;
	margin-bottom: 0px;
	display: inline;
}
h4 {
	font-size: 125%;
	font-weight: normal;
}
h5 {
	text-transform: uppercase;
	font-weight: normal;
}
h6 {
	text-decoration: underline;
	font-weight: normal;
	font-size: 100%;
}

.nb {
	background: #BBE85A;
	padding:2px;
	margin:15px 3px 0 0;
}
.gauche {
	float:left;
}
.droite {
	float:right;
	overflow: hidden;
}
.moitie {
	width: 45%;
}
.gauchetroisquart {
	width: 70%;
	float:left;
}
.gauchetroisquartmarge {
	width: 69%;
	float:left;
	padding: 1%;
}
.droiteunquart {
	width: 25%;
	float:right;
	overflow: hidden;
}
.droiteunquartmarge {
	width: 24%;
	float:right;
	overflow: hidden;
	padding: 1%;
}
.droiteunquartcollectivite {
	width: 280px;
	float:right;
	overflow: hidden;
}
.centre {
	text-align: center;
}
.gras {
	font-weight: bold;
}
.sc {
	font-variant: small-caps;
}
.maj {
	text-transform: uppercase;
}
.grostexte {
	font-size: 115%;
}
.petittexte {
	font-size: 75%;
}
.clear {
	clear: both;
}
.retraitdroite {
	margin-right: 10px;
}
.retraitgauche {
	margin-left: 10px;
}
.retraithaut {
	margin-top: 10px !important;
}
.retraitbas {
	margin-bottom: 10px !important;
}
.retraitzero {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.marge {
	padding: 1%;
}
.blanc {
	background: transparent url(../images/blanc.png) repeat;
}
.blanc a {
	color: white;
}
.blanc a:hover {
	color: #e58200;
}
.orange {
	background: transparent url(../images/orange.png) repeat;
	line-height : 27px;
}

div.play a {
	float:right;
	width: 150px;
	height:185px;
	display:block;
	background: transparent url(../images/capture_taxe.gif) left 35px no-repeat;
	margin: 15px 10px 20px;
	font:bold 13px helvetica,sans-serif;
	text-align: center;
	color:#FFF;
}
div.play a:hover {
	color:#2e3e20;
}

.explications {
	width:45%;
	border-top:5px solid #BBE85A;
	margin-right : 15px;
	color : white;
}
.explicationsLong {
	border-top:5px solid #BBE85A;
	color : white;
}
fieldset {
	background: #97ABC5 url(../images/reflet.gif) bottom right no-repeat;
	border: 1px solid #ccc;
	margin: 0 0 30px 0;
	width:60%;
}

fieldset legend{
	background: white;
	border: 1px solid #CCC;
	color: #7ab;
	padding: 0 10px;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1px;
}
form#formContact input {
	width:50%;
}
form#formContact textarea {
	width:95%;
}

input#submit, input#submitMail, input#submitform, button, a.button {
        margin : 0 2px;
	outline-width: 1px;
	outline-style: outset;
	outline-color: #333;
	border:1px solid white;
	border-radius : 3px;
	background-color: #444;
	color: #ffffff;
	cursor: pointer;
	font-size: 11px;
	padding : 0 7px;
	font-family:"bitstream vera sans","trebuchet ms";
}
input:hover#submit, input:hover#submitMail, button:hover, a:hover.button {
	background-color: #DDD;
	color: #444;
	outline-color: #FF2200;
}



input.button2 {
        
        padding: 2px 5px; 
        margin-top: 10px; 
        margin-left: 0pt; 
        border: 1px solid rgb(153, 153, 153); 
        background: none repeat scroll 0pt 0pt rgb(204, 204, 204);
	color: #E58200;
	cursor: pointer;
	font-size: 11px;
	font-family:"bitstream vera sans","trebuchet ms";
}
input:hover.button2 {
	background-color: #DDD;
	color: #444;
	outline-color: #FF2200;
}


input.button3, a.button3 {
        
        padding: 2px 5px; 
        margin-top: 10px; 
        margin-left: 0pt; 
        border: 1px solid rgb(153, 153, 153); 
        border-radius: 5px;
        background: #EEE;
	color: black;
	cursor: pointer;
	font-size: 11px;
        font-weight: bold;
	font-family:"bitstream vera sans","trebuchet ms";
}
input:hover.button3 , a:hover.button3 {
	background-color: #777;
	color: #DDD;
	outline-color: #FF2200;
}



/********************************************************************************
 *************************** I N T E R F A C E **********************************
 ********************************************************************************/

#PAGE{
	margin:0;
}
#ENTETE_fr, #ENTETE_en {
	margin:0 0 20px 0;
	height:125px ;

}
#LOGO {
	float: left;
	margin: 8px 0 0 20px;
	width: 200px;
}
#LOADING {
	position: absolute;
	top: 80px;
	margin-left:-60px;
}
#connexion {
	float: right;
	width : 385px;
	height: 68px;
	margin: 8px 0px 0 0;
	padding : 7px 0 0 15px;
	background: transparent url('../images/fond_connexion.gif') top left no-repeat;
	position: relative;
}
#connexion .oubli {
    float: right;
    margin: 0px 100px 0 0;
}
#connexion .oubli a {
	color: white;
	font-size: 10px;
}
#connexion .oubli a:hover {
	color: #BBB;
}
#connexion form#subscribeForm {
	margin: 0; padding: 0;
}
#connexion dl.zend_form input#login, #connexion dl.zend_form input#password, #connexion dl.zend_form input#password {
	margin: 0; padding: 0; width: 135px;
}
#connexion dl.zend_form {
	margin: 0; padding: 0;
}
#connexion dl.zend_form dd {
	display: inline; margin: 0; padding: 0;
}
#connexion dl.zend_form dt {
	display: none; margin: 0; padding: 0; height: 0;
}

#connexion .deconnexion,#connexion .deconnexion a {
    margin:2px 5px 0 0;
}
#connexion dl.zend_form dd ul.errors {
	background:#406C0D;
	width:364px;
	margin: 0 !important;
	padding: 0 5px;
	list-style : none;
	position: absolute; top: 75px; left: 0;
}
#connexion a.lien {
	width:120px;
}


/********************************************************************************
 *************************** ZONE LANG  ***************************
 ********************************************************************************/

div#zone-lang{
   margin: -7px 30px 0 0; 
}
div#zone-lang ul{
    list-style : none;
    margin: 0;
    padding: 0;
}

div#zone-lang ul li{
    display: inline;
}

div#zone-lang ul li a{
    color:#777; padding:0px 2px;
    border: 1px solid #9ee13b;
}

div#zone-lang ul li a:hover, div#zone-lang ul li a.is {
    color:#333;
    background: #EEE; 
    border: 1px solid #AAA; border-bottom: 1px solid #AAA; 
}



div.infosUser {
    margin:7px 0 0 35px;
    width: 320px;
}

div#navigation {
    /*float: right;*/
    margin: 20px 0 0 140px;
}
div#navigation ul {
    list-style-image: url('../images/puce2.gif');
}


#config {
	position: absolute;
	top: 85px;
	width : 364px;
	padding: 0 5px;
	margin-left: 572px;
}
#config a {
	text-align:left;
	background: transparent url('../images/editer_conf.gif') left 3px no-repeat;
	padding : 3px 0 0px 25px;
	margin-top: 10px;
}
#config a:hover {
	background: transparent url('../images/editer_conf_roll.gif') left 3px no-repeat;
}

#INFOS{
	float: left;
	margin-left: 20px;
}

/******** MENU************/
#menuppal {
	clear: both;
	line-height: 28px;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
	position:relative;
	overflow: hidden;
}
#menuppal li a {
	color: #444;
	z-index: 10;
	display: block;
	position: relative;
	padding: 0 40px;
}
#menuppal li {
	float: left;
	list-style: none;
	cursor: pointer;
}
#menuppal li.backLava {
	background: #D4FF8F;	
	position: absolute;
}
#menuppal li.selectedLava {
	background: #D4FF8F;	
}
div.bloctextefin a , div.bloctextetresgrdfin a {
    color: #000;
    text-decoration: underline;
}
a.rss {
    color: #000;
    background: transparent url(../images/rss.gif) top left no-repeat;
    line-height: 21px;
    display: block;
    padding: 0 0 0 25px;
    margin: 0;
}
div.bloctextefin a:hover {
    color: #eb3300;
}


/******** FIl************/
#ARIANNE{
	clear: both;
	line-height: 9px;
}
ul#fil_ariane {
	padding: 0 5px;
	list-style-type:none;
}
ul#fil_ariane li {
	background: transparent url('../images/puce_chemin.gif') center left no-repeat;
	padding : 0 6px;
	display: inline;
}
ul#fil_ariane li a {
	font-size : 9px;
	color : #888;
}
ul#fil_ariane li a:hover {
	font-size : 9px;
	color : #8bc630;
}

/*****/
ul#menu {
	padding : 0;
	margin-bottom: 20px;
}
ul#menu li {
	background : url('../images/fond_tableau.gif') top repeat-x;
	display: inline;
	padding : 5px;
	margin-right : 5px;
	border : 1px solid silver;
}
ul#menu li a {
	color : #222;
}
ul#menu li a:hover {
	color : #5da9ff;
}
ul#menu img {
	margin: 0 0 -7px 2px;
}


.formulaire {
	border: 3px outset silver;
	background : #F9F7F1 url(../images/fond_encadre.gif) top repeat-x;
	padding : 5px;
	margin-bottom: 30px;
}
.formulaire label, label {
	font-variant : small-caps;
	font-size : 15px;
}
.formulaire h3 {
	text-align: left;
}
.fieldDescription, .requiredDescription {
	font-size : 10px;
	color: #666;
}

#CONTENEUR {
	margin: 0;
}

#FOOTER{
	clear: both;
	margin: 20px 0;
	border-top : 1px solid white;
	font-size: 10px;
	padding-top: 5px;
	color: white;
}
#FOOTER a {
	color: #BDE75E;
}
#FOOTER a:hover {
	color: #8bc630;
}
#NT {
	width: 23px;
	height: 15px;
	float: right;
	text-align: right;
	margin-right: 5px;
}
#NT a  {
	background: transparent url(../images/nt.gif) right 0px no-repeat;
	height: 15px;
	display: block;
}
#NT a:hover  {
	background: transparent url(../images/nton.gif) right 0px no-repeat;
}
#AIDE {
	width: 20px;
	height: 20px;
	float: right;
	text-align: right;
	margin-right: 30px;
	margin-top: -5px;
}
#AIDE a  {
	height: 20px;
	background: transparent url(../images/navigateur_aide.gif) right 0px no-repeat;
	display: block;
}
#AIDE a:hover  {
    background: transparent url(../images/navigateur_aide2.gif) right 0px no-repeat;
}


.errors{
	color: red;
	font-size: 10px;
}

dd#buttons-element input, dd#buttons-element button {
	margin-top: 30px;
	margin-right: 5px;
	float: right;
}


/*******************************************
              ACCROCHES
 ******************************************/
div.accroche_collectivite {
	width: 980px;
	padding: 0px 0 0 0;
	color: white;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 25px;
}
div.accroche_accueil {
	background: transparent url(../images/acc_taxedesejour.jpg) center 0px no-repeat;
	width: 980px;
	padding: 370px 0 0 0;
	color: white;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 25px;
}
div.accroche_accueil h1, div.accroche_accueil h2, div.accroche_accueil p, div.accroche_vuedensemble h1, div.accroche_vuedensemble h2, div.accroche_vuedensemble p,
div.accroche_fonctions h1, div.accroche_fonctions h2, div.accroche_fonctions p, div.accroche_galerie h1, div.accroche_galerie h2, div.accroche_galerie p, div.accroche_collectivite h1, div.accroche_collectivite h2, div.accroche_collectivite p {
	background: none;
	letter-spacing: normal;
	padding: 0;
	margin: 6px 0;
	text-decoration: none;
	margin-bottom: 0;
	font : normal 15px tahoma, sans-serif !important;
}
div.accroche_accueil h2, div.accroche_vuedensemble h2, div.accroche_fonctions h2, div.accroche_galerie h2, div.accroche_contact h2, div.accroche_collectivite h2 {
	color: #abfb21;
	margin: 10px 0;
	font-weight: bold !important;
	text-transform: uppercase;
}

div.accroche_accueil div.accroche_acc {
	width:610px;
}
div.accroche_accueil div.pdf {
	background: transparent url(../images/taxe_pdf.gif) 250px top no-repeat;
	width:195px;
	height: 101px;
	padding-right: 115px;
	padding-left: 50px;
	line-height: 15px;
}
div.accroche_accueil div.pdf a {
	color: white;
}
div.accroche_accueil div.pdf a:hover {
	color: #abfb21;
}


div.accroche_vuedensemble {
	background: transparent url(../images/acc_vuedensemble.jpg) center 0px no-repeat;
	width: 980px;
	padding: 280px 0 0 0;
	color: white;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 20px;
}

div.accroche_fonctions {
	background: transparent url(../images/acc_fonctions.jpg) center 0px no-repeat;
	width: 980px;
	padding: 260px 0 0 0;
	color: white;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 20px;
}

div.accroche_galerie {
	background: transparent url(../images/acc_galerie.jpg) center 0px no-repeat;
	width: 980px;
	padding: 6px 0 0 0;
	height : 260px;
	color: white;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 20px;
}

div.accroche_videos {
	background: transparent url(../images/acc_videos.jpg) right 0px no-repeat;
	width: 980px;
	padding: 6px 0 0 0;
	height : 340px;
	color: white;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 20px;
}

div.accroche_contact {
	background: transparent url(../images/acc_contact.jpg) center 0px no-repeat;
	width: 980px;
	padding: 260px 0 0 0;
	color: white;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 20px;
}

div.accroche_navigateur {
	background: transparent url(../images/acc_navigateur.jpg) right 0px no-repeat;
	width: 680px;
	padding: 6px 300px 0 0;
	height : 340px;
	color: #333;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 20px;
}

	

/*******************************************
          ACCUEIL
 ******************************************/
.bloctexte {
    float: left;
    width: 280px;
    background: transparent url(../images/bloc1.gif) top no-repeat;
    padding-top: 10px;
}
.bloctextefin {
    background: transparent url(../images/bloc2.gif) bottom no-repeat;
    margin: 0 0 20px 0;
    padding: 0 10px 20px 10px;
    line-height: 18px;
}
.bloctextefin ul, .bloctextegrdfin ul {
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: square;
}
.blocespace {
	margin-right: 70px;
}


/******** MENU************/

.blocmenucollectivite {
    width: 280px;
    background: transparent url(../images/blocmenu1.gif) top no-repeat;
    padding-top: 10px;
}
.blocmenucollectivitefin {
    background: transparent url(../images/blocmenu2.gif) bottom no-repeat;
    margin: 0 0 20px 0;
    padding: 0 10px 10px 10px;
    line-height: 18px;
}

.blocmenucollectivitefin h1 {
	background : none;
	color: #31558A;
	text-decoration: none;
	padding: 0px;
	margin: 0 0 10px 0;
	font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height : 1em;
	font-size: 1.65em;
	font-stretch: normal;
	letter-spacing: 1pt;
	text-transform: uppercase;
	word-spacing: 3pt;
	border-bottom : 1px solid #DDD;
}
div.blocmenucollectivitefin ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
div.blocmenucollectivitefin ul li a {
	background : transparent url('../images/fleche.gif') left center no-repeat;
	color: #2e578a;
	font : bold 13px tahoma, sans-serif;
	padding: 2px 5px 2px 19px;
	display: block;
}
div.blocmenucollectivitefin ul li a:hover {
	background : #EEE url('../images/fleche.gif') 3px center no-repeat;
	color: #ff6600;
}





a.lien {
    background: #f5f8fa url(../images/lien.gif) center repeat-x;
    width: 165px;
    display: block;
    text-align: center;
    color: #3e3e3e;
    margin: 20px 0 10px 0;
    font: bold 12px/20px tahoma, sans-serif;
}
a:hover.lien {
    background: #dce97b url(../images/lien2.gif) center repeat-x;
    color: #eb3300;
	cursor:pointer;
}
a.lienhover {
    background: #dce97b url(../images/lien2.gif) center repeat-x;
    color: #eb3300;
    width: 165px;
    display: block;
    text-align: center;
    margin: 20px 0 10px 0;
    font: bold 12px/20px tahoma, sans-serif;
}
a.lientaille {
	width:auto; 
	display:inline;
	padding:0px 5px;
}

div.visuel a img{
    border: 1px solid #EEE;
}
div.visuel a:hover img{
    border: 1px solid silver;
}

span.developper {
    padding: 0 5px;
    background-color: black;
    color: white;
    font-weight: bold;
    font-size: 10px;
    float: right;
}


/*******************************************
          VUE D'ENSEMMBLE
 ******************************************/
.bloctextegrd {
	float: left;
	width: 455px;
	background: transparent url(../images/bloc_grd1.gif) top no-repeat;
	padding-top: 10px;
}
.bloctextegrdfin {
	background: transparent url(../images/bloc_grd2.gif) bottom no-repeat;
	margin: 0 0 20px 0;
	padding: 0 10px 20px 10px;
	line-height: 18px;
}

/************Galerie*****************/
div.centre a.highslide img {
	margin: 11px;
}
a.highslide img {
	border:1px solid white;
}
div.bloctextefin a.highslide img {
	margin: 0;
}
a:hover.highslide img {
	border:1px solid #555;
}
div.highslide-caption {
	display:none;
	height:20px;
	padding: 15px 0 0 20px;
	background: black;
}
.highslide-container div {
	font-family: tahoma,Verdana, Helvetica;
	font-size: 15px;
	color:white;
}
.highslide-wrapper .highslide-html-content {
    width: 520px;
    height: 530px;
    padding: 5px;
    text-align: center;
}
div.highslide-html-content a {
	text-align:center;
}
div.highslide-number {
	display:none;
}
div.centre em, div.pdf em, div.bloctextefin em {
	background: url(../images/pointeur.png) bottom no-repeat;
	width: 180px;
	margin-left:-200px;
	margin-top:420px;
	position: absolute;
	text-align: center;
	z-index: 2;
	display: none;
	padding: 20px 10px 30px 10px;
	color: #FF3300;
	font-size: 13px;
	font-weight: bold;
	color : #000;
}
div.centre em.resp1 {
	margin-top:570px;
}
div.centre em.resp2 {
	margin-top:680px;
}
div.pdf em {
	margin-left:-250px;
	margin-top:460px;
}
div.pdf em.pwpt {
	margin-left:-140px;
	margin-top:500px;
}
div.bloctextefin em.video {
	margin-left:-390px;
	margin-top:770px;
}

div.bloctextefin em.chatillvideo {
	margin-left:-200px;
	margin-top:880px;
}
div.bloctextefin em.chatilldocs {
	margin-left:-220px;
	margin-top:800px;
}


/*******************************************
          INFORMATIONS
 ******************************************/
div.loi {
	border-top: 1px dashed gray;
	border-bottom: 1px dashed gray;
	background: transparent url(../images/livre.gif) 5px left no-repeat;
	width: 400px;
	margin : 20px 0 20px 100px;
}

div.loi p.soustitre {
	font-weight: bold;
	padding-left: 45px;
}

div.loi p {
	margin-top: 20px;
}

table.tableau {
	text-align: center;
	width: 50%;
}

table.tableau td {
	border: 1px solid gray;
}


/*******************************************
          CONTACT
 ******************************************/

form#formContact input {
    /*width: 80%;*/
}


/*******************************************
          VIDEOS
 ******************************************/
h1.video {
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	font : normal 16px tahoma, sans-serif;
	padding: 0px 0px 2px 40px;
}
h1.un {
	background : transparent url('../images/1.gif') left no-repeat;
	color:#333;
}
h1.deux {
	background : transparent url('../images/2.gif') left no-repeat;
}

div.player {
	text-align:center;
	width : 300px;
	height : 200px;
	border : 1px solid #CCC;
	line-height : 18px;
}
div.playerdemo {
	width : 260px;
	height : 160px;
}
div:hover.player {
	border : 1px solid #333;
	cursor : pointer;
}
.margevideo {
	margin-right : 40px;
}
div.player1 {
	background: #97ABC5 url(../images/player.jpg) bottom right no-repeat;
}
div.player2 {
	background: #97ABC5 url(../images/player1.jpg) bottom right no-repeat;
}

/* play button */
div.player img {
	margin-top:5px;
	margin-left : auto;
	margin-right : auto;
}

/* info area */
div.player div.info {
	height:40px;
	background : transparent url(../images/noir.png) ;
	color:#fff;
	margin-top:0px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
}
div:hover.player div.info {
	color:#ff9900;
}

/* duration data inside info area */
div.player div.info span {
	color:#abea41;
	display:block;
	font-weight:bold;
}



/*******************************************
          DEMOS
 ******************************************/
.bloctextetresgrd {
    float: left;
    width: 630px;
    background: transparent url(../images/bloc_tresgrd1.gif) top no-repeat;
    padding-top: 10px;
}
.bloctextetresgrdfin {
    background: transparent url(../images/bloc.png) bottom no-repeat;
    margin: 0 0 20px 0;
    padding: 0 10px 20px 10px;
    line-height: 18px;
}
.bloctexte_radius {
	background: #97abc5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	margin: 0 0 20px 0;
	padding: 0 10px 20px 10px;
	line-height: 18px;
}


a.pdf {
    background: transparent url(../images/pdf2.gif) left top no-repeat;
    padding: 0 0 0 25px;
    display: block;
    text-decoration: none !important;
    color: white
}
a.loi {
    background: transparent url(../images/loi.gif) left top no-repeat;
    padding: 0 0 0 25px;
    display: block;
    text-decoration: none !important;
    color: white;
}
a:hover.loi, a:hover.pdf {
	color:#ff3300;
}
div.droiteunquartcollectivite div.moitie a {
    text-decoration: none;
}

div.listfaq a {
	display: block;
    background: transparent url(../images/puce_chemin.gif) 2px 6px no-repeat;
	padding-left: 10px;
	margin-bottom: 2px;
}
div.listfaq a:hover {
    background-color: white;
}


div.gauchetroisquart div.haut {
	margin-top: -5px;
}
div.gauchetroisquart div.haut a.haut {
    background: transparent url(../images/haut.gif) no-repeat;
    display: block;
    width: 20px;
    height: 20px;
}
div.gauchetroisquart div.haut a:hover.haut {
    background-color: #acc2e0;
}

table {
	border: 1px solid #EEE;
}
table th {
	background: #999;
}
table td {
	border-bottom: 1px solid #EEE;
}
table td.bord {
	border-right: 1px solid #EEE;
}
.tailletarif {
	width: 37%;
}

.pli{
    display: none;
}

.depli{
    display: block;
}
div.pliage h1 {
    cursor: pointer;
}