/*body {
	margin: 0px;
	padding: 0px;
}*/
div#header {
	text-align: center;
	background-color: #CCCCCC;
	height: 60px;
	margin: 0px;
	padding: 1px;
}
div#column2 {
	position: relative;
	top: -60px;
	margin: 0;
	padding: 0;
	color: white;
	text-align:left;
	/*background-image: url(./../en/side2.gif);
	background-position:right;
	background-repeat: repeat-y;*/
	background-image: url(./../images/vert_backgnd.png);
	
	width: 100%;
	background-color: #FFFF99;
	
}
div#column1 {
	margin: 0px;
	padding: 0px;
	
	/*background-image: url(./../en/side1.gif);
	background-repeat: repeat-y;*/
	
	background-image: url(./../images/vert_backgnd.png);
	
	width: 100%;
	
}
div#navcol {
	padding-left: 5px;
	width: 130px;
	float: left;
	border: 1px solid #004000;
}
div#main {
	text-align: center;
	padding: 5px;
	margin-left: 142px;
	margin-right: 142px;
	color: white;
}
div#sidecol {
	padding-left: 5px;
	width: 130px;
	float: right;
	border: 1px solid #004000;
}
div#foot {
	border-top: solid #000 1px;
	background-color: green;
	background-image: url("./../images/vert_backgnd.png");
	padding: 10px;
	text-align: center;
	clear: both;
}
.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
body
{
   text-align: center;
   font: italic normal 10pt georgia; 
   font-family: Georgia, "Comic Sans MS", "Trebuchet MS", serif;
   background-color: black;
   width: 800px;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 20px;    
   background-image: url(./../images/mikayla_bg.gif);/*../images/vert_backgnd.png);*/
   background-position: center;
   background-repeat: repeat-y;


   /*margin: 0px;*/

}

.text2{
font: italic normal 12pt georgia;
color:white;

}

#en_tete
{
	text-align: center;
	z-index: 2;
}
#en_tete h1{position: absolute;
    text-indent: -3500px;
    display: block;
    width: 153px;
    height: 60px;
    left: 42%;
    top: 0; }
#en_tete img {display: block;}

#underflashmenu
{
position : relative;
top: -60px;
width: 800px; 
}

#corps
{
	text-align: center;
	position: absolute; 
	width: 650px;
	top: 0;
	right: 0px; 
	margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: white;
	/*border: 1px solid #004000;*/
	border-bottom: none;
	z-index: 1;
/*	background-image: url(./../images/compare_bkgd.gif);*/
}

 a.nav:hover { color: rgb(0, 102, 0);
    text-decoration: underline overline;
    }

	a.d_link:link { 
    color: black;
    text-decoration: none;
    line-height: 22px;
    }

  a.d_link:visited {
  	color: black;
    text-decoration: none;
    }

  a.d_link:hover { border: 1px solid rgb(0, 0, 0);
    padding: 0px 2px;
    background-color: rgb(0, 102, 0);
    font-size: 17px;
    color: rgb(243, 233, 212);
    font-family: Verdana,Arial,sans-serif;
    text-decoration: none;
    }

  a.d_link:active { border: 1px solid rgb(0, 0, 0);
    padding: 0px 5px;
    background-color: rgb(243, 233, 212);
    font-size: 17px;
    color: rgb(0, 102, 0);
    font-family: Verdana,Arial,sans-serif;
    text-decoration: none;
    }
	
#corps h1 /* Tous les titres h1 du corps */
{
   text-align: center; /* Pour centrer le titre */
   font-family: "Arial Black", Arial, Verdana, serif;  /*On essaie d'avoir Arial Black en priorité */
   color: black; 
}
h2
{

background-image: url("./../images/mikaylamiles.jpg");
}

#carousel h2
{
background-image: none;
}

#corps .darkGreen{
background-color: #004000;
font-size: 16px;
padding: 2px 0 0 0 ;
}
#corps .darkGreen h1{
color: #ecd400;
font: italic bold 20pt georgia;
}

#corps h2 /* Tous les titres h2 du corps */
{
   /*height: 30px;*/

   /*background-image: url("images/titre.png");*/ /* Une petite image de fond sur les titres h2 */
   /*background-repeat: no-repeat; *//* L'image ne se répètera pas, elle sera à gauche du titre */
   font-size: 25px;
  
   color: maroon;
   text-align: center;
}
#corps h3 /* Tous les titres h1 du corps */
{
   font: italic normal 13pt georgia;
   font-family: Georgia, "Comic Sans MS", "Trebuchet MS", serif;
   color: black;
   text-align: center;
}

strong
{
color: #ecd400;
}


