/***********************************************/ /* HTML tag styles pour IQ-web (aves version)  */ /***********************************************/ body { font-family: arial, verdana, tahoma, helvetica, sans-serif; font-size: 0.875em; line-height: 1.4em; margin: 4px 2px 4px 8px; padding: 0px; } html { padding:0px; margin:0px; }  /***********************************************/ /* HTML form tag styles                        */ /***********************************************/ form { display: inline; margin: 0; padding: 0; } input, textarea, list { background: #FFF; border: 1px solid #C2CFDF; color: #000; margin: 5px; padding: 2px; vertical-align: middle; } select { vertical-align: middle; border-width:1px; } .btn { font-family: arial, verdana, tahoma, helvetica, sans-serif; font-size: 0.9em; } input.btn { color: #050; font-size: 0.9em; font-weight: bold; background-color: #EEE; background-image: linear-gradient(white, #EEE); border: 1px solid; border-top-color: #696; border-left-color: #696; border-right-color: #363; border-bottom-color: #363; padding: 2px 5px 2px 5px; } input[type=text] { background-image: linear-gradient(#F8F8F8, white); } input[type=submit]:hover, input[type=reset]:hover { background-image: linear-gradient(#EEE, gainsboro); } input[type=submit]:focus, input[type=reset]:focus { box-shadow: 1px 1px 5px grey inset, 0 1px 0 rgba( 255, 255, 255, 0.4); } .btn_b { background-image: linear-gradient(white, #72A4D2); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#72A4D2)); } .btn_r { background-image: linear-gradient(white, #FA8072); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FA8072)); } form :focus { -moz-box-shadow: inset 2px 2px 2px 0px #D0D0D0; -webkit-box-shadow: inset 2px 2px 2px 0px #D0D0D0; box-shadow: inset 2px 2px 2px 0px #D0D0D0; /* For IE 8  */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#D0D0D0')"; } input[type="radio"] { border: none; } #Recherche input#search_ajax { position:absolute; width:12em; }  /***********************************************/ /* HTML list tag styles                        */ /***********************************************/ ol { } ul.cols, ol.cols_b { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; font-weight: lighter; } ol.cols_b li { /*	font-weight: bold;*/ list-style-position: inside; } ul.cols { list-style-type: none; margin-left: -20px; list-style-position: outside; } ol.col { font-weight: bold; } ul.c_cols  { -moz-column-count: 5; -moz-column-gap: 10px; -webkit-column-count: 5; -webkit-column-gap: 10px; column-count: 5; column-gap: 10px; list-style-type: none; } li { color: #000; padding-top: 2px; padding-bottom: 2px; } li A:hover { text-decoration: underline; COLOR: #007222; } li.news { list-style-image: url('./IM/list.gif'); padding-left: 2px; margin-left: 8px; color: #000; } li.link { list-style-image: url('./IM/list_1.gif'); color: #000; } li.left { margin: 0; padding: 0; list-style-image: url('./IM/l.gif'); color: #000; } ul.nav, ul.ordre  { margin: 4px 4px 10px 6px; padding-left: 0px; list-style-type: none; } li a.left_famille { display:inline-block; width: 85%; padding: 0px 2px 0px 8px; line-height: 1.3; margin: 1px 1px 1px 1px; } li  a.nav:hover, li a.left_ordre:hover, li a.left_famille:hover { background-color: #F8F8FF; border: 1px solid #F0F0F0; padding: -1px 0 0 2px; text-decoration: none; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0; } li.sl { padding: 2px 4px 2px 4px; list-style-type: none; list-style-position:inside; border-top: 0; border-right:	1px solid silver; border-bottom: 1px solid silver; border-left: 1px solid silver; background-color: #F8F8FF; } li.sl a	{ display: inline-block; width: 100%; } li.sl a:hover { background-color:#F4F4F4; } li.sl:first-child { border-top:	1px solid silver; border-right:	1px solid silver; border-bottom: 1px solid silver; border-left: 1px solid silver; }  /***********************************************/ /* HR tag styles                               */ /***********************************************/ hr { margin: 0 auto 0 0; margin-top: 5px; border: 0; height: 1px; background: #edd4ca; } #div_centre hr { margin-bottom: 10px; } hr.nav { width:160px; margin-bottom: -10px; }  /***********************************************/ /* HTML headers tag styles                     */ /***********************************************/ h1 { font-size: 1.2em; font-weight: bold; color: black; text-decoration: none; display: inline; } h2 { font-size: 1.1em; font-weight: bold; color: black; text-decoration: none; margin-right: 4px; background-color: #FFFFFF; padding-right: 4px; padding-left: 4px; display: inline; } h3 { font-size: 1em; font-weight: bold; color: black; text-decoration: none; margin-right: 4px; background-color: #FFFFFF; padding-right: 4px; padding-left: 4px; display: inline; }  /***********************************************/ /* HTML img tag styles                         */ /***********************************************/ .img { position: relative;/**/ margin: auto; } img.text, img.map, div#map-canvas { width: 98%; max-width: 98%; height: auto; } a:hover img.text { opacity: 0.85; filter: alpha(opacity=85); /* For IE8 and earlier */ position: relative; } #div_centre a:hover img.text { box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #F0F0F0;/*	*/ } img.text, div#map-canvas { transition: opacity .4s ease-out/*,  box-shadow .2s ease-out*/; -moz-transition: opacity .4s ease-out; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; border-style: solid; border-color: silver grey grey silver; -moz-box-shadow: 2px 2px 4px 0px #888888; -webkit-box-shadow: 2px 2px 4px 0px #888888; box-shadow: 2px 2px 4px 0px #888888; /* For IE 8  */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')"; } #div_page img.text, div#map-canvas { margin: 1px 8px 2px 6px; } .img div.im_pre { background: url('./IM/slideshow_arrow_left.png'); background-position: center center; background-repeat: no-repeat; left:0%; } .img div.im_sui { background: url('./IM/slideshow_arrow_right.png'); background-position: center center; background-repeat: no-repeat; right:0%; } .img div.im_sui, .img div.im_pre { top:0%; opacity: 0; width: 90px; height: 100%; position: absolute; overflow: visible; cursor: pointer; transition: opacity 0.5s ease-in-out; } .img div.im_pre:hover { background: url('./IM/slideshow_arrow_left.png'); background-position: center center; background-repeat: no-repeat; opacity: 0.2; background-color: white; } .img div.im_sui:hover { background: url('./IM/slideshow_arrow_right.png'); background-position: center center; background-repeat: no-repeat; opacity: 0.2; background-color: white; } .iframe_container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .iframe_container iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; }  /***********************************************/ /* Fonts styles                                */ /***********************************************/  @font-face { font-family: 'PTC'; src: url('fonts/PTC55F-webfont.eot'); src: url('fonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PTC55F-webfont.woff') format('woff'), url('fonts/PTC55F-webfont.ttf') format('truetype'), url('fonts/PTC55F-webfont.svg#PTC') format('svg'); font-weight: normal; font-style: normal; }  /***********************************************/ /* HTML text tag styles                       */ /***********************************************/  .admin { font-size: 0.35em; } a.lnk_int:link { background: url("./IM/int_lnk.gif") center right no-repeat; padding-right: 15px; margin-right: 2px; text-align: left; border: 0px; width: 12px; height: 10px; } #div_centre a.lnk_ext:link { background: url("./IM/ext_lnk.gif") center right no-repeat; padding-right: 15px; text-align: left; border: 0px; width: 12px; height: 10px; } /*#div_centre .text { line-height: 1.4em; }*/ a:link { color: #003322; text-decoration: none; } a:visited { color: #7a7c7a; } a:hover { color: #007222; text-decoration: underline; } a:active { color: red/*#333333*/; } u { border-bottom: 1px dotted; text-decoration: none; } .roman { list-style-type: upper-roman; color: #000; font-size: 0.7; } .cal_min { font-size: 0.6em; } .cal_min_sel { border: 1px solid #FF8888; padding-left: 2px; padding-top: 1px; padding-bottom: 0px; padding-right: 1px; text-decoration: none; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .danger { background-image: url('./IM/danger.gif'); background-repeat: no-repeat; background-position: 1px 4px; padding: 0px 2px 2px 15px; } .fich_titre { color: #CC9966; text-decoration: none; font-weight: bold; } .highlight { background-color: /*rgb(250, 200, 4)*/#FFEE99; color: black; padding: 0px 3px 1px 2px; border: 1px solid silver; } .left_ordre { background-repeat: no-repeat; background-position: 0px 4px; padding: 0px 2px 0px 0px; line-height: 1.5em; margin: 0px 1px 0px 1px; color: #000000; text-decoration: none; font-size: 1em; font-weight: normal; } a.left_ordre { display: inline-block; width: 100%; padding-left: 2px; margin: 1px 1px 1px 1px; } .left_famille { background-image: url('./IM/l.gif'); background-repeat: no-repeat; background-position: 0px 6px; font-size: 0.9em; color: #003322; text-decoration: none; font-weight: normal; padding: 0px 2px 0px 8px; line-height: 1.3em; } .linkp { font-size: 1em; color: #003322; text-decoration: none; font-weight: normal; } .list_titre { font-size: 1em; font-weight: bold; color: #000000; text-decoration: none; } .list_titre:visited { color: #7a7c7a; } .list_titre_prio1, .list_titre_prio2, .list_titre_prio3  { font-size: 0.8em; font-weight: normal; color: #000000; text-decoration: none; padding: 0px 2px 0px 4px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .list_titre_prio1 { background-color: #FF8888; } .list_titre_prio2 { background-color: #e5cb65; } .list_titre_prio3 { background-color: #41b78c; } div.list_titre_prio1, div.list_titre_prio2, div.list_titre_prio3 { width: 9px; height: 9px; } .list_link { font-size: 0.9em; font-weight: normal; color: #6666FF; font-style: italic; } .list_tit { color: #000000; font-size: 1em; white-space: nowrap; } .list_tex { font-size: 1em; font-weight: normal; text-decoration: none; color: #000000; font-style: italic; } .n2 { font-size: 1em; font-weight: bold; color: #CCCCFF; text-decoration: none; } .nav { font-size: 1em; color: #666666; text-decoration: none; line-height: 1.5em; } a.nav { display: inline-block; width: 100%; margin: 1px 1px 1px 1px; padding-left: 2px; } .nav_sma { color: #666666; font-size: 0.9em !important; color: #666666; text-decoration: none; line-height: 1em; } .nav_titre { font-size: 1em; color: #000000; text-decoration: none; font-weight: bold; } div.nav_titre  { width: 160px; } .nav_tex { font-size: 0.8em; font-weight: normal; color: #000000; text-decoration: none; border-bottom-width: 1px; border-left-width: 1px; } .select { font-weight: bold; border: 1px solid silver; padding:  0 5pt 0 5pt; } .text a { text-decoration: none; } .text A:hover { text-decoration: underline; COLOR: #007222; } #genres_espece { line-height: 14pt; } #biblio_espece.text { font-size: 0.75em; line-height: 14pt; } a[href $='.pdf'] { padding-right: 18px; background: transparent url('./IM/icon_pdf.gif') no-repeat center right; } /***********************************************/ /* HTML div et p styles                        */ /***********************************************/ div, p, .text { font-size: 1em; font-style: normal; font-weight: normal; text-decoration: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-align: top; } div.cad_rouge { border: 1px #FFCC33 solid; padding: 8px 8px 8px 8px; font-size: 0.9em; font-weight: bold; color: #000000; text-decoration: none; } div.left { float: left; display: table-cell; min-width: 260px; line-height: 1.6em; } div.right { float: right; display: table-cell; min-width: 120px; padding: 2px 2px 2px 2px; } div.eright { float: left; display: table-cell; padding: 2px 2px 2px 2px; } div.lesp div.eright { float: right; } div.formg { float: left; clear: both; width: 25%; white-space: nowrap; padding: 5px 5px 5px 5px; } div.h1 { overflow: auto; position: relative; padding: 9px 4px 10px 12px; margin: -10px 3px 16px -12px; width: 100%; clear: both; left: 0px; top: 0px; } div.message_list_com, div.sup_list_com, div.li_list_com, div.le_list_com	{ padding: 5px 10px 5px 10px; clear: both; overflow: auto; border: 1px solid #999999; -moz-box-shadow: 1px 1px 3px 0px #888888; -webkit-box-shadow: 1px 1px 3px 0px #888888; box-shadow: 1px 1px 3px 0px #888888; /* For IE 8  */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#888888')"; } p.ind { padding-left: 1.5em; text-indent:-1.3em; padding-bottom: 0em; margin:.2em 0 .2em 0; font-style: italic; } div.l { font-size: 0.85em; } div.message_list_com	{ background-color: #F6F6F6; } div.sup_list_com	{ background-color: #efe6cb; } div.li_list_com	{ background-color: #f3f3f3; } div.le_list_com	{ background-color: #f8f8f8; } .plan { max-width: 98%; overflow: auto; display: block; cursor: pointer; } li.plan { padding: 8px 5px 2px 8px; border-left: 1px solid white; display: block; } li.plan:hover { background-color: #F8F8FF; border-left: 1px solid #F0F0F0; } div.right { padding: 2px 5px 2px 15px; } div.h1, div.hlist, input, select, text_area, div.cad_rouge, div.le_list_com, div.li_list_com, div.sup_list_com, div.message_list_com, div#connex , div#div_centre, .highlight, span.select { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.hlist { overflow: auto; position: relative; padding: 5px 4px 5px 12px; margin: -10px 3px 5px -12px; width: 100%; clear: both; left: 0px; top: 0px; } div.hlist, div.h1 { border: 1px solid #999999; -moz-box-shadow: 1px 1px 3px 0px #888888; -webkit-box-shadow: 1px 1px 3px 0px #888888; box-shadow: 1px 1px 3px 0px #888888; /* For IE 8  */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#888888')"; /**/ background-color: #FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#dedede); background-image:-moz-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%); background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%); background-image:-ms-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%); background-image:linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%); background-image:-o-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%); background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F1F1F1)); /**/ } div.liens_des { clear: both; margin: 5px 5px 20px 20px; float: left; display: inline; width: 60%; } div#all { float: left; display: block; } div#bright { float: right; width: 150px; height: 150px; } div#text { width: 90%; clear: both; } div#foot { width: 90%; height: 50px; } div#menu { width: 100px; } div#connex  { background-color: #f3f3f3; padding: 5px 5px 5px 5px; float: right; border: 1px solid #999999; display: inline; white-space: nowrap; } div#list_content { clear: both; width: 100%; } div#logo { width: 16%; display: inline; float: left; padding-right: 10px } div#logo img {	width: auto; max-height: 60px; } div#titre_site { width: 80%; display: inline; float: left; padding-top: 20px; } #nmr { width: 160px; } div#gauche { float: left; width: 48%; } div#droite { float: right; width: 48%; } div.gauche { float: left; width: 48%; } div.droite { float: right; width: 48%; } div#footer { display: block; clear: both; } form#recherche { text-align: right; } .clear { clear: both; } .clear a:hover { text-decoration: none; } #images_ajax table { width: 100%; border: 0px; background-color: whitesmoke; border-spacing : 0px; border-collapse: separate; border-radius: 3px; -moz-border-radius: 3px; padding: 5px; } #images_ajax tr { border-top: solid whitesmoke 10px; border-right: solid whitesmoke 5px; border-bottom: solid whitesmoke 5px; border-left: solid whitesmoke 5px; } #images_ajax td { text-align: center; border-radius: 3px; -moz-border-radius: 3px; padding: 5px; } div.im_prec { background: url('./IM/slideshow_arrow_left.png'); width: 30px; height: 90px; } div.im_suiv { background: url('./IM/slideshow_arrow_right.png'); width: 30px; height: 90px; } div.im_prec:hover { background: url('./IM/slideshow_arrow_left_down.png'); } div.im_suiv:hover { background: url('./IM/slideshow_arrow_right_down.png'); } div.diapo { display: block; visibility: hidden; overflow: hidden; transition: visibility 1s linear 0s, opacity 1s linear; -webkit-transition: visibility 1s linear 0s, opacity 1s linear; height: 0; opacity: 0; position: fixed; width: auto; height: auto; margin: -200px auto auto -230px; padding: 5px 4px 5px 1px; background-color: #e6e6e6; border-radius: 8px; top: 50%; left: 50%; text-align: center; z-index: 9; } .mini:hover  div.diapo  { display: block; visibility: visible; height: auto; opacity: 1 } div.admin_menu { border-bottom: 1px solid #D0D0D0; border-top: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; border-left: 1px solid #F0F0F0; margin: 0px 0px 0px 5px; padding: 5px 5px 5px 20px; } div.admin_menu:hover { background-color: #e6e6e6; } div.admin_menu a.list_titre { display: block; } div.admin_barre { border-bottom: 1px solid #D0D0D0; border-top: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; border-left: 1px solid #F0F0F0; margin: 0px 0px 5px 0px; padding: 1px 5px 1px 20px; font-size: 0.85em; } div#texte_ajax li { text-align: left; padding-left: 5px; display: block; border: 1px solid black; border-bottom: 0; } div#texte_ajax li:last-child { border-bottom: 1px solid black; } .console { background-color: #000; color: #00aa00 !important; font-size: 0.8em !important; white-Space: Normal; width: 100%; border: 1px solid #c7c7c7; } .lart { line-height: 1.6em; padding: 6px 5px 12px 5px; border-bottom:  1px solid #edd4ca; cursor: pointer; border-left: 1px solid white; } .lart:hover	{ background-color: #F8F8FF; border-left: 1px solid #F0F0F0; } div.lart a.list_titre { line-height: 2em; } .lesp { overflow: auto; width: 100%; line-height: 1.6em; padding: 6px 0px 12px 5px; border-bottom:  1px solid #edd4ca; cursor: pointer; border-left: 1px solid white; margin-left: -5px; } .lesp:hover	{ background-color: #F8F8FF; border-left: 1px solid #F0F0F0; } /* calendrier agenda */ .ds_box { background-color: #FFF; border: 1px solid #000; position: absolute; z-index: 32767; } .ds_tbl { background-color: #FFF; } .ds_head, .ds_subhead, .ds_cell { font-size: 0.9em; text-align: center; } .ds_head { background-color: #333; color: #FFF; text-align: center; letter-spacing: 2px; } .ds_subhead { background-color: #CCC; color: #000; text-align: center; width: 32px; } .ds_cell { background-color: #EEE; color: #000; padding: 5px; cursor: pointer; } .ds_cell:hover { background-color: #F3F3F3; } div#Recherche { position: relative; } div#search_ajax { position: absolute; width:12em; left: 5px; /*   right:-5px;*/ top: 28px; } /* lien vers #top */ #topi { position: absolute; clip: rect(0px, 33px, 36px, 0px); top: -1px; left: -1px; } a:hover #topi  { position: absolute; clip: rect(0px, 33px, 74px, 0px); top: -40px; left: -1px; } #top { visibility: hidden; position: fixed; width: 32px; height: 33px; right: -50px; bottom: 60px; overflow: hidden; z-index: 10; border: 1px solid rgb(221, 221, 221); border-top-left-radius: 3px; border-bottom-left-radius: 3px; } div#text { margin-left: 25px; } div#div_page { width: 95%; min-width: 680px; max-width: 1200px; text-align:center; margin-left: auto; margin-right: auto; } #div_haut_bas { height: 65px; width: 100%; min-width: 680px; padding: 5px 8px 8px 8px; text-align: left; background: url('./IM/aves.png'); } div#div_milieu   { min-width: 640px; max-width: 1200px; margin-left: auto; margin-right: auto; float: center; display: table-row; } div#div_gauche { display: table-cell; padding: 22px 25px 0 0; float: left; text-align: left; } div#div_centre { display: table-cell; width: 100%; min-width: 480px; text-align: left; vertical-align: top; padding: 8px 4px 8px 10px; margin: 0px; border: 1px solid #F0F0F0; -moz-box-shadow: 2px 2px 10px 0px #F0F0F0; -webkit-box-shadow: 2px 2px 10px 0px #F0F0F0; box-shadow: 2px 2px 10px 0px #F0F0F0; /* For IE 8  */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#F0F0F0')";/**/ } div#div_droit { display: table-cell; padding: 22px 0 0 25px; text-align: left; vertical-align: top; } #div_bas { text-align: center; clear: both; } #img_page { width: auto; text-align:center; margin-left: auto; margin-right: auto; display: table; } #img_page div { clear: both; background-color: black; color: silver; padding: 5px; } #img_page div:first-child { background-color: black; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; } #img_page a { color: white; } #img_page span.select { font-weight: bold; border: 1px solid green; line-height: 2.1em; padding:  2pt 5pt 2pt 5pt; } /* essai responsive machin (joue pas car trop d'information, tableaux, etc) */  div#div_menu_resp { width: 100%; display: none; } #div_menu_resp_g, #div_menu_resp_c, #div_menu_resp_d { background-color: #EEE; background-image: linear-gradient(#EEE, silver); display: none; min-width: 72px; height: 15px; padding : 3px 5px 7px 5px; text-align: center; vertical-align: middle; border-radius: 3px; margin-bottom: 2px; border: 1px solid #999999; -moz-box-shadow: 1px 1px 2px 0px #999; -webkit-box-shadow: 1px 1px 2px 0px #999; box-shadow: 1px 1px 2px 0px #999; opacity: 0.85; } #div_menu_resp_g { float: left; min-width: 38px; background: url('./IM/menu.png') top left; background-size: 100% 100%; background-repeat: no-repeat; } #div_menu_resp_d { float: right; min-width: 38px; background: url('./IM/menu.png') top right; background-size: 100% 100%; background-repeat: no-repeat; }  @media screen and (max-width: 730px) { body { font-size: 0.85em; } div#div_page { font-size: 0.85em; position: relative; width: 100%; min-width: 300px; max-width: 730px; text-align: center; margin-left: auto; margin-right: auto; padding-top: 35px; } #div_haut_bas { display: none; } div#div_menu_resp { width: 100%; height: 28px; display: block; background-color: rgba(11,88,11,0.3); position: fixed; left: 0px; top: 0px; z-index:100; } #div_menu_resp_g  { display: inline; } #div_menu_resp_d  { display: inline; opacity: 1.0; } #div_menu_resp_c  { display: block; display: inline-block; } div#div_milieu   { clear:both; width:100%; min-width: 300px; max-width: 730px; margin-left: auto; margin-right: auto; display: table-row; z-index: 10; padding-top: 35px; } div#div_gauche  { display: none; background-color: rgba(240,240,240,0.9); position: absolute; left: -4px; top: 23px; z-index: 52; padding-left: 8px; margin-left: -3px; } div#div_droit  { display: none; background-color: rgba(240,240,240,0.9); position: absolute; top: 23px; right: -2px; padding-right: 3px; padding-left: 7px; z-index: 51; max-width: 160px; } div#div_centre { display: table-cell; width: 98%; max-width: 730px; min-width: 260px; } div#div_centre table, div#div_centre thead, div#div_centre tbody, div#div_centre tfoot, div#div_centre th, div#div_centre td, div#div_centre tr { display: block; width: 100%; text-align: left; } td { margin-top:1em; padding-left: 0px !important; text-align: left !important; } td:first-child { margin-top:0em; } td[width ='3%'] { margin-top: -50px; } #img_page span.select { font-weight: bold; border: 0px; padding:  0pt 0pt 0pt 0pt; } ul.c_cols  { -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px; list-style-type: none; } }  @media screen and (min-width: 731px) and (max-width: 1020px) { div#div_page { width: 98%; max-width: 1000px; text-align:center; margin-left: auto; margin-right: auto; vertical-align: top; padding-top: 35px; } #div_haut_bas { display: none; } div#div_menu_resp { width: 100%; height: 28px; display: block; background-color: rgba(11,88,11,0.3); position: fixed; left: 0px; top: 0px; z-index:100; } #div_menu_resp_g, #div_menu_resp_c, #div_menu_resp_d  { background-color:  #EEE; } #div_menu_resp_g  { display: none; z-index:101; } #div_menu_resp_c  { display: block; display: inline-block; z-index:102; } #div_menu_resp_d  { display: inline; z-index:103; } div#div_milieu   { /*	min-width: 760px;*/ max-width: 930px; margin-left: auto; margin-right: auto; display: table; vertical-align: top; } div#div_gauche { display: table-cell !important; padding: 22px 25px 0 0; text-align: left;clear:both; vertical-align: top; } div#div_centre { width: 100%; min-width: 450px; text-align: left; display: table-cell; } div#div_droit { position: relative; display: none; vertical-align: top; } ul.c_cols  { -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px; list-style-type: none; } }  @media screen and (max-width: 1021px)  { @viewport{ zoom: 1.0; width: extend-to-zoom; } body { a {  color: green;} } }  @media screen and (min-width: 1021px)  { body { font-family: PTC, arial, verdana, tahoma, helvetica, sans-serif; } .nav_tit, #Mots_Recherche.text a, .nav_titre, .nav, .list_tit, .list_titre, h1, h2, h3, ol.cols_b li { font-family: 'PTC', Franklin ITC, helvetica, verdana, tahoma, sans-serif; } div#div_droit, div#div_gauche { display: table-cell !important; } }