/* LAYOUT */
#canvas {
	width: 100%;
	min-width: 1000px;
	margin: 0;
	overflow: auto;	
	height: 100%;
	padding: 0;
}

/* layout composite */
img {
	display: block; /*needed to avoid alignment with baseline of text*/
}

.line {
	float: left;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
}

.item {
	position: relative;
	float: left;
	overflow: hidden;
	left: 100%;
	height: 100%;
}

.sap-content {
	overflow: hidden;
}

/* items */
#item1 {
	margin-left: -100%;
	padding-bottom: 6em;
	width: 10%;
	height: 100%;
    
    border-left: 1px dotted #000;
	background: #fff;
}

#item2 {
	margin-left: -90%;
	padding-bottom: 6em;
	width: 15%;
	height: 100%;

    border-left: 1px dotted #000;
	background-color: #fff;
}

#item3 {
	margin-left: -73%;
	width: 52%;
	min-width: 500px;
	max-width: 500px;
	height: 100%;
	/*border-right: 1px dotted #000;*/
	/*border-left: 1px dotted #000;*/
	margin-bottom: 4em;
	background-color: #fff;
}

#item3_accueil {
	margin-left: -90%;
	width: 67%;
	height: 467px;
	max-width: 670px;
	border-left: 1px dotted #000;
	/*border-right: 1px dotted #000;*/
	background: #fff url('../images/accueil.jpg') no-repeat top left;
}

#item3_contact {
	margin-left: -90%;
	width: 67%;
	max-width: 670px;
	height: 467px;
	background-color: #fff;
	border-left: 1px dotted #000;
	/*border-right: 1px dotted #000;*/
	background: #fff url('../images/contact.jpg') no-repeat top left;
}

#item4 {
	margin-left: -23%;
	width: 23%;
	height: 100%;
	background-color: #fff;
	border-left: 1px dotted #000;
}

/* logo */
.logo {
    position: absolute;
    top: 2em;
    left: 2.2em;
}


/* ITEM 1 */
/* menu */
#item1 ul, #item2 ul
{
font-size: 0.9em;
margin: 5em 0 0 0;
padding: 0;
float: left;
width: 100%;
}

#item1 ul li, #item2 ul li
{
margin: 0;
padding: 0.3em 1.7em 0.3em 0.8em;
list-style-type: none;
}

#item1 ul li a, #item2 ul li a
{
display: inline;
padding: 0.1em 0;
color: #000;
text-decoration: none;
}

#item1 ul li.current a, #item2 ul li.current a
{
display: inline;
font-weight: bold;
background-color: #ffff00;
}

#item1 ul li a:hover, #item2 ul li a:hover
{
background-color: #ffff00;
}


/* ITEM 2 */
/* sous-menu */
#item2 ul.portfolio {
    padding-top: 1.6em;
    font-style: italic;
}


/* ITEM 3 */
/* ACCUEIL */
.sap-content #content {
	margin: 4.9em 0 0 6em;
}

/* PORTFOLIO */
/* images */
.img_width, .img_height { 
	position: relative;
	width: 501px;
	overflow: hidden;
	background-color: #fff;
}

/* images width */
.img_width .img_1 {
	border-bottom: 1px dotted #000;
}

.img_width .img_2 {
	float: left;
	border-right: 1px dotted #000;
}

.img_width .img_3 {
}

/* images height */
.img_height .img_1 {
	border-right: 1px dotted #000;
	float: left;
}

.img_height .img_2 {
	border-bottom: 1px dotted #000;
}

.img_height .img_3 {
	border-bottom: 1px dotted #000;
}

.video {
	margin: 1em 0 0 1em;
	border-bottom: 1px dotted #000;
	width: 425px;
}

.son {
	margin: 1em 0 0 1em;
	border-bottom: 1px dotted #000;
	width: 400px;
}

#chaumont_08 .img_3 {
	border-bottom: none;
}

#portes_ouvertes_08 .img_2 {
	border-bottom: none;
}

#carte_ensa .img_1 {
	border-bottom: none;
}


/* typo */
#titre {
    position: absolute;
    top: 26.1em;
    left: 2em;
}

/* CONTACT */
#item3_contact #renseignement {
	float: left;
}

#item3_contact #etude {
	float: right;
}

#item3_contact #renseignement, #item3_contact #etude {
	width: 35%;
}

#item3_contact .sap-content {
	padding: 4em 4em 4em 4em;
}

#item3_contact h2, #item3_contact p {
	padding-left: 2em;
}

#item3_contact h3 {
	padding-left: 1.2em;
}


/* ITEM 4*/
#item4 .sap-content {
    padding: 4em 4em 6em 2em;
}

#item4 p {
	margin-top: 0.8em;
	padding-left: 0.4em;
}

.mail {
	margin-top: 1em;
	margin-left: 0.3em;
}