/* ------------------------------- */
/* page                         */
/* ------------------------------- */

#page{
	margin-left:5px;
	margin-right:5px;
	padding-bottom:16px;
	padding-top:16px;
	padding-left:5px;
	padding-right:5px;
	background-color:#d7d7d7;
}

#page p{

	margin-top:8px;

	margin-right:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;

}

#page h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #484848;
	letter-spacing:-1px;
	margin-bottom:7px;

	
	}
	
	#page h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #d50090;
	letter-spacing:-1px;

	margin-bottom:16px;
	}
	
/* ------------------------------- */
/* Description                        */
/* ------------------------------- */

#description{
margin-top:8px;

	padding-bottom:16px;
	padding:5px;
	background-color:#e8e8e8;
}	
	
	#description h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #d50090;
	letter-spacing:-1px;

	margin-top:15px;
	}	

/* ------------------------------- */
/* Packs link                        */
/* ------------------------------- */

#pack{
margin-top:8px;

	padding-bottom:16px;
	padding:5px;
	background-color:#404040;
}	
	
	#pack h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #FFFFFF;
	letter-spacing:-1px;
	margin-top:5px;
	}

#pack p{

	margin-top:5px;
	margin-bottom:10px;

	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;

}
.links_pack {
	color: #FF6600;
	text-decoration: none;
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:16px;

	text-align:left;
	
}

.links_pack:hover {
	text-decoration: underline;
}
/* ------------------------------- */
/* intro                         */
/* ------------------------------- */

#onglet{
	height:22px;
	margin-top:1px;
	margin-left:5px;
	margin-right:5px;
	border-top:1px solid #696969;
	background-image:url(../images/iphone/languette2_iphone.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;

}
#intro p{

	margin-top:8px;
	margin-left:5px;
	margin-right:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color: #CCCCCC;

}

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


#bandeau {
height:auto;
padding:0px;
	margin-top:8px;
	margin-left:5px;
	margin-right:5px;
	background-color:#d7d7d7;
	border:1px solid #d7d7d7;
	background-image:url(../images/iphone/bkgrnd_bandeau2_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;
	font-size:11px;
	
}



/* ------------------------ */
/*  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;
	background:url(../images/projet/prv.png);
	background-position:center;

}


.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;

		
}