/* TYPOlight webCMS :: Copyright (C) 2005-2009 Leo Feyer :: LGPL license */

body{margin:0;padding:0;font-size:100.01%;text-align:left;position:relative; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #1a262f; }select,input,textarea{font-size:99%;}form{margin:0;padding:0;}img{border:0;}.inside{position:relative;text-align:left;}.block{overflow:hidden;}.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}

.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}.custom{display:block;text-align:left;}.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden;}



#top { background: #fff url(../img/bg_deg.jpg) center top repeat-y; }

#header { clear:both; }

#header img { cursor: pointer; }

body.home #container { clear:both; }

#container { clear:both; }

#left { float: left; width: 190px; padding-right: 10px; }

#main { float: left; width: 550px; padding: 0 5px; margin: 0 0 25px; position:relative; }





body.page_noir #main div.ce_text { color: #1a262f; font-size: 13px; text-align: justify; }

body.page_noir #main h1.ce_headline { color: #fff; font-size: 18px; background-color: #1a262f; padding: 10px; margin-top:0px; margin-bottom: 20px; }

body.page_noir #main div.ce_text h2 { color: #1a262f; font-size: 14px; }



body.page_noir #main a {color:#0b539c; text-decoration: underline; }



body.page_bleu #main div.ce_text { color: #0b539c; font-size: 13px; text-align: justify; }

body.page_bleu #main h1.ce_headline { color: #fff; font-size: 18px; background-color: #0b539c; padding: 10px; margin-top:0px; margin-bottom: 20px; }

body.page_bleu #main h3.ce_headline { color: #fff; font-size: 24px; background-color: #0b539c; padding: 10px; margin-top:0px; margin-bottom: 20px; }

body.page_bleu #main div.ce_text h2 { color: #0b539c; font-size: 14px; }

body.page_bleu #main form { width: 480px; margin: 0 auto; color: #0b539c; margin-top: 25px; background-color: #cdddea; padding: 15px; font-weight: bold; }



body.page_bleu #main form .col_0 { width: 220px; vertical-align:top; padding: 5px; }

body.page_bleu #main form input { width: 250px; }

body.page_bleu #main form input.radio { width: 20px; }

body.page_bleu #main form input.submit { width: 200px; }

body.page_bleu #main form textarea { width: 250px; }



body.page_bleu #main form label.error { color: #d00; }

body.page_bleu #main form input.error, body.page_bleu #main form select.error, body.page_bleu #main form textarea.error { color: #fff; background-color:#FD8686; }

body.page_bleu #main form p.error { display: none; }



