/* body */
body { 
	background-color:#778B9C; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	margin:0;
	padding:0;
}
p, input, textarea  { 
	padding: 0;
	margin: 0;
}
#jpcharbonneau, #retour a:hover, #infobloc a:hover {
	font-weight: bold;
}
#navigation, .liencontacts a {
	font-size:11px;
	}
img {
	border:none;
	height:95%;
}
a:link, a:visited, a:active {
	text-decoration:none; 
	color:#fff;
	
}
a:hover {
	text-decoration:none; 
	color:#000;
}
/* Position */
#lienthemes, .themes1, .themes2, .contacts, #jpcharbonneau, .jpcharbonneau, #titretheme1, #titretheme2, #titreprojet1, #titreprojet2, #navigation, #retour, #infobloc {
	position: absolute;
}


/* Visibility */
.themes1, .themes2, .contacts, .jpcharbonneau, #infobloc {
	visibility: hidden;
}

/* Index */
#titretheme1, #titretheme2, #titreprojet1, #titreprojet2, #navigation, #retour {
	z-index:1;
}

/* Top */
#titretheme1, #titretheme2, #retour {
	top: 0;
}
#titreprojet1, #titreprojet2, #infobloc {
	top: 16px;
}
#lienthemes, .themes1, .jpcharbonneau {
	top:30px;
}
.themes2 {
	top:7.4em;
}
#jpcharbonneau, .contacts {
	top: 230px;
}
#navigation {
	margin-top:10em;
	top:70%;
}

p.liencontacts, form {
	margin-top:0.2em;
}
.liencontacts a, .surlignecontact {
	margin-top:0.6em;
}
form {
	height:14px;
margin-top:-1.3em;
}
form.auto {
	margin-top:-2.6em;
}	

/* Left */
#titreprojet1, #titreprojet2, #retour {
	left: 0;
}
#lienthemes, .contacts, #jpcharbonneau, #navigation, #titretheme1, #titretheme2, #titreprojet1, #titreprojet2 {
	left:30px; 
}
.themes1, .themes2, .jpcharbonneau {
	left:31em;
}
form {
	margin-left:40em;
}
#infobloc {
	margin-left:20em;
	left:50%;
}
/*.titretheme {
	margin-left: -27.8em;
}*/

/* Width */
.jpcharbonneau {
	width: 50em;
}
form {
	width:15em;
}
#retour {
	width: 2em;
}
a.navigation1, .navigation2, .navimages1, .navimages2 {
	margin-right:0.7em;
}

/* Padding*/
.lientheme1 a, #titretheme1, .navigation1, .lientheme2 a, #titretheme2, .navigation2, .theme1 a, #titreprojet1, .navimages1, .theme2 a, #titreprojet2, .navimages2, #form2, .liencontacts a, .surlignecontact, .surlignecontact, form {
	padding: 0.1em;
}
.lientheme1 a, #titretheme1, .navigation1, .lientheme2 a, #titretheme2, .navigation2, .theme1 a, #titreprojet1, .navimages1, .theme2 a, #titreprojet2, .navimages2, #form2, .liencontacts a, .surlignecontact, .surlignecontact, form {
	padding-right:1em;
}
#retour a, #infobloc a {
	padding:0 0.2em;
}
form{
	padding-bottom:0;
	padding-top:0;
	}

/* couleurs */
#jpcharbonneau {
	color: #fff;
	background-color:#CCCC66;
}
.lientheme1 a, #titretheme1, .navigation1 {
	background-color:#D28822;
}
.lientheme2 a, #titretheme2, .navigation2 {
	background-color:#C8645A;
}
.theme1 a, #titreprojet1, .navimages1 {;
	background-color:#DDB12F;
}
.theme2 a, #titreprojet2, .navimages2, #form2 {
	background-color:#9999cc;
}

#jpcharbonneau a:hover, #retour a:hover, #infobloc a:hover { 
	color:#000;
}
.liencontacts a, .surlignecontact, .surlignecontact {
	background-color:#137FBE;
	display:none;
}
#retour a, form, #infobloc a {
	background-color:#fff;
	color:#000;
}



/* Textarea pour n° */
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	overflow:hidden;
	padding-left:6px; 
	margin-top:-1px;
	vertical-align:bottom;
	border:0;
}
input {height:11px;border:none;margin-left:6px; margin-top:1px;}

.infobulle{
   position: absolute;   
   visibility : hidden;
   border: 1px solid Black;
   padding: 10px;
   font-family: Verdana, Arial;
   font-size: 10px;
   background-color: #FFFFCC;
}


/*.surlignejpc {
	margin-left: 2.25em;
}*/