/* Created by Wikiwi.be - Raphael De Naeyer */
/* Punch Communication */

/* General style */

BODY {
  FONT-SIZE: 11px;
  margin: 0px;
  COLOR: #646363;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  background-color: #fffff;
}
A {
  COLOR: #646363;
}
A:hover {
  COLOR: #3e0f35;
}
HR {
  COLOR: #646363;
}
/* HOME */

.home {
  FONT-SIZE: 11px;
  text-decoration: none;
}
.home:hover {
    font-weight: bold;
}

 
/* Content style */
div#principal {
    text-align: left;
    padding: 0px;
    margin: 0px;
    width: 966px;
    height: 592px;
    border: 0px;
}
div#bandetop {
    position: relative;
    padding: 0px;
    margin: 0px 12px 2px 12px;
    border: 0px;
    border-left: 1px solid #6d6d6d;
    border-right: 1px solid #6d6d6d;
    width: 942px;
    height: 15px;
  FONT-SIZE: 10px;
}
div#bandecentre {
    position: relative;
    margin: 0px;
    width: 966px;
    height: 566px;
}
div#bandeleft {
    position: relative;
    float:left;
    padding: 0px;
    margin: 0px 2px 0px 0px;
    border: 0px;
    border-top: 1px solid #6d6d6d;
    border-bottom: 1px solid #6d6d6d;
    width: 10px;
    height: 565px;
}
div#bandemid {
    position: relative;
    float:left;
    padding: 0px;
    margin: 0px;
    width: 942px;
    height: 566px;
}
div#banderight {
    position: relative;
    float:left;
    padding: 0px;
    margin: 0px 0px 0px 2px;
    border: 0px;
    border-top: 1px solid #6d6d6d;
    border-bottom: 1px solid #6d6d6d;
    width: 10px;
    height: 565px;
}
div#bandebot {
    position: relative;
    padding: 0px;
    margin: 2px 12px 0px 12px;
    border: 0px;
    border-left: 1px solid #6d6d6d;
    border-right: 1px solid #6d6d6d;
    width: 942px;
    height: 12px;
    text-align: right;
    FONT-SIZE: 10px;
}
div#contenu_top {
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 942px;
    height: 85px;
    background-color: #646363;
}
div#contenu_central {
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 942px;
    height: 345px;
}
div#contenu_central_gauche {
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    width: 450px;
    height: 345px;
    border: 1px solid red;
}
div#contenu_central_gaucher1 {
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    width: 430px;
    height: 345px;
    /*border: 1px solid red;*/
}
div#contenu_central_droiter1 {
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    width: 510px;
    height: 345px;
}
.table_home {
	color: #646363;
	font-size : 11px;
}
.table_home a {
	color: #646363;
	font-size : 11px;
}
.table_home a:hover {
	color: #000000;
	font-size : 11px;
}
.table_contact {
	color: #fafafa;
	font-size : 11px;
}
.table_contact a {
	color: #fefefe;
	font-size : 11px;
}
.table_contact a:hover {
	color: #842b38;
	font-size : 11px;
}


div#bandemenur2r3 {
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 937px;
    height: 23px;
}
.tableclient {
	font-size : 10px;
}
.tableclient a {
	color: #cecece;
	text-decoration: none;
}
.tableclient a:hover {
	color: #842b38;
}
div#bandemenu {
    position: relative;
    float:left;
    padding: 0px;
    margin: 0px;
    width: 510px;
    height: 23px;
}
div#contenu_central_gaucher2 {
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    width: 320px;
    height: 301px;
}
div#contenu_central_droiter2 {
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    width: 622px;
    height: 301px;
}
div#bandeblancher2 {
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 940px;
    height: 20px;
}
div#contenu_central_gaucher3 {
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    width: 320px;
    height: 322px;
}
div#contenu_central_droiter3 {
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    width: 622px;
    height: 322px;
}

