@charset "UTF-8";

/*--------------------------------------------- Page Layout ---------------------------------------------------------*/

body {
background:#FFF url(../medias/fonds/bg_body.jpg) repeat-x top left;
text-align:center;
}

#header,#nav,#main,#footer {
clear:both;
}

#tetiere {
height:183px;
}

#nav {
height:46px;
width:980px;
position:relative;
margin:0 auto;
}

#page {
background:transparent url(../medias/fonds/bg_container.jpg) repeat-x;
min-height:760px;
width:980px;
margin:0 auto;
}


/*------------------------------------------- Formatting content container -----------------------------------------------------------*/

#col1_content,#col2_content,#col3_content {
position:relative;
}

#col1 {
display:inline;
float:left;
width:302px;
text-align:left;
margin:0;
}

#col2 {
display:inline;
float:left;
width:422px;
margin:0;
}

#col3 {
margin-left:724px;
margin-right:0;
}

#col1_content {
margin-left:30px;
}

#col2_content {
margin:10px 20px 0;
}

#col3,#col2 {
padding-top:30px;
text-align:left;
}

/*------------------------------------------- Footer -----------------------------------------------------------*/

#footer {
background:#2864A6 url(../medias/fonds/bg_footer.png) repeat-x;
color:#666;
padding:0;
height:auto;
}

#footer_content {
margin:0 auto;
min-height:90px;
padding-top:20px; !important;
text-align:left;
width:980px;
color:#FFF;
font:0.69em/1.3em Arial, Helvetica, sans-serif;
}


#footer-left {
float:left;
width:420px;
text-align:left;
}

#footer-right {
float:right;
width:510px;
text-align:right;
}


#copyright {
margin-bottom:10px;
padding-left:10px;
}

#copyright a, #copyright a:hover {
color:#FFF;
}

.navigation-footer {
text-align:right;
}

.navigation-footer li {
background:none;
list-style:none;
list-style: none;
border-right:1px solid #FFF;
padding:0px 10px;
font-size:0.9em;
text-transform: uppercase;
margin-bottom:5px;
text-align:right;
display:block;
float:right;
line-height:0.85em;
}

#footer-left .navigation-footer li {
text-align:left;
float:left;
line-height:1em;
}

.navigation-footer a {
color: #FFF;
text-align:right;
}

.navigation-footer .plan-site a, .navigation-footer .newsletter a, .navigation-footer .contact a, .navigation-footer .map a {
padding: 3px 0px 3px 20px !important;
display: block;
}

.navigation-footer .plan-site a { background: url(../medias/elements/picto_sitemap.png) no-repeat 0px 0px !important; }
.navigation-footer .newsletter a { background: url(../medias/elements/picto_newsletter.png) no-repeat 0px 0px !important; }
.navigation-footer .contact a { background: url(../medias/elements/picto_email.png) no-repeat 0px 0px !important; }

.navigation-footer li.last {
border-right:none !important;
background: none !important;
}

#navigation-footer .clearer-li {
background:transparent none repeat scroll 0 0 !important;
clear:right;
padding:0 !important;
}


/*------------------------------------------------- Navigation Buttons -----------------------------------------------------*/

#nav * {
border:none !important;
}

#nav_main {
overflow:hidden;
width:980px;
height:46px;
float:left;
display:inline;
line-height:0;
}

#nav_main ul {
display:inline;
float:left;
line-height:2.75em;
list-style-type:none;
width:980px;
height:46px;
margin:0;
padding:0;
}

#nav_main ul li {
margin:0;
padding:0;
}

#nav_main ul li a {
display:block;
height:46px;
}

li#btn_accueil {
position:absolute;
left:30px;
}

li#btn_presentation {
position:absolute;
left:120px;
}

li#btn_municipale {
position:absolute;
left:221px;
}

li#btn_pratique {
position:absolute;
left:329px;
}

li#btn_animations {
position:absolute;
left:422px;
}

