﻿/* CSS Document */
*, html {
	margin: 0;
	padding: 0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
}

a
{
 text-decoration: none;
}

p {
	margin: 0 0 10px 0;
}
p.deuxpx {
	margin: 0 0 2px 0;
}
p.deuxpxOrange {
	margin: 0 0 2px 0;
	color:#ff987e;
	font-size:15px;
}


#global {
	width:963px;
	margin:0 auto;
	position:relative;
	padding: 175px 0 0 0;
}

/* Menu */
#menu {
	background:url('../images/logo.png') top right no-repeat;
	width:421px;
	height:184px;
	position:absolute;
	top: 0;
	right: 0;	
	z-index:2;

}
#menu ul {
	display: inline;
}
#menu ul li {
	list-style:none;
	display: inline;
	float: left;
	margin: 0 0 0 -5px;
}
#menu ul li a {
	display: block;
	width: 31px;
	height: 184px;
}
#menu ul li a span {
	display: none;
}
#menu ul li#accueil a {
	background:url('../images/menu-accueil.png') top left no-repeat;
}
#menu ul li#accueil a:hover, #menu ul li#accueil a.active {
	background:url('../images/menu-accueil.png') top right no-repeat;
}
#menu ul li#savoirfaire a {
	background:url('../images/menu-savoirfaire.png') top left no-repeat;
}
#menu ul li#savoirfaire a:hover, #menu ul li#savoirfaire a.active {
	background:url('../images/menu-savoirfaire.png') top right no-repeat;
}
#menu ul li#ddd a {
	background:url('../images/menu-3d.png') top left no-repeat;
}
#menu ul li#ddd a:hover, #menu ul li#ddd a.active {
	background:url('../images/menu-3d.png') top right no-repeat;
}
#menu ul li#formations a {
	background:url('../images/menu-formations.png') top left no-repeat;
}
#menu ul li#formations a:hover, #menu ul li#formations a.active {
	background:url('../images/menu-formations.png') top right no-repeat;
}
#menu ul li#references a {
	background:url('../images/menu-references.png') top left no-repeat;
}
#menu ul li#references a:hover, #menu ul li#references a.active {
	background:url('../images/menu-references.png') top right no-repeat;
}
#menu ul li#contact a {
	background:url('../images/menu-contact.png') top left no-repeat;
	width: 34px;
}
#menu ul li#contact a:hover, #menu ul li#contact a.active {
	background:url('../images/menu-contact.png') top right no-repeat;
}
#menu ul li#accueil2 a {
	width:265px;
}

#content {
	width: 923px;
	background-color: #000;
}

/* Liens */
#liens {
	background:url('../images/logo.png') bottom right no-repeat;
	width:350px;
	height:25px;
	position:absolute;
	top: 0;
	left: 0;	
	z-index:2;

}
#liens ul {
	display: inline;
}
#liens ul li {
	list-style:none;
	display: inline;
	float: left;
	margin: 0 0 0 -5px;
}
#liens ul li a {
	display: block;
	width: 120px;
	height: 25px;
	color:#55b4dc;
	text-decoration:none;
	cursor:pointer;
}
#liens ul li a:hover {
	text-decoration:underline;
}
#liens ul li a span {
	display: block;
	height:25px;
	padding:4px 0 0 8px;
}
#liens ul li#vflash a {
	background:url('../images/liens-flash.png') bottom left no-repeat;
}
#liens ul li#vhtml a {
	background:url('../images/liens-html.png') bottom left no-repeat;
}
#liens ul li#vflash a span {
	padding:4px 0 0 12px;
}
#liens ul li#vhtml a span {
	padding:4px 0 0 12px;
}


#anim {
	height: 230px;
}
#silverlightControlHost {
	height: 400px;
	width:900px;
}

#silverlightControlHost2 {
	height: 400px;
	width:550px;
	margin:0 0 0 160px;
}

#silverlightControlHost3 {
	height: 400px;
	width:580px;
	margin:0 0 0 160px;
}



#contenu {
	padding: 20px;
	background:#000 url('../images/contenu_fond.gif') top right repeat-x;
}
#footer 
{
   /* float:right;*/
	text-align: right;
	padding:5px 15px 5px 0;
}
#footerTaille {
	text-align: right;
	padding:5px 15px 5px 0;
	margin:250px -10px;
}
#text_silverlight 
{
	margin :0 0 0 350px;
}

#text {
	width:720px;
	float:left;
}
#textAccueil {
	width:550px;
	float:left;
}


#icone {
	width:160px;
	float:left;
	margin : 0;
	padding: 30px 0 0 0;
	text-align: center;
}
.clear {
	width:100%;
	height:0;
	clear: both;
}


/* nombre de jours-formations */

.jours {
	float:right;
}

.lignes {
	 background: url('../images/ligne.gif') top left repeat-y;
	 min-height:550px;
}

ul {
	list-style-type:disc;
}

li {
	margin: 0 0 2px 30px;
	color:#fff;
	font-size:12px;
}

/* Bandeau Actualités */
.titreActualite
{
	font-weight : bold;
	color:#87d4ff;
	margin:10px 0 10px 0;
	font-size:20px;
	text-align: center;
	text-decoration : none;
}

.datePostActualite
{
	color:white;
	margin:10px 0 10px 0;
	font-size:14px;
	font-style:italic;
	text-decoration : none;
}

.titrePostActualite
{
	color:#87d4ff;
	margin:10px 0 10px 0;
	font-size:14px;
	font-weight:bold;
	text-decoration : none;
}

.imageRssFeed
{
	border : 0;
	text-decoration:none;
	border-bottom-style: none;
	border-bottom-width: 0px;
}

.linkAllActualites
{
	color:#87d4ff;
	margin:10px 0 10px 0;
	font-size:14px;	
	text-decoration : none;
}

/** Page actualites **/
.titreActualite{
	color:#949dff;
	margin:10px 0 10px 0;
	font-size:20px;
	font-weight : 400;
}

.titreActualiteDefault
{
	font-weight : bold;
	color:#87d4ff;
	margin:10px 0 10px 0;
	font-size:20px;
	text-align: center;
	text-decoration : none;
}

.dateActualite{
	color:#fff;
	margin:5px 0 10px 0;
	font-size:15px;
	font-style:italic;
}

 /** Reference Client **/
.valeurReferenceClient
{
    color : White;	
    font-family:Verdana;
    font-size : 12px;
}

.libelleReferenceClient
{
	color:#68D65E;
	font-size:15px;
}

a.lienSiteWebReferenceClient
{
	color:White;
	font-size:15px;
	text-decoration:none;
}

p.deuxpx {
	margin: 0 0 2px 0;
}
p.deuxpxOrange {
	margin: 0 0 2px 0;
	color:#ff987e;
	font-size:15px;
}