body {
	background : url("fondraye.gif");
	background-color : #322d27;
	text-align : center;
}

A:link {
	color : #444444;
	text-decoration : none;
	padding : 0px;
}

input {
	font: 10pt 'verdana', Verdana, Helvetica, sans-serif;
}

A:hover {
	color : #888888;
}

A:active {
	color : #989440;
	text-decoration : none;
	border : 0px dotted #000000;
	padding : 0px;
}


A:active:hover {
	color : #888888;
}

A:visited {
	color : #989440;
	text-decoration : none;
	padding : 0px;
}

A:visited:hover {
	color : #000000;
}

td {font-weight: bold; text-align: left;
	text-indent: 0px ;
	font: 10pt 'verdana', Verdana, Helvetica, sans-serif;
	font-size :11px;}
td.liste{text-align: left;
	text-indent: 0px ;
	font: 10pt 'verdana', Verdana, Helvetica, sans-serif;
	font: 10pt 'verdana', Verdana, Helvetica, sans-serif;
	font-size : 11px;}
th {
	text-indent: 0px ;
	padding-top: 10;
	padding-bottom: 10;
	font: 11pt 'verdana', Verdana, Helvetica, sans-serif;}

/* mise en page */

h1 {	
	font-size : 8pt;
	margin-left : 20px;
	margin-right : 20px;
	color : #444444;
	letter-spacing : 0;
}

h2 {
	text-align:right;
	font-size : 8pt;
	margin-left : 20px;
	margin-right : 10px;
	color : #444444;
	letter-spacing : 0;
}

h3 {
	
	text-align:right;
	font-size : 7pt;
	margin-left : 20px;
	margin-right : 10px;
	color : #444444;
	letter-spacing : 0;
	line-height:10px;
}

h4 {

		font-size : 8pt;
	color : #AAAAAA;
	font-weight:light;
}

blockquote {
	margin-left:0px;
	margin-right:10px;
	/margin-bottom:-5px;
	/margin-top:-5px;
    text-indent: 0px ;
    font: italic 1.4em Times New Roman, Times, serif;
    color : #888888;
    font-size : 10pt;
    /font-size : 10pt;
    line-height : 18px;
    /background: url('guillemet1.gif') no-repeat left top;
}

blockquote:first-letter {
	padding-left: 20px;
	padding-top:10px;
	/padding-left: 20px;
	/padding-top: 10px;
    background: url('guillemet1.gif') no-repeat left top;
}

blockquotefin {
	padding-left: 25px;
	padding-bottom:5px;
    background: url('guillemet2.gif') no-repeat right bottom;

}

/* Containers */

#haut	{
	background:#111111;
	position: relative;
	/left:-29px;
	margin-bottom: -50px;
	/margin-bottom: -47px;
	margin-left: auto;
	margin-right: auto;
	border:#7ab030 1px solid;
	border-right:#7ab030 0px solid;
	-moz-border-radius: 0px 60px 0px 0px;
	-WebKit-border-top-right-radius: 60px;
	width:990px;
	/width:942px;
	height:110px;
	line-height:26px;
	letter-spacing:-2px;
	text-align: right;
	padding-right:10px;
	text-transform:uppercase;
	}

#largeur	{
	position: relative;
	width:1160px;
	margin-left: auto;
	margin-right: auto;
	border:#111111 0px solid;
}

#centre	{
	position: relative;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	margin-top:1px;
	border:#7ab030 1px  solid;
	border-top:#7ab030 1px  solid;
	border-bottom:#7ab030 0px  dotted;
	-moz-border-radius: 3px 60px 3px 3px;
	-WebKit-border-top-right-radius: 60px;
	width:1000px;
	height:500px;
	overflow: hidden; /* Pour ajouter l'ascenceur */
	background:#FFFFFF;
	padding:0px;
	font: 10pt 'verdana', Verdana, Helvetica, sans-serif;
	color:#444444;
	line-height:19px;
	text-align:justify;
	font-size : 8pt;
	}


#centre2	{
	position: relative;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 3px 60px 3px 3px;
	-WebKit-border-top-right-radius: 60px;
	width:1000px;
	height:349px;
	overflow: auto; /* Pour ajouter l'ascenceur */
	}


