html {  
  font-family: Arial, Helvetica, sans-serif;
}

body {  
  background-color: #0c2635;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

img {  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}

#header {  
  width: 960px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  padding-top: 40px;  
  padding-right: 0px;  
  padding-bottom: 40px;  
  padding-left: 0px;  
  position: relative;
}

#logo {  
  display: block;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 35px;  
  padding-left: 20px;
}

.logoBlanc {  
  color: white;
}

.logoBleu {  
  color: #419be8;
}

.sloganBlanc {  
  color: white;
}

#navigation {  
  float: left;  
  background-color: transparent;  
  background-image: url("../images/bg-menu-left-curve.gif");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: left bottom;  
  height: 47px;  
  padding-top: 13px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 4px;  
  position: absolute;  
  bottom: -20px;  
  left: 0px;
}

#navigation ul {  
  background-color: transparent;  
  background-image: url("../images/bg-menu.gif");  
  background-repeat: repeat-x;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  display: inline-block;  
  height: 40px;  
  width: 688px;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 4px;  
  padding-right: 0px;  
  padding-bottom: 3px;  
  padding-left: 0px;
}

#navigation li {  
  float: left;  
  font-size: 16px;  
  line-height: 40px;  
  margin-top: 0px;  
  margin-right: 5px;  
  margin-bottom: 0px;  
  margin-left: 5px;  
  text-align: center;
}

#navigation li.first {  
  margin-left: 0px;
}

#navigation li.selected {  
  background-color: #b7c2c8;
}

#navigation a {  
  color: #092f44;  
  font-weight: bold;  
  padding-top: 0px;  
  padding-right: 10px;  
  padding-bottom: 0px;  
  padding-left: 10px;  
  text-decoration: none;  text-shadow: 1px 1px 0px #eaeaea;
}

#navigation a:hover {  
  color: #0a2d43;
}

#search {  
  /*background-color: transparent;*/  
  background-image: url("../images/bg-search.gif");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: right bottom;  
  position: absolute;  
  bottom: -20px;  
  right: 0px;
}

#google form {  
  display: inline-block;  
  height: 11px;  
  width: 250px;  
  margin-top: 0px;  
  margin-right: 5px;  
  margin-bottom: 5px;  
  margin-left: 5px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}
#freefind form {  
  display: inline-block;  
  height: 11px;  
  width: 241px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 5px;  
  padding-left: 0px;
}
#adbox {  
  background-color: white;  
  height: 340px;  
  padding-top: 20px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  display: block;
}

#adbox p {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

#adbox .body {  
  width: 960px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;
}

#adbox div.astro {  
  margin-top: auto;  
  margin-right: auto;  
  margin-bottom: auto;  
  margin-left: auto;
}

#adbox div.images {  
  float: right;  
  display: inline-block;  
  height: 281px;  
  width: 710px;  
  overflow: hidden;
}

#adbox div.images img.preview {  
  float: left;  
  margin-right: 2px;
}

#adbox div.images img.last {  
  position: relative;  
  top: -2px;
}

#adbox .details {  
  color: #2f2f2f;  
  height: 200px;  
  width: 200px;  
  padding-top: 40px;  
  padding-right: 20px;  
  padding-bottom: 40px;  
  padding-left: 10px;
}

#adbox .details p {  
  color: #646c6f;  
  font-size: 12px;  
  font-weight: bold;  
  line-height: 20px;  
  text-align: justify;
}

#adbox .details p span {  
  color: #073f5a;  
  display: block; 
  font-size: 16px;  
  line-height: 20px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 20px;  
  padding-left: 0px;  
  text-align: center;
}

#adbox .details p span a {  
  color: #073f5a;  
  font-weight: bold;  
  text-decoration: none;
}

#adbox .footer {  
  height: 46px;  
  width: 960px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  position: relative;
}

#adbox div.footer ul {  
  background-color: gainsboro;  
  display: inline-block;  
  width: 960px;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  position: absolute;  
  bottom: -80px;
}

#adbox div.footer ul li {  
  float: left;  
  width: 280px;  
  padding-top: 20px;  
  padding-right: 20px;  
  padding-bottom: 18px;  
  padding-left: 20px;
}

#adbox div.footer ul li img {  
  float: left;  
  margin-right: 10px;
}

#adbox div.footer ul li p {  
  color: #363636;  
  font-size: 14px;  
  height: 88px;  
  line-height: 20px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

