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

#page{
float:none;
margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	padding-bottom:16px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	background-color:#d7d7d7;
	overflow:hidden;
}

#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 h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #FFFFFF;
	letter-spacing:-1px;
	margin-bottom:7px;
	}
	
	
	#page h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color: #d50090;
	letter-spacing:-1px;
	
	}	
	#page h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #d50090;
	letter-spacing:-1px;

	margin-bottom:16px;
	}
	
	#image {
	width:298px;
	height:237px;
	background-color:#484848;
	border:1px solid #696969;
	overflow: hidden;
	




}
	
	#onglets {
	width: auto;
	height: auto;
	overflow: hidden;



}

/* titre client */

#title_client {
background-color: #919191;
overflow:hidden;
margin-left:5px;
margin-right:5px;
margin-top:8px;

}

#title_client h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #d2d1d2;
	letter-spacing:-1px;
	text-align: left;
	margin-top:5px;
	padding-left:5px;
	padding-right:5px;
	}
/* titre client */

#type_produit {
background-color: #d50091;
overflow:hidden;

}

#type_produit h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #FFFFFF;
	letter-spacing:-1px;
	text-align: left;
	margin-top:5px;
	padding-left:5px;
	padding-right:5px;

	}
/* essai choix */


#choix {
	float:left;
	height:21px;
	width:25px;
	border:1px solid #333333;
	margin-right:2px;

}

#choix:hover {
	height:21px;
	width:25px;
	border:1px solid #333333;
	margin-right:2px;
	background-color: #d50090;
	

}

#choix p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	padding-top:3px;
	text-align:center;
	margin-top:1px;
	cursor: pointer;
	margin-left:5px;
}
/* ------------------------------- */
/* Légende                         */
/* ------------------------------- */
#legende {
width:100%;
height:55px;
background-color: #484848;

float:none;


}

#categorie {
float:left;
height:31px;
width:32px;
margin-top:7px;
margin-left:5px;

}

#cat_pict {
float:left;
height:47px;
width:23px;
background-image: url(../images/iphone/cancreaoff_iphone.gif);
background-repeat:no-repeat;
margin-left:10px;
margin-top:5px;

}

#cat_pict2 {
float:left;
height:47px;
width:23px;
background-image: url(../images/iphone/canfaboff_iphone.gif);
background-repeat:no-repeat;
margin-left:10px;
margin-top:5px;

}
/* ------------------------------- */
/* Description technique             */
/* ------------------------------- */

	#description_technique{
	margin-top:8px;
	padding-bottom:16px;
	padding:5px;
	background-color:#e8e8e8;
	}	
	
	#description_technique h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:10px;
	color: #d50090;
	letter-spacing:-1px;
	}	
	#description_technique{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	text-decoration:none;
	}
	
	
	
/* ------------------------------- */
/* Autre projets                       */
/* ------------------------------- */

	
	
	#autres_projets h4{
	margin-top:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:10px;
	color: #d50090;
	letter-spacing:-1px;
	}	
	#autres_projets{
	margin-top:16px;

	text-decoration:none;
	border-top:1px dashed #535353;
	color:#FFFFFF;
	}	
	
	
	
/* ------------------------------- */
/* 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;

}
/* ------------------------------- */
/* dscription                        */
/* ------------------------------- */

#description{
margin-top:16px;
}


.links_description {
	color:#d50090;
	text-decoration: none;
}

.links_description:hover {
	text-decoration: underline;
}
/* ------------------------------- */
/* 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 {
padding:3px;

	border:#696969 1px solid;
	background-color:#2b2b2b;
	margin-top:5px;
	float:left;

}


.box1 {
	width:auto;
	margin-top:2px;
	margin-right:2px;
	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: #000000;
	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;

		
}