html,body{
overflow:hidden;
}/* pour enlever la scrollbar de IE */

#fond {
width: 100%;
height: 100%;
z-index:10;
background-color:#FFFFFF;
}

#global {
position:absolute;
left: 50%; 
top: 50%;
width: 800px;
height: 460px;
margin-top: -230px; /* moitié de la hauteur */
margin-left: -400px; /* moitié de la largeur */
border-right: solid 1px #999999;
border-left: solid 1px #999999;
border-bottom: solid 1px #999999;
border-top: solid 1px #999999;
/*border-right: solid 1px #ad058b;
border-left: solid 1px #ad058b;
border-bottom: solid 1px #ad058b;
border-top: solid 1px #ad058b;*/
z-index:1;
background-color:#FFFFFF;
}

#logo {
position:absolute;
left: 10px;
top: 20px;
}

#reserver {
position:absolute;
left: -45px;
top: 250px;
width: 30px;
height: 150px;
}

#reserver-tarifs a {
font-size:14px;
color:#737478;
}

#prestation {
position:absolute;
left: -185px;
top: -20px;
width: 180px;
height: 150px;
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 11px;
text-align:left;
}
#prestationindex {
position:absolute;
left: -285px;
top: 0px;
width: 180px;
height: 150px;
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 11px;
text-align:left;
}
#prestationindex img { 
border:solid 1px #6a8115;
}
#ile {
position:absolute;
left: 820px;
top: -90px;
width: 180px;
height: 150px;
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 11px;
text-align:left;
}
#ile1 {
position:absolute;
left: 0px;
top: -190px;
width: 180px;
height: 250px;
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 11px;
text-align:left;
}
#reserverindex {
position:absolute;
left: -65px;
top: 200px;
width: 30px;
height: 150px;
}

#piqueniqueindex {
position:absolute;
left: 805px;
top: 0px;
width: 200px;
height: 350px;
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
font-weight:bold;
text-align:left;
}

#billespromo {
position:absolute;
left: -240px;
top: -90px;
width: 1000px;
height: 33px;
/*background-image: url("images/billespromo.gif");
background-repeat:no-repeat;*/
border:thin;
border:#999999;

}
#billespromo1 {
position:absolute;
left: 20px;
top: -70px;
width: 187px;
height: 67px;
background-image: url("images/promo-billes1.gif");
background-repeat:no-repeat;
border:thin;
border:#999999;
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
font-weight:bold;
}
#billespromo2 {
position:absolute;
left: 209px;
top: -70px;
width: 187px;
height: 67px;
background-image: url("images/promo-billes2.gif");
background-repeat:no-repeat;
border:thin;
border:#999999;
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
font-weight:bold;
}
#billespromoaccueil {
position:absolute;
left: 0px;
top: -120px;
width: 1100px;
height: 33px;
/*background-image: url("images/billespromo.gif");
background-repeat:no-repeat;
border:thin;
border:#999999;
color:#000000;*/
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 14px;
text-align:left;
border:0;
text-decoration:none;
}
#billespromoaccueil a{color:#000000;}

#billespromogros {
font-size:12px;
color: #e2a91c;
}
#penserreserver {
position:absolute;
left: 20px;
top: 25px;
width: 675px;
height: 33px;
/*background-image: url("images/billespromo.gif");
background-repeat:no-repeat;*/
border:thin;
border:#999999;
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
}
#penserreserveraccueil {
position:absolute;
left: -45px;
top: -16px;
width: 650px;
height: 33px;
/*background-image: url("images/billespromo.gif");
background-repeat:no-repeat;*/
border:thin;
border:#999999;
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
font-weight:bold;
}
#reservation {
position:absolute;
width:379px;
height:307px;
top:91px;
left:20px;
background-color:#000000;
text-align:left;
color:cccccc;
}
#reservationhaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/fond-tarifs-equipes.gif");
z-index:1;
}
#reservation h1{
color:#ffffff;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
}

#reservation p{
color:#ffffff;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
margin-left:15px;
}

#reservation li {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
/*list-style-image : url("images/puce.gif");*/
text-align:left;
font-weight:normal;
list-style-position:outside;
margin-top:10px;
list-style-type:none;
margin-left:20px;
padding-left:15px;
line-height:10px;
}

#reservation td {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
text-align:center;
font-weight:bold;
line-height:10px;
}

#reservation2 {
position: absolute;
width:374px;
height:307px;
top:91px;
left:401px;
background-color:#000000;
text-align:left;
color:cccccc;
}

#reservation2 h1{
color:#ffffff;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
}

#reservation2 li {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
/*list-style-image : url("images/puce.gif");*/
text-align:left;
font-weight:normal;
list-style-position:outside;
margin-top:10px;
list-style-type:none;
margin-left:20px;
padding-left:15px;
line-height:10px;
}
#resa2paintball {
top:91px;
left:401px;
margin-top: 200px;
position:absolute;
width: 374px;
height: 307px;
text-align: center;
padding-left: 0px;
margin-left: 0px;
}
#resa2paintball h1{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 48px;
text-align:center;
font-weight:bold;
color:#333333;
}
.resa-formulaire {
font-family: groovy, Bradley-Hand-ITC, verdana, arial, Helvetica, Geneva, sans-serif;
font-size: 16px;
text-align:center;
margin-left:0px;
font-weight:bold;
color:#ffffff;
}

body {
margin: 0; /* pour éviter les marges */
padding: 0;
text-align: center; /* pour corriger le bug de centrage IE */
z-index:1;
}

a:link
{
color:blue;
text-decoration:none;
}

a:visited
{
color:#ffffff;
text-decoration:none;
}

