body { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	background-color: #626262;
	margin: 0px; 
	padding: 0px;
	text-align: center;
}
div.decoSaisons{
	display:block;
	position:fixed;
	bottom:0;
	right:-30px;
	background: url(../medias/orchideeMam.png) no-repeat;
	height: 400px;
	width: 300px;
}

#banniere {
	background: url(../images/bannierePaysage.jpg) no-repeat center top;
	margin:5px 0px 0px 0px;
	padding-left:20px;
	width: 760px;
	height: 133px;
	position: relative;
	text-align:center;
}

/***
  **
  ** menu rapide
  **
****/
#menuRapide {
	position: relative;
	width: 450px;
	float: right;
	padding: 118px 35px 0px 0px;
	font: bold 8pt Sans-Serif;
	text-align: right;
}

abbr{
	font:bold 100% "Courier New", Courier, monospace;
	color:#333;
}

/***
  **
  ** menu
  **
****/
#menu {
	margin-top: 0px;
	margin-left:0px;
	padding-left:10px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
	width: 159px;
	height: auto;
	float: left;
}
#menu div.btn_haut_actif, div.btn_bas_actif, div.btn_milieu, div.btn_haut_normal, div.btn_bas_normal{
	margin-top: 0px;
	padding-top: 0px;	
	width: 159px;
}
#menu div.btn_haut_actif, div.btn_bas_actif, div.btn_haut_normal, div.btn_bas_normal{
	height: 7px;

}


#menu li.actif{
	list-style-image: url(../images/puceH3.gif);
	padding:0px 0px 0px 5px;
	margin:0px;
}
#menu li.normal{
	list-style-image: url(../images/puceLi.gif);
	padding:0px 0px 0px 5px;
	margin:0px;
}


/***
  **
  ** contenu
  **
****/

#contenu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	width: 601px;
	height: auto;
}

#contenu div.decoHaut, div.decoBas{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 601px;	
	float: right;
}
.decoHaut {
	height: 23px;
}
.decoBas {
	margin:0px;
	padding:0px;
	height: 12px;
}
.decoGauche {
	margin-top: 0px;
	padding-top: 0px;
	text-align: right;
	position: absolute;
	width: 39px;
	height: 40px;
	float: left;
	z-index:2;
	left: 169px;
	top: 156px; /*23+133*/
	background-image: url(../images/contenuDecoGauche.png);
	visibility: visible;
}
.bg {
	background: url(../images/contenuBg.jpg) repeat-y;
	margin: 0px;
	padding: 0px;
	text-align: left;
	position: relative;
	z-index:1;
	width: 601px;
	height: auto;
	float: left;
}
.texte{
	margin:0px 0px 10px 0px;
	padding: 0px 22px 0px 50px;
	font:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	
}

/***
  **
  ** intérieur
  **
****/
hr {
	background:url(../images/hr.jpg) no-repeat;
	width:529px;
	height:7px;
	border:0px;
	padding:0px 10px 0px 5px;
	margin:0px 0px 5px 0px;
}
h1 { 
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 2px; 
	padding-bottom: 0px;
	color: #CC6666;
	}
h1 span { 
	padding-left:10px;
	font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #CC6666;
	}

#article{
	border-width:1px;
	border-color:#996666; /*rose foncé*/
	border-style:solid;
	padding:5px 12px 5px 8px;
	margin:5px 0px 20px 0px;
	width:510px;
}
div.imageArticle{
	float:left;	
	padding:5px;
	margin:6px 14px 5px 7px;
	width:70px;
	height:70px;
	border:outset 1px #000;
}
#texteArticle{
	padding:10px 2px 0 0;
	margin:0 5px 0 10px;
	text-align:justify;
}


#texteArticle span{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	color:#666;
}
h2{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#333;
	padding:0px;
	margin:0px 0px 4px 0px;
}

h3{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#666;
	padding:5px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

#texteArticle span.gris{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#666;
}
#texteArticle span.message{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size:10px;
	color:#996666;
}
#texteContact span.message{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size:10px;
	color:#996666;
}
#texteContact span.gris{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#666;
}

#texteArticle a{
	color:#666699;
}
#texteArticle a:hover{
	color:#333;
}

