html {
  }
  body {
  	margin-top:0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
  	background-color: #FFFFFF;
  	background-image: url("images/fond.jpg");
  	background-repeat: repeat-x;
	background-position: center 0px;
	font-family: helvetica, arial, sans-serif;

  }
  a:link {
  	color :#6d5efd;
  	text-decoration:underline;
  }
  a:visited {
  	color: #6d5efd;
  	text-decoration:underline;
  }
  a:hover {
  	color: #6d5efd;
  	text-decoration:none;
  }
  a.ensavoirplus{
  	background-image: url("images/fleche_droite.png");
  	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
  }
  .site {
  	width: 1100px;
  	margin-left: auto;
  	margin-right: auto;
  	margin-top: 0px;
  	text-align: center;
  }
  .precharge_menu {
    width: 0px;
    height: 0px;
    display:none;
	position:absolute;
  }
  .logo_menu {
    width: 1100px;
    height: auto;
  }
  .description_menu {
    position: absolute;
    width: 430px;
    height: 20px;
    top: 67px;
    text-align: left;
    padding-left: 370px;
    font-size: 10pt;
    font-style: italic;
    color: #6C00FF;
  }
  .shoplg {
    position: absolute;
    width: 240px;
    height: 30px;
    top: 67px;
    text-align: left;
    padding-left: 860px;
    font-size: 10pt;
    font-style: italic;
    color: #000000;
  }
  .cadre {
    width: 980px;
    height: 537px;
    background-image: url("images/wdev_cadre.png");
  	background-repeat: no-repeat;
	background-position: center 0px;
	padding-top: 15px;
	text-align: left;
    padding-left: 60px;
    padding-right: 60px;
  }
    .cadresansrien {
    width: 980px;
    height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: justify;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 9pt;
  }
  .cadresansrien2 {
    width: 980px;
    height: auto;
	padding-bottom: 15px;
	text-align: justify;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 9pt;
  }
  .danscadre_droite {
    position: absolute;
    width: 510px;
    height: 570px;
    top: 74px;
    text-align: right;
    margin-left: 590px;

  filter: "alpha(opacity:0)";
  KHTMLOpacity: 0;
  MozOpacity: 0;
  opacity: 0;
  }
  .danscadre_droite2 {
  	margin-top: 15px;
    //position: absolute;
    width: 470px;
    //height: 570px;

    text-align: left;
    padding-left: 510px;

  }
  .danscadre_droite3 {
  	margin-top: 15px;
    //position: absolute;
    width: 470px;
    height: 290px;

    text-align: right;
    padding-left: 510px;

  }
   .danscadre_gauche {
   	position: absolute;
    width: 550px;
    height: auto;
    text-align: center;
  }

  .danscadre_gauche2 {
    margin-top: 15px;
    margin-left: 20px;
   	position: absolute;
    width: 470px;
    height: auto;
    text-align: left;
  }
  .danscadre_gauche3 {

    margin-left: 0px;
   	position: absolute;
    width: 470px;
    height: auto;
    text-align: left;
  }
  .danscadre_ensavoirplus {
  	margin-top: 10px;
  	width: 200px;
  	text-align: left;
  	padding-left: 126px;
  	font-size: 10pt;
  }
  .pointer {
  	    position: absolute;
    width: 510px;
    height: 570px;
    top: 74px;
    text-align: right;
    margin-left: 590px;
    cursor: pointer;
  }
  
  .cadre2haut {
    width: 980px;
    height: 25px;
    background-image: url("images/wdev_cadre2_haut.png");
  	background-repeat: no-repeat;
	background-position: center 0px;
	padding-top: 0px;
	text-align: left;
    padding-left: 60px;
    padding-right: 60px;
  }
  .cadre2milieu {
    width: 980px;
    height: auto;
    background-image: url("images/wdev_cadre2_milieu.png");
  	background-repeat: repeat-y;
	background-position: center 0px;
	padding-top: 0px;
	text-align: left;
    padding-left: 60px;
    padding-right: 60px;
  }
  .cadre2bas {
    width: 980px;
    height: 25px;
    background-image: url("images/wdev_cadre2_bas.png");
  	background-repeat: no-repeat;
	background-position: center 0px;
	padding-top: 0px;
	text-align: left;
    padding-left: 60px;
    padding-right: 60px;
  }
  .cadre3 {
  	    	    position: absolute;
    width: 315px;
    height: 110px;
    background-image: url("images/wdev_cadre3.png");
  	background-repeat: no-repeat;
	background-position: left 0px;
	padding-top: 10px;
	text-align: justify;
    margin-left: 40px;
    padding-left: 15px;
    padding-right: 0px;
  }
  
    .cadre4 {
    	    position: absolute;
    width: 315px;
    height: 110px;
    background-image: url("images/wdev_cadre3.png");
  	background-repeat: no-repeat;
	background-position: left 0px;
	padding-top: 10px;
	text-align: justify;
    margin-left: 385px;
    padding-left: 15px;
    padding-right: 0px;
  }
  
      .cadre5 {
    	    position: absolute;
    width: 315px;
    height: 110px;
    background-image: url("images/wdev_cadre3.png");
  	background-repeat: no-repeat;
	background-position: left 0px;
	padding-top: 10px;
	text-align: justify;
    margin-left: 730px;
    padding-left: 15px;
    padding-right: 0px;
  }
  
  .cadrefooter {
    width: 980px;
    height: 25px;
    background-image: url("images/cadre_footer.png");
  	background-repeat: no-repeat;
	background-position: center 0px;
	padding-top: 7px;
	text-align: left;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 10px;
    font-size: 8pt;
    color: #999999;
  }
    .actu {
    width: 1000px;
    height: 130px;

  }
        .lef {
    	    position: absolute;
    width: 490px;
    	text-align: left;
 
  }
  
          .rig {
    	    position: absolute;
    width: 490px;
    	text-align: right;
    	margin-left: 490px;
 
  }
  .paragraphe {

  	margin-bottom: 25px;
  	text-align: justify;
  	font-size: 14px;
  	line-height: 18px;
  	color: #222222;
  }
    .paragraphecentre{

  	margin-bottom: 25px;
  	text-align: center;
  	font-size: 14px;
  	line-height: 18px;
  	color: #222222;
  }
    .paragraphe0px {
  	text-align: justify;
  	font-size: 14px;
  	line-height: 18px;
  	color: #222222;
  }
    .formelem, .formelemTextArea {
  	margin-left: 115px;
  	height: 15px;
  	width: 210px;
  	color: #222222;
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
    border: 1px solid #002299;
    background-color:#FAFAFA;
    -moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);

  }
  .formelem {
  	height: 15px;
  }
  .formelemTextArea, .formtextTextArea {
  	height: 80px;
  }
  .formtext, .formtextTextArea {
  	margin-top: 2px;
  	position: absolute;
  }
  .formtext {
  	height: 15px;
  }
  .formtextTextArea {
  	margin-top: 30px;
  }
  .paragraphe_form {
  	margin-bottom: 10px;
  	text-align: justify;
  	font-size: 14px;
  	line-height: 18px;
  	color: #222222;
  }
  .paragraphe_form_envoyer {
  	width: 330px;
  	text-align: right;
  	font-size: 14px;
  	line-height: 18px;
  	color: #222222;
  }
  .erreur_form {
  	margin-top: 7px;
  	position: absolute;
  	font-size: 11px;
  	color: #FF0000;
  }
  .GoogleMap {
  	margin-bottom: 20px;
  	width: 435px;
  	height: 370px;
  }
