/********************************************/
/*****  GENERIQUE ***************************/
/********************************************/
body
{
 /*-    background: url('images/baroque.jpg');*/
    background: url('images/background2.jpg');
    font-family: "MV Boli", Arial, Verdana,  "Arial Black", sans-serif;
    color: #EFFBFF;
	opacity: 1; -webkit-transition: opacity 1s ease;
}

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

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

#bloc_page_squeeze
{
    width: 900px;
    margin: auto;
		margin-top:-30px;
text-decoration:none;
text-align:justify;
height:849px;
    background: white; 
  box-shadow: 0px 0px 60px #DCDCDC	;
    border-radius: 8px;

}

#bloc_page_squeeze2
{
    width: 900px;
    margin: auto;
		margin-top:-30px;
text-decoration:none;
text-align:justify;
height:794px;
    background: white; 
  box-shadow: 0px 0px 60px #DCDCDC	;
    border-radius: 8px;

}

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

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

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

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

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

#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;
}



#bloc_page_survey
{
    width: 900px;
    margin: auto;
		margin-top:-30px;
text-decoration:none;
text-align:justify;
height:1930px;
background-color:black;
  box-shadow: 0px 0px 60px #DCDCDC	;
    border-radius: 2px;
}
strong
{
	color:red;
}

#price
{
font-size:2.5em;
font-weight:bold;
text-align:center;
color:green;
text-shadow:1px 2px 5px #677E52;
}

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

.lien_url2
{
text-decoration:underline;
color:grey;
}

.lien_url3
{
text-decoration:underline;
color:orange;
}



/********************************************/
/*****  BARRE DE MENUS ***************************/
/********************************************/
#liens_formation
{
text-align:center;
text-decoration: none;
font-size: 0.9em;
}

#nav {
	padding: 0; margin: 0;
}

#nav li {
	display: inline;
	list-style: none; /* nécessaire pour IE7 */
}

#nav a {
	display:inline-block;
	margin: 0 20px;
    text-decoration: none;
    color:#EFFBFF;
    font-size: 1.0em;
	text-shadow:1px 2px 5px blue;
}

#nav li a:hover
{
font-weight:bold;
color:yellow;
font-size: 1.0em;
}

#francais
{
    background: url('images/france.jpg') no-repeat;
    padding-top: -10px;
 /*   margin-left: 1080px;*/
    height: 18px;
    width: 30px;
}



/********************************************/
/*****  BANNIERE ***************************/
/********************************************/
#banniere_image
{
    margin-top: 15px;
    height: 278px;
    border-radius: 8px 8px 0px 0px;
    background: url('images/banniere.jpg') no-repeat;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
}

#banniere_description
{
    position: absolute;
    top: 0;
	right:0;
    border-radius: 0px 0px 0px 3px;
    width: 30%;
    height: 30px;
    padding-top: 3px;
    padding-left: 4px;
    background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
    background-color: rgba(24,24,24,0.5);
    color: #183152;
    font-size: 1.2em;
    text-align: center;
	font-weight:bold;
	    opacity: 0.8;
}

#virtual-institute
{
    position: absolute;
    top: 0;
	margin-top:290px;
	margin-left:75px;
    color: #234CA5;
    font-size: 1.1em;
	font-weight:bold;
}

#virtual-factory
{
    position: absolute;
    top: 0;
	margin-top:290px;
	margin-left:375px;
    color: #234CA5;
    font-size: 1.1em;
	font-weight:bold;
}

#virtual-market
{
    position: absolute;
    top: 0;
	margin-top:290px;
	margin-left:685px;
    color: #234CA5;
    font-size: 1.1em;
	font-weight:bold;
}

#virtual-institute:hover
{
font-weight:bold;
color:#05966D;
}

#virtual-factory:hover
{
font-weight:bold;
color:#05966D;
}

#virtual-market:hover
{
font-weight:bold;
color:#05966D;
}

#banniere_institute
{
    margin-top: 15px;
    background: url('images/virtual-institute.jpg') no-repeat;
    height: 592px;
	    border-radius: 8px 8px 0px 0px;
}



#banniere_institute-fra
{
    margin-top: 15px;
    background: url('images/virtual-institute-fra.jpg') no-repeat;
    height: 592px;
	    border-radius: 8px 8px 0px 0px;
}

