body {
  background-color: #e7dfcc;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  padding:0px;
  margin:0px;
}
#content { 	
  position:absolute;
  height:auto; 
  width: auto;
  margin:-250px 0px 0px -500px;
  top: 50%; 
  left: 50%;
  text-align: left;
  padding: 0px;
  background-color: #e7dfcc;
  border: 0px solid #000000;
  overflow: auto;
}

#cv { 	
  height: auto; 
  width: 600px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  padding: 0px;
  background-color: #fff;
  border: 0px solid #000000;
  overflow: auto;
}

p, h1 {
margin: 0px; 
padding: 5px; 
}

h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
}

h2 {
	letter-spacing: -2px;
	margin-top: 0;
	margin-bottom: 5px;
	color: #5b522d;
	font-size: 18px;
}

a { 
color: #c4bc96;
font-size: 11px;
background-color:transparent;
text-decoration: none; 
font-weight: bold; 
}

a:hover {
	color: #564b47;
}

.gauche {
	float: left;
}

.droite {
	text-align: right;
}

.soustitre {
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}

.titre {
	letter-spacing: 2px;
	font-size: 10px;
	
}

.mission {
	letter-spacing: normal;
	font-weight: bold;
	font-size: 12px;
	
}

.etape {
}


.footer {
	text-align: center;
	font-size: 10px;
}

.footer a {
	color:#564b47; 
	text-decoration: underline;
	font-size: 10px;
}

.footer a:hover {
	color: #655854;
	text-decoration: underline;
	font-size: 10px;
}
/* ------------------------------------------------------------------------------------------------------------ CONTACT  */


h4 {
	padding: 10px 0 10px 0;
	color: #b1c700;
	text-align: right;
	font-size: 13px;
	letter-spacing: 1px;
}

.lieu {
	color: #c4bc96;
	text-align: right;
	font-size: 10px;
}

