@import url("css/menu.css");

/* CSS Document */
#Body {background:#FFF url(images/body_bg.png) repeat-x top left; height:100%; margin:0; padding:0; }

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
/*submenu color style*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:gray; font-family: Arial, Helvetica,Verdana, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead {font-size:10px;}
 a:link, a:visited{font-size:10px; color:#727272; text-decoration:underline;}

h1, h2, h3, h4, h5, h6{color:#375162;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}

/* wrapper to fill the complete browser window, could be used for backgrounds */
.main
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px #dcdcdc;
    width: 100%;

}

/* set the  width of the skin and optionally center it in the browser window */
.pagemaster 
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
	margin-left: auto;
	margin-right: auto;
	width: 1000px; /* main skin width */
	    background-image:url(images/fond-spatium-amenagement-bureau_03.png);
    background-repeat: repeat-y;
}

a,a:link,a:visited,a:active{color:#747474; text-decoration:underline; font-weight:normal; }
a:hover{color:#b5b5b5; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family: Arial, Helvetica,Verdana,   sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/

#s_wrap_main{
    display:table;width:859px; margin:0 auto;   
}

#s_wrap_sub{
    display:table-row;
    /**/  
}



.template_style{
    display:table-cell;  
    padding-top:80px;
  }

.back_left_intro{

   
    background-position: top left; vertical-align:middle;
}

.back_right_intro{
    
    background-position: top right;
    vertical-align:middle;
    
}

.back_left_accueil{

     background-image: url(images/fond-spatium-amenagement-bureau_03.png); 
    background-repeat: no-repeat;
    background-position: top left; vertical-align:middle;
    background-position: top left; vertical-align:middle;
}

.back_right_accueil{
    
    background-position: top right;
    vertical-align:middle;
     background-image: url(images/fond-spatium-amenagement-bureau_07.png);
    background-position: top right;
    background-repeat: no-repeat; vertical-align:middle;
    
}
.back_left{

   background-image: url(images/img/fond-spatium-amenagement-bureau_table_03.png); 
    background-repeat: no-repeat;
     vertical-align:middle;
    width:8px;
    height:auto;
    background-position:bottom;
    vertical-align:bottom;
    
    
}

.back_right_bg{

   background-image: url(images/img/fond-spatium-amenagement-bureau_table_08.png);
    background-repeat: repeat-y; 
    width:9px;
 
  
    
}
table.droite{
    height:100%;
    width:9px;
     
}
.colonne_droite{
    height:100%
}

.back_right_bottom{
   background-image: url(images/img/fond-spatium-amenagement-bureau_table_12.png);
    background-repeat: no-repeat; 
  width:9px;
  height:14px;
    
}
.back_right_top{
   background-image: url(images/img/fond-spatium-amenagement-bureau_table_05.png);
    width:9px;
    height:18px;
    background-repeat: no-repeat; 

    
}
.back_left_bottom{
   background-image: url(images/img/fond-spatium-amenagement-bureau_table_10.png);
    background-repeat: no-repeat; vertical-align:bottom;
  width:8px;
  height:14px;
    
}

.back_bg{
   /* padding  :   0 0px 0 8px; margin: 100px  9px 0 8px; */
   margin:0;padding:0;
    background-image: url(images/img/fond-spatium-amenagement-bureau_table_03.png);
    background-position: bottom;
    background-repeat: repeat-x;
   
}
.back_bg_bottom
{
   background-image: url(images/img/fond-spatium-amenagement-bureau_table_11.png);
    background-repeat: repeat-x; vertical-align:bottom;
 
  height:14px;
    
}


.back_bg_accueil{
    padding  :   0 0px 0 8px; margin: 0px   10px 0 8px; 
    background-image: url(images/fond-spatium-amenagement-bureau_04.png);
    background-position: top left;
    background-repeat: repeat-x;
    }

.back_bg_intro{
    padding  :   0 0px 0 8px; margin: 80px   10px 0 8px;  
    background-position: top left;     
}

.top_space{height:34px; margin:0px; padding:0px;

}
.lang_pad{padding: 0px 35px 0 25px;float: right; vertical-align:top;}