#banniere_factory
{
    margin-top: 15px;
    background: url('images/virtual-factory.jpg') no-repeat;
    height: 592px;
	    border-radius: 8px 8px 0px 0px;
}

#banniere_factory-fra
{
    margin-top: 15px;
    background: url('images/virtual-factory-fra.jpg') no-repeat;
    height: 592px;
	    border-radius: 8px 8px 0px 0px;
}

#banniere_level1
{
    margin-top: 15px;
    background: url('images/level1.jpg') no-repeat;
    height: 592px;
		    border-radius: 8px 8px 0px 0px;

}

#banniere_level1-fra
{
    margin-top: 15px;
    background: url('images/level1-fra.jpg') no-repeat;
    height: 592px;
		    border-radius: 8px 8px 0px 0px;

}

#banniere_classroom
{
    margin-top: -20px;
	margin-left:-20px;
    background: url('images/classroom.jpg') no-repeat;
    height: 592px;
	position:relative;
	    border-radius: 8px 8px 0px 0px;

}

#banniere_lab
{
    margin-top: -20px;
	margin-left:-20px;
    background: url('images/lab.jpg') no-repeat;
    height: 592px;
	position:relative;
	    border-radius: 8px 8px 0px 0px;

}

#banniere_lab-fra
{
    margin-top: -20px;
	margin-left:-20px;
    background: url('images/lab-fra.jpg') no-repeat;
    height: 592px;
	position:relative;
	    border-radius: 8px 8px 0px 0px;

}

#banniere_information
{
    margin-top: -20px;
	margin-left:-20px;
    background: url('images/information.jpg') no-repeat;
    height: 592px;
	position:relative;
	    border-radius: 8px 8px 0px 0px;

}
#banniere_information-fra
{
    margin-top: -20px;
	margin-left:-20px;
    background: url('images/information-fra.jpg') no-repeat;
    height: 592px;
	position:relative;
	    border-radius: 8px 8px 0px 0px;

}

#banniere_garden
{
    margin-top: 15px;
    background: url('images/garden.jpg') no-repeat;
    height: 592px;
	    border-radius: 8px 8px 0px 0px;
}


#banniere_garden-fra
{
    margin-top: 15px;
    background: url('images/garden-fra.jpg') no-repeat;
    height: 592px;
	    border-radius: 8px 8px 0px 0px;
}



#banniere_assist
{
    margin-top: 15px;
    background: url('images/virtual-assist.jpg') no-repeat;
    height: 592px;
	border-radius:8px;
}

#banniere_assist-fra
{
    margin-top: 15px;
    background: url('images/virtual-assist-fra.jpg') no-repeat;
    height: 592px;
	border-radius:8px;
}

#squeeze-fond
{
    margin-top: -25px;
	height:570px;
    background: url('images/introduce.jpg') no-repeat;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
	opacity:0.5;
}

#offre-fond
{
    margin-top: -25px;
	height:570px;
    background: url('images/show.jpg') no-repeat;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
	opacity:0.5;
}

#offre-fond2
{
    margin-top: -25px;
	height:1070px;
    background: url('images/mexico86.jpg') no-repeat;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
	opacity:0.5;
}


/****************************************/
/*****  PAGE  ***************************/
/****************************************/
section#page {
float: right;
width:720px;
height:400px;
margin-top:-20px;
}


#titre_page
{
    margin-top: 10px;
margin-right: 50px;
margin-bottom:-15px;
text-align:center;
font-weight:bold;
text-shadow:1px 2px 5px blue;
color:#C0BFA9;
font-size:3.5em;
    font-style: italic;
}


article
{
margin-top:20px;
padding-top:10px;
    border-top:5px solid #A9FFF4;
	margin-right:0px;
	margin-left:20px;
}



.texte_mentions
{
    margin-left: 25px;
    margin-top: -0px;
width:70%;
font-size:0.9em;
    font-family: Arial, Verdana,  "Arial Black", sans-serif;

}
.photo_virtual
{
 margin-top: -135px;
 height: 60px;
    background: url('images/logo-short.jpg') no-repeat;
    position: relative;
    margin-right: 40px;
	border-radius:3px;
 width: 100px;
float: right;
}