a:hover
{
/*color:#737478;*/
/*color:red;*/
text-decoration:underline;
}

a:active
{
color:blue;
text-decoration:underline;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
margin-top:0px;
margin-left:10px;
margin-bottom:0px;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
font-weight:bold;
color:#ffffff;
margin-top:0px;
margin-left:10px;
margin-bottom:0px;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
margin-top:0px;
margin-left:10px;
margin-bottom:10px;
}

ul{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
/*list-style-image : url("images/puce.gif");*/
text-align:justify;
font-weight:normal;
list-style-position:inside;
list-style-type:none;
line-height:10px;
margin-left:-10px;
}

li{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
/*list-style-image : url("images/puce.gif");*/
text-align:left;
font-weight:normal;
list-style-position:outside;
list-style-type:none;
margin-top:15px;
margin-left:20px;
/*padding-left:15px;*/
line-height:10px;
}

p {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
font-weight:normal;
line-height:11px;
margin-right:10px;
}

#haut {
position: absolute;
width:755px;
height:70px;
top:20px;
left:20px;
background-image: url("images/fond-haut.gif");
z-index:1;
}

#haut h1{
color:#FFFFFF;
}

#hautbox1 {
position: absolute;
width:755px;
height:70px;
top:20px;
left:20px;
/*background-image: url("images/fond-boutique.gif") ; fond vert boutique */
background-image: url("images/entreprise-haut.gif") ;
visibility: hidden;
}

#hautbox2 {
position: absolute;
width:755px;
height:70px;
top:20px;
left:20px;
background-image: url("images/fond-diaporama.gif") ;
visibility: hidden;
}

#hautbox3 {
position: absolute;
width:755px;
height:70px;
top:20px;
left:20px;
background-image: url("images/fond-acces2.gif") ;
visibility: hidden;
}

#hautbox4 {
position: absolute;
width:755px;
height:70px;
top:20px;
left:20px;
background-image: url("images/fond-tarifs.gif") ;
visibility: hidden;
}

h2#black {
color:#FFFFFF;
}

#textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
margin-top:25px;
margin-bottom:10px;
}

#textbox hr{
border-bottom: 1px dashed #FFFFFF;
}

#textbox a{
color:#737478;
}

#textbox a:hover{
color:#737478;
}

#textbox a:active{
color:#737478;
}

#textboxblack {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-weight:bold;
color:#ffffff;
margin-top:25px;
margin-bottom:10px;
}

#textboxblack hr{
border-bottom: 1px dashed #FFFFFF
}

#box1 {
position: absolute;
width:187px;
height:306px;
top:92px;
left:20px;
background-image: url("images/boutique.jpg");
background-position: bottom;
background-repeat: no-repeat;
}

#box2 {
position: absolute;
width:187px;
height:306;
top:92px;
left:209px;
background-image: url("images/diaporama.jpg") ;
background-position: bottom;
background-repeat: no-repeat;
}

#box3 {
position: absolute;
width:187px;
height:306px;
top:92px;
left:398px;
background-image: url("images/acces.gif") ;
background-position: bottom;
background-repeat: no-repeat;
}

#box3 a{
color:#FFFFFF;
}
#box3 a:hover{
color:#FFFFFF;
}

#box4 {
position: absolute;
width:188px;
height:306px;
top:92px;
left:587px;
background-image: url("images/tarifs.jpg");
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
background-position: bottom;
background-repeat: no-repeat;
}

#box4 a{
color:#FFFFFF;
}

#box4 a:hover{
color:#FFFFFF;
}

#bas1accueil {
position: absolute; /* on positionne le conteneur */
top:399px;
width:755px;
height:30px;
left:20px;
background-image: url("images/bas-fond.jpg");
background-repeat: no-repeat;
background-position: right;
}

#bas1textaccueil {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#000000;
margin-top:2px;
}

#bas1textaccueil a{
font-family: Verdana, Arial, Helvetica, sans-serif;
/*color:#AD058B;*/
color:#737478;
}

#bas1 {
position: absolute; /* on positionne le conteneur */
top:399px;
width:755px;
height:30px;
left:20px;
background-image: url("images/bas-fond.jpg");
background-repeat: no-repeat;
background-position: right;
}

#bas1text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#000000;
margin-top:2px;
}
#bas1text a{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#737478;
}

#bas2 {
position: absolute; /* on positionne le conteneur */
top:430px;
left:20px;
width:755px;
height:20px;
text-align:left;
}

#accroche {
position:absolute;
top:430px;
right:25px;
width:400px;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#c0c1c5;
}

#accroche2 {
position:absolute;
top:430px;
right:25px;
width:550px;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#005566;
}

#accroche3 {
/*position:absolute;
top:430px;
right:25px;*/
width:500px;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
margin-bottom:0;
padding-bottom:0;
}

#references {
position:absolute;
bottom:-25px;
right:25px;
width:350px;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
/*color:#ad058b;*/
color:#000000;
}

#references a{
color:#ad058b;
}
#references-tarifs {
position:absolute;
bottom:-50px;
right:25px;
width:350px;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
/*color:#ad058b;*/
color:#000000;
}
#credits {
position:absolute;
bottom:-15px;
left:25px;
width:250px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
/*color:#ad058b;*/
color:#cccccc;
}

#credits a{
color:#cccccc;
}
#credits a:hover{
color:#AE0489;
}
#entrevousaccueil {
position:absolute;
bottom:-90px;
right:50px;
width:700px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
}

#entrevousaccueil a {
color:#000000;
}
#billes100 {
position:absolute;
bottom:-65px;
left:25px;
width:250px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
/*color:#ad058b;*/
color:#333333;;
}
#menuhaut {
color:#FFFFFF;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:-10px;
}

