body {margin: 0 auto; padding: 0px;background: #C3E9FE;}
#centereddiv {position: absolute;left: 150px;top: 0px;width: 921px;}
#mainnavcontainer {position:absolute; left:0px; top:180px; height: 30px; width:900px;z-index:20; ; border: solid 0px #000000;} 
#nom{position:absolute; right:21px; top:174px; height: 26px; width:120px; z-index:20; border: none;}
#devsite{position:absolute; left:000px; top:600px; height: 40px; width:900px; z-index:21; border: solid 0px #000000;}
#devsitegrand{position:absolute; left:000px; top:900px; height: 40px; width:900px; z-index:21; border: solid 0px #000000;}
#devsitetresgrand{position:absolute; left:000px; top:1200px; height: 40px; width:900px; z-index:21; border: solid 0px #000000;}
#devsiteimense{position:absolute; left:000px; top:1500px; height: 40px; width:900px; z-index:21; border: solid 0px #000000;}
#devsiteimense1{position:absolute; left:000px; top:1800px; height: 40px; width:900px; z-index:21; border: solid 0px #000000;}
#devsiteimense2{position:absolute; left:000px; top:2200px; height: 40px; width:900px; z-index:21; border: solid 0px #000000;}
#devsitetresimense{position:absolute; left:000px; top:2100px; height: 40px; width:900px; z-index:21; border: solid 0px #000000;}
#devsitetresimense2{position:absolute; left:000px; top:2200px; height: 40px; width:900px; z-index:21; border: solid 0px #000000;}
#devsitettresimense{position:absolute; left:000px; top:2400px; height: 40px; width:900px; z-index:21; border: solid 0px #000000;}
#image {position:absolute; top:10px; left:0px;width:900px; height:123px; z-index:201; border: solid 0px #000000;}
#texteimage {position:absolute; top:135px; left:0px;width:900px; height:20px; z-index:22; border: solid 0px #000000;}
#logo {position:absolute; top:10px; left:20px;width:10px; height:10px; z-index:21; border: solid 0px #000000;}
#logo2{position:absolute; top:130px; left:20px;width:10px; height:10px; z-index:21; border: solid 0px #000000;}
#logo3{position:absolute; top:250px; left:20px;width:10px; height:10px; z-index:21; border: solid 0px #000000;}
#logo4{position:absolute; top:320px; left:20px;width:10px; height:10px; z-index:21; border: solid 0px #000000;}
#logo5{position:absolute; top:410px; left:20px;width:10px; height:10px; z-index:21; border: solid 0px #000000;}
#logo6{position:absolute; top:500px; left:20px;width:10px; height:10px; z-index:21; border: solid 0px #000000;}
#logo7{position:absolute; top:610px; left:20px;width:10px; height:10px; z-index:21; border: solid 0px #000000;}
#logo8{position:absolute; top:710px; left:20px;width:10px; height:10px; z-index:21; border: solid 0px #000000;}
#logo9{position:absolute; top:810px; left:20px;width:10px; height:10px; z-index:21; border: solid 0px #000000;}
#logo10{position:absolute; top:600px; left:20px;width:10px; height:10px; z-index:21; border: solid 0px #000000;}
#cryptolivre {position:absolute; top:0px; left:622px;width:78px; height:123px; z-index:21; border: 0px #000000;}
/*#whitebox {position:absolute; top:200px; left:0px;width:900px; height:900px; z-index:21; border: solid 1px #000000;}
#whitebox {background: #CCCCCC;}*/
#whitebox {
    position: absolute;
    top: 200px;
    left: 0px;
    width: 900px;
    height: 900px;
    z-index: 21;
    border: solid 0px #000000;
    background: #FFFFFF; /* Blanc */
}