.photo_virtual2
{
 margin-top: -80px;
 height: 60px;
    background: url('images/logo-short.jpg') no-repeat;
    position: relative;
    margin-right: 40px;
	border-radius:3px;
 width: 100px;
float: right;
}


/**************************************************/
/*****  BARRE LATERALE GAUCHE  ***************************/
/**************************************************/
section#barre_gauche {
 margin-left:0px;
 margin-top:-30px;
width:165px;
height:400px;
background-image:linear-gradient(90deg,#FFD0BD, white,#FFD0BD  white,#FFD0BD);
    border-radius: 5px;
 padding:5px;
}

section#barre_gauche p
{
margin-left:-10px;
margin-top:-40px;
}


section#barre_gauche
{

}

section#barre_gauche nav {
 top: 3px;
 text-align: center;
/* padding: 0 0 0 15px;*/
/*background-color:#5EB6DD;*/
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
font-size:0.9em;
}

section#barre_gauche aside {
 float: center;
 width: 155px;
 height: 185px;
 margin: 10px auto;
    background: url('images/logo2.jpg') no-repeat;
    border-radius: 5px;
}

.photo_logo 
{
 margin-top: -150px;
 height: 142px;
    border-radius: 3px;
    background: url('images/logo.jpg') no-repeat;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
    margin-right: 30px;
 width: 142px;
float: right;
}

#adresse
{
font-size:1.0em;
color:grey;
}

#contact_us
{
 margin-top:20px;
 margin-left:20px;
 height: 70px;
    background: url('images/contact-us.jpg') no-repeat;
    position: relative;
    margin-bottom: 25px;
    margin-right: 30px;
 width: 120px;
float: center;
}

#social
{
margin-left:7px;
}

/**************************************************/
/*****  HOME  ***************************/
/**************************************************/

#intro_speech
{
margin-top:05px;
margin-left:40px;
margin-right:40px;
margin-bottom:10px;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
font-size:1.0em;
color:grey;

}



/**************************************************/
/*****  CONTACT  ***************************/
/**************************************************/

#lib
{
    position: relative;
    left:20px;
top:59px;
font-size:1.1em;
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
color:grey;
}

#lib_oblig
{
    position: relative;
    left:20px;
top:59px;
font-size:1.1em;
color:RED;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#champ
{
    position: relative;
    left:150px;	
top:34px;
}

#champ_radio
{
    position: relative;
    left:260px;	
top:34px;
}

#champ_radio2
{
    position: relative;
    left:145px;	
top:34px;
}


#champ_message
{
    position: relative;
    left:20px;
top:60px
}

#champ_cocher
{
    position: relative;
    left:20px;	
top:80px;
font-size:0.8em;
    font-family: Verdana,  Arial, "Arial Black", sans-serif;
	color:grey;
}


#bouton_envoyer
{
    position: relative;
    left:20px;
top:90px;
height:100px;
}

/**************************************************/
/*****  FORMATION  ***************************/
/**************************************************/
#formation_titre
{
position:absolute;
    margin-left:285px;
margin-top:260px;
font-size:1.3em;
color:#234CA5;
font-size:bold;
}

#lib_connect
{
    position: relative;
    left:285px;
top:310px;
font-size:1.1em;
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
color:black;
}

#champ_connect
{
    position: relative;
    left:365px;	
top:285px;
}

#bouton_connect
{
    position: relative;
    left:365px;
top:300px;
height:100px;
}

/**************************************************/
/*****  LAB  ***************************/
/**************************************************/
#lab_titre
{
position:relative;
    margin-left:225px;
margin-top:130px;
width:265px;
font-size:1.9em;
color:#C72B10;
font-size:bold;
-webkit-transform: rotate(2deg); 
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg); /* IE 9 */
transform: rotate(2deg);

}

#lib_lab
{
    position: relative;
    left:240px;
top:150px;
font-size:1.1em;
-webkit-transform: rotate(2deg); 
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg); /* IE 9 */
transform: rotate(2deg);
}

#champ_lab
{
    position: relative;
    left:320px;	
top:125px;
-webkit-transform: rotate(2deg); 
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg); /* IE 9 */
transform: rotate(2deg);
}