div#contenu_botchoix {
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 942px;
    height: 118px;
    background-color: #646363;
}
div#contenu_botcouleur {
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 942px;
    height: 18px;
    FONT-SIZE: 10px;
    background-color: #2d2b2a;
}
img#logo {
    position: relative;
    float: left;
    margin: 19px 0px 0px 40px;
    width: 148px;
    height: 44px;
    border: 0px;
}
a#communication_home {
    position: relative;
    float: left;
    margin: 33px 0px 0px 643px ;
    display:block;
    width: 26px;
    height: 26px;
    background: url("images/punch_communication-home-off.png") no-repeat;
    text-decoration: none;
}
a#communication_home:hover {
background: url("images/punch_communication-home-on.png") no-repeat;
}
a#communication_home_actif {
    position: relative;
    float: left;
    margin: 33px 0px 0px 643px ;
    display:block;
    width: 26px;
    height: 26px;
	background: url("images/punch_communication-home-on.png") no-repeat;
    text-decoration: none;
}
a#communication_team {
    position: relative;
    float: left;
    margin: 33px 0px 0px 6px ;
    display:block;
    width: 26px;
    height: 26px;
    background: url("images/punch_communication-team-off.png") no-repeat;
    text-decoration: none;
}
a#communication_team:hover {
background: url("images/punch_communication-team-on.png") no-repeat;
}
a#communication_team_actif {
    position: relative;
    float: left;
    margin: 33px 0px 0px 6px ;
    display:block;
    width: 26px;
    height: 26px;
background: url("images/punch_communication-team-on.png") no-repeat;
    text-decoration: none;
}
a#communication_contact {
    position: relative;
    float: left;
    margin: 33px 0px 0px 6px ;
    display:block;
    width: 26px;
    height: 26px;
    background: url("images/punch_communication-contact-off.png") no-repeat;
    text-decoration: none;
}
a#communication_contact:hover {
background: url("images/punch_communication-contact-on.png") no-repeat;
}
a#communication_contact_actif {
    position: relative;
    float: left;
    margin: 33px 0px 0px 6px ;
    display:block;
    width: 26px;
    height: 26px;
	background: url("images/punch_communication-contact-on.png") no-repeat;
}

ul#menu {
    position: relative;
    float: right;
    margin: 5px 13px 0px 0px ;
    padding: 0px 0px 0px 0px ;
    width: 495px;
    height: 18px;
    FONT-SIZE: 11px;
    text-align: right;
    list-style-type: none;
}
#menu li {
    display: inline;
    margin: 3px;
    padding: 0px;
}
#menu a {
    text-decoration: none;
    color: #656262;
}
#menu a:hover {
    color: #3E0F35;
}
li#menu1on {
    color: #3E0F35;
    font-weight: bold;
}
ul#menu_template {
    position: relative;
    float: right;
    margin: 0px;
    padding: 0px;
    margin-top: 1px;
    margin-right: 4px;
    width: 108px;
    height: 10px;
    list-style-type: none;
}
#menu_template li {
    display: inline;
    margin: 3px;
    padding: 0px;
}
div#menu2{
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-top:10px;
    margin-left: 25px;
    width: 240px;
    height: 190px;
	/*border: 1px solid red;*/
}
ul#menu2 {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    FONT-SIZE: 11px;
    list-style-type: none;
	/*border: 1px solid red;*/
}
#menu2 li {
    margin: 15px;
    padding: 0px;
}
#menu2 a {
    text-decoration: none;
    color: #656262;
}
#menu2 a:hover {
    color: #3E0F35;
    font-weight : bold;
}
li#menu2on {
    color: #3E0F35;
    font-weight: bold;
}
.txt_form{
    color: #808080;
    text-decoration: none ;
    font-size : 12px;
}
.chlngbox {
    position: relative;
    float: left;
    height:10px;
	margin-left: 34px;
}
.chlng{
    color: #646363;
    text-decoration: none ;
    font-size : 10px;
    font-weight : normal;
}
.chlng:hover {
    color: #aaaaaa;
}
.chlng-actu{
    color: #646363;
    text-decoration: none ;
    font-size : 10px;
    font-weight : bold;
}

