/* 

CUSTOM STYLESHEET

Add your custom styles here instead of style.css so it is easier to 
update the template. Simply copy an existing style from style.css to 
this file, and modify it to your liking. 

*/

.leftmenu 
{
    
    width:100%;
        
}
.contentcenter 
{
    float:left;
    width:100%;  
    
    margin-top:0px;
}




.cboth {clear:both;}


#leftmenudisplay {
    border-top:4px solid #C4E3FF;
    border-bottom:1px solid #C4E3FF;
    margin-top:18px;
    background-color:#E1F1FF;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.1, rgb(225,241,255)),
        color-stop(0.8, rgb(245,250,255))
    );
    background: -moz-linear-gradient(
        center bottom,
        rgb(225,241,255) 10%,
        rgb(245,250,255) 80%
    );
    height:45px;
}
#leftmenudisplay header, #leftmenudisplay dl{
    padding:5px 5px 0;
    margin: 0;
}
#leftmenudisplay h3  {
    color:#555;
    font-size:13px;
    margin: 0;
}

#leftmenudisplay dl dt {
    height:40px;
    margin-top:2px;
    width:26px;
}
#leftmenudisplay dd {
    color:#828282;
    font-size:11px;
    margin-left:10px;
    padding-bottom:4px;
}
#leftmenudisplay dd.last {
    margin-bottom:10px;
}
#leftmenudisplay dd a {
    font-size:12px;
    font-weight:700;
}
#leftmenudisplay dd a:hover, #leftmenudisplay dd a:active, #leftmenudisplay dd a:focus {
    background-color: #2A7AD2;
    color:#fff;
    border-color: #2A7AD2;
}

.titrecolor
{
    color:#2A7AD2;
}

.dleft
{
    float:left;
}

.tooltip
{
  position: relative;
  background: #eaeaea;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
}

.tooltip span
{
  visibility: hidden;
  position: absolute; 
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;                     
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  -moz-border-radius: 4px;
  border-radius: 4px;  
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  
  text-shadow: 0 1px 0 rgba(255,255,255,.4); 
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover span
{
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;  
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0;  
}

.tooltip span:before
{
  border-top-color: #ccc;
  bottom: -8px;
}
.cadrerecherche
{
  box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.75);  
}