/*******
      -GENERAL
      **/
body {
   margin:0;
   padding:0;
   line-height:1.22em;
   font:normal 12px Arial, Verdana, sans-serif;
   text-align:center;
}
#container {
   margin:auto;
   width:810px;
   clear: both;
   /*border:1px solid red;*/
}
#top {
   height:90px;
}
#logo a {
   background: url(../images/lisa_leleu_logo.gif) no-repeat center center;
   width: 225px;
   height: 90px;
   float: left;
   /*border:1px solid blue;*/
}
#footer {
   margin: auto;
   clear:both;
   text-align:left;
   height:25px;
   /*border:1px solid #000;*/
   font:11px arial,verdana,sans-serif;
   color:#666;
   background:#fff; 
   padding:5px;
}
#footer .a {
   float:left;
}
#footer .a a:link, #footer .a a:visited, #footer .a a:active  {
   font:11px arial,verdana,sans-serif;
   color:#666;
   text-decoration:none;
}
#footer .a a:hover {
   font:11px arial,verdana,sans-serif;
   color:#666;
   text-decoration:underline;
}
#footer .b {
   float:right;
}
#footer .b a:link, #footer .b a:visited, #footer .b a:active  {
   font:11px arial,verdana,sans-serif;
   color:#666;
   text-decoration:underline;
}
#footer .b a:hover {
   font:11px arial,verdana,sans-serif;
   color:#666;
   text-decoration:none;
}
img { 
   border:0;
}

/*******
      -ABOUT US
      **/
#red_about_us {
   margin:auto;
   width:810px;
   clear: both;
   /*height:450px;*/
   background:#E81727;
   /*border:1px solid red;*/
   text-align:left;
}
#about_left {
   float:left;
   width:245px;
   height:450px;
}
#about_center {
   float:left;
   width:390px;
}
#about_right {
   float:left;
   width:175px;
   height:450px;
   background: url(../images/bg_about.gif) no-repeat center center;
}
#about_menu {
   background:#B91320;
   width:215px;
   float:right;
   margin:120px 0 0 0;
   height:260px;
}
.person {
   margin:5px 5px 0 5px;
   clear:both;
   height:88px;
}
#photo_lisa a {
   background: url(../images/lisa_leleu.jpg) no-repeat center center;
   width: 75px;
   height: 88px;
   float: left;
   /*border:1px solid blue;*/
}
#photo_frederic a {
   background: url(../images/frederic_leleu.jpg) no-repeat center center;
   width: 75px;
   height: 88px;
   float: left;
   /*border:1px solid blue;*/
}
.person_desc {
   float: left;
   margin:32px 0 0 5px;
   width:120px;
}
.person_desc h3 {
   margin:0;padding:0;
   clear:both;
}
.person_desc h3 a:link, .person_desc h3 a:visited, .person_desc h3 a:active {
   font:bold 17px Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration:none;
}
.person_desc h3 a:hover {
   font:bold 17px Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration:underline;
}
.person_desc p {
   margin:0;padding:0;
   font:normal 13px Arial, Verdana, sans-serif;
   color:#fff;
   float:left;
}
.about_company {
   margin:45px 5px 5px 5px;
   clear:both;
}
.about_company h3 a:link, .about_company h3 a:visited, .about_company h3 a:active {
   font:bold 17px Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration:none;
}
.about_company h3 a:hover {
   font:bold 17px Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration:underline;
}
#about_title h1 {
   width:300px;
   height:75px;
   clear:both;
   margin:18px 0 0 0;
   padding:0 5px 0 0;
   background:#B91320;
   float:right;
   font:normal 32px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#fff;   
   letter-spacing:1px;
   text-align:right;
}
#about_textarea {
   background:#fff;
   height:260px;
   clear:both;
}
#about_textarea h2 {
   clear:both;
   padding:15px 0 0 15px;
   margin:0;
   font:normal 25px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#B91320;   
}
#about_textarea span {
   clear:both;
   padding:0 0 15px 15px;
   margin:0;
   font:normal 14px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#B91320;      
}
#about_textarea p {
   clear:both;
   padding:20px 15px 0 15px;
   margin:0;
   font:normal 14px Arial, Verdana, sans-serif;
   color:#000;
}
#about_team {
   clear:both;
   font:normal 13px Arial, Verdana, sans-serif;
   color:#fff;
   font-style:italic;
   padding:16px 0 0 10px;
}

