/* CSS Document {}*/
html, body{margin:0; padding:0; font-family:verdana; font-size:10px; color:#333333;background:url(../images/commun/fond_de_page.png) #ACAA7F  repeat-x;}
a{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:none; color:#2C2C2C;}
p{ padding:0; margin:0;}
#logo{ width:538px; height:53px; background:url(../images/commun/logo.png); position:absolute; top:23px; left:30px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#navigation{ position:absolute; width:813px;height:22px;left:21px; top:92px; z-index:20;}
a.btA ,a.btB,a.btC,a.btD,a.btE,a.btF,a.btG,a.btH,a.btI {background:url(../images/commun/navigation.png) no-repeat; position:relative; text-decoration:none; float:left; height:22px; top:0px; }
a.btA{ width:54px;}
a.btB{width:90px; background-position:-612px 0px;}
a.btC{width:82px; background-position:-134px 0px;}
a.btD{width:118px; background-position:-216px 0px;}
a.btE{width:100px; background-position:-334px 0px;}
a.btF{width:43px; background-position:-434px 0px;}
a.btG{width:65px; background-position:-477px 0px;}
a.btH{width:70px; background-position:-542px 0px;}
a.btI{width:111px; background-position:-700px 0px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
a.btA:hover{background-position:0px -22px;}
a.btB:hover{width:90px; background-position:-612px -22px;}
a.btC:hover{width:82px; background-position:-134px -22px;}
a.btD:hover{width:118px; background-position:-216px -22px;}
a.btE:hover{width:100px; background-position:-334px -22px;}
a.btF:hover{width:43px; background-position:-434px -22px;}
a.btG:hover{width:65px; background-position:-477px -22px;}
a.btH:hover{width:70px; background-position:-542px -22px;}
a.btI:hover{width:111px; background-position:-700px -22px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#sousnav{ width:130px; background:#AFE7A4; padding: 5px 5px 5px 5px; margin: 5px 0PX 5PX 5PX ; text-transform:uppercase; float:right;} 
#lksnav{margin-top:-12px;}
#cheminDeFer{ color:#6F6E5A; position: absolute; top:70px; left:22px;}
#container{position:absolute; width:910px;height:500px;left:40px; top:102px; left:21px; z-index:2}
#actuhome{ width:927px; height:248px; background: url(../images/commun/bloc-home.png); position:absolute;}
#actuphoto{width: 280px; height:212px; position:absolute; top:31px; left:5px;}
#actutitre{width:592px; height:28px; background:url(../images/home/titre-actu.png); position:absolute; top:31px; left:289px;}
#zoneActuTitre{ position:absolute; top:70px; left:290px;}
#actutitretxt {float:left; position:relative; width:290px; margin-right:5px; padding-right:5px;}
.ttrouge{color:#CC0066;}
.grey{color:#cccccc;}
#actupush{width:592px; height:20px; background:url(../images/home/push-actu.png); position:absolute; top:223px; left:289px;}
/*#actupush a{ width:13px; height:20px; position:absolute;}*/
#txtagenda{ width:270px; position:absolute; top:60px; left:10px; line-height:23px;}
#txtnews{ position:absolute; top:60px; left:10px;}
#txtnewspush{ position:absolute; top:60px; left:10px;}
#txtzoom{ position:absolute; top:60px; left:10px; width:260px;}
#txtzoom img{ position:absolute; top:60px; left:-8px; margin-top:3px; margin-bottom:5px}
.black{ color:#000000; font-weight:bold;}
.titregris{ color:#666666; font-weight:bold;}
#titrebloc{ position:absolute; top:30px; left:30px;}

#lienbloc{ position:absolute; top:213px; left:260px;}
#lienbloc2{ position:absolute; top:213px; right:55px;}

#lienblocactu{ position:absolute; top:5px; left:567px;}
#lienblocactu2{ position:absolute; top:158px; right:55px;}

#precedent{position:relative; top:213px; left:10px; z-index:67;}
#precedent2{position:relative; top:213px; left:10px; z-index:67;}
#precedentActu{position:absolute; top:158px; left:420px; z-index:67;}
#svtprec{ color:#CCCCCC; margin-top:-25px; padding-top:35px; padding-bottom:35px; width:100%;}
#svtprec a{ color:#CCCCCC;}
#svtprec a:hover{ color:#333333;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#blocvert1, #blocvert2,#blocvert3,#blocvertpush1,#blocvertpush2  {width: 330px; height:232px;  position: absolute; top:248px; left:0px; background:url(../images/commun/blocVert.png);}
*html #blocvert1, * html #blocvert2, * html #blocvert3, *html #blocvertpush1, *html #blocvertpush2 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=../images/commun/blocVert.png); background-image: none; }
#blocvert2{top:248px; left:298px;}
#blocvert3{top:248px; left:597px;}
#blocvertpush1{top:110px; left:630px; z-index:10;}
#blocvertpush2{top:335px; left:630px;z-index:9;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/`
#hautdeclinaison{position:absolute; width:641px; height:24px; top:0px; left:0px;}
#titre_rub{position:realative; width:594px;height:38px; background:url(../images/fond_titre_rubrique.png) repeat-y; top:0px; left:0px;}
#texte{position:realative; width:645px; background:url(../images/commun/rayures.png) repeat-y; top:0px; left:0px; margin-bottom: 50px;}
#zone{width:560px; position:relative; top:0px; left:10px; background:url(../images/commun/fondPage.png) repeat-x; background-position: bottom;}
#titrerubrique{width:560px; position:relative; top:5px; left:20px;}
#titretexte{ color:#4B4846; text-transform:uppercase; font-weight: bold; background:url(../images/commun/flecheVerte.png) no-repeat; padding-left:13px; background-position:0 5px; padding-bottom: 5px; padding-top:2px;}
#stitreTexte{ color:#999999; padding-left:13px; padding-bottom: 5px; font-style:italic;}
#zone li{ position:relative; left:5px; background: url(../images/commun/trait_ul.png) no-repeat; list-style: outside; padding-left:15px; list-style-type:none; margin-top:2px; margin-bottom:2px;}
#ref{ display:none;}
#blocRubrique{position:relative; padding:5px 0px 0px 0px; float:left; margin-right:5px; margin-left:5px; margin-bottom:2px; color:#009900; font-weight:bold;}
#blocRubrique li { list-style:inside; list-style-type:none; color:#000000; padding-left:2px; background:none; font-weight:500;} 
*html #blocRubrique li {margin-left: -17px;} 
.spacertext{height:5px; line-height:50px; width:700px; position:relative; clear:both;}
.spacer{ clear:both; height:1px; width:100%; line-height:0; font-size:0;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*#bas{position:relative;background:url(../images/commun/bottom.png) repeat-x ; background-position: bottom; clear:both; width:100% }
#navbas {position:absolute; bottom:2px; color:#999999; left:10px;}*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
form{ position:relative; padding-bottom:50px; clear:both;}
input { border:2px dotted #cccccc; width:200px;margin-bottom:5px; margin-left: 5px; height:15px; line-height:15px;font-family:verdana; font-size:10px; color:#333333; position:relative; margin-top:-2px;}
label { width:200px; position:relative; text-align:right;float:left; text-transform: uppercase;}
select { border:2px dotted #cccccc; width:200px;margin-bottom:5px; margin-left: 5px; height:15px; line-height:15px;font-family:verdana; font-size:10px; color:#333333; position:relative; margin-top:-2px;}
textarea { border:2px dotted #cccccc; width:200px;margin-bottom:2px; margin-top:2px; margin-left: 5px; height:100px; line-height:15px;font-family:verdana; font-size:10px;color:#333333;}
.surface{ border:0px; width:35px;margin-bottom:5px; margin-left: 5px; height:15px; line-height:15px;font-family:verdana; font-size:10px; color:#333333; position:relative; margin-top:-2px;}
#blocVert{ width:100%; background: #009900;position:relative; padding:10px 10px 10px 10px; color:#FFFFFF; margin-left:-3px;}
#col{ width:50%; position:relative; float:left;}
hr{ border:0px; color:#009900;}
.labelVert { width:150px; position:relative; text-align:right;float:left; text-transform:uppercase; position:relative;}
.buton{ width:10px; height:10px; border:none; padding-top:5px; margin-top:-2px; position:relative;}
.valider{ width:469px; height:31px; background:url(../images/commun/valider.png) no-repeat; border:none; float:left; margin-top:5px; margin-left:100px; padding-bottom:20px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#espace{ background:url(../images/commun/espace_adherents.png) no-repeat; width:350px; height:28px; position:absolute; top:20px;background-position:left; left:610px}
*html #espace{ top:5px;}
#espace input.inputEspaceA,#espace input.inputEspaceB{width:90px; height:13px; line-height:13px; color:#706F54;font-family:verdana; font-size:10px; position:absolute; top:7px; left:104px; border:none; background:#ACAA7;}
#espace input.inputEspaceC{width:30px; height:20px; line-height:13px;position:absolute; top:7px; left:295px; border:none; background:url(../images/commun/espace_adherents.png); background-position:-299px -5px;}
#espace input.inputEspaceB{ left:200px;}
*html #espace input.inputEspaceA,#espace input.inputEspaceB, #espace input.inputEspaceC{margin-top:19px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#blocvertpush2 #txtnewspush{ width:275px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ok {width:100%; background-color:#AFE7A4; text-align:center;padding:5px 2px 5px 2px;}
#perpignan {width:300px; height:75px; position:relative; top:230px; left:168px; }
#perpignanHome {width:300px; height:75px; position:relative; top:490px; left:765px; }