/* CSS Document */

/**STRUCTURE GENERAL**/
body {
	background-image: url(ihm/fond.gif);
	background-color: #66B03B;
	background-repeat: repeat-x;
}

#affichage {position:absolute;width:836px;height:610px;z-index:1;left: 15%;top: 5%;}
#logo {position:absolute;width:300px;height:136px;z-index:1;top: -10px;left: 526px;}
#texte-logo {position:absolute;width:250px;height:15px;z-index:2;left: 560px;top: 105px;}
#tetiere {position:absolute;width:526px;height:136px;z-index:3;left: 0px;top: -10px;}
#cadre-menu {position:absolute;width:826px;height:57px;z-index:1;left: 0px;top: 136px;}
#menu-bas {position:absolute;width:526px;height:20px;z-index:5;left: 300px;top: 585px;cursor:pointer;}
#contenu-accueil {position:absolute;width:826px;height:449px;z-index:1;left: 0px;top: 136px;}

#iframe-contenu {position:absolute;width:826px;height:392px;z-index:1;left: 0px;top: 0px;background-image: url(ihm/fond-contenu.gif);}
#iframe-contenu-T1I0 {position:absolute;width:826px;height:392px;z-index:1;left: 0px;top: 0px;background-image: url(ihm/fond-contenu.gif);}


/** Noms réservés Exml **/
#body-iframe-exml {background-image: url(ihm/fond-contenu.gif);}
#iframe-chapitre-exml{position:absolute;width:826px;height:392px;z-index:1;left: 0px;top: 191px;background-image: url(ihm/fond-contenu.gif);}
#iframe-rubrique-exml{position:absolute;width:826px;height:392px;z-index:1;left: 0px;top: 0px;background-image: url(ihm/fond-contenu.gif);}


/**LIENS BAS **/
#accueil {position:absolute;width:80px;height:15px;z-index:1;left: 100px;top: 0px;}
#contact {position:absolute;width:80px;height:15px;z-index:1;left: 210px;top: 0px;}
#espace-pro {position:absolute;width:80px;height:15px;z-index:2;left: 210px;top: 0px;}
#Tribune {position:absolute;width:100px;height:15px;z-index:3;left: 330px;top: 0px;}
#liens {position:absolute;width:60px;height:15px;z-index:4;top: 0px;left: 470px;}
#credits {position:absolute;width:70px;height:15px;z-index:5;left: 350px;top: 0px;}
#eponim {position:absolute;width:826px;height:15px;z-index:6;left: 0px;top: 620px;}

/**MENU**/
#menu1 {position:absolute;width:100px;height:15px;z-index:4;left: 20px;top: 22px;cursor:pointer;}
#menu1-roll {position:absolute;width:130px;height:100px;z-index:5;left: 10px;top: 15px;visibility: hidden;}
#titre-menu1roll {position:absolute;width:130px;height:20px;z-index:1;left: 0px;top: 8px;}
#sousmenu1 {
	position:absolute;
	width:115px;
	height:15px;
	z-index:2;
	left: 7px;
	top: 46px;
	line-height: 24px;
	cursor:pointer;
}

#menu2 {position:absolute;width:80px;height:15px;z-index:6;left: 135px;top: 22px;cursor:pointer;}

#menu3 {position:absolute;width:150px;height:15px;z-index:7;left: 220px;top: 22px;cursor:pointer;}
#menu3-roll {
	position:absolute;
	width:150px;
	height:131px;
	z-index:8;
	left: 220px;
	top: 15px;
	visibility: hidden;
}
#titre-menu3roll {position:absolute;width:140px;height:15px;z-index:4;left: 0px;top: 8px;}
#sousmenu3 {
	position:absolute;
	width:150px;
	height:15px;
	z-index:5;
	left: 7px;
	top: 46px;
	cursor:pointer;
	line-height: 20px;
}

