/* CSS TECHNI47  */


/* Mise en page et styles*/
body {
	color: #004872;
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 10pt;
	top: 50px;
	right: 50px;
}

#global {
    margin-left: auto;
    margin-right: auto;
	border-width: 2px;
	border-style: solid;
	border-color: #004872;
    width: 750px;
    text-align: left;
    background-color: #D7D7D7;
     }


     
a {
	text-decoration: none;
	color: #004872;
}

a:hover {
	text-decoration: underline;
	color: #D7D7D7;
}

/* Conteneur du logo et des onglets  */
.conteneurlogo {
  width: 200px;
  height: 550px;
  background-color: #D7D7D7;
}

.logo {
  width: 150px;
  height: 150px;
  background-color: red;
}

.logodroite {
  margin-left: 150px;
  margin-top: -150px;
  width: 50px;
  height: 150px;
  background-color: green;
}

.logobas {
  width: 200px;
  height: 50px;
  background-color: green;
}

.ongletoff {
  width: 200px;
  height: 20px;
  background-image: url(medias/vip/ongletoff.jpg);
  background-repeat: yes;
}

.onglethover {
  width: 200px;
  height: 20px;
  background-image: url(medias/vip/onglethover.jpg);
  background-repeat: yes;
}

.ongletbas {
  width: 200px;
  height: 50px;
  background-color: white;
}

/* Conteneur du menu et de l'header */
.conteneurmenu {
  margin-left: 200px;
  margin-top: -550px;
  width: 550px;
  height: 550px;
  background-color: #D7D7D7;
}

.header {
  width: 550px;
  height: 90px;
  background-color: #FFFFFF;
}
.menubarre {
  width: 550px;
  height: 20px;
  background-color: #004872;
}
.menubas {
  width: 550px;
  height: 20px;
  background-color: #D7D7D7;
}
.menuonglet {
  float: left;
  width: 110px;
  height: 20px;
  background-color: #004872;
  text-align: center;
}
.menuactive {
  float: left;
  width: 110px;
  height: 20px;
  background-color: #669ACD;
  border: 1px solid #004872;
  text-align: center;
}
.message {
  width: 550px;
  height: 40px;
  background-color: #D7D7D7;
  text-align: center;
}



/* Conteneur du texte  */
.conteneurtexte {
  width: 540px;
  height: 380px;
  background-color: #D7D7D7;
}

.corner {
  width: 20px;
  float: left;
  height: 20px;
  background-color: #D7D7D7;
}

.cornerespace {
  float: left;
  width: 500px;
  height: 20px;
  background-color: #FFFFFF;
}

.format1 {
  float: left;
  width: 540px;
  height: 320px;
  background-color: #FFFFFF;
}

.format2 {
  float: left;
  width: 390px;
  height: 320px;
  background-color: #FFFFFF;
}
.format3 {
  float: left;
  width: 150px;
  height: 320px;
  background-color: #FFFFFF;
}



/* Zoomage d'image */
.vignette1 a {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 1em 0 0;
	border: 0px solid #004872;
	text-align: center;
}
.vignette1 a:hover {
	position: absolute;
	display: block;
	width: 537px;
	height: 250px;
	margin: 0 1em 0 0;
	border: 1px solid #004872;
	text-align: center;
}

.vignette2 a {
    position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 1em 0 0;
	border: 0px solid #004872;
	text-align: center;
}
.vignette2 a:hover {
    position: absolute;
	display: block;
	width: 497px;
	height: 250px;
	margin: 0 1em 0 0;
	border: 1px solid #004872;
	text-align: center;
}

.vignette3 a {
    position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 1em 0 0;
	border: 0px solid #004872;
	text-align: center;
}
.vignette3 a:hover {
	position: absolute;
	display: block;
	width: 457px;
	height: 250px;
	margin: 0 1em 0 0;
	border: 1px solid #004872;
	text-align: center;
}

.photos{
  position: fixed;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
}















