/* ------------------------------------------------------------------------------------------------------- */
/* THE USUAL RESET */
/* ------------------------------------------------------------------------------------------------------- */
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,big,small { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

img { border: 0; }
.wrap { clear: both; display: block; }
.clear { clear: both; visibility: hidden; }



/* ------------------------------------------------------------------------------------------------------- */
/* GENERAL */
/* ------------------------------------------------------------------------------------------------------- */
html, body { background-color: #fff; }

/* Width */
.master { clear: both; width: 950px; margin: 30px auto; background: white; }



/* ------------------------------------------------------------------------------------------------------- */
/* FONTS */
/* ------------------------------------------------------------------------------------------------------- */

/* Families */
html, body { font-family: Myriad Pro, Myriad Web, Lucida Grande, Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif; font-size: 100.01%; line-height: 1.5em; color: #000; }
h1, h2, h3 { font-weight: normal; font-style: italic; color: #005AA8; text-transform: none; }

/* Sizes */
h1 { font-size: 1.6em; }
h2 { font-size: 1.2em; }
em, small, .img-caption, .legal { font-size: 0.8em; line-height: 1.2em;  }



/* ------------------------------------------------------------------------------------------------------- */
/* FIRST PART */
/* ------------------------------------------------------------------------------------------------------- */
/* Typography */
p { color: #000; }
h1 { font-weight: normal; margin-top: 2em;; }
h2 {  }
h3 {  }
big {  }
small {  }
.img-caption, p.legal { color: #aaa; }
strong { font-weight: bold; }
b {  }
em { font-style: italic; color: #003554; }
i {  }
u {  }
hr { visibility: hidden; }

/* General Links */
a { color: #003554; background-color: #fffdd1; text-decoration: underline; }
a:hover { color: #005AA8; }

.top a, .top a:hover { text-decoration: none; }
.legal a, .legal a:hover { color: #aaa; font-weight: normal; }


.top { width: 100%; height: 105px; background-color: #003557; border-top: 5px solid #005AA9; text-align: center; clear: both; margin-bottom: 70px; }
.top img { margin-top: 40px; }

.intro { font-size: 1.8em; line-height: 1.2em; padding: 20px; color: white; background: url('../img/background-phrase.gif'); }

.cl-left, .cl-right { width: 460px; margin-bottom: 70px; }
.cl-left { float: left; }
.cl-right { float: right; }





/* ------------------------------------------------------------------------------------------------------- */
/* Overrides */
/* ------------------------------------------------------------------------------------------------------- */
.cl { float: left; }
.cl-end, .last { margin-right: 0px; border-right: 0px; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {  padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }