@charset "UTF-8";
/* CSS Document */

/*comuns*/
body, html {padding:0;margin: 0;font-family: Geneva, Arial, Helvetica, sans-serif;background-color:#F2F2F2;font-size: 11px;color: #000000; background:url(../images/commun/bg-gradient.png) repeat-x #A40203; width:100%; height:100%;}
a {text-decoration:none;color: #6F6F6F;  }
.lien {text-decoration:none;color: #000000;  }

p,h1,h2,h3 { margin:0; padding:0; font-weight:500;}

#containerGlobal{ width:994px;position:relative; margin:auto; top:60px; background:#FFFFFF; border:#A40203 2px solid}
#logo { width:231px; height:205px; background:url(../images/commun/logo-2r2c.png); position:absolute; top:-2px; left:-2px; z-index:81;}
#newsletter { width:332px; height:38px; background:url(../images/commun/newsletter.png); position:relative; top:-50px; left:663px; z-index:5;}

#bandeau { width:964px; height:280px; position:relative; margin-left:15px; margin-top:15px; margin-bottom:15px;}
ul{ margin:0; padding:0; margin-top:5px; margin-bottom:7px}
li{ margin-left:30px;}

/*navigation*/

#navigation{ width:810px; height:30px; position:absolute; left:190px; top:15px; z-index:80;}
#navigation a{}
#navigation div { position:absolute; top:30px; z-index:500;float:left;width:200px;border: 1px solid gray; background-color:#FFFFFF;}
#navigation li {text-align: left; list-style:none; margin-left:5px;}
#navigation li a, #menu dt a {color: #000;text-decoration: none;display: block;height: 100%;border: 0 none;}

#smenu1 {left:77px}
#smenu2 {left:128px}
#smenu3 {left:291px}
#smenu4 {left:418px;}
#smenu5 {left:557px;}
#smenu8 {left:595px;}

a.accueil,a.nav2r2c,a.programmation,a.societaires,a.public,a.presse,a.partenaires,a.contact{background: url(../images/commun/navigation.png) ;position:relative; height:21px; float:left;}

#focus_accueil,#focus_nav2r2c,#focus_programmation,#focus_societaires,#focus_public,#focus_presse,#focus_partenaires, #focus_contacts{background:url(../images/commun/navigation.png);position:relative; height:21px; float:left; left:179px;}

a.accueil{width:77px;}
a.accueil:hover{background-position:0 -30px;}
#focus_accueil{width:77px;background-position:0px -30px;}

a.nav2r2c{width:51px;background-position:-77px 0}
a.nav2r2c:hover{background-position:-77px -30px;}
#focus_nav2r2c{width:51px;background-position:-77px -30px}

a.programmation{width:143px;background-position:-128px 0}
a.programmation:hover{background-position:-128px -30px;}
#focus_programmation{width:143px;background-position:-128px -30px}

a.societaires{width:147px;background-position:-271px 0}
a.societaires:hover{background-position:-271px -30px;}
#focus_societaires{width:147px;background-position:-271px -30px}

a.public{width:108px;background-position:-418px 0}
a.public:hover{background-position:-418px -30px;}
#focus_public{width:108px;background-position:-418px -30px}

a.presse{width:67px;background-position:-526px 0}
a.presse:hover{background-position:-526px -30px;}
#focus_presse{width:67px;background-position:-526px -30px}

a.partenaires{width:112px;background-position:-593px 0}
a.partenaires:hover{background-position:-593px -30px;}
#focus_partenaires{width:112px;background-position:-593px -30px}

a.contact{width:83px;background-position:-705px 0}
a.contact:hover{background-position:-705px -30px;}
#focus_contacts{width:83px;background-position:-705px -30px}

/*home page*/
#homeCol_1, #homeCol_2, #homeCol_3,#declinaisonColB { position:relative; width:311px; float:left; margin-left:15px;}

#homeTexte{ width:281px;float:left; margin:15px 15px 15px 15px; display:block;}

#homePush1, #homePush2, #homePush3, #homePush4{ margin-bottom:15px;}
#homePush1{ background: url(../images/home/home-bg-actualites.png)  repeat-y;}
#homePush2{ background: url(../images/home/home-bg-societaires.png)  repeat-y;}
#homePush3{ background: url(../images/home/home-bg-affiche.png)  repeat-y;}
#homePush4{ background: url(../images/home/home-bg-agenda.png)  repeat-y;}

#homeCompteurPushCenter{ position:absolute; z-index:10; width:50px; height:20px; left:131px; margin-top:23px;  background:white; text-align:center; line-height:20px}

#homeCompteurPushLeft{ position:absolute; z-index:10; width:50px; height:20px; left:15px; margin-top:8px;  background:white; text-align:center; line-height:20px}

/*ie 6 et 7*/

*html #homeCompteurPushCenter {margin-top:38px;}
*html #homeCompteurPushLeft{margin-top:8px;}

*+html #homeCompteurPushCenter {margin-top:38px;}
*+html #homeCompteurPushLeft {margin-top:8px;}


/*Compteur d'infos */
#compteurActu {float:left; margin-left:15px;}
#compteurBreve {float:left; margin-left:15px;}
#compteurAff {float:left; margin-left:15px;}
#compteurAgenda {float:left; margin-left:15px;}
#compteurDiapo{float:left; width:25px; text-align:right;}

#homeFlecheGauche{ position:absolute; z-index:11; width:7px; height:13px; margin-left:10px;  margin-top:17px;}
#homeFlecheDroite{ position:absolute; z-index:12; width:7px; height:13px;  margin-left:297px;  margin-top:17px;}

#breveFlecheGauche{ position:absolute; z-index:11; width:7px; height:13px; margin-left:10px;  margin-top:17px;}
#breveFlecheDroite{ position:absolute; z-index:12; width:7px; height:13px;  margin-left:297px;  margin-top:17px;}

#homeFlecheBas{ position:absolute; z-index:13; width:13px; height:7px; left:150px; margin-top:39px;}
#homeFlecheHaut{ position:absolute; z-index:13; width:13px; height:7px; left:150px; margin-top:22px;}

#afficheFlecheBas{ position:absolute; z-index:13; width:13px; height:7px; left:150px; margin-top:24px;}
#afficheFlecheHaut{ position:absolute; z-index:13; width:13px; height:7px; left:150px; margin-top:7px;}
#afficheImg{ }
/*ie 6 et 7*/

*html #homeFlecheBas {margin-top:30px; }
*html #homeFlecheHaut {margin-top:16px;}

*+html #afficheFlecheBas {margin-top:24px; }
*+html #afficheFlecheHaut {margin-top:7px;}

#homeAgendaOn  { position: relative;background:#725B62; padding-left:15px;color:white;}
#homeAgendaOff {position: relative;background:white ; padding-left:15px;}

#homeAgendaOn a{color:white;}
#homeAgendaOn img{float:left;}
#homeAgendaOff a{color:black;}

#texteAgenda{ position:relative;width:291px; padding-top:15px; padding-bottom:10px;}
#pushResaAgenda{  position:relative;width:311px;margin-left:-15px; padding-bottom:15px; background:#935D88;}
#pushResaAgenda img{ position:relative; margin-left:-15px; float:right;}

#homeCompteurPushLeftAgenda{ position:absolute; z-index:10; width:50px; height:20px; left:15px; margin-top:8px;  background:white; text-align:center; line-height:20px}
#homeFlecheBasAgenda{ position:absolute; z-index:13; width:13px; height:7px; left:150px; margin-top:24px;}
#homeFlecheHautAgenda{ position:absolute; z-index:14; width:13px; height:7px; left:150px; margin-top:7px;}

/*declinaison-gen*/

#declinaisonColA_1, #declinaisonColA_2, #declinaisonColA_3, #declinaisonColA_4, #declinaisonColA_5, #declinaisonColA_6, #declinaisonColA_8, #declinaisonSocietaires{ width:642px; float:left; margin-left:15px ;margin-right:5px;}

#declinaisonColA_1{background: url(../images/habillage/bg-1.png) repeat-y;}
#declinaisonColA_2{background: url(../images/habillage/bg-2.png) repeat-y;}
#declinaisonColA_3{background: url(../images/habillage/bg-3.png) repeat-y;}
#declinaisonColA_4{background: url(../images/habillage/bg-4.png) repeat-y;}
#declinaisonColA_5{background: url(../images/habillage/bg-5.png) repeat-y;}
#declinaisonColA_6{background: url(../images/habillage/bg-6.png) repeat-y;}
#declinaisonColA_8{background: url(../images/habillage/bg-8.png) repeat-y;}

#declinaisonColB{ width:311px; float:left;}

#declinaisonTexte{ width:480px;float:left; margin:15px 15px 15px 15px;}
#declinaisonTexte2{ width:612px;float:left; margin:15px 15px 15px 15px;}
#declinaisonTexte3{ width:900px;float:left; margin:15px 15px 15px 15px;}

#homeSocietairesTexte{ width:612px;float:left; margin:15px 15px 15px 15px;}
#homeSocietairesTexte a{ color:#333333;}

#declinaisonSocietaires{width:963px; background: url(../images/habillage/bg-societaires-home.png) repeat-y;}

h1{ font-size:18px; margin-bottom:5px; margin-top:5px;}
h2{font-size:13px; margin-bottom:5px; margin-top:5px;}
h3{ font-size:11px;margin-bottom:5px; margin-top:5px; color:#666666 } 
h3 a{color:#666666 } 
h4{ font-size:18px;margin-bottom:5px; margin-top:5px; font-weight: 500; } 

#declinaisonLiens{ width:90px; float:left; height:150px; margin-top:15px;}

#push-numRub, #push-0, #push-1, #push-2, #push-3, #push-4, #push-5, #push-6 { width:310px;margin-bottom:15px;background: url(../images/habillage/push-bg-0.png) repeat-y; } 

#push-0{ background: url(../images/habillage/push-bg-0.png) repeat-y; }
#push-1{ background: url(../images/habillage/push-bg-1.png) repeat-y; }
#push-2{ background: url(../images/habillage/push-bg-2.png)  repeat-y;}

#homePush2{ background: url(../images/habillage/push-bg-2.png)  repeat-y;}
#push-3{ background: url(../images/habillage/push-bg-3.png) repeat-y; }
#push-4{ background: url(../images/habillage/push-bg-4.png) repeat-y; }
#push-5{ background: url(../images/habillage/push-bg-5.png) repeat-y; }
#push-6{ background: url(../images/habillage/push-bg-6.png) repeat-y; }

#pushTexte{ width: 275px; margin:15px 15px 15px 15px;}

#siteMap{ width:980px; margin-left:15px ;margin-right:15px;margin-top:15px; }
#siteMapDescription{ width:980px; margin-top:5px; margin-bottom:5px; color:#999999; }
#siteMapCol{ width:125px; float:left; margin-right:15px; margin-top:10px;margin-bottom:15px } 
#siteMapCol a {color:#999999;} 

#coordonnes {width:980px; float:left; padding-top:9px; margin-top:5px; margin-left:15px; margin-bottom:15px;}
#coordonnes img{margin-right:15px;} 

#spacer{ width:994px; height:1px; clear:both;}

/* form*/
form { position:relative; margin-top:15px; float:left; margin-bottom:15px;}
label { width:100px; float:left; margin-left:15px;text-align:right; line-height:15px;}
input{ border: #999999 1px solid; width:150px; margin-left:20PX; padding-right:50px; margin:0px 20px 10px 20px;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;}
select{ border: #999999 1px solid; width:150px; margin-left:20PX;  margin:0px 20px 10px 20px;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;}
textarea{ border: #999999 1px solid; width:150px; height:90px; margin-left:20PX; padding-right:50px; margin:0px 20px 10px 20px;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;}

#envoyer {width:200px; height:25px; position:relative; float:left; }
#envoyer input{width:200px; height:18px; border:0; background:url(../images/commun/bt-ok.png); float:left; position:relative;}
#commentform{ position:relative; float:left; top:-30px}

form.newsletter input{ width:100px; height:20px; line-height:20px;margin-left:111px;position:absolute; float:left; top:-7px}
form input.submit{width:34px; height:29px;position:absolute;top:-7px; left:165px; border:0; background-color:#000000;padding-right:0;}
#desinscrit {position:absolute;top:12px; left:110px;font-weight:bold;}

/* Habillage page programmation */
#ProgCol_1, #ProgCol_2, #ProgCol_3 { position:relative; width:311px; float:left; margin-left:15px;}
#ProgTexte {width:281px;float:left; margin:15px 15px 15px 15px;}
#ProgTitre {position:absolute; float:left; color:#FFFFFF;font-size: 20px; font-weight:bold; width:281px; margin:5px 5px 5px 5px; top:10px; left:20px;}
#ProgPush1, #ProgPush2, #ProgPush3 {margin-bottom:15px;}
#ProgPush1 {background: url(../images/habillage/programmation/prog-bg-1.png)  repeat-y;}
#ProgPush2 {background: url(../images/habillage/programmation/prog-bg-2.png)  repeat-y;}
#ProgPush3 {background: url(../images/habillage/programmation/prog-bg-3.png)  repeat-y;}

#progColA_1, #progColA_2, #progColA_3 { position:relative; width:642px; float:left; margin-left:15px ;margin-right:5px;}
#progColA_1 {background: url(../images/habillage/programmation/bg-1.png) repeat-y;}
#progColA_2 {background: url(../images/habillage/programmation/bg-2.png) repeat-y;}
#progColA_3 {background: url(../images/habillage/programmation/bg-3.png) repeat-y;}
#ProgColTexte {width:612px;float:left; margin:15px 15px 15px 15px;}
#ProgColTitre {position:absolute; float:left; color:#FFFFFF;font-size: 20px; font-weight:bold; width:281px; margin:5px 5px 5px 5px; top:10px; left:20px;}

#declinaisonDiapo { position:relative; width:275px; float:left; margin-left:0px;}
#push-10 { width:275px;margin-bottom:15px;} 
#pushTexte2{ width: 275px; margin:5px 0px 5px 0px;}
#homeCompteurPushCenter2{ position:absolute; z-index:10; width:50px; height:20px; left:111px; margin-top:-2px; background:white; text-align:center; line-height:20px}
#compteurDiapo2{float:left; width:25px; text-align:right;}
#homeFlecheGauche2{ position:absolute; z-index:11; width:7px; height:13px; margin-left:101px; margin-top:2px;}
#homeFlecheDroite2{ position:absolute; z-index:12; width:7px; height:13px;  margin-left:171px; margin-top:2px;}