#champ_message_lab
{
    position: relative;
    left:240px;
top:130px;
-webkit-transform: rotate(2deg); 
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg); /* IE 9 */
transform: rotate(2deg);
}

#bouton_lab
{
    position: relative;
    left:236px;
top:130px;
height:100px;
-webkit-transform: rotate(2deg); 
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg); /* IE 9 */
transform: rotate(2deg);
}

#suggestion
{
    margin-top: 200px;
	margin-left:552px;
    height: 130px;
	width:100px;
    background: url('images/suggestion.jpg') no-repeat;
    position: relative;

}

/**************************************************/
/*****  SURVEY  ***************************/
/**************************************************/
#texte_radio
{
width:350px;
}

#option #texte_radio
{
margin-left:200px;
}


/**************************************************/
/*****  MENTIONS  ***************************/
/**************************************************/


/**************************************************/
/*****  LIST PRODUCTS  ***************************/
/**************************************************/
#blog
{
    width: 900px;
    margin: auto;
}



/**************************************************/
/*****  INFORMATION  ***************************/
/**************************************************/
#info_speech1
{
position:relative;
    margin-left:288px;
margin-top:320px;
font-size:1.1em;
color:green;
font-size:bold;
}

#info_speech2
{
position:relative;
    margin-left:340px;
margin-top:-75px;
font-size:1.2em;
color:red;
font-size:bold;
-webkit-transform: rotate(-20deg); 
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg); /* IE 9 */
transform: rotate(-20deg);
}

#info_speech3
{
position:relative;
    margin-left:532px;
margin-top:45px;
font-size:1.4em;
color:red;
font-size:bold;

}

#info_speech4
{
position:relative;
    margin-left:710px;
margin-top:-128px;
font-size:1.1em;
color:red;
font-size:bold;
-webkit-transform: rotate(-50deg); 
-moz-transform: rotate(-50deg);
-ms-transform: rotate(-50deg); /* IE 9 */
transform: rotate(-50deg);
}

#info_speech5
{
position:relative;
    margin-left:290px;
margin-top:-90px;
width:350px;
font-size:1.4em;
color:red;
font-size:bold;

}

#info_speech6
{
position:absolute;
    margin-left:-60px;
margin-top:-50px;
width:350px;
font-size:0.85em;
color:red;	
font-size:bold;
-webkit-transform: rotate(-50deg); 
-moz-transform: rotate(-50deg);
-ms-transform: rotate(-50deg); /* IE 9 */
transform: rotate(-50deg);
}

/*********************/
/******  THANKING PAGE  *******/
/*********************/
#description
{
position:absolute;
    margin-left: 200px;
    margin-top: -200px;
	width:30%;
font-size:1.2em;
font-align:justify;
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
color:grey;

}

#description2
{
position:absolute;
    margin-left: 200px;
    margin-top: -200px;
	width:45%;
font-size:1.0em;
font-align:justify;
    font-family: Arial, Verdana,  "Arial Black", sans-serif;


}


#statement
{
position:absolute;
    margin-left: 200px;
    margin-top: -200px;
	width:45%;
font-size:1.2em;
font-align:justify;
    font-family: Arial, Verdana,  "Arial Black", sans-serif;


}



/*********************/
/******  SQUEEZE PAGE  *******/
/*********************/
#squeeze
{
position:relative;
    margin:auto;
    margin-top: -550px;
	margin-left:250px;
        background-color: #375D81; 
	width:440px;
	height:450px;
	border-radius:10px;
    box-shadow: 1px 2px 2px grey;
	opacity:0.9;
}

#squeeze ul
{
margin-left:0px;
}

#titre_squeeze
{
    margin-top: 10px;
	margin-right:10px;
margin-bottom:-15px;
text-align:center;
font-weight:bold;
text-shadow:1px 2px 5px blue;
color:#FFD940;
font-size:2.0em;
    font-style: italic;
}

#speech_squeeze
{
    margin-top: 10px;
text-align:justify;
margin-left:20px;
margin-right:20px;

}

#champ_squeeze
{
padding-top:10px;
    position: relative;
    left:20px;	
top:10px;
}

#champ_squeeze2
{
padding-top:10px;
    position: relative;
    left:50px;	
top:10px;
}