#menuhaut a:link{
color:#FFFFFF;
}

#menuhaut a:visited
{
color:#FFFFFF;
text-decoration:none;
}

#menuhaut a:hover
{
color:#FFFFFF;
text-decoration:underline;
}

#menuhaut a:active
{
color:#FFFFFF;
text-decoration:underline;
}

#tarifsanim {
position: absolute;
width:755px;
height:69px;
top:23px;
left:0px;
}

#tarifshaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/fond-tarifs-gris.gif");
z-index:1;
}

#tarifshaut h2{
color:#FFFFFF;
}

#tarifsentete1 {position: absolute; width:180px; height:69px; top:25px; left:10px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:left;}
#tarifsentete2 {position: absolute; width:250px; height:69px; top:25px; left:160px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
#tarifsentete3 {position: absolute; width:250px; height:69px; top:25px; left:500px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; font-weight:normal; text-align:right;}
#tarifsentete3 a {color:#FFFFFF; }
.tarifeurohaut {font-size:22px; color:#ffffff; text-align:center; font-weight:bold; padding-bottom:35px; padding-top:25px; padding-right:1px;}
.tarifeurobas {font-size:22px; color:#ffffff; text-align:center; font-weight:bold; padding-bottom:10px; padding-top:28px; padding-right:1px;}
.tariftexthaut {font-size:12px; color:#ffffff; text-align:left;font-weight:bold;}
.tariftextbas {font-size:12px; color:#ffffff; text-align:left;padding-left:35px; font-weight:bold;}
.tariftexttitre {font-size:14px; color:#FFFFFF; text-align:center; font-weight:bold;}

/*images lanceurs*/
#tarifsbox1 {
position:absolute;
width:191px;
height:307px;
top:91px;
left:20px;
background-color:#C0C1C5;
background-image: url("images/tarifs-fonds-100906.jpg"); /*a partir 100906 differents lanceurs */
/*background-image: url("images/tarifs-fonds-100422.gif"); a partir 100422 differents lanceurs */
/*background-image: url("images/tarifs-sans-bille-100416.gif"); a partir 100416 differents lanceurs sans bille*/
/*background-image: url("images/tarifs-fonds-lanceurs-100412.gif"); a partir 100412 differents lanceurs*/
/*background-image: url("images/paintball-promo-hiver.gif"); jusqu'au 100407*/
/*background-image: url("images/tarifs-inferno-tippman-25-090719.gif");*/
/*background-image: url("images/tarifs-inferno-tippman-25-090916.gif");*/
/*background-image: url("images/tarifs-fonds-inferno-091105.gif"); inferno 20 jusqu'au 100412 */
/*background-image: url("images/tarifs-inferno-tippman-25-090727.gif");*/

/*background-image: url("images/tarifs-inferno-tippman-25.gif");*/
/*background-image: url("images/paintball-lanceur-inferno-25eu.jpg");*/
/*background-image: url("images/tarifs-box3.gif");*/
/*background-image: url("images/paintball-ion-tippmann-1.gif");*/
background-repeat: no-repeat;
background-position:top;
color:#FFFFFF;
}
#span500billes
{
font-size:18px;
color:#ffFF00;

}

#tarifsbox3 {
position: absolute;
width:140px;
height:307px;
top:91px;
left:353px;
background-color:#C0C1C5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
background-image: url("images/degrade-large-140.jpg");/*degrade avec horloge 5 colonnes*/
/*background-image: url("images/degrade-large.jpg");degrade avec horloge 4 colonnes*/
/*background-image: url("images/fonds-tarifs-vierge-100412.jpg");*/
/*background-image: url("images/tarifs-fonds-vierge.gif");
background-image: url("images/tarifs-degrade-gris.jpg");
background-image: url("images/degrade-gris-tarifs.jpg");
background-image: url("images/tarif-paintball-31.jpg");
background-image: url("images/tarifs-box3.gif");

background-image: url("images/tarifs-vibe-tippman-30.gif");*/
background-repeat: repeat-x;
background-position:top;
}

#tarifsbox3 li{
line-height:12px;
}
#tarifsbox3 ul{
text-align:left;
line-height:5px;
margin-left:5px;
}
#tarifsbox3 p{
text-align:;
line-height:5px;
margin-top:0px;
}

#tarifsbox3 fieldset {
border: 1px solid #ffffff;
margin: 0.5em 0em 0.5em 0em;
padding: 0.5em 0em 0.5em 0em;
font-size:10px;
color:#ffffff;
font-family:verdana;
font-weight:normal;
line-height: 1.3em;
background:#aaaaaa;
width: ;
}

#grisfonce fieldset {
border: 1px solid #ffffff;
margin: 0em 0em 0.5em 0em;
padding: 0.5em 0.5em 1em 1em;
font-size:10px;
color:#ffffff;
font-family:verdana;
font-weight:bold;
line-height: 1.3em;
background:#808082;
width: ;
}