#adbox div.footer ul li p a {  
  color: #010101;  
  font-weight: bold;  
  text-decoration: none;
}

#adbox div.footer ul li.selected {  
  background-color: #e9f1f4;  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}

#adbox div.footer ul li.selected p, #adbox div.footer ul li.selected p a {  
  color: #5c6164;
}

#adbox div.footer span.bottom-shadow {  
  background-color: transparent;  
  background-image: url("../images/bottom-shadow.gif");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: left top;  
  display: block;  
  height: 20px;  
  width: 960px;  
  position: absolute;  
  bottom: -100px;
}

#contents {  
  background-color: transparent;  
  background-image: url("../images/bg-content.gif");  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 40px;  
  padding-right: 0px;  
  padding-bottom: 20px;  
  padding-left: 0px;
}

#contents div.body {  
  color: #fdfffa;  
  width: 960px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 20px;  
  margin-left: auto;
}

#main {  
  background-color: #03354e;  
  width: 630px;  
  margin-top: 60px;  
  margin-right: 10px;  
  margin-bottom: 0px;  
  margin-left: 300px;  
  padding-top: 20px;  
  padding-right: 0px;  
  padding-bottom: 20px;  
  padding-left: 20px;
}

#main span, #main p {  
  color: #aeb4b4;  
  font-size: 14px;  
  line-height: 20px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-right: 20px;  
  text-align: justify;
}

#main span {  
  color: #fdfffa;  
  font-size: 16px;
}

#main p a {  
  color: #aeb4b4;  
  font-weight: bold;  
  text-decoration: none;
}

#main span a {  
  color: #fdfffa;  
  font-weight: bold;  
  text-decoration: none;
}

#main ul {  
  display: inline-block;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  height: 355px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#main ul li {  
  float: left;  
  width: 315px;
}

#main ul li a {  
  color: #fdfffa;  
  display: block;  
  height: 114px;  
  margin-top: 0px;  
  margin-right: 40px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  text-decoration: none;
}

#main ul li img {  
  float: left;
}

#main ul li h3 {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  line-height: 25px;  
  padding-top: 35px;
}

#main ul li p {  
  clear: both;  
  padding-top: 6px;  
  padding-right: 40px;  
  padding-bottom: 20px;  
  padding-left: 0px;
}

#sidebar {  
  float: left;  
  width: 270px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 20px;  
  padding-right: 20px;  
  padding-bottom: 0px;  
  padding-left: 10px;
}

#sidebar h3 {  
  font-size: 16px;  
  font-weight: bold;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;
}

#sidebar ul {  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  height: 420px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#sidebar ul li {  
  font-size: 14px;  
  line-height: 20px;  
  padding-bottom: 10px;
}

#sidebar ul li span {  
  color: #456d87;  
  display: block;  
  font-size: 12px;  
  line-height: 20px;  
  margin-bottom: 10px;
}

#sidebar ul li span a {  
  background-color: transparent;  
  background-image: url("../images/bg-comment.gif");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 7px 3px;  
  color: #fffffb;  
  display: inline-block;  
  height: 20px;  
  width: 20px;  
  padding-bottom: 1px;  
  padding-left: 12px;  
  text-decoration: none;
}

#contents .background {  
  background-color: white;  
  line-height: 20px;  
  min-height: 960px;  
  width: 920px;  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  padding-top: 20px;  
  padding-right: 20px;  
  padding-bottom: 20px;  
  padding-left: 20px;
}

#contents div.background h3 {  
  color: #0e2934;  
  margin-top: 20px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;  -epub-text-transform: uppercase;
  text-transform: uppercase;
}

#contents div.background p {  
  color: #646c6f;  
  font-size: 14px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 20px;  
  padding-left: 0px;  
  text-align: justify;
}

#contents div.background p a {  
  color: #0e2934;  
  font-weight: bold;  
  text-decoration: none;
}

#contents div.background p b {  
  display: block;  
  margin-top: 20px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;  -epub-text-transform: uppercase;
  text-transform: uppercase;
}

#blogs {  
  display: inline-block;
}

#blogs div.section h3, #blogs div.sidebar h3 {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;  -epub-text-transform: none;
  text-transform: none;
}

#blogs div.section h3 a {  
  color: #0e2934;  
  text-decoration: none ;
}
/* ajout par Max*/
#blogs div.section p a {  
  color: #0e2934;  
  text-decoration: underline ;
}

#blogs div.sidebar {  
  float: right;  
  width: 270px;  
  margin-right: 10px;
}

