/* -----------------------------------------------------------------------

   BlueTripCSS Framework
   
   Mike Crittenden
   mike@capsizedesigns.com
   Copyright 2008 Mike Crittenden
   
   License - MIT or GPL (whichever suits you better)

----------------------------------------------------------------------- */

/* MEYER RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;font-size: 12px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* BASIC TYPOGRAPHY */
html { font-size: 62.5%; font-family: arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
dfn {font-weight:bold;}
del { text-decoration: line-through; color: #666; }
small, sup, sub { font-size: 85%; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; }
sup { vertical-align: super; text-decoration:line-through; }
sub { vertical-align: sub; }
textarea { font-family: arial, sans-serif; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }


/* --------------------------------------------------------------------------------------------- */
/*  =Formulaires
------------------------------------------------------------------------------------------------ */
#main form p {z-index:9;width: 610px;clear: left;margin: 0;padding: 5px 0 8px 0;padding-left: 0; /*width of left column containing the label elements*/height: 1%;position:relative;}
#main form label {font-weight: bold;float: left;margin-left: 0; /*width of left column*/width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/padding-left:20px;}
#main form.text input{width: 180px;}
#main form textarea {width: 500px;height: 150px;}
#main form p.error,
#main form span.error {border:0;background:none; -moz-border-radius: 0;-webkit-border-radius: 0;-khtml-border-radius: 0;border-radius: 0;}
.js-enabled #main form span.error {position:absolute;}
#main form span.error {position:relative;left:0;top:0;padding:0;padding-left:20px;background:#fee url(/css/img/icons/warn.gif) 0 0 no-repeat;font-size:11px;font-weight:bold;width:auto;}
#main form .error label, 
#main form .error input, 
#main form .error textarea {color:#C90209;}
#main form .textarea span.error {left:0;top:30px;width:140px;}

#main form .check p.error {padding:0;}
#main p.champs-obligatoires {width: 95%;clear:both;font-size:10px;margin:0;padding:0 0 0 15px;position:relative;z-index:1;border:0;font-style:italic;}
#main .confidentialite {font-style:italic;clear:none;color:#666666;float:left;font-size:12px;}
.help {float:none;position:relative;padding:3px 0 3px 20px; background:url(img/icons/help.png) 0 2px no-repeat;cursor:pointer;font-size:10px;}

#main form p.error_form .error{position:absolute;right:4px;top:-10px;z-index:2;background:#AC121E url(/css/img/form-error-arrow.gif) 97% 5px no-repeat ;color:#fff;padding:1px 4px;padding-right:12px;}

#main form .reset, 
#main form .submit{padding:0 0 0 165px;}
#main form .reset input, 
#main form .submit input {display:none;}
#main .bt a,  
#main form button {border:0;display: inline;padding: 5px 10px 5px; color: #fff; text-decoration: none;-moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor:pointer;float:right;margin-right:0;}
#main .bt a:hover, 


/*#main form p.current{background:url(img/theme-1/form-current.gif) 3px 8px no-repeat;}*/


/* BASE SIZES */

.wrapper { line-height: 1.3; }
#content{ line-height: 1.3em; }
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

/* LISTS */

ul {list-style-type:none;float:left;}
ul li { margin-left: 0; }
ol { list-style-position: outside; list-style-type: decimal; }

/* MARGINS & PADDINGS */

blockquote *:first-child { margin: .8em 0; }
hr,
p,
ul,
ol,
dl,
pre,
blockquote,
address,
table,
form { margin-bottom: 0.2em; }
h1 { margin: 1em 0 .5em;  }
h2 { margin: 0.5em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
caption { padding-bottom: .2em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
select { padding:0; }
option { padding: 0 0; }
a { position: relative; padding: 0; } /* for larger click-area */
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, 
ul ol { margin-left: 2.5em; }


/* LAYOUT GRID */
hr {display:none;}
.hr {height:0px;clear:both;}


a.button, 
button {
  display: block;
  float: left;
  margin:0 0.3em 0.3em 0;
  padding:2px 10px 5px 7px;   /* Links */
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
}

button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button img, 
a.button img{
  margin:0 3px -3px 0 !important;  padding:0;  border:none;  width:16px;  height:16px;  float:none;}

  
/* ------------------------------------------------------------------------------------------------------ */
/*  =content blocs (gestion contenus)
--------------------------------------------------------------------------------------------------------- */
.rich-text {clear:both;}
.center {width:100%;text-align:center;margin-left:0;margin-right:0;}
.center a{display:inline;}
.left {float: left; margin: 0 1em 1em 0; padding: 0;position:relative;z-index:10;}
.right {float: right; margin: 0 0 1em 1em; padding: 0;position:relative;z-index:10;}

.gallery {float:left;clear:both;width:100%;}
.gallery .image{float:left;padding:5px 12px;width:135px;height:140px;}
.gallery .image p{text-align:center;font-size:11px;margin:0 0 0 -12px;}

/* ------------------------------------------------------------------------------------------------ */
/* Success, error & notice boxes for messages and errors.
--------------------------------------------------------------------------------------------------- */
.error, 
.error_list,
.notice, 
.success, 
.error_unpublished { padding: 10px; padding-left:35px;width:89%;display:block;margin: 0.5em 0 0.5em 10px; border: 2px solid #ddd;clear:both; -moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}
.error ul  { margin: 0; }
ul.error_list, .recovery-pwd .success {margin: 10px 5px; }
.recovery-pwd .success{ background: #fff url(/css/img/icons/success.gif) 0 50% no-repeat; color: #529214; border-color: #C6D880; }
.recovery-pwd ul.error_list{ background: #fff url(/css/img/icons/error.gif) 0 3px no-repeat; color: #D12F19; border-color: #FBC2C4;}
/*.date {font-size:15px;font-weight:bold;}*/



/* ------------------------------------------------------------------------------------------------------ */
/*  =downloads
--------------------------------------------------------------------------------------------------------- */
.downloads {padding:0;margin:0;width:100%;clear:both;}
p.downloads {padding:0;margin:0 0 5px 0;width:100%;clear:both;}
.downloads li {margin:5px 0 3px 0;width:98%;padding:2px 5px;}
.downloads li span{color:#888279;font-weight:bold;}
.downloads ul ul{margin:0;}
.downloads a{cursor:pointer;padding:3px 0 3px 20px;background:transparent url(/css/img/icons/download-file.gif) 0 0 no-repeat;}
.downloads a.pdf {background:transparent url(/css/img/icons/page_white_acrobat.png) 0 2px no-repeat;}
.downloads a.doc {background:transparent url(/css/img/icons/page_white_word.png) 0 2px no-repeat;}
.downloads a.xls {background:transparent url(/css/img/icons/page_white_excel.png) 0 2px no-repeat;}
.downloads a.ppt {background:transparent url(/css/img/icons/page_white_powerpoint.png) 0 2px no-repeat;}
.downloads a.txt {background:transparent url(/css/img/icons/page_white.png) 0 2px no-repeat;}
.downloads a.print {background:transparent url(/css/img/icons/print.png) 0 2px no-repeat;}


/* ------------------------------------------------------------------------------------------------------ */
/* =direct-access
--------------------------------------------------------------------------------------------------------- */
/*#direct-access{position:relative;width:967px;height:28px;left:-480px;top:0;z-index:5;text-align:center;overflow:hidden;margin:0 0 0 50%;}
#direct-access h2{position:absolute;top:-5000px;left:-5000px;text-indent:-5000px;color:#000}
#direct-access ul{height:24px;padding-top:2px;}
#direct-access li{display:inline;}
#direct-access li span{padding:0 0 0 2px}
#direct-access li a{font-size:14px;font-weight:700;text-decoration:none;}
#direct-access li a:hover{text-decoration:underline;}*/
/* js enabled */
.js-enabled #direct-access {position:absolute;}
.js-enabled #direct-access h2{position:absolute;overflow:hidden;top:0;left:0;margin-left:0;width:21px;height:23px;text-indent:-5000px;cursor:pointer;}


/* ------------------------------------------------------------------------------------------------------ */
/* =adresse
--------------------------------------------------------------------------------------------------------- */
 .vcard h2{position:absolute;top:-5000px;left:-5000px;text-indent:5000px}