@charset "utf-8";
/* CSS Document */
/* Général */
body {
	color: #303030;
	background: #ffffff;
}
a {
	color: #768200;
}
a:hover, a:focus {
	color: #768200;
}
#entete {
	background: url(images/bandeau_haut.jpg) bottom left no-repeat;
	background-size: 100%;
}
#menutop {
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menutop li {
	display: inline;
}
#menutop a {
	margin: 0 2px;
	color: #666D71;
	text-decoration: none;
}
#menutop a:hover {
	text-decoration: none;
	font-weight: bold;
}
/******************/
			/* Menu graphique */
			/******************/
#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;		/* Création du contexte de formatage */
}
#nav #en-cours {
	color: #768200;
	display: block;
	/*background: #900 url(lienNormal.png) left top no-repeat ;*/
	font: 1.3em "helvetica", Bitstream Vera Sans, Lucida Grande, sans-serif;
	line-height: 1em;
	padding: 4px 0;
	text-align: center;
	text-decoration: none;
}
#nav #en-coursbis a {
	color: #349DC1;
}
#nav li {
	float: right;
	width: 150px;
	/*border: 1px solid #600 ;*/
	margin-right: 1px;
	color: #000000;
	background: #ffffff;
}
#nav li a {
	display: block;
	/*background: #900 url(lienNormal.png) left top no-repeat ;*/
	color: #000000;
	font: 1.3em "helvetica", Bitstream Vera Sans, Lucida Grande, sans-serif;
	line-height: 1em;
	padding: 4px 0;
	text-align: center;
	text-decoration: none;
}
#nav li a:hover, #nav li a:focus, #nav li a:active {
	/*background: #033 url(lienHover.png) left top no-repeat ;*/
	color: #768200;
	text-decoration: none;
}
/* Conteneur central */
#centre {
	background: url(images/bandeau_bas.jpg) top left no-repeat;
	background-size: 100%;
}
#centre-bis {
/*background: url(img/11-coldroite.png) repeat-y right top;*/
}
/* Gauche */
#gauche {
}
#gauche img {
	display:block;
	margin:0 auto;
}
/* Contenu principal */
#principal {
	color: #181A12;
}
#principal a {
	color: #768200;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	font-weight: bold;
	color: #768200;
}
div#cadrecentresynakene {
	width: 297px;
	padding-top: 70px;
	background: url(images/boxe_synakene_titre.png) top left no-repeat;
}
div#bloccadrecentresynakene {
	padding: 3px 0px 4px 0px;
	Height: 143px;
	background: url(images/boxe_synakene_bas.png) top left no-repeat;
}
div#bloccadredroitsynakene img {
	float: left;
	padding: 0;
}
div#bloccadrecentresynakene p {
	padding: 0px 15px 0px 15px;
}
div#bloccadrecentresynakene a {
	text-decoration: underline;
	color: #768200;
}
div#bloccadrecentresynakene a:hover {
	text-decoration: underline;
	color: #768200;
	font-weight:bold;
}
/* Contenu secondaire */
#droite {
}
div#cadredroitactalite {
	width: 297px;
	padding-top: 38px;
	background: url(images/boxe_actualite_titre.png) top left no-repeat;
}
div#bloccadredroitactalite {
	padding: 2px 15px 5px 15px;
	Height: 178px;
	background: url(images/boxe_actualite_bas.png) top left no-repeat;
}
div#bloccadredroitactalite img {
	float: right;
	padding: 0px;
}
div#bloccadredroitactalite h3 {
	margin-top: 3px;
}
div#cadredroitcontact {
	width: 297px;
	padding-top: 38px;
	background: url(images/boxe_contact_titre.png) top left no-repeat;
}
div#bloccadredroitcontact {
	padding: 10px 0px 2px 0px;
	Height: 178px;
	background: url(images/boxe_contact_bas.png) top left no-repeat;
}
div#bloccadredroitcontact img {
	float: left;
	padding: 0;
}
div#bloccadredroitcontact p {
	padding: 0px 15px 0px 15px;
	font-weight:bold;
}
div#bloccadredroitcontact a {
	text-decoration: underline;
	color: #000000;
}
div#bloccadredroitcontact a:hover {
	text-decoration: underline;
	color: #000000;
	font-weight:bold;
}
#pied {
	height: 80px;
}
a.E {
	vertical-align:middle;
	display:inline-block;
	width:88px;
	height:20px;
	background-image: url('images/espace_client_on.png')
}
a.E:hover {
	visibility: visible
}
a.E:hover img {
	visibility: hidden
}
a.F {
	float: right;
	display:inline-block;
	width:86px;
	height:25px;
	margin:15px 0 0 0;
	background-image: url('images/espace_actualite_off.png')
}
a.F:hover {
	visibility: visible
}
a.F:hover img {
	visibility: hidden
}
.ligne {
	background: transparent;
	border-color: #666D71;
	border-width: 0 0 1px;
	border-style: solid;
}
/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 5px;
}
#global {
	width: 90%;
	/*max-width: 90em;*/
	max-width: 980px;
	min-width: 970px;
	margin-left: auto;
	margin-right: auto;
}
/* En-tête */
#entete {
	padding: 0 0 0 0;
	height: 109px;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}