.annee {
	color: #a6a6a6;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

.date {
	/* color: #4f81bd; */
	color: #564b47;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: -1px;
}

.competences {
	text-align: center;
	margin-left: auto;
   margin-right: auto;
}

.cv {
	float: right;
	margin-top: -8px;
	margin-right: 0px;
	border: 0px solid #000000;
}

.cvhaut {
	margin-left: 15px;
}

.fondblanc {
	/*background: url(img/fondcvblanc.gif) top left no-repeat;*/
	background-color: white;
	padding: 10px 10px 10px 10px;
	margin: 0;
}

.titrecv {
	margin-top: 15px;
	margin-left: 21px;	
	
}

.fente {
	background: url(img/encoche.jpg) left no-repeat;
	margin-left: -10px;
}


/* ------------------------------------------------------------------------------------------------------------ IMAGE ROLLOVER  */

.vide {
	background: #e7dfcc;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b00 {
	background: url(img/carre_vide.jpg) top left no-repeat;
	height: 39px;
	width: 40px;
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 45px;
}

.b2 {
	background: url(img/CV.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b2:hover {
	background-position: 0% -84px;
}
.b3 {
	background: url(img/vide2.jpg) top left no-repeat;
	height: 50px;
	width: 50px;
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 34px;
}

.b3:hover {
	background-position: 0% -50px;
}

.b4 {
	background: url(img/vide2.jpg) top left no-repeat;
	height: 50px;
	width: 50px;
	margin: 0;
	padding: 0;
	float: left;
	margin-top: 34px;
}

.b4:hover {
	background-position: 0% -50px;
}
.b5 {
	background: url(img/5b.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b5:hover {
	background-position: 0% -84px;
}
.b6 {
	background: url(img/sci_park1.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b6:hover {
	background-position: 0% -84px;
}
.b7 {
	background: url(img/sci_park2.jpg) top left no-repeat;
	height: 50px;
	width: 50px;
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 34px;
}

.b7:hover {
	background-position: 0% -50px;
}
.b8 {
	background: url(img/romero5.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b8:hover {
	background-position: 0% -84px;
}
.b9 {
	background: url(img/romero4.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b9:hover {
	background-position: 0% -84px;
}
.b10 {
	background: url(img/romero1.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b10:hover {
	background-position: 0% -84px;
}
.b11 {
	background: url(img/romero2.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b11:hover {
	background-position: 0% -84px;
}

.contact {
	background: url(img/contact.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.contact:hover {
	background-position: 0% -84px;
}

.b13 {
	background: url(img/genot1.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b13:hover {
	background-position: 0% -84px;
}
.b14 {
	background: url(img/vide2.jpg) top left no-repeat;
	height: 50px;
	width: 50px;
	padding: 0;
	float: right;
	margin-top: 34px;
}

.b14:hover {
	background-position: 0% -50px;
}
.b15 {
	background: url(img/benichou1.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b15:hover {
	background-position: 0% -84px;
}
.b16 {
	background: url(img/diplome1.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b16:hover {
	background-position: 0% -84px;
}
.b17 {
	background: url(img/diplome2.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b17:hover {
	background-position: 0% -84px;
}

.b18a {
	background: url(img/sci_bp1.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b18a:hover {
	background-position: 0% -84px;
}

.b18 {
	background: url(img/sci_bp2.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b18:hover {
	background-position: 0% -84px;
}
.b19 {
	background: url(img/refs1.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b19:hover {
	background-position: 0% -84px;
}
.b20 {
	background: url(img/refs2.jpg) top left no-repeat;
	height: 50px;
	width: 50px;
	margin: 0;
	padding: 0;
	float: left;
	margin-top: 34px;
}

.b20:hover {
	background-position: 0% -50px;
}
.b21 {
	background: url(img/vide2.jpg) top left no-repeat;
	height: 50px;
	width: 50px;
	margin: 0;
	padding: 0;
	float: left;
	margin-top: 0;
}

.b21:hover {
	background-position: 0% -50px;
}
.b22 {
	background: url(img/vide2.jpg) top left no-repeat;
	height: 50px;
	width: 50px;
	margin: 0;
	padding: 0;
	float: right;
	
}

.b22:hover {
	background-position: 0% -50px;
}
.b23 {
	background: url(img/iovino.jpg) top left no-repeat;
	height: 50px;
	width: 50px;
	margin: 0;
	padding: 0;
	float: left;
	
}

.b23:hover {
	background-position: 0% -50px;
}
.b24 {
	background: url(img/av1.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0;
	padding: 0;
}

.b24:hover {
	background-position: 0% -84px;
}
.b25 {
	background: url(img/av2.jpg) top left no-repeat;
	height: 84px;
	width: 84px;
	margin: 0px;
	padding: 0;
	float: left;
	
}

.b25:hover {
	background-position: 0% -50px;
}

.b26 {
	background: url(img/vide2.jpg) top left no-repeat;
	height: 50px;
	width: 50px;
	margin: 0;
	padding: 0;
	float: right;
}

.b26:hover {
	background-position: 0% -50px;
}

.b27 {
	background: url(img/vide2.jpg) top left no-repeat;
	height: 50px;
	width: 50px;
	margin: 0;
	padding: 0;
	float: left;
}

.b27:hover {
	background-position: 0% -50px;
}

.b28 {
	background: url(img/vide2.jpg) top left no-repeat;
	height: 50px;
	width: 50px;
	margin: 0;
	padding: 0;
	float: right;
}

.b28:hover {
	background-position: 0% -50px;
}

/* ------------------------------------------------------------------------------------------------------------ CONTACT */

.mejoindre {
	margin: 15px 15px 0px 15px;
	text-align: justify;
	font-family: Verdana, Geneva, Arial, sans-serif;
	line-height: 170%;
	font-size: 11px;
	letter-spacing: 1px;
	color: #8c8c8c;
	
}

.mailcontact {
	margin: 15px 15px 0 0;  /* haut droite bas gauche */
	text-align: right;
	
	
}

.mailcontact a {
	color: #ff4500;
	
}

.mailcontact:hover a {
	color: #f4a460;
}

.liencv {
	padding: 0;
	margin: 0 0 0 0;
	color: #625626;
	font-size: 11px;
}

/* ------------------------------------------------------------------------------------------------------------ Formulaire  */

.formulaire {
	margin: 20px 0 0 0;  /* haut droite bas gauche */
	padding: 0 0 0px 15px;
	/*background-color: #e6dfcb;*/
	background: url(img/bg4.jpg) bottom left;
	background-repeat: repeat-x; 
	color: #81776d;
	
}

#formulaire {
	
	
}

.contacter {
	margin-left: 0;
	float: left;
}

.table {
	padding-top: 20px;
}

td.info {
	padding-right: 8px;
	letter-spacing: 1px;
	font-size: 12px;

}

td.champ {
	padding-bottom: 2px;
	
}

.writein {
	color: #8f8671;
	font-weight: bold;
}

td {
	padding: 0;
	font-weight: bold; 
	text-align: left;
}

td.liste {
	text-align: left;
}
td.subject{}
td.contenu {
	padding-right: 5px;
	letter-spacing: 1px;
	font-size: 12px;
}
td.contenant{}
tr.lesboutons {}

.annuler {
	margin-top: 30px;
}


/* ------------------------------------------------------------------------------------------------------------ MISE EN PAGE  */

#ligne0 {
	
	height: 84px;
	background-color: #e7dfcc;
	padding: 0 0 6px 19px;
	margin: 0;
	list-style-type: none;
}

ul#ligne1 {
	
	height: 84px;
	background-color: #e7dfcc;
	padding: 0 0 6px 15px;
	margin: 0;
	list-style-type: none;
}

ul#ligne2 {
	
	height: 84px;
	background-color: #e7dfcc;
	padding: 0 0 6px 0;
	margin: 0;
	list-style-type: none;
}

ul#ligne3 {
	
	height: 84px;
	background-color: #e7dfcc;
	padding: 0 0 6px 0;
	margin: 0;
	list-style-type: none;
}

ul#ligne4 {
	
	height: 84px;
	background-color: #;
	padding: 0 0 4px 90px;
	margin: 0;
	list-style-type: none;
}

#ligne1 li {
	float: left;
	margin-left: 4px;
}

#ligne2 li {
	float: left;
	margin-left: 6px;
}

#ligne3 li {
	float: left;
	margin-left: 6px;
}

#ligne4 li {
	float: left;
	margin-left: 6px;
}

#menu ecart1image {
	margin-left: 92px;
}

.vignette {
	width: 84px;
	height: 84px;
	background-color: #e7dfcc;
}

.basgauche {
	margin-top: 32px;
	
}
.basdroite {
	float: right;
	margin-top: 32px;
}
.hautdroite {
	float: right;
}
.petitbasdroite {
	float: right;
	margin-top: 52px;
}

.centre {
	text-align: center;
	margin-left: auto;
   margin-right: auto;
	margin-top: 17px;
	
}

/* ------------------------------------------------------------------------------------------------------------ HIGHSLIDE  */

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
   outline: none;
}
.highslide img {								/* APPARANCE IMAGE */
	border: 0px solid black;
}
.highslide:hover img {						/* APPARANCE IMAGE LORS DU SURVOL */
	border: 0px solid white;
}

.highslide-image {
    border: 0px solid black;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid #e7dfcc;
    border-top: none;
    font-family: Arial, Helvetica;
    font-size: 10px;
	 letter-spacing: 3px;
	 color: #696969;
	 padding: 3x;
    background-color:  #e7dfcc;
	 
	 
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
   display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
   text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

/* ------------------------------------------------------------------------------------------------------------ HIGHSLIDE HTML  */

.parcours {
	letter-spacing: 0px;
	color:#564b47; 
	font-size: 11px;
	font: verdana, arial;
}

#highslide-html1 {
   
	
}

#highslide-html2 {
   /* background-color: #f5f3eb;*/
	background-color: #e7dfcc;
	 
}

.highslide-html {
    background-color: white;
	 
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
   display: none;
}
	
.highslide-body {
	padding: 0;
}
	

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 25px 0 0;
	font-size: 9pt;
   font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #3c3c3c;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}