li#btn_culture {
position:absolute;
left:585px;
}

li#btn_education {
position:absolute;
left:705px;
}

li#btn_social {
position:absolute;
left:792px;
}

li#btn_economie {
position:absolute;
left:860px;
}

#btn_accueil a,#btn_presentation a,#btn_municipale a,#btn_pratique a,#btn_animations a,#btn_culture a,#btn_education a,#btn_social a,#btn_economie a {
background:transparent url(../medias/fonds/bg_menu.png) no-repeat;
}

#btn_accueil a {
width:90px;
background-position:-30px -46px;
}

#btn_presentation a {
width:101px;
background-position:-120px -46px;
}

#btn_municipale a {
width:108px;
background-position:-221px -46px;
}

#btn_pratique a {
width:93px;
background-position:-329px -46px;
}

#btn_animations a {
width:163px;
background-position:-422px -46px;
}

#btn_culture a {
width:120px;
background-position:-585px -46px;
}

#btn_education a {
width:87px;
background-position:-705px -46px;
}

#btn_social a {
width:68px;
background-position:-792px -46px;
}

#btn_economie a {
width:88px;
background-position:-860px -46px;
}

#nav_main ul li a span {
display:none;
}

#btn_accueil a:hover,body#btn_accueil-on li#btn_accueil a {
background-position:-30px 0;
}

#btn_presentation a:hover,body#btn_presentation-on li#btn_presentation a {
background-position:-120px 0;
}

#btn_municipale a:hover,body#btn_municipale-on li#btn_municipale a {
background-position:-221px 0;
}

#btn_pratique a:hover,body#btn_pratique-on li#btn_pratique a {
background-position:-329px 0;
}

#btn_animations a:hover,body#btn_animations-on li#btn_animations a {
background-position:-422px 0;
}

#btn_culture a:hover,body#btn_culture-on li#btn_culture a {
background-position:-585px 0;
}

#btn_education a:hover,body#btn_education-on li#btn_education a {
background-position:-705px 0;
}

#btn_social a:hover,body#btn_social-on li#btn_social a {
background-position:-792px 0;
}

#btn_economie a:hover,body#btn_economie-on li#btn_economie a {
background-position:-860px 0;
}

/*--------------------------------------------- Content style ---------------------------------------------------------*/

body {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1em;
color:#444;
}

h1,h2,h4,h5,h6 {
font-family:Arial, Verdana, Helvetica;
font-weight:bold;
color:#666;
text-align:left;
}

h1 {
background:url(../medias/elements/h1_arrow.png) no-repeat;
color:#FFF;
font-size:1.19em;
padding-left:22px;
text-align:left;
text-transform:uppercase;
margin-bottom:0.63em;
}



#col1_content h1 {
margin-left:8px;
}

h2 {
font-size:0.81em;
color:#FFF;
text-transform:uppercase;
}

h3 {
font-size:0.81em;
color:#666;
text-align:justify;
}

h4 {
font-size:0.81em;
color:#666;
text-transform:uppercase;
margin-bottom:0.63em;
}

blockquote {
margin:0 0 1em 1.5em;
}

strong,b {
font-weight:bold
}

pre,code {
font-family:monospace;
font-size:1.1em;
}

acronym,abbr {
letter-spacing:.07em;
border-bottom:.1em dashed #c00;
cursor:help;
}

/* Generic Content Classes */
.note {
background:#cce1f6;
border-bottom:1px #FFF dotted;
padding:1.25em;
width:70%;
}

.important {
background:#ffd;
border-top:1px #ddb dotted;
border-bottom:1px #ddb dotted;
padding:1em;
}

.warning {
background:#fdd;
border-top:1px #dbb dotted;
border-bottom:1px #dbb dotted;
padding:1em;
}

.center {
text-align:center;
margin:0.5em auto;
}

.styleTextExergue {
color:#16579A;
font-weight:bold
}

.imgBorder {
padding:1px;
background:#FFF;
}