.noir {color:#000000;}
.vert {color: #00fF00;}
.bleu {color: #00f0ff;}
.rouge {color: #ff0000;}
hr {border:solid 1px #FFFFFF;}

#tarifsbox3 legend {
background: #000000;
padding: 0.5em;
font-size:12px;
color:#ff6666;
font-family:verdana;
font-weight:bolder
}

#tarifsbox2 {
position: absolute;
width:140px;
height:307px;
top:91px;
left:212px;
background-color:#C0C1C5;
/*background-image: url("images/degrade-large-140.jpg");degrade avec horloge 5 colonnes*/
/*background-image: url("images/degrade-large.jpg");degrade avec horloge 4 colonnes*/
background-image: url("images/fonds-tarifs-vierge-100412.jpg");/**/
/*background-image: url("images/tarif-paintball-31.jpg");*/
/*background-image: url("images/paintball-ion-tippmann-box2.gif");*/
/*background-image: url("images/paintball-ion-tippmann.gif");
background-image: url("images/tarifs-we-vibe-ion-30.gif");
background-image: url("images/tarifs-fonds-perf-090916.gif");
background-image: url("images/tarifs-fonds-perf-091105.gif");
background-image: url("images/tarifs-fonds-vierge.gif");*/
/*background-image: url("images/tarifs-fonds-perf-090727.gif");
background-image: url("images/tarifs-vibe-tippman-ion-30.gif");*/
/*background-image: url("images/paintball-lanceur-inferno-25eu.jpg");*/
background-repeat: repeat-x;
background-position:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
}

#tarifsbox2 li{
margin-top:6px;
text-align:left;
}
#tarifsbox2 p{
text-align:left;
line-height:5px;
margin-top:12px;
}

#tarifsbox4 {
position: absolute;
width:140px;
height:307px;
top:91px;
left:494px;
background-color:#C0C1C5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
/*image de fond billes
background-image: url("images/paintball-canon-sniper.jpg");
background-image: url("images/degrade-gris-tarifs-4.jpg");
background-image: url("images/tarifs-fonds-vierge.gif");*/
background-image: url("images/degrade-large-140.jpg");/*degrade avec horloge 5 colonnes*/
/*background-image: url("images/degrade-large.jpg");degrade avec horloge 4 colonnes*/
/*background-image: url("images/fonds-tarifs-vierge-100412.jpg");*/
background-repeat: repeat-x;
background-position:top;
}

#tarifsbox4 li{
margin-top:6px;
}

#tarifsbox5 {
position: absolute;
width:140px;
height:307px;
top:91px;
left:635px;
background-color:#C0C1C5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
/*image de fond billes
background-image: url("images/paintball-canon-sniper.jpg");
background-image: url("images/degrade-gris-tarifs-4.jpg");
background-image: url("images/tarifs-fonds-vierge.gif");*/
background-image: url("images/degrade-large-140.jpg");/*degrade avec horloge 5 colonnes*/
/*background-image: url("images/degrade-large.jpg");degrade avec horloge 4 colonnes*/
background-repeat: repeat-x;
background-position:top;
}

#tarifsbox5 li{
margin-top:6px;
}

#tarifsbox5promo {
z-index:0;
position:absolute;
height:50px;
width:195px;
left:111px;
top:322px;
/*width:300px;
top:330px;
left:70px;*/
background-color:#000000;
/*background-image: url("images/paintball-inferno.jpg");
background-repeat: no-repeat;
background-position:top;*/
color:#FFFFFF;
}
#tarifsbox5promo fieldset {
border: 1px solid #AAAAAA;
margin: 0em 0.5em 1em 0em;
padding: 0em 0em 1em 0.5em;
font-size:10px;
color:#ffffff;
font-family:verdana;
font-weight:bold;
line-height: 1.3em;
background:#000000;
/*width: 340px;*/
}

#tarifsbox5promo legend {
background: #000000;
padding: 0.5em;
font-size:12px;
color:#ff6666;
font-family:verdana;
font-weight:bolder
}

#tarifstextbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
vertical-align: top;
font-weight:normal;
color:#FFFFFF;
margin-top:10px;
margin-left:10px;
margin-right:10px;
padding:0px;

}

#tarifstextbox li{
margin-bottom:5px;
margin-left:0px;
}

#tarifstextbox ul{
margin-bottom:5px;
margin-left:0px;
text-align:left;
left:10px;
}
#tarifsequipeshaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/fond-tarifs-equipes.gif");
z-index:1;
}
#tarifsequipesbox1 {
position:absolute;
width:187px;
height:307px;
top:91px;
left:20px;
background-color:#000000;
/*background-image: url("images/masquetarifs.jpg");
background-repeat: no-repeat;
background-position:center;*/
color:#FFFFFF;
}
#tarifsequipesbox2 {
position: absolute;
width:187px;
height:307px;
top:91px;
left:209px;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
background-image: url("images/tireurtarifs1.jpg");
background-repeat: no-repeat;
background-position: bottom right;
}
#tarifsequipesbox3 {
position: absolute;
width:187px;
height:307px;
top:91px;
left:398px;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
background-image: url("images/tireurtarifs2.jpg");
background-repeat: no-repeat;
background-position:bottom left;
}
#tarifsequipesbox4 {
position: absolute;
width:188px;
height:307px;
top:91px;
left:587px;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
/*image de fond billes
background-image: url("images/degrade-gris-tarifs-4.jpg");*/
background-image: url("images/tarif-carton-billes.jpg");
background-repeat: no-repeat;
background-position:bottom;
}

#tarifstextboxequipes {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
margin-top:10px;
margin-left:10px;
padding:0px;
}
#planhaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/fond-acces2.gif");
}

#plan1 {
position: absolute;
width:351px;
height:307px;
top:91px;
left:20px;
background-color:#DFD9BB;
background-image: url("");
background-repeat:repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
overflow:hidden;
color:#000000;
}
#plan1 li{
font-weight:bold;
}
#plan1 a:link{
color:#000000;
text-decoration:underline;
}

#plan1 a:visited{
color:#ffffff;
text-decoration:underline;
}

#plan1 a:hover{
color:#ffffff;
text-decoration:underline;
}

#plan1 a:active{
color:#ffffff;
text-decoration:underline;
}
#plan2 {
position: absolute;
width:80px;
height:358px;
top:40px;
left:371px;
background-color:#ffffff;
background-image:url("");
background-repeat:repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-weight:normal;
color:#FFFFFF;
}

