/* ------------------------------- */
/* intro                         */
/* ------------------------------- */

#intro{
	margin-left:5px;
	margin-right:5px;
	border-bottom:1px solid #696969;
	padding-bottom:40px;
	background-image:url(../images/iphone/languette_iphone.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:bottom;

}
#intro p{

	margin-top:8px;
	margin-left:5px;
	margin-right:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;
	color: #CCCCCC;

}

.intro_links {
	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;
	color: #CCCCCC;
	text-decoration: none;
}

.intro_links:hover {
	text-decoration: underline;
}


/* ------------------------------- */
/* Bandeau                         */
/* ------------------------------- */


#bandeau {
height:auto;
padding:0px;
	margin-top:8px;
	margin-left:5px;
	margin-right:5px;
	background-color:#484848;
	border:1px solid #696969;
	background-image:url(../images/iphone/bkgrnd_bandeau_iphone.jpg);
	background-repeat:repeat-x;

}


/* ------------------------ */
/*  bloc menu               */
/* ------------------------ */
#menu {
margin-top:16px;
}

#menu_titre {
	height:31px;
	margin-bottom:3px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;	
}


#menu_titre h3 {
	height:31px;
	background-image: url(../images/promo1.png);
	background-repeat:no-repeat;
	background-position:left center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	letter-spacing: -1px;
	font-weight:bolder;
	padding-top:8px;
}

#menu_cadre {
	height:auto;
	margin-top:8px;
	margin-left:5px;
	margin-right:5px;
	padding:5px;
	background-color:#484848;
	border:1px solid #696969;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	color:#FFFFFF;

	
}



/* ------------------------ */
/*  deriersprojets          */
/* ------------------------ */


#last {
	width:100%;

	float:left;
	margin-left:5px;
	margin-top:16px;
	margin-right:5px;
	overflow:hidden;
}
#last_titre{
	
	background-image: url(../images/coin.png);
	background-repeat:no-repeat;
	background-position:right 7px;
	margin-right:11px;


}

#last_titre h3 {
	height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	letter-spacing:-1px;
	padding-top:8px;
	background-image: url(../images/promo2.png);
	background-repeat:no-repeat;
	background-position:left;
	
}


.box1_cadre {
	width:145px;
	height:114px;
	padding:3px;
	border:#696969 1px solid;
	background-color:#2b2b2b;
	margin-top:5px;
	float:left;


}


.box1 {
	width:145px;
	margin-top:2px;
	margin-right:8px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;

}

.type{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font:bold;
	color: #FFFFFF;
	margin-top:5px;
	margin-left:3px;
	
}

	




/* ------------------------ */
/* Frame droite : box       */
/* ------------------------ */

.box_titre h3 {
	height:31px;
	background-image: url(../images/promo1.png);
	background-repeat:no-repeat;
	background-position:left center;font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	letter-spacing: -1px;
	font-weight:bolder;
	padding-top:8px;
	
}

.box_cadre {
	height:auto;
	margin-top:3px;
	margin-bottom:6px;
	padding:5px;
	
	background-color:#484848 ;
	-moz-opacity:0.75;
	opacity:0.75;
	filter:alpha(opacity=75);

	
	border:1px solid #696969;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#FFFFFF;
	font-size:11px;

		
}