/* css erga */

* {border:0; margin:0; padding:0;}
body{background:#bababa; font-family: Verdana; font-size:12px;}
a, a:visited{text-decoration:none; color:#C84A21;}
a:hover{color: #ffffff; background: #5C5251; text-decoration:none;}
img{border:0;}
ul{list-style-type:none;}
p{margin-bottom: 10px;}

#center{width: 990px; margin: 0 auto; background: #ffffff;}
#center1{width: 800px; margin: 0 auto; background: #ffffff;}
#white{background: #ffffff; float:left;}
#wrapper{width: 990px; float:left; background: #ffffff; }
#header{width: 990px; height: 186px; float:left; background: url('images/head.jpg') repeat-x; position:relative;}
#logo{width: 328px; height: 186px; float:left; background: url('images/logo.jpg') no-repeat;}
#logo h1{font-size:0px;  position:absolute; top:-160px; left:-450px; }
#menu{width: 785px; height:15px; margin: 93px 0 0 -130px; float:right;
 display:inline; font-size:11px; font-weight:bold;}
#menu ul{text-align:center; float:right; margin-right: 7px;
 display:inline;}
#menu li{display: inline; float:left; font-size:10px;}
#menu li a, #menu li a:visited{color: #ffffff; text-decoration:none;
 padding: 0 5px 0 5px; height:15px; display:block; width: 130px;
 background:url('images/menubody.jpg') repeat-x; font-size:11px;}
#menu li a:hover{text-decoration:underline;}
.first{display:inline; float:left; width:9px; height: 15px;
 background:url('images/menufirst.jpg') no-repeat; }
.last{display:inline; float:left; width:9px; height: 15px;
 background:url('images/menulast.jpg') no-repeat;}
.nv{position:absolute; left:-9999px;}
#menu li ul {position: absolute; float:left; left: -999em; width: 135px;
 margin-top:0px; margin-left:0px; display:inline; z-index: 30;}
* html #menu li ul{margin-left: 0px;}
#menu li ul li{float:left; width: 155px; display:block; display:inline;
 background: #C84A21;margin-left:-8px;}
* html #menu li ul li{margin-left: -14px;}
#menu li ul li a, #menu li ul li a:visited{width: 145px; text-align:
 center;
