﻿/*************************************************************************************
 *   GENERIQUE
 **************************************************************************************/
#titre
{
    margin: auto;
margin-bottom:-15px;
text-align:center;
font-weight:bold;
text-shadow:1px 2px 5px blue;
color:#FFD940;
font-size:5.0em;
    font-style: italic;

}

#chemin
{
    margin: auto;
margin-top:20px;
margin-bottom:20px;
margin-left:30px;
text-align:left;
font-weight:bold;
text-shadow:1px 2px 5px blue;
color:grey;
font-size:2.2em;
    font-style: italic;
}

#chemin2
{
    margin: auto;
margin-top:20px;
margin-bottom:20px;
margin-left:30px;
text-align:left;
font-weight:bold;
text-shadow:1px 2px 5px blue;
color:grey;
font-size:2.2em;
    font-style: italic;
	text-align:center;
}


#module
{
font-size:2.5em;
font-weight:bold;
			text-shadow:1px 2px 1px #223645	;
					color:#BDB55A;
    font-style: italic;
}

#unit
{
font-size:1.6em;
font-weight:bold;
			text-shadow:1px 2px 1px #223645	;
					color:#046380;
    font-style: italic;
text-align:center;	
}


#unit_disabled
{
opacity:0.3;
}

#comment_user
{
font-size:1.5em;
font-weight:bold;
					color:black;
text-align:left;	
}

#comment_text
{
font-size:1.2em;
					color:grey;
text-align:justify;	
margin-left:0px;
}

#comment_joel
{
font-size:1.5em;
font-weight:bold;
					color:black;
text-align:left;	
margin-left:40px;
}

#comment_joel_text
{
font-size:1.2em;
					color:grey;
text-align:justify;	
margin-left:40px;
}



#bloc_page_list
{
    width: 900px;
    margin: auto;
		margin-top:0px;
text-decoration:none;
text-align:justify;
height:0px;
background-color:black;
  box-shadow: 0px 0px 60px #DCDCDC	;
    border-radius: 5px;
}


/*************************************************************************************
 *   PICTURE
 **************************************************************************************/
#intro_pict
{
margin:auto;
 height: 377px;
    background: url('images/eah_intro.jpg') no-repeat;
    position: relative;
    margin-top: 25px;
 width: 600px;
	border-radius:5px;
    box-shadow: 6px 6px 6px white;
}

#eah_advise
{
margin:auto;

 height: 330px;
    background: url('images/advise.jpg') no-repeat;
    position: relative;
    margin-top: 25px;
	    margin-left: 20px;
 width: 540px;
	border-radius:5px;
    box-shadow: 6px 6px 6px grey;
}


/*************************************************************************************
 *   BOUTONS
 **************************************************************************************/
#bouton_cmde
{
/*left:10px;*/
text-decoration:none;
font-size: 1.4em; 
width: 500px; 
height: 160px; 
padding-top: 0px; 
 text-align: center; color:white;  
background: linear-gradient(#DB2218,#940602, #940602, #731B26);
 border-radius: 8px;
 box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

#bouton_cmde:hover{ 
color: white;  
background:  linear-gradient(#D45E3A,#C72B10,#C72B10, #731B26) ; 
text-decoration:none;
}

#bouton_cmde:active
{ 
color: white; background:  linear-gradient(#C72B10,#731B26,#731B26, #731B26) ; 
text-decoration:none;

}


#bouton_eah
{
/*left:10px;*/
text-decoration:none;
font-size: 2.8em; 
width: 600px; 
height: 100px; 
padding-top: 0px; 
 text-align: center; color:white;  
background: linear-gradient(#DB2218,#940602, #940602, #731B26);
 border-radius: 8px;
 box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

#bouton_eah:hover{ 
color: white;  
background:  linear-gradient(#D45E3A,#C72B10,#C72B10, #731B26) ; 
text-decoration:none;
}

#bouton_eah:active
{ 
color: white; background:  linear-gradient(#C72B10,#731B26,#731B26, #731B26) ; 
text-decoration:none;

}

	
/*************************************************************************************
 *   TABLEAU
 **************************************************************************************/
table
{
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
    color: white;
   /* margin:auto;*/
    width:640px;
    font-size: 1.1em;
    background:#ECE8BE;
    border-radius: 5px;
    box-shadow: 0px 14px 14px #1c1a19;
    border:0px;
    text-align:center;    
margin:auto;
    margin-top:20px;
}

 td,  th /* Mettre une bordure sur les td ET les th */
{
    text-align: center;
    color: black;
    font-size: 0.8em;
    border:0px;
  /*  font-weight: bold;*/
    vertical-align:top;
}


/*************************************************************************************
 *   VIDEO
 **************************************************************************************/
.video_intro
{
position:relative; 
top:30px;
left:480px;
}

#load_aladin
{
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
margin-left:40px;
margin-top:-5px;
font-size:0.7em;
color:#C4D7ED;
}


.lien_url
{
text-decoration:none;
color:grey;
}
