body
{
	font-family: Orbitron, verdana, sans-serif;
}

#container
{
	width:980px;
	margin:auto;
}

.clearfix
{
	clear:both;
}


header
{
	border-bottom: 5px solid #622181;
	padding-bottom: 30px;
	padding-top: 40px;
	margin-top:-50px;
}

#navpages
{
	border-bottom: 5px solid #622181;
	padding-bottom: 30px;
	padding-top: 40px;
	margin-top:-50px;
}

header a
{
	float:right;
	margin-top:70px;
	text-decoration:none;
	color: black;
	
}

header p
{
	float: left; 
	margin-top: 120px;
	font-weight: bold;
	font-size: 20px;
	text-align:center;
}

#logo
{
	float:left;
	margin-top:50px;
}

#cvlink
{
	text-align: center;
	font-weight: 500;
	padding-top: 20px;
	
}

#cvlink img
{
	display: block;
	margin-top:-5px;
}

#cvlink  img:hover
{
	-webkit-box-shadow: 0px 0px 12px rgba(178, 34, 34,0.8);
    -moz-box-shadow: 0px 0px 12px rgba(178, 34, 34,0.8);
    box-shadow: 0px 0px 12px rgba(178, 34, 34,0.8);
}

#liens
{
	border-top: 2px solid #BB90BD;
	padding-top: 20px;
	padding-bottom: 20px;
}

#liens a:hover img 
{
    -webkit-box-shadow: 0px 0px 12px rgba(98,33,129,0.8);
    -moz-box-shadow: 0px 0px 12px rgba(98,33,129,0.8);
    box-shadow: 0px 0px 12px rgba(98,33,129,0.8);
}

#gauche, #centre, #droite
{
	margin-left:15px;
}


#FR, #EN
{
	display:inline-block;
	width:300px;
	height:110px;
	border-radius:10px;
	text-align:center;
	font-weight: 700;
	padding-bottom:50px;
		
}

#FR a, #EN a
{
	text-decoration:none;
	color: black;
	display:block;
	width:100%;
	height:100%;
	padding-top:50px;
		
}

#FR
{
	background-color:#E7D5E7;
	border: 5px solid #622181;
	
}

#EN
{
	background-color:#DCDCDC;
	border: 5px solid #622181;
	margin-left:20px;
	margin-right:-3px;
	
}

#contenu_central
{
	border-bottom: 2px solid #BB90BD;
	height: 220px;
	margin-top: 50px;
	margin-bottom:5px;
	padding-left:70px;
	text-align:center;
}

#contenu_principal
{
	margin-top: 10px;
	margin-bottom:50px;
	padding-left:20px;
	padding-right:20px;
	font-family: verdana, sans-serif;
	
}

.barreTop
{
	border-top:3px solid #BB90BD;
	padding-top:2px;
}

#contenu_principal p
{
	text-align:justify;
	
}

#contenu_principal a
{
 text-decoration:none;
 color: #622181;
}

#contenu_principal a:hover
{
	color: #BB90BD;
}

#contenu_principal ul
 {
list-style-type: none;
padding: 0;
  margin: 0;
 
}

#contenu_principal img
{
	vertical-align:middle;
	margin-right:20px;
	margin-bottom:10px;
}

footer
{
	border-top:5px solid #622181;
	padding-top:20px;
}

p, h3
{
	font-family: verdana, sans-serif;
}



nav ul {
	-webkit-font-smoothing:antialiased;
	text-shadow:0 1px 0 #FFF;
	list-style: none;
    padding: 0;
    width: 100%;
	
}


nav li {
	
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
	

}

nav a {
	
	margin-right:70px;
	color: #000;
	display: block;
    font: Orbitron, verdana, sans-serif;
	font-weight:500;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}


nav a:hover {
	color:#DCDCDC;
	text-align:left;
	 
}

nav li ul {
	
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
	visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav li:hover ul {
    opacity: 1;
    top: 25px;
    visibility: visible;
	
}
nav li ul li {
    float: none;
    width: 100%;
	
}

.cf:after, .cf:before {
    content:"";
    display:table;
	
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}

#navbar
{
	margin-top:154px;
}

#GoTo
{
	color:#622181;
	font-weight: bold;
	text-decoration:none;
	float:right;
	margin-top:70px;
	
}

#GoTo:hover
{
	color:#BB90BD;
}

#logo
{
	float:left;
	margin-right:80px;
	
}

.colonne-gauche
{
	float:left;
	width:510px;
	border-right: 5px solid #DCDCDC;
	
	
	
}

.colonne-droite
{
	float:left;
	margin-left:30px;
	
	
}

.photos
{
	width: 90px;
	display: inline-block;
	text-align:center;
}

label 
{
    display:block;
    margin-top:20px;
    
}

form
{
	margin:0 auto;
    width:459px;
}

textarea {
	height:213px;
	
}

#formulaire
{
	display:block;
    margin:0 auto;
    width:576px;
}

input, textarea {
	width:439px;
	background:#DCDCDC;
	border:1px solid #DCDCDC;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#000;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

input:focus, textarea:focus {
    border:1px solid #BB90BD;
}

#submit {
    width:127px;
    height:38px;
    border:none;
    margin-top:20px;
    cursor:pointer;
	color:#BB90BD;
	border:1px solid #BB90BD;
	
}

#submit:hover 
{
	color:#622181;
	border:1px solid #622181;
}

#clickprocedural, #clickpoo, #clickphp, #clickjavascript, #clickjava, #clickasp, #clicprocedural, #clicpoo, #clicphp, #clicjavascript, #clicjava, #clicasp{
	display: inline-block;
}

#exempleprocedural, #exemplepoo, #exemplephp, #exemplejavascript, #exemplejava, #exempleasp, #exampleprocedural, #examplepoo, #examplephp, #examplejavascript, #examplejava, #exampleasp{
	display: none;
}