#textplan2 {
position:absolute;
top:50px;
left:4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#555555;
line-height:15px;
text-align:center;
border:0;
a:#ffffff;
}

#textplan2 li{
font-weight:bold;
}

#textplan2 a:link{
font-weight:bold;
color:#555555;
}

#textplan2 a:visited{
font-weight:bold;
color:#555555;
text-decoration:none;
}

#textplan2 a:hover{
font-weight:bold;
color:#555555;
text-decoration:underline;
}

#textplan2 a:active{
font-weight:bold;
color:#555555;
text-decoration:underline;
}

#plan3 {
position: absolute;
width:324px;
height:358px;
top:40px;
left:451px;
/*background-color:#880746;*/
background-image:url("images/accesplan.gif");
background-repeat:repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
}
.plan3encadre {
background-color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
border: 1px dashed #000000;
text-align:center;
width:250px;
}

#regleshaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/fond-materiel2.gif");
}

#regleshaut h2{
color:#ffffff;
}
#reglesbox1 {
position:absolute;
width:379px;
height:307px;
top:91px;
left:20px;
background-image:url("images/materiel3.gif");
background-repeat:repeat-x;
text-align:left;
color:#FFFFFF;
}

#reglesbox1 h1{
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
}

#reglesbox2 {
position: absolute;
width:374px;
height:307px;
top:91px;
left:401px;
background-image:url("images/materiel4.gif");
background-repeat:repeat-x;
text-align:left;
overflow:auto;
color:#FFFFFF;
}

#textreglesbox2 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
color:#FFFFFF;
}

#faqhaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/fond-faq.gif");
}

#faqbox1 {
position:absolute;
width:379px;
height:307px;
top:91px;
left:20px;
background-image: url("images/faq.gif");
/*background-color:#E2E8A1;*/
text-align:left;
color:#FFFFFF;
overflow:auto;
}


#faqbox1 h1{
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
}

#faqbox1 li{
margin-top:8px;
margin-right:20px;
line-height:10px;
}
#faqbox1 a{
color:#FFFFFF;
}
#faqbox2 {
position: absolute;
width:374px;
height:307px;
top:91px;
left:401px;
text-align:left;
overflow:hidden;
}
#faqbox2fond {
position: absolute;
width:374px;
height:307px;
top:91px;
left:401px;
background-image: url("images/faq2.gif");
text-align:left;
overflow:hidden;
}

#faqbox2 li {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
margin-top:10px;
line-height:10px;
color:#FFFFFF;
font-weight:bold;
}

#faqbox2 p{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
text-align:justify;
line-height:10px;
color:#FFFFFF;
}


#scenarioshaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/fond-scenarios.gif");
}

#scenariosbox1 {
position:absolute;
width:379px;
height:307px;
top:91px;
left:20px;
background-image: url("images/scenarios1.gif");
text-align:left;
color:#FFFFFF;
overflow:auto;
}

#scenariosbox1 h1{
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
}
#scenariosbox1 a{
color:#FFFFFF;
}

#scenariosbox2 {
position: absolute;
width:374px;
height:307px;
top:91px;
left:401px;
/*background-image: url("images/scenarios.gif");
background-color:#E2E8A1;*/
text-align:left;
overflow:hidden;
}
#scenariosbox2fond {
position: absolute;
width:374px;
height:307px;
top:91px;
left:401px;
background-image: url("images/scenarios2.gif");
text-align:left;
overflow:hidden;
}

#textscenariosbox2 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
color:#FFFFFF;
}

#scenariosbox2 li {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
/*list-style-image : url("images/puce.gif");*/
text-align:justify;
font-weight:bold;
list-style-position:outside;
margin-top:10px;
list-style-type:none;
line-height:10px;
color:#FFFFFF;
}
#scenariosbox2 p {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
text-align:justify;
line-height:10px;
color:#FFFFFF;
}

#comportementhaut {
position: absolute;
width:755px;
height:70px;
top:20px;
left:20px;
background-image: url("images/fond-scenarios.gif");
}

#comportementbox1 {
position:absolute;
width:200px;
height:307px;
top:91px;
left:20px;
background-image: url("images/scenarios.gif");
background-color:#E2E8A1;
text-align:left;
color:#FFFFFF;
overflow:auto;
}

#comportementbox1 h1{
color:#000000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
}
#comportementbox1 a{
color:#FFFFFF;
}

#comportementbox2 {
position: absolute;
width:554px;
height:307px;
top:91px;
left:221px;
/*background-image: url("images/scenarios.gif");
background-color:#E2E8A1;*/
text-align:left;
overflow:hidden;
}
#comportementbox2fond {
position: absolute;
width:554px;
height:307px;
top:91px;
left:221px;
background-image: url("images/scenarios.gif");
text-align:left;
overflow:hidden;
}

#textcomportementbox2 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
color:#FFFFFF;
}

#comportementbox2 li {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
/*list-style-image : url("images/puce.gif");*/
text-align:justify;
font-weight:bold;
list-style-position:outside;
margin-top:10px;
list-style-type:none;
line-height:10px;
color:#FFFFFF;
}
#comportementbox2 p {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
text-align:justify;
line-height:10px;
color:#FFFFFF;
}


#adresseshaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/adresses-haut.gif");
}

#adressesbox1 {
position:absolute;
width:329px;
height:307px;
top:91px;
left:20px;
background-image:url("images/adresses.gif");
background-repeat:repeat-x;
text-align:left;
color:#FFFFFF;
}

#adressesbox1 li{
margin-top:15px;
margin-right:10px;
}

#adressesbox1 li a{
color:#E6D18E;
}

