* {
    padding: 0;
    margin: 0;
} 

body {
background-color:#259086;
font-size:10pt;
font-family:Arial;
margin:0;
padding:0;
color:#333333;
color:#e8853C;
color:#33579A;
color:#0c5e55;
}

h1 {
font-size:14pt;
color:#333333;
color:#0c5e55;
padding-bottom: 20px;
}

h2 {
font-size:12pt;
padding-bottom: 4px;
}

a {
color:#e8853C;
text-decoration:none;
font-size: 0.9em;
}

a:hover {
color:#555555;
text-decoration:underline;
}

#page {
width:900px;
background-image:url(images/page.png);
margin:auto;
padding:auto;
}

#header {
clear:both;
width:900px;
height:50px;
background-image:url(images/header.png);
}


#headerleft {

	width:200px;

	text-align:right;

	float:right;

	min-height: 80px;

	padding-right: 4px;

	color:#FFFFFF;

color:#EDEDED;
	padding-bottom: 20px;

}


#headerleft h1 {
padding: 0px;
font-size:20pt;
color:#FFFFFF;

line-height:25pt;

margin:0;
}


h1 a {
color:#FFFFFF;

}

#headerleft h2 {
font-size:12pt;
color:#FFFFFF;
padding-top: 0px;
padding: 0px;
}

#menulinks {

	width:240px;

	float:left;

}

#menulinks a {

	width:240px;

	padding-right:20px;

	padding-top:12px;

	height:35px;

	background-image:none;

	display:block;

	color:#FFFFFF;

	text-decoration:none;

	font-size:14px;

	font-weight:bold;

	text-align:right;

}

  
#menulinks a:hover {
	background-image:url(images/menuhover.png);
	background-position:top right;
	text-decoration:none;
	color:#FFFFFF;
}


#menulinks a.active, #menulinks a:hover.active {
	background-image:url(images/menuactive.png);
	background-position:top right;
	text-decoration:none;
	color:#FFFFFF;
}


#mainarea {
width:900px;
clear:both;
} 

#contentarea {
width:530px;
float:left; 
aline-height:14pt;

padding: 20px 40px 20px 40px;
} 

#sidebar {
float:left;
width:250px;
line-height:14pt;
}

#footer {
width: 850px;

padding-right:50px;
clear:both;
height:35px;

padding-top:14px;
text-align: left;
line-height:14pt;
background-image:url(images/footer.png);
background-repeat:no-repeat;

color:#FFFFFF;
font-size: 10px;
}


#footer a {
color:#FFFFFF;
}

.adresse {
	line-height:12pt;
	
padding-bottom:10px;
} 
.portfolio {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	width: 200px;
	padding-bottom: 10px;
}
.formulaire, .formulaire input, .formulaire select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.formulaire textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#technologies {

	font-size: 11px;
	width:200px;

	text-align:right;

	float:right;

	min-height: 80px;

	padding-top: 20px;

	padding-right: 4px;

	color:#FFFFFF;

	padding-bottom: 20px;

	line-height: 10px;

}


.boutique .bouton {
	margin-top: 6px;
}
.boutique .bouton img {
	height: 25px;
}
.boutique .texte {
	margin-right: 6px;
}
.boutique .titre {
	margin-right: 6px;
	font-weight: bold;
	margin-bottom: 4px;
}
.boutique .vignette {
	background-color: #FFFFFF;
	width:110px;
	float: left;
	padding-top: 6px;
	margin-left: 6px;
	margin-right: 6px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: grey;
min-height: 80px;
}

/* Classes PhpMyBorder2 */
    .pmb1_b, .pmb1_s {font-size:1px; }
    .pmb1_1, .pmb1_2, .pmb1_3, .pmb1_4, .pmb1_b, .pmb1_s {display:block; overflow:hidden;}

    .pmb1_1, .pmb1_2, .pmb1_3, .pmb1_s {height:1px;}
    .pmb1_2, .pmb1_3, .pmb1_4 {border-style: solid; border-width: 0 1px; }
    .pmb1_1 {margin:0 5px; }
    .pmb1_2 {margin:0 3px; border-width:0 2px;}
    .pmb1_3 {margin:0 2px;}
    .pmb1_4 {height:2px; margin:0 1px;}
    .pmb1_c {display:block; border-style: solid ; border-width: 0 1px;}

    .pmb2_1, .pmb2_2, .pmb2_3, .pmb2_4, .pmb2_5, .pmb2_6, .pmb2_7, .pmb2_8 { overflow:hidden; font-size:1px; display:block; }
    .pmb2_1, .pmb2_2, .pmb2_3, .pmb2_6, .pmb2_7, .pmb2_8, .pmb2_s { height:1px; }
    .pmb2_2, .pmb2_3, .pmb2_4, .pmb2_5, .pmb2_6, .pmb2_7, .pmb2_c {  border-style: solid; border-width: 0 1px; }
    .pmb2_2, .pmb2_3, .pmb2_4, .pmb2_c { border-left-color: #fff; }
    .pmb2_7, .pmb2_6, .pmb2_5, .pmb2_c { border-right-color: #999; }
    .pmb2_1 { margin:0 5px; background: #fff;}
    .pmb2_2 { border-right:1px solid #eee; }
    .pmb2_3 { border-right:1px solid #ddd; }
    .pmb2_4 { border-right:1px solid #aaa; }
    .pmb2_5 { border-left:1px solid #eee; }
    .pmb2_6 { border-left:1px solid #ddd; }
    .pmb2_7 { border-left:1px solid #aaa; }
    .pmb2_8 { margin:0 5px; background:#999; }
    .pmb2_2, .pmb2_7 { margin:0 3px; border-width:0 2px; }
    .pmb2_3, .pmb2_6 { margin:0 2px; }
    .pmb2_4, .pmb2_5 { margin:0 1px; height:2px; }
    .pmb2_c { padding: 0 4px; display:block; }
    .pmb2_s {display : block; font-size:1px;}

    .pmb3_1 { border-width: 1px; border-style: solid; position: relative; left:-3px; top:-3px; }

    .pmb3_2 { overflow:hidden; width:100%; padding:0 3px; }
    .pmb3_s { height: 1px; font-size: 1px; display: block; }