@charset "utf-8";
body  {
	background: #333333;
	margin: 0; 
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
	margin:0;
	padding:0;
	font-size:small;
	text-align:justify;
}

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

span {display:none;}

a:link {
	color: #F90;
	text-decoration: none;
}
a:visited {
	color: #F90;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/*h1 {display:none;}*/
h1{
	font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	margin-left:15px;
	font-size:22px;
	color:#5B594D;
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align:left;
	padding-left: 19px;
	padding-top: 10px;
}

#cache {
display:none;
color:#333333;
}



/*------------Container Global---------------*/
#container {
	width: 940px;
	margin:0 auto;
	height:570px;
	position:relative;
	padding:0;
} 

/*------------Container du Menu--------------*/
#header { 
	margin:auto;
	height:88px;
} 

/*------------Zone d'ecriture du texte--------*/
#ZoneTexte {
	float:left;
	position:relative;
	width: 308px;
	height:410px;
	background-image:url(../images/interface/left.jpg);
	background-repeat:no-repeat;
}

#ZoneTexte p {
	margin:0;
	padding:10px;	
}

/*--------------------Image du titre de la rubrik qui change a gauche---------------*/
#TitreRubrik {
	float:left;
	width: 58px;
	height:410px;
	margin:0;
}
/*--------------------Image du titre de la rubrik qui change a droite---------------*/
#TitreRubrikDroite{ 
	float:left;
	margin:0;
	position:absolute;
	top:240px;
	left:817px;
	width: 65px;	
	height:330px;
} 

/*--------------Container de Societe avec le menu et le reste--------------------*/
#ZoneSociete{
	background: url(../images/interface/fond_soc.jpg);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	height:410px;
	width:817px;
}

#ZoneSociete ul{
	color:#F90;
}


#TexteSociete{
	margin:0;
	padding:0;
/*	width:100%;*/
}
#TexteSociete p{
	margin-left:240px;
	margin-right:50px;
	text-align:justify;
	}
#ImgSociete {
	width:200px;
	float:left;
	margin-right:40px;
	margin-top:166px;
}
#ImgPlan {
	width:300px;
	display:block;
	margin:0;
	padding:0;
	float:left;
}

/*-------------Container Spécifique aux réfrénces-----------*/
#Reference {
	background-color:#fff;
	margin:0;
	padding:0;
	height:410px;
	width:817px;
}
#GalerieRef{ 
	float:left;  /* a voir a virer, nécessaire pour les references */
	margin-top:5px;
	cursor:help;
	width:550px;
	text-align: center;
} 

/*-----------Equipe----------------*/
.ekipier {
	margin:0;
	padding:0;
	width:550px;
	float:left;
	font-size:x-small;
	text-align:left;
}
.photoEkip{
	cursor:help;
	margin:0;
}

/*-------------Mentions Légales-----------*/
#Mentions{
	margin:0;
	height:410px;
	cursor:help;
	display:block;
}
#Mentions p{
	float:left;
	display:block;
	width:375px;
	margin:15px;
	color:#FFF;
	font-size:xx-small;
}


/*------------Scotty--------------*/
#Scotty {
	width:200px;
	float:left;
	margin-left:-40px;
	margin-top:10px;
	}
#ScottyAccueil {
	float:left;
	width:316px;
	margin:0;
	padding:0;
	margin-left:50px;
	}
	
/*-----------------Container de la zone galerie------------------------*/
#ZoneImage { 
	float:left;
	margin-left:18px;
	width: 430px;
	height:410px;
	background : #e19631;
	background-image:url(../images/interface/right.jpg);
	background-repeat:no-repeat;
}
 #ZoneImage p {  /*--------Spécifique au texte de l'accueil------*/
	margin:20px;
}


/*--------------Container des images appellées via le php-------*/
#Galerie{ 
	margin-top:70px;
	margin-left:4px;
	width:100%;

} 

#Galerie a{ 
	width:60px;
	margin:5px;
	float:left;
}


/*------------------Image du Reflet - Footer ---------------------*/
#Footer { 
	margin:0;
	padding:0;
	width: 815px;	
	height:70px;
	float:left;
	background-image:url(../images/interface/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center;
	color: #FFF;
	font-style: italic;
	font-size: x-small;
}

#FooterSoc { 
	margin:0;
	padding:0;
	width: 815px;	
	height:70px;
	float:left;
	background-image:url(../images/interface/fond_socfoot.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
	color: #FFF;
	font-style: italic;
	font-size: x-small;
	} 

#FooterIndex { 
	margin:0;
	padding:0;
	width: 815px;	
	height:70px;
	float:left;
	background-image:url(../images/interface/footer2.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center;
	color: #FFF;
	font-style: italic;
	font-size: x-small;
}
#FooterIndex p {
	text-align:left;
	color: #FFF;
	font-style: italic;
	font-size: x-small;}
#FooterSoc p {
	text-align:left;
	color: #FFF;
	font-style: italic;
	font-size: x-small;}
#Footer p {
	text-align:left;
	color: #FFF;
	font-style: italic;
	font-size: x-small;}
.clearfloat { /* cette classe doit tre place pour un lment div ou break et doit tre l'lment final avant la balise de fin d'un conteneur qui doit contenir entirement un lment flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.myRefer {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#F90;	
	display:block;
	margin:0px;
	padding:0;
	/*width:700px;*/
}

.myRefer a{
	float:left;
	margin:5px;
	width:inherit;
}

#W3c{
	margin-top:5px;
	float:left;
	width:180px;
	font-size:.6em;
}

.margeimage{
	margin: 5px;
	text-align: center;
}

.backoffice{
	text-align:center;
	margin:0;
	padding:0;
	font-size:.7em;
	}
	
#Zonebackoffice{
	background: url(../images/interface/fond_soc.jpg);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	width:815px;
	min-height:410px;
}

.scottyback{
	padding:0;
	margin:0;
	width:200px;
	height:200px;
	float:left;	
	background-repeat:no-repeat;
	margin-right:40px;
	margin-top:200px;
}

#scottybackoffice{	background-image:url(../vignettes/scotty_htm/secure.gif);}
#scottybackoffice2{	background-image:url(../vignettes/scotty_htm/badlog.gif);}

#unlog{
	position:absolute;
	top:90px;
	left:695px;
	}