li {
 margin-top: 7px;

}
.cadre_download {
    width: 980px;
    height: 53px;
	padding-bottom: 0px;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 9pt;
  }
.danscadre_downloadicon {
    margin-left: 0px;
   	position: absolute;
    width: 80px;
    text-align: left;
  }
.danscadre_downloadtext {
  	padding-top: 20px;
    //position: absolute;
    width: 300px;

    text-align: left;
    padding-left: 80px;

}
  .danspetitscadres3 {
    width: 300px;
    height: 110px;
	padding-top: 0px;
	text-align: justify;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
      	font-size: 15px;
  	color: #555555;
  	  	font-family:Century Gothic;
  }
    .danspetitscadres4 {
    width: 300px;
    height: 110px;
	padding-top: 20px;
	text-align: justify;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
      	font-size: 16px;
  	color: #555555;
  	  	font-family:Century Gothic;
  }
    .danspetitscadres5 {
    width: 300px;
    height: 110px;
	padding-top: 10px;
	text-align: justify;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
      	font-size: 16px;
  	color: #555555;
  	font-family:Century Gothic;
  }
  
.cadre_newstitre {
    width: 980px;
    height: 25px;
	padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 60px;
    font-size: 10pt;
  }
.cadre_news {
    width: 980px;
    height: 130px;
	padding-bottom: 0px;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 9pt;
  }
.danscadre_newsimage {
    margin-left: 0px;
   	position: absolute;
    width: 195px;
    text-align: left;
  }
.danscadre_newstext {
  	padding-top: 0px;
    width: 675px;
    text-align: justify;
    padding-left: 235px;

}