#logo {
	position: relative;
	float: left;
	top:0px;
	left:0px;
}
#menutop {
	height: 55px;
	background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	padding: 0;
}
/* Bloc central */


#centre-bis {
	width: 100%;
	overflow: hidden;
		height:460px;
}
/* Menu de navigation */
#gauche {
	float: left;
	width: 324px;
	padding: 10px 0px 0px 30px;
}
/* Contenu principal */
#principal {
	margin-left: 324px;
	margin-right: 324px;
	padding: 10px 20px;
}
#principal > :first-child {
	margin-top: 0;
}
/*#principal p, #principal li {
	line-height: 1.5;
}*/
/* Contenu secondaire */
#droite {
	float: right;
	width: 324px;
	padding: 0px;
	margin-top: 10px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
/* Pied de page */
#pied {
	margin: 0;
	font-size: .85em;
}
#pied p {
	padding: 15px 0px 10px 0px;
	text-align:center;
}
/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}
/*--------------------Page Compétences, effets-------------------*/

#effet_cadre_ing{
position: relative;
width:296px;
height:228px;
background: url(images/ingenierie_1.png);
overflow: hidden;
/*opacity:0.3;*/
top:-230px;
left:0px;
z-index:0;
}

#texte_formation{
position: relative;
width:296px;
height:250px;
background: transparent;
font-family: "Lucida Sans Unicode", "Georgia", "Serif";
color: #000;
overflow: hidden;
font-size: 10px;
top:-15px;
left:-10px;
z-index:1;
opacity:0;
}
div#texte_formation  li {
color: #000;
margin:10px 0;
font-size: 12px;
font-family: "Lucida Sans Unicode", "Georgia", "Serif";
}
div#texte_formation  ul{
margin-left:0;}
/*--------------------Page Solutions, effets-------------------*/

#mobile_learning{
position: relative;
width: 296px;
height:38px;
top:0px;
left:0px;
background: url(images/boxe_solutions_mobile_learning_titre.png);
z-index:2;
opacity:1;

}
#cadre_mobile{
position:relative;
width: 296px;
height:223px;
background:transparent;
overflow:hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
cursor:pointer;
}



div#cadre_mobile p {
   width:190px;
   padding: 5px 0px 0px 15px;
}
div#cadre_mobile h3 {
    width:260px;
	margin: 38px 400px 0 15px;
}

div#cadre_texte {
    position: relative;
	width:692px;
	Height: 214px;/*178*/
	padding: 2px 0px 0px 0px;
	background: url(images/mobile_coulisse.png) no-repeat ;
	left:-396px;
	top:-38px;
	z-index:1;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
	}
	
	/*------------------Cadre gauche --------*/
div#cadre_bd_slideup {
	width: 297px;
	height:223px;
	background: url(images/multibranche.png) no-repeat;
	overflow:hidden;
}
#bd_multib_slide{
position:relative;
width:297px;
height:38px;
top:0px;
left:0px;
z-index:2;
background:url(images/boxe_bd_multibranches_titre.png);
}


div#bd_multib_text {
    position:relative;
	width:297px;
	padding: 2px 0px 5px 0px;
	Height: 154px;
	background:transparent;
	top:-220px;
	z-index:3;
	opacity:0;
}

div#bd_multib_text p {
	padding: 0px 15px 0px 15px;
}


div#bd_multib_text h3 {
	margin: 3px 15px 0 15px;
}

#mask_slide{
    position:relative;
    width: 297px;
	height:223px;
	background: #fff;
	top:-223px;
	opacity:0.85;
     z-index:1;
}