.lien_squeeze
{
color:yellow;
}

#confidentiel_squeeze
{
    margin-top: -85px;
	margin-left:20px;
/*text-align:center;*/
font-size:0.7em;
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#bouton_squeeze
{
margin-top:20px;
height:120px;
margin-left:-300px;
}

#bouton_squeeze2
{
margin-top:20px;
height:120px;

}

#bouton_squeeze3
{
margin-top:20px;
height:120px;
margin-left:-220px;

}

.video_squeeze
{
position:relative; 
top:-180px;
left:480px;
}

.video_squeeze2
{
position:relative; 
top:-210px;
left:540px;
}

.video_squeeze3
{
position:relative; 
top:-160px;
left:540px;
}

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

#lib_oblig_aladin
{
    position: relative;
    left:70px;
top:59px;
font-size:1.1em;
color:white;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#optin-windows
{
position:relative;
    background: url('images/optin-windows.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 350px;
    width: 255px;
	left:280px;
	top:-130px;
	}

#optin-windows2
{
position:relative;
    background: url('images/optin-windows2.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 350px;
    width: 255px;
	left:-0px;
	top:20px;
	}
	
#optin-pict
{
position:relative;
    background: url('images/eah_optin2.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height:129px;
    width: 210px;
	left:290px;
	top:-135px;
	border-radius:10px;
    box-shadow: 1px 2px 2px grey;
	
	}

#optin-pict2
{
position:relative;
    background: url('images/eah_optin2.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height:129px;
    width: 210px;
	left:280px;
	top:-135px;
	border-radius:10px;
    box-shadow: 1px 2px 2px grey;
	
	}

#optin-pict3
{
position:relative;
    background: url('images/eah_optin3.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height:129px;
    width: 203px;
	left:290px;
	top:-135px;
	border-radius:10px;
    box-shadow: 1px 2px 2px grey;
	
	}

#eah-demo-pict
{
position:relative;
    background: url('images/eah-optin.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 117px;
    width: 180px;
margin:auto;
margin-top:10px;
	}
	
#eah-modules-pict
{
position:relative;
    background: url('images/eah-modules.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 117px;
    width: 180px;
margin:auto;
margin-top:10px;
	}
		
/*********************/
/******  SQUEEZE PAGE  *******/
/*********************/
#optin
{position:relative;
    margin:auto;
    margin-top: -550px;
	margin-left:250px;
        background-color: #375D81; 
	width:520px;
	height:520px;
	border-radius:10px;
    box-shadow: 1px 2px 2px grey;
	opacity:0.9;
}

#optin ul
{
margin-left:30px;
margin-right:20px;
color:yellow;
}

.video_offre
{
position:relative; 
top:-275px;
left:555px;
}

.video_offre2
{
position:relative; 
top:-335px;
left:310px;
}

#offre
{position:relative;
    margin:auto;
    margin-top: -550px;
	margin-left:250px;
        background-color: #375D81; 
	width:520px;
	height:500px;
	border-radius:10px;
    box-shadow: 1px 2px 2px grey;
	opacity:0.9;
}

#offre ul
{
margin-left:0px;
margin-right:220px;
color:yellow;
}

#offre2
{position:relative;
    margin:auto;
    margin-top: -420px;
	margin-left:570px;
        background-color: #375D81; 
	width:520px;
	height:300px;
	border-radius:10px;
    box-shadow: 1px 2px 2px grey;
	opacity:0.9;
}

.video_offre
{
position:relative; 
top:-275px;
left:555px;
}

#btn_offre
{
position:relative; 
top:-233px;
left:555px;
}

#btn_offre2
{
position:relative; 
top:-323px;
left:555px;
}

#btn_offre3
{
position:relative; 
top:-180px;
left:0px;
}

#btn_offre4
{
position:relative; 
top:-55px;
left:290px;
}

#btn_offre5
{
text-align:center;
}

#entete_offre
{
margin-bottom:-15px;
text-align:center;
text-shadow:1px 2px 5px blue;
}

#footer_offre
{
margin-top:60px;	
text-align:center;
text-shadow:1px 2px 10px cyan;
color:yellow;
font-weight:bold;
font-size:1.1em;
}

#titre_offre
{
    margin-top: 10px;
margin-bottom:-15px;
text-align:center;
font-weight:bold;
text-shadow:1px 2px 5px blue;
color:#FFD940;
font-size:2.0em;
    font-style: italic;
	margin-left:20px;
	margin-right:20px;
}

#social_proof
{
    margin-top: -140px;
margin-bottom:-15px;
text-align:center;
font-weight:bold;
text-shadow:2px 1px 5px black;
color:red;
font-size:1.6em;
    font-style: italic;
	margin-left:230px;
	margin-right:20px;
}

#speech_closed
{
    margin-top: -0px;
margin-bottom:-15px;
text-align:center;

text-shadow:1px 1px 3px black;
color:red;
font-size:1.5em;

	margin-left:0px;
	margin-right:0px;
}

#speech_session_en_cours
{
    margin-top: -0px;
text-align:center;
text-shadow:1px 1px 3px black;
color:red;
font-size:1.1em;
	margin-left:0px;
	margin-right:0px;
}

#speech_offre
{
    margin-top: 10px;
text-align:justify;
margin-left:20px;
margin-right:20px;
}


#prix_offre
{
    margin-top:-95px;
margin-bottom:-15px;
text-align:center;
font-weight:bold;
text-shadow:1px 2px 5px blue;
color:#FFD940;
font-size:1.8em;
    font-style: italic;
	margin-left:310px;
	margin-right:20px;
}

#prix_offre2
{
    margin-top:-55px;
margin-bottom:-15px;
text-align:center;
font-weight:bold;
text-shadow:1px 2px 5px blue;
color:#FFD940;
font-size:3em;
    font-style: italic;
	margin-left:-230px;
	margin-right:20px;
}


/*********************/
/******  MENU  *******/
/*********************/
.tableau
{
position:relative; 
top:-445px;
left:315px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 600px;
	height: 100px;
	-webkit-transform: rotate(2deg); 
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg); /* IE 9 */
transform: rotate(2deg);
}
    /* partie positionnement et déco */  
    #menu a {   
        display:block;   
        color: #fff;   
        text-decoration:none;
font-size:0.9em;
    }  
    #menu > li,  
    #menu > li li {  
        position: relative;  
        display:inline-block;  
        width: 108px;  
        padding: 6px 15px;  
        background-color: #777;  
        background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);  
    }  
    #menu > li li { background: transparent none; }  
    #menu > li li a { color: #444; }  
    #menu > li li:hover { background:#eee; }  
    #menu > li:first-child {  
        border-right: 1px solid #777;  
        border-radius: 8px 0 0 8px;  
    }  
    #menu > li + li {  
        border-left: 1px solid #aaa;  
        border-right: 1px solid #777;  
    }  
    #menu > li:last-child {  
        border-right:0;  
        border-left: 1px solid #aaa;  
        border-radius: 0 8px 8px 0 ;  
    }  
    #menu > li:hover {  
        background-color: #999;  
        background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);  
    }  
    /* (presque) fin de la partie positionnement/déco */  
    /* dans cette déclaration, on fixe le max-height */  
    #menu ul {  
        position: absolute;  
        top: 2em; left:0;  
        max-height:0em;   
        margin:0; padding:0;  
        background-color:#ddd;  
        background-image: linear-gradient(#fff,#ddd);  
        overflow:hidden;  
        transition: 1s max-height 0.3s;  
        border-radius: 0 0 8px 8px;  
    }  
    /* ici on change la valeur de max-height au :hover */  
    #menu > li:hover ul {  
        /* need an adaptation, lower is better, but see it large    */  
        max-height:13em;  
    }  




	