display:block; height:100%; padding-top:3px; padding-bottom:3px;}
#menu li ul li a:hover{background: #000000; text-decoration:none;}
#menu li:hover, #menu li.sfhover {position:static;}
#menu li:hover ul, #menu li.sfhover ul {left: auto; }
#content{width: 990px; float: left; padding-bottom: 300px; background: url('images/footer.gif') no-repeat bottom;}
#content1{width: 990px; float: left; padding-bottom: 300px; background: url('images/footer1.jpg') no-repeat bottom;}
#left{width: 600px; float:left; border-right: 2px dotted #C84A21; padding-bottom: 110px;}
#left ul{margin: 10px 0 0 0;}
.quisommes{margin: 25px 0 0 0;}
h1.erga{color: #ffffff; font-size: 12px; font-weight: normal; background: url('images/erga.jpg') repeat-y; width: 537px; padding: 5px 0 5px 30px; margin: 10px 0 10px 12px;}
h1.erga a, h1.erga a:visited{color: #ffffff; background: none;}
h1.erga a:hover{color: #C84A21; background:none;}
.lefttext{color: #5F5150; margin: 0 70px 0 43px;}
.leftlist{color: #5F5150; margin: 0 70px 0 43px; text-align:right; font-weight:bold; }

#right{width: 360px; float:left; margin: 0 0 0 10px; }
#picture{width: 360px; float:left;  margin-top: -12px;}
h1.nom{background: #000000; padding: 5px 0px 5px 0px; text-align:center; margin: 0 0 0px 8px; font-size:12px; width: 60%; color: #ffffff;  position:relative; top: 0px; left: 0px; }
h2.colmar{font-size:12px; font-weight: normal; padding: 2px 14px 2px 14px; text-align: center; float:right; margin: -28px 7px 0 0; color: #ffffff; background: #C84A21; display: inline; position:relative;}
#picturebackground{width: 360px; height: 12px; float:left; background: url('images/picturebackground.jpg') no-repeat;}
* html #picturebackground{margin-top: -2px;}
.actualites{float: right; margin-top: 10px;}
#actualites{float:left; width: 360px; border-top: 1px solid #000000; margin: 5px 0 5px 0; padding-top: 5px; display:inline; font-size:11px; }
#actualites ul{text-align:right; }
#actualites li{margin-bottom: 5px;}
a.consulter, a:visited.consulter{color: #000000; float:left; font-weight: bold; margin: 0 0 0 55px;}
a:hover.consulter{color: #ffffff; } 

#footer{width: 990px; height: 130px; float:left; margin-top: -130px; position: relative; overflow: hidden; clear:both;}
#footer a, #footer a:visited{color: #ffffff; font-weight:bold;}
#links{float:left; color: #ffffff; font-weight: bold; margin: 30px 0 0 250px; display: inline; } 
#links li{margin-bottom: 7px;}
#links a, #links a:visited{color: #ffffff;}
#credits{float:right; color: #ffffff; margin: 110px 15px 0 0; display: inline;}


.nosprogrammes{width: 242px; height: 25px; float:right; background: url('images/nosprogrammes.jpg') no-repeat; margin: 40px 20px 0 0;}
.nosprogrammes h1{position:absolute; top:-160px; left:-450px; }

.nosprogrammeskkk{width: 242px; font-size: 20px; color: #C94920;  height: 25px; float:right;  margin: 40px 20px 0 0;}

#left1{width: 439px; float:left; padding-bottom: 110px; margin-top: 10px; display:inline;}
#map{width: 439px; float:left; padding-bottom: 14px;  background: #000000; display:inline;}
#map img{margin: 5px 0 0 14px; float:left; display:inline;}
#left1background{width: 300px; height: 13px; float:left; background: url('images/left1background.jpg') no-repeat;}

#right1{width: 512px; float:left; margin: 8px 0 0 20px; display:inline;}
#recherchedap{width: 508px; float:left; height: 84px; background: url('images/recherchedapback.jpg') no-repeat; padding-top: 30px; padding-left: 10px;}
#recherchedap h1{position:absolute; top:-160px; left:-450px;}

.picturelist{float:left; width: 239px; margin: 0 15px 10px 0; display: inline;}
.picturelist a:hover{background: none;}
.picturelist h1{background: #000000; padding: 1px 0px 1px 0px; text-align:center; margin: 0 0 0px 2px; font-size:11px; width: 80%; color: #ffffff;  position:relative; z-index: 2; top: 10px; left: 0px; overflow: visible;}
.picturelist h2{font-size:12px; font-weight: normal; padding: 2px 14px 2px 14px; text-align: center; float:right; margin: -21px 4px 0 0; color: #ffffff; background: #C84A21; display: inline; position:relative; z-index:2;}
.picture{width: 239px; float:left; position: relative; z-index: 1;}
.picturelistbck{width: 239px; height: 6px; float:left; background: url('images/picturelistback.jpg') no-repeat;}
* html .picturelistbck{margin-top: -7px;}
#lespace{width: 292px; height: 34px; float:left; background: url('images/lespaceprendvie.jpg') no-repeat; top: 40px; left:200px; position: relative; z-index:1;}

/*pagina detail */
#wrapper1{width: 800px; float:left; background: #C84A21 url('images/headerdetail.jpg') no-repeat;}
#headerdetail{width: 347px; height: 109px; float:left;}
#headerdetail a, #headerdetail a:visited{font-weight: normal; font-size: 24px; float:left; margin: 30px 0 0 140px; display: inline;}
#nomduprogramme{height: 33px; float:left; background: #000000; color: #ffffff; font-size: 22px; padding: 10px 45px 0 45px; margin: 45px 0 0 0; display: inline;}
#contentdetail{width: 800px; float:left; background: #C84A21 url('images/contentdetail.jpg') repeat-y; margin-top: 30px; padding-bottom: 10px; display: inline;}
#contentdetail img{margin: 0 0 0 30px; float:left;}
#contentdetail1 img{margin: 0 10px 10px 0px; float:left;}
#contentdetail p{margin: 0 0px 10px 10px; color: #ffffff; float:left; width: 45%;}
#contentdetail1 p{margin: 0 0px 10px 10px; color: #ffffff; float:left; }
#contentdetail a, #contentdetail a:visited{color: #ffffff; font-weight:bold;}
#voirla3d{float:right; margin-right: 30px; display: inline;}
#table{width: 685px; float:left; color: #ffffff;  margin: 0px 0 0px 0px; padding: 10px 0 10px 0; display:inline; background: url('images/table.jpg') repeat-y;}
#table table{margin: 0 0 0 30px; text-align: center; display:inline;}
#table th, #table td{padding: 0px 17px 0px 17px; }
* html #table th, #table td{padding: 0 16px 0 16px;}
#tablewrap{width: 685px; float:left; padding-top: 6px; margin: 20px 0 10px 50px; display:inline; position: relative; background: url('images/tablehead.jpg') no-repeat; }
#footerdetail{width: 800px; height: 142px; float:left; background: url('images/footerdetail.jpg') no-repeat;}
#tablebottom{width: 685px; height: 5px; float:left; background: url('images/tablebottom.jpg') no-repeat; }

#left2{width: 300px; float:left; padding-bottom: 110px; margin-top: 10px; display:inline; }
#black{width: 295px; float:left; background: #19171C; margin-left: 2px; display: inline;}
img.nosprogrammes1{margin: 10px 0 5px 60px;}
.picturelist1{float:left; width: 240px; margin: 0 0px 15px 26px; display: inline;}
.picturelist1 img{margin:0;}
.picturelist1 a:hover{background: none;}
.picturelist1 h1{background: #000000;  padding: 1px 0px 1px 0px; text-align:center; margin: 0 0 0px 2px; font-size:11px; width: 70%; color: #ffffff;  position:relative; z-index: 2; top: 27px; left: 0px; overflow: visible;margin-bottom:20px;}
.picturelist1 h2{font-size:12px; font-weight: normal; padding: 2px 14px 2px 14px; text-align: center; float:right; margin: -22px 4px 0 0; color: #ffffff; background: #C84A21; display: inline; position:relative; z-index:2;}
.picture{width: 239px; float:left; position: relative; z-index: 1;}
.picturelistbck1{width: 240px; height: 6px; float:left; background: url('images/picturelistback1.jpg') no-repeat;}
* html .picturelistbck1{margin-top: -8px;}

.info{float:left;}
a.info{position:relative; /*this is the key*/ z-index:24; background-color:#ccc; color:#000; text-decoration:none;}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; top:-30px; left:240px; width:15em; text-align: center; float:left; z-index:3;}
.light{width: 510px; border: 1px solid #000000; background: #221E1F; float:left; position:relative; z-index: 4;}
.lightleft{width: 27px; height: 157px; float:left; background: url('images/lightleft.jpg') no-repeat; position:relative; z-index: 4;}
.lighttop{width: 483px; height: 68px; background: url('images/lighttop.jpg') no-repeat; float:left; position:relative; z-index: 4;}
.lighttop h1{background: #221E1F;  padding: 4px 0px 5px 0px; text-align:center; margin: 0px 0 0px 150px; font-size:11px; width: 40%; color: #ffffff;  position:relative; z-index: 2; top: 18px; left: 0px; overflow: visible; }
* html .lighttop h1{margin-left: 40px;}
.lighttop p{text-align:right; color:#000000; font-weight:bold; margin: 10px 10px 0 0;}
.lightcontent{width: 483px; float:left; background: #C94A1F; text-align: center; padding-bottom: 10px; position:relative; z-index: 4;}
.lightcontent img{float:left; border: 1px solid #ffffff; margin: 10px;}
.lightcontent p{text-align: left; margin: 5px 0 0 5px; color: #ffffff;}
.lightbottom{width: 483px; height: 61px; float:left; background: url('images/lightbottom.jpg') no-repeat; margin-left: 27px; display:inline; position:relative; z-index: 4;}
.lightbottom p{text-align:left; color: #231F20; font-size:10px; width: 200px; float:left; margin: 10px 0 0 15px; display:inline;}


#right2{width: 650px; float:left; margin: 40px 0 0 40px; padding-bottom: 100px; display:inline;}
#right2 a, #right2 a:visited{font-weight:bold;}
.paragraphe{width: 560px; float:left; }
.paragraphe h1{font-size:12px; background: url('images/paragraphe.jpg') repeat-y; width: 534px; padding: 8px 0 8px 25px; color: #ffffff;margin-bottom:20px; }
.paragraphe p{color: #5B5253; margin: 10px 0 10px 25px;}
.paragraphe ul{font-weight:bold; margin: 0 0 0 50px; color: #5D5151;}
#lespace1{width: 292px; height: 34px; float:left; background: url('images/lespaceprendvie.jpg') no-repeat; top: 150px; left:200px; position: relative; z-index:1;}

#left2 ul{margin: 5px 0 10px 5px; width: 95%; padding-bottom: 10px; border-bottom: 1px dotted #ffffff;}
.orange{font-weight: bold; color: #C94A1F; margin: 30px 0 0 30px;}
.white{font-weight:bold; color: #ffffff; margin: 2px 0 0 60px;}
a.white1, a:visited.white1{color: #ffffff;}

.formcontactpar{padding:10px;}
.envoyer{width:78px; height:28px; background: url('images/envoyer.jpg') no-repeat;}
input.leftborder3{width:422px;}
textarea.leftborder1{width:500px;height:100px;}
input.leftborder{width:630px;}
textarea.leftborder{width:630px;height:200px;}
textarea.leftborder2{width:630px;height:70px;}
.leftborder1{color:#4d6580;border:1px solid #969696; width:380px;}
.leftborder3{color:#4d6580;border:1px solid #969696; width:200px;}
.leftborder2{color:#4d6580;border:1px solid #969696; width:100px;}
.leftborder{color:#4d6580;border:1px solid #969696;}
select {color:#4d6580;border:1px solid #969696;}

.recherche12{width:66px; height:19px; background: url('images/erga02.png') no-repeat; color:#ffffff;}







#table1{width: 480px; float:left; color: #ffffff;  margin: 0px 0 0px 0px; padding: 10px 0 10px 0; display:inline; background: url('images/table.jpg') repeat-y;}
#table table1{margin: 0 0 0 5px; text-align: center; display:inline;}
#table1 th, #table1 td{padding: 0px 2px 0px 2px; }

#table1wrap{width: 480px; float:left; padding-top: 1px; margin:10px 0 10px 20px; display:inline; position: relative; background: url('images/tablehead.jpg') no-repeat; }



#telechargez{width: 520px; float:left; margin: 50px 0 0 0px; display:inline; }
h5{font-size:12px; font-weight:normal; color:#C84A21; float:left; margin: 20px 0 0 20px; display:inline; width: 470px;}
#telechargez a, #telechargez a:visited{width: 450px; float:left; margin: 10px 0 0 40px; display:inline; background: url('images/pdf.jpg') no-repeat 2px 2px; padding: 3px 0 3px 20px; color:#000;}
#telechargez a:hover{text-decoration:underline; background: url('images/pdf.jpg') no-repeat 2px 2px; color:#000;}
#telechargez table a, #telechargez table a:visited{width: 20px; float:left; background:none; padding: 0; margin: 0 0 0 10px; display:inline;}
#telechargez table{background:#EDEDED; margin: 10px 0 0 20px; float:left;}
#telechargez th{background:#000; color:#fff; padding: 5px;}
#telechargez tr{text-align:center; font-size:11px; }
#telechargez td{border-bottom:1px solid #BEBEBE; padding:5px;}

#voircontact{width: 100%; float:left; height:50px; }
/*#voircontact a, #voircontact a:visted{float:left; margin: 0; padding: 0; background: none; width: 264px;}
#voircontact img{float:left; width: 250px; margin:10px 0 0 10px; display:inline;}*/
.voir1{float:left; width: 250px; margin: 10px 0 0 10px; display:inline;}


.titleblack{background: #000; color:#fff; float:right; padding: 10px 15px 10px 15px; margin: 0 2px -60px 0; position:relative; z-index:1;}
.titleblack h1{font-weight:normal; font-size:20px;}
.box5{background: url('images/boxtop.jpg') no-repeat top left #C84A21; width:388px; float:left; padding:30px 10px 10px 10px; color:#fff; font-size:11px;}
.box5 img{float:left; margin: 20px 0 0 13px; display:inline;}
.box5 p{float:left; margin: 10px 0 0 10px; display:inline; width: 360px;}

#left5{width: 520px; float:left; padding-bottom: 110px; }
#right1{width: 410px; float:left; margin: 0 0 0 30px; display:inline;}

#recherchegeo1{width: 408px; height: 248px; float:left; background: url('images/recherchegeo1.jpg') no-repeat top left; margin: 20px 0 0 0; display:inline;}
#custommap{width: 382px; height: 190px; float:left; margin: 27px 0 0 13px; display:inline;}

 
a.inscription, a:visited.inscription{color:#fff; font-weight:bold; font-size:12px; width: 170px; float:right; height: 15px; margin: 10px 0 -25px 0; border-left: 8px solid #CE4921; padding-left:5px;}
#newsletter{background:#fff; width: 330px; position:absolute; top:10px; left:640px; z-index:100; border:6px solid #CE4921; display:none;}
#newsletter1{width: 316px; float:left; border:2px solid #000; padding:5px;}
#newsletter1 h6{float:left; width:100%; border-bottom:1px solid #000; text-align:left; font-size:14px; font-weight:normal;}
#newsletter1 .orange{margin:0;}
#newsletter1 label{font-size:12px; color:#211C18; width:100px; float:left; height:17px; margin: 10px 0 0 0; display:inline; padding-top:3px;}
#newsletter1 input{width: 210px; float:left; height:20px; border:1px solid #211C18; margin: 10px 0 0 0; display:inline;}
#newsletter1 a, #newsletter1 a:visited{font-size:14px; float:left; width: auto; text-align:center; margin: 10px 0 0 130px; font-style:italic;}
#newsletter1 a:hover{background:none; text-decoration:underline; color:#211C18;}