/*******
      -SERVICES
      **/
#red_services {
   margin:auto;
   width:810px;
   clear: both;
   /*height:450px;*/
   background:#E81727;
   /*border:1px solid red;*/
   text-align:left;
   background:#E81727 url(../images/bg_contactus.gif) no-repeat top right;
}
#services_left {
   float:left;
   width:246px;
   height:450px;
}

#services_left a{
   color : #fff;
}

#services_center {
   float:left;
   width:390px;
}
#services_right {
   float:left;
   width:174px;
   height:450px;
}
#services_menu {
   background:#B91320;
   width:220px;
   float:right;
   margin:93px 8px 0 0;
   height:195px;
}
* html #services_menu {
   margin-right:3px;
}
#services_menu ul {
   margin:20px 0 0 10px;
   padding:0;
   list-style:none;
}
#services_menu ul li {
   font:normal 13px Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration:none;
}
#services_title h1 {
   width:300px;
   height:75px;
   clear:both;
   margin:18px 0 0 0;
   padding:0 5px 0 0;
   background:#B91320;
   float:right;
   font:normal 32px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#fff;   
   letter-spacing:1px;
   text-align:right;
}
#services_textarea {
   background:#fff;
   height:300px;
   clear:both;
}
#services_textarea h2 {
   clear:both;
   padding:15px 0 0 15px;
   margin:0;
   font:normal 25px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#B91320;   
}
#services_textarea p {
   clear:both;
   padding:20px 15px 0 15px;
   margin:0;
   font:normal 14px Arial, Verdana, sans-serif;
   color:#000;
}

#services_textarea p a{
   color:#000;
   text-decoration:underline;
}

/*******
      -CLIENTS
      **/
#red_clients {
   margin:auto;
   width:810px;
   clear: both;
   height:450px;
   /*height:450px;*/
   background:#E81727 url(../images/bg_clients.gif) no-repeat top right;
   text-align:left;
}
#clients_top {
   width:635px;
   clear:both;
}
#clients_content {
   float:left;
   width:700px;
   clear:both;
   height:387px;
   padding:0 0 0 40px;
}
#clients_part_1 {
   float:left;
   width:310px;
   padding:10px 0 0 0px;
}
* html #clients_part_1 {
   width:315px;
}
#clients_part_2 {
   float:left;
   width:300px;
   padding:10px 0 0 0;
}
#clients_content p {
   font:normal 13px Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration:none;
   margin:0;padding:0;
   line-height:15px;
}
#clients_title h1 {
   width:280px;
   height:45px;
   clear:both;
   margin:18px 0 0 0;
   padding:0 5px 0 0;
   background:#B91320;
   float:right;
   font:normal 32px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#fff;   
   letter-spacing:1px;
   text-align:right;
}

/*******
      -INDEX
      **/
#red_index {
   margin:auto;
   width:810px;
   clear: both;
   height:450px;
   /*height:450px;*/
   background:#E81727 url(../images/bg_contactus.gif) no-repeat top right;
   text-align:left;
}
#index_content {
   padding:70px 0 0 100px;
}

/*******
      -MAIN
      **/
#red_main {
   margin:auto;
   width:810px;
   clear: both;
   height:450px;
   /*height:450px;*/
   background:#E81727 url(../images/bg_clients.gif) no-repeat top right;
   text-align:left;
}
#main_content {
   padding:70px 0 0 5px;
}
#main_menu {
   margin:52px 0 0 0; padding: 0; 
   width: 512px;
}
#main_menu ul {
   list-style: none;
   padding:0; margin:0;
   /*border:1px solid yellow;*/
}
#main_menu ul li {
}
#main_menu ul li a {
   font:bold 15px arial, verdana, sans-serif; 
   /*float: left;*/
   display:block;
   padding: 0px 13px 0px 13px;
   width:250px;
   text-decoration: none;
   line-height: 17px;
   color: #fff;
   background-color: #AF121E;
   letter-spacing:0px;
   height:50px;
   line-height:50px;
   text-align:right;
   margin:10px;
}
#main_menu ul li a:hover {
   background:#C91422;
   text-decoration: none;
   color:#fff;
}
#main_menu .noborder {  
   border:0;
}      

/*******
      -CONTACT
      **/