#contents #blogs div.sidebar ul li a {  
  color: #646c6f;  
  text-decoration: none;
}

#contents #blogs div.sidebar ul li a:hover {  
  color: #0e2934;
}

#contents #blogs div.section ul li {  
  color: #646c6f;  
  text-decoration: none;
}

#contents #blogs div.section ul {  
  color: #646c6f;  
  text-decoration: none;  
  margin-top: -10px;  
  margin-bottom: -10px;
}

#blogs div.posts {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 40px;  
  margin-left: 0px;
}

#blogs div.posts ul {  
  margin-top: 5px;  
  margin-right: 5px;  
  margin-bottom: 5px;  
  margin-left: 5px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 20px;
}

#blogs div.posts ul li {  
  padding-bottom: 10px;
}

#contents #blogs div.archives ul {  
  display: inline-block;
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
  text-align: center;
}

#contents #blogs div.archives ul li {  
  float: left;  
  width: 135px;  
  line-height: 30px;
}

#blogs div.section {  
  margin-right: 300px;
}

#adbox .astro {  
  margin-top: 0px;  
  margin-right: 30px;  
  margin-bottom: 0px;  
  margin-left: 30px;
}

#services p {  
  clear: both;
}

#services img {  
  float: left;  
  margin-top: 0px;  
  margin-right: 40px;  
  margin-bottom: 20px;  
  margin-left: 0px;
}

#services ul {  
  color: #646c6f;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#services ul li {  
  font-size: 14px;  
  line-height: 20px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 20px;  
  padding-left: 0px;  
  text-align: justify;
}

#solutions ul {  
  color: #646c6f;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 15px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#contents #solutions ul li p b {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;
}

#support {  
  padding-top: 20px;  
  padding-right: 30px;  
  padding-bottom: 0px;  
  padding-left: 10px;
}

#support ul {  
  color: #646c6f;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  margin-top: 20px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 20px;  
  padding-bottom: 0px;  
  padding-left: 20px;
}

#support ul li {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 20px;  
  padding-left: 0px;
}

#support ul li img {  
  float: left;  
  margin-right: 20px;
}

#contents #support ul li p {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 116px;
}

#contents #support ul li p b {  
  color: #0e2934;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;
}

#footer {  
  color: #456f7f;  
  line-height: 20px;  
  width: 940px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  padding-top: 20px;  
  padding-right: 10px;  
  padding-bottom: 20px;  
  padding-left: 10px;
}

#footer ul.contacts {  
  float: left;  
  font-size: 16px;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  width: 300px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 10px;  
  padding-left: 0px;
}

#footer ul.contacts b {  
  font-size: 15px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 10px;  
  margin-left: 0px;  -epub-text-transform: uppercase;
  text-transform: uppercase;
}

#footer ul.contacts li span {  
  float: left;  
  width: 50px;
}

#footer ul.contacts li p {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 50px;  
  font-size: 14px;
}

#connect {  
  float: left;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  width: 140px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#connect b {  
  font-size: 15px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 10px;  
  margin-left: 0px;  -epub-text-transform: uppercase;
  text-transform: uppercase;
}

#connect li {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 5px;  
  padding-left: 0px;
}

#connect li a {  
  color: #456f7f;  
  font-size: 14px;  
  text-decoration: none;
}

#newsletter {  
  float: left;  
  width: 500px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 20px;  
  padding-left: 0px;
}

#newsletter p {  
  font-size: 15px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

#newsletter p b {  
  display: block;  
  font-weight: 800;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 10px;  
  margin-left: 0px;  -epub-text-transform: uppercase;
  text-transform: uppercase;
}

#newsletter form {  
  margin-top: 4px;  
  margin-right: 0px;  
  margin-bottom: 16px;  
  margin-left: 0px;
}

#newsletter .txtfield {  
  background-color: transparent;  
  background-image: url("../images/input.gif");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: blue;  
  height: 25px;  
  line-height: 25px;  
  width: 200px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  margin-top: 0px;  
  margin-right: 6px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 10px;  
  padding-bottom: 0px;  
  padding-left: 10px;
}

#newsletter .button {  
  background-color: transparent;  
  background-image: url("../images/button-check.gif");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  cursor: pointer;  
  height: 25px;  
  width: 25px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#footer span.footnote {  
  clear: both;  
  display: block;  
  font-size: 12px;  
  margin-top: 40px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  text-align: center;
}

