* {margin:0; padding:0;}
html {font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;font-size: 14px;}
#cadre {width:955px; height:1300px; margin:0 auto;background-color:#FFF;padding:10px 0 30px 0;}
#cadregeo {width:950px; height:800px; margin:0 auto;background-color:#FFF;padding:30px 0 30px 0}
#entete {background:url(images/enteteweb.jpg) no-repeat; width:950px; height:143px; float:left;padding:30px 0 0 0;}
#phrentete {background:url(images/phrentete.gif) no-repeat; width:950px; height:30px; float:left;margin:0 0 0 0;}
#messdiss {width:880px; height:70px; float:left;margin:20px 0 0 0}
#separateur {float:left;background: url(images/separateur.gif) no-repeat; display:block;width:10px;height:27px;margin:100px 0 0 0px;}
#boutonacc1 {float:left;width:120px;height:27px;margin:100px 0 0 160px;}
#boutonacc1 a:link,
#boutonacc1 a:visited {background: url(images/btaccueiloff.gif) no-repeat; display:block; width:120px; height:27px; text-indent:-9999px; overflow:hidden; z-index:9999;}
#boutonacc1 a:hover {background: url(images/btaccueilon.gif) no-repeat; }
#boutonacc2 {float:left;width:120px;height:27px;margin:100px 0 0 200px;}
#boutonacc2 a:link,
#boutonacc2 a:visited {background: url(images/btaccueiloff.gif) no-repeat; display:block; width:120px; height:27px; text-indent:-9999px; overflow:hidden; z-index:9999;}
#boutonacc2 a:hover {background: url(images/btaccueilon.gif) no-repeat; }
#boutontel {float:left;width:120px;height:27px;margin:100px 0 0 0px;background: url(images/btteloff.gif) no-repeat;}
#boutontel a:link,
#boutontel a:visited {background: url(images/btteloff.gif) no-repeat; display:block; width:120px; height:27px; text-indent:-9999px; overflow:hidden; z-index:9999;}
#boutontel a:hover {background: url(images/bttelon.gif) no-repeat; }
#boutoncha {float:left;width:120px;height:27px;margin:100px 0 0 0px;}
#boutoncha a:link,
#boutoncha a:visited {background: url(images/btchaoff.gif) no-repeat; display:block; width:120px; height:27px; text-indent:-9999px; overflow:hidden; z-index:9999; }
#boutoncha a:hover {background: url(images/btchaon.gif) no-repeat; }
#boutonmel1 {float:left;width:120px;height:27px;margin:100px 0 0 230px;}
#boutonmel1 a:link,
#boutonmel1 a:visited {background: url(images/btmeloff.gif) no-repeat; display:block; width:120px; height:27px; text-indent:-9999px; overflow:hidden; z-index:9999; }
#boutonmel1 a:hover {background: url(images/btmelon.gif) no-repeat; }
#boutonmel2 {float:left;width:120px;height:27px;margin:100px 0 0 0px;}
#boutonmel2 a:link,
#boutonmel2 a:visited {background: url(images/btmeloff.gif) no-repeat; display:block; width:120px; height:27px; text-indent:-9999px; overflow:hidden; z-index:9999; }
#boutonmel2 a:hover {background: url(images/btmelon.gif) no-repeat; }
#boutonfaq {float:left;width:120px;height:27px;margin:100px 0 0 0px;}
#boutonfaq a:link,
#boutonfaq a:visited {background: url(images/btfaqoff.gif) no-repeat; display:block; width:120px; height:27px; text-indent:-9999px; overflow:hidden; z-index:9999; }
#boutonfaq a:hover {background: url(images/btfaqon.gif) no-repeat; }
#colonneg {width:180px;float:left;margin:0px 5px 5px 5px;background-color:#FFFFFF;}
#new {background:url(images/tetnews.gif) no-repeat;width:170px;height:130px;float:left;margin:5px 0px 5px 0px;padding:35px 0 0 0;}
#new a {color: #DA0000; text-decoration: none; Font-weight: bold ;}
#new a:hover {text-decoration: underline;}
#vcp {width:170px;height:190px;float:left;margin:20px 0px 5px 0px}
#vcpmask {background:url(images/mskvid.gif) no-repeat;width:196px;height:190px;float:left;margin:0px 0px 5px 0px;}
#clip {width:136px;height:107px;float:left;padding:46px 0 0 17px;}
#qsn {background:url(images/tetqsn.gif) no-repeat;width:170px;height:150px;float:left;margin:20px 0px 5px 0px;padding:35px 0 0 0;text-align:justify}
#qsn a {color: #DA0000; text-decoration: none; Font-weight: bold ;}
#qsn a:hover {text-decoration: underline;}
#centre {width:565px;float:left;margin:0px 0px 5px 0px;background-color:#FFFFFF;}
#centremail {width:950px;float:left;background-color:#FFFFFF;}
#centregeo {width:948px;float:left;border: 1px ridge #FF9900}
#footergeo {width:940px;float:left;text-align : right;padding:0 0 10px 0}
#tel {background:url(images/tettele.gif) no-repeat;width:550px;float:left;margin:5px 0px 5px 0px;}
#telpicto {float:left;width:140px;height:133px;margin:0px 5px 0px 0px;}
#teltele {float:left;width:400px;height:100px;}
#telphr {float:left;margin:40px 0 0 0;font-size: 12px;}
#tel a {color: #1C7EB8; text-decoration: none; Font-weight: bold ;}
#tel a:hover {text-decoration: underline;}
#tch {background:url(images/tetchat.gif) no-repeat;width:550px;float:left;margin:30px 0px 5px 0px;}
#tchpicto {float:left;width:140px;height:133px;margin:0px 15px 0px 0px;}
#tchtele {float:left;width:390px;height:43px;}
#tchphr {float:left;margin:40px 0 0 0px;font-size: 12px;}
#tchphr a {color: #EB6B0A; text-decoration: none; Font-weight: bold ;}
#tchphr a:hover {text-decoration: underline;}
#blabla {padding:0px 0 0 10px;}
#mai {background:url(images/tetmail.gif) no-repeat;width:550px;height:200px;float:left;margin:30px 0px 5px 0px;}
#mailog {background:url(images/logmail.gif) no-repeat;width:140px;height:140px;float:left;margin:40px 0px 0px 0px;}
#maiphr {background:url(images/phrmail.gif) no-repeat;width:370px;height:140px;float:left;margin:35px 0px 5px 10px;padding:30px 0 0 5px;font-size: 12px}
#maiphr a {color: #C4027D; text-decoration: none; Font-weight: bold ;}
#maiphr a:hover {text-decoration: underline;}
#faq {background:url(images/tetfaq.gif) no-repeat;width:550px;height:150px;float:left;margin:5px 0px 5px 0px;}
#faqlog {background:url(images/logfaq.gif) no-repeat;width:135px;height:133px;float:left;margin:40px 0px 5px 0px;}
#faqphr {background:url(images/phrfaq.gif) no-repeat;width:397px;height:140px;float:left;margin:40px 0px 5px 10px;padding:50px 5px 0 0;font-size: 12px;}
#faqphr a {color: #34A12C; text-decoration: none; Font-weight: bold ;}
#faqphr a:hover {text-decoration: underline;}
#colonned {width:180px;float:right;margin:0px 0px 5px 0px;background-color:#FFFFFF;}
#inf {background:url(images/tetinfo.gif) no-repeat;width:170px;float:left;margin:5px 0px 0px 0px;font-size: 12px;}
#inf a {color: #000000; text-decoration: none; Font-weight: bold ;}
#inf a:hover {text-decoration: underline;}
#infline {width:158px;float:left;border: 1px ridge #CCCCCC;padding:10px 0px 10px 10px;margin:-2px 0px 0px 0px;font-size: 12px;}
#inflinehaut {width:158px;float:left;margin:27px 0px 0px 0px;border: 1px ridge #CCCCCC;border-top-style: none;padding:10px 0px 10px 10px;font-size: 12px;}
#usn {background:url(images/tetusn.gif) no-repeat;width:170px;float:left;margin:25px 0px 0px 0px;font-size: 12px;}
#imgusn {background:url(images/usn.gif) no-repeat;width:168px;height:243px;float:left;margin:27px 0px 0px 0px;border: 1px ridge #CCCCCC;border-top-style: none;padding:10px 0px 10px 0px;font-size: 12px;}
#fav {background:url(images/tetfavo.gif) no-repeat;width:170px;float:left;margin:20px 0px 0px 0px;}
#fav a {color: #000000; text-decoration: none; Font-weight: bold ;}
#fav a:hover {text-decoration: underline;}
#tag {width:170px;height:170px;float:left;margin:25px 0px 5px 5px;}
#mol {background:url(images/tetmoel.gif) no-repeat;width:170px;height:350px;float:left;margin:5px 0px 5px 0px;}
#molimg {background:url(images/callcenter.gif) no-repeat;width:169px;height:156px;float:left;margin:40px 0px 0px 0px;}
#moltxt {width:170px;float:left;margin:8px 0px 5px 0px;font-size: 12px;}
#etranger {background:url(images/tetetranger.gif) no-repeat;width:170px;height:250px;float:left;margin:5px 0px 5px 0px;}
#etrangertxt {width:170px;float:left;margin:35px 0px 5px 0px;font-size: 12px;}
#etrangertxt a {color: #DB521E; text-decoration: none; Font-weight: bold ;}
#etrangertxt a:hover {text-decoration: underline;}
#part {background:url(images/tetpart.gif) no-repeat;width:170px;float:left;margin:5px 0px 5px 0px;}
#partimg {width:170px;height:118px;float:left;margin:10px 0px 0px 0px;border-bottom:1px ridge #000000;padding:0 0 10px 0}
#partimg2 {width:170px;height:108px;float:left;margin:10px 0px 0px 25px;}
#parttxt {width:170px;float:left;margin:40px 0px 5px 0px;text-align:justify}
#parttxt a {color: #D2BD05; text-decoration: none; Font-weight: bold ;}
#parttxt a:hover {text-decoration: underline;}
#bandeaumail {float:left;background:url(images/bandeaumail.gif) no-repeat;width:950px;height:75px;padding:0 0 0 110px;font: bold 32px/98px Tahoma, Arial, sans-serif;}
#bandeaufaq {float:left;background:url(images/bandeaufaq.gif) no-repeat;width:950px;height:75px;padding:0 0 0 100px;font: bold 32px/98px Tahoma, Arial, sans-serif;}
#bandeautchat {float:left;background:url(images/bandeautchat.gif) no-repeat;width:950px;height:75px;padding:0 0 0 130px;font: bold 32px/98px Tahoma, Arial, sans-serif;}
#bandeauml {float:left;background:url(images/bandeauml.gif) no-repeat;width:950px;height:75px;padding:0 0 0 50px;font: bold 32px/98px Tahoma, Arial, sans-serif;color:#FFFFFF}
#bandeaupart {float:left;background:url(images/bandeaupart.gif) no-repeat;width:950px;height:75px;padding:0 0 0 50px;font: bold 32px/98px Tahoma, Arial, sans-serif;color:#000000}
#bandeaupart2 {float:left;background:url(images/bandeaupart.gif) no-repeat;width:900px;height:45px;padding:30px 0 0 50px;font: bold 18px Tahoma, Arial, sans-serif;color:#000000}
#formcontact1 label {Font-weight: 600 ;font-size: 17px;}
#bloc1 {float:left;width:888px;height:75px;border: 1px ridge #C4027D;padding: 30px 0 0 60px}
#bloc2 {float:left;width:888px;height:30px;border: 1px ridge #C4027D;padding: 10px 0 0 60px; font: bold 16px/24px Tahoma, Arial, sans-serif;color:#C4027D}
#blocmaintenance {float:left;width:798px;height:200px;border: 1px ridge #C4027D;padding: 200px 0 0 150px; font: bold 16px/24px Tahoma, Arial, sans-serif;color:#C4027D}
#blocgeo {float:left;width:888px;height:60px;border: 1px ridge #FF9900;padding: 10px 0 0 60px; font: bold 16px/24px Tahoma, Arial, sans-serif;color:#EE7E07}
#bloctchat {float:left;width:898px;border: 1px ridge #FF9900;padding: 10px 0 0 50px; font: bold 16px/24px Tahoma, Arial, sans-serif;color:#EE7E07}
#blocml {float:left;width:898px;border: 1px ridge #DA0000;padding: 10px 30px 10px 20px; font: 16px/24px Tahoma, Arial, sans-serif;}
#blocml p {padding: 10px 0 10px 50px;}
#blocfaq {float:left;width:898px;height:700px;border: 1px ridge #34A12C;padding: 10px 0 0 50px; font: bold 16px/24px Tahoma, Arial, sans-serif;color:#EE7E07}
#bloc3 {float:left;width:888px;height:250px;border: 1px ridge #C4027D;padding: 30px 0 0 60px;}
#bloc3 label {display: inline; float: left; width: 350px;text-align : right;padding:0 20px 0 0}
#bloc4 {float:left;width:888px;height:120px;border: 1px ridge #C4027D;padding: 30px 0 0 60px;}
#bloc4 label {display: inline; float: left; width: 350px;text-align : right;padding:0 20px 0 0}
#bloc5 {float:left;width:888px;height:120px;border: 1px ridge #C4027D;padding: 30px 0 0 60px;}
#bloc5 label {display: inline; float: left; width: 350px;text-align : right;padding:0 20px 0 0}
#bloc6 {float:left;width:888px;height:400px;border: 1px ridge #C4027D;padding: 30px 0 0 60px;}
#bloc6 label {display: inline; float: left; width: 350px;text-align : right;padding:0 20px 0 0}
#bloc7 {float:left;width:908px;height:150px;border: 1px ridge #C4027D;padding: 30px 20px 30px 20px;}
#bloc8 {float:left;width:888px;border: 1px ridge #C4027D;padding: 30px 0 0 60px;}
#bloc8 label {display: inline; float: left; width: 150px;height:100px;text-align : right;padding:0 20px 0 0}
#bloc9 {float:left;width:888px;padding: 20px 0 0 60px;}
#bloc10 {float:left;width:888px;height:45px;border: 1px ridge #C4027D;padding: 30px 0 0 60px}
#bloc11 {float:left;width:888px;height:45px;padding: 30px 0 0 200px;}
#comm {float:left;width:888px;padding: 30px 0 0 60px;}
#comm label {display: inline; float: left; width: 290px;text-align : right;padding:0 20px 0 0}
#envoyer {width:908px;text-align : center;padding:0 0 0 380px}
#bloc7 a {background:url(images/btenvoyer.gif) no-repeat;display:block;width:156px;line-height:57px;vertical-align:middle;color:white;text-decoration:none;Font-weight: 600}
#bloc7 a:hover {background:url(images/btenvoyerhover.gif) no-repeat;width:156px;line-height:57px;vertical-align:middle;color:white;text-decoration:none;Font-weight: 900}
#parcours1 {width:400px;height:100px;}
#parcours2 {width:400px;height:100px;}
#age {width:50px;}
#etab {width:400px;}
#villeetab {width:400px;}
#codepost {width:50px;}
#ville {width:400px;}
#email {width:400px;}
#emailconfirm {width:400px;}
#question {width:400px;height:100px;}
#exemple1 {Font-weight: 100 ;font-size: 12px;}
#poste {float:left;width:888px;Font-weight:100;font-size:12px;}
#poste1 {float:left;width:350px;text-align : right;margin: 0 30px 0 0}
#poste2 {float:left;text-align : left}
#colg {float:left;width:250px;text-align:center}
#colc {float:left;width:250px;text-align:center}
#cold {float:left;width:250px;text-align:center}
#entetedept {float:left;width:750px;height:20px;text-align:center;padding:10px 0px 5px 10px; margin:0 0 30px 0;color:#DA0000;Font-weight: bold ;}
#footer {width:950px;float:left;padding: 10px 0 0 0}
#mention {width:950px;float:left;padding:0px 0 5px 0;text-align:center;font-size:10px;border-top: 1px ridge #CCCCCC;}
#mention a {color: #000000; text-decoration: none; Font-weight: bold ;}
#mention a:hover {text-decoration: underline;}
#mention2 {font-size: 10px;text-align : center; margin:30px 0 0 0}
#bdp {width:950px;float:left;padding: 10px 0 0 0}
#bdp a {color: #A1AB79; text-decoration: none; Font-weight: bold ;}
#bdp a:hover {text-decoration: underline;}
#bdp1 {width:950px;float:left;padding: 10px 0 0 0;color:#A1AB79;;font-size:18px;Font-weight: bold ;}
#bdp2 {width:250px;float:left;padding: 10px 0 0 20px;color:#A1AB79;;font-size:13px;Font-weight: bold ;}
#bdp3 {width:250px;float:left;padding: 10px 0 0 0;color:#A1AB79;;font-size:13px;Font-weight: bold ;}
#bdp4 {width:250px;float:left;padding: 10px 0 0 0;color:#A1AB79;;font-size:13px;Font-weight: bold ;}
#popup {width:450px;float:left;padding: 40px 0 0 20px}
#popup p {padding: 20px 0 20px 0}