/*
 *  File:         style.css
 *  Description:  Lagon Courtage style sheet
 *  Author:       r8m
 *  Created:      23 Mai 2012
 *  Copyright 2012 Mike R. Tous droits r�serv�s.
 *
 * ***************************************************************************
 */

/* GENERAL
------------*/
html,body{
  height:100%;
  margin:0;
  padding:0;
  }
body{font: 76% Arial, sans-serif; text-align:center;}

/* POLICE
-------------*/
ul, p{margin:0 10px 0 10px; color:#333333; font-family:Verdana, sans-serif;}
a{color: #222; padding:0px;}
a.none{text-decoration: none;padding:0px;}
div#header h1, h2{margin:0; padding:0; color:#333;}
h3{margin:20px 0 0px 0;padding:0;font-size:12pt;text-transform:uppercase;}

div#content p{font-size:12pt;line-height:1.4;}

img, a img{border:none;}

/* BLOC DISPO
------------------*/
.clear{clear:both; height:0; overflow: hidden;}
#around {
 min-height: 100%;
 margin-bottom: -100px;
 position: relative;
 background-color:#fff; /* on met le contenu du site en vert pour le rep�rer */
}

div#header{
  position:relative; padding:20px 0 0 0; /*background:#eee;*/
  }

div#container{
  width:990px; margin:0 auto;
  background:#fff; text-align:left;
  }
div#content{
  float:right; width:650px; margin-top:20px; margin-bottom:25px;/*background:#eee;*/
  }
div#sideleft{
  float:left; width:300px; margin-top:20px; margin-bottom:25px; margin-left:25px;
  }
div#extra{
  clear:both; width:100%;
  /*background:#FF8539;*/
  }

/* STICKY FOOTER
------------------*/
.clearfooter {
height: 100px;
clear: both;
}
#footer {
height: 100px;
position: relative;
background-color:#E8E8E8; /* on met le footer en rouge pour le rep�rer */
text-align:left;
border-top:8px solid #EB3D00;
}

/* CUSTOM
-------------*/
#logo{float:left;}
#logo a{
  display:block; margin:0 48px 0 10px; padding:0; width:180px; height:122px;
  background:#fff;
  }