.logo_top_left{padding:0; margin:0; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0; margin:0; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0; margin:0  39px 0 40px; height:23px;}
.logo_left{padding:0; margin-right:100px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 0px; padding:0 0  0px 0px;background-image:url(images/bande-spatium-amenagement-bureau.png);
background-repeat:repeat-y;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0; margin:0; background:url(images/menu_left.png) repeat-y  top left;}
.menu_right{margin:0; background:url(images/menu_right.png) repeat-y top right; }
.menu_style{width:50px; height:10px!important; vertical-align:top;
 padding: 0px 0px 0px 0px; border: solid 0px red; margin: 0 0 0 0px;
}

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:0px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:0px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:0px;}

#login_style{ float:right; line-height:34px; padding-right:18px;}
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0; margin:0;clear:both; text-align:center; padding-top:70px; width:645px}
.left_bg{padding:0; margin:0; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0; margin:0; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px  0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{
   padding: 0px 0px 0px 0px; border: solid 0px red; margin: 0 0 0 0px;
    vertical-align: top;
    text-align: left;
    width: 625px;
    clear: both;
}

.bot_left{padding:0; margin:0; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0; margin:0; background:url(images/bot_right.png) no-repeat top right; padding:0px  39px 0 27px;}
.bot_bg{padding:0; margin:5px; background:url(images/bot_bg.png) repeat-x top left; height:0px;}

.bot_pad{margin-bottom:30px;padding:0px  30px 0 20px;}
#terms_style{float: left; margin:0px; padding:0px;}
#copy_style{float: right;margin:0px; padding:0px;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0; }


.contenu-droite{
  padding: 0px 0px 0px 0px;    margin: 0px  0px 0px 0px; 
    background-position: top left;
    width: 645px;
    background-image:url(images/bande-spatium-amenagement-bureau.png);
    background-repeat:repeat-y;
    height:540px;
    vertical-align:top;

}
.contenu-droite-intro-spatium{
    padding: 0px 0px 0px 0px;    margin: 0px  0px 0px 0px; 
    background-position: top left;
    width: 645px;
    height:540px;
    vertical-align:top;
}
.div-contenu{
    padding: 0px 0px 0px 0px;    margin: 0px 0px 0px 0px; 
    background-position: bottom;
    width: 645px;
    
    
   
}
.div-contenuIntro{
    padding: 0px 0px 0px 0px;    margin: -100px 0px 0px 30px; 
    background-position: top left;
    width: 645px;
}
table.page{
    height:587px;
}
/* using the combination of pane and a wrapper helps in preventing box model issues in ie6 
   in cases where you want to apply padding on the panes in the skin, in this skin we have
   padding applied in the container, so here it is not really needed. */

.menupanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px ;
    width: 200px;
    vertical-align: top; /* glue to the top */      
    background-image:url(images/bande-spatium-amenagement-bureau.png) ;
    background-repeat:repeat-y;
    background-position:  30px;
    overflow: hidden;
	height:100%;
}

.menupanewrapper_accueil
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px ;
    width: 200px;
    vertical-align: top; /* glue to the top */      
    background-image:url(images/bande-spatium-amenagement-bureau.png) ;
    background-repeat:repeat-y;
    background-position:  30px;
    overflow: hidden;
	height:539px;
}
.animation-pane-spatium-g{
 
    padding: 0px 0px 0 0px; margin: 0px; border: solid 1px transparent;
    width:204px;
    vertical-align: top; /* glue to the top */      
    /*background-image:url(images/bande-spatium-amenagement-bureau.png) ;*/
    background-repeat:repeat-y;
     background-position: left;
    height:100%;
    
}

.animation-pane-spatium-petit{
 
    padding: 0px 0px 0 0px; margin: 0px; border: solid 1px transparent;
    width:204px;
    vertical-align: top; /* glue to the top */      
    background-image:url(images/bande-spatium-amenagement-bureau-s.png) ;
    background-repeat:repeat-y;
     background-position: left;
    height:100%;
    
}

.animation-pane-spatium-petit-5{
 
    padding: 0px 0px 0 0px; margin: 0px; border: solid 1px transparent;
    width:204px;
    vertical-align: top; /* glue to the top */      
    background-image:url(images/bande-spatium-amenagement-bureau-s-5.png) ;
    background-repeat:repeat-y;
     background-position: left;
    height:100%;
    
}


.animation-pane-spatium-de-droite{
   
    padding: 0px 0px 0 0px; margin: 0px; border: solid 1px transparent;
    width:204px;
    vertical-align: top; /* glue to the top */      
    background-image:url(images/bande-spatium-amenagement-bureau.png) ;
    background-repeat:repeat-y;
     background-position: left;
    height:100%;
}