div.resume_contrib{ width: 480px; margin: 0 auto; color: #0b539c; background-color: #cdddea; padding: 15px; }







body.page_vert #main div.ce_text { color: #7dbe00; font-size: 13px; text-align: justify; }

body.page_vert #main h1.ce_headline { color: #fff; font-size: 18px; background-color: #7dbe00; padding: 10px; margin-top:0px; margin-bottom: 20px; }

body.page_vert #main div.ce_text h2 { color: #7dbe00; font-size: 14px; }

body.page_vert #main form { width: 480px; margin: 0 auto; color: #7dbe00; margin-top: 25px; background-color: #cdddea; padding: 15px; font-weight: bold; }





body.page_ciel #main div.ce_text { color: #00b4ff; font-size: 13px; text-align: justify; }

body.page_ciel #main h1.ce_headline { color: #fff; font-size: 18px; background-color: #00b4ff; padding: 10px; margin-top:0px; margin-bottom: 20px; }

body.page_roug #main div.ce_text { color: #c9003f; font-size: 13px; text-align: justify; }

body.page_roug #main h1.ce_headline { color: #fff; font-size: 18px; background-color: #c9003f; padding: 10px; margin-top:0px; margin-bottom: 20px; }



body.page_vert #newsletter h1 { color: #7dbe00; }

body.page_vert #newsletter form { width: 540px; margin: 0 auto; color: #7dbe00; padding: 5px; font-weight: bold; background: none; }

body.page_vert #newsletter form p.error { color: #d00; float: right; width: 160px; padding: 0; margin: 0; padding-left: 10px; }





#main h1 { color: #1a262f; font-size: 16px; font-weight: bold; }







#facebook_news { width: 550px; height: 415px; clear:both;!important }

*+html #facebook_news { width: 550px; height: 415px; clear: none; }







#right { float: left; width: 190px; padding-left: 10px; }

#right div.netvibes { padding-left: 5px; padding-top: 5px; background: #2e2e2e; height: 50px; }







#footer { clear:both;  }

#footer .inside { clear:both;  }

#footer iframe { margin: 0 0 10px 120px; } 

#footer .mod_customnav { background: #d1d4d5; text-align: center; padding: 5px;  }

#footer .mod_customnav ul { padding:0; margin:0; list-style-type:none; margin: 0 auto; width: 650px; }

#footer .mod_customnav ul li { float:left; display:inline; padding: 0 5px; }

#footer .mod_customnav ul li a { color: #1a262f; text-decoration: none; }

#footer .mod_customnav ul li a:hover { color: #1a262f; text-decoration: underline; }



#CNIL { background: #d1d4d5; text-align: center; padding: 5px; }

#CNIL a { color: #1a262f; text-decoration: underline; }







div.nav_left h1, div.nav_right h1 { color: #fff; font-size: 14px; margin: 0; padding-left: 10px; height: 30px; line-height: 30px; }



div.nav_left { }

div.nav_left h1 { background: #0b539d;  }

div.nav_left ul { padding: 0; margin: 0; list-style-type: none; background: #cdddea; margin-bottom: 30px; font-weight: bold; font-size: 13px; }

div.nav_left ul li { padding: 0; margin: 0; display: block; height: 30px; line-height: 30px; border-top: 1px solid #f0faff; padding-left: 10px; color: #0b539d; }

div.nav_left ul li a {  color: #0b539d; text-decoration: none; }

div.nav_left ul li a:hover {  color: #0b539d; text-decoration: underline; }



#depregcom img { cursor: pointer; padding-left: 5px; }







/* Home Page Actu */

#actu { }



#actu_img { float: right; padding:5px; width:155px; }

#actu_news { float: left; width:150px; }

#actu_news ul { padding: 0; margin: 0; list-style-type: none; }

#actu_news ul li { float: left; width: 150px; padding: 0 5px;}





#hp-actu { float: left; width: 318px; background: #1a262f; color: #fff; height: 270px; }

ul.easyslide { margin: 0; padding: 0; list-style-type: none; }

ul.easyslide li { width: 318px; }

div.main_actu_text { float:left; margin:5px; width:155px; height: 220px; }

div.main_actu_text h2 { margin: 0 0 15px 0 ; padding: 3px 0 0 0; color: #fff; display: block;line-height:15px; }

div.main_actu_text h2 a { color: #fff; font-size: 13px; }

div.main_actu_text h2 a:hover { color: #fff; font-size: 13px; }



div.main_actu_text p.info { padding:0; margin: 0; font-size: 10px; display: block; clear: both; }

div.main_actu_text p.teaser { padding: 10px 0; margin: 0; font-size: 12px; display: block; clear: both; }

div.main_actu_text p.more { padding: 10px 0 0 0; margin: 0; font-size: 12px; display: block;clear: both; font-weight: bold; float: right; }



div.main_actu_img {float: right; margin:5px 0; width:150px;}



#prevBtn, #nextBtn { margin: 0 5px; }

div.main_actu_text a, #prevBtn a, #nextBtn a{ color: #fff; font-size: 11px; text-decoration: none; font-weight: bold; }

div.main_actu_text a:hover, #prevBtn a:hover, #nextBtn a:hover{ color: #fff; font-size: 11px; text-decoration: underline; }







#actualites { }

#actualites h1 { color: #0b539c; font-size: 14px; }

#actualites div.image_container { float: right; margin-left: 15px; margin-bottom: 70px; }

#actualites p { text-align: justify; }





#actualite_page { }

#actualite_page h2 { padding: 5px 0 5px 15px; margin:0;  font-size: 14px; background: #cdddea;display:block;height:30px;line-height:30px; }

#actualite_page a { color: #0B539D; text-decoration: none; }

#actualite_page a:hover { text-decoration: underline; }

#actualite_page p.info { font-size: 10px; float: right; padding-right: 5px;  }

#actualite_page p.teaser { color: #0B539D; text-align: justify; padding: 2px 10px;margin:2px; }

#actualite_page p.more { float:right; }





/* Home Page Prog */

#hp-nav { float: left; width: 320px; }

#hp-nav ul { padding: 0; margin: 0; list-style-type: none; }

#hp-nav ul li { padding: 0; margin: 0; display: block; margin-top: 14px; display: block; }





/* Home Page Video/Photo */

#hp-vp { float: right; width: 215px; }



div.mod_randomImage { cursor: pointer; }





/* Home Page  */

#main div.encart h1{ color:#FFFFFF; font-size:11px; font-weight:bold; margin:0; padding:0;line-height:15px; }



#main div.encart { width: 205px; height: 190px; background: #1a262f; padding: 5px 0 5px 6px; margin-bottom: 11px; overflow: hidden; }

#main div.encart p { padding:0; margin:0; color: #fff; font-weight: bold; font-size: 11px; }

#main div.encart a { color: #fff; text-decoration: none; font-weight: bold;}

#main div.encart a:hover { color: #fff; text-decoration: none; font-weight: bold; }



#regions-departements-communes8 #table_12 { color: #0b539c; border: 1px solid #0b539c; }

#regions-departements-communes8 #table_12 td { padding: 5px; }

#regions-departements-communes8 #table_12 .col_0 { font-weight: bold; vertical-align:top; width:170px; }

#regions-departements-communes8 #table_12 .row_0 .col_1 { font-weight: bold; }





#ma-vie-ma-region-mon-avenir div.ce_text { color: #1a262f; }

#ma-vie-ma-region-mon-avenir div.ce_text p { margin: 0; padding: 0; color: #1a262f; }

#ma-vie-ma-region-mon-avenir strong.txtbleu { color: #0b539c; }

#ma-vie-ma-region-mon-avenir strong.txtrouge { color: #c9003f; }

#ma-vie-ma-region-mon-avenir div.bloc { border: 1px solid #a6a8a9; padding: 5px; margin: 5px 0; }

#ma-vie-ma-region-mon-avenir span.number { background-color:#c9003f; font-size: 16px; color: #fff; font-weight: bold; padding: 3px 4px 1px 4px; margin: 2px; width: 25px; }







#main #photos-encart div.big_encart { float:left; position: absolute; width: 327px; height: 381px; background: #1a262f; padding: 5px 0 5px 3px; margin-bottom: 11px; overflow: hidden; }

#main #photos-encart div.big_encart img { border: 1px solid #1a262f; }

#main #photos-encart div.big_encart div.caption { padding:0; margin:2px 0 0; color: #fff; font-weight: bold; font-size: 11px; }



#main #photos-encart div.small_encart { float:right; clear:right; width: 205px; height: 180px; background: #1a262f; padding: 5px 0 5px 4px; margin-bottom: 11px; overflow: hidden; }

#main #photos-encart div.small_encart img { border: 1px solid #1a262f; }

#main #photos-encart div.small_encart div.caption { padding:0; margin:2px 0 0; color: #fff; font-weight: bold; font-size: 11px; }





#main #photos-galerie div.ce_image { float: left; width: 174px; font-size: 13px; background: #1a262f; padding: 5px 0 5px 3px; margin: 0 3px 11px; overflow: hidden; }

#main #photos-galerie div.ce_image a { text-decoration: none; color: #fff; }

#main #photos-galerie div.ce_image h5 { padding: 0; margin: 0; color: #fff; }

#main #photos-galerie div.ce_image div.caption { padding:0; margin:2px 0 0; color: #fff; font-weight: bold; font-size: 11px; }





#main #videos-galerie { width: 550px; margin: 0 auto; display: block; }

#main #videos-galerie div.encart { float:left; margin: 11px; }





/* Page DON  */

ol { padding: 0 0 0 20px; margin: 0; }





div.nav_right { }



div.nav_right h1.tit_people { background: #7dbe00 url(../img/picto_people.gif) right no-repeat; }

div.nav_right h1.tit_letter { background: #7dbe00 url(../img/picto_letter.gif) right no-repeat;  }





div.nav_right ul { padding: 0; margin: 0; list-style-type: none; background: #e6f2cc; margin-bottom: 30px; font-weight: bold; font-size: 13px; }

div.nav_right ul li { padding: 0; margin: 0; display: block; height: 30px; line-height: 30px; border-top: 1px solid #f0faff; padding-left: 10px; color: #7dbe00; }

div.nav_right ul li a {  color: #7dbe00; text-decoration: none; }

div.nav_right ul li a:hover {  color: #7dbe00; text-decoration: underline; }



div.nav_right ul li.facebook { padding-left: 0px; clear:both;  }

div.nav_right ul li.flurss { padding-left: 0px; }









/* Base Superbox Styles */

#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}

#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}

#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}

#superbox{margin:0 auto;padding:0;}

#superbox-container .loading{margin:0;text-align:center;}



/* IE7 */

*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}

*:first-child+html #superbox{position:relative;top:-50%;display:block;}

/* IE6 - Thanks to Thickbox for IE expressions */

* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}

* html #superbox{position:relative;top:-50%;display:block;}

* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}

* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}



/* Default Theme */

#superbox-overlay{background:#000;}

#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}

#superbox{padding:10px;background:#fff;}

#superbox-innerbox{padding:10px 0;}

#superbox.image{text-align:center;}

#superbox .close,

#superbox .nextprev{overflow:hidden;margin:0;}



/* FORM  SOUTIEN  */
#comite-de-soutien form { }
#comite-de-soutien form { }
#comite-de-soutien form label { color: #1a262f; }
#comite-de-soutien form span.mandatory { color: #1a262f; }
#comite-de-soutien form p.error { float:right; color: #c00; }
#comite-de-soutien form .col_0 { width: 150px; }