/***** Global Settings *****/

html, body {
font-size: 100.01%;
border:0;
margin:0;
padding:0;
}

body {
font:62.5% Arial, Helvetica, sans-serif;
}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}

h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}

h3 {
font-size:1.1em;
font-weight:bold;
}

h4, h5, h6{
font-size:1em;
font-weight:normal;
}


/***** Common Formatting *****/

p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}

ul, ol {
padding:0 0 1.25em 2.5em;
}

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a,
a:link,
a:visited,
a:hover {
text-decoration:none;
}

/***** Forms *****/

form {
margin:0;
padding:0;
}

input, select, textarea {
font:12px Arial, Helvetica, sans-serif;
}


textarea {
width:100%;
line-height:1.25;
}

label {
cursor:pointer;
font-size: 12px;
}

/***** Tables *****/

table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}

table tr td {
padding:2px;
}

/***** Wrapper *****/

#wrap {
width:960px;
margin:0 auto;
}

/***** Global Classes *****/

.fontSizeUp { font-size: 110%; }

.underline_a a{ text-decoration: underline; }
.no_underline_a a{ text-decoration: none; }
.no_underline { text-decoration: none; }

.border-debug{ border: 1px solid #f00;}
.pointer { cursor: pointer; }

.float-left    { float:left; }
.float-right   { float:right; }

.width100 { width: 100%; }
.width75 { width: 74.9%; }

.width50 { width: 49.9%; }
.width25 { width: 24.9%; }


.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.div-center    { margin: 0 auto;}
.display-block { display:block;}

.margin-none{ margin:0; }

.margin-top3{  margin-top:2px;}
.margin-top5{  margin-top:5px;}
.margin-top10{ margin-top:10px;}
.margin-top15{ margin-top:15px;}
.margin-top20{ margin-top:20px;}

.margin-bottom5{ margin-bottom:5px;}
.margin-bottom10{ margin-bottom:10px;}
.margin-bottom20{ margin-bottom:20px;}

.margin-left5 { margin-left:5px;}
.margin-left10{ margin-left:10px;}
.margin-left20{ margin-left:20px;}

.margin-right5 { margin-right:5px;}
.margin-right10{ margin-right:10px;}
.margin-right20{ margin-right:20px;}

.padding-none{ padding:0; }

.padding-top5 { padding-top:5px;}
.padding-top10{ padding-top:10px;}
.padding-top20{ padding-top:20px;}

.padding-bottom5 { padding-bottom:5px;}
.padding-bottom10{ padding-bottom:10px;}
.padding-bottom20{ padding-bottom:20px;}

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px;margin:0 auto; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }/* CSS Document */

.overflow-hidden {overflow:hidden;}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear           { clear:both; }
.clear-left      { clear:left; }
.clear-right     { clear:right; }

hr.clear         { clear:both;  color: white; background-color: white; height: 1px; visibility: hidden; }
hr.clear-left    { clear:left;  color: white; background-color: white; height: 1px; visibility: hidden; }
hr.clear-right   { clear:right; color: white; background-color: white; height: 1px; visibility: hidden; }

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  line-height: 0.1em;
  visibility: hidden;
  height: 0.1px;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}


/* =========================== */
/* = init systheme de column = */
/* =========================== */
/* pour content-browse.phtml*/

/* Column >> Global
----------------------------------------------------------------------------------------------------*/


.col {
  display:inline;
  float: left;
  margin-left:  5px;
  margin-right: 5px;
  font-size: 12px;
}
/* Column >> Children
----------------------------------------------------------------------------------------------------*/

.first {
  margin-left: 0;
}

.last {
  margin-right: 0;
}
/* Column >> size
----------------------------------------------------------------------------------------------------*/

#colB .col.size_1 {
  width:150px;
}

#colB .col.size_2 {
  width:590px;
}

.col.size_1 {
  width:33%;
}

.col.size_2 {
  width:65%;
  _width:64.5%;
  margin-right:0;
}