html, body
{
  height:100%;margin:0;
}

#main
  {
  width:100%;
  background-color:#E3E3E3;
  color:white;
  margin: auto;
  font-family: "Times New Roman", Times, serif;
  font-size:13pt;
}

a
{
color:#9D0000;
}

ul
{
	list-style-image: url("pulse_16.png");
	margin-left: 10px;
        text-align:left;
}

.tete
{
width: 100%;
margin: auto;
color:black;
background-color:white;
border: 2px solid black;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
padding:15px;
}

.tete a
{
color:#810000;
}

#photogen
{
border:2px solid black;
border-radius: 20px;
height:100px;
vertical-align:middle;
margin:5px;
}


#photo
{
border:2px solid black;
-moz-border-radius: 20px;
border-radius: 20px;
width:150px;
vertical-align:middle;
float:left;
}

#Dyn{font-size:16.0pt;font-family:"Arial Rounded MT Bold","sans-serif";color:black;letter-spacing:2.4pt;}
#Fluid{font-size:16.0pt;font-family:"Arial","sans-serif";color:#3366FF;letter-spacing:2.4pt;}


.publi ul li
{
margin-bottom:5px;
}

.year_publi
{
font-size:1.6em;
color: rgba(154,152,152, 0.8);
text-shadow: 1px 4px 6px #E3E3E3, 0 0 0 #000, 1px 4px 6px #E3E3E3;
}

.teachlink
{
margin:auto;
width:800px;
text-align:center;
padding:10px;
margin-top:5px;
border-bottom:2px solid gray;
}

.teachlink a
{
font-size:1.6em;
font-weight:bold;
text-decoration:none;
color: rgba(154,152,152, 0.8);
text-shadow: 1px 4px 6px #E3E3E3, 0 0 0 #000, 1px 4px 6px #E3E3E3;
}

.teachlink a:hover
{
color: rgba(154,52,52, 0.8);
text-shadow: 1px 4px 6px #E3E3E3, 0 0 0 #000, 1px 4px 6px #E3E3E3;
}

.correction
{
color: rgba(154,52,52, 0.8);
text-shadow: 1px 4px 6px #E3E3E3, 0 0 0 #000, 1px 4px 6px #E3E3E3;
}

.badges
{
font-size:18pt;
width:900px;
margin:auto;
background:transparent;
color:black;
border: 0px solid black;
border-radius:0px;
margin-top:40px;
text-align:center;
}

.badges h1
{
font-size:2em;
margin-top:10px;
padding:0px;
color: rgba(132,0,0, 0.8);
text-shadow: 1px 4px 6px #E3E3E3, 0 0 0 #000, 1px 4px 6px #E3E3E3;
}

.badges ol
{
width:800px;
margin:auto;
text-align:left;
font-style:italic;
}

.badges table
{
background-color: transparent;
text-align: center;
border-collapse: collate;
width:80%;
margin:auto;
}

.badges table th
{
font-weight:bold;
font-size:1.3em;
background-color:#757575;
color:white;
}

.badges table td
{
	font-size:22pt;
background-color:#CDCDCD;
color: black;
text-shadow: 1px 4px 6px #E3E3E3, 0 0 0 #000, 1px 4px 6px #E3E3E3;
}


.cours
{
font-size:18pt;
width:900px;
margin:auto;
background:transparent;
color:black;
border: 0px solid black;
border-radius:0px;
margin-top:40px;
text-align:center;
}

.cours h1
{
font-size:2em;
margin-top:10px;
padding:0px;
color: rgba(132,0,0, 0.8);
text-shadow: 1px 4px 6px #E3E3E3, 0 0 0 #000, 1px 4px 6px #E3E3E3;
}


h1 
{
font-size:2em;
text-align:center;
margin-top:10px;
padding:0px;
color: rgba(132,0,0, 0.8);
text-shadow: 1px 4px 6px #E3E3E3, 0 0 0 #000, 1px 4px 6px #E3E3E3;
}


h1 img
{
vertical-align:middle;
width:70px;
}


.notebook  
{
list-style-image: url("Jupyter.png");
        margin-left: 10px;
        text-align:left;
        v-align:middle;
}

.cours table
{
background-color: transparent;
text-align: center;
border-collapse: collate;
width:600px;
margin:auto;
}

.cours table th
{
font-weight:bold;
font-size:1.3em;
background-color:#757575;
color:white;
}

