html{
padding:0px;
}


body {

background:#fff;
margin:0px;
width:auto;
height:auto;
font-family: Arial, Tahoma,"Trebuchet MS", Arial, "Gill Sans", sans-serif;
font-size:0.85em;
color:#222222;
padding:0px;
}

a{
color:#00A9C5;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

img{
border:0px;
}

/******** Titres  *********/
h2{
height:35px;
width:275px;
margin:10px 0px 0px 20px;
padding:0px;
color:#FF7722;
font-size:22px;
}


h3{
color:#00A9C5;
margin:25px 0px 0px 0px;
font-weight:bold;
font-size:1.1em;
text-decoration:underline;
text-align:left;
}

h4{
font-size:1em;
color:#222222;
margin:5px 0px 3px 5px;
font-weight:bold;
}
/******** Fin Titres  *********/



/******** Liste imbriquées  *********/
.master {
margin:10px 0px 5px 0px;
font-weight:bold;
}

.master li {
margin:12px 0px 2px 0px;
list-style-type:square;
}


.slave  {
margin:0px 0px 10px 20px;
padding:0px;
font-weight:normal;
}
.slave li {
margin:0px;
list-style-type:none;
}
/******** FIn Liste imbriquées  *********/





/********  EN-TETE   *********/
#head {
padding:0px;
background:Transparent url(../img/titre.jpg);
background-color:#00A9C5;
background-repeat:repeat-x;
background-position:top center;
height:102px;
width:auto;
margin:0px;
border:0.1px solid transparent;
}

#menu {
padding:0px;
background:transparent url(../img/background-menu.png);
height:22px;
text-align:center;
margin:83px auto 0px auto;
font-size:16px;

}

#menu ul {
margin:0px -3px;
padding:0px;
display:inline;
border-right:#555588 solid 1px;
border-left:#555588 solid 1px;
}

#menu ul li {
margin:0px -3px;
*margin:0px;
display:inline;
padding:0px 20px 0px 20px;
border-right:#555588 solid 1px;
border-left:#555588 solid 1px;
color:#764E2A;
}

#menu ul li:hover{
background:Transparent url(../img/background-menu-hover.png);
}

#menu ul li:hover a {
color:#ffffff;
}


#menu ul li a {
margin:0px;
font-weight:bold;
color:#FF7722;
text-decoration:none;
}
/*********   FIN EN-TETE    **************/




/**********   menu rapide    **************/
#menurapide {
color:#eee;
height:600px;
width:150px;
top:300px;
z-index:50;
float:right;
padding:50px 5px 100px 5px;
display:block;
font-size:10px;
}

#menurapide h4{
color:#999;
font-weight:bold;
}

#menurapide a{
color:#ccc;
font-weight:bold;
}

#menurapide ul{
padding:0px 10px 15px 10px;
margin:0px 5px 5px 5px;
}

#menurapide ul li{
margin:0px 0px 0px 10px;
}


.coord li {
list-style-type:none;
}

.cvexpress li{
list-style-image:url(../img/puce.png);
}

.cvexpress li:hover{
list-style-image:url(../img/puce-hover.png);
}
/**********    FIN menu rapide    **************/





/**********   CONTENU    **************/
#float-haut-left{
background-image:url(../img/ombre-haut-gauche.png);
background-position:top;
background-color:#eee;
float:left;
width:31px;
height:323px;
}

#float-haut-right{
background-image:url(../img/ombre-haut-droite.png);
background-position:top;
background-color:#eee;
float:right;
width:31px;
height:323px;
margin:0px;
}


#all{
background:url(../img/ombre-haut.png);
background-repeat:repeat-x;
background-position:top;
margin:0px;
padding:20px;
}

#contenu {
z-index:40;
margin:0px 250px 0px 0px;
padding:20px;
}

#contenu p{
padding:2px 0px 0px 15px;
font-weight:500;
line-height:15px;
width:75%;
}
/**********    FIN CONTENU    **************/

