@charset "utf-8";

body {
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
line-height:20px;
margin:0;
padding:0
}

h2 {
margin:0;
padding:0
}

a {
color:#F60
}

h1 {
position:absolute;
font-size:30px;
line-height:30px;
text-align:left;
color:#CCC;
margin-top:70px;
margin-bottom:40px;
margin-left:0;
text-shadow:1px 1px 1px #666
}

h3 {
text-indent:10px;
border-left:1px;
border-left-style:solid;
border-left-color:#666;
text-align:left;
margin-top:50px;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#666;
line-height:40px;
display:block;
letter-spacing:2px;
-moz-border-radius:0 0 0 10px
}

h3:first-letter {
color:#000;
font-size:20px
}

#conteneur {
width:80%;
max-width:900px;
min-width:760px;
background-color:#FFF;
-moz-border-radius:10px;
border:1px solid #F60;
-moz-box-shadow:1px 1px 100px #ccc;
-webkit-box-shadow:1px 1px 100px #ccc;
box-shadow:1px 1px 12px #555;
border-color:#F60;
border-style:solid;
border-width:1px;
margin:30px auto
}

#menu {
padding-top:80px;
height:auto;
float:none;
margin-top:50px
}

#enTete {
padding-top:2%;
padding-left:2%;
padding-right:2%;
height:170px;
text-align:left;
margin-left:10px
}

#centre {
height:auto;
padding:6px 2% 2%
}

#piedDePage {
width:80%;
max-width:900px;
min-width:760px;
padding-top:0;
height:70px;
text-align:right;
margin:auto
}

.parcoursProfessionel {
border:1px;
margin-top:20px;
-moz-border-radius:0 10px 10px;
border-color:#CCC;
border-style:solid;
padding:5px 6% 10px
}

.webmaster {
text-align:center;
z-index:50;
float:left;
font-size:30px;
color:#F60;
line-height:40px
}

.telephone {
font-size:12px;
text-align:left;
float:left;
color:#999;
height:150px;
margin-left:-10px;
padding-left:10px;
-moz-border-radius:10px;
width:270px;
border-color:#CCC #F60;
border-style:solid;
border-width:0 5px 5px 0
}

.enCeMoment {
top:20px;
font-size:12px;
text-align:left;
float:right;
width:400px;
color:#999;
height:220px;
margin-left:-10px;
padding-left:10px;
-moz-border-radius:10px;
margin-top:30px;
border-color:#CCC #F60;
border-style:solid;
border-width:0 5px 5px 0
}

.vignette {
font-size:12px;
text-align:right;
width:130px;
height:100px;
color:#fff;
font-weight:700;
background-color:#FFF;
border:1px;
float:left;
border-color:#666;
border-style:solid;
margin:10px
}

.blocVignette {
height:450px
}

ul#menuNav {
color:#CCC;
border-bottom-width:1px;
font-size:15px;
letter-spacing:1px;
background-color:#fff;
padding-left:10px;
border-bottom-color:#FFF;
border-bottom-style:solid;
margin:0
}

ul#menuNav li {
float:left;
list-style-type:none;
margin-left:8px;
margin-right:1%;
-moz-border-radius:10px 0 0;
border-bottom-color:#FFF;
text-shadow:1px 1px 4px #ccc;
border-style:solid;
border-width:1px;
padding:2px
}

#menuNav a:first-letter {
color:#333
}

#menuNav a:hover:first-letter {
color:#FFF
}

#menuNav a:active:first-letter {
font-weight:700;
color:#333
}

#menuNav a {
float:left;
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:700;
padding:1px
}

#menuNav a:hover {
float:left;
list-style-type:none;
color:#F60;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
-moz-border-radius:9px 0 0;
background-image:url(img/bando_inv.png);
padding:1px
}

#centre ul {
padding-bottom:20px;
padding-top:10px
}