.copyrightlien{
    color: #cfcfcf;
    text-decoration: none ;
}
a.copyrightlien:hover{
    color: #646363;
}
div#portfolio_detail{
	position: relative;
	float: left;
    margin: 0px;
    padding: 0px;
	width: 652px;
	height: 240 px;
}
div#blocportfolio_signature {
	position: relative;
	float: right;
    margin: 0px;
    padding: 0px;
	width: 680px;
	height: 30 px;
	/*border: 1px solid red;*/
}
div#blocportfolio_signature_long {
	position: relative;
	float: right;
    margin: 0px;
    padding: 0px;
	width: 750px;
	height: 40 px;
	/*border: 1px solid red;*/
}
h1#portfolio_signature{
    margin: 0px;
    padding: 0px;
    font-size : 13px;
	font-weight: lighter;
    color: #bab8b7;
}
div#choix_portfolio {
	position: absolute;
    list-style-type: none;
    color: #fafafa;
	width: 930px;
	height: 100px;
    margin: 0px;
    padding: 0px;
	
}
ul#portfolio_nummer {
	position : absolute;
	float: right;
    list-style-type: none;
    color: #cfcfcf;
	width: 664px;
	height: 14px;
    margin: 15px 0px 0px 284px;
    padding: 0px;
	
}
#portfolio_nummer li {
	display: inline;
    margin: 0px 5px 0px 0px;
    padding: 0px;
	width: 14px;
	height: 14px;
	font-size: 11px;
    color: #ffffff;
    border: 0px;
    text-align: center;
}
#portfolio_nummer a {
	width: 16px;
	height: 16px;
	font-size: 11px;
    color: #ffffff;
    text-align: center;
    border: 0px;
    text-decoration: none;
}
#portfolio_nummer li:hover {
    color: #ffffff;
}
a.portfolio_nextback {
    color: #ffffff;
    FONT-SIZE: 12px;
    text-decoration: none;
	
}
span#ttl_portfolio {
	position : absolute;
	width: 600px;
	height: 27px;
	margin: 14px 0px 0px -7px;
	padding: 50px 0px 0px 10px;
	text-align: left;
	font-size: 11px;
    color: #fafafa;
}
span#portfolio_nextback {
	position : absolute;
	width: 100px;
	height: 12px;
	margin: -13px 0px 0px -2px;
	padding: 0px 10px 0px 0px;
	text-align: left;
	font-size: 14px;
    color: #fafafa;
    /*border: 1px solid black;*/
}

p#equipe_ttl {
    margin: 25px 0px 0px 25px;
    FONT-SIZE: 12px;
    color: #fafafa;
    font-weight : bold;
}
ul#liste_equipe {
    position: relative;
    float: left;
    margin: 0px;
    margin-left: 25px;
    padding: 0px;
    FONT-SIZE: 12px;
    color: #fafafa;
  list-style-image: url(images/bullet_blanche.gif);
	/*border: 1px solid red;*/
}
.liste_equipe_petit {
    FONT-SIZE: 11px;
}
#liste_equipe li {
    margin: 15px;
    margin-top: 25px;
    padding: 0px;
}
#liste_equipe a {
    color: #ffffff;
    FONT-SIZE: 11px;
}
#liste_equipe a:hover {
    color: #3E0F35;
}
ul.menuadmin{
    position: relative;
    border: 1px solid;
    margin: 0px;
	color: #fff;
}
.menuadmin li a{
	background-color: #750316;
	width:  100px;
	height: 35px;
  text-align: center;
	padding-top: 3px;
	padding-bottom: 1px;
	color: #fff;
}
.menuadmin li a:hover{
	background-color: #a04453;
	color: #fff;
}
.menuadmin li{
  display: inline;
	color: #fff;
	margin-top: 2px;
}
.menuadmin a{
	color: #fff;
}
.menuadmin a:hover{
	color: #a04453;
}


ul#menu1admin {
    position: relative;
    float: right;
    margin: 5px 13px 0px 0px ;
    padding: 0px 0px 0px 0px ;
    width: 805px;
    height: 18px;
    FONT-SIZE: 11px;
    text-align: right;
    list-style-type: none;
}
#menu1admin li {
    display: inline;
    margin: 3px;
    padding: 0px;
}
#menu1admin a {
    text-decoration: none;
    color: #656262;
}
#menu1admin a:hover {
    color: #3E0F35;
}
ul#menu2admin {
    position: relative;
    float: right;
    width: 805px;
    height: 18px;
    margin: 2px 13px 0px 0px ;
    padding: 0px 0px 0px 0px ;
    FONT-SIZE: 11px;
    text-align: right;
    list-style-type: none;
	/*border: 1px solid red;*/
}
#menu2admin li {
    display: inline;
    margin: 3px;
    padding: 0px;
}
#menu2admin a {
    text-decoration: none;
    color: #656262;
}
#menu2admin a:hover {
    color: #3E0F35;
    font-weight : bold;
}

/* Form style */

INPUT {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
BUTTON {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
TEXTAREA {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
SELECT {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
radio {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid; FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}