/**********  INDEX BIENVENUE *****************/
#index p{
margin:10px 0px 10px 0px;
}



/************* Pied de page **************/
#float-bas-left{
background-image:url(../img/ombre-bas-gauche.png);
background-position:top;
background-color:#eee;
float:left;
left:0px;
width:31px;
height:323px;
margin:0px;
padding:0px;
z-index:51;
}

#float-bas-right{
background-image:url(../img/ombre-bas-droite.png);
right:0px;
background-position:top;
background-color:#eee;
float:right;
width:31px;
height:323px;
margin:0px;
padding:0px;
z-index:52;
}

#foot {
background:url(../img/ombre-bas.png);
background-repeat:repeat-x;
background-position:bottom;
margin:-150px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
font-size:0.9em;
color:#000000;
height:323px;
z-index:50;
width:100%;
vertical-align:top;
}

#foot ul {
float:right;
margin:250px 250px 0px 0px; 
}

#foot ul li {
display:inline;
margin:0px;
padding:0px;
}

#foot ul li a {
background-color:transparent;
color:#000;
font-weight:normal;
}

#hautdepage img{

}



#w3c {
display:none;
width:200px;
margin:0px 10px 0px auto;
padding:0px;
}
/************* Fin Pied de page **************/




/*******  pages CV **********/
.cv {
background:url(../img/ombre-cadre.png) top left no-repeat;
padding:15px 15px 40px 40px;
min-height:200px;
margin:0px 0px 20px 0px;
}

.cv ul{
margin:0px 0px 0px 20px;
padding:0px 0px 0px 20px;
}
.cv ul li{
list-style-image:url(../img/puce-hover.png);
}
.cv-bandeau {
margin:100px 0px 0px 0px;
}


.cv-bandeau {
margin:25px 0px 0px 0px;
}

.periode{
width:150px;
float:left;
text-align:left;
margin:0px;
padding:0px;
}

.etablissement{
width:325px;
float:left;
text-align:left;
font-weight:bold;
text-decoration:underline;
margin:0px;
padding:0px;
}

.lieu{
text-align:right;
margin:0px 0px 0px 10px;
padding:0px;
}

.intitule{
text-align:left;
margin:0px 0px 10px 30px;
padding:0px 0px 0px 15px;
}

.contrat{
color:#555555;
padding:0px ;
margin:0px ;
}

.taches{
margin:0px 0px 0px 20px;
padding:0px 0px 0px 20px;
}

.etoiles {
text-align:right;
margin:0px 0px 0px 10px;
padding:0px;
}

.etoiles img{
margin:0px 0px 0px -5px;
padding:0px;
}

.domaine{
margin:0px;
padding:0px;
}

#competences {
margin-top:30px;
}

#interets {
margin-top:30px;
}
/******* FIN page CV **********/



/*******  page Realisations **********/
#realisations p{
float:left;
width:150px;
height:150px;
vertical-align:middle;
margin:20px 0px 20px 0px;
padding:0px 20px 0px 5px;
border-left:2px dotted #d0d0d0;
}


#realisations img{
float:right;
margin:15px;
}






/*******  pages contact **********/

#message{
font-weight:bold;
font-size:1.1em;
}

label {
/*margin:10px 5px;
padding:5px 5px 0px 5px;*/
vertical-align:top;
width:100px;
font-weight:bold;
line-height:16px;
vertical-align:middle;
}

input, textarea {
/*margin:5px 5px;
padding:0px;*/
}

.button{
padding:1px 10px;
border:1px solid #00A9C5;
background-image:url(../img/background-menu.png);
color:#FF7722;
font-weight:bold;
vertical-align:middle;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
height:20px;
}
.button:hover{
background-image:url(../img/background-menu-hover.png);
color:#FFFFFF;
}

tr{
margin:25px 0px;
}