html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, form, label{margin:0;padding:0;border:0;outline:0;font-size:100%; /* vertical-align:baseline; */background:transparent;}

html{padding:0;margin:0;background:#eee url(../images/main_bg_gradient.gif) repeat-x top left;}
body{font-family:"Arial Unicode", Arial, sans-serif;font-size:12px;color:#000;line-height:1.4em;margin:0 auto;}
a{color:#065fa3;text-decoration:none;}
p{padding:6px 0;}
h1{font-size:20px;font-weight:normal;line-height:1.3em;padding:13px 0 0 2px;}
h2{font-size:18px;padding:4px 0;font-weight:normal;line-height:1.3em;}
h3{font-size:14px;padding:8px 0 0 10px;font-weight:normal;line-height:1.3em;}
h4{font-size:12px;padding:8px 0 0 10px;font-weight:normal;line-height:1em;}

fieldset 
{
border:1px solid #CBC4CC;
}

#main_div {width:964px; margin:auto; background-color:#FFFFFF; 
padding-left:18px;
padding-right:18px;
}


#footer{text-align:center;padding-top:10px; font-size:12px; width:964px; margin:0 auto;}

.clearfloat { clear:both;  }

.highlight{width:340px;background:#fff url(../images/highlight_blanc.jpg) no-repeat top left;margin:0 5px 0 0;}
.highlight{height:185px;float:left;}
.highlight table thead th div{padding:10px 10px 3px;height:32px; text-align:left;}
.highlight table thead th a{font-weight:bold;font-size:14px;}
.highlight table tfoot td div{padding:3px 35px 0 0;font-size:12px;height:19px;text-align:right;}
.highlight table tfoot td a{font-weight:bold;}
.highlight table tbody td.text{padding:4px 10px 0 10px;font-size:12px;color:#666;}
.highlight table tbody td.text div{height:88px;overflow:hidden;}
.highlight table tbody td.image{width:104px;padding:8px 0 0 10px;}

.highlight:hover
{
background:#fff url(../images/highlight.jpg) no-repeat top left;
}

.en_cours {
background:#fff url(../images/highlight.jpg) no-repeat top left;
}

.vertical
{
background: url(../images/boite_verticale_01.jpg) no-repeat top left;
padding-top: 14px;
width:260px;
}

.vertical_contenu
{
background: url(../images/boite_verticale_02.jpg) no-repeat bottom left;
padding:10px;
padding-bottom:14px;
padding-top:0px;
}

.vertical_contenu:hover
{
background: url(../images/boite_verticale_hover_02.jpg) no-repeat bottom left;
}

.vertical_mini
{
background: url(../images/boite_verticale_mini.jpg) no-repeat bottom left;
height:270px;
width:260px;
}

.vertical_mini:hover
{
background: url(../images/boite_verticale_hover_mini.jpg) no-repeat bottom left;
}

.cadeau
{
padding-top: 14px;
width:250px;
margin:5px;
margin-bottom:15px;
}

.date {
font-size:14px;

}

/* pour le formulaire */
input:focus {
background-color:#EEEEEE;
}
textarea:focus {
background-color:#EEEEEE;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 5%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(5 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmAlertTitle{
  margin:0px;
  min-height:25px;
  color:#FFF;
  background:#0061a4;
}
.jqmAlertTitle h1{
  margin:0px;;
  padding:5px;
  padding-bottom:2px;
  font-size:14px;
  font-weight:bold;
  color:#FFF;
  width:93%;

  float:left;
}

.jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(../images/close_icon_double.png) 0 0 no-repeat;
}
.jqmClose em{display:none;}
 a.jqmClose:hover,d a.jqmCloseHover{ background-position: 0 -20px; }
 
 .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.message, .warning, .error, .globalmessage{padding:5px 30px;margin:4px 0;}
.message, .globalmessage{background:#fff url(../images/icon_message.gif) no-repeat 10px 5px;border:2px solid #009900;}
.message em, .globalmessage em{color:#009900;font-weight:bold;font-style:normal;}

.rouge {
color:#FF0000;
}

.vert {
color:#009900;
}