#publibox {position:absolute; top:200px; left:0px;width:900px; height:600px; z-index:21; border: solid 0px #000000;}
#publibox {background: #ffffff;}
#publiboxgrand {position:absolute; top:200px; left:0px;width:900px; height:900px; z-index:21; border: solid 0px #000000;}
#publiboxgrand {background: #ffffff;}
#publiboxtresgrand {position:absolute; top:200px; left:0px;width:900px; height:1200px; z-index:21; border: solid 0px #000000;}
#publiboxtresgrand {background: #ffffff;}
#publiboximense {position:absolute; top:200px; left:0px;width:900px; height:1500px; z-index:21; border: solid 0px #000000;}
#publiboximense {background: #ffffff;}
#publiboxtresimense {position:absolute; top:200px; left:0px;width:900px; height:1800px; z-index:21; border: solid 0px #000000;}
#publiboxtresimense {background: #ffffff;}
#publiboxttresimense {position:absolute; top:200px; left:0px;width:900px; height:2300px; z-index:21; border: solid 0px #000000;}
#publiboxttresimense {background: #ffffff;}
#amiens {position:absolute; top:380px; left:120px;width:200px; height:120px; z-index:21; border: solid 3px #636770;}
#stquentin {position:absolute; top:380px; left:578px;width:250px; height:120px; z-index:21; border: solid 3px #636770;}
#liensmath {position:absolute; top:-1px; left:-1px; width:395px; height:300px; z-index:21; border: solid 1px #000000;}
#liensmath {background: #fff;}
#liensdistant {position:absolute; top:240px; left:660px; width:39px; height:24px; z-index:21; border: solid 1px #000000;}
#liensdistant {background: #d7a195;}
#liensactu {position:absolute; top:-1px; left:395px; width:304px; height:35px; z-index:21; border: solid 1px #000000;}
#liensactu {background: #ddae92;}
#liensblog {position:absolute; top:265px; left:395px; width:304px; height:39px; z-index:21; border: solid 1px #000000 ;}
#liensblog {background: #f9f7e2;}
#liensdivers {position:absolute; top:35px; left:395px; width:113px; height:100px; z-index:21; border: solid 1px #000000;}
#liensdivers {background: #e6e4cb;}
#liensvideo {position:absolute; top:137px; left:396px; width:112px; height:57px; z-index:21; border: solid 1px #c0c0b4;}
#liensvideo {background: #c0c0b4;}
#lienspratique {position:absolute; top:35px; left:509px; width:190px; height:229px; z-index:21; border: solid 1px #000000;}
#lienspratique {background: #c0c0b4;}
#liensvoyage {position:absolute; top:195px; left:395px; width:153px; height:69px; z-index:21; border: solid 1px #000000;}
#liensvoyage {background: #a3bab2;}