.popup {  
  color: white;  
  height: 500px;  
  width: 600px;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 20px;  
  padding-left: 10px;  
  font-size: 16px;
}

.tableau {  
  margin-top: auto;  
  margin-right: auto;  
  margin-bottom: auto;  
  margin-left: auto;  
  border-top-width: medium;  
  border-right-width: medium;  
  border-bottom-width: medium;  
  border-left-width: medium;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: black;  
  border-right-color: black;  
  border-bottom-color: black;  
  border-left-color: black;  
  width: 60%;
}

.tableau td, tr {  
  border-top-width: thin;  
  border-right-width: thin;  
  border-bottom-width: thin;  
  border-left-width: thin;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: cornflowerblue;  
  border-right-color: cornflowerblue;  
  border-bottom-color: cornflowerblue;  
  border-left-color: cornflowerblue;  
  width: 60%;
}

#cadre {  
  border-top-width: 2px;  
  border-right-width: 2px;  
  border-bottom-width: 2px;  
  border-left-width: 2px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;
}

#tableau {  
  border-top-width: 3px;  
  border-right-width: 3px;  
  border-bottom-width: 3px;  
  border-left-width: 3px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #3366ff;  
  border-right-color: #3366ff;  
  border-bottom-color: #3366ff;  
  border-left-color: #3366ff;
}

.dossier {  
  width: 600px;  
  background-color: white;  
  margin-left: auto;  
  margin-right: auto;  
  color: #456f7f;  
  text-align: center;
}

.section1 {  
  width: 280px;  
  border-top-style: ridge;  
  border-right-style: ridge;  
  border-bottom-style: ridge;  
  border-left-style: ridge;  
  border-top-color: blue;  
  border-right-color: blue;  
  border-bottom-color: blue;  
  border-left-color: blue;  
  float: left;
}

.section2 {  
  width: 280px;  
  border-top-style: ridge;  
  border-right-style: ridge;  
  border-bottom-style: ridge;  
  border-left-style: ridge;  
  border-top-color: #00cc00;  
  border-right-color: #00cc00;  
  border-bottom-color: #00cc00;  
  border-left-color: #00cc00;  
  float: right;
}

#id1 {  
  border-top-color: #663300;  
  border-right-color: #663300;  
  border-bottom-color: #663300;  
  border-left-color: #663300;  
  border-top-style: dashed;  
  border-right-style: dashed;  
  border-bottom-style: dashed;  
  border-left-style: dashed;  
  text-align: center !important;
}

#txt1 {  
  display: inline;
}

#id2 {  
  text-align: left !important;
}

#cadre1 {  
  border-top-width: medium;  
  border-right-width: medium;  
  border-bottom-width: medium;  
  border-left-width: medium;  
  border-top-style: inset;  
  border-right-style: inset;  
  border-bottom-style: inset;  
  border-left-style: inset;  -webkit-border-radius: 2px 2px 2px 2px / 0px 0px 0px 0px;
  border-radius: 2px 2px 2px 2px / 0px 0px 0px 0px;  
  border-top-color: #663300;  
  border-right-color: #663300;  
  border-bottom-color: #663300;  
  border-left-color: #663300;  
  padding-top: 5px !important;  
  padding-right: 5px !important;  
  padding-bottom: 5px !important;  
  padding-left: 5px !important;  
  background-color: #ffff99;
}

.legaltxt1 {  
  border-top-width: medium;  
  border-right-width: medium;  
  border-bottom-width: medium;  
  border-left-width: medium;  
  border-top-style: inset;  
  border-right-style: inset;  
  border-bottom-style: inset;  
  border-left-style: inset;  -webkit-border-radius: 2px 2px 2px 2px / 0px 0px 0px 0px;
  border-radius: 2px 2px 2px 2px / 0px 0px 0px 0px;  
  border-top-color: #663300;  
  border-right-color: #663300;  
  border-bottom-color: #663300;  
  border-left-color: #663300;  
  padding-top: 5px !important;  
  padding-right: 5px !important;  
  padding-bottom: 5px !important;  
  padding-left: 5px !important;  
  background-color: #ffff99;
}

