body 				{ text-decoration: none ; font-family: arial,helvetica,sans-serif  ; font-size: 12px ; color: #A2A1A3 ; background-color: #2f2f2f ;
					 scrollbar-face-color: #191919; scrollbar-shadow-color:#2f2f2f ; scrollbar-highlight-color : #2f2f2f ; scrollbar-3dlight-color: #2f2f2f;
					 scrollbar-darkshadow-color: #2f2f2f ; scrollbar-track-color: #2f2f2f ; scrollbar-arrow-color: #A2A1A3}

table.general		{ background-color: #2f2f2f; border: 0px solid #2f2f2f }



a					{text-decoration : none }
.souligne			{text-decoration: underline }
.gras				{ font-weight: bold }
.fond				{ color: #2f2f2f ; text-indent: -10px } /* pour firefox le menu s'affiche correctement là ou il n'y a pas de lien */
.textegris			{ color: #2f2f2f } /*permet de rajouter de l'espace dans le texte*/
.credit				{ font : bold 8px arial, helvetica, sans-serif ; }
.left				{texte-align: left }

#encours			{ position : absolute ; top: 0px ; left: 0px ; width: 300px; height: 178px } 
.couleur2			{ color: #8FC73D }
.couleur1			{ color : #BD430D }
.couleur3			{ color : black }
a.couleur1:hover		{ color : black }			
.titre				{ text-decoration : none ; font : bold 22px arial, helvetica, sans-serif ; color: #BD430D}
.titre2				{ text-decoration : none ; font : bold 22px arial, helvetica, sans-serif ; color: #8FC73D}
p					{ text-decoration : none ; font : 12px arial, helvetica, sans-serif #A2A1A3 ; margin: 0 ; padding : 0}

.lien				{ text-decoration : none ; color: #8FC73D }
.lien:hover			{ color: black }
.lien2				{ text-decoration : none ; color: #BD430D }
.lien2:hover		{ color: black }
.imprimer			{ display: block ; width: 700px ; text-align: center  }


/* Conteneurs */
#superconteneur 	{  position: relative ; height:600px ; width: 700px ; text-align: left  }

#contaccueil		{ position : absolute ; top: 220px ; left : 100px }
#contliensaccueil	{ position : absolute ; top: 410px ; left : 510px ; z-index: 100  }
#contgauche			{ position: relative ; width : 528px ; height: 600px ; }
#contplan			{ position: absolute ; left: -170px ; top: -80px ; width : 700px ; height: 600px ; }
#textediapo			{ position : absolute ; left: -80px ; width : 250px ; text-align: right ; height: 600px ; text-align: right ; font-family: arial,helvetica,sans-serif ; font-size: 12px ; color: #A2A1A3}
#diapo				{ position : absolute ; left: 200px ; top : 40px ; width: 400px ; height: 500px ; border : 0px}
#espacehaut			{ height : 80px }
#espacebas			{ height : 80px }
#image				{ position : absolute ; top : 80px ; left: 0px ; width: 528px ; height : 440px}
#imagehg			{ position: absolute ; top: -260px ; left: -270px }
#imagebd			{ position: absolute ; bottom: 80px ; right: 0px }
#imagebd2			{ position: absolute ; bottom: 80px ; right: 0px }
#imagehd			{ position: absolute ; top: 0px ; right: 0px }
#imagebg			{ position: absolute ; bottom: 0px ; left: -100px }
#imagebg2			{ position: absolute ; bottom: 80px ; left: 0px }
#imagebg3			{ position: absolute ; bottom: 80px ; left: -50px }
#imagesejour		{ position: absolute ; top: 40px ; left: -115px ; width: 150px}


.texteg				{ position: absolute ; top: 200px ; left: 30px ; width : 380px ; text-align : right ; line-height: 2em ; margin: 0 ; padding: 0}
.texteg1			{ position: absolute ; top: 150px ; left: 200px ; width : 300px ; text-align : left ; line-height: 2em ; margin: 0 ; padding: 0}
.texteg2			{ position: absolute ; top: 200px ; left: 30px ; width : 300px ; text-align : left ; line-height: 2em ; margin: 0 ; padding: 0}
.texteg3			{ position: absolute ; top: 60px ; left: 0px ; width : 350px ; text-align : left ; line-height: 1.3em ; margin: 0 ; padding: 0}
.texteg3bis			{ position: absolute ; top: 60px ; left: 0px ; width : 420px ; text-align : left ; line-height: 1.3em ; margin: 0 ; padding: 0}
.texteg4			{ position: absolute ; top: 100px ; left: 20px ; width : 300px ; text-align : left ; line-height: 1.5em ; margin: 0 ; padding: 0}
.texteg5			{ position: absolute ; top: 40px ; left: 80px ; width : 440px ; text-align : left ; line-height: 1.2em ; margin: 0 ; padding: 0}
.texteg6			{ position: absolute ; top: 60px ; left: -20px ; width : 340px ; text-align : left ; line-height: 1.5em ; margin: 0 ; padding: 0}


.texted				{ position: absolute ; top: 140px ; right: 30px ;  width : 330px ; text-align : right ; line-height: 2em ; margin: 0 ; padding: 0}
.texteb				{ position: absolute ; bottom: 130px ; right: 30px ;  width : 380px ; text-align : right ; line-height: 2em ; margin: 0 ; padding: 0}

#articlespresse		{ width: 800px ; text-align : center ; margin: 30px auto 0 auto }
#contpresse			{ position: absolute ; top: 10px ; left: 10px ; width : 490px ; height: 620px ; line-height : 10px ; text-align : left ; margin: 0 ; padding: 0 ; }
ul#picto				{ margin: 0 ; padding: 0 ; list-style-type: none }
ul#picto li				{ float: left }
ul#picto li a img		{ margin: 0 30px 30px 0 ; border: 3px solid #2f2f2f }
ul#picto li a img:hover	{ border-color: #A2A1A3 }

#illustration		{ }
.barre1				{ position: absolute ; left: 18px; top : 80px ; width: 20px ; height: 440px ; background-color: #2f2f2f ; z-index : 10} /* gauche petite */
.barre2				{ position: absolute ; left: 63px; top : 80px ; width: 40px ; height: 440px ; background-color: #2f2f2f ; z-index : 11} /* gauche large */
.barre3				{ position: absolute ; left: 480px ; top : 80px ; width: 32px ; height: 440px ; background-color: #2f2f2f ; z-index : 12} /* droite large */
.barre4				{ position: absolute ; left: 440px ; top : 80px ; width: 18px ; height: 440px ; background-color: #2f2f2f ; z-index : 13} /* droite petite */
.barre5				{ position: absolute ; left: 290px ; top : 80px ; width: 20px ; height: 440px ; background-color: #2f2f2f ; z-index : 14} /* centre petite */
.barre6				{ }
.barre7				{ }
.barre8				{ }

#contdroite			{ position: absolute ; left : 528px ; top: 0px ; width: 238px ; height: 600px ; padding : 0px ; margin: 0px ;  border-left : 2px solid #A2A1A3}
#contdroitediapo	{ position: absolute ; left : 600px ; top: 0px ; width: 238px ; height: 600px ; padding : 0px ; margin: 0px ;  border-left : 2px solid #A2A1A3}
#logo				{ background-image: url('images/logo.gif') ; width: 238px ; height : 71px ; margin-top: 10px ; background-repeat : no-repeat}
.cachemenu			{ position: absolute ; right: -70px ; top : 120px ; width: 170px ; height: 300px ; background-image: url('images/arrondi.gif') ; z-index : 10} /* cachemenu */
.cachemenu2			{ position: absolute ; right: -70px ; top : 120px ; width: 170px ; height: 210px ; background-image: url('images/arrondi2.gif') ; z-index : 10} /* cachemenu */

#fleches			{ }
#dessin				{ position: absolute ; bottom : 90px ; left : 0px }
#legende			{ }
#signature			{ position: absolute ; top: 515px ; left: 25px ; width: 278px }
.drapeaux			{ position: absolute ; bottom: 22px ; left: 25px ; width: 45px ; height: 14px ; padding: 0px ; margin : 0px ; background-image: url('images/drapeaux.gif') ; background-position: bottom }
.drapeaux:hover		{ background-position: top }


/* tableau prix*/

table				{  font-family: arial,helvetica,sans-serif ; font-size: 12px ; color: #A2A1A3 }
.prix				{ border-style:solid ; border-width:1px ; border-color: #676767 ; border-collapse : collapse ; }
td					{  }
.droite				{ text-align : center ; width: 170px ; border: 1px solid #676767 ; background-color: #3a3a3a ;  height : 3em ; border-collapse: collapse}
.droite2			{ text-align : center ; width: 140px ; border: 1px solid #676767 ; background-color: #3a3a3a ;  height : 3em ; border-collapse: collapse}
.gauche				{ text-align : left ; text-indent: 10px ; font-weight: bold ; width: 200px ; border: 1px solid #676767 ; background-color: #3a3a3a ;  height : 3em ; border-collapse: collapse }

/* formulaire*/
.espaceavant		{ margin-top: 12px ; line-height: 17px }
#contform			{ position : absolute ; left : 180px }
#contlogo			{ position : absolute ; left : 20px ; top: 55px }
.form				{ font-family: arial,helvetica,sans-serif ; font-weight: bold ; font-size: 12px ; width: 300px ; color: black ; background-color: #A2A1A3 ; color: #2f2f2f ; border-top: 1px solid black ; border-right: 1px solid black ; border-bottom: 1px solid #d8d8d8 ; border-left: 1px solid #d8d8d8 }
.form1				{ font-family: arial,helvetica,sans-serif ; font-weight: bold ; font-size: 12px ; width: 300px ; color: black ; background-color: #A2A1A3 ; color: #2f2f2f ; border-top: 1px solid black ; border-right: 1px solid black ; border-bottom: 1px solid #d8d8d8 ; border-left: 1px solid #d8d8d8 }
.form2				{ font-family: arial,helvetica,sans-serif ; font-weight: bold ; font-size: 12px ; width: 60px ; color: black ; background-color: #A2A1A3 ; color: #2f2f2f ; border-top: 1px solid #d8d8d8 ; border-right: 1px solid #d8d8d8 ; border-bottom: 1px solid black ; border-left: 1px solid black }
.form3				{ font-family: arial,helvetica,sans-serif ; font-weight: bold ; font-size: 12px ; width: 300px ; color: black ; background-color: #A2A1A3 ; color: #2f2f2f ; border-top: 1px solid black ; border-right: 1px solid black ; border-bottom: 1px solid #d8d8d8 ; border-left: 1px solid #d8d8d8 }
.form4				{ font-family: arial,helvetica,sans-serif ; font-weight: bold ; font-size: 12px ; width: 300px ; color: black ; background-color: #A2A1A3 ; color: #2f2f2f ; border-top: 1px solid black ; border-right: 1px solid black ; border-bottom: 1px solid #d8d8d8 ; border-left: 1px solid #d8d8d8 }

/* menu principal */

ul#menu				{ padding-left: 0px ; margin-left: 20px ; clear: left ; list-style-type: none }
ul#menu li			{ margin: 0px 0px 1px 0px ; padding: 0px ; list-style-type: none ; text-align: left }
ul#menu li a		{ display: block ; width: 238px ; color: #848485 ; list-style-type: none ;
					  font-family: arial,helvetica,sans-serif ; font-size: 12px ; font-weight: bold ; text-indent: 5px ; text-decoration: none }
ul#menu li a:hover	{ color: #BD430D ; background: #121212 }
#menu #active		{ color: #BD430D ; font-family: arial,helvetica,sans-serif ; font-size: 12px ; font-weight: bold ; text-indent: 5px }
#menu #active:hover { background-color: #121212 }

ul#menucourt		{ padding-left: 0px ; margin-left: 20px ; clear: left ; list-style-type: none }
ul#menucourt li		{ margin: 0px 0px 1px 0px ; list-style-type: none ; text-align: left }
ul#menucourt li a	{ display: block ; width: 238px ; color: #848485 ; list-style-type: none ; margin-bottom : 2px ;
					  font-family: arial,helvetica,sans-serif ; font-size: 12px ; font-weight: bold ; text-indent: 5px ; text-decoration: none }
ul#menucourt li a:hover	{ color: #BD430D ; background: #121212 }
#menucourt #active	{ color: #BD430D ; font-family: arial,helvetica,sans-serif ; font-size: 12px ; font-weight: bold ; text-indent: 5px ; margin-bottom : 2px ;}
#menucourt #active:hover { background-color: #121212 }


/* sous menu */
ul#menu2			{ clear: left ; margin: 0px ; padding: 0px ; list-style-type: none }
ul#menu2 li			{ margin: 1px 0px px 0px ; padding: 0px ; list-style-type: none ; text-align: left }
ul#menu2 li a		{ display: block ; width: 238px ; color: #A2A1A3 ; list-style-type: none ;
					  font-family: arial,helvetica,sans-serif ; font-size: 12px ; font-weight: bold ; text-indent: 5px ; text-decoration: none; }
ul#menu2 li a:hover	{ color: #8FC73D ; background: #121212 }
#menu2 #active		{ color: #8FC73D ; font-family: arial,helvetica,sans-serif ; font-size: 12px ; font-weight: bold ; text-indent: 5px }
#menu2 #active:hover { color: #8FC73D ; background-color: #121212 }



/* menus ok pour fleches */

#contfleches		{ position: relative ; margin : 0 0 0 20px; padding : 0 ; width : 210px ; height : 34px ; z-index: 1000}
#num				{ position: absolute ; left : 70px ; top : 8px ; margin : 0 ; padding : 0px }
#numdepart			{ position: absolute ; left : 5px ; top : 8px ; margin : 0 ; padding : 0px ; width: 30px}
#fleches			{ position: absolute ; left : 0px ; top : 0px ; margin : 0 ; padding : 0 }
ul#f	{ margin: 0 0 0 0 ; padding: 0 ; list-style-type: none }
ul#f li { float: left ; margin: 0 ; padding: 0 }
ul#f li a { display: block ; width: 60px ; height: 34px ; line-height: 34px ; text-decoration: none }
#f1					{ background: url('images/f.gif') no-repeat 0 0 }
#f1:hover			{ background-position : 0% -34px}
#f2					{ margin-left : 45px ;background: url('images/f.gif') no-repeat 0 -68px }
#f2:hover			{ background-position : 0% -102px}
#f3					{ margin-left : 60px ;background: url('images/f.gif') no-repeat 0 -68px }
#f3:hover			{ background-position : 0% -102px}