/* External Links */
a {
color:#4D87C7;
text-decoration:none;
}

a:focus,a:hover,a:active {
color:#182E7A;
text-decoration:underline;
}

/* Links */

a.next {
display:block;
width:100px;
height:38px;
background:url(../medias/elements/btn_follow.png) no-repeat;
margin:5px 0 5px 0;
}

a.next span {
display:none;
}

/* Miscellaneous */
hr {
color:#fff;
background:transparent;
border:0;
border-bottom:1px #eee solid;
margin:0 0 0.5em;
padding:0 0 0.5em;
}

cite,blockquote,em,i {
font-style:italic;
}

/*--------------------------------------------- Newsletter style ---------------------------------------------------------*/

#newsletter_subscribe {
background:transparent url(../medias/fonds/bloc_newsletter.jpg) no-repeat;
height:94px;
overflow:hidden;
width:208px;
margin:30px 0 10px -2px;
padding:15px 10px 10px 21px;
}

#newsletter_subscribe h2 {
line-height:1.25em;
}

* html {} #col1 #newsletter_subscribe h2 {
background:none;
filter:none;
}

#newsletter_subscribe .note {
background:none;
border:none;
color:#1c4f74;
font-size:0.69em;
text-align:left;
margin-bottom:5px;
font-weight:700;
padding:0;
width:100%;
}

#newsletter-form,#search-form {
display:block;
float:left;
margin:5px 0 0;
padding:0;
}

#newsletter-form input[type=text],#search-form input[type=text] {
background:#FFF url(../medias/fonds/bg_form.gif) repeat-x left top;
border:1px solid #4795E1;
color:#1c4f74;
font-size:0.75em;
line-height:1.25em;
margin:-1px 0 0;
padding:2px;
}

#newsletter-form input[type=text] {
width:152px;
}

#search-form input[type=text] {
width:115px;
}

#newsletter-form div, #search-form div {
float:left;
width:160px;
margin:0 5px 0 0;
padding:0;
}

#newsletter-form div {
width:160px;
}

#search-form div {
width:120px;
}

#newsletter-form .bouton, #search-form .bouton {
width:30px;
margin:0;
}

*:first-child+html {} .bouton {
padding-top:1px;
}

button {
width:30px;
height:20px;
background:url(../medias/elements/btn_submit.png) no-repeat;
}

#newsletter-form label, #search-form label, button span {
display:none;
}

/*--------------------------------------------- col1 Quick Navigation Link ---------------------------------------------------------*/

#col1_content #quick_nav {
list-style-type:none;
margin:0 0 20px 2px;
}

#col1_content #quick_nav li {
background:transparent url(../medias/fonds/bg_fast-link.png) no-repeat;
width:225px;
height:31px;
text-align:left;
}

#col1_content #quick_nav li a {
color:#b9d8f5;
line-height:2.58em;
font-size:0.75em;
text-transform:uppercase;
font-weight:bold;
}

#col1_content #quick_nav li a:hover {
color:#FFF;
}

/*--------------------------------------------- col1 TV Block ---------------------------------------------------------*/

#col1_content #tv_title {
background:transparent url(../medias/elements/bg_tv-title.png) no-repeat;
height:32px;
width:181px;
}

#col1_content #tv_title span {
display:none;
}

/*--------------------------------------------- col2 Diaporama Style ---------------------------------------------------------*/

#col2_content div#diaporama {
background:url(../medias/fonds/bg_diaporama.png) no-repeat;
height:218px; /*height:255px;*/
margin:-15px 0 15px -8px;
padding:18px 19px 19px 18px;
width:322px; /*width:359px;*/
}

/*--------------------------------------------- col2 News Style ---------------------------------------------------------*/

#col2_content div#actu {
background:url(http://192.168.1.2/sc.yutz/../medias/public/fonds/bg_actu.jpg) no-repeat;
margin:0 0 0 -8px;
padding:16px 8px 0 10px;
text-align:left;
width:324px;
}