#sponsors	{

	position: relative;
	/right:-20px;
	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;
	border:#7ab030 1px  solid;
	border-top:#7ab030 0px  dotted;
	-moz-border-radius: 1px 1px 1px 60px;
	-WebKit-border-radius: 1px;
	-WebKit-border-bottom-left-radius: 60px;
	width:1000px;
	/width:960px;
	height:84px;
	/height:85px;
	background:#FFFFFF;
	opacity: 0.9;
	filter:alpha(opacity=90);
	text-align: center;
	font: 9pt/14pt 'Verdana', Helvetica, sans-serif;
	letter-spacing:10px;
	}
	

#footer	{
	
	background:transparent;
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	height:10px;
	text-align:right;
	text-transform:uppercase;
	font: 7pt/8pt 'verdana', Helvetica, sans-serif;
	color:#999999;

}

#slogant {
	background : transparent;
	margin-left : auto;
	margin-right : auto;
	margin-top : 55px;
	width : 1000px;
	height : 12px;
	text-align : left;
	text-transform : uppercase;
	font : 8pt/9pt 'verdana', Helvetica, sans-serif;
	color : #777777;
	font-size : 9px;
	padding-left : 200px;
	/padding-left: 100px;
}

#gauche {
	position : relative;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 30px;
	margin-bottom : 30px;
	/margin-bottom : 0px;
	background : transparent;
	width : 480px;
	/width : 500px;
	height : 450px;
	float : left;
	border-right : 1px dotted #999999;
	text-align : justify;
	padding-left: 10px;
	padding-right: 10px;
	font : 8pt/9pt 'verdana', Helvetica, sans-serif;
	color : #444444;
	font-size : 11px;
	line-height : 16px;
	text-indent: 20px;
}


#droite {
	position : relative;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 30px;
	margin-bottom : 30px;
	background : transparent;
	width : 470px;
	/width: 480px;
	height : 450px;
	float : right;
	text-align : justify;
	padding-left: 10px;
	padding-right: 15px;
	font : 8pt/9pt 'verdana', Helvetica, sans-serif;
	color : #444444;
	font-size : 11px;
	line-height : 16px;
	text-indent: 20px ;
}

#diagcentre {
	position : relative;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 30px;
	margin-bottom : 30px;
	/margin-bottom : 0px;
	background : transparent;
	width : 900px;
	/width : 900px;
	height : 450px;
	float : left;
	border-right : 0px dotted #999999;
	text-align : justify;
	padding-left: 10px;
	padding-right: 10px;
	font : 8pt/9pt 'verdana', Helvetica, sans-serif;
	color : #444444;
	font-size : 11px;
	line-height : 16px;
	text-indent: 20px;
}


#titnews {

	position : relative;
	margin-left : -1px;
	margin-right : 0px;
	/margin-right : -1px;
	margin-top : -26px;
	margin-bottom : 0px;
	background:#EEEEEE;
	width : 380;
	/width : 381;
	height : 24px;
	float : left;
	border : 1px solid #7ab030;
	-moz-border-radius: 0px 0px 0px 0px;
	-WebKit-border-radius: 0px;
	-WebKit-border-top-right-radius: 0px;
	text-align : left;
	font : bold 12px verdana, arial, sans-serif;
	color : #444444;
	padding-left: 15px;
	padding-right: 0px;
	font-size : 10px;
	line-height : 26px;
	letter-spacing:-1px;
	text-transform:uppercase;
}

#titmdp {
	position : relative;
	margin-left : -11px;
	margin-right : 0px;
	/margin-right : -20px;
	margin-top : -26px;
	margin-bottom : 10px;
	background:#EEEEEE;
	width : 575;
	height : 24px;
	float : left;
	border : 1px solid #7ab030;
	border-right : 0px solid #7ab030;
	-moz-border-radius: 0px 0px 0px 0px;
	-WebKit-border-radius: 0px;
	-WebKit-border-top-left-radius: 0px;
	text-align : left;
	font : bold 12px verdana, arial, sans-serif;
	color : #444444;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 0px;
	font-size : 10px;
	line-height : 26px;
	letter-spacing:-1px;
	text-transform:uppercase;

}

#mdp {
	position : relative;
	margin-left : 0px;
	margin-right : 1px;
	margin-top : 11px;
	margin-bottom : 10px;
	background : transparent;
	width : 570px;
	height : 138px;
	/height : 138px;
	float : right;
	border : 1px dotted #7ab030;
	border-right : 0px dotted #7ab030;
	-moz-border-radius: 0px 0px 0px 0px;
	-WebKit-border-bottom-left-radius: 0px;
	text-align:justify;
	font : 7pt/8pt 'verdana', Helvetica, sans-serif;
	color : #444444;
	padding-left: 10px;
	padding-right: 10px;
	font-size : 11px;
	line-height : 18px;

}

