/* W3C valid except line 179 'Parse error - Unrecognized  ;]:; ' */


/*----------------------------------------------- MAP Addings ------------------------------------------------*/

.title_2 { font-weight:bold; width:300px; }

p#internet .active { margin:0 0 0 0px; padding-left:22px; background: url(../img/fleche_li.png) no-repeat 3px 0px;  height:21px; }
#page .col_right p#internet a { color:#C25B00;   }
#page .col_right p#internet a:hover { color:#D4711A;   }
/*
#page .fd_b2 h2 a { text-decoration:none; color:#c25b00; font-size:15px; margin-left:-3px; }
#page .fd_b2 h2 a:hover {  color:#D4711A; }*/

#page .fd_b2 .titre , p#internet { font:17px/18px Arial,Helvetica,sans-serif; margin:3px 0 0 0; }
#page .fd_b2 .titre a, p#internet { text-decoration:none; color:#c25b00; font-size:15px; margin-left:-3px; }
#page .fd_b2 .titre a:hover, p#internet { color:#D4711A;}

.off { display:none; }

/*------------------------------------------------ GENERIQUE ------------------------------------------------*/
*{padding:0;margin:0; /*border:1px solid #0ff;*/ }
img{border:none; }
a{text-decoration:none; outline:none; cursor:pointer;color:#D4711A;  }
a:hover{cursor:pointer; text-decoration:underline;  }



hr{display:none; }
li{list-style-type:none;list-style-position:outside; }
.nowrap {white-space: nowrap;}

/*----------------------------------------------- /GENERIQUE ------------------------------------------------*/


/*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/
/* position */
.clear{clear:both;font-size:1px;line-height:0; display:block; }
.right, .right_2{float:right; }
.left, .left_2{float:left; }
.center{text-align:center;display:table;margin-left:auto;margin-right:auto; }

/* bordure */
.no_border{border:none; }

/* centrage txt*/
.txt-c{text-align:center; }
.txt-l{text-align:left; }
.txt-r{text-align:right; }
.txt-j{text-align:justify; }

/* alignement vertical */
.valign-t{vertical-align:top; }
.valign-m{vertical-align:middle; }
.valign-b{vertical-align:bottom; }

/* element de hauteur < 10px */
.lf{line-height:0;font-size:1px; }
.rel { position:relative; padding:5px 0px 0px 0px; margin-left:-7px; }


.mar_top_5 { margin-top:5px; }
.mar_top_10 { margin-top:10px; }
#page .mar_top_15 { margin-top:15px; margin-bottom:10px; }
.mar_top_20, .corp p.mar_top_20 { margin-top:15px; }

.pad_l_40 { padding-left:40px;}

.img_general { vertical-align:middle; padding:2px;}


.src { display:none;}



/*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/
	html {display:block;position:relative; height:100%;}
/*		body {background:#d2d2d2 url(../img/modele/body/fd.png) repeat-y center top fixed; text-align:center; display:block; min-height:100%; position:relative;}*/
/*	body {background: #aaa url(../img/modele/body/fond_bois.jpg) repeat center top fixed ; text-align:center; display:block; min-height:100%; position:relative;}*/
	body {background: #aaa url(../img/modele/body/fond_ornement.jpg) repeat center top fixed ; text-align:center; display:block; min-height:100%; position:relative;}	
	.fond {background:url(../img/modele/body/fd.png) repeat-y center top; text-align:center; width:940px; margin-left:-28px; padding-bottom:10px;  }

/*--------Page--------*/

	#header { background: transparent url(../img/modele/body/fd_h.png) repeat-x scroll center center; min-height:132px; margin:0 0 -15px 0; text-align:center  } 
	#header .pg_centre { text-align:left;}
	#header .pg_centre .logo { float:left; margin:0 0 0 32px; width:220px; color:#fff; font:normal 13px Arial, Helvetica, sans-serif; text-align:left; position:relative;} 
	#header .pg_centre .logo div {}
	#header .pg_centre .nav { float:right; width:438px; position:relative;} 
	#header .pg_centre .nav_sec {  float:right; color:#fff; width:260px; position:relative; padding-right:14px; margin-top:10px; text-align:right; background:url(../img/bulle.png) no-repeat right 2px;}
	#header .pg_centre .nav_sec a { color:#b9b9b9; font:bold 11px Arial, Helvetica, sans-serif;}
	#header .pg_centre .nav ul { position:absolute; right:0px; top:37px;}
	#header .pg_centre .nav li { float:left;}
	#header .pg_centre .nav img { border:none;}
	#header .pg_centre .navigators { float:right; width:500px;z-index:2000; position:relative;} 
	
	/* BUG CAUSES H_Scroll in IE7 #header .fd_noir1 { position:absolute; top:0px; left:Opx; width:932px; height:132px; background:#000;}*/
	
	
	#page { height:100%;  margin:-5px auto; display:inline-block; width:885px;padding:10px 10px 0px 10px; position:relative; /*background:#d2d2d2 url(../img/modele/body/fd.gif) repeat-y 3px top; */ }

	#page .fd_body { position:relative; z-index:0; background: url(../img/modele/body/fd_t_r.png) no-repeat top right; width:920px; height:15px; position:absolute; top:0px; right:-5px; line-height:1; font-size:1px; }
	
	

	/*FF3
	#page .fd_body_t_l , x:-moz-any-link, x:default  {  left:-5px;}
	#page .fd_body_t_r , x:-moz-any-link, x:default  { right:-6px;}*/

	/*nav_nv2*/
		#page .nav_nv2 { position:relative; margin:-10px 0 15px 0; background:#e9e9ea url(../img/modele/nav_nv2/fd_b.gif) repeat-x bottom; float:left; width:auto; z-index:100;}
		#page .nav_nv2 .fd_l {background:url(../img/modele/nav_nv2/fd_l.gif) repeat-y 0px 0px; position:relative;}
		
		#page .nav_nv2 .fd_r {background:url(../img/modele/nav_nv2/fd_r.gif) repeat-y right;}
		#page .nav_nv2 .fd_b_l { background:url(../img/modele/nav_nv2/fd_b_l.gif) no-repeat left bottom;}
		#page .nav_nv2 .fd_b_r { background:url(../img/modele/nav_nv2/fd_b_r.gif) no-repeat right bottom;}
		#page .nav_nv2 ul {padding:0 12px;}
		#page .nav_nv2 a, #page .nav_nv2 li { color:#485775; font:normal 13px Arial, Helvetica, sans-serif; text-decoration:underline;}
		#page .nav_nv2 li { float:left; width:auto; padding:5px 3px 11px 3px; text-decoration:none;}
		#page .nav_nv2 .on { background:url(../img/modele/nav_nv2/fl_on.gif) no-repeat center bottom;}
		#page .nav_nv2 .on a { color:#d4711a; font-weight:bold; text-decoration:none;} 
	
	/* colonne gauche */
	#page .col_left { float:left; width:592px; margin-left:48px; margin-top:9px; }
	#page .col_left .form {margin: 16px 0; position:relative; float:left;}
	#page .col_left .form_inside { border:1px solid #cccccc; float:left; background: #F3F3F3; padding: 15px 5px 5px 5px; margin-top:-1px; z-index:-1; position:relative; }
	#page .col_left .form_portfolio { float:left; }
	#page .col_left .col { float:left; width:290px; margin:10px 5px 0 0 }
	#page .col_left .col h3 { float:left; width:204px; font-size:14px; margin:5px 0px 2px 0px; line-height:15px;}	
	#page .col_left .col h3 a:hover { text-decoration:none; }		
	#page .col_left .col img { float:left; margin:5px 5px 5px 0}	
	#page .col_left .col hr { float:left;width:95%; height:1px;  background:#FFFFFF;border:#FFFFFF ; display:block; margin:10px 0; clear:both; /*opacity: .5; opacity does not validate... thierry*/}	
	#page hr { float:left;width:565px; height:1px;  background:url(../img/hr_dot.gif) repeat-x scroll center;border:none; display:block; margin:10px 0; clear:both; /*opacity: .5; opacity does not validate... thierry*/}	
	#page .col_left .col p { float:left; width:202px; font-size:11px; line-height:13px;}	
	#page .col_left ul {  padding-bottom: 10px;}
	#page .col_left li { background:transparent url(../img/modele/puce/pc_maron.gif) no-repeat scroll 9px 8px; line-height:inherit; padding:4px 5px 4px 17px; margin-left: 7px;}

	#page .col_left .col_logo { float:left; width:100%; margin-bottom:10px;  }
	#page .col_left .col_logo img { margin:0; float:left; }	
	#page .col_left .col_logo div { float:left; margin-left:10px; width:395px; }		

	/* colonne droite */
	#page .col_right { float: right; width:245px; margin-right:23px; margin-top:13px; }
	#page .col_right a { color:black; text-decoration:none;  }
	#page .col_right a:hover { color:black; text-decoration:underline; }
	#page .col_right p.active { padding-left:22px; background: url(../img/fleche_li.png) no-repeat 3px 0px; margin-left:-18px; height:21px;  }	

	/* bloc image de demande d'evaluation */
	#page .request { padding:0 0 15px 0px; margin-left:-1px}
	
	/* bloc1 ombres */
	#page .bl_ombres_gris         { background: url(../img/modele/bl_ombres_gris/milieu.png) repeat-y left; margin:0 0 15px 0; height:100%;}
	#page .bl_ombres_gris .fd_t   { background: url(../img/modele/bl_ombres_gris/haut2.png) no-repeat left top; height:100%;}
	#page .bl_ombres_gris .fd_b   { background: url(../img/modele/bl_ombres_gris/bas2b.png) no-repeat left bottom; padding:5px 20px 20px 20px;height:100%; }
	
	/* bloc2 ombres */
	#page .bl_ombres_gris .fd_t2 { background: url(../img/modele/bl_ombres_gris/haut2b.png) no-repeat left top; height:100%;}
	#page .bl_ombres_gris .fd_b2 { background: url(../img/modele/bl_ombres_gris/bas2.png) no-repeat left bottom; padding:5px 15px 20px 20px; height:100%;}
	#page .bl_ombres_gris .cell  { background: transparent url(../img/en/icone_cell.png) no-repeat left center; padding:10px 0px 10px 26px; margin:0 0 0 2px; display:block;}
	
	/*bloc3 citation */
	#page .citation        { margin:0px 27px 0 8px; height:100%; float:left;  padding:10px;  }
	#page .gab_ptt_grd	.citation { margin:0px 27px 0 0px;  padding:10px 0 0; width:95%; }	
	#page .citation p        { font-size:11px;}	
	#page .citation .fd_haut_citation  { background:url(../img/en/quote_up.png) no-repeat left top; height:100%;}
	#page .citation .fd_bas_citation  { background:url(../img/en/quote_down.png) no-repeat right bottom; padding:40px 0 23px 7px; height:100%; }	
	#page .citation .signataire { text-align:right; font-weight:bold; color:#333333; line-height:13px; margin-bottom:1px; font-size:11px; margin-top:5px;}
	#page .citation .compagnie { text-align:right; font-size:11px; line-height:12px; }
	#page .citation .compagnie a { text-decoration:underline; color:#D4711A;}	
	
	#page .star {color:#D4711A; font-size:150%;} /*Žtoile dans contact*/
	

	.corp { position:relative;text-align:left; color:#000000; font:normal 12px Arial, Helvetica, sans-serif;}
	.corp h1 { font:bold 26px Arial, Helvetica, sans-serif; color:#d4711a; margin:5px 0px 0px 0px; position:relative; line-height:30px;}
	.corp h2 { font:normal 17px Arial, Helvetica, sans-serif; color:#777; margin:3px 0 0px 0px; line-height:18px;}
	.corp h3 { font:normal 14px Arial, Helvetica, sans-serif; color:#d4711a; margin:0px 0px 4px 0px; font-weight:bold; border-bottom:1px dotted; padding-bottom:1px;}
	.corp h4 { font:normal 15px Arial, Helvetica, sans-serif; color:#d4711a; font-weight:bold; margin:0 0 5px; line-height:18px; }
	.corp .services { color:black; text-align:center; background:url(../img/bg_h2_services.png) no-repeat; margin:0 0 0 -22px; padding:11px 0 15px; height:25px;}
	.corp .contact { color:black; text-align:center; background:url(../img/bg_h2_contact.png) no-repeat; margin:0 0 0 -22px; padding:11px 0 15px; height:25px;}	
	.corp ul.puce, .corp .puce ul { margin:3px 12px 0 -4px;} 
	.corp .puce li { padding:4px 5px 1px 15px; background: url(../img/modele/puce/pc_maron.gif) no-repeat 9px 9px; line-height:13px; font-size:11px;}
	.corp .puce li.active { padding:4px 5px 1px 27px; background: url(../img/fleche_li.png) no-repeat 0px 0px; line-height:13px; margin:0 0 0 -12px;}	
	.corp .puce li.active a { font-weight:bold;	}
	.corp p { margin:0px 0px 12px 0px; line-height:15px;}
	.evaluation p { margin:7px 0px 2px 0px; line-height:15px; font-size:12px; }
	.corp img { margin:10px 0 0 0;}

	
	#page .corp .txt_ss_img { position:absolute; top:50px; left:19px; color:#fff; /*width added by Thierry*/ width: 220px;}
	#page .corp .txt_ss_img h3 { font:normal 22px Arial, Helvetica, sans-serif; color:#fff; background:none; border:none; margin:0;}
	#page .corp .txt_ss_img ul { padding:16px 0 0 0;}
	#page .corp .txt_ss_img ul li { background:url(../img/modele/puce/puce_gr.gif) no-repeat 5px 5px; padding:0 0 0 15px; margin:10px 0 0 0;}
	
	#page .napkin { margin-left:-43px; float:left; }

	#page .gab_ptt_grd { margin-top:14px; }
	
	/* bloc gauche logo client */
	#page .gab_ptt_grd .ss_col_l { float:left; width:200px; text-align:left; background: url(../img/cadre_logo_top.png) no-repeat top left; margin:0px 0 5px 0; padding:7px 0 0 0; }
	#page .gab_ptt_grd .ss_col_l .bloc_logo_client { text-align:center;  }
	#page .gab_ptt_grd .ss_col_l .bloc_logo_client img { margin:0; padding:0;}
	#page .gab_ptt_grd .ss_col_l .bloc_logo_client .logoclient{ height:100%;  background: white url(../img/cadre_logo_bottom.png) no-repeat bottom center; padding:0 0 5px 0;}
	

	/* bloc droite dans le contenu */
	#page .gab_ptt_grd .ss_col_r { float: left; width:343px; padding:0px 0px 0px 20px;}
	#page .gab_ptt_grd .largeur { width:100%;}	
	
	/* div hidden */
	#page .gab_ptt_grd .ss_col_r .more_details { padding:20px 0;}
	#page .more_projects { clear:both; padding:30px 0px 0px 0px; }
	#page .more_projects h2 {color:#d4711a; margin:0px 0 10px 0 ;}
	
	#page .gab_ptt_grd ul {padding:4px 12px 10px 12px;}
	#page .gab_ptt_grd li { padding:0 0px 3px 8px; background: url(../img/modele/puce/pc_maron.gif) no-repeat 0px 5px; }
	#page .gab_ptt_grd  a { color:#D4711A;  /*font-weight:bold;*/}
	#page .gab_ptt_grd  b { color:#000000; }
	
	/* footer */
	#footer {   background:black ; float:left; width:100%;}
	.pg_centre { width:905px; position:relative; margin-left:auto; margin-right:auto; }
	#footer .pg_centre {width:915px;  margin-left:auto; margin-right:auto; background:url(../img/modele/body/fd_b.png) no-repeat top; margin-top:14px; }
	#footer .pg_centre .fd_t_l { width:700px;  margin:-15px 0 0 0; padding:24px 0 0 239px; height:107px;}
	#footer .pg_centre .fd_t_r {  margin-left:-3px;margin-right:-17px; position:relative; }
	#footer .pg_centre .corp {width:928px; background:url(../img/logo_footer.png) no-repeat top left ; background-position:0px 12px;  }
	#footer .pg_centre .col { text-align:left; color:#fff; float:left; width:320px; padding:0 10px 0 2px;}
	#footer .pg_centre .col h3 { color:#fff; font:bold 14px Arial, Helvetica, sans-serif; margin:0px 0px 3px 0px; }
	#footer .pg_centre .txt_bot { position:absolute; bottom:5px; padding-top:3px; right:54px; width:660px; height:27px; text-align:right;font:normal 11px Arial, Helvetica, sans-serif; color:#8b8d90; }
	#footer .pg_centre .txt_bot a { color:#8b8d90; text-decoration:none;}
	.fd_bandeau_b {background: url(../img/modele/body/fd_bandeau_b.gif) repeat-x bottom;}
	#footer p { margin:0; }
	

	/*--------Page--------*/

	/* bouton */
	.bouton {
	padding:15px 0;
	}
	
	/* fond gauche fixe */
	#page a.bouton_fond span {
	background:transparent url(../img/bouton_bg_left.png) no-repeat;
	display:block;
	padding:0 5px 1px 10px;
	height:25px;
	text-decoration:none;
	}
	
	/* fond droit */
	#page a.bouton_fond, #page a.bouton_send {
	background:transparent url(../img/bouton_bg_right.png) no-repeat right top;
	display:block;
	float:left;
	padding:0px 6px 0 0;
	color:black; 
	font-weight:bold;
	text-decoration:none;
	line-height:25px;
	}

	a.bouton_fond span:hover, a.bouton_send span:hover {
	color:#d4711a;
	}
	
	/* fond gauche fixe */
	#page a.bouton_send span {
	background:transparent url(../img/bouton_bg_left_send.png) no-repeat;
	display:block;
	padding:0 5px 1px 34px;
	height:25px;
	text-decoration:none;
	}	

	
/*--------Menu Forms TABS--------*/

	.conteneur_colonne_gauche {
     width:572px;
	 padding:20px 15px 15px 20px;
  	 margin-top:-10px;
	 float:left;
	 position:relative;
	 border:1px solid #d1d0d0;
	 background-color:#f0f0f0;
	 border-bottom:none;
	 font-size:11px;
	 }
	
	.fond_conteneur_colonne_gauche {
	float:left;
	position:relative;
	background:url(../img/cadre_portfolio_bas.gif) no-repeat bottom left;
	padding-bottom:9px;
	}
	
	.menu_forms {
      width: 100%;
      margin: 0;
      padding: 0;
	  position:relative;
	  z-index:1;
      }
	
   #page .menu_forms ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
	  float:left;
	  height:41px; /*Thierry ajoute car si tous unselected la hauteur n'est pas bonne*/
	 /* background-color:#F3F3F3;*/
    }
	
	#page .menu_forms li {
    float: left;
    background:none;
    padding:0;
    margin: 0;
	background-color:transparent;	
    }
	
	/* Tab non selectionné fond gauche */
    .menu_forms li a.unselected span {
    float: left;
 	display:block; 
	background: url(../img/tab_grey_left.png) no-repeat;
	padding:0px 6px 0px 10px;	
    }
	
	/* Tab non selectionné fond droit */
	 .menu_forms li a.unselected {
	float: left;
	background:transparent url(../img/tab_grey_right.png) no-repeat right top;
	display:block;
	float:left;
	text-decoration:none;
	color:#555;
	font-size:13px;
	line-height:32px;
	padding:0px 6px 0px 0px;
	font-weight:bold;
    }
	
    .menu_forms li a.unselected:hover {
	color:#d4711a;
	}
	
	/* Tab selectionné fond gauche */
	.menu_forms li a.selected span{
	float: left;
	display:block; 
	background:url(../img/tab_orange_enabled_left.png) no-repeat;
	padding:0px 6px 10px 10px;
	cursor:pointer;
    }
	
	/* Tab selectionné fond droit */
	.menu_forms li a.selected {
	float: left;		
	background:url(../img/tab_orange_enabled_right.png) no-repeat right top;
	display:inline;
	float:left;
	padding:0px 6px 0px 0px;
	margin-bottom:-1px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	line-height:32px;
	}
	
	.menu_forms a {
      display: block;
      text-decoration: none;
	  font:normal 17px Arial, Helvetica, sans-serif; color:black;
	  padding: 3px 20px 3px 20px;
    }
	
    .menu_forms a:hover {
      font:normal 17px Arial, Helvetica, sans-serif; 
	  color:#d4711a; 
	  display:block;  
	  text-decoration: none;
    }
	
	.menu_forms ul li a { display:block; text-decoration:none; }
	
/*-------- / Menu Forms TABS--------*/


/*--------Forms --------*/

.long { width:360px ; height:20px; padding:1px; }
.short { width:150px ; border: 1px solid #909090; height:20px; padding:1px; }
textarea.short, textarea.long  { height:auto; overflow:auto; }
input, select, textarea { 
background:white url("../img/fd_input.jpg") no-repeat scroll left top ;
border-color:#D1D1D1 #D1D1D1;
border-right:1px solid #D1D1D1;
border-style:none solid solid none;
border-width:medium 1px 1px medium;
color:#222222;
padding:3px 3px 2px 5px;
font-family:Arial, Helvetica, sans-serif; font-size:12px;margin-top:2px;
 }
 
input:hover,  textarea:hover, input:focus,  textarea:focus {
background:white url("../img/fd_input_hover.jpg") no-repeat scroll left top;
 }  
 
textarea { padding:4px; width:98%;  }
.field { background:#c9f99f url("../img/fond_field_top.jpg") no-repeat top left; 
padding-left:13px;
padding-right:12px;
padding-top:20px;
margin-left:4px;
width:532px;
text-align:left;
margin-bottom:15px;
 }

.field p { margin:7px 0 0px; }
#page .conteneur_colonne_gauche .field h3 { border-bottom:1px solid #D4711A; }

.field .bottom { 
background:url("../img/fond_field_bottom.jpg") no-repeat scroll left bottom transparent;
float:left;
height:5px;
margin-left:-13px;
width:557px;}

div.info { background:url(info.png) no-repeat top left; margin-left:5px;padding-right:10px; 
color:#000000;
position:relative;
text-decoration:none;
z-index:9;
width:18px; height:18px;
margin-bottom:-5px;
display:inline-block;
}
div.info:hover {

z-index:10;
}
div.info div {
display:none;

}
div.info:hover div {
color:#000;
border:2px solid #fff;
display:block;
left:0px;
padding:5px;
position:absolute;
text-align:justify;
top:-10px;
margin-left:20px;
min-width:220px;
background:#dae6fc;
}

.info a { color:#D4711A; }

form.quickmail { color:black; font:normal 12px Arial, Helvetica, sans-serif;width:550px; }
form.quickmail div { padding:12px 0 0px 0px; }
form.quickmail div label { float: left;  width: 100px;  padding: 3px 10px 0px 0px;  margin: 0 0 5px 0;  text-align: right; clear:left;  }
.bt_email { margin:0px 0 70px 106px;  }

.send {float:left; color:black; height:50px; }


#page .form_error {color:#BF3100; border: 1px dotted #BF3100; padding: 14px 14px 14px 68px; font-size:12px; font-weight:bold; margin: 20px 0px 20px 0px; background: #FFEF3F url(../img/ic_login_alert_big.png) 10px 5px; background-repeat:no-repeat;}



/*--------/Forms --------*/

.bt_normal { height:30px;}		
.bt_normal  a.bt_begin { float:left;height:30px; width:5px; background: url(../img/modele/items/bt_normal_begin.png); text-decoration: none;}
.bt_normal a.bt_middle{ float:left;height:30px; background: url(../img/modele/items/bt_normal_middle.gif) repeat-x; color:#d4711a; font:normal 12px Verdana, Arial, Helvetica, sans-serif; line-height:30px; padding-left:5px; padding-right:5px; text-decoration: none; font-weight:bold;}
.bt_normal a.bt_end { float:left;height:30px; width:5px; background: url(../img/modele/items/bt_normal_end.gif); text-decoration: none;}


/*--------PORTFOLIO LISTING --------*/
.portfolio_item {float:left; padding:11px 0; margin-top:0px; height:100%;}
#page .portfolio_hr {  width:100%;  background: transparent url(../img/hr.png) no-repeat 0 0; border:none; width:553px; height:5px; margin:0; }
.portfolio_img{ float:left; background-repeat: no-repeat; background-position:center; } 
.portfolio_img img{margin:0px;} 
.portfolio_text{float:left; width:320px; margin-left:15px;}
.portfolio_text .bouton{ padding:0;}
.categorie { padding:0px; background:#FFFFFF; border:1px solid #CCCCCC; width:270px; height:20px; }
.categorie option { padding:1px; }

/* footer portfolio*/	
#section_48 { display:none; }
#section_49 { width:50%;}
#section_50 { width:50%; }
#page .portfolio_col { margin:0;float:left;}
#page .conteneur_colonne_gauche h1 { font-size:25px; margin:0;}
#page .conteneur_colonne_gauche h2 {   }
#page .conteneur_colonne_gauche h3 { font-size:14px;  border-bottom:1px dotted; line-height:18px; padding-bottom:1px; margin-bottom:5px; width:97%;  }
#page .portfolio_col h3 { font-size:14px; font-weight:bold; border-bottom:#D4711A 1px dotted;padding-bottom:1px; margin:0 10px 5px 0; white-space:nowrap; background:none; width:90%;}
#page .portfolio_col a  { text-decoration:none; color:black; font-weight:normal; font-size:11px;}	
#page .portfolio_col a:hover  { text-decoration:underline;}	
#page .portfolio_col li { padding:3px 5px 3px 11px; background: url(../img/modele/puce/pc_maron.gif) no-repeat 4px 8px; margin: 0px; line-height: inherit; }
#page .portfolio_col ul { padding:0; }

.bt_small { height:30px;}		
.bt_small  a.bt_begin { float:left;height:26px; width:6px; background: url(../img/modele/items/bt_small_begin.gif); text-decoration: none;}
.bt_small a.bt_middle{ float:left;height:26px; background: url(../img/modele/items/bt_small_middle.gif) repeat-x; color:#5A7091; font:normal 11px Arial, Helvetica, sans-serif; line-height:25px; padding-left:5px; padding-right:5px; text-decoration: none; font-weight:bold;}
.bt_small a.bt_end { float:left;height:26px; width:6px; background: url(../img/modele/items/bt_small_end.gif); text-decoration: none;}

/*--------/PORTFOLIO LISTING --------*/

.projetsection {
/*margin-left:25px;*/
}
.projetsection h3 {
/*margin-left:-25px;*/
}


/******* box secure ******/
.secure { background-color:#C9F99F; border:1px solid #8FBF91; clear:both; margin-bottom:7px; margin-top:12px; padding:7px;}
.secure img { margin:0 0 -2px; padding-right:7px; }
.secure a { color:#0C5F0F; }

/******* slider ***********/

#slider1 ul, #slider1 li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider1, #slider1 li { 
	width:580px;
	height:280px;
	overflow:hidden; 
}

#prev { float:left;}
#next { float:left;}

span#prev{ 
margin-left:13px;
margin-top:-33px;
position:relative;
z-index:1; 
width:30px;
background:url(../img/prev.png) no-repeat;
}
span#prev:hover { background:url(../img/prev_on.png) no-repeat; } 
span#next:hover { background:url(../img/next_on.png) no-repeat; } 

span#prev a, span#next a { width:33px; height:26px; display:inline-block;  }

span#next{ 
margin-left:40px;
margin-top:-33px;
position:relative;
width:30px;
z-index:1; 
background:url(../img/next.png) no-repeat;}	

#page #slider1 li {  padding:0; margin:0; background:#000000;  }

.rel1 { position:relative;  margin-left:-7px;  margin-top:15px; width:580px; 	 }
.rel1 .top { background:url(../img/cadre_top.png) no-repeat; width:580px; height:15px; position:relative; z-index:10; margin-bottom:-14px; }
.rel1 .left { background:#67686B; width:5px; height:270px;  position:relative; margin-top:14px; z-index:10; margin-bottom:-280px; }
.rel1 .right { background:#67686B; width:5px; height:270px;  position:relative; margin-top:14px; z-index:10;margin-bottom:-280px; }
.rel1 .bottom { background:url(../img/cadre_bottom.png) no-repeat; width:580px; height:15px; position:relative; z-index:10; margin-top:-14px; }

#page #slider1 ul { padding:0 5px;  height:280px;  }

#slider1  a.savoir { float:left; margin-top:-27px; width:230px; text-align:right; position:relative; z-index:1;}

#page #slider1  .txt_ss_img { position:relative; float:left; color:#fff;  width:215px; height:240px;  margin-bottom:-276px; left:14px; top:30px;}
#page #slider1  .txt_ss_img h3 { padding-bottom:17px;}
#page #slider1  .txt_ss_img p { background:url(../img/modele/puce/puce_gr.gif) no-repeat scroll 5px 5px transparent; margin:10px 0 0; padding:0 0 0 15px;}
#page #slider1 img { margin:0; float:right; margin-right:10px; }