body {
	margin: 0px;
	padding: 0px;
}

h2
{
	font: bold italic 14px Georgia, "Times New Roman", Times, serif;
	color:#383131;
	letter-spacing:0px;
	margin-left: 0px;
	margin-top: 0px;
}

a
{
	text-decoration: none;
	outline: none;
}

a:hover
{
	text-decoration: none;
	outline: none;
}

a:visited
{
	text-decoration: none;
	outline: none;
}

a:focus
{
	outline: none;
}

img
{
	border: 0;
}

/*
USAGE: All you have to do is include this one line in your CSS file, with the
tag names to which you want the script applied:
*/

img, div { behavior: url(images/iepngfix.htc) }

/*
Alternatively, you can specify that this will apply to all tags like so:
* { behavior: url(iepngfix.htc) }
*/


/** 
 * ACCUEIL
 */

#accueil
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9998;
	background-color: #383131;
}
 
#whiteBackgroundHoriz 
{
	position: absolute;
	background-color: #fff;
	width: 100%;
	height: 50%;
	z-index: 3;
}

#greyBackgroundHoriz 
{
	position: absolute;
	background-color: #383131;
	width: 100%;
	height: 50%;
	top: 50%;
	z-index: 1;
}

#shadowBackgroundHoriz
{
	position: absolute;
	background-image: url(../images/shadow-v.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 17px;
	top: 50%;
	z-index: 2;
}

#contenuIndex
{
	position: absolute;
	width: 250px;
	height: 300px;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -125px;
	z-index: 4;
}

#logoIndex
{
	position: absolute;
	background-image: url(../images/logo-setau.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 63px;
	left: 50%;
	margin-left: -70px;
	z-index: 5;
}


/** 
 *  BOUTON ENTRER
 */


#enterIndex
{
	position: absolute;
	width: 55px;
	height: 11px;
	left: 50%;
	top: 237px;
	z-index: 6;
	font:13px Georgia, "Times New Roman", Times, serif;
	color: #fff;
}

#enterIndex a
{
	text-decoration: none;
	color: #fff;
}

.labelEnter
{
	position: absolute;
	right: 0;
	width: 0px;
	height: 15px;
	background-position: right;
	z-index: 4;
	overflow: hidden;
	font:13px Georgia, "Times New Roman", Times, serif;
	background-color: #fff;
	color: #000;
}

.labelEnter span
{
	position: absolute;
	right: 30px;
	text-align: right;
	overflow: hidden;
	width: 200px;
}


/** 
 * +++ FIN BOUTON ENTRER
 */
 

/** 
 * +++ FIN ACCUEIL
 */
 

/** 
 * SITE
 */

#site
{
	display: none;
}
 
#whiteBackgroundVert 
{
	position: absolute;
	background-color: #fff;
	width: 100%-230px;
	height: 100%;
	left: 230px;
	z-index: 3;
}

#greyBackgroundVert 
{
	position: fixed;
	background-color: #383131;
	width: 230px;
	height: 100%;
	z-index: 1;
}

#shadowBackgroundVert
{
	position: fixed;
	background-image: url(../images/shadow-h.png);
	background-repeat: repeat-y;
	width: 17px;
	height: 100%;
	left: 213px;
	z-index: 2;
}

#contenuPage
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
}

#sections
{
	position: absolute;
	width: 230px;
	height: 100%;
	z-index: 5;
}

#contenuPageRight
{
	position: absolute;
	width: 640px;
	padding-left: 30px;
	z-index: 6;
}

#logoPage
{
	position: absolute;
	background-image: url(../images/logo-setau.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 63px;
	top: 30px;
	left: 260px;
	z-index: 6;
}

#textPage
{
	position: absolute;
	width: 640px;
	height: 100%;
	top: 150px;
	left: 260px;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #383131;
	text-align: justify;
}

#vignettes01
{
	position: absolute;
	width: 640px;
	height: 440px;
	top: 193px;
	left: 260px;
}

#vignettes02
{
	position: absolute;
	width: 640px;
	height: 380px;
	top: 260px;
	left: 260px;
}

#zone01
{
	position: absolute;
	width: 305px;
	height: 76px;
}

#zone02
{
	position: absolute;
	width: 305px;
	height: 76px;
	left: 335px;
}

#zone03
{
	position: absolute;
	width: 305px;
	height: 76px;
	top: 154px;
}

#zone04
{
	position: absolute;
	width: 305px;
	height: 76px;
	top: 154px;
	left: 335px;
}

#zone05
{
	position: absolute;
	width: 305px;
	height: 76px;
	top: 308px;
}

#vignette
{
	position: absolute;
	width: 305px;
	height: 60px;
}

#label
{
	position: absolute;
	width: 301px;
	height: 15px;
	padding-left: 4px;
	padding-top: 1px;
	background-color: #383131;
	top: 138px;
	font:italic 12px Georgia, "Times New Roman", Times, serif;
	color: #fff;
}

#label01
{
	position: absolute;
	width: 182px;
	height: 15px;
	padding-left: 4px;
	padding-top: 1px;
	background-color: #383131;
	top: 60px;
	font-family: "Arial", sans-serif;
	font:italic 12px Georgia, "Times New Roman", Times, serif;
	color: #fff;
}

#label02
{
	position: absolute;
	width: 266px;
	height: 15px;
	padding-left: 4px;
	padding-top: 1px;
	background-color: #383131;
	top: 60px;
	font-family: "Arial", sans-serif;
	font:italic 12px Georgia, "Times New Roman", Times, serif;
	color: #fff;
}

#label03
{
	position: absolute;
	width: 250px;
	height: 15px;
	padding-left: 4px;
	padding-top: 1px;
	background-color: #383131;
	top: 60px;
	font-family: "Arial", sans-serif;
	font:italic 12px Georgia, "Times New Roman", Times, serif;
	color: #fff;
}

#label04
{
	position: absolute;
	width: 126px;
	height: 15px;
	padding-left: 4px;
	padding-top: 1px;
	background-color: #383131;
	top: 60px;
	font-family: "Arial", sans-serif;
	font:italic 12px Georgia, "Times New Roman", Times, serif;
	color: #fff;
}

#label05
{
	position: absolute;
	width: 249px;
	height: 15px;
	padding-left: 4px;
	padding-top: 1px;
	background-color: #383131;
	top: 60px;
	font-family: "Arial", sans-serif;
	font:italic 12px Georgia, "Times New Roman", Times, serif;
	color: #fff;
}

#description01
{
	position: absolute;
	width: 305px;
	height: 110px;
	top: 89px;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #383131;
	text-align: justify;
}

#description02
{
	position: absolute;
	width: 305px;
	height: 110px;
	top: 89px;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #383131;
	text-align: justify;
}


/** 
 *  BOUTON RETOUR
 */


#retour
{
	position: absolute;
	width: 640px;
	height: 15px;
	top: 150px;
	left: 260px;
	font:12px Georgia, "Times New Roman", Times, serif;
	color: #383131;
	text-align: right;
}

#retour a
{
	text-decoration: none;
	color: #383131;
}

.menuRetour
{
	position: absolute;
	right: 10px;
	text-align: right;
	z-index: 3;
	padding-top: 1px;
}

.labelRetour
{
	position: absolute;
	right: 0;
	width: 5px;
	height: 15px;
	background-position: right;
	z-index: 4;
	overflow: hidden;
	font:12px Georgia, "Times New Roman", Times, serif;
	background-color: #383131;
	color: #fff;
}

.labelRetour span
{
	position: absolute;
	right: 10px;
	text-align: right;
	overflow: hidden;
	width: 200px;
	padding-top: 1px;
}


/** 
 *  +++ FIN BOUTON RETOUR
 */


/** 
 *  +++ FIN SITE
 */


/** 
 * SLIDESHOW
 */

/** 
 * Slideshow style rules.
 */

#slideshow
{
	position: absolute;
	background:transparent;
	margin: 0 auto;
	width: 640px;
	height: 320px;
	left : 260px;
	top : 244px;
}

#slideshow #slidesContainer
{
	margin: 0 auto;
	width: 640px;
	height: 320px;
	overflow: auto; /* affiche une scrollbar au cas ou */
	position: relative;
}

#slideshow #slidesContainer .slide
{
	margin:0 auto;
	width:640px;  /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
	height:320px;
}

/** 
 * Slideshow controls style rules.
 */
.control
{
	display:block;
	width:39px;
	height:320px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}

#navDiapo
{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	left: 50%;
	margin-left: -10px;
	bottom:20px;
	cursor:pointer;
}

#leftControl
{
	top:0;
	left:0;
	background:transparent url(../images/control_left.png) no-repeat 0 0;
	z-index: 6;
}

#rightControl
{
	top:0;
	right:0;
	background:transparent url(../images/control_right.png) no-repeat 0 0;
	z-index: 6;
}


.slide h2
{
	font:italic 12px Georgia, "Times New Roman", Times, serif;
	color:#383131;
	letter-spacing:0px;
	margin-left: 0px;
	margin-top: 0px;
}

.slide img
{
	float:right;
	margin-left: 0px;
}

/** 
 * +++ FIN SLIDESHOW
 */
 
 
/** 
 * NAVIGATION
 */
  
#navigation
{
	position: absolute;
	width: 230px;
	height: 500px;
	top: 135px;
	z-index:3;
}

#navigation ul
{
    padding: 0;
    margin: 0;
}

#navigation li
{
	height: 15px;
	margin-bottom: 5px;
}

#navigation li a
{
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	z-index: 3;
}

.menu
{
	position: absolute;
	right: 30px;
	text-align: right;
	z-index: 3;
}

.label
{
	position: absolute;
	right: 0;
	width: 15px;
	height: 15px;
	background-image: url(../images/shadow-h.png);
	background-repeat: repeat-y;
	background-position: right;
	z-index: 4;
	overflow: hidden;
	font-family: "Arial", sans-serif;
	font-size: 12px;
}

.label.top
{
	background-color: #fff;
	color: #000;
}

.label.bottom
{
	background-color: #000;
	color: #fff;
}

.label span
{
	position: absolute;
	right: 30px;
	text-align: right;
	overflow: hidden;
	width: 200px;
}

#menuSpace
{
	position: relative;
	right: 0px;
	height: 20px;
	width: 150px;
	background-image: url(../images/blank.gif);
	background-repeat: repeat;
	background: transparent;
	z-index: 3;
}

/** 
 * +++ FIN NAVIGATION
 */
 
 

/** 
 * CONTACT
 */

#adresse
{
	position: absolute;
	left: 380px;
	width: 260px;
	height: 450px;
}

#texte-adresse, #plan-adresse
{
	margin-top: 36px;
	text-align: left;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color:#666;
	letter-spacing:0px;
	line-height: 16px;
}

#texte-adresse a, #plan-adresse a, #plan-link a, a.link
{
	font: 12px Georgia, "Times New Roman", Times, serif;
	color:#666;
	letter-spacing:0px;
	text-decoration: none;
}

#texte-adresse a:hover, #plan-adresse a:hover, #plan-link a:hover, a:hover.link
{
	color:#383131;
	text-decoration: none;
}

#formulaire
{
	position: absolute;
	left: 0px;
	width: 350px;
	height: 500px;
}

#asterisque
{
	margin-top: 20px;
	margin-bottom: 5px;
	font: italic 10px Georgia, "Times New Roman", Times, serif;
	color: #666;
}

#formulaire_contact
{
	position: absolute;
	width: 324px;
	height: 400px;
	left: 0px;
}

input[type="text"], textarea
{
    color: #383131;
    padding: 3px 3px;
    background-color: #fff;
    background-repeat: repeat-x;
    border: 1px #bcbcbc solid;
    outline: none;
    /* Rounded corners on Safari */
    -webkit-border-bottom-left-radius: 3px 3px;
    -webkit-border-bottom-right-radius: 3px 3px;
    -webkit-border-top-left-radius: 3px 3px;
    -webkit-border-top-right-radius: 3px 3px;
    /* Rounded corners on Firefox */
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}

#formulaire_contact input:focus, select:focus, textarea:focus
{  
    border:1px solid #383131;  
}  

#nom
{
	width: 314px;
}

#societe
{
	width: 314px;
}

#telephone
{
	width: 314px;
}

#email
{
	width: 314px;
}

#message
{
	width: 314px;
}

#errorContainer
{
	margin-top: 30px;
	font: italic 10px Georgia, "Times New Roman", Times, serif;
	color: #383131;
	display: none;
}

#errorLabelContainer
{
	margin-top: 5px;
	font: italic 10px Georgia, "Times New Roman", Times, serif;
	color: #000000;
	display: none;
}

#mail_envoye
{
	position: absolute;
	left: 66px;
	width: 450px;
	margin-top: 40px;
}



/** 
 *  BOUTON ENVOYER
 */


#envoyer
{
	position: absolute;
	width: 0px;
	height: 15px;
	left: 0px;
	font:12px Georgia, "Times New Roman", Times, serif;
	color: #383131;
	text-align: left;
}

#envoyer a
{
	text-decoration: none;
	color: #383131;
}

.menuEnvoyer
{
	position: absolute;
	left: 10px;
	text-align: left;
	z-index: 3;
	padding-top: 1px;
}

.labelEnvoyer
{
	position: absolute;
	width: 5px;
	height: 15px;
	left: 2px;
	background-position: left;
	z-index: 4;
	overflow: hidden;
	font:12px Georgia, "Times New Roman", Times, serif;
	background-color: #383131;
	color: #fff;
}

.labelEnvoyer span
{
	position: absolute;
	left: 10px;
	text-align: left;
	overflow: hidden;
	width: 200px;
	padding-top: 1px;
}


/** 
 *  +++ FIN BOUTON ENVOYER
 */



/** 
 * +++ FIN CONTACT
 */
 

/** 
 * FOOTER
 */
#footer
{
	position: absolute;
	width: 640px;
	height: 14px;
	border-top: solid 1px #bcbcbc;
	top: 670px;
	left: 260px;
}

#footer p
{
	margin-top: 3px;
	font: italic 10px Georgia, "Times New Roman", Times, serif;
	color: #383131;
	text-align: left;
}

#footer a
{
	text-decoration: none;
	color:#383131;
}

#footer a:hover
{
	color: #061e2e;
}

/** 
 * +++ FIN FOOTER
 */