/* liens d'image */
.etude001 a {
	background: url(medias/etude/etude001.jpg) no-repeat bottom right;
}
.etude001 a:hover {
	background: url(medias/etude/etude001.jpg) no-repeat bottom right;
}
.plan a {
	background: url(medias/plan/plan.jpg) no-repeat bottom right;
}
.plan a:hover {
	background: url(medias/plan/plan.jpg) no-repeat bottom right;
}
.chaudron001 a {
	background: url(medias/chaudron/chaudron001.jpg) no-repeat bottom right;
}
.chaudron002 a {
	background: url(medias/chaudron/chaudron002.jpg) no-repeat bottom right;
}
.chaudron003 a {
	background: url(medias/chaudron/chaudron003.jpg) no-repeat bottom right;
}
.chaudron004 a {
	background: url(medias/chaudron/chaudron004.jpg) no-repeat bottom right;
}
.chaudron005 a {
	background: url(medias/chaudron/chaudron005.jpg) no-repeat bottom right;
}
.chaudron006 a {
	background: url(medias/chaudron/chaudron006.jpg) no-repeat bottom right;
}
.chaudron007 a {
	background: url(medias/chaudron/chaudron007.jpg) no-repeat bottom right;
	}
.chaudron008 a {
	background: url(medias/chaudron/chaudron008.jpg) no-repeat bottom right;
	}
.chaudron009 a {
	background: url(medias/chaudron/chaudron009.jpg) no-repeat bottom right;
}
.chaudron010 a {
	background: url(medias/chaudron/chaudron010.jpg) no-repeat bottom right;
}
.chaudron011 a {
	background: url(medias/chaudron/chaudron011.jpg) no-repeat bottom right;
}
.chaudron012 a {
	background: url(medias/chaudron/chaudron012.jpg) no-repeat bottom right;
}
.chaudron013 a {
	background: url(medias/chaudron/chaudron013.jpg) no-repeat bottom right;
}
.chaudron014 a {
	background: url(medias/chaudron/chaudron014.jpg) no-repeat bottom right;
}
.chaudron015 a {
	background: url(medias/chaudron/chaudron015.jpg) no-repeat bottom right;
}
.chaudron016 a {
	background: url(medias/chaudron/chaudron016.jpg) no-repeat bottom right;
}
.chaudron017 a {
	background: url(medias/chaudron/chaudron017.jpg) no-repeat bottom right;
}
.chaudron018 a {
	background: url(medias/chaudron/chaudron018.jpg) no-repeat bottom right;
}
.chaudron019 a {
	background: url(medias/chaudron/chaudron019.jpg) no-repeat bottom right;
}
.chaudron020 a {
	background: url(medias/chaudron/chaudron020.jpg) no-repeat bottom right;
}
.chaudron021 a {
	background: url(medias/chaudron/chaudron021.jpg) no-repeat bottom right;
}
.chaudron022 a {
	background: url(medias/chaudron/chaudron022.jpg) no-repeat bottom right;
}
.chaudron023 a {
	background: url(medias/chaudron/chaudron023.jpg) no-repeat bottom right;
}
.chaudron024 a {
	background: url(medias/chaudron/chaudron024.jpg) no-repeat bottom right;
	}
.chaudron025 a {
	background: url(medias/chaudron/chaudron025.jpg) no-repeat bottom right;
}
.chaudron026 a {
	background: url(medias/chaudron/chaudron026.jpg) no-repeat bottom right;
}
.chaudron027 a {
	background: url(medias/chaudron/chaudron027.jpg) no-repeat bottom right;
}
.chaudron028 a {
	background: url(medias/chaudron/chaudron028.jpg) no-repeat bottom right;
}
.chaudron029 a {
	background: url(medias/chaudron/chaudron029.jpg) no-repeat bottom right;
}
.chaudron030 a {
	background: url(medias/chaudron/chaudron030.jpg) no-repeat bottom right;
}
.chaudron031 a {
	background: url(medias/chaudron/chaudron031.jpg) no-repeat bottom right;
}
.chaudron032 a {
	background: url(medias/chaudron/chaudron032.jpg) no-repeat bottom right;
}