/*************************************************************************

*                   LCSI Style Sheet                                     *

*************************************************************************/

/*=======================================================================
  Definitions Elements Standards
========================================================================*/
/*structure*/

/* ===anti-float=== */ 

.anti_float {clear : both;}

/*===spacers====*/
.cent {height:100px; clear:both;}
.cinquante {height:50px; clear:both;}
.vingtcinq {height:25px; clear:both;}

body {
margin:3px 3px 0 3px;
padding:0;
background:#EAEAEA;
}

#level0 {
margin:auto;
width:800px;
background:#FFFFFF;
}


/*
#boxgauche1{
float:left;
width:20%;
background:#FFFFFF;
//padding-bottom:15px;
}*/

/*
#bottom {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
height:400px;

//padding: 400px 0 0 0;


}*/
/*
#boxdroite1 {
float:right;
width:800px;
background:#FFFFFF;
}
*/

#header {
	height:80px;
	width:705px;
	float:left;
	background:#FFFFFF;
	clear:left;
	padding: 10px;
	margin: 0px;
}


#topBar, #MenuBar{text-align:right;  margin: 0 2px 0 2px; height:auto; width:auto;}

#topBar {

background:#FFFFFF;
text-decoration: none;
}

#MenuBar {

background:#FFFFFF;
text-decoration: none;
}

li.minimenu{
display: inline;
padding-left: 30px;
padding-right: 30px;
 }

li.menu{
display: inline;
padding-left: 5px;
padding-right: 5px;
border-right: 1px dotted #666666;
}

.minimenu a:link, .minimenu a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 14px;
font-weight:normal;
margin: 4px 5px 4px 0px;
text-decoration: none;
color:#999999;
text-transform: lowercase;
font-size: 10px;
}

.minimenu a:link#current, .minimenu a:visited#current{
border-bottom: 2px solid #999999;
padding-bottom: 0px;
color: #000000;
}

.minimenu a:hover { color: #000000; }

ul.minimenu{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
  
.menu a:link, .menu a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 22px;
font-weight:normal;
margin: 4px 5px 4px 0px;
text-decoration: none;
color:#999999;
text-transform: uppercase;
font-size: 14px;
}

.menu a:link#current, .menu a:visited#current{
border-bottom: 4px solid #EE2690;
padding-bottom: 0px;
color: #000000;
}

.menu a:hover { color: #000000; }

ul.menu{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#flashcontent {
background:#FFFFFF;
width: 800px;
height: 600px;
}

#content{
/*padding-bottom: 50px;*/
width: 800px;
height: auto;
overflow: auto;
background:#FFFFFF;
/*min-height: 100%;*/
clear:both;

}

#colonne{
	height:auto;
	vertical-align:center;
	/*padding:inherit ;*/
margin:inherit;
	background:#FFFFFF;
	color:#000000;
	float:left;
}

#colonnetexte{

height:auto;
vertical-align:center;
/*padding:inherit;*/
margin:inherit;
background:#FFFFFF;
color:#000000;
float:left;
}

.boite{

vertical-align:center;
background:#FFFFFF;
border: 1px dotted #999999;
}

.boiteimage{

vertical-align:center;
background:#FFFFFF;

}

/* gallerie references*/

.gallerycontainer{
position: absolute;
height:100px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
/*position: relative;*/
/*background-color: lightyellow;*/
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
position:absolute;
top:170px;
left:350px;
border-width: 0;

}
.thumbnail span p{ /*CSS for enlarged image text*/
position:absolute;
top:250px;
left:0px;
/*border-width: 0;*/
border: 1px dashed gray;
width:40%;

}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 100px;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/* fin gallerie references*/
.float {
 	float:left;
	width:100px;
	height:100px;
 }
.floattxt {
 	float:left;
	width:100px;
	height:50px;
 }
.floattxt p {
 	text-align:center;
	text-indent:0;
  }
  

#footer {
/*position:relative;*/
padding-top:10px;
bottom:0;
width:800px;
height:50px;
border-top: 4px solid #EE2690;
background:#FFFFFF;
color:#000000;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
}


/*Format du text*/

p, p.petit1, p.petit2, li.para, h1, a.lien{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
line-height:120%;
font-weight:normal;
letter-spacing:normal;
word-spacing:2.8px;
margin-left:auto;
margin-right:auto;
text-align:justify; 

}

p {
	font-size:0.8em;
	width:80%;
	text-indent:20px;
	text-align:left;
	margin-bottom: 0px;
}

li.para{
	font-size:0.8em;
	text-indent:0;
	text-align:justify;
	width:80%;
	list-style: disc outside url(images/bille10.gif);
	}

p.petit1{
font-size:0.6em;
text-indent:20px; 
width:90%; 
/*padding:10px 10px 0 10px;*/
text-align:center;
}
p.petit2{
font-size:0.6em;
text-indent:10px; 
width:90%;
/*padding:10px 10px 0 10px;*/
text-align:center;
}

li {vertical-align: text-top;}

a.lien{
	font-size:1em;
	text-indent:0px;
	text-align:justify;
}

h1 {
font-size:0.8em;
width:80%; 

text-align:center; 
text-decoration:none;
}

a img{
border:none;
}

html
{
overflow-y: scroll;
}