@charset "utf-8";
/* CSS Document */


/* ========== PROPRIETES GENERALES ========== */
body {
background-image:url(images/bandeau.jpg);
background-repeat:repeat-x;
background-color:#eeeeee;
margin:auto;
color:black;
font-family:Verdana, "Myriad Pro", Geneva, Arial, Helvetica, sans-serif;
font-size:0.7em;}

p, form {
margin-left:50px;
margin-right:50px;
text-align:justify;
line-height:16px;}

textarea {
height:53px;}

input#nom, input#prenom, input#objet, input#mail {
width:240px;}

h1 {
font-family:"Myriad Pro", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:22px;
font-variant:small-caps;
text-indent:40px;
border-bottom:1px solid #3d3d3d;
margin:10px 20px 40px 20px;
background-image:url(images/puceh1.png);
background-repeat:no-repeat;}

h2 {
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
font-size:15px;
text-indent:30px;
width:500px;
margin-left:30px;
margin-right:20px;
margin-top:30px;
background-image:url(images/puceh2.png);
background-repeat:no-repeat;
border-bottom:1px dotted #CCCCCC;
width:400px;}

h3.index {
font-size:14px;
padding:inherit;
margin:inherit;
margin-bottom:4px;
text-indent:0px;}

h4 {
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
font-variant:small-caps;
text-indent:30px;
background-color:#9bc800;}

h5 {
font-size:14px;
font-variant:small-caps;
text-indent:30px;
background-color:#CCCCCC;}

img {
border:none;}

hr {
border:1px outset #949494;}

li {
text-align:justify;
list-style-image:url(images/puce.gif);
line-height:16px;}

li.vide{
list-style-image:none;
list-style-type:none;}




/* ========== PROPRIETES DE MISE EN FORME ========== */
#blc_menu, #blc_cont, #blc_pied  {
width:800px;
height:auto;
margin:auto;}

#ban {
background-image:url(images/banniere.jpg);
background-repeat:no-repeat;
width:800px;
height:200px;
margin:auto;}

#bas {
background-image:url(images/pied.jpg);
background-repeat:no-repeat;
float:right;
position:relative;
top:10px;
left:14px;
margin:auto;
width:800px;
height:130px;}

p#pied {
font-family:Arial, Tahoma, "Times New Roman", Times, serif;
color:#000000;
font-size:12px;
margin-top:30px;
margin-left:400px;}

p#valid {
font-family:Arial, Tahoma, "Times New Roman", Times, serif;
color:#000000;
font-size:12px;
margin-top:-10px;
margin-left:90px;}

#boite {
float:right;
position:relative;
right:20px;
background-image:url(images/ban_boite.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
width:760px;
height:auto;
border:1px solid #a6a6a6;}

#haut {
background-color:#1e1e1e;
width:760px;
height:10px;
margin:auto;}

#mention {
font-family: "Perspective Sans", Helvetica, Arial Tahoma, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
font-size:0.9em;
margin-top:-40px;
margin-left:90px;
padding-bottom:15px;}

.web a:hover, .web a:focus, .liens a:hover, .liens a:focus {
background:none;
text-decoration:underline;}




/* ========== PROPRIETES DU MENU ========== */
div#divmenu {
float:right;
position:relative;
right:70px;
text-align:center;
margin-top:-2.4em;}

div#divmenu a { /* zone cliquable */
float:left;
position:relative;
right:6px;
top:-10px;
width :98px;
height:50px;
border:none;}

#divmenu ul li {
position:relative;
list-style:none;
float:left;}

#divmenu ul ul {
position:absolute;
display:none; 
width:100px;
padding-bottom:20px;}

#divmenu ul.niv1 li.sousmenu:hover ul.niv2, #divmenu ul.niv1 li.sousmenu:focus ul.niv2,
#divmenu ul.niv2 li.sousmenu:hover, #divmenu ul.niv2 li.sousmenu:focus {
display:block;
padding-top:2px;
margin-left:-3.2em;}

.niv1 li {
font-size:15px;
padding:20px 0 0 7px;
text-align:center;
color:#FFFFFF;
width:93px;
height:50px;}

.niv1 li#gauche, .niv1 li#droite {
width:23px;}

li#accueil, li#accueil a:hover, li#accueil a:focus,
li#cv, li#cv a:hover, li#cv a:focus,
li#web, li#web a:hover, li#web a:focus,
li#graph, li#graph a:hover, li#graph a:focus,
li#contact, li#contact a:hover, li#contact a:focus,
li#liens, li#liens a:hover, li#liens a:focus, li#gauche, li#droite {
background-repeat:no-repeat;
background-position:center;}