.animation-pane-spatium-de-gauche{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 1px transparent;
    width: 204px;
    vertical-align: top; /* glue to the top */      
    background-image:url(images/bande-spatium-amenagement-bureau.png) ;
    background-repeat:repeat-y;
     background-position: right;
    height:100%;
}

.menupane
{
    padding: 0px 0px 0px 0px; border: solid 0px; margin:  205px 0 0 0px;
    vertical-align:middle;
    width:200px;
   
  
}
.menucontentpane
{
    padding: 0px 0px 10px 0px; 
    margin: 0px; border: solid 0px red;
    
}

.contentpanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px ;
    width: auto; /* automatically uses the remaining space = total width - menuwrapperwidth - rightwrapperwidth */
    vertical-align: top;
}

.contentpanewrapperAccueil
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px ;
    width: auto; /* automatically uses the remaining space = total width - menuwrapperwidth - rightwrapperwidth */
    vertical-align: top;
}

.ContentPaneAccueil
{
    padding: 0px 0px 0px 5px; 
    margin: 0px; border: solid 0px red;
    width:560px;
    height: 280px;
    vertical-align: top;
    
}
/* table to keep the content together */
.contentrowtable
{
    height: auto;
}

/* content panes section */
.contentrow {
 
}

.LeftPane{ 
/*padding:0 20px 0 0; width:100px; margin:0; vertical-align:top;*/
     padding: 0px 0px 0 0px; margin: 0px; border: solid 0px red;
    width: 200px;
    vertical-align: top; /* glue to the top */      

}
.rightpanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px;  border: solid 0px  red;
    width: 249px;/*249*/
    height: 280px;
    vertical-align: top;
    color: #ffffff;
   /* background-color:Orange;*/
   
    
}
.RightPane
{
    padding: 0px 0px 0px 10px; margin: 0px; border: solid 0px red;   
   
}

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


/* contenu de la page*/
.LogoPane{
    height:50px;
    padding-left:60px;
    padding-bottom:20px
}
#LogoPaneIntro{
    height:0px;
}
#TopPaneIntro{
    height:0px;
}

.slide{
    overflow:hidden;
    width:380px;
    height:280px;
    position:relative;
}
.slide .contenu-image{
    display:none;  
    padding-top:0px;
    padding-bottom:0px;
    margin-bottom:0px;
    padding-left:350px;
    position: absolute;
    left:0;
    bottom:0;
    width:380px;
    overflow:hidden;
   
}

.slide .contenu-image-accueil{
    display:none;
    width:650px;
    padding-top:0px;
    padding-left:500px;
    padding-right:-220px;
    height: 255px;
    margin-right:-100px;
    margin-bottom:0;
    

}

p.texte-droite{
    
}


div.contenu-texte-droite{
    width:200px;
    padding-top:0px;
    padding-left:0px;
    padding-right:20px;
    height: 255px;
    margin-right:20px;
    margin-bottom:0;
}

div.contenu-texte-droite-contact{
    width:200px;
    padding-top:0px;
    padding-left:0px;
    padding-right:20px;
    height: 255px;
    margin-right:20px;
    margin-bottom:0;
}
div.contenu-texte-droite-accueil{
    width:200px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    height: 255px;
    margin-right:0px;
    margin-bottom:0;
    
    
}

 ul li{
    padding-left: 0px;
    list-style: disc ;
    margin-left: -30px;
}



.bk_transparent_projet{
    background-color:transparent;
}

.plan_spatium_projet_design{
    position:relative;
    top: 0px;
    left:0px;
    opacity:0.6;filter:alpha(opacity=60);
    display:none;
    z-index :1000;
}


.test{
    float:left;
}

#dnn_ctr455_ViewContactUs_txtComments
{
    width: 300px!important;
    height: 100px!important;
}

.Nouvelles_spatium_amenagement_bureau{
    margin-left:10px;
}

.center_bg_default{
    padding:0;
}

.LogoPane_default{
    padding-bottom:0px;
    padding-left:60px
}

.Logo_top_left_default{
    height:0;
}

.contentpanewrapper_default
{
    padding: 0px 0px 0 0px; padding-left: 40px; border: solid 0px ;
    width: auto; /* automatically uses the remaining space = total width - menuwrapperwidth - rightwrapperwidth */
    vertical-align: top;
}