aside
{
    position: relative;
    width: 235px;
    background-color: rgb(230,230,230); 
    background-color: rgba(230,230,230,0.6);

    -webkit-box-shadow:0px 2px 5px #1c1a19;
    -moz-box-shadow:0px 2px 5px #1c1a19;
    box-shadow:0px 2px 5px #1c1a19;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;

    padding: 10px;
    color: black;
    font-size: 0.9em;
    margin-top: 15px;
}
.alignementCellsLeft
{
    text-align: left;
}

.alignementCellsRight
{
    text-align: right;
}
#bandeau_top{
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 10px;
    top:0px;
    background-color: black;
}
.bloc-apropos{
    position: relative;
    display: block;
    float: right;
    top: 0px;
    width: 30%;
    height: 0px;
    background-color: black;
    /*opacity: 0.15;*/
}
.bloc-detail-projet{
    height: auto;
    width: 95%;
    border: solid #cbe1ff 2px;
    padding: 20px;
    margin-bottom: 2%;
    background-color: #f7faff;
}
.bloc-cv
{
    height: 900px;
    width: 95%;
    border: solid #cbe1ff 2px;
    padding: 20px;
    margin-bottom: 2%;
    background-color: #f7faff;
}

.bloc-presentation{
    font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
    width: 600px;
    /*margin-left: 20px;*/
}
.bloc-projet
{
    position: absolute; 
    width: 300px;
    height: 400px;
    margin-bottom: 2%;
    background-color: #f0f0f0;
}
.bouton-projet
{
    margin-left: 76%;
}
.caption a img{
    position: absolute;
    z-index: 2;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -transition: all .25s ease-in-out;
}
.caption a .ecran{
    position: absolute;
    color: white;
    background: none;
    font-size: 50px;
    font-style: bold;
    text-align: center;
    padding-top: 60px;
    z-index:3;
    opacity: 0;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -transition: all .25s ease-in-out;
}
.caption a span{
    position: absolute;
    background-color: black;
    width: 300px;
    height: 150px;
    z-index:1;
    opacity: 1;
}
.caption a:hover img{
    opacity: .25;
}
.caption a:hover .ecran{
    opacity: 1;
}
.case{
    width: 50%;
    border: solid #cbe1ff 2px;
    background-color: #e0ebff;
    padding: 5px;
}

.container{
    margin-top: 30px;
}
.cp_projets{
    width: 745px;
    top: 25px;
    background-color: black;
    padding: 10px;
}
.description-projet
{
    padding-top: 155px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    text-align: center;
    color:#5e5e5e;
}
.description-projet a{
    /* position: absolute; */
    margin-top: 10px;
    text-align: center;
}
.eleve{
    color:#8d8d8d;
    font-size:25px;
    font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-weight:bold;
}

.emailCenter
{
    margin-left: auto;
    margin-right: auto;
}
/*
form{
        width: 30%;
    border: solid #cbe1ff 2px;
     border-radius: 20px; 
    padding: 5px;
        background-color: #f7faff;
}

.formContact {
    width: 35%;
    border: solid #cbe1ff 2px;
     border-radius: 20px; 
    padding: 15px;
    background-color: #f7faff;
}
*/
.formCenter
{
    text-align: center;
    width: 950px;
}
footer{
    display: block;
    position: relative;
    background-color: black;
    height: 20px;
    padding:10px;
    bottom: 0px;
}
h1,h2,h3,h4,h5{
    color:#5e5e5e;
}
hr{
    color:#5e5e5e;
    height:2px;
}
#map
{
    width: 940px;
    height: 300px;
}
.menu{
    float: right;
    z-index:11;
    position: relative;
    margin-right: 10px;
    list-style: none;
}
.menu li{
    display: inline;
}
.menu a{
    padding-top:50px;
    padding-bottom:20px;
    padding-left: 10px;
    padding-right: 10px;
    color:#bcbcbc;
    text-decoration:none;
    font-size:20px;
    font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-weight:bold;
    background:white;
    -webkit-transition: color .4s ease-in, background .4s ease-in, padding-bottom .6s ease-out;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
}
.menu a:hover{
    color:white;
    background:#4380d3;
}
.menu2{
	float: left;
	position: relative;
	margin-left: 10px;
	color:#5e5e5e;
	font-size:11px;
	font-weight: bold;
	font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
}
.menu2 a{
    text-decoration:none;
	color:white;
}
.menu2 a:hover{
	text-decoration:underline;
}
.menu3{
	float: right;
	position: relative;
	margin-right: 10px;
	color:#5e5e5e;
	font-size:11px;
	font-weight: bold;
	font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
}
.menu3 a{
    text-decoration:none;
	color:white;
}
.menu3 a:hover{
	text-decoration:underline;
}

#myCarousel-detail
{
    height: 400px;
    width: 800px;
    margin: auto;
}

.nameLeft
{
    float: left;
}
nav{
    width:100%
}
#nom_eleve
{
    font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color:#5e5e5e;
    padding-top:30px;
    padding-bottom:30px;
    padding-left: 10px;
    padding-right: 10px;
}

.photo_profil{
	margin-left:auto;
	margin-right:auto;
}
.reseauxSociaux
{
    height: 25px;
    width: 25px;
}

.reseauxCodeSource
{
    height: 25px;
    width: 25px;
}
.sujetRight
{
    float: right;
}
table
{
    width: 100%;
}

.tableau-activitee
{
    width: 100%;
    border: medium solid ;
}

td.tableau-activitee, th.tableau-activitee
{
    border: thin solid;
    width: 50%;
}

td.btnProjet
{
    width: 50%;
}
.textAera
{
    width: 940px;
}
.titre-projet
{
    font-weight: bold;
    font-size: 18px;
}