body  {
  -webkit-text-size-adjust: 100%;
  background-color:#f0e4d9;
  margin:1px 10px;
  text-align:center;
  font-family:"Verdana", "arial", "helvetica";
  font-size:12px;
  color:#FFE531;	
}
.doc  {
  width:750px;	
  height:100%;  
  margin:auto;
}
.top  {
  background-color:#ffffff;
  background-image:url(http://www.alternaute.com/header.jpg);
  background-repeat:no-repeat;
  background-position: center 0px;
  padding:0;
  text-align:left;
}
/* heights */
.top {
  height:153px;
}
.bottom {
    height:20px;
}
/*****/
.left_menu  {
  display:table-cell;
  vertical-align:top;
  width:140px;
  padding:0;
  margin:0;
  border-bottom:none;
  border-right:none;
  background-color:#a8bbb5;
  color:#226144;
  text-align:left;
  font-size:12px;
  display:none;
}
.right_menu  {
  display:table-cell;
  vertical-align:top;  
  width:134px;
  padding:5px;
  background-color:#d0b9a6;
  color:#FFFFFF;
  font-size:12px;
  text-align:left;
  display:none;
}
.content  {
  display: table-cell;
  width:676px;
  /*
  width:476px;
  */
  border:1px solid #FFFFFF;
  border-bottom:none;
  color:#000000;
  background-color:#FFFFFF;
  text-align:left;
  padding:5px;
  font-size:12px;
}
.table {
  display:table;
  margin:auto;
}
.content a:link, .content a:visited {
  color:#0000CC;
  font-weight:normal;
  text-decoration:underline;
}
.content a:hover  {
  color:#003366;
  text-decoration:none;
}
.link_menu {
}
.level1 .on, .link_menu .on, .link_menu .level1on, .link_menu .level2on, .link_menu .level3on, .link_menu .level4on, .link_menu .level5on {
  font-weight:normal;
  color:#000;
  background-color:#ffffff;
}
.link_menu a {
  color:#ffffff	;
  display: block;
  text-decoration:none;
  padding:3px;	
  border-bottom:1px #fff solid;
}
.link_menu .level1 {
  background-color: #9bcf39;
  color: #ffffff;
  font-weight:bold;
}
.link_menu .sim, .link_menu .sim:visited, .link_menu .sim:link, .link_menu .sim:active {
  background-color: yellow;
  color: #000000;
}
.link_menu a:hover  {
  background-color:#ffffff;
  color:#72952f;
}
.link_menu .news {
  background-color:red;
  color:#ffffff;
}
.titre {
  margin:0;
  height:22px;
  background-repeat:no-repeat;
}
.bottom  {
  text-align:center;
  background-color:#d0b9a6;
  color:#FFFFFF;
  padding:2px;
  font-size:12px;
}
.bottom a:link, .bottom a:visited {
  text-decoration:none;
  color:#FFFFFF;
}
.bottom a:hover  {
  text-decoration:underline;
  color:#FFFFFF;
}
.copyright {
  text-align:right;padding-right:3px;
}
h1  {
	font-size:22px;
	color:#000;
	margin:0 0 5px 0; 
}
h2  {
	font-size:15px;
	margin:0px; 
}
img  {
	 border:none;
}
table {
  width:100%;
}
td {
  padding:3px;
  color:#000;   
}
table .header {
  background-color:#9fb591;
  font-weight:bold;
  color: #fff;
  padding:3px;
}
form {
padding:0;margin:0;
}
form label {
padding:3px 0 0 0;margin:0;text-align:right;float:left;width:48%;font-size:12px;
}
form p {
display:inline;padding:0;margin:0;margin-left:15px;float:left;width:48%;font-size:12px;
}
.uni { font-family:Arial;font-size:10px;font-weight:normal; }
.conteneur {
  padding:15px;
  display:inline;
}
.entete {
  border-bottom:1px #9e293d solid;color:#9e293d;font-weight:bold;font-size:14px;
}
.etude {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;	
}
.etude a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color:#333333;
}
.contform1 {
  text-align:center;
}
.contform2 {
  width:468px;text-align:left;margin:auto;
}
.contform2 h2 {
  border: 1px #9e293d solid;padding:5px;background-color:#fdf7bd;
}
.contformint {
  padding:5px;border:1px #000000 solid;border-top:none;
}
.erreur {
  font-family:verdana;padding-top:10px;color:red;font-weight:bold;font-size:12px;
}
.situationfamille {
  width:150px;
}
.nbenfantstexte {
  font-size:10px;
}
.nbenfants {
  width:50px;
}
.montanttexte {
  width:160px;
}
.montant {
  width:160px;
}
.nom, .prenom, .cp, .ville, .tel, .email, .profession, .naissance {
  width:150px;
}
.adresse {
  width:250px;
}
.soumettrecont {
  padding-top:5px;background-color:#ffffff;text-align:center;
}
.soumettre {
  width:100px;font-size:14px;font-weight:bold;padding:3px;cursor:pointer;
}
.oblig {
  font-size:11px;color:#FF0000;
}
.conditionscont {
  margin-top:15px;
}
.conditions {
  clear:both;
  padding:5px; font-size:10px;font-family:verdana;
}
.conditions a {
  color:#000000;
  text-decoration:none;
}
.respectvieprivee {
  float:left;width:250px;
  font-family:verdana;font-size:10px;
}
.conformite {
  float:left;width:200px;
  font-family:verdana;font-size:10px;
}
.fb {
  height:22px;clear:both;float:left;width:87px;
}
.tw {
  float:left;width:95px;
}
.gpl {
  float:left;width:95px;padding-left:15px;
}
.ftg {
  clear:right;overflow:hidden;height:7px;
}
.newsletter {
  text-align:left;
  position:relative;
  margin:0;
}
.col #email {
  width:95%;
}
.newsletter p {
  padding:0;
  margin:5px 0 5px 0;
  text-align:left;
}
.contact div {
  clear: both;
}
.contact p {
  padding:3px;
  width: 20%;
  float:left;
  text-align:right;
  margin:5px 0 0 0;
}
.contact i {
  display:block;
  margin:5px 0 0 0;  
  float:left;
}
.contact textarea {
  width:340px;
  height:200px;
}
/* Mobile */
#mobile-cont, #mobile-footer-cont {
  clear:both;
  position:relative;
}
#mobile-footer {
  background-color: #ffffff;
}
.mob-foot-btn {
  position:relative;
}
#mobile-footer .bouton {
  display:block;
  width: 100px;
  height:35px;
  position:absolute;
  left: 0;
  top: -20px;
  padding:0;
}
#mobile-footer .btnimg {
  border:none;
  width:100px;
}
#mobile-footer a {
  text-decoration:none;
  background-color: orange;
  color:#ffffff;
  padding:5px;
}
#mobile {
  height:46px; /* 36 = fleche + 2*5 = marges*/
  display:none;
  background-color:#ffffff;  
}
#mobile form {
  margin:0;
  padding:0;
}
#mobile p {
/*
  margin:9px 0 0 13px;
*/
  padding:9px 0 0 13px;
  float: left;
  text-align:center;
  margin:auto;
}
#mobile .l, #mobile .r {
  margin:5px 5px;
  padding:0;
  width:40px;
  height:36px;  
}
#mobile .r {
  float: right;
  position:relative;
}
#mobile .bouton {
  display:block;
  width: 70px;
  height:35px;
  position:absolute;
  left: -120px;
  top: -20px;
}
#mobile .btnimg {
  border:none;
  width:100px;
}
#mobile_prev, #mobile_next {
  display:none;
  border:none;
  background:none;
  height:36px;
  width:40px;
}
#mobile_prev {
  background-image:url(images/fleche_gauche.png);
}
#mobile_next {
  background-image:url(images/fleche_droite.png);
}
.sticky, .sticky-footer {
  position: fixed;
  width: 100%
}
.sticky {
  top: 0;
}
.sticky-footer {
  bottom: 0;
}
#mobile-footer {
  display:none;
}
.flags {
  display:none;
  clear:both;height:40px;background-color:#ffffff;padding-top:5px;
}
.flags-cont {
  width:350px;margin:auto;
}
.flags-cont p {
  float:left;font-size:9px;margin:0 15px;
}
/* Portrait and Landscape */
@media only screen and (max-width: 812px) {
.doc  {
  width:100%;	
}
#mobile-footer {
  display:block;
}
.content, .table {
  overflow:hidden;
}
.left_menu, .right_menu {
  display:none;
}
.flags, .mobile-footer-cont {
  display:block;
}
#mobile {
  display:block;
}
}
/* Paysage */
@media only screen and (max-width: 812px) and (orientation: landscape) {
#mobile-footer {
  display:none;
}
}
/* Portrait */
@media only screen and (max-width: 812px) and (orientation: portrait) {
#mobile p {
  padding:9px 0 0 0;
}
#mobile p {
  width:100%;
}
#mobile .l, #mobile .r {
  display:none;
}
}