/* MENU
----------*/
.wrpMenu{margin-top:30px; overflow:hidden;}
.menu{
  margin:0 0 0 150px; padding:0; list-style:none;
  float:left; margin-right:20px; padding-bottom:5px; font-family: 'Play', sans-serif;  line-height:3;
  overflow:hidden; border-bottom:1px solid #000;}
.menu li{
  float:left;
  font-family: 'Play', sans-serif; font-size:14px; text-transform:uppercase;
  }
.menu li a{margin:0 20px; padding:0 0 3px 0; text-decoration:none; border-bottom:8px solid #fff;}
.menu li a:hover{border-bottom:8px solid #EB3D00;}
.menu .first a{margin-left:0px;}
.login{
 display:block; float:right; width: 200px; height: 42px; background:url('images/login.gif') 0 0 no-repeat transparent;
 margin-top:0px;
 text-indent: -9999px;
 z-index:999;
 }

/* BLOC
---------*/
.blocA{position:relative; margin-bottom:10px;}
.slide{clear:both;margin:55px 0 0 10px;height:307px;background:url('images/garantie.jpg') 0 0 no-repeat;}
.orange{background:url('images/orange-bg.png') center bottom no-repeat /*#EB3D00*/;}

.slide p{margin:0 400px 0 31px;font-family:Arial,sans-serif;font-size:14pt;line-height:1.4;}
.orange p, .range {font-family:Tahoma, Verdana, sans-serif; color:#fff; padding:0 10px 10px 10px;}
#extra p, #footer p{padding:10px;}
#footer p{color:#000;}

#tk-footer{width:990px; margin:0 auto;}

.yellowp{color:#FCF000;}
.redp{color:red;}
.bluep{color:#549CD7;}
.blackp{color:#000000;}
.orangep{color:#EC4A1F;}
.greyp{color:#444;}

.title, .wrtyTitle{margin:10px; font-size:22pt;}
.wrtyTitle{margin:0;padding:40px 0 10px 30px;}

.blocA a{color:#2669b2;}
.blocA a:hover{text-decoration:none;}

/* UL */
.range, .bording, #footer ul{margin:0; padding:0; list-style:none;}
.range{padding:20px 0 30px 0; color:#fff; overflow:hidden; }
.range li{
  padding:0 0 0 0px; float:left;  font-family:Arial; font-size:12pt; font-weight:700;
  /*background:url('images/arrow-big.gif') 0 0 no-repeat;*//*background:red;*/
  }
  .range .an{width:180px; margin:0 0 0 100px; }
  .range .km{width:240px; margin:0 0 0 105px;}
  .range .val{width:300px; margin:0 0 0 55px;}
.bording{margin:0 100px 30px 15px; padding-top:5px; border-left:8px solid #5D91CA;font-size:9pt;}
.bording li{padding:0 0 8px 15px;line-height:1.8;}
.ssli{margin:0;padding:0;list-style:none;}
.ssli li{margin:0 0 0 0;padding:0 0 0 15px;background:url('images/bullet-orange-rnd.gif') 0 8px no-repeat;line-height:1.8;}
.ssliTitle{margin:0;padding:0px 0 10px 30px;list-style:none;}
.ssliTitle li{margin:0 0 0 0;padding:0 0 0 15px;background:url('images/bullet-orange-rnd.gif') 0 13px no-repeat;line-height:1.8;font-size:12pt; font-weight:700}
.prem{clear:both;width:960px;margin:0 auto;padding:40px 0 100px 30px;
border:none;background:url('images/keys1.jpg') 10px 10px no-repeat;}
.prem .ssli{margin:0 0 0 20px;padding:0 400px 0 0;font-size:9pt;line-height:1.8;}

.else{clear:both;padding:0  0 50px 40px;}
.else h2{font-size:14pt;}
.else ul{margin:20px 50px;}
.else li{padding-right:200px;}
.contactus{margin:55px 10px 0 0px;background:url('images/keys3.jpg') 10px 0px no-repeat;overflow:hidden;}
.else .title{margin-left:0;}
.contactus .title{padding-top:30px;}
.else p{margin:10px 20px 10px 0;font-size:9pt;line-height:1.8;}

.kavi{float:left;width:400px;/*background:red;*/}
.kava{float:right;margin-right:20px;width:400px;text-align:center;}
.bc{margin-bottom:50px;padding:0 20px 10px 20px;border:1px dotted #bbb;background:#fff;}
.bc h2{margin-top:10px;padding:5px;font-size:12pt;background:#eee;border-left:10px solid #EB3D00;}
.bc h3{margin:10px 0 0 0;padding:0;}
.bc p{margin:0;padding:0; line-height:1.5;color:#666;}

.coord{margin-top:30px;text-align:left;height:250px;background:url('images/coord.jpg') 0 0 no-repeat;}
.coord p{margin:0 0 0 110px;padding:65px 0 0 0;}

.wrty h3{margin:15px 0 0px 10px;padding:8px 0 5px 40px;font-size:9pt;color:#333;background:url('images/check.gif') 8px 0 no-repeat;}
#content .wrty p{margin:0 0 0 10px 0;padding:0 50px 0 40px;font-size:8pt;line-height:1.8;color:#444;text-align:justify;}
.special{height:283px;padding:25px 0 0 15px;background:url('images/test.gif') right 0 no-repeat;}
.special p{font-size:9pt;line-height:1.8;margin-bottom:15px;padding-left:5px;font-weight:700;}
.special a{display:block;margin:0px 0;padding:25px 5px;text-decoration:none;font-size:14pt;font-family:Arial,sans-serif;font-weight:700;color:#549CD7;
background:url('images/special-links.gif') -1px0 0 no-repeat;}
.special a:hover{background-position:-13px -73px;color:#EB3D00;}
.special a span{color:#999;}
.special a:hover span{color:#444;}
#content .wrty .reminder{margin-top:20px;font-size:14pt;font-family:Arial,sans-serif;font-weight:700;text-align:center;text-decoration:underline;}


#footer ul{margin-top:10px;}
#footer ul li{
  float:left; margin:0 0 0 20px; padding:0 0 0 0;
  color:#000; font-size:8pt;
}

/**************************Formulaire de contact ************************/
.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}