/* CSS Document */
#content section.content { width: 980px; float: none; }

#retourGP {
  display: block;
  height: 18px;
  padding-left: 25px;
  position: absolute; left: 340px; top: 20px;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 18px;
  font-weight: 600; /* semibold */
  text-transform: uppercase;
  color: #304594;
  text-decoration: none;
  background-image: url(/lae/public1.0/img/site/picto-retour.jpg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  z-index: 2000;
}
#retourGP:hover {
  text-decoration: underline;
}

#content section.content {
  padding-top: 0;
}

#content article {
  margin: 0; padding: 0;
  width: 553px; height: 580px;
  float: left;
  position: relative;
}
#content article figure {
  position: absolute;
  top: 0; right: 0;
  z-index: 0;
  width: 100%; height: 100%;
  overflow: hidden;
}
#content article figure img { float: right; }
#content article figure figcaption {
  display: none;
}
#content article h2,
#content article p,
#content article ul {
  position: relative;
  z-index: 10;
}
#content article h2 {
  margin: 0;
  font-family: 'Open Sans', arial;
  font-size: 40px; line-height: 40px;
  font-weight: 300;
  color: #384491;
  padding-top: 50px;
  padding-bottom: 30px;
}
#content article p {
  margin: 0;
  margin-bottom: 15px;
  font-family: 'Open Sans', arial;
  font-size: 18px; line-height: 18px;
  font-weight: 300;
  color: #384491;
}
#content article p strong {
  font-weight: 600;
  color: #384491;
}
#content article ul {
  margin: 0;
  padding: 0;
}
#content article ul li {
  margin: 0;
  padding: 0;
  padding-left: 15px;
  list-style: none;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 13px;
  font-weight: 400;
  color: #707070;
  margin-bottom: 15px;
  background-image: url(/lae/public1.0/img/site/puce-violet.png);
  background-repeat: no-repeat;
}

#content a.bouton,
#content section form input.bouton {
  display: block;
  width: 183px;
  height: 27px !important;
  line-height: 27px;
  background-image: url(/lae/public1.0/img/site/fd-btn-violet.jpg);
  background-repeat: no-repeat;
  font-family: 'Open Sans', arial;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff !important;
  text-transform: uppercase;
  text-align: center;
  box-shadow: none;
  text-decoration:none !important;
}
#content a.bouton {
  /*margin-top: 70px;*/
  margin-left:97px;
}


#content div.forms {
  background-color: #7b88dc;
  float: left;
  width: 377px;
  height: 580px;
  padding: 0 25px;
}
#content div.forms h3 {
  margin: 0;
  font-family: 'Open Sans', arial;
  font-size: 25px; line-height: 28px;
  font-weight: 600;
  color: #ffffff;
  padding-top: 25px;
  padding-left: 50px;
}
#content div.forms h3.login {
  background-image: url(/lae/public1.0/img/site/p-big-cadena.png);
  background-repeat: no-repeat;
  background-position: 0 30px;
}
#content div.forms h3.inscription {
  background-image: url(/lae/public1.0/img/site/p-user.png);
  background-repeat: no-repeat;
  background-position: 0 27px;
  padding-left:52px;
}
#content div.forms p {
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 18px;
  font-weight: 400;
  color: #ffffff;
}
#content div.forms form label {
  display: block;
  width:160px;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 18px;
  font-weight: 400;
  color: #ffffff;
  padding-right: 5px;
}
#content div.forms form label.large {
  padding-right: 0;
  width: auto;
  font-size:12px;
  
}
#content div.forms form td {
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 18px;
  font-weight: 400;
  color: #ffffff;
}
#content div.forms form input,
#content div.forms form select {
  max-width: 200px;
  border: none;
  background-color: #d8dcf3;
  margin-bottom:2px;
}
#content div.forms form select {
  width: 200px;
  padding: 2px 5px;
  font-size:13px;
}
#content div.forms p a,
#content div.forms label a {
  color: #2d2d6e;
  text-decoration: underline;
}
#accepterCGU { float: left; margin-right: 5px; margin-top: 4px; }
#newsletter { float: left; margin-right: 5px; margin-top: 4px; }

#content section div.messageok p {
  border-left: 13px solid #779721;
  background-color: #fdf7f7;
  margin: 20px 0;
  padding: 15px 20px;  
  font-size: 14px;
  font-weight: 600;
  color: #779721;
} 
#content section div.alerte p {
  border-left: 13px solid #d9534f;
  background-color: #fdf7f7;
  margin: 20px 0;
  padding: 15px 20px;  
  font-size: 14px;
  font-weight: 600;
  color: #d9534f;
}