/***************************************************************************************************************/
/* Mise en forme générale*/
body {
    margin: 0px;
    opacity: 1;
    text-align: center;
	font-size:1em;
    background-color : rgb(0, 0, 0);
    color: rgb(255, 255, 255);
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none
}

/***************************************************************************************************************/
/* Mise en forme pour toutes les images*/
img
{
	/*Permet de virer l'encadrement sous IE */
	border: none;
}

/* HREF sans couleur bleue*/
.classHref
{
	/*text-decoration:none;*/
	color:rgb(100,100,100);
}

.classHrefWhite
{
	/*text-decoration:none;*/
	color:white;
}

/* HREF sans couleur bleue et sans soulignement*/
.classHrefDecoNone
{
	text-decoration:none;
	color:white;
}

/***************************************************************************************************************/
/* Header
/* div contenant le menu */
#divHeader {
    height: 240px;
	padding-left:20px;
	padding-right:20px;
	min-width : 800px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

/* div contenant les boutons du menu */
#boxMenuContent {
    width:600px;
	min-width: 600px;
	height:210px;
	min-height:210px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#boxMenuContentChild {
    position: absolute;
    margin-left: 180px;
    margin-top: 82px;
}

/* Mise en forme générale des boutons */
#iconCappsol{
    position: relative;
    text-align: left;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
	padding-top:5px;
}
#imgIconCappsol
{
    position: absolute;
}

/* Mise en forme des boutons */
.classNameBtn{
	position:relative;
	height:100px;
	width:120px;
	padding-top:30px;
	top:0px;
	left:0px;
	margin-left:10px;
	text-align:center;
}

/* Mise en forme générale des boutons */
.btnMenu{
	display:table-cell;
    position: relative;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 1.05em;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 1) 2px 2px 2px;
    color: rgb(255, 255, 255);
    white-space: nowrap;
    cursor: default;
}

/* Mise en forme du bouton non clickable correspondant à la page en cours */
.btnMenuSelected{
	display:table-cell;
    position: relative;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 1.05em;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 1) 2px 2px 2px;
    color: rgb(100, 100, 100);
    white-space: nowrap;
    cursor: default;
}

/* Mise en forme pour survol des boutons */
.btnMenu:hover {
    color: red; /* Couleur rouge gérée à part de la classe btnMenu sinon non prise en compte */
    cursor: pointer;
    -ms-transform:scale(1.1,1.1); /* IE 9 */
    -moz-transform:scale(1.1,1.1); /* Firefox */
    -webkit-transform: scale(1.1, 1.1); /* Safari and Chrome */
    -o-transform:scale(1.1,1.1); /* Opera */
    transform:scale(1.1,1.1);
    -moz-transition: -moz-transform 0.2s, color 0.2s;
    -webkit-transition: -webkit-transform 0.2s, color 0.2s;
    -o-transition: -o-transform 0.2s, color 0.2s;
    transition: transform 0.2s, color 0.2s;
}

/***************************************************************************************************************/
/* BODY
/* div contenu de la page */
#divBody{
    position : relative;
    left: 0px;
    width : 800px;
    margin-top : -20px;
    margin-left : auto;
    margin-right : auto;
	padding-left:20px;
	padding-right:20px;
 }
 
 /* Class pour les box contenant des infos */
.classBoxShadow{
	position:relative;
	top:0px;
	left:0px;
	display:table;
	height:220px;
	min-height: 220px; /* Pour l'affichage des applis */

	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;

	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow: 0px 0px 10px rgba(255,255,255,1);
	-o-box-shadow: 0px 0px 10px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,1);
	box-shadow: 0px 0px 10px rgba(255,255,255,1);
	background-color:rgba(0,0,0,0.8);
}

 /* Décoration et titre top pour box shadow */
.classDecoTop
{
	position:absolute;
	z-index:0;
	text-align: center;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-12px;
}

.classTitleTop
{
	position:absolute;
	z-index:0;
	width:auto;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	
    color: rgb(0, 0, 0);
    text-shadow: rgb(255, 0, 0) 0px 0px 2px;
	text-align: center;
    font-weight: bold;
    font-size: 1.4em;
}

/* Contenu associé à 1 box shadow avec titre en haut*/
.classBoxContentTop
{
	position:relative;
	width:800px;
	margin-top:80px;
}

/* Décoration et titre gauche pour box shadow */
.classDecoLeft
{
	position:absolute;
	z-index:0;
	text-align: left;
	left:0px;
	right:0px;
	margin-top:10px;
	margin-left:-12px;
}

.classTitleLeft
{
	position:absolute;
	z-index:0;
	width:auto;
	left:0px;
	right:0px;
	margin-left:60px;
	margin-right:auto;
	margin-top:42px;
	
    color: rgb(0, 0, 0);
    text-shadow: rgb(0, 0, 255) 0px 0px 2px;
	text-align: left;
    font-weight: bold;
    font-size: 1.2em;
}

/* Contenu associé à 1 box shadow avec titre à gauche*/
.classBoxContent
{
	position:relative;
	width:800px;
	margin-top:90px;
	margin-bottom:20px;
}

/***************************************************************************************************************/
/* FOOTER
/* div pied de page */
#divFooter {
    position: relative;
	color:rgb(100,100,100);
	padding-left:20px;
	padding-right:20px;
	min-width : 800px;
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto;
}

#boxFooterContent {
    width: 800px;
    position: relative;
    padding-top: 70px;
	font-size:1em;
    margin-left: auto;
    margin-right: auto;
}

#columnFooter1
{
	display:table-cell;
	width:250px;
	padding-left:20px;
	padding-top:20px;
	text-align:left;
}
#columnFooter2
{
	display:table-cell;
	width:350px;
	padding-top:20px;
	text-align:center;
}
#columnFooter3
{
	display:table-cell;
	width:200px;
	padding-right:20px;
	padding-top:20px;
	text-align:right;
}

#imgLogoViadeo
{
	display:table-cell;
	position:relative;
	padding-top:10px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:20px;
	width:40px;
	min-width:40px;
	height:40px;
	min-height:40px;
	background: url('../Images/viadeoIcon.png') center no-repeat;
}

#imgLogoViadeo:hover
{
	background: url('../Images/viadeoIconON.png') center no-repeat;
	cursor:pointer;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
}

#imgLogoLinkedin
{
	display:table-cell;
	position:relative;
	padding-top:10px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:20px;
	width:40px;
	min-width:40px;
	height:40px;
	min-height:40px;
	background: url('../Images/LinkedInIcon.png') center no-repeat;
}

#imgLogoLinkedin:hover
{
	background: url('../Images/LinkedInIconON.png') center no-repeat;
	cursor:pointer;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
}