a.lienProjet{
	font-size:11px;
	color:#666699;
}
a.lienProjet:hover{
	font-size:11px;
	color:#333;
}


/*article CV*/

div.imageArticle_cv{
	float:left;	
	padding:10px 10px 10px 10px;
	margin:0px 10px 0px 0px;
	width:150px;
	height:136px;

}
#texteArticle_cv{
	text-align:justify;
	padding:10px 10px 10px 8px;
	margin:0px 10px 0px 0px;
}
#texteArticle_cv a{
	color:#666699;
}
#texteArticle_cv a:hover{
	color:#333;
}

#texteArticle_cv li.normal{
	list-style-image: url(../images/puceLi.gif);
	padding:2px 0 0 5px;
	margin:0px 0px 0px 10px;
}
legend{
	font: 12px Tahoma, Helvetica, sans-serif;
	font-weight:bold;
	color: #CC6666;
}

/*PROJETS*/
div.menuProjet{
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:150px;
}
div.projet{
	border-width:1px;
	border-color:#996666; /*rose foncé*/
	border-style:solid;
	padding:5px 5px 5px 5px;
	margin:5px 0px 2px 0px;
	width:135px;
}
#presentationProjet{
	float:left;
	border-width:1px;
	border-color:#996666; /*rose foncé*/
	border-style:solid;
	padding:15px 15px 5px 15px;
	margin:0px 0px 0px 0px; /*157 droite*/
	width:340px;
}
#projetUnique{
	border-width:1px;
	border-color:#996666; /*rose foncé*/
	border-style:solid;
	padding:15px 15px 5px 15px;
	margin:0px 0px 0px 0px; /*157 droite*/
	width:497px;
}
#presentationProjet a{
	color:#666699;
}
#presentationProjet a:hover{
	color:#333;
}
#presentationProjet span{
	color:#666;
	font-size:11px;
	font-weight:normal;
}
#projetUnique span{
	color:#666;
	font-size:11px;
	font-weight:normal;
}
div.vignetteProjet{
	float:left;	
	padding:0px;
	margin:0px 10px 0px 0px;
	width:30px;
	height:20px;
	border:outset 1px #000;
}

#libelleProjet a{
	color:#666699;
}
#libelleProjet a:hover{
	color:#333;
}

#descriptionProjet{
	padding:0px;
	margin:0px;
	text-align:justify;
}
#descriptionProjet a{
	color:#666699;
}
#descriptionProjet a:hover{
	color:#333;
}
div.mediaProjet{
	float:left;	
	padding:6px 8px 0px 0px;
	margin:10px 10px 0px 0px;
	width:160px;
	height:150px;
	text-align:center;
}

ul{
	list-style-type:circle;
	list-style-position: outside;
	padding:0px 0px 0px 18px;
	margin: 0px;
}
/**POPUP***/

div.mediaPopupCentre{
	margin:10px;
	padding:0px;
}
div.vignettesPopup{
	margin:10px;
	padding:0px;
	width:160px;
	font: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
a.vignettesPopup{
	color:#FFF;
}
a.vignettesPopup:hover{
	color:#999;
}
div.menuPopup{
	margin:0px;
	padding:0px;
	float:left;
}
#mediaPopup{
	float:left;
	text-align:center;
	margin:10px 10px 0 0;
	padding:0px;
}


/* ELEMENTS DE FORMULAIRE*/

input.saisieKw{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#996666;
	background: url(../images/bgChamp.jpg) repeat;
	border-width:1px;
}
input.btnSearch{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#996666;
	background: url(../images/bgBtn.jpg) repeat;
	border-width:1px;
}

input.saisieMel{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#666699;
	background: url(../images/bgChamp.jpg) repeat;
	border-width:1px;
}
input.btnMel{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#666699;
	background: url(../images/bgBtn.jpg) repeat;
	border-width:1px;
}

textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
	wrap:soft;
	color:#666699;
	background: url(../images/bgArea.jpg) repeat;
	border-width:1px;
}
div.resultatEnvoiMail{
	text-align:left;
	margin:0px 0px 0px 155px;
	padding:2px 0px 2px 5px;
	width:320px;
	background-color:#FF0000;
	color:#FFCCCC;
}