#red_contact {
   margin:auto;
   width:810px;
   clear: both;
   height:450px;
   /*height:450px;*/
   background:#E81727 url(../images/bg_contactus.gif) no-repeat top right;
   text-align:left;
}
#contact_left {
   float:left;
   width:246px;
   height:450px;
}
#contact_center {
   float:left;
   width:390px;
}
#contact_menu {
   background:#B91320;
   width:220px;
   float:right;
   margin:93px 8px 0 0;
   height:195px;
}
* html #contact_menu {
   margin-right:3px;
}
#contact_menu p {
   font:normal 13px Arial, Verdana, sans-serif;
   color:#fff;
   margin:20px 0 0px 10px; 
   padding:0;
}
#contact_menu b {
   font:bold 14px Arial, Verdana, sans-serif;
   color:#fff;
}
#contact_menu a:link, #contact_menu a:active, #contact_menu a:visited  {
   font:normal 13px Arial, Verdana, sans-serif; 
   color:#fff;
   text-decoration:none;
}
#contact_menu a:hover {
   font:normal 13px Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration:underline;
}
#contact_title h1 {
   width:300px;
   height:75px;
   clear:both;
   margin:18px 0 0 0;
   padding:0 5px 0 0;
   background:#B91320;
   float:right;
   font:normal 32px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#fff;   
   letter-spacing:1px;
   text-align:right;
}
#contact_textarea {
   background:#fff;
   height:295px;
   clear:both;
}
#contact_textarea h2 {
   clear:both;
   padding:15px 0 0 15px;
   margin:0;
   font:normal 25px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#B91320;   
}
#contact_textarea p {
   clear:both;
   padding:20px 15px 0 15px;
   margin:0;
   font:normal 14px Arial, Verdana, sans-serif;
   color:#000;
}
#contact_textarea form {
   margin:15px;
   padding:0;
}
#contact_textarea label { 
   margin:0;
   padding:0;
   font:normal 15px Arial, Verdana, sans-serif;
   color:#000;   
   width:130px;
   text-align:left; 
   float:left;
   clear:both; 
}
#contact_textarea div { 
   margin:5px 0 0 0;
   clear:both;
}
#contact_textarea input, #contact_textarea textarea { 
   font:normal 13px Arial, Verdana, sans-serif;
   color:#000;
   margin:0;padding:.;
}


/*******
      -PORTFOLIO
      **/
#red_portfolio {
   margin:auto;
   width:810px;
   clear: both;
   /*height:450px;*/
   background:#E81727;
   /*border:1px solid red;*/
   text-align:left;
}
#portfolio_left {
   float:left;
   width:175px;
   height:450px;
   background: url(../images/bg_portfolio.gif) no-repeat 0px 0px;
}
#portfolio_center {
   float:left;
   width:460px;
}
#portfolio_right {
   float:left;
   width:175px;
   height:450px;
   background: url(../images/bg_about.gif) no-repeat center center;
}
#portfolio_desc {
   background:#B91320;
   width:135px;
   float:right;
   margin:100px -25px 0 0;
   height:38px;
   z-index:2;
   position:relative;
   text-align:right;
}
#portfolio_desc p {
   font:bold 16px Arial, Verdana, sans-serif;
   color:#fff;   
   padding:10px 5px 10px 5px;
   margin:0;
}
#portfolio_menu {
   width:115px;
   float:left;
   margin:16px 0 0 0;
   padding:0 0 0 3px;
   height:75px;
}
#portfolio_menu a:link, #portfolio_menu a:active, #portfolio_menu a:visited  {
   font:normal 12px Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration:none;   
   line-height:130%;
}
#portfolio_menu a:hover {
   font:normal 12px Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration:underline;   
   line-height:130%;
}
* html #portfolio_menu a:link, #portfolio_menu a:active, #portfolio_menu a:visited  {
   line-height:127%;
}
* html #portfolio_menu a:hover {
   line-height:127%;
}
.portfolio_company h3 a:link, .portfolio_company h3 a:visited, .portfolio_company h3 a:active {
   font:bold 17px Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration:none;
}
.portfolio_company h3 a:hover {
   font:bold 17px Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration:underline;
}
#portfolio_title h1 {
   width:300px;
   height:75px;
   clear:both;
   margin:18px 0 0 0;
   padding:0 5px 0 0;
   background:#B91320;
   float:right;
   font:normal 32px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#fff;   
   letter-spacing:1px;
   text-align:right;
}
.full_presentation {
   float:right;
   font:normal 11px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#fff;   
}
#portfolio_image {
   background:#fff;
   height:325px;
   clear:both;
}
#portfolio_image h2 {
   clear:both;
   padding:15px 0 0 15px;
   margin:0;
   font:normal 25px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#B91320;   
}
#portfolio_image span {
   clear:both;
   padding:0 0 15px 15px;
   margin:0;
   font:normal 14px 'Trebuchet ms',Arial, Verdana, sans-serif;
   color:#B91320;      
}
#portfolio_image p {
   clear:both;
   padding:20px 15px 0 15px;
   margin:0;
   font:normal 14px Arial, Verdana, sans-serif;
   color:#000;
}
#portfolio_team {
   clear:both;
   font:normal 13px Arial, Verdana, sans-serif;
   color:#fff;
   font-style:italic;
   padding:16px 0 0 10px;
}
#arrows {
   clear:both;
   text-align:center;
   margin:7px 0 0 0;
}