#adressesbox2 {
position:absolute;
width:424px;
height:307px;
top:91px;
left:351px;
background-image:url("images/adresses.gif");
background-repeat:repeat-x;
overflow:auto;
color:#FFFFFF;
}

#textadressesbox2 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
color:#FFFFFF;
}

#textadressesbox2 p{
color:#FFFFFF;
}

#materielhaut {
position: absolute;
width:755px;
height:70px;
top:20px;
left:20px;
background-image: url("images/fond-materiel.gif");
z-index:1;
}

#materielhaut h2{
color:#FFFFFF;
}
#materielbox1 {
position: absolute;
width:188px;
height:307px;
top:91px;
left:20px;
background-image: url("images/materiel.gif");
/*background-color:#EEEEEE;*/
}

#materielbox1 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:center;
	valign:bottom;
	font-weight:bold;
	color:#461f0e;
	margin-top:10px;
}

#materielbox2 {
position: absolute;
width:188px;
height:307px;
top:91px;
left:209px;
background-color:#CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
background-image: url("images/materiel2.gif");
}

#materielbox2 h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
margin-top:10px;
}

#materielbox3 {
position: absolute;
width:188px;
height:307px;
top:91px;
left:398px;
background-color:#EEEEEE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
background-image: url("images/materiel.gif");
}

#materielbox3 h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
margin-top:10px;
}

#materielbox3 a:hover{
color:#FFFFFF;
}

#materielbox4 {
position: absolute;
width:188px;
height:307px;
top:91px;
left:587px;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#FFFFFF;
background-image: url("images/materiel2.gif");
}

#materielbox4 h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
margin-top:10px;
}

#materielbox4 a{
color:#FFFFFF;
}

#materielbox4 a:hover{
color:#CCCCCC;
}

#materieltextbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
clear:left;
font-weight:normal;
color:#ffffff;
margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
display:block;
}

#materieltextboxblack {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
clear:left;
font-weight:normal;
color:#FFFFFF;
margin-top:5px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
}

.gauche {
float:right;
margin-left:5px;
text-align:left;
}

#boutiquebox1 {
position:absolute;
width:159px;
height:307px;
top:91px;
left:20px;
background-color:#8cc63f;
text-align:left;

}
#boutiquebox1 a:visited, a:hover, a:link, a:active {
color:#ffffff;
}

#boutiquebox2 {
position: absolute;
width:553px;
height:307px;
top:91px;
left:181px;
background-image: url("images/boutique.gif");
background-attachment:fixed;
/*background-repeat: repeat-x;
background-repeat: fixed;*/
background-position: left;
overflow:auto;
}

#boutiquebox3 {
position: absolute;
width:40px;
height:307px;
top:91px;
left:735px;
valigne:center;
text-align:right;
background-color:#8cc63f;
background-image: url("images/boutiquebox3bord.gif");
background-position: right;
/*background-image: url("images/boutique.jpg");*/
background-repeat: no-repeat;
/*background-position: center;*/
overflow:auto;
}

#boutiquebox2 li{
color:#000000;
margin-bottom:10px;
line-height:12px;
}
#boutiquebox2 p{
margin-right:2px;
}

#textboutiquebox2 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}



#textboutiquebox2 h1{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
font-weight:bold;
color:#000000;
}

#textboutiquebox2 a{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
font-weight:bold;
color:#ffffff;
}

.blanctel {
color:#FFFFFF;}

#boutique2floatleft {
float:left;
margin-right:5px;
}
#boutique2floatright {
float:right;
margin-left:5px;
}

#boutiquehaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/fond-boutique.gif");
z-index:1;
}
/* ancien css boutique
#boutiquebox1 {
position:absolute;
width:99px;
height:307px;
top:91px;
left:20px;
background-color:#8cc63f;
text-align:left;

}
#boutiquebox1 a:visited, a:hover, a:link, a:active {
color:#ffffff;
}

#boutiquebox2 {
position: absolute;
width:350px;
height:307px;
top:91px;
left:121px;
background-image: url("images/boutique.gif");
background-repeat: repeat-x;
background-position: left;
overflow:auto;
}

#boutiquebox3 {
position: absolute;
width:303px;
height:307px;
top:91px;
left:472px;
valigne:center;
background-image: url("images/boutiquebox3bord.gif");
background-position: right;
background-repeat: no-repeat;
overflow:auto;
}

#boutiquebox2 li{
color:#000000;
margin-bottom:10px;
line-height:12px;
}

#textboutiquebox2 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

#textboutiquebox2 h1{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
font-weight:bold;
color:#000000;
}

#boutiquehaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/fond-boutique.gif");
z-index:1;
}
*/

#entreprisebox1 {
position:absolute;
width:50px;
height:307px;
top:91px;
left:20px;
background-image: url("images/entreprise5.gif");
/*background-color:#0072BC;*/
text-align:left;

}
#entreprisebox1 a:visited, a:hover, a:link, a:active {
color:#ffffff;
}

#entreprisebox2 {
position: absolute;
width:400px;
height:307px;
top:91px;
left:71px;
background-color:#0072BC;
/*background-image: url("images/entreprise2.gif");*/
background-repeat: repeat-x;
background-position: left;
overflow:auto;
}
#entreprisebox2 li{
color:#ffffff;
margin-bottom:10px;
line-height:12px;
}

#textentreprisebox2 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