#menu
{
	text-align: center;
	position: relative;
	top: -60px;
	left: 0px;
	z-index: 10;
	background-image: url("./../images/mikaylamiles.jpg");
	background-position: bottom center;
	background-repeat: repeat-x;

	/*position: absolute; top: 0px; left: 0px; z-index: 10;*/
}

#news
{
	overflow:hidden;
	text-align: center;
	position: relative;
	top: 0px;
	float: left;
	width: 132px;
	border: 1px solid #004000;
    color: #ecd400;
	background-image: url("./../images/vert_backgnd.png");
}

#news2
{
	overflow:hidden;
	text-align: center;
	position: relative;
	top: 0px;
	float: left;
	width: 132px;
	border: 1px solid #004000;
    color: #ecd400;
	background-image: url("./../images/vert_backgnd.png");
}

#seconde_colone
{
	text-align: center;	
	position: relative;
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	margin-left: 8px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
    margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	top: -60px;
	float: left;
	width: 500px;
	
	border: 1px solid #004000;
    color: white;
	background-image: url("./../images/vert_backgnd.png");
}

#troisieme_colone
{
	text-align:left;
	position: relative;
	margin-left: 660px; /* Une marge à gauche pour pousser la section */
    margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	top: -60px;
	/*float: left;*/
	width: 132px;
	border: 1px solid #004000;
    color: white;
	background-image: url("./../images/vert_backgnd.png");
}

#pied_de_page
{font-size: 10px;
	
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	background-image: url("./../images/vert_backgnd.png");
   border: 1px solid #004000;
	clear: both;
}

#pied_de_page2
{font-size: 10px;
	position: relative;
	top: -60px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	background-image: url("./../images/vert_backgnd.png");
   border: 1px solid #004000;
	clear: both;
}

.menu_text
{
font-size: 10px;
	position: relative;
	top: -60px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	background-image: url("./../images/vert_backgnd.png");
   border: 1px solid #004000;
}

.ImageDecoupe img {display: block;}

.colonne_verte
{
 background-color:#004000;
 text-align:left;
 color:rgb(0, 200, 150);
}
.imageflottante
{
   float: left;
}

.imageflottantedroite
{
   float: right;
 
}

a.new_deco:link {
padding: 5px 2px;
text-align: left; 
 text-decoration: none;
 background-image: url("./../images/New_icons_31.gif");
background-repeat:no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
}
a.new_deco:visited {
padding: 5px 2px;
text-align: left; 
 text-decoration: none;
 background-image: url("./../images/New_icons_31.gif");
background-repeat:no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
}
a.new_deco:hover {
padding: 5px 2px;
text-align: left; 
 text-decoration: none;
 background-image: url("./../images/New_icons_31.gif");
background-repeat:no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
}
a.new_deco:active {
padding: 5px 2px;
text-align: left; 
 text-decoration: none;
 background-image: url("./../images/New_icons_31.gif");
background-repeat:no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
}

a.new_decorated:link {
padding: 5px 2px;
text-align: left; 
    color: black;
    text-decoration: none;
    line-height: 20px;
	background-image: url("./../images/New_icons_31.gif");
background-repeat:no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */



    }

  a.new_decorated:visited {
  padding: 5px 5px;
  text-align: left;
  	color: black;
    text-decoration: none;
	background-image: url("./../images/New_icons_31.gif");
background-repeat:no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */



    }

  a.new_decorated:hover { border: 1px solid rgb(0, 0, 0);
    padding: 0px 2px;
    background-color: rgb(0, 102, 0);
    font-size: 11px;
    color: rgb(243, 233, 212);
    font-family: Verdana,Arial,sans-serif;
    text-decoration: none;
	background-image: none;
    }

  a.new_decorated:active { border: 1px solid rgb(0, 0, 0);
    padding: 0px 5px;
    background-color: rgb(243, 233, 212);
    font-size: 11px;
    color: rgb(0, 102, 0);
    font-family: Verdana,Arial,sans-serif;
    text-decoration: none;
    }
	

.imageflottanteapres
{
   	float: right;
 	position: relative;
	left: -7px;
}

.imageflottantedroiteLayer
{
	float: right;
	position: relative;
	z-index: 5;
	left: -38px;
}

.h1_flottant
{
   color: yellow;
   float: right;
   position: relative;
   left: 65%;/*140px;*/
   top: -20px;
   font-size: x-large;
   text-align: center;
   font-family: "Arial Black", Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité */
}

#webcam
{
   width: 230px;
   background-color: #004000;
   
   /*border: 2px solid #004000;*/
   font-size: small;
   /*position: relative;
   left: 1px;
   top: 1px;
   z-index: 10*/
}