#menu4 {position:absolute;width:95px;height:15px;z-index:5;left: 380px;top: 16px;cursor:pointer;}
#menu4-roll {
	position:absolute;
	width:150px;
	height:131px;
	z-index:6;
	left: 345px;
	top: 15px;
	visibility: hidden;
}
#titre-menu4roll {position:absolute;width:140px;height:15px;z-index:7;left: -15px;top: 8px;}
#sousmenu4 {
	position:absolute;
	width:120px;
	height:15px;
	z-index:8;
	left: 7px;
	top: 46px;
	cursor:pointer;
	line-height: 20px;
}

#menu5 {position:absolute;width:100px;height:25px;z-index:5;left: 495px;top: 16px;cursor:pointer;}
#menu5-roll {position:absolute;width:180px;height:172px;z-index:6;left: 455px;top: 10px;visibility: hidden;}
#titre-menu5roll {position:absolute;width:180px;height:30px;z-index:7;left: 0px;top: 6px;}
#sousmenu5 {position:absolute;width:180px;height:115px;z-index:8;left: 7px;top: 46px;line-height: 20px;cursor:pointer;}

#menu6 {position:absolute;width:100px;height:25px;z-index:5;left: 615px;top: 16px;cursor:pointer;}
#menu6-roll {position:absolute;width:125px;height:180px;z-index:6;left: 605px;top: 10px;visibility: hidden;}
#titre-menu-6roll {position:absolute;width:110px;height:30px;z-index:7;left: 6px;top: 6px;}
#sousmenu6 {position:absolute;width:110px;height:115px;z-index:8;left: 4px;top: 46px;line-height: 20px;cursor:pointer;}

#menu7 {position:absolute;width:100px;height:15px;z-index:1;left: 720px;top: 22px;}
#menu7-roll {position:absolute;left: 720px;top: 15px;width:106px;height:140px;z-index:2;visibility: hidden;}
#titre-menu7roll {position:absolute;width:130px;height:20px;z-index:15;left: -15px;top: 8px;}
#sousmenu7 {
	position:absolute;
	width:115px;
	height:15px;
	z-index:15;
	left: 7px;
	top: 46px;
	line-height: 24px;
	cursor:pointer;
}


#menurubrique1 {position:absolute;width:200px;height:15px;z-index:4;left: 0px;top: 0px;cursor:pointer;}
#menurubrique2 {position:absolute;width:200px;height:15px;z-index:4;left: 0px;top: 25px;cursor:pointer;}
#menurubrique3 {position:absolute;width:200px;height:15px;z-index:4;left: 0px;top: 50px;cursor:pointer;}
#menurubrique4 {position:absolute;width:200px;height:15px;z-index:4;left: 0px;top: 75px;cursor:pointer;}
#menurubrique5 {position:absolute;width:200px;height:15px;z-index:4;left: 0px;top: 110px;cursor:pointer;}
#menurubrique6 {position:absolute;width:200px;height:15px;z-index:4;left: 0px;top: 135px;cursor:pointer;}

/**CONTENU**/
#dessin {position:absolute;width:205px;height:373px;z-index:2;left: 10px;top: 20px;}

#dessin-index {position:absolute;width:205px;height:373px;z-index:2;left: 50px;top: 0px;}
#menu-gauche {
	position:absolute;
	width:200px;
	height:373px;
	z-index:100;
	left: 10px;
	top: 10px;
	margin-top: 43px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 7px;
}
#titre-contenu {position:absolute;width:580px;height:15px;z-index:2;top: 10px;left: 230px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #000000;}
#conteneur {position:absolute;width:580px;height:310px;z-index:5;left: 230px;top: 50px;line-height: 17px;overflow: hidden;}
#contenue {
	position:absolute;
	width:580px;
	z-index:4;
	left: 0px;
	top: 0px;
	line-height: 17px;
	float: right;
	height: 2500px;
}
#texte-contenu {
	position:absolute;
	width:335px;
	z-index:2;
	left: 0px;
	top: 0px;
}
#texte-index {
	position:absolute;
	width:530px;
	z-index:2;
	line-height: 17px;
	left: 0px;
	top: 0px;
}
#texte-contenu2{position:absolute;width:535px;z-index:2;left: 0px;top: 0px;}
#T1-C3I1T2 {position:absolute;width:380px;height:310px;z-index:2;left: 230px;top: 50px;line-height: 17px;}
#T2-C3I1T2 {position:absolute;width:200px;height:288px;z-index:2;left: 620px;top: 0px;line-height: 10px;}
#T1-T1I1{position:absolute;width:340px;z-index:2;left: 0px;top: 0px;}
#texte-contenu-T1I0{position:absolute;width:550px;z-index:2;left: 0px;top: 0px;}
#texte-contenu-T1{position:absolute;width:550px;z-index:2;left: 0px;top: 30px;}