.niv1 li#accueil {
background-image:url(images/boutons/b_accueil.jpg);}
.niv1 li#accueil a:hover, .niv1 li#accueil a:focus {
background-image:url(images/boutons/b_accueil_on.jpg);}

.niv1 li#cv {
background-image:url(images/boutons/b_curriculum.jpg);}
.niv1 li#cv a:hover, .niv1 li#cv a:focus {
background-image:url(images/boutons/b_curriculum_on.jpg);}

.niv1 li#web {
background-image:url(images/boutons/b_web.jpg);}
.niv1 li#web a:hover, .niv1 li#web a:focus {
background-image:url(images/boutons/b_web_on.jpg);}

.niv1 li#graph {
background-image:url(images/boutons/b_graphisme.jpg);}
.niv1 li#graph a:hover, .niv1 li#graph a:focus {
background-image:url(images/boutons/b_graphisme_on.jpg);}

.niv1 li#contact {
background-image:url(images/boutons/b_contact.jpg);}
.niv1 li#contact a:hover, .niv1 li#contact a:focus {
background-image:url(images/boutons/b_contact_on.jpg);}

.niv1 li#liens {
background-image:url(images/boutons/b_liens.jpg);}
.niv1 li#liens a:hover, .niv1 li#liens a:focus {
background-image:url(images/boutons/b_liens_on.jpg);}

.niv1 li#gauche { /* extremité gauche du bandeau menu */
background-image:url(images/boutons/b_gauche.jpg);}
.niv1 li#droite { /* extremité droite du bandeau menu */
background-image:url(images/boutons/b_droite.jpg);}

span#fr a { /* zone cliquable */
float:right;
position:relative;
left:665px;
top:-50px;}

span#en a { /* zone cliquable */
float:right;
position:relative;
left:629px;
top:-56px;}




/* ========== PROPRIETES DES TABLEAUX ========== */
table {
margin-left:50px;
margin-right:50px;
border-spacing:10px;}

table.libre {
width:670px;
vertical-align:top;
margin-bottom:20px;}

table.graphs img:hover, table.graphs img:focus {
cursor:pointer;}

table td {
width:390px;
vertical-align:top;
margin-bottom:20px;}

table.graphisme {
width:690px;}

table.graphisme td {
margin-left:-4px;
margin-right:-4px;
width:310px;}

table.graphs {
width:230px;}

table.graphs img {
width:70px;
padding:inherit;
margin:inherit;}

table.graphs a:hover, table.graphs a:focus {
background:inherit;}





table p {
margin:inherit;}

table h3 {
margin-top:-20px;}

td.ai {
background-color:#FF6600;}

table#curric li {
list-style-type:none;}




/* ========== AUTRES PROPRIETES ========== */
.cen {
text-align:center;
margin:auto;
vertical-align:inherit;}

.gch {
text-align:left;}

.drt {
text-align:right;
padding:3px 3px 3px 3px;}

.idt { /* photo d'identité */
float:right;
position:absolute;
left:470px;
width:220px;
height:auto;
margin-top:-20px;}

.asc {
float:right;
position:relative;
right:0px;
top:25px;
font-size:10px;
color:#333333;
width:80px;
height:22px;
background-image:url(images/ascenceur.jpg);
background-repeat:no-repeat;
background-position:right;
margin-top:-1px;}

.asc:hover, .asc:focus {
padding-left:4px;
background-image:url(images/ascenceur2.jpg);}

.centre {
float:left;
position:relative;
padding-bottom:70px;}

.droite_p {
float:left;
position:relative;
left:360px;
top:-310px;}

.droite p, .gauche p , .droite_p p{
width:280px;}

.ttelin {
float:left;
position:relative;
width:760px;
margin:auto;}

.date {
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
float:right;
position:relative;
right:10px;}

.ind {
padding-left:50px;}

.titre_lien {
border-bottom:1px outset #949494;
padding-bottom:6px;}

.opt {
text-align:center;
}

.gros {
color:#9bc800;
padding-top:60px;
font-size:20px;
line-height:30px;
text-align:center;}

.important {
color:#990000;}




/* ========== PROPRIETES DES LIENS ========== */
a {
font-weight:bold;}

p a, td a, h1 a, h2 a, h3 a, .asc a {
color:#9bc800;
text-decoration:none;
padding:0 2px 0 2px;}

p a:hover, p a:focus, td a:hover, td a:focus, h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus {
color:#000000;
background-color:#c5ff00;
padding:0 2px 0 2px;}

.asc, td a:hover .asc, td a:focus .asc, .nolink, .nolink:hover, .nolink, .nolink:focus {
padding:0px;
background-color:inherit;
text-decoration:none;
font-weight:inherit;}

#pied a {
color:#000000;}

#pied a:hover, #pied a:focus {
color:#000000;
background-color:#c5ff00;}