#col2_content ul#actu h3 {
padding:0;
margin-bottom:5px;
}

#col2_content ul#actu li {
background:url(../medias/elements/bg_date.png) no-repeat;
height:62px;
color:#333;
font-size:0.75em;
min-height:62px;
color:#1c4f74;
}

#col2_content ul#actu li.actif {
background:url(../medias/elements/bg_date_on.png) no-repeat;
}

#col2_content ul#actu li span {
color:#FFF;
float:left;
height:36px;
margin:2px;
padding:5px;
text-align:center;
text-transform:uppercase;
width:36px;
/*font-size:1.18em;*/
}

#col2_content ul#actu li h3 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1em;
color:#16579A;
padding-top:4px;
}

#col2_content ul#actu li h3, #col2_content ul#actu li p {
margin-left:60px;
}

/*--------------------------------------------- col3 Search Block ---------------------------------------------------------*/

#col3_content #site_search {
background:transparent url(../medias/elements/bg_site-search.jpg) no-repeat;
height:33px; /* height:51px; */
padding:9px 9px 9px 60px;
width:170px; /* width:239px; */
}

/*--------------------------------------------- col3 Emergency Link ---------------------------------------------------------*/

#col3_content #priority_link {
background:url(../medias/elements/bg_priority-link.jpg) no-repeat;
width:220px; /* width:239px; */
height:250px; /* height:269px; */
padding:9px 10px 10px 9px;
margin-top:2px;
}

#col3_content #priority_link li {
background:url(../medias/elements/li_priority-link.png) no-repeat;
width:189px; /* width:208px; */
height:65px; /* height:83px; */
padding:9px 10px 9px 9px;
margin:0 auto 0 auto;
color:#FFF;
font-size:0.75em;
}

#col3_content #priority_link li div {
height:53px; /* height:65px; */
padding:6px 6px 6px 58px;
margin-left:8px;
}

#col3_content #priority_link li div#priority_perm {
background:url(../medias/elements/picto_permanences.jpg) no-repeat left center;
}

#col3_content #priority_link li div#priority_urgences {
background:url(../medias/elements/picto_urgences.jpg) no-repeat left center;
}

#col3_content #priority_link li div#priority_plan {
background:url(../medias/elements/picto_plan.jpg) no-repeat left center;
}

#col3_content #priority_link li a {
color:#FFF;
}

#col3_content #priority_link li h2 {
margin-top:5px;
margin-bottom:0;
padding:0;
color:#1c4f74;
text-transform:uppercase;
font-weight: bold;
font-size:1em;
}

*:first-child+html {} #priority_link li h2 {
margin-top:10px;
}

/*--------------------------------------------- col3 Bloc ---------------------------------------------------------*/

#marches {
background:url(../medias/fonds/bg_marche.jpg) no-repeat;
width:199px; /* width:239px; */
height:78px; /* height:128px; */
padding-top:50px;
padding-left:20px;
padding-right:20px;
}

#journal {
background:url(../medias/fonds/bg_journal.jpg) no-repeat;
width:199px; /* width:239px; */
height:69px; /* height:128px; */
margin-top:8px;
padding-top:50px;
padding-left:20px;
padding-right:20px;
}

#marches h2, #journal h2, #mystere h2 {
display:none;
}

#marches p, #journal p, #mystere p {
color:#1c4f74;
font-size:0.69em;
}


#mystere {
background:url(../medias/fonds/bg_mystere.jpg) no-repeat;
width:199px; /* width:239px; */
height:78px; /* height:128px; */
padding-top:50px;
padding-left:20px;
padding-right:20px;
}





#television {
background:url(../medias/fonds/bg_tv.png) no-repeat;
width:239px;
height:215px;
margin-left:-6px;
}

#television p {
padding: 30px 31px 0px 30px;
text-align: right;
}

#television p#lienTv {
padding-top: 0px;
}

#television p img {
margin-bottom: 23px;
}