th
{
   background-color: #006600;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}


#container{
position: absolute;
margin-right: auto; 
margin-left: auto;
top: 0px; /* whatever you want */
left: 0px; /* VERY important */
width: 100%; /* VERY important */
z-index: -1;
}
#content {
width: 800px; /* free of choice*/
margin-right: auto;
margin-left: auto;
text-align: center;

}

#stats_table
{
background-color: transparent ;
}
#corps .stats_table table
{
	font: italic normal 8pt georgia; 
	width: 440px;
	background-color: transparent ;
	border: 1px solid #004000;

	/* This is an IE filter command. Other browsers will ignore it */
/* It goes into the trans_div class */

/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./../images/30percent.png');*/

background-image:url(./../images/30percent.png);
}



#corps .stats_table td
{
color: black;
background-color: transparent ;
}

#corps table
{

   font-size: small;
   border: none;
}
#corps td
{
   background-color: #004000;
   border: none;
}
/*#corps tr.color
	background-color: #D75951;
}
*/
#pix
{
overflow:hidden;

}
#corps .pix td
{
	overflow:hidden;
	height: 120px;
	width: 100px;
	background-color: transparent ;
	border: none;
}

#corps .pix td img
{
	overflow:hidden;
	width: 100px;
	border:0;
}

.noborder
{
   background-color: transparent ;
   border: none;
}

#corps .noborder table td
{
background-color: transparent ;
}
.title_in_table
{
	width: 380px;
	color: yellow;
	background-image: url("./../images/vert_backgnd.png");
	border: none;
	font-size: small;
	/*text-align: center;*/
	
	font-family: "Arial Black", Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité */
}

.title
{
	color: #ecd400;
	font:xx-large italic Georgia;
}


  a.b_link:link { 
    color: black;
    text-decoration: none;
    line-height: 20px;
	font-size: 12px;
    }

  a.b_link:visited {
  	color: black;
    text-decoration: none;
    }

  a.b_link:hover { border: 1px solid rgb(0, 0, 0);
    padding: 0px 2px;
    background-color: rgb(0, 102, 0);
    font-size: 11px;
    color: rgb(243, 233, 212);
    font-family: Verdana,Arial,sans-serif;
    text-decoration: none;
    }

  a.b_link:active { border: 1px solid rgb(0, 0, 0);
    padding: 0px 5px;
    background-color: rgb(243, 233, 212);
    font-size: 11px;
    color: rgb(0, 102, 0);
    font-family: Verdana,Arial,sans-serif;
    text-decoration: none;
    }

  a.m_link:link { border: none;
    padding: 1px 6px;
    font-size: 13px;
	color: rgb(0, 200, 150);
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    text-decoration: none;
    }

  a.m_link:visited { border: none;
    padding: 1px 6px;
    font-size: 13px;
    font-weight: normal;
    color: rgb(0, 200, 150);
    font-family: Verdana,Arial,sans-serif;
    text-decoration: none;
    }

  a.m_link:hover { border: none;
    padding: 1px 6px;
    font-size: 13px;
    font-weight: bold;
	font-style: italic;
    color: rgb(243, 233, 212);
	background-color: rgb(0, 102, 0);
    font-family: Verdana,Arial,sans-serif;
    
	text-decoration: overline underline;
		
    }

  a.m_link:active { border: none;
    padding: 1px 6px;
    font-size: 13px;
    font-weight: bold;
    color: rgb(243, 233, 212);
	background-color: rgb(0, 102, 0);
    font-family: Verdana,Arial,sans-serif;
    text-decoration: none;
    }
	
  a.c_link:link { 
    color: beige;
    text-decoration: none;
    line-height: 20px;
    }

  a.c_link:visited {
  	color: beige;
    text-decoration: none;
    }

  a.c_link:hover { border: 1px solid rgb(0, 0, 0);
    padding: 0px 2px;
    background-color: rgb(0, 102, 0);
    color: rgb(243, 233, 212);
    font-size: 13px;
    text-decoration: none;
    }

  a.c_link:active { border: 1px solid rgb(0, 0, 0);
    padding: 0px 5px;
    background-color: rgb(243, 233, 212);
    font-size: 13px;
    color: rgb(0, 102, 0);
    text-decoration: none;
    }



#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}

#corpstab
{
	text-align: left;
	position: relative;
	top: -60px;
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: white;
	border: 1px solid #004000;
	height:1030px;
	overflow:hidden;	
}

.TextOverTransparent {
width:80%;
color:#FFFF33;
	text-align:center;
	opacity: .6;
	filter: alpha(opacity=60);
	background-color:#666666;
	}