/**************************************************/
/*****  POINTEURS  ***************************/
/**************************************************/
.pointeur_secretariat
{
position:relative; 
top:-245px;
left:645px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 80px;
	height: 100px;
}

.pointeur_niveau1
{
position:relative; 
top:-300px;
left:450px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 55px;
	height: 50px;

}

.pointeur_jardin
{
position:relative; 
top:-500px;
left:100px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 100px;
	height: 105px;
}

.pointeur_room
{
position:relative; 
top:-540px;
left:270px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 115px;
	height: 520px;
}

.pointeur_lab
{
position:relative; 
top:-945px;
left:630px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 110px;
	height: 150px;
}

.pointeur_level0
{
position:relative; 
top:-1150px;
left:30px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 195px;
	height: 150px;
}

.pointeur_formation
{
position:relative; 
top:-245px;
left:285px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 175px;
	height: 120px;
}

.pointeur_catalogue
{
position:relative; 
top:-365px;
left:472px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 250px;
	height: 120px;
}

.pointeur_question
{
position:relative; 
top:-535px;
left:735px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 87px;
	height: 120px;
}

.pointeur_companies
{
position:relative; 
top:-705px;
left:285px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 380px;
	height: 85px;
}

.pointeur_mission
{
position:relative; 
top:-540px;
left:0px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 150px;
	height: 165px;
}

