*{ padding:0px; margin:0px; }
			
			.titre_rf
			{ 
			margin: 10px 10px 0 10px; 
			color:#FFFFFF; 
			font:18pt Arial, sans-serif; 
			letter-spacing:-1px; 
			font-weight: bold;  
			}
			.titre_rf1
			{ 
			margin: 10px 10px 0 10px; 
			color:#000000; 
			font:18pt Arial, sans-serif; 
			letter-spacing:-1px; 
			font-weight: bold;  
			}
			.url
			{ 
			margin: 10px 10px 0 10px; 
			color:#000000; 
			font:10pt Arial, sans-serif; 
			letter-spacing:-1px;  
			}
			
			.boxgrid{
	width: 310px;
	height: 235px;
	float:left;
	background:#ffffff;
	overflow: hidden;
	position: relative;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#000000; 
					font-weight:bold; 
					font:15pt "Lucida Grande", Arial, sans-serif; 
				}
				
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #1E7491; 
				height: 77px; 
				width: 239px; 
				/*opacity: .8; 
				 For IE 5-7 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 			}
			.boxcaption_orange{ 
				float: left; position: absolute; background: #FF7E00; height: 77px; width: 239px; top: 262px; left: 24px; /*opacity: .8; 
				 For IE 5-7 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 			}
			.boxcaption_vert{ 
				float: left; position: absolute; background: #38963D; height: 77px; width: 239px; top: 262px; left: 24px;/* opacity: .8; 
				 For IE 5-7 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 			}
			.boxcaption_r_b{ 
				float: left; position: absolute; background: #9F3535; height: 77px; width: 239px; top: 262px; left: 24px; /*opacity: .8; 
				 For IE 5-7 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 			}
			.boxcaption_move{ 
				float: left; position: absolute; background: #882451; height: 77px; width: 239px; top: 262px; left: 24px;/*  opacity: .8; 
				For IE 5-7 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 			}
 			.boxcaption_maron{ 
				float: left; position: absolute; background: #966C51; height: 77px; width: 239px; top: 262px; left: 24px; /*opacity: .8; 
				 For IE 5-7 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 			}	
			.boxcaption_b_v{ 
				float: left; position: absolute; background: #048186; height: 77px; width: 239px; top: 262px; left: 24px;/* opacity: .8; 
				 For IE 5-7 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 			}	
			.boxcaption_or{ 
				float: left; position: absolute; background: #D6B103; height: 77px; width: 239px; top: 262px; left: 24px; /*opacity: .8; 
				 For IE 5-7 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 			}	
			.boxcaption_move_f{ 
				float: left; position: absolute; background: #733895; height: 77px; width: 239px; top: 262px; left: 24px; /*opacity: .8; 
				 For IE 5-7 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 			}	
				
				.captionfull .boxcaption {
 					top: 262px;
 					left: 24px;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}
				.desc
				{
	width:250px;
	float:left;
	height:50px;
	padding-left: 17px;
	padding-right: 20px;
	text-align: justify;
				}
.vide
				{
	width:30px;
	float:left;
}
.vide_logo
				{
	width:65px;
	float: left;
	height: 248px;
}
.vide_cv
				{
	width:65px;
	float: left;
	height: 214px;
}

.bloc_ref1
				{
	width:310px;
	float:left;
	height:350px;
	text-align: justify;
}
.bloc_menu
				{
	width:250px;
	float:left;
	height:600px;
	text-align: justify;
}
.bloc_contenue_print
				{
	width:680px;
	float:left;
	height:900px;
	text-align: justify;
}
.bloc_contenue_pd
				{
	width:680px;
	float:left;
	text-align: justify;
}
.bloc_contenue_cv
				{
	width:680px;
	float:left;
	height:500px;
	text-align: justify;
}
.bloc_contenue_flayer
				{
	width:680px;
	float:left;
	height:500px;
	text-align: justify;
}
.bg_menu_print
				{
	background-image:url(img/bg_menu_print.gif);
	background-repeat:no-repeat;
	width:200px;
	float:left;
	height:30px;
	text-align: justify;
	padding-left: 50px;
	padding-top: 9px;
	font-size: 14px;
	color: #882451;
	font-weight: bold;
	text-decoration: none;
}
.bg_menu_print:hover
				{
	background-image:url(img/bg_menu_print_hover.gif);
	background-repeat:no-repeat;
	width:200px;
	float:left;
	height:30px;
	text-align: justify;
	padding-left: 50px;
	padding-top: 9px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.bg_menu_print_hover
				{
	background-image:url(img/bg_menu_print_hover.gif);
	background-repeat:no-repeat;
	width:200px;
	float:left;
	height:30px;
	text-align: justify;
	padding-left: 50px;
	padding-top: 9px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.bloc_num
{
	width:620px;
	height:30px;
	float: left;
	text-align: center;
	padding-left: 270px;
	background-color: #EFEFEF;
				}

.bloc_num_carte
{
	width:320px;
	height:30px;
	text-align: center;
	padding-left: 240px;
	background-color: #EFEFEF;
	float: left;
	margin-left: 70px;
				}
.bloc_num_logo
{
	width:450px;
	height:30px;
	float: left;
	text-align: center;
	padding-left: 550px;
	background-color: #EFEFEF;
				}
.num
{
	width:30px;
	height:27px;
	float: left;
	background-color:#882451;
	color:#FFFFFF;
	text-align: center;
	margin-left: 15px;
	vertical-align: middle;
	padding-top: 3px;
}
.num:hover
{
	width:30px;
	height:27px;
	float: left;
	background-color:#FF7E00;
	color:#FFFFFF;
	text-align: center;
	margin-left: 15px;
	vertical-align: middle;
	padding-top: 3px;
}

.footer_ref_logo
{
	background-color:#C6C6C6;
	width:248px;
	float: left;
}
.num_hover
{
	width:30px;
	height:27px;
	float: left;
	background-color:#FF7E00;
	color:#FFFFFF;
	text-align: center;
	margin-left: 15px;
	vertical-align: middle;
	padding-top: 3px;
}
/*--------------------------------galerie logo------------------------/*

#wrapper { background: white url(../images/sidebar_bg.jpg) repeat-y top right; }

  #content h1 { font-size: 2.4em; font-weight: normal; line-height: 32px; margin: 30px 0 50px 0; }
  #content p { font-size: 1.4em; line-height: 22px; margin-bottom: 20px; }
  
  /* relevant for the tutorial - start */
  #gallery {
	position: relative;
	height: 290px;
}
    #pictures {
	position: relative;
	height: 248px;
	width: 248px;
}
    #pictures img { position: absolute; top: 0; left: 0; }
    
    #prev, #next {
	float: left;
	margin-top: 3px;
}
  /* relevant for the tutorial - end */
  /* relevant for the tutorial - start */
  #gallery2 { position: relative; height: 290px;}
    #pictures2 {
	position: relative;
	height: 248px;
	width: 248px;
}
    #pictures2 img { position: absolute; top: 0; left: 0; }
    
    #prev2, #next2 {
	float: left;
	margin-top: 3px;
}
  /* relevant for the tutorial - end */  
  
  /* relevant for the tutorial - start */
  #gallery3 { position: relative; height: 290px;}
    #pictures3 {
	position: relative;
	height: 248px;
	width: 248px;
}
    #pictures3 img { position: absolute; top: 0; left: 0; }
    
    #prev3, #next3 {
	float: left;
	margin-top: 3px;
}
  /* relevant for the tutorial - end */  
  /* relevant for the tutorial - start */
  #gallery4 { position: relative; height: 290px;}
    #pictures4 {
	position: relative;
	height: 248px;
	width: 248px;
}
    #pictures4 img { position: absolute; top: 0; left: 0; }
    
    #prev4, #next4 {
	float: left;
	margin-top: 3px;
}
.cv
{
	width:320px;
	float: left;
}
  /* relevant for the tutorial - end */  
   /* relevant for the tutorial - start */
  #gallery5 { position: relative; height: 290px;}
    #pictures5 {
	position: relative;
	height: 248px;
	width: 248px;
}
    #pictures5 img { position: absolute; top: 0; left: 0; }
    
    #prev5, #next5 {
	float: left;
	margin-top: 3px;
}
  /* relevant for the tutorial - end */  
  
     /* relevant for the tutorial - start */
  #gallery6 { position: relative; height: 290px;}
    #pictures6 {
	position: relative;
	height: 248px;
	width: 248px;
}
    #pictures6 img { position: absolute; top: 0; left: 0; }
    
    #prev6, #next6 {
	float: left;
	margin-top: 3px;
}
  /* relevant for the tutorial - end */ 
  
  
#footer { text-align: center; margin: 50px 0 20px 0; }

#sidebar { }
  #sidebar ul { margin-top: 20px; }
  #sidebar ul li { font-size: 1.2em; padding: 20px 0 20px 0; border-bottom: 1px solid #dddcdc; line-height: 18px; }
  #sidebar ul li h2 { font-size: 1.2em; margin-bottom: 8px; }
  
  /*--------------------------fin style---------------------------------*/