.cours table td
{
background-color:#CDCDCD;
color:black;

}

.blog
{
font-size:18pt;
width:100%;
padding:10px;
background:transparent;
color:black;
border: 0px solid black;
border-radius:0px;
margin-top:40px;
}

.blog h3
{
font-size:1.1em;
text-align:left;
color:black;
}

.blog p
{
text-align:justify;
font-size:18pt;
width:90%;
padding:10px;
background:transparent;
color:black;
border: 0px solid black;
border-radius:0px;
}

.blog h1
{
font-size:2em;
margin-top:10px;
padding:0px;
color: rgba(132,0,0, 0.8);
text-shadow: 1px 4px 6px #E3E3E3, 0 0 0 #000, 1px 4px 6px #E3E3E3;
}

.table_ac 
{
    margin: auto; /* Centre le tableau */
   border: 0px solid <?=$bord?>; /* Bordure du tableau avec effet 3D (outset) */
   background-color: transparent; 
   border-collapse: separate;
   border-spacing: 10px;
   text-align: center;
   color: <?=$rouge?>;
   font-size: 14px; 
   
}

.table_ac th
{
   background-image: url("images/texture_image.jpg");
   border: 3px solid <?=$bord?>; /* Bordure du tableau avec effet 3D (outset) */
   background-color: transparent; 
   -moz-border-radius: 10px;
   text-align: center;
   color: <?=$rouge?>;
      
}

.table_ac td 
{
   background-image: url("images/texture_image.jpg");
   border: 2px solid <?=$bord?>;
   -moz-border-radius: 10px;  
   background-color: transparent; 
  margin:10px;
   vertical-align: text-top;
}

.LBM_vid_button
  {
  background: #9F9F9F;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#9F9F9F);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#9F9F9F));
  background: -moz-linear-gradient(top,  #ffffff,  #9F9F9F);
  width:500px;
  margin:auto;
  margin-bottom:20px;
  padding:10px;
  color:black;
  font-size:22px;
  text-align:center;
  border: 1px solid white;
  border-radius:10px 10px 10px 10px;   
font-weight: bold;

  
}

.LBM_video
{
display:none;

}

.Mix_vid_button
  {
  background: #9F9F9F;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#9F9F9F);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#9F9F9F));
  background: -moz-linear-gradient(top,  #ffffff,  #9F9F9F);
  width:500px;
  margin:auto;
  margin-bottom:20px;
  padding:10px;
  color:black;
  font-size:22px;
  text-align:center;
  border: 1px solid white;
  border-radius:10px 10px 10px 10px;  
font-weight: bold;

  
}

.other
{
width:80%;
margin:auto;
text-align:center;
}

.other img
{
width:80px;
vertical-align:middle;
padding:10px;
}

.other img:hover
{
width:95px;
padding:1px;
}

.Mix_video
{
display:none;

}

.x3d
{
 width:800px;
 height:800px;
 margin:auto;
  
}




#intro_text
{
 width:90%;
 text-align:center;
 margin-top:0px;
 padding-top:0px; 
 font-size:0.8em;
}

#intro_text b
{
 text-align:center;
 margin-top:0px;
 padding-top:0px; 
 font-size:2.3em;
}


#intro_text i
{
 font-size:0.8em;
 font-style:italic;
 font-weight:normal;
}

#intro_tab
{
position:absolute;
  top:10%;
  background-color:rgba(255,255,255,0.8);
  width:60%;left:20%;
  font-size:2em;text-align:center;
  padding:10px;
  border:solid 15px grey;border-radius:20px; 
  
}

#intro_tab td 
{
padding-top:20px;
  
}

#intro_tab img 
{
vertical-align:middle;
  
}

#intro_tab a
{
color:#810;
  
}

#GrandeIntro {height:100%;background:transparent no-repeat;background-size:cover;}
#siteWrapper {margin-top:-100px;}
#siteWrapper header {height:100px;background:rgba(220,220,220,0.9);text-align:center;}
#siteWrapper header.fixed {position:fixed;width:100%;top:0;left:0;}
#content {padding:60px 0;background:#E3E3E3;}
#siteWrapper header.fixed+#content {margin-top:80px;}
#content div {font-size:1.5em;width:80%;margin:auto;}
video#bgvid {
  position: relative; right: 0; bottom: 0;top: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
  background-size: cover;
}