.pointeur_skill
{
position:relative; 
top:-619px;
left:330px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 85px;
	height: 170px;
}

.pointeur_freelancer
{
position:relative; 
top:-740px;
left:455px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 95px;
	height: 170px;
}

.pointeur_customer
{
position:relative; 
top:-960px;
left:730px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 168px;
	height: 270px;
}

.pointeur_contact
{
position:relative; 
top:-405px;
left:575px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 220px;
	height: 217px;
}

.pointeur_suggestion
{
position:relative; 
top:-340px;
left:550px;
    border-style: solid;
border-width:0px;
border-color:red;
	width: 75px;
	height: 105px;
}




/**************************************************/
/*****  SLIDER  ***************************/
/**************************************************/
#main {margin-left: 40px; margin-top: -35px;overflow: hidden;
height:245px;
width:280px;
}
.slider { margin: 50px 0 10px!important;}




/**************************************************/
/*****  VIDEOS  ***************************/
/**************************************************/
.video_accueil
{
position:relative; 
top:-214px;
left:380px;
}

#load_welcome
{
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
margin-left:5px;
margin-top:-20px;
font-size:0.7em;
}

.video_institute
{
position:relative; 
top:-500px;
left:25px;
}

#load_institute
{
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
margin-left:20px;
margin-top:-506px;
font-size:0.7em;
}

.video_factory
{
position:relative; 
top:-962px;
left:0px;
}

#load_factory
{
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
margin-left:100px;
margin-top:-970px;
font-size:0.7em;
}

.video_market
{
position:relative; 
top:-250px;
left:-30px;
}

#load_market
{
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
margin-left:83px;
margin-top:-253px;
font-size:0.7em;
}


.video_classroom
{
position:relative; 
top:-446px;
left:895px;
}


/**************************************************/
/*****  IMAGES  ***************************/
/**************************************************/