.legaltxt2 {  
  border-top-width: medium;  
  border-right-width: medium;  
  border-bottom-width: medium;  
  border-left-width: medium;  
  border-top-style: inset;  
  border-right-style: inset;  
  border-bottom-style: inset;  
  border-left-style: inset;  -webkit-border-radius: 2px 2px 2px 2px / 0px 0px 0px 0px;
  border-radius: 2px 2px 2px 2px / 0px 0px 0px 0px;  
  border-top-color: #0000ff;  
  border-right-color: #0000ff;  
  border-bottom-color: #0000ff;  
  border-left-color: #0000ff;  
  padding-top: 5px !important;  
  padding-right: 5px !important;  
  padding-bottom: 5px !important;  
  padding-left: 5px !important;  
  background-color: #ccccff;
}

#articles {  
  line-height: 32px;
}

#scrollTop, #scrollTop .level-2 {  
  background-color: transparent;  
  background-image: url("rocket_up.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0px 0px;
}

#scrollTop div {  
  left: 0px;  
  overflow: hidden;  
  position: absolute;  
  top: 0px;  
  width: 149px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#scrollTop .level-2 {  
  background-position: -149px 0px;  
  display: none;  
  height: 180px;  -webkit-opacity: 0;
  opacity: 0;  
  z-index: 1;
}

#scrollTop .level-3 {  
  background-color: transparent;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  cursor: pointer;  
  display: block;  
  height: 180px;  
  z-index: 2;
}

#scrollTop {  
  cursor: pointer;  
  display: block;  
  height: 180px;  
  overflow: hidden;  
  position: fixed;  
  right: -42px;  
  top: 80%;  
  width: 149px;  
  z-index: 11;  
  margin-top: -124px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#t1 {  
  padding-top: 2px;  
  padding-right: 2px;  
  padding-bottom: 2px;  
  padding-left: 2px;
}

thead {  
  border-top-color: #993300;  
  border-right-color: #993300;  
  border-bottom-color: #993300;  
  border-left-color: #993300;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  background-color: #ffcc66;
}

#bgcorps {
}

.section {  
  width: 620px;  
  /* background-image: url("../images/Tuto2bdg.png");  */ 
  visibility: visible;
}

.sectionrgpd {  
  width: 820px;  
  margin-left: auto;  
  visibility: visible;
}

.sectionCP {  
  width: 900px;  
  padding-left:10px;
  margin-left: auto; 
  margin-right:auto;
  visibility: visible;
}
#titre1 {  
  font-size: x-large;  
  font-variant: small-caps;
}

img.displayed {  
  display: block;  
  margin-left: auto;  
  margin-right: auto;
}

#colfond {  
  background-color: #33ccff;  
  width: auto;
}

tbody {  
  background-color: #gainsboro;
}

tr {
}
/* Lien externe avec fleche */
a[href^="https://"] {
    background: url(../images/external.png) center right no-repeat;
    padding-right: 23px;
	text-decoration: underline ;
}
/* Lien interne sans fleche */
a[href^="https://www.bulletindegestion.eu"]  {
    background: none;
    padding-right: 0;
}
/* Lien externe sans fleche */
a[href^="https://www.freefind.com"]  {
    background: none;
    padding-right: 0;
	text-decoration: none ;
}
/* Lien telechargement avec icone PDF après */
a.pdf1:after {
  content: ' *' url(../images/pdf-icon.png);
}
/* Lien telechargement avec icone PDF Avant */
a.pdf2:before {
  content: url(../images/pdf-icon.png) ' * ';
}
a[href^="https://www.printfriendly.com"]  {
    background: none;
    padding-right: 0;
}
/*masque le champ remarque du formulaire de contact by max */
.remarque {
	display:none;
}
/* affichage d'une bulle d'information */
/* présentation simple*/
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:25em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}
/* affichage d'une bulle d'information 2 */
/* présentation du texte améliorée*/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 370px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/* modification curseur pour ouverture fermeture sur summary*/
.aide{
	  cursor:help;font-weight: bold;color: #0000ff;
}
.hand{
      cursor:pointer;font-weight: bold;color: #0000ff;
}
details > summary {
  margin-top:12px;
  margin-bottom:12px;
  padding: 4px;
  width: auto; 
  background-color: #6699cc;
  font-weight: bold;color: #0000ff;
  border: none;
  box-shadow: 1px 1px 2px #bbbbbb;
  cursor: pointer;
}

details > p {
  background-color: #ffffcc;
  width: auto;
  margin: 10px;;
  padding: 1em;
  box-shadow: 1px 1px 2px #bbbbbb;
}
details > ul {
  background-color: #ffffcc;
  width: auto;
  margin: 10px;;
  padding: 1em;
  box-shadow: 1px 1px 2px #bbbbbb;
}