#corps .TextOverTransparent h1 
{
   text-align: center; /* Pour centrer le titre */
   font-family: "Arial Black", Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité */
   color: #FFFF33; 
}
	
.Textimg {
width:80%;
	position: relative;
	top: -148px;
	left: 15px;
	text-align:center;
	opacity: .6;
	filter: alpha(opacity=60);
	background-color:#666666;
	}
#Kbox1 {
	Z-INDEX: 2; POSITION: relative; LEFT: 250px; overflow:hidden; WIDTH: 150px;  TOP: 0px; HEIGHT: 150px
}

#KboxCenter {
	Z-INDEX: 1; POSITION: relative; LEFT: 150px; overflow:hidden; WIDTH: 350px;  TOP: 0px; HEIGHT: 420px
}

#Kbox2 {
	Z-INDEX: 3; POSITION: relative; LEFT: 365px; overflow:hidden; WIDTH: 150px;  TOP: -430px; HEIGHT: 150px
}
#Kbox3 {
	Z-INDEX: 4; LEFT: 480px; overflow:hidden; WIDTH: 150px; POSITION: relative; TOP: -440px; HEIGHT: 150px
}

#Kbox4 {
	Z-INDEX: 5; LEFT: 365px; overflow:hidden; WIDTH: 150px; POSITION: relative; TOP: -450px; HEIGHT: 150px
}
#Kbox5 {
	Z-INDEX: 6;  LEFT: 250px; overflow:hidden; WIDTH: 150px; POSITION: relative; TOP: -460px; HEIGHT: 150px
}
#Kbox6 {
	Z-INDEX: 7;  LEFT: 135px; overflow:hidden; WIDTH: 150px; POSITION: relative; TOP: -750px; HEIGHT: 150px
}
#Kbox7 {
	Z-INDEX: 8; LEFT: 20px; overflow:hidden; WIDTH: 150px; POSITION: relative; TOP: -1040px; HEIGHT: 150px
}
#Kbox8 {
	Z-INDEX: 9; LEFT: 135px; overflow:hidden; WIDTH: 150px; POSITION: relative; TOP: -1330px; HEIGHT: 150px
}

.photo_text {
	BORDER-RIGHT: rgb(0,0,0) 1px dotted; PADDING-RIGHT: 6px; BORDER-TOP: rgb(0,0,0) 1px dotted; PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: rgb(0,0,0) 1px dotted; WIDTH: 100%; PADDING-TOP: 4px; BORDER-BOTTOM: rgb(0,0,0) 1px dotted; FONT-FAMILY: verdana,arial,helvetica,sans-serif; background-image:url(./../images/30percent.png);
}

.gallery {
	BORDER-RIGHT: rgb(0,102,0) 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: rgb(0,102,0) 1px solid; PADDING-LEFT: 4px;  PADDING-BOTTOM: 4px; BORDER-LEFT: rgb(0,102,0) 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: rgb(0,102,0) 1px solid; background-image:url(./../images/30percent.png);
}

.SmallText {
	FONT-SIZE: 10px; COLOR: rgb(0,0,0); FONT-FAMILY: verdana,arial,helvetica,sans-serif
}

img.thumb {
border:solid 1px;
border-color: rgb(0,102,0); 
}

.thumb50_r {
float:right;
overflow:hidden;
	height: 50px;
	width: 50px;
border:solid 1px;
border-color: rgb(0,102,0); 
}
.thumb50_l {
float:left;
overflow:hidden;
	height: 50px;
	width: 50px;
border:solid 1px;
border-color: rgb(0,102,0); 
}

.thumb130_r {
float:right;
overflow:hidden;
	height: 120px;
	width: 120px;
border:solid 1px;
border-color: rgb(0,102,0); 
}
.thumb130_l {
float:left;
overflow:hidden;
	height: 120px;
	width: 120px;
border:solid 1px;
border-color: rgb(0,102,0); 
}

.thumb110_r {
float:right;
overflow:hidden;
	height: 110px;
	width: 110px;
border:solid 1px;
border-color: rgb(0,102,0); 
}
.thumb110_l {
float:left;
overflow:hidden;
	height: 110px;
	width: 110px;
border:solid 1px;
border-color: rgb(0,102,0); 
}
#tooltip { position:absolute;
 visibility:hidden;
z-index:100;
   left : -120px;
   background-color:#fff;
   padding:0.5em;
   font-size:0.8em;
   font-weight : bold;
   color : #000;
  filter:alpha(opacity=100);   /* IE */
  -moz-opacity:1;           /* Firefox */
  opacity: 1;               /* standard CSS3 */
  -khtml-opacity: 1;        /* Konqueror */ }