#fill_the_form
{
position:relative;
    background: url('images/fill_the_form.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 350px;
    width: 255px;
	left:850px;
	top:-490px;
	border-radius:5px;
    box-shadow: 0px 4px 4px white;
	}
	
#fill_the_form-fra
{
position:relative;
    background: url('images/fill_the_form-fra.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 350px;
    width: 255px;
	left:850px;
	top:-490px;
	border-radius:5px;
    box-shadow: 0px 4px 4px white;
	}
	
#fill_survey
{
position:relative;
    background: url('images/fill_survey.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 330px;
    width: 255px;
	left:850px;
	top:-1490px;
	border-radius:5px;
    box-shadow: 0px 4px 4px white;
	}

#telech
{
position:relative;
    background: url('images/download.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 350px;
    width: 255px;
	left:850px;
	top:-450px;
	border-radius:5px;
    box-shadow: 0px 4px 4px white;
	}
	
#telech-fra
{
position:relative;
    background: url('images/download.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 350px;
    width: 255px;
	left:850px;
	top:-450px;
	border-radius:5px;
    box-shadow: 0px 4px 4px white;
	}
	

#new_mission
{
position:relative;
    background: url('images/new-mission.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 350px;
    width: 255px;
	left:850px;
	top:-490px;
	border-radius:5px;
    box-shadow: 0px 4px 4px white;
	}
		
#thank_you
{
position:relative;
    background: url('images/thank_you.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 305px;
    width: 230px;
	left:630px;
	top:-530px;
	border-radius:5px;
    box-shadow: 0px 4px 4px white;
	}
	
#thank_you_fra
{
position:relative;
    background: url('images/thank_you-fra.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 305px;
    width: 230px;
	left:630px;
	top:-530px;
	border-radius:5px;
    box-shadow: 0px 4px 4px white;
	}
	
#error
{
position:relative;
    background: url('images/error.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 315px;
    width: 240px;
	left:630px;
	top:-530px;
	border-radius:5px;
    box-shadow: 0px 4px 4px white;
	}

#eah_vente2
{
position:relative;
    background: url('images/eah_vente.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 123px;
    width: 195px;
	left:560px;
	top:-270px;
	border-radius:5px;
    box-shadow: 0px 4px 4px white;
	}


	
/*******************/
/*****  RIBON  *****/
/*******************/
#ribbon {
	background: #A9FFF4;
	border: 2px solid #234CA5;
	padding-top:-10px;
	margin-left:-1px;
	height: 3em;
	-moz-box-shadow: .2em .1em #999;
	-webkit-box-shadow: 0em .1em #999;
	width: 898px;
    border-radius: 10px	10px	0px	0px	 ;


}

h1 
{
text-align: center;
/*color: #93A299;*/
	color:#375D81;
font-size:2.1em;
margin-top:-3px;
	text-shadow:1px 2px 5px #A6B06D;

}

h3
{
text-align: left;
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
}


/*******************/
/*****  BOUTON  *****/
/*******************/
#bouton_cmde
{
/*left:10px;*/
text-decoration:none;
font-size: 1.4em; 
width: 150px; 
height: 26px; 
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_cmde10
{
/*left:10px;*/
text-decoration:none;
font-size: 1.4em; 
width: 300px; 
height: 30px; 
padding-top: 3px; 
 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_cmde10:hover{ 
color: white;  
background:  linear-gradient(#D45E3A,#C72B10,#C72B10, #731B26) ; 
text-decoration:none;
}

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

}



#bouton_download
{
/*left:10px;*/
margin:auto;
text-decoration:none;
font-size: 1.5em; 
width: 400px; 
height: 50px; 
padding-top: 11px; 
 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_download:hover{ 
color: white;  
background:  linear-gradient(#D45E3A,#C72B10,#C72B10, #731B26) ; 
text-decoration:none;
}

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

}


#bouton_coord
{
/*left:10px;*/
text-decoration:none;
font-size: 1.4em; 
width: 150px; 
height: 52px; 
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_coord:hover{ 
color: white;  
background:  linear-gradient(#D45E3A,#C72B10,#C72B10, #731B26) ; 
text-decoration:none;
}

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

}


#information
{
    background: url('images/support.jpg') no-repeat;
	border: 0px solid;
height:100px;
left:15px;
top:40px;
width:110px;
border-radius:3px;
margin:auto;
}


/*******************/
/*****  ETIQUETTE  *****/
/*******************/
#eah_boxing_day1
{
position:relative;
    background: url('images/boxing-day1.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 340px;
    width: 283px;
	left:810px;
	top:-930px;
	border-radius:10px;
    box-shadow: 12px 12px 6px grey;
	}

#eah_boxing_day2
{
position:relative;
    background: url('images/boxing-day2.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 340px;
    width: 283px;
	left:810px;
	top:-930px;
	border-radius:10px;
    box-shadow: 12px 12px 6px grey;
	}

#eah_boxing_day3
{
position:relative;
    background: url('images/boxing-day3.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 348px;
    width: 282px;
	left:810px;
	top:-930px;
	border-radius:10px;
    box-shadow: 12px 12px 6px grey;
	}

#eah_37_old
{
position:relative;
    background: url('images/37-old.jpg') no-repeat;
 /*   margin-left: 1080px;*/
    height: 90px;
    width: 130px;
	left:-265px;
	top:592px;
	}

#prix_boxing
{
	margin-left:25px;
	margin-top:30px;
}

#prix_boxing_titre
{
font-weight:bold;
color:yellow;
}

#prix_boxing_comment
{
margin-top:-20px;
color:white;
font-size:0.9em;
}

#press_f5
{
margin-top:-10px;
	margin-left:280px;
color:red;
font-size:1.2em;
padding-top:-50px;
}

#press_f5b
{
margin-top:-10px;
	margin-left:0px;
color:red;
font-size:3.0em;
padding-top:-50px;
text-align:center;
}