/*******
      -MENU
      **/
#menu {
   margin:43px 0 0 0; padding: 0; 
   width: 512px;
   float:right;
   /*border:1px solid blue;*/
}
#menu ul {
   background:#fff;
   /*float: left;*/
   list-style: none;
   padding:0; margin:0;
   width: 530px; 
   /*border:1px solid black;*/
}
#menu ul li {
   display: inline;
}
#menu ul li a {
   font:bold 12px arial, verdana, sans-serif; 
   float: left;
   padding: 0px 13px 0px 13px;
   text-decoration: none;
   line-height: 17px;
   border-right:1px solid #000;
   color: #000;
   background-color: transparent;
   letter-spacing:0px;
}
#menu ul li a:hover {
   background: url(../images/bg_menu_on.gif);
   text-decoration: none;
   color:#B91320;
}
#menu .noborder {  
   border:0;
}

#menu_shop {
   margin:43px 0 0 0; padding: 0; 
   width: 150px;
   float:right;
   /*border:1px solid blue;*/
}
#menu_shop ul {
   background:#fff;
   float: left;
   list-style: none;
   padding:0; margin:0;
   width: 500px; 
   /*border:1px solid yellow;*/
}
#menu_shop ul li {
   display: inline;
}
#menu_shop ul li a {
   font:bold 12px arial, verdana, sans-serif; 
   float: left;
   padding: 0px 13px 0px 13px;
   text-decoration: none;
   line-height: 17px;
   border-right:1px solid #000;
   color: #000;
   background-color: transparent;
   letter-spacing:0px;
}
#menu_shop ul li a:hover {
   background: url(../images/bg_menu_on.gif);
   text-decoration: none;
   color:#B91320;
}
#menu_shop .noborder {  
   border:0;
}
/********
      - SHOP
*******/

#shop_left{
   float: left;
   /*border: 1px dashed black;*/
   width: 40%;
   margin-left: 3%;
}

#shop_video{
   /*border: 1px solid black;*/
   background-color: #af121e;
   padding-top : 15px;
   /*padding-bottom: 15px;*/
   width: 300px;
   margin: auto;
   margin-top : 18%;
}

#shop_video p{
   color : white;
   margin : 0;
   font : 14px, Arial;
   /*font-weight: bold;*/
}

#shop_right{
   float: left;
   /*border: 1px dashed blue;*/
   width: 50%;
   padding-top : 2%;
}

/*#shop_right h1{
   display: block;
   float: left;
   margin: 0;
   color: white;
}*/

#shop_right pre font{
   color : #fafafa;
   font: 25px, Arial;
   font-weight: bold;
}

#shop_right pre{
   color: #fafafa;
   font: 15px/20px, Arial;
   margin-left: 4%;
   margin-right: 4%;
   margin-top : 10%;
}

.spacer{
   clear: both;
}

#shop_button{
   width : 20%;
   float: right;
   margin-right: 3%;
   margin-top  : 2%;
   /*border: 1px solid white;*/
}

/*#shop_button a{
   font: 20px, Arial;
   color: red;
   background-color: white;
   text-decoration : none;
   font-weight: bold;
   border-radius: 15px 15px;
   -moz-border-radius: 15px;
   padding: 5px;
}*/