.fb {
	text-align: center;
}


#news {
	position : relative;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 11px;
	margin-bottom : 10px;
	background : transparent;
	width : 395px;
	/width : 380;
	height : 138px;
	float : left;
	border : 1px dotted #7ab030;
	border-left : 0px dotted #7ab030;
	-moz-border-radius: 0px 0px 0px 0px;
	-WebKit-border-bottom-right-radius: 0px;
	text-align : left;
	font : 7pt/8pt 'verdana', Helvetica, sans-serif;
	color : #444444;
	padding-left: 0px;
	font-size : 11px;
	line-height : 18px;
}

#news a:visited  {
	color: #000000;
	font : 7pt/8pt 'verdana', Helvetica, sans-serif;
}

/* Images */

.directeur {
width: 100px;
height:130px;
margin-right: 10px;
border : 1px dotted #7ab030;
float:left;
background: url("dellebarre.jpg") no-repeat top center;
}


.hd {

	position: absolute;
	left:50%;
	/left:0%;
	/background: url("chd.png") no-repeat top center;
	width: 70px;
	height:139px;
	margin-top:-115px;
	/margin-top: -116px;
	margin-bottom: 0px;
	margin-left: 437px;
	/margin-left: 1017px;
	 
	} 
	
.bgauche {

	position: relative;
	left:50%;
	/left:0%;
	/background: url("bgauche2.png") no-repeat bottom center;
	width: 70px;
	/height:535px;
	margin-top:377px;
	/margin-top: 370px;
	margin-bottom: 0px;
	margin-left: -413px;
	/margin-left: -956px;
	 
	} 


.logo {

	position: relative;
	left:50%;
	/left:0%;
	background: url("ESLOGO7.png") no-repeat top left;
	width:310px;
	height:185px;
	margin-top:-762px;
	margin-bottom: 0px;
	margin-left: -585px;
	/margin-left: -860px;
	 
	} 
	
  
.basdroit {
	position: relative;
	left:50%;
	/left:0%;
	background: url("basdroit.png") no-repeat top right;
	width:200px;
	height:180px;
	margin-top: -166px;
	/margin-top: -167px;
	margin-bottom: 10px;
	margin-left: 366px;
	/margin-left: 928px;
 
} 

.fibre {
width: 100px; 
height:75px;
float:left;
margin-top : 15px;
margin-right : 5px;
border : 1px dotted #7ab030;
background: url("fibre.jpg") no-repeat top center;
}

.molecule {
width: 100px; 
height:100px;
float:left;
margin-top : 15px;
margin-right : 5px;
border : 0px dotted #7ab030;
background: url("molecule.png") no-repeat top center;
}

.recyclage {
width: 100px; 
height:100px;
float:right;
margin-top : 5px;
margin-left : 5px;
border : 0px dotted #7ab030;
background: url("recyclage.png") no-repeat top center;
}

.diagramme {
width: 900px; 
height:300px;
margin-top : 15px;
margin-left : 30px;
border : 0px dotted #7ab030;
background: url("diagramme.jpg") no-repeat top center;
}

.connectspace {
	width: 900px; 
	height:300px;
	margin-top : 30px;
	margin-left : 30px;
	border : 0px dotted #7ab030;
	text-align:center;
}

.tablecenter {
	margin: 0 auto;
}

.ulprojet {
	list-style-image: url("Images/028.png");
}

.categorie_stage {
	list-style-image: url("Images/folder.gif");
	padding: 0px;
	padding-left: 10px;
	margin: 12px;
	margin-bottom: 5px;
}

.stages {
	list-style-image: url("Images/view.gif");
	padding: 0px;
	padding-left: 10px;
	margin: 12px;
	margin-bottom: 5px;
}

/*membres*/
.trombi {
width: 460px; 
height:320px;
margin-top : 0px;
margin-left:20px;
border : 0px dotted #7ab030;
text-indent: 0px;
}

.xavier {
float:left;
width: 110px; 
height:150px;
border : 0px dotted #7ab030;
text-align:center;
color : #888888;
}

.pxavier {
width: 100px; 
height:110px;
margin-bottom:5px;
border : 1px dotted #7ab030;
background: url("Thibault.JPG") no-repeat top center;
}

