@charset "utf-8";
/* CSS Document */
/* MAIRIE DE SEICHAMPS - NEFTIS - Olivier le 08/10/2009 */

html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* Titres, listes et éléments de mise en page par défaut */
h1.fDefault { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #697080; border-bottom: 4px solid #c5c9cb; }
h2.fDefault { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #c5c9cb; border-bottom: 1px solid #c5c9cb; text-transform: uppercase; margin: 10px 0; }
h3.fDefault { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3d4250; background: url(puce06.gif) left 2px no-repeat; padding: 0 0 0 14px; margin: 5px 0; }
ul.fDefault { padding: 10px 0 10px 20px; }
table.fDefault { font-size: 11px; }

/* Titres */
.titre_rubrique { font-family: Arial, Helvetica, sans-serif; font-size: 42px; letter-spacing: -2px; color: #c5c9cb; }

.titreh1_1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #697080; border-bottom: 4px solid #c5c9cb; }
.titreh2_1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #c5c9cb; border-bottom: 1px solid #c5c9cb; text-transform: uppercase; margin: 10px 0; }
.titreh3_1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3d4250; background: url(puce06.gif) left 2px no-repeat; padding: 0 0 0 14px; margin: 5px 0; }
.titreh3_2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #c5c9cb; border: none; background: none; padding: 0; }
.titreh3_3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #56d616; }
.titreh3_4 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #c5c9cb; padding: 0; background: none; }
.titreh4_1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #697080; background: url(puce07.gif) left 4px no-repeat; padding: 0 0 0 10px;  margin: 5px 0; }
.titreh4_2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #c5c9cb; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #c5c9cb; }


h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #697080; border-bottom: 4px solid #c5c9cb; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #c5c9cb; border-bottom: 1px solid #c5c9cb; text-transform: uppercase; margin: 10px 0; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3d4250; background: url(puce06.gif) left 2px no-repeat; padding: 0 0 0 14px; margin: 5px 0; }

/* Textes */
.chapeau { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background: url(puce04.gif) left top no-repeat #697080; border-bottom: 1px solid #697080; padding: 2px 10px 5px; }
.texte1 { color: #e20036; font-weight: bold; }
.texte2 { color: #3db8e0; font-weight: bold; }
.texte3 { font-style: italic; font-size: 11px; }

/* Images */
.picType1 { padding: 10px; background: #ffffff; border: 1px solid #bfbfbf; }

/* Colonnes de tableaux */
.colType1 { border-top: 1px solid #e4e4e4; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #297bd6; padding: 5px; }
.colType2 { border-right: 1px solid #e4e4e4; }
.colType3 { border-right: 1px solid #697080; }

/* Listes à puces */
.listType1 { list-style: none; padding: 0 15px; margin: 10px 0; }
.listType2 { list-style: none; padding: 0; margin: 10px 0; }

/* Tables */
.tblCorners1 { background: #e0e4e6; font-size: 11px; color: #697080; font-family: Arial, Helvetica, sans-serif; }
.tblCorners2 { background: #ffffff; font-size: 11px; color: #697080; font-family: Arial, Helvetica, sans-serif; }
table.fDefault caption { padding: 10px; color: #ffffff; text-align: center; text-transform: uppercase; font-weight: bold; background: #697080; font-size: 12px; }
table.fDefault td { padding: 10px; text-align: center; }

/* not editor */
/* Compléments styles supérieurs */
.titreh3_1 a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #56d616; }
.colType1 a { color: #297bd6; }
.listType1 li, .listType2 li { background: url(puce04.gif) left top no-repeat #697080; padding: 2px 10px 0; color: #697080; font-size: 11px; }
.listType1 li ul, .listType2 li ul { margin: 0; padding: 0; }
.listType1 li li, .listType2 li li { background: url(puce08.gif) left top no-repeat #697080; padding: 2px 15px 0; }
.tblCorners1 .corners { height: 6px; }
.tblCorners1 .col1, .tblCorners1 .col3, .tblCorners2 .col1, .tblCorners2 .col3 { width: 6px; height: 6px; line-height: 0; font-size: 0; vertical-align: top; }
.tblCorners1 a, .tblCorners2 a { font-size: 11px; color: #2778d7; }
.tblCorners2 .midTop { border-top: 1px solid #d4d6d7; }
.tblCorners2 .midBot { border-bottom: 1px solid #d4d6d7; }
.tblCorners2 .midRight { border-right: 1px solid #d4d6d7; }
.tblCorners2 .midLeft { border-left: 1px solid #d4d6d7; }
.titreh3_2 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #c5c9cb; border: none; }
.texte1 a, a.texte1 { color: #e20036; font-weight: bold; }
.texte2 a, a.texte2 { color: #3db8e0; font-weight: bold; }



/* Styles généraux */
body { background: #e0e4e6; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #697080; }
a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #697080; text-decoration: none; }
a:hover { text-decoration: underline; }
table { font-size: 12px; }

/* Structure principale */
.main { width: 980px; margin: 10px auto 0; overflow: hidden; }
.bandeau, .chemin { margin-bottom: 10px; }
.headerSelected { height: 6px; width: auto; font-size: 0; line-height: 0; background: #E0E4E6; margin: 0 5px; }
.chemin, .chemin a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a3a3a3; font-weight: normal; line-height: 12px; }
.colGauche { width: 680px; height: auto; margin-bottom: 10px; display: inline-block; vertical-align: top; overflow: hidden; }
.colDroite { width: 270px; height: auto; padding: 0 10px; display: inline-block; vertical-align: top; overflow: hidden; }
.singlecolGauche { width: 980px; height: auto; margin-bottom: 10px; display: inline-block; vertical-align: top; overflow: hidden; }
.logo_header { position: absolute; top: 0; left: 0; z-index: 5; }

.footer { width: 980px; height: auto; padding-top: 3px; background: url(bg_gradient_footer.jpg) left top no-repeat; font-size: 11px; }
.footer .col1 { width: 850px; height: auto; padding: 4px 0 4px 10px; display: inline-block; vertical-align: middle; }
.footer .col2 { width: 110px; height: auto; padding: 4px 0; display: inline-block; vertical-align: middle; text-align: right; }
.footer a { font-size: 11px; font-weight: normal; }
.pictos_validation { text-align: right; padding: 10px 20px; }

.mainnl { width: 640px; }
.mainnl .header { background: #E1E5E8; }

/* Menus */
.menu1 { }
.menu1 td { vertical-align: top; }
.menu1 a, .menu1 a:hover { text-decoration: none; }
.menu1link { width: auto; display: block; background: #b0b8bc; position: relative; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: normal; color: #ffffff; }
.menu1link .txt { display: block; text-align: center; padding: 0 5px; }
.menu1link .selectedBOT { height: 14px; width: 100%; display: block; line-height: 0; font-size: 0; background: #B0B8BC; position: absolute; bottom: -6px; left: 0; }

.menu2, .menu2 a { width: 100%; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
.menu2 td { vertical-align: top; padding: 5px; border-bottom: 1px solid #e4e4e4; }
.menu2 .menu2col1 a { color: #297bd6; font-weight: bold; }
.menu2 .menu2col2 { }
.menu2 .lastline { border-bottom: none; }

.menu3 { font-size: 12px; font-weight: normal; color: #697080; margin-bottom: 20px; }
.menu3 li { list-style: none; padding: 2px 0; }
.menu3 li li { padding: 0; }
.menu3 a { width: 268px; display: block; padding: 5px 0 0; background: url(bg_menuright.gif) left top no-repeat; font-weight: normal; text-decoration: none; }
.menu3 span { display: block; }
.menu3 .texte { padding: 0 5px 0 15px; background: url(puce07.gif) 5px 5px no-repeat; }
.menu3 a:hover, .menu3 a:hover .bottom, .menu3 .selected, .menu3 .selected .bottom { background-position: top right; color: #ffffff; font-weight: bold; }
.menu3 a .bottom { width: 268px; height: 6px; line-height: 6px; font-size: 0; background: url(bg_menuright_bot.gif) left top no-repeat; }
.menu3 a:hover .texte, .menu3 .selected .texte { background: url(puce09.gif) 255px 5px no-repeat; }
.menu3 .nv2selected a, .menu3 .nv2selected a:hover { font-weight: bold; background: #C5C9CB; }
.menu3 .nv2selected .nv3 a { background: none; font-weight: normal; padding-left: 40px; background: url(puce07.gif) 28px 8px no-repeat; }
.menu3 .nv2selected .nv3 a, .menu3 .nv2selected .nv3 a:hover { font-weight: normal; background: none; }
.menu3 .nv2selected .nv3selected a, .menu3 .nv2selected .nv3selected a:hover { font-weight: normal; text-decoration: underline; background: none; }
.menu3 li li a { width: auto; padding: 4px 0 4px 20px; margin: 0 8px; font-size: 11px; background: none; border-bottom: 1px dotted #bdc0c2; background: url(puce10.gif) 10px 9px no-repeat; }
.menu3 li li a:hover { font-size: 11px; color: #297BD6; font-weight: normal; background: url(puce10.gif) 10px 9px no-repeat; }
.menu3 li li .lastItem { border-bottom: none; }

.menu4 { padding: 0; list-style: none; }
.menu4 a { display: block; font-size: 11px; font-weight: normal; color: #697080; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; padding: 5px; background: url(puce02.gif) right 10px no-repeat; }
.menu4 li { display: block; border-bottom: 1px dotted #d7d7d7;}

/* Boxes */
.box1 { width: 100%; height: auto; background: #ffffff; position: relative; vertical-align: baseline; overflow: hidden; }
.box2 { width: 100%; height: auto; background: #e0e4e6; position: relative; vertical-align: baseline; overflow: hidden; }
.box3 { width: 100%; height: auto; background: #f0f3f5; position: relative; vertical-align: baseline; overflow: hidden; }

.bigTitlePage * { vertical-align: top; }
.bigTitlePage .puce { display: inline-block; width: 24px; height: 24px; background: #c5c9cb; margin-top: 12px; }
.bigTitlePage .titre_rubrique { display: inline-block; margin-left: 5px; }

.pageColGauche { width: 400px; margin-right: 10px; display: inline-block; vertical-align: top; }
.pageColDroite { width: 200px; display: inline-block; vertical-align: top; }

.toolbar { width: 130px; height: 30px; background: #ffffff; text-align: center; position: absolute; top: 60px; right: 25px; }
.toolbaraccueil .toolbar { top: 10px; }
.titleSubLevels .titreh2_1 { width: 480px; }
.transp { width: 1px; height: 1px; font-size: 0; line-height: 0; }

.accueilWhiteBox { position: relative; width: 270; }
.accueilWhiteBox .WhiteBoxContent { width: auto; height: auto; background: #ffffff; position: relative; vertical-align: baseline; }
.accueilWhiteBox .WhiteBoxElement { padding: 10px; display: none; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #697080; }
.accueilWhiteBox .WhiteBoxTitle a { height: 25px; display: inline-block; background: none; margin-right: 5px; font-family: Tahoma, Geneva, sans-serif; font-size: 10px; color: #6a6a6a; text-decoration: none; }
.accueilWhiteBox .WhiteBoxTitle a span { display: inline-block; height: 20px; background: none; padding: 5px 15px 0; }
.accueilWhiteBox .WhiteBoxTitle .selected { background: url(corn1_tl.png) left top no-repeat #ffffff; }
.accueilWhiteBox .WhiteBoxTitle .selected span { background: url(corn1_tr.png) right top no-repeat; }

/* Wrappers */
.wrapper_header { padding: 5px 10px; width: 960px; height: 190px; position: relative; overflow: hidden; }
.wrapper1 { padding: 5px; overflow: hidden; }
.wrapper2 { padding: 5px 30px; overflow: hidden; }
.wrapper3 { padding: 5px 25px; overflow: hidden; }


/* Séparateurs */
.sep1 { width: auto; height: 10px; line-height: 10px; font-size: 0; }
.sep2 { width: 630px; height: 14px; line-height: 0px; font-size: 0; background: url(sep02.gif) left top no-repeat; margin: 5px auto; }
.sep3 { width: auto; height: 1px; line-height: 0; font-size: 0; border-bottom: 1px solid #E4E4E4; }

/* Spacers */
.spacer1 { width: auto; height: 10px; padding: 0; margin: 0; font-size: 0; line-height: 0; }
.spacer2 { width: auto; height: 40px; padding: 0; margin: 0; font-size: 0; line-height: 0; }

/* Coins */
.corn1TOP { width: auto; height: 6px; display: block; background: url(corn1_tl.png) left top no-repeat; }
.corn1TOP span { width: 6px; height: 6px; display: block; margin-left: auto; background: url(corn1_tr.png) left top no-repeat; }
.corn1TOPabs { width: 100%; position: absolute; top: 0; left: 0; }
.corn1BOT { width: auto; height: 6px; display: block; background: url(corn1_bl.png) left top no-repeat; }
.corn1BOT span { width: 6px; height: 6px; display: block; margin-left: auto; background: url(corn1_br.png) left top no-repeat; }
.corn1BOTabs { width: 100%; position: absolute; bottom: 0; left: 0; }

.corn2TOP { width: auto; height: 6px; display: block; background: url(corn2_tl.png) left top no-repeat; }
.corn2TOP span { width: 6px; height: 6px; display: block; margin-left: auto; background: url(corn2_tr.png) left top no-repeat; }
.corn2TOPabs { width: 100%; position: absolute; top: 0; left: 0; }
.corn2BOT { width: auto; height: 6px; display: block; background: url(corn2_bl.png) left top no-repeat; }
.corn2BOT span { width: 6px; height: 6px; display: block; margin-left: auto; background: url(corn2_br.png) left top no-repeat; }
.corn2BOTabs { width: 100%; position: absolute; bottom: 0; left: 0; }
.corn2BOT span { width: 6px; height: 6px; display: block; margin-left: auto; background: url(corn2_br.png) left top no-repeat; }

.corn3TOP { width: auto; height: 6px; display: block; }
.corn3TOP span { width: 6px; height: 6px; display: block; margin-left: auto; background: url(corn1_tr.png) left top no-repeat; }
.corn3TOPabs { width: 100%; position: absolute; top: 0; left: 0; }

/* Autres */
.hautdepage { display: block; background: url(puce11.gif) left 3px no-repeat; margin-left: auto; font-size: 0.8em; padding-left: 10px; width: 90px; }
.hautdepage a { font-size: 0.8em; font-weight: normal; }
.ancre { width: 0; height: 0; line-height: 0; display: block; }