/*.onglet {padding: 5px 0px 0px 0px;margin: 0px;font-weight: bold;font-size: 9px;color: #000000;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;font-style: normal;}*/
.onglet {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    font-weight: bold;
    font-size: 9px;
    color: #000000;
    font-family: Lato, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-style: normal;
	border: none;
    border-radius: 5px 5px 0 0; /* Vous pouvez ajuster la valeur de border-radius selon vos préférences */
}
.onglet ul {margin: 0px;padding: 0px;white-space: nowrap;}
.onglet li {display: inline;list-style-type: none;padding-right: 0px; padding-left: 0px;}
.onglet a:link, .onglet a:visited {color: #fff; background-color: #549FC7; font-weight: bold; font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
	padding: 2px 3px; border: solid 0px #000000; border-radius: 5px 5px 0 0;}
.onglet a:hover {color: #000000; background-color: #fff; text-decoration: none;  border: none;}
.ongletspec {
    color: #000000;
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-family: Lato, Helvetica, Geneva, Swiss, SunSans-Regular;
    text-decoration: none;
    padding: 4px 5px;
    border: solid 0px #000000;
    border-radius: 5px 5px 0 0; /* Coins supérieurs arrondis */
}
.titregdr {
    padding: 6px 0;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #549FC7;
    font-family: Lato, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-style: normal;
    border: none; /* Supprimer la bordure */
    border-radius: 5px 5px 0 0; /* Coins supérieurs arrondis */
}
	
.titre {padding: 0px 0px 0px 0px; margin: 0px;font-weight: bold;font-size: 18px;text-align: center;color: #636770;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;font-style: normal;  border: none;}
.soustitre {padding: 0px 0px 0px 0px; margin: 0px;font-weight: bold;font-size: 15px;text-align: center;color: #636770;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;font-style: normal;}
.soustitre a:link {font-size: 20px;}
.soustitre a:visited {color: #444444; font-size: 20px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none; padding: 4px 0px 0px 0px;}
.princtexte {padding: 4px 0px 0px 0px;margin: 20px;font-size: 12px;text-align: center;color: #000000;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;font-style: normal;}
.princtexte ul {margin: 0px;padding: 0px;white-space: nowrap;}
.princtexte li {display: inline;list-style-type: none;padding-right: 0px; padding-left: 0px;}
.princtexte a:link, .princtexte a:visited {color: #ffffff; font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none; padding: 4px 0px 0px 0px;}
.princtexte a:hover {color: #004433; text-decoration: none;}
.ititexte {padding: 0px 0px 0px 0px;margin: 10px;font-size: 8px;text-align: right;color: #000000;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;font-style: normal;}
.ititexte ul {margin: 10px;padding: 0px;white-space: nowrap;}
.ititexte li {display: inline;list-style-type: none;padding-right: 0px; padding-left: 0px;}
.ititexte a:link, .ititexte a:visited {color: #d7a195; font-size: 8px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none; padding: 4px 0px 0px 0px;}
.ititexte a:hover {color: #636770; text-decoration: none;}
.cvtexte {padding: 4px 0px 0px 0px;margin: 0px;font-size: 10px;text-align: left;color: #636770;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;font-style: normal;}
.cvtexte ul {margin: 0px;padding: 0px;white-space: nowrap;}
.cvtexte li {list-style-type: none;padding-right: 0px; padding-left: 0px;}
.cvtexte a:link, .cvtexte a:visited {color: #d7a195; font-size: 10px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none; padding: 4px 0px 0px 0px;}
.cvtexte a:hover {color: #636770; text-decoration: none;}
.publitexte {padding: 4px 0px 0px 0px;margin: 20px;font-size: 12px;line-height: 160%;text-align: left;color: #636770;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;font-style: normal;}
.publitexte ul {margin: 0px;padding: 0px;white-space: nowrap;}
.publitexte li {list-style-position: inside; list-style-type: disc;padding-right: 0px; padding-left: 0px;}
.publitexte a:link, .publitexte a:visited {color: #636770;background-color: #d7a195; font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
	padding: 2px 3px;border: solid 0px #000000}
.publitexte a:hover {color: #fff; background-color: #000000; text-decoration: none;}
.lienstexte {padding: 4px 0px 0px 0px;margin: 0px;font-size: 9px;text-align: left;color: #636770;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;font-style: normal;}
.lienstexte ul {margin: 0px;padding: 0px;white-space: nowrap;}
.lienstexte li {display: inline;list-style-type: none;padding-right: 0px; padding-left: 0px;}
.lienstexte a:link, .lienstexte a:visited {color: #636770; font-size: 9px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none; padding: 4px 0px 0px 0px;}
.lienstexte a:hover {color: #d7a195; text-decoration: none;}
.publitexte1 {padding: 0px 0px 0px 0px;margin: 20px;font-size: 12px;line-height: 130%;text-align: left;color: #636770;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;font-style: normal;}
.publitexte1 ul {margin: 0px;padding: 0px;white-space: nowrap;}
.publitexte1 li {list-style-position: inside; list-style-type: disc;padding-right: 0px; padding-left: 0px;}
.publitexte1 a:link, .publitexte a:visited {color: #636770;background-color: #d7a195; font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
	padding: 2px 3px;border: solid 0px #000000}
.publitexte1 a:hover {color: #fff; background-color: #000000; text-decoration: none;}
#plop {text-decoration: blink;}