.olivier {
float:left;
width: 110px; 
height:150px
margin-top:10px;
text-align:center;
border : 0px dotted #7ab030;
color : #888888;
}

.polivier {
width: 100px; 
height:110px;
margin-bottom:5px;
margin-top:20px;
border : 1px dotted #7ab030;
background: url("Danyi.JPG") no-repeat top center;
}

.florian {
float:left;
width: 110px; 
height:150px;
text-align:center;
border : 0px dotted #7ab030;
color : #888888;
}

.pflorian {
width: 100px; 
height:110px;
margin-bottom:5px;
border : 1px dotted #7ab030;
background: url("Philippe.JPG") no-repeat top center;
}

.nassira {
float:left;
width: 110px; 
height:150px
margin-top:10px;
text-align:center;
border : 0px dotted #7ab030;
color : #888888;
}

.pnassira {
width: 100px; 
height:110px;
margin-bottom:5px;
margin-top:20px;
border : 1px dotted #7ab030;
background: url("Alexandre.jpg") no-repeat top center;
}

.pxavier2 {
width: 100px; 
height:110px;
margin-bottom:5px;
border : 1px dotted #7ab030;
background: url("Jerome.JPG") no-repeat top center;
}


.polivier2 {
width: 100px; 
height:110px;
margin-bottom:5px;
margin-top:20px;
border : 1px dotted #7ab030;
background: url("Thibaut.JPG") no-repeat top center;
}

.pflorian2 {
width: 100px; 
height:110px;
margin-bottom:5px;
border : 1px dotted #7ab030;
background: url("Paul.JPG") no-repeat top center;
}

.pnassira2 {
width: 100px; 
height:110px;
margin-bottom:5px;
margin-top:20px;
border : 1px dotted #7ab030;
background: url("Cheng.JPG") no-repeat top center;
}
/* Sponsors */

.bnp {
width: 130px;
width : 180px; 
margin-left : 200px;
margin-top : 20px;
float:left;
height:50px;
border : 0px dotted #7ab030;
}

.esstin {
width: 130px;
height:60px;
float:left;
margin-top : 15px;
border : 0px dotted #7ab030;

}

.uhp {
width: 130px;
height:60px;
float:left;
margin-top : 20px;
border : 0px dotted #7ab030;
}

.cnje {
width: 130px; 
height:70px;
float:left;
margin-top : 5px;
border : 0px dotted #7ab030;
}

/* Menu */

ul#tabnav {
	position : relative;
	font : bold 12px verdana, arial, sans-serif;
	letter-spacing:-1px;
	text-transform : uppercase;
	list-style-type : none;
	padding-bottom : 25px;
	border-bottom : 0 solid #7ab030;
	margin-top : 36px;
	/margin-top : 39px;
	margin-left : 220px;
}

ul#tabnav li {
	float : left;
	height : 24px;
	background-color : #111111;
	margin : 0 5px 0 5px;
	border : 1px solid #322d27;
}

ul#tabnav li:hover {
	float : left;
	height : 24px;
	background-color : #111111;
	margin : 0 5px 0 5px;
	border-right : 1px solid #aaaaaa;
	border-bottom : 0 solid #aaaaaa;
	border-left : 1px solid #aaaaaa;
	border-top : 1px solid #aaaaaa;
}

ul#tabnav li.active {
	background-color : #EEEEEE;
	border-right : 1px solid #7ab030;
	border-bottom : 1px solid #EEEEEE;
	border-left : 1px solid #7ab030;
	border-top : 1px solid #7ab030;
}

ul#tabnav li.active a {
	background-color : #EEEEEE;
	color : #333333;
}


#tabnav a {
	float : left;
	display : block;
	color : #ffffff;
	text-decoration : none;
	padding : 4px;
}

#tabnav li.a:hover {

}

ul#tabnav li2 {
	float : left;
	height : 24px;
	background-color : #322d27;
	margin : 0 5px 0 5px;
	border-right : 1px solid #7ab030;
	border-bottom : 0 solid #7ab030;
	border-left : 1px solid #7ab030;
	border-top : 1px solid #7ab030;
}

ul#tabnav li2:hover {
	float : left;
	height : 24px;
	background-color : #322d27;
	margin : 0 5px 0 5px;
	border-right : 1px solid #aaaaaa;
	border-bottom : 0 solid #aaaaaa;
	border-left : 1px solid #aaaaaa;
	border-top : 1px solid #aaaaaa;
}