#textentreprisebox2 h1{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
font-weight:bold;
color:#ffffff;
}
#textentreprisebox2 a{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
font-weight:bold;
color:#ffffff;
text-decoration: underline;
}
#entreprisebox3 {
position: absolute;
width:755px;
height:307px;
top:91px;
left:20px;
valigne:center;
background-image: url("images/entreprise2.gif");
background-position: right;
/*background-image: url("images/boutique.jpg");*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
overflow:auto;
color:#ffffff;
}
#entreprisebox3 li{
color:#FFFFFF;
margin-bottom:10px;
line-height:12px;
}

#textentreprisebox3 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #333333;
font-size:10px;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

#textentreprisebox3 h1{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
font-weight:bold;
color:#ffffff;
margin-left: 0px;
margin-bottom: -20px;
}


#entreprisehaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/entreprise-haut2.gif");
z-index:1;
}

#planbox {
position: absolute;
width:755px;
height:307px;
top:91px;
left:20px;
valign:center;
background-image: url("images/entreprise2.gif");
/*background-position: right;*/
/*background-image: url("images/boutique.jpg");*/
/*background-repeat: no-repeat;*/
background-repeat: repeat-x;
/*background-position: center;*/

color:#ffffff;
}

#textplanbox {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
height:280px;
font-size:10px;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
color:#FFFFFF;
overflow:auto;
}

#textplanbox h1{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
font-weight:bold;
color:#ffffff;
}

#contactbox1 {
position:absolute;
width:229px;
height:307px;
top:91px;
left:20px;
background-image: url("images/contact.jpg");
background-color:#ECEDEF;
text-align:left;
}

#contactbox1 li{
color:#FFFFFF;
}

#contactbox2 {
position:absolute;
width:524px;
height:307px;
top:91px;
left:251px;
background-image: url("images/contact.jpg");
background-color:#FEFEFE;
overflow:auto;
}
.contactbox2table{
color:#ffffff;
}
.contactboxformulaire{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
background-color:#ffffff;
scrollbar-face-color:#FFffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#E19104;
scrollbar-shadow-color:#cccccc;
scrollbar-highlight-color:#E19104;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-Color:#ffffff;
}
#contacthaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
background-image: url("images/fond-contact.gif");
z-index:1;
}

.textblanc {
color:#ffffff;
margin-left:10px;
margin-right:30px;
}

#diaporamabox1 {
position:absolute;
width:60px;
height:350px;
top:48px;
left:20px;
background-image: url("images/diaporama-gd.gif");
background-color:#ECEDEF;
text-align:left;
}

#diaporamabox1 li{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
/*list-style-image : url("images/puce.gif");*/
text-align:left;
font-weight:normal;
list-style-position:outside;
margin-top:10px;
list-style-type:none;
margin-left:15px;
padding-left:15px;
line-height:10px;
}

#diaporamabox2 {
position:absolute;
width:633px;
height:350px;
top:48px;
left:81px;
/*background-image: url("images/diaporama.gif");*/
background-color:#8cc63f;
overflow:hidden;
}
.diaporama2table{
color:#ffffff;
}
#diaporamabox3 {
position:absolute;
width:60px;
height:350px;
top:48px;
left:715px;
background-image: url("images/diaporama-gd.gif");
background-color:#ECEDEF;
text-align:left;
}
#diaporamahaut {
position: absolute;
width:755px;
height:27px;
top:20px;
left:20px;
background-image: url("images/fond-boutique.gif");

}
#diaporamacachesimpleviewer{
position:absolute;
top:400px;
right:25px;
width:400px;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
/*background-image: url("images/fond-diaporama.gif");*/
background-color:#000000;
color:#c0c1c5;
}

#tarifdetailbox1 {
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
position:absolute;
width:99px;
height:307px;
top:91px;
left:20px;
background-color:#000000;
background-image: url("images/detail-tarif-gris-3.jpg");
text-align:left;
}

#tarifdetailbox1 li{
color:#ffffff;
margin-bottom:10px;
/*line-height:12px;*/
/*list-style-image : url("images/puce.gif");*/
text-align:left;
font-weight:normal;
list-style-position:outside;
margin-top:10px;
list-style-type:none;
margin-left:5px;
padding-left:0px;
line-height:10px;
}
#tarifdetailbox1 a:visited {
color:#ffffff;
}
#tarifdetailbox1 a:hover {
color:#ffffff;
}
#tarifdetailbox1 a:link {
color:#ffffff;
}
#tarifdetailbox1 a:active {
color:#ffffff;
}

#tarifdetailbox2 {
position: absolute;
width:350px;
height:307px;
top:91px;
left:425px;
background-image: url("images/detail-tarif-5.jpg");
background-repeat: repeat-x;
background-position: left;
overflow:auto;
}

#tarifdetailbox3 {
position: absolute;
width:303px;
height:307px;
top:91px;
left:121px;
valigne:center;
background-color:#ffffff;
/*background-image: url("images/detailtarifbox3bord.jpg");
background-position: right;*/
/*background-image: url("images/detail-tarif-33.jpg");*/
background-repeat: no-repeat;
/*background-position: center;*/
overflow:auto;
}
#texttarifdetailbox3 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#000000;
font-size:10px;
text-align:center;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
padding-right:5px;
/*background-color:#eeeeee;*/
}
#tarifdetailbox3 a:visited {
color:#000000;
}
#tarifdetailbox3 a:hover {
color:#000000;
}
#tarifdetailbox3 a:link {
color:#000000;
}
#tarifdetailbox3 a:active {
color:#000000;
}

#tarifdetailbox2 li{
color:#ffffff;
margin-bottom:10px;
/*line-height:12px;*/
}

#texttarifdetailbox2 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#ffffff;
font-size:10px;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
padding-right:5px;
/*background-color:#eeeeee;*/
}

#texttarifdetailbox2 h1{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
font-weight:bold;
color:#ffffff;
}