#photo-contenu {position:absolute;width:230px;height:115px;z-index:3;top: 10px;left: 520px;}
#T2-C3I1T2S {position:absolute;width:200px;height:288px;z-index:2;left: 0px;top: -20px;line-height: 10px;}

/**EQUIPE**/
#equipe {
	position:absolute;
	width:550px;
	height:325px;
	z-index:16;
	left: 243px;
	top: 3px;
}
#equipe-ronan {
	position:absolute;
	width:550px;
	height:325px;
	z-index:1;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-ronan.jpg);
	visibility: hidden;
}
#equipe-helene {
	position:absolute;
	width:550px;
	height:325px;
	z-index:3;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-helene.jpg);
	visibility: hidden;
}
#equipe-kiko {
	position:absolute;
	width:550px;
	height:325px;
	z-index:5;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-kiko.jpg);
	visibility: hidden;
}
#equipe-jeromeB {
	position:absolute;
	width:550px;
	height:325px;
	z-index:6;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-jeromeB.jpg);
	visibility: hidden;
}
#equipe-thierry {
	position:absolute;
	width:550px;
	height:325px;
	z-index:1;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-thierry.jpg);
	visibility: hidden;
}
#equipe-GuillaumeC {
	position:absolute;
	width:550px;
	height:325px;
	z-index:7;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-guillaumeC.jpg);
	visibility: hidden;
}
#equipe-marine {
	position:absolute;
	width:550px;
	height:325px;
	z-index:9;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-marine.jpg);
	visibility: hidden;
}
#equipe-fabien {
	position:absolute;
	width:550px;
	height:325px;
	z-index:8;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-Fabien.jpg);
	visibility: hidden;
}
#equipe-guillaumeG {
	position:absolute;
	width:550px;
	height:325px;
	z-index:10;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-guillaumeG.jpg);
	visibility: hidden;
}
#equipe-jeromeP {
	position:absolute;
	width:550px;
	height:325px;
	z-index:11;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-jeromeP.jpg);
	visibility: hidden;
}
#equipe-nathalie {
	position:absolute;
	width:550px;
	height:325px;
	z-index:12;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-nathalie.jpg);
	visibility: hidden;
}
#equipe-gabrielle {
	position:absolute;
	width:550px;
	height:325px;
	z-index:13;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-gabrielle.jpg);
	visibility: hidden;
}
#equipe-chloe {
	position:absolute;
	width:550px;
	height:325px;
	z-index:14;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-chloe.jpg);
	visibility: hidden;
}
#equipe-anne {
	position:absolute;
	width:550px;
	height:325px;
	z-index:15;
	left: 243px;
	top: 3px;
	background-image: url(ihm/equipe-anne.jpg);
	visibility: hidden;
}
#lien-ronan {
	position:absolute;
	width:50px;
	height:115px;
	z-index:17;
	left: 275px;
	top: 50px;
}
#lien-helene {
	position:absolute;
	width:25px;
	height:55px;
	z-index:18;
	left: 362px;
	top: 65px;
}
#lien-kiko {
	position:absolute;
	width:20px;
	height:30px;
	z-index:19;
	left: 357px;
	top: 130px;
}
#lien-thierry {
	position:absolute;
	width:25px;
	height:30px;
	z-index:20;
	left: 385px;
	top: 42px;
}
#lien-guillaumeC {
	position:absolute;
	width:22px;
	height:30px;
	z-index:21;
	left: 425px;
	top: 35px;
}
#lien-fabien {
	position:absolute;
	width:20px;
	height:35px;
	z-index:22;
	left: 445px;
	top: 52px;
}
#lien-marine {
	position:absolute;
	width:30px;
	height:130px;
	z-index:23;
	left: 422px;
	top: 85px;
}
#lien-guillaumeB {
	position:absolute;
	width:35px;
	height:115px;
	z-index:24;
	left: 465px;
	top: 58px;
}
#lien-jeromeP {
	position:absolute;
	width:40px;
	height:80px;
	z-index:25;
	left: 500px;
	top: 55px;
}
#lien-jeromeB {
	position:absolute;
	width:25px;
	height:115px;
	z-index:26;
	left: 377px;
	top: 130px;
}
#lien-nathalie {
	position:absolute;
	width:30px;
	height:50px;
	z-index:27;
	left: 545px;
	top: 60px;
}
#lien-chloe {
	position:absolute;
	width:40px;
	height:115px;
	z-index:28;
	left: 575px;
	top: 70px;
}
#lien-gabrielle {
	position:absolute;
	width:30px;
	height:115px;
	z-index:29;
	left: 535px;
	top: 128px;
}
#lien-anne {
	position:absolute;
	width:60px;
	height:115px;
	z-index:30;
	left: 655px;
	top: 130px;
}
#texte-fabien {
	position:absolute;
	width:210px;
	height:310px;
	z-index:1;
	left: -230px;
	top: 5px;
}
#texte-marine {
	position:absolute;
	width:210px;
	height:310px;
	z-index:1;
	left: -230px;
	top: 5px;
}
#texte-guillaumeC {
	position:absolute;
	width:210px;
	height:310px;
	z-index:1;
	left: -230px;
	top: 5px;
}
#texte-guillaumeG {
	position:absolute;
	width:210px;
	height:310px;
	z-index:1;
	left: -230px;
	top: 5px;
}
#texte-jeromeP {
	position:absolute;
	width:210px;
	height:310px;
	z-index:1;
	left: -230px;
	top: 5px;
}
#texte-nathalie {
	position:absolute;
	width:210px;
	height:310px;
	z-index:1;
	left: -230px;
	top: 5px;
}
#texte-gabrielle {
	position:absolute;
	width:210px;
	height:310px;
	z-index:1;
	left: -230px;
	top: 5px;
}
#texte-chloe {
	position:absolute;
	width:210px;
	height:310px;
	z-index:1;
	left: -230px;
	top: 5px;
}
#texte-anne {
	position:absolute;
	width:210px;
	height:310px;
	z-index:1;
	left: -230px;
	top: 5px;
}
#texte-jeromeB {
	position:absolute;
	width:210px;
	height:310px;
	z-index:1;
	left: -230px;
	top: 5px;
}
#texte-kiko {
	position:absolute;
	width:210px;
	height:310px;
	z-index:1;
	left: -230px;
	top: 5px;
}
#texte-helene {
	position:absolute;
	width:210px;
	height:310px;
	z-index:2;
	left: -230px;
	top: 5px;
}
#texte-thierry {
	position:absolute;
	width:210px;
	height:310px;
	z-index:2;
	left: -230px;
	top: 5px;
}
#texte-ronan {
	position:absolute;
	width:210px;
	height:310px;
	z-index:2;
	left: -230px;
	top: 5px;
}

/**TEXTE**/
.Style1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #F7931D;}
.Style2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #F3E7C9;}
.Style3 {color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}
.Style4 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #84384A;}
.Style5 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;font-weight: bold;}	
.Style6 {font-size: 11px;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 18px;}
.Style7 {font-size: 11px;color: #84384A;font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 14px;}
.Style8 {font-size: 10px;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 13px;}