.annee {
color:#F60;
margin-right:20px;
font-weight:700;
font-size:12px
}

.ste {
font-weight:700;
color:#000;
padding-right:5px;
margin-right:8px;
text-shadow:3px 3px 1px #ccc
}

.current {
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#F90
}

.poste {
-moz-box-shadow:1px 1px 12px #555;
-webkit-box-shadow:1px 1px 12px #555;
box-shadow:1px 1px 12px #555;
color:#F60;
text-decoration:none;
border:1px;
border-color:#CCC;
padding:1px
}

.hauteurLi {
padding-top:2px
}

.pTailleMoins {
font-size:.9em
}

.description {
font-style:italic;
font-size:12px
}

a.bulle:hover {
background:none;
z-index:50
}

a.bulle:hover span {
display:block;
position:absolute;
top:-10px;
left:-125px;
font-family:arial, verdana, sans-serif;
text-align:left;
font-size:12px;
font-weight:400;
width:400px;
background:#FFF;
border:1px solid #ccc;
border-left:10px solid #ccc;
padding:5px
}

.jauneTexte {
color:#CC0
}

.kobone {
font-family:Arial;
font-size:11px;
text-align:center;
width:77px;
background-color:#F3F2F8;
border:1px dashed #3E456E;
float:right
}

.a {
color:#999
}

.a:hover {
text-decoration:none
}

.kobonestyle1 {
font-size:9px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
color:#AEB0D0;
text-decoration:none
}

.kobonestyle2 {
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
color:#666;
text-decoration:none
}

a.bulleA:hover {
background:none;
z-index:50;
color:#666
}

a.bulleA:hover span {
left:70px;
display:block;
position:absolute;
top:-10px;
text-align:justify;
font-weight:400;
width:400px;
background:#FFF;
padding:5px
}

.separateur {
display:block;
height:20px;
width:1px
}

.indent {
color:#F60;
padding-left:45px
}

.incom {
padding-bottom:5px
}

.enMoment {
margin-left:20px;
padding-left:15px;
border-left:1px;
border-left-color:#F60;
border-left-style:solid
}

.bot {
width:60%;
margin:auto
}

.bot h2 {
text-align:center;
font-size:12px;
color:#999
}

.formContact {
height:300px;
padding:10px
}

.formContactDroit {
width:20%;
height:70%;
margin-right:10%;
float:left
}

.formContactGauche {
width:60%;
height:70%;
float:left
}

.textForm {
border-bottom:1px solid;
font-size:16px;
height:25px;
letter-spacing:4px
}

.textForm2 {
font-size:16px;
height:25px;
letter-spacing:4px
}

.champForm {
font-size:16px;
height:25px;
letter-spacing:4px;
padding-top:2px
}

.boutonForm {
float:right;
font-size:16px;
height:25px;
letter-spacing:2px
}

.okContact {
width:70%;
height:200px;
border:1px solid #F60;
-moz-border-radius:10px;
margin:auto auto 40px;
padding:10px
}

#conteneurContact {
width:20%;
height:auto;
border:1px;
background-color:#FFF;
-moz-border-radius:10px;
border-color:#F60;
border-style:solid;
border-width:1px;
margin:auto;
padding:20px
}

#sep {
height:300px
}

#social {
float:left;
margin-left:-20px;
margin-top:100px;
width:290px
}

#social li {
list-style:none;
display:inline;
border:0;
margin:auto
}

#social li img {
border:1px solid transparent
}

.h2Titre {
font-size:1.5em
}

.vcard {
width:200px;
float:right
}

#pubAdwords {
float:left
}

#pubAdwords2 {
width:200px;
height:200px;
margin-left:150px
}

#pubAdwords3 {
width:728px;
height:90px;
margin:auto
}

a.bulle,a.bulleA {
position:relative;
text-decoration:none;
text-align:center
}

a.bulle span,a.bulleA span {
display:none
}

#provenance,#spacer {
clear:both
}