#tarifdetailhaut {
position: absolute;
width:755px;
height:69px;
top:20px;
left:20px;
/*background-image: url("images/fond-tarifs-noir.gif");
background-image: url("images/fond-tarifs.gif");*/
background-image: url("images/fond-tarifs-fonce.gif");
z-index:1;
}

fieldset {
border: 1px solid #ffffff;
margin: 0em 0.5em 0.5em 0em;
padding: 0em 0.5em 0.5em 0.5em;
font-size:10px;
color:#ffffff;
font-family:verdana;
font-weight:bold;
line-height: 1.3em;
/*background:#000000;*/
/*width: 340px;*/
}

legend {
background: transparent;
padding: 0.5em;
font-size:12px;
color:#ffff55;
font-family:verdana;
font-weight:bolder
}

#sessionbox1 {
position:absolute;
width:60px;
height:350px;
top:48px;
left:20px;
background-image: url("images/degrade-session1.jpg");
background-color:#ECEDEF;
text-align:left;
}

#sessionbox1 li{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10px;
/*list-style-image : url("images/puce.gif");*/
text-align:left;
font-weight:normal;
list-style-position:outside;
margin-top:10px;
list-style-type:none;
margin-left:15px;
padding-left:15px;
line-height:10px;
}

#sessionbox2 {
position:absolute;
width:633px;
height:350px;
top:48px;
left:81px;
/*background-image: url("images/diaporama.gif");*/
background-color:#808082;
overflow:auto;
}
.session2table{
color:#ffffff;
}
#sessionbox3 {
position:absolute;
width:60px;
height:350px;
top:48px;
left:715px;
background-image: url("images/degrade-session3.jpg");
background-color:#ECEDEF;
text-align:left;
}
#sessionhaut {
position: absolute;
width:755px;
height:27px;
top:20px;
left:20px;
background-image: url("images/fond-tarifs-gris.gif");
}
#sessionboxtext {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#ffffff;
font-size:10px;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
padding-right:5px;
/*background-color:#eeeeee;*/
}

#sessionboxtext h1{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
}

#sessionbox2 fieldset {
border: 1px solid #666666;
margin: 0em 0.5em 0.5em 0em;
padding: 0em 0.5em 0.5em 0.5em;
font-size:10px;
color:#ffffff;
font-family:verdana;
font-weight:normal;
line-height: 1.3em;
/*background:#;*/
/*width: 340px;*/
}

#sessionbox2 legend {
background: transparent;
padding: 0.5em;
font-size:12px;
color:#ffff55;
font-family:verdana;
font-weight:bolder
}
#sessionboxtext td{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#ffffff;
font-size:10px;
text-align:center;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
padding-right:10px;
padding-left:10px;
border: 0px solid #ffffff
/*background-color:#eeeeee;*/
}


.jaune {color:#FFFF00;}
.plusgros {font-size:24px; font-weight:normal; color:#666666; font-family:Georgia, "Times New Roman", Times, serif;}

/*code volet deroulant promo*/
/* code du tutoriel ci-dessous */

		#boutonpromo {
		position:absolute;
		top:-60px;
		width:200px;
		height:60px;
		border:1px solid #CCCCCC;
		background-color:#999;
		color:#FFFFFF;
		font-size:1em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		-moz-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
		text-align:center;
		
		}
		#boutonpromo1 {
		position:absolute;
		top:-120px;
		width:200px;
		height:60px;
		border:1px solid #CCCCCC;
		background-color:#999;
		color:#FFFFFF;
		font-size:1em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		-moz-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
		text-align:center;
		
		}
		#volet {
			width: 350px;
			padding: 10px;
			background: #ccc; color: #666;
			height:80px;
			z-index:1000;
			-moz-radius: 8px 0px 0px 8px;
		border-radius: 8px 0px 0px 8px;
			
				
		}
		#volet p{
			font-size:0.8em;
			line-height:1;	
		}
		
		#volet a.ouvrir{
			padding: 10px 10px;
			background: #999;
			color: #fff;
			text-decoration: none;
			font-size:0.8em;
			font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		#volet a.fermer {
			padding: 10px 25px;
			background: #999;
			color: #fff;
			text-decoration: none;
			font-size:0.8em;
			font-family:Verdana, Arial, Helvetica, sans-serif;
		}

		#volet {
			position: relative;
			right: -570px; /*  test fixed + scroll, on retire la position top */
			-webkit-transition: all .5s ease-in;
			-moz-transition: all .5s ease-in;
			transition: all .5s ease-in;
			
		}
		#volet a.ouvrir{
			position: absolute;
			right: -200px;
			top: 0px;
			-moz-radius: 0px 8px 8px 0px;
			border-radius: 0px 8px 8px 0px;
			width: 150px;
			height:80px;
			z-index:1000;
			
			
		}
		#volet a.fermer {
			position: absolute;
			right: -200px;
			top: 0px;
			/*-webkit-transform: rotate(270deg);
			-moz-transform: rotate(270deg);
			-o-transform: rotate(270deg);
			-ms-transform: rotate(270deg);*/
			-moz-radius: 0px 8px 8px 0px;
			border-radius: 0px 8px 8px 0px;
			width: 150px;
			height:80px;
			z-index:1000;
			
			
		}
		#volet a.fermer {
			display: none;
		}
		#volet:target {
			left: 1500px;
			top:0px;
			z-index:1000;
		}

		/* code pour la fermeture */

		#volet:target a.fermer {
			display: block;
		}
		#volet:target a.ouvrir {
			display: none;
		}
		#volet_clos:target #volet {
			left: -500px;
			
		}
		
		 /* test fixed + scroll */
		#volet_clos {
			position: fixed; 
			top: 300px; left: -1000;/**/
		}
/*fin code volet deroulant*/