/* Style sheet cp_main */
a,body,div,li,ol,p,ul{font-family:"Comic Sans MS", sans-serif;font-size:12px;color:#333366;}
h1{margin-bottom:20px;text-align:center;font-family:"Comic Sans MS", sans-serif;font-variant:small-caps;font-size:28px;color:#ff3300;}
h2{margin-top:40px;font-family:"Comic Sans MS", sans-serif;font-size:18px;color:#ff3300;}
h3{margin-top:40px;font-family:"Comic Sans MS", sans-serif;font-size:15px;color:#ff3300;}
h4,h5,h6{font-family:"Comic Sans MS", sans-serif;font-size:12px;color:#333366;}
fieldset,form,input,label,optgroup,select,td,td a,th,textarea{font-family:"Comic Sans MS", sans-serif;font-size:11px;color:#333366;}
b,cite,em,i,strong,u{font-family:"Comic Sans MS", sans-serif;}
ul{margin:0;padding:0;list-style:none;}
a{text-decoration:none;}
h3 a{font-size:15px;}
a:hover{position:relative;color:#ff3300;}
a:active,.ce_text a:active{outline: none;}
body{background: #ece2d8 url(tl_files/cevennes/webdesign/img/body.jpg) repeat-y top center;}
#wrapper{padding:0;}
#header{margin:0;padding:0;background: url(tl_files/cevennes/webdesign/img/header.jpg) no-repeat;}
#right{background-color:#212252;}
#actions li{position:absolute;display:block;text-align:center;}
#marcher{left:281px;top:60px;}
#marcher img{width:98px;height:38px;}
#marcher a:hover img{background: url(tl_files/cevennes/webdesign/img/boutons_actions.png) 0px 0px;}
#marcher a:active img{background: url(tl_files/cevennes/webdesign/img/boutons_actions.png) 0px 39px;}
#voir{left:561px;top:16px;}
#voir img{width:71px;height:38px;}
#voir a:hover img{background: url(tl_files/cevennes/webdesign/img/boutons_actions.png) -99px 0px;}
#voir a:active img{background: url(tl_files/cevennes/webdesign/img/boutons_actions.png) -99px 39px;}
#comprendre{left:787px;top:127px;}
#comprendre img{width:138px;height:38px;}
#comprendre a:hover img{background: url(tl_files/cevennes/webdesign/img/boutons_actions.png) -170px 0px;}
#comprendre a:active img{background: url(tl_files/cevennes/webdesign/img/boutons_actions.png) -170px 39px;}
#onglets_secteurs{width:685px;height:48px;left:160px;top:161px;position:relative;background: url(tl_files/cevennes/webdesign/img/onglets_secteurs.png) no-repeat;}
#onglets_secteurs li{height:48px;float:left;display:block;text-align:center;line-height:120%;}
#onglet_vue-densemble{width:79px;padding-top:13px;}
#onglet_vue-densemble:hover{background: url(tl_files/cevennes/webdesign/img/onglets_secteurs.png) no-repeat 0px -70px;}
#onglet_mont-lozere{width:65px;padding-top:9px;}
#onglet_mont-lozere:hover{background: url(tl_files/cevennes/webdesign/img/onglets_secteurs.png) no-repeat -79px -140px;}
#onglet_causses-et-gorges{width:74px;padding-top:14px;}
#onglet_causses-et-gorges:hover{background: url(tl_files/cevennes/webdesign/img/onglets_secteurs.png) no-repeat -144px -70px;}
#onglet_vallees-cevenoles{width:72px;padding-top:12px;}
#onglet_vallees-cevenoles:hover{background: url(tl_files/cevennes/webdesign/img/onglets_secteurs.png) no-repeat -218px -140px;}
#onglet_massif-de-laigoual{width:77px;padding-top:13px;}
#onglet_massif-de-laigoual:hover{background: url(tl_files/cevennes/webdesign/img/onglets_secteurs.png) no-repeat -290px -70px;}
#onglet_aubrac-et-margeride{width:75px;padding-top:12px;}
#onglet_aubrac-et-margeride:hover{background: url(tl_files/cevennes/webdesign/img/onglets_secteurs.png) no-repeat -367px -140px;}
#onglet_piemont-et-garrigues{width:73px;padding-top:14px;}
#onglet_piemont-et-garrigues:hover{background: url(tl_files/cevennes/webdesign/img/onglets_secteurs.png) no-repeat -442px -70px;}
#onglet_index-alphabetique{width:92px;padding-top:10px;}
#onglet_index-alphabetique:hover{background: url(tl_files/cevennes/webdesign/img/onglets_secteurs.png) no-repeat -515px -140px;}
#onglet_table-des-matieres{width:68px;padding-top:14px;}
#onglet_table-des-matieres:hover{background: url(tl_files/cevennes/webdesign/img/onglets_secteurs.png) no-repeat -607px -70px;}
#onglets_secteurs li.active:hover{background:inherit;}
#onglets_secteurs a,#onglets_secteurs .active{font-weight:bold;font-size:13px;color:#333366;}
#onglets_secteurs a:hover{color:#ff3300;}
#main .marge{position:relative;}
#main .secteur_11{background: #ffffff url(tl_files/cevennes/webdesign/img/fond_11.jpg) repeat-y top left;}
#main .secteur_11 .marge{background: url(tl_files/cevennes/webdesign/img/marge_11.gif) repeat-y top right;}
#main .secteur_3{background: #ffffff url(tl_files/cevennes/webdesign/img/fond_3.jpg) repeat-y top left;}
#main .secteur_3 .marge{background: url(tl_files/cevennes/webdesign/img/marge_3.gif) repeat-y top right;}
#main .secteur_4{background: #ffffff url(tl_files/cevennes/webdesign/img/fond_4.jpg) repeat-y top left;}
#main .secteur_4 .marge{background: url(tl_files/cevennes/webdesign/img/marge_4.gif) repeat-y top right;}
#main .secteur_5{background: #ffffff url(tl_files/cevennes/webdesign/img/fond_5.jpg) repeat-y top left;}
#main .secteur_5 .marge{background: url(tl_files/cevennes/webdesign/img/marge_5.gif) repeat-y top right;}
#main .secteur_6{background: #ffffff url(tl_files/cevennes/webdesign/img/fond_6.jpg) repeat-y top left;}
#main .secteur_6 .marge{background: url(tl_files/cevennes/webdesign/img/marge_6.gif) repeat-y top right;}
#main .secteur_7{background: #ffffff url(tl_files/cevennes/webdesign/img/fond_7.jpg) repeat-y top left;}
#main .secteur_7 .marge{background: url(tl_files/cevennes/webdesign/img/marge_7.gif) repeat-y top right;}
#main .secteur_8{background: #ffffff url(tl_files/cevennes/webdesign/img/fond_8.jpg) repeat-y top left;}
#main .secteur_8 .marge{background: url(tl_files/cevennes/webdesign/img/marge_8.gif) repeat-y top right;}
.page_index #main{background: #ffffff url(tl_files/cevennes/webdesign/img/fond_index.jpg) repeat-y top left;}
.page_index #main .marge{background: url(tl_files/cevennes/webdesign/img/marge_index.gif) repeat-y top right;}
.page_table_matieres #main{background: #ffffff url(tl_files/cevennes/webdesign/img/fond_table_matieres.jpg) repeat-y top left;}
.page_table_matieres #main .marge{background: url(tl_files/cevennes/webdesign/img/marge_table_matieres.gif) repeat-y top right;}
.page_onglets #main{background: url(tl_files/cevennes/webdesign/img/page_onglets.jpg) repeat-y top left;}
.page_onglets #main .marge{background: url(tl_files/cevennes/webdesign/img/onglets_alpha.png) no-repeat top right;}
#container{background: #212252 url(tl_files/cevennes/webdesign/img/left.jpg) repeat-y top left;}
#left .inside{width:170px;position:relative;padding:5px 3px 8px 8px;z-index:2;}
#left a,#left .active{color:#ffffff;}
#left a:hover{color:#ff9900;}
#right .inside{padding:0 3px;}
#right h3{margin-top:5px;margin-bottom:5px;padding-bottom:0;text-align:center;font-size:11px;text-transform:uppercase;}
#right li{margin-top:10px;text-align:center;line-height:12px;}
#right a,#right .active,#right a div{color:#ffffff;}
#right a:hover,#right a:hover .label{color:#ff9900;}
#right img{border:1px inset #333366;}
#right .description{display:block;padding:0 0 7px 4px;background-color:#333366;border:1px outset #333366;font-size:10px;}
#right .description .label{display:block;text-align:center;font-size:11px;line-height:15px;}
#right a .legende{display:none;padding:2px 0 5px 0;border:1px outset #ff3300;color:#ffffff;background:#ff9900;}
#right a:hover img{border:1px inset #ff9900;}
#right a:hover .legende{display:block;}
#right .description:hover{border:1px inset #333366;background:#212256;}
#right .flux_rss{margin:10px 15px 0 30px;line-height:12px;text-indent:-21px;}
#right .flux_rss img{vertical-align:top;border:none;}
#themes li{display:block;}
#themes ul.level_1 a,#themes ul.level_1 li span.active{font-weight:bold;font-size:1.15em;}
#themes ul.level_2 a,#themes ul.level_2 li span.active{font-weight:normal;font-size:1em;}
#themes li.submenu{padding-top:10px;padding-bottom:2px;}
#themes span.active,#themes .level_2 .trail a{display:block;padding-right:10px;text-align:right;background: url(tl_files/cevennes/webdesign/img/theme_hover.png) no-repeat center left;}
#footer{padding-top:5px;background: #212252 url(tl_files/cevennes/webdesign/img/left.jpg) repeat-y top left;}
#contacts{margin-right:130px;margin-left:160px;}
#contacts ul{width:500px;margin:auto;}
#contacts li{float:left;display:block;padding:0 10px;}
#contacts a,#contacts p{font-size:11px;color:#9999CC;}
#contacts a:hover{color:#ff6633;}