/* Content; Screen ma - body, h1 , a , p - pg grafs - pg index - pg com Screen div 1000 ´´ Screen div 800 ´´ */ /* dim; 100 47 47 60 36 31 31 31 50 22 22 14 14 14 14 14 14 23 23 23 23 (con mrg:1%) */ /* color; #121a18 vert foncé , #300243 violet un peu foncé , #26121f mauve , #880022 rouge foncé , #440000 rouge foncé , #4b0f0f #a41c1c #ab5252 rouge foncé au clair , 376a11 4db103 vert jaune , #7e7e7e gris , #097501 #0cac00 vert foncé au clair . */ /* ###################################################################################################################################### ######################## Screen ma ###################################################################################################### #######################################################################################################################################*/ /* body, h1 , a , p ##################################################################### ########################################################################################*/ body { background-color:black; background-image:url(); background-repeat:no-repeat; background-position:left top; border:0; outline:none; padding:0 0 0 0; margin:0; } h1 { font-size:200%; font-family:sans-serif; color:white; } a:link {text-decoration:none; color:#df9696; border:0; outline:none; padding:0 0 0 0; margin:0;} a:visited {text-decoration:none; color:#df9696; border:0; outline:none; padding:0 0 0 0; margin:0;} a:hover {text-decoration:underline; color:#a41c1c; } a:active {text-decoration:underline; color:#a41c1c;} img { border:0; outline:none; padding:0 0 0 0; margin:0; } p#par1 { width:94%; float:left; margin-left:2%; margin-right:2%; color:#aaa; font-size:1.5vw; } p#par2 { width:100%; float:left; text-align:center; margin-bottom:5px; color:#aaa;font-size:1.5vw; } p#ttr1 { width:100%; float:left; text-align:center; margin-bottom:5px; color:#4A4949;font-size:1.5vw; } /* pg grafs ############################################################################# ########################################################################################*/ /* ttr des grafs ############## */ div#ttr { display:block; width:100%; } div#ttr h1.ttr { display:block; float:center; text-align:center; font-family:sans-serif; font-size:1.5vw; font-style:bold; color:white; margin-left:-10%; margin-right:0%; margin-top:2%; margin-bottom:2%; } /* menu des grafs ############## */ div#nav { display:flex; flex-direction:column; width:100%; float:left; background-color:black;top:2%; } div#nav img.imghau { order:1; height:20px; } div#nav .lst1 { order:2; display:block; width:94%; margin-left:3%; margin-top:3%; } div#nav .lst2 { order:3; display:block; width:94%; margin-left:3%; margin-top:0.5%; } ul#menu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; color:white; background-color: #333; font-size:1vw; } ul#menu li { float:left; margin-left:2%; } ul#menu li a { display: block; color:white; text-align:center; padding:4px 16px; text-decoration: none; } ul#menu li a:hover { background-color: #111; } div#nav h1.ttr { display:block; float:center; text-align:center; font-size:1.5vw; margin-left:-10%; margin-right:0%; margin-top:2%; margin-bottom:5%; } div#nav img.inlst { display:block; float:left; width:50%; } div#nav img.inlstc { display:block; float:center; width:50%; margin: 1% 25% 1% 25% ; } ul#menu li table { display:block; float:left; width:; height:; } ul#menu li table td { display:block; float:left; height:70px; width:100%; text-align:center; } /* menu des grafs bas ############## */ div#nav_bas { display:flex; flex-direction:column; width:100%; float:left; background-color:black;top:2%; } div#nav_bas img.imghau { order:2; height:20px; } div#nav_bas .lst1 { order:3; display:block; width:94%; margin-left:3%; margin-top:3%; } div#nav_bas .lst2 { order:4; display:block; width:94%; margin-left:3%; margin-top:0.5%; } ul#menu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; color:white; background-color: #333; font-size:1vw; } ul#menu li { float:left; margin-left:2%; } ul#menu li a { display: block; color:white; text-align:center; padding:4px 16px; text-decoration: none; } ul#menu li a:hover { background-color: #111; } div#nav_bas h1.ttr { order:1; display:block; float:center; text-align:center; font-size:1.5vw; margin-left:-10%; margin-right:0%; margin-top:5%; margin-bottom:2%; } div#nav_bas img.inlst { display:block; float:left; width:50%; } div#nav_bas img.inlstc { display:block; float:center; width:50%; margin: 1% 25% 1% 25% ; } ul#menu li table { display:block; float:left; width:; height:; } ul#menu li table td { display:block; float:left; height:70px; width:100%; text-align:center; } /* gen ################*/ div#geng { display:block; width:100%; background-color:#171616; margin: 0% 0% 0% 0% ; } /* cliv ################### */ div#cliv { display:block; float:left; width:100%; background-color:#171616; } div#cliv div#ttrdsc1 { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#121a18; } div#cliv div#ttrdsc1 img#ttrdsc1pri { display:block; width:47%; float:left; margin: 1% 1% 1% 1% } div#cliv div#ttrdsc1 img#ttrdsc1pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% } div#cliv div#ttrdsc1 img#ttrdsc1pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#ttrdsc1 div#ttrdsc1cit { display:block; width:100%; float:left; background-color:#3d0723; margin: 1% 0% 1% 0% ; } div#cliv div#ttrdsc1 div#ttrdsc1cit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0%: } div#cliv div#ttrdsc1 div#ttrdsc1cit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa; } div#cliv div#onettrcit1 { display:block; float:left; width:50%; height:450px; margin: 1% 0% 1% 0% ; background-color:#121a18; } div#cliv div#onettrcit1 img#onettrcit1pri { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit1 img#onettrcit1pri26 { display:block; width:26%; float:left; margin: 1% 37% 1% 37% } div#cliv div#onettrcit1 img#onettrcit1pri36 { display:block; width:36%; float:left; margin: 1% 32% 1% 32% } div#cliv div#onettrcit1 img#onettrcit1pri50 { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit1 img#onettrcit1pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit1 img#onettrcit1pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit1 img#onettrcit1pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit1 img#onettrcit1pri100 { display:block; width:100%; float:left; margin: 1% 0% 1% 0% ; } div#cliv div#onettrcit1 video#onettrcit1pri50 { display:block; width:50%; float:center; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit1 div#onettrcit1cit { display:block; width:100%; float:left; background-color:#3d0723; margin: 1% 0% 1% 0% ; } div#cliv div#onettrcit1 div#onettrcit1cit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit1 div#onettrcit1cit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa; } div#cliv div#onettrcit1bi { display:block; float:left; width:50%; height:450px; margin: 1% 0% 1% 0% ; background-color:#121a18; } div#cliv div#onettrcit1bi img#onettrcit1bipri { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% } div#cliv div#onettrcit1bi img#onettrcit1bipri50 { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit1bi div#onettrcit1bicit { display:block; width:100%; float:left; background-color:#3d0723; margin: 1% 0% 1% 0% ; } div#cliv div#onettrcit1bi div#onettrcit1bicit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit1bi div#onettrcit1bicit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa; } div#cliv div#onettriuxma1 { display:block; float:left; width:50%; height:2100px; margin: 1% 0% 1% 0% ; background-color:#121a18; } div#cliv div#onettriuxma1 img#onettriuxma1pri { display:block; width:47%; float:left; margin: 1% 1% 1% 1% ; } div#cliv div#onettriuxma1 img#onettriuxma1pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettriuxma1 img#onettriuxma1pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettriuxma1 img#onettriuxma1pri100 { display:block; width:100%; float:left; margin: 1% 0% 1% 0% ; } div#cliv div#onettriuxma1 div#onettriuxma1iux { display:block; width:47%; float:left; background-color:#3d0723; margin: 1% 1% 1% 1% ; } div#cliv div#onettriuxma1 div#onettriuxma1iux span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettriuxma1 div#onettriuxma1iux span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa; } div#cliv div#onettrcit60 { display:block; float:left; width:30%; height:450px; margin: 1% 1% 1% 1% ; background-color:#121a18; } div#cliv div#onettrcit60 img#onettrcit60pri { display:block; width:100%; float:left; } div#cliv div#onettrcit60 img#onettrcit60pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit60 img#onettrcit60pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit60 img#onettrcit60pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit60 img#onettrcit60pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit60 div#onettrcit60cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit60 div#onettrcit60cit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit60 div#onettrcit60cit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa; } div#cliv div#onettrcit60bi { display:block; float:left; width:18%; height:450px; margin: 1% 1% 1% 1% ; background-color:#121a18; } div#cliv div#onettrcit60bi img#onettrcit60bipri { display:block; width:100%; float:left; } div#cliv div#onettrcit60bi img#onettrcit60bipri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit60bi img#onettrcit60bipri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit60bi div#onettrcit60bicit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit60bi div#onettrcit60bicit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit60bi div#onettrcit60bicit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit2 { display:block; float:left; width:23%; height:450px; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit2 img#onettrcit2pri { display:block; width:100%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit2 img#onettrcit2pri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit2 img#onettrcit2pri50 { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit2 img#onettrcit2pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit2 img#onettrcit2pri60dst { display:block; width:60%; float:right; } div#cliv div#onettrcit2 img#onettrcit2pri60sni { display:block; width:60%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri70 { display:block; width:70%; float:left; margin: 1% 15% 1% 15% ; } div#cliv div#onettrcit2 img#onettrcit2pri70dst { display:block; width:70%; float:right; } div#cliv div#onettrcit2 img#onettrcit2pri70sni { display:block; width:70%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit2 img#onettrcit2pri80dst { display:block; width:80%; float:right; } div#cliv div#onettrcit2 img#onettrcit2pri80sni { display:block; width:80%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit2 video#onettrcit2pri { display:block; width:100%; float:left; } div#cliv div#onettrcit2 div#onettrcit2cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit2 div#onettrcit2cit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit2 div#onettrcit2cit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit2lb { display:block; float:left; width:23%; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri { display:block; width:100%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri50 { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri60dst { display:block; width:60%; float:right; } div#cliv div#onettrcit2lb img#onettrcit2lbpri60sni { display:block; width:60%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri70 { display:block; width:70%; float:left; margin: 1% 15% 1% 15% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri70dst { display:block; width:70%; float:right; } div#cliv div#onettrcit2lb img#onettrcit2lbpri70sni { display:block; width:70%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri80dst { display:block; width:80%; float:right; } div#cliv div#onettrcit2lb img#onettrcit2lbpri80sni { display:block; width:80%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit2lb video#onettrcit2lbpri { display:block; width:100%; float:left; } div#cliv div#onettrcit2lb div#onettrcit2lbcit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit2lb div#onettrcit2lbcit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit2lb div#onettrcit2lbcit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrhov2 { display:block; position:relative; float:left; width:23%; height:450px; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrhov2 img#onettrhov2pri { display:block; width:100%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrhov2 img#onettrhov2pri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrhov2 img#onettrhov2pri50 { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrhov2 img#onettrhov2pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrhov2 img#onettrhov2pri60dst { display:block; width:60%; float:right; } div#cliv div#onettrhov2 img#onettrhov2pri60sni { display:block; width:60%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri70 { display:block; width:70%; float:left; margin: 1% 15% 1% 15% ; } div#cliv div#onettrhov2 img#onettrhov2pri70dst { display:block; width:70%; float:right; } div#cliv div#onettrhov2 img#onettrhov2pri70sni { display:block; width:70%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrhov2 img#onettrhov2pri80dst { display:block; width:80%; float:right; } div#cliv div#onettrhov2 img#onettrhov2pri80sni { display:block; width:80%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrhov2 video#onettrhov2pri { display:block; width:100%; float:left; } div#cliv div#onettrhov2 div#onettrhov2hov { position: absolute; bottom: 0; left: 100%; right: 0; background-color: 0 0 0 0; overflow: hidden; width: 0; height: 100%; transition: .5s ease; } div#cliv div#onettrhov2:hover div#onettrhov2hov { width: 100%; left: 0; } div#cliv div#onettrhov2 div#onettrhov2hov span.apa { font-size:0.7vw; font-family: Arial, Helvetica, sans-serif; white-space: nowrap; color: white; background-color: rgba(201, 76, 76, 0.6) ; position:absolute; overflow: hidden; top:50%; left:50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } div#cliv div#onettrhov2 div#onettrhov2cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrhov2 div#onettrhov2cit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrhov2 div#onettrhov2cit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa ; } /* grid2 ################### */ div#cliv div#txt2 { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr ; width:100%; margin: 1% 0% 1% 0% ; grid-gap: 1% ; overflow: auto ; background-color:#121a18 ; } div#cliv div#txt2 div#onettriux { display:block; float:left; margin: 1% 1% 1% 1% ; } div#cliv div#txt2 div#onettriux img#onettriuxpri { float:left; width:100%; } div#cliv div#txt2 div#onettriux span.ttr { display:block; text-align:right; width:100%; font-size:1.2vw; color:white; font-style:sans-serif; } div#cliv div#txt2 div#onettriux #onettriuxprim { display:block; float:left; width:90%; } div#cliv div#txt2 div#onettriux #onettriuxprim img#onettriuxpri { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#onettriuxiux { display:block; float:left; width:9%; } div#cliv div#txt2 div#onettriux div#onettriuxiux img#onettriuxpri { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#onettriuxiux span.ttronettriuxiux { display:block; width:100%; text-align:right; font-size:2vw; color:white; } div#cliv div#txt2 div#onettriux div#lie0 { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#lie0 span.lie { display:block; float:left; width:47%; font-size:1.2vw; color:white; margin:0% 0% 0% 2%: } div#cliv div#txt2 div#onettriux div#lie1 { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#lie1 span.lie { display:block; float:left; width:47%; font-size:1.2vw; color:#aaa; margin:0% 0% 0% 2%: } div#cliv div#onettrcit36 { display:block; float:left; width:18%; height:450px; margin: 1% 1% 1% 1% ; background-color:#121a18; } div#cliv div#onettrcit36 img#onettrcit36pri { display:block; width:100%; float:left; } div#cliv div#onettrcit36 img#onettrcit36pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit36 img#onettrcit36pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit36 img#onettrcit36pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit36 img#onettrcit36pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit36 div#onettrcit36cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit36 div#onettrcit36cit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit36 div#onettrcit36cit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit3 { display:block; float:left; width:18%; height:450px; background-color:#121a18; margin: 1% 1% 1% 1% ; } div#cliv div#onettrcit3 img#onettrcit3pri { display:block; width:100%; float:left; } div#cliv div#onettrcit3 img#onettrcit3prilae { display:block; width:100%; float:left; background:white; } div#cliv div#onettrcit3 img#onettrcit3pri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit3 img#onettrcit3pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit3 img#onettrcit3pri70 { display:block; width:70%; float:left; margin: 1% 15% 1% 15% ; } div#cliv div#onettrcit3 img#onettrcit3pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit3 img#onettrcit3pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit3 video#onettrcit3pri { display:block; width:100%; float:left; } div#cliv div#onettrcit3 div#onettrcit3cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit3 div#onettrcit3cit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3 div#onettrcit3cit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit3col { display:block; float:left; width:18%; height:450px; background-color:#300243; margin: 1% 1% 1% 1% ; } div#cliv div#onettrcit3col img#onettrcit3colpri { display:block; width:100%; float:left; } div#cliv div#onettrcit3col img#onettrcit3colpri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit3col img#onettrcit3colpri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit3col img#onettrcit3colpri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit3col img#onettrcit3colpri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit3col video#onettrcit3colpri { display:block; width:100%; float:left; } div#cliv div#onettrcit3col div#onettrcit3colcit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit3col div#onettrcit3colcit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3col div#onettrcit3colcit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit3lb { display:block; float:left; width:18%; background-color:#121a18; margin: 1% 1% 1% 1% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri { display:block; width:100%; float:left; } div#cliv div#onettrcit3lb img#onettrcit3lbpri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri70 { display:block; width:70%; float:left; margin: 1% 15% 1% 15% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit3lb div#onettrcit3lbcit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit3lb div#onettrcit3lbcit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3lb div#onettrcit3lbcit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit23 { display:block; float:left; width:18%; height:450px; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit23 img#onettrcit23pri { display:block; width:100%; float:left; } div#cliv div#onettrcit23 img#onettrcit23pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit23 img#onettrcit23pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit23 img#onettrcit23pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit23 img#onettrcit23pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit23 div#onettrcit23cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit23 div#onettrcit23cit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit23 div#onettrcit23cit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa ; } /* grid4 ################### */ div#cliv div#txt4 { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ; width:100%; margin: 1% 0% 1% 0% ; grid-gap: 1% ; overflow: auto ; grid-template-rows: auto 1fr; background-color:#121a18 ; } div#cliv div#txt4 div#onettriux { display:block; float:left; margin: 1% 1% 1% 1% ; } div#cliv div#txt4 div#onettriux img#onettriuxpri { float:left; width:100%; } div#cliv div#txt4 div#onettriux span.ttr { display:block; text-align:right; width:100%; font-size:1.2vw; color:white; font-style:sans-serif; } div#cliv div#txt4 div#onettriux #onettriuxprim { display:block; float:left; width:90%; } div#cliv div#txt4 div#onettriux #onettriuxprim img#onettriuxpri { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#onettriuxiux { display:block; float:left; width:9%; } div#cliv div#txt4 div#onettriux div#onettriuxiux img#onettriuxpri { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#onettriuxiux span.ttronettriuxiux { display:block; width:100%; text-align:right; font-size:2vw; color:white; } div#cliv div#txt4 div#onettriux div#lie0 { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#lie0 span.lie { display:block; float:left; width:47%; font-size:1.2vw; color:white; margin:0% 0% 0% 2%: } div#cliv div#txt4 div#onettriux div#lie1 { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#lie1 span.lie { display:block; float:left; width:47%; font-size:1.2vw; color:#aaa; margin:0% 0% 0% 2%: } div#cliv div#onettrcit6 { display:block; float:left; width:9%; height:450px; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit6 img#onettrcit6pri { display:block; width:100%; float:left; } div#cliv div#onettrcit6 img#onettrcit6pri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit6 img#onettrcit6pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit6 img#onettrcit6pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit6 img#onettrcit6pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit6 div#onettrcit6cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit6 div#onettrcit6cit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit6 div#onettrcit6cit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa ; } /*cadr dl ###############*/ div#grocadr { display:block; float:left; width:90%; margin-left:5%; margin-top:1%; background-color:#440000; } div#petcadr_1_2 { display:block; float:left; width:30%; margin-left:3%; margin-top:1%; margin-bottom:1%; background-color:#ff4477; } div#petcadr_1_2:hover { background-color:#880022; } div#petcadr_1_2 #titr { display: block; float:left; text-align:left; font-size:1.75vw; color:black; margin-left:5%; } div#petcadr_1_2:hover #titr { color:white; } div#petcadr_1_2 #desc { display:block; float:left; text-align:left; font-size:1vw; color:black; } div#petcadr_1_2:hover #desc { color:white; } div#petcadr_1_2 #petpetcadr { display: block; background-color:#aa2244; float:right; text-align:left; font-size:1.5vw; color:black; margin-right:10px; } div#petcadr_1_2 #petpetcadr:hover { color:white; font-size:2vw; } div#petcadr_3 { display:block; float:left; width:15%; background-color:#333; margin-left:3%; margin-top:1%; margin-bottom:1%; } div#petcadr_3:hover { background-color:#111; } div#petcadr_3 h1.lkpag { font-size:1.5vw; text-align:center; margin-top:5%; margin-bottom:5%; } /*cadr c viewer dl ###############*/ div#c { display:block; float:left; width:33%; margin: 0% 0% 0% 0% ; } div#c #grocadr { display:block; float:left; width:100%; background-color:white; margin-left:0%; margin-top:5%; margin-bottom:5%; } div#c div#grocadr img#pri { float:left; margin-left:5%; } div#c div#grocadr img#pri100 { display:block; width:100%; float:left; } div#c #petcadr_list { float:right; width:30%; margin-top:2%; margin-right:5%; } div#c #petcadr_list #titr { float:center; font-size:1.25vw; color: grey; } div#c #petcadr_list #lst { display:block; margin-top:5%; } div#c #petcadr_list #lst #con { float:left; margin-left:5%; font-size:1vw; list-style-type: none; text-align:left; margin: 0; padding: 0; overflow: hidden; } /* counter en bas a droite ################*/ div#cou { display:block; position:relative; width:100%; margin: 0% 0% 0% 0%; } div#cou p { display:block; font-size:1vw; color:#aaa; text-align:right; margin: 0% 1.5% 0% 0%; } /* pg indx ############################################################################## ########################################################################################*/ div#gen { display:flex; flex-direction:column; width:100%; background-color:#171616; margin: 0% 0% 0% 0% ; } div#rest { display:block; width:100%; background-color:#171616; margin: 0% 0% 0% 0% ; } /*bann##################################### */ div#bann img { order:1; display:block; position:fixed; width:40%; margin-left:19%; margin-right:0%; } /*liens petits sites ###################### */ /*cadr principal */ div#plps { order:3; display:block; position:fixed; width:40%; margin-left:19%; top:30%; background-color:black; } /*cadr gauche */ div#plps .cadr_gau { display:block; float:left; width:47%; margin-left:1%; margin-right:1%; background-color:black; font-size:1vw; } div#plps .cadr_gau a:hover { background-color:#440000; color:white; } div#plps #bo_info { display:block; position:left; margin-top:1%; margin-left:1%; padding : 0.3em 0.3em; border:1px dotted #7e7e7e; } div#plps #rese { display:block; position:left; margin-top:5%; margin-left:5%; padding : 0.3em 0.3em; border:1px dotted #7e7e7e; } div#plps #mor { display:block; position:left; margin-top:5%; margin-left:10%; padding : 0.3em 0.3em; border:1px dotted #7e7e7e; } div#plps #cor { display:block; position:left; margin-top:5%; margin-left:15%; padding : 0.3em 0.3em; border:1px dotted #7e7e7e; } /*cadr droite */ div#plps .cadr_dro { display:block; float:left; width:47%; margin-left:1%; margin-right:1%; background-color:black; font-size:1vw; } div#plps .cadr_dro a:hover { background-color:#440000; color:white; } div#plps #phi { display:block; position:left; margin-top:1%; margin-left:1%; padding : 0.3em 0.3em; border:1px dotted #7e7e7e; } div#plps #pam { display:block; position:left; margin-top:5%; margin-left:5%; padding : 0.3em 0.3em; border:1px dotted #7e7e7e; } div#plps #carm { display:block; position:left; margin-top:5%; margin-left:10%; padding : 0.3em 0.3em; border:1px dotted #7e7e7e; } div#plps #char { display:block; position:left; margin-top:5%; margin-left:15%; padding : 0.3em 0.3em; border:1px dotted #7e7e7e; } /*cadr centre */ div#plps .cadr_gau-dro { display:block; float:left; width:95%; margin-left:1%; margin-right:1%; background-color:black; font-size:1vw; } div#plps .cadr_gau-dro a:hover { background-color:#440000; color:white; } div#plps #gra { display:block; float:left; width:98%; margin-top:3%; margin-left:1%; margin-right:1%; padding : 0.3em 0.3em; border:1px dotted #7e7e7e; } div#plps #gra .img1 { display:block; float:left; width:14%; margin-left:14%; margin-right:7%; margin-bottom:2%; padding : 0em 0em; } div#plps #gra .img2 { display: block; float:left; width:14%; margin-left:7%; margin-right:7%; margin-top:2%; } div#plps #gra .t1 { display: block; float:left; width:14%; font-size:2vw; text-align:center; color:#ffffff; margin-left:7%; margin-right:7%; } div#plps #gra .span2 { display: block; float:left; color:#a41c1c; font-size:15px; font-style: italic; } /*cadr etiquettes*/ a.eti span#eti { display: none; font-size:1.5vw; } a.eti:hover { background: none; z-index:500; } a.eti:hover span#eti { display:inline; position:fixed; width:18%; white-space:nowrap; font-weight:bold; font-size: 1vw; text-align:center; top:22%; left:63%; background:black; color: #7e7e7e; padding: 3px; } a.eti:hover p.eti_titre { color:white; font-size:1.25vw; } a.eti:hover p.fich_det { color:#444; font-size:0.75vw; } a.eti:hover #img_pres { width:100%; padding: 6px; } a.eti:hover #img_pres2 { width:40%; margin-left:20%; margin-right:20%; margin-top:18%; } /* nouveauté a droite ################*/ div#nouv { order:2; display:block; position:fixed; margin-left:63%; margin-right:1%; top:30%; width:20%; } div#nouv #ttr { font-size:1.1vw; color:#df9f9f; text-align:center; font-style: bold; } div#nouv ul{ font-size:1vw; list-style-type:none; font-style: italic; padding : 0 0.5em 2em 2em; margin : 1em 0 1em 0; } div#nouv ul li{ font-size:0.75vw; color:#ab5252; font-style: italic; } div#nouv li #dat { font-size:0.5vw; color:#aaa; font-style: italic; } /* contact horizontal en bas ##########*/ div#conta { order:5; display:block; position:fixed; width:20%; background-color:black; color:white; margin-left:29%; margin-right:1%; bottom:3%; } div#conta-cadr{ margin-left:0%; } div#conta ul li { list-style-type:none; display : inline; padding : 0 0.5em; margin : 2em 0 0 0; border : 2px dashed #a41c1c; color:#df9696; background-color:#4b0f0f; text-shadow: 3px 3px 5px #FF0000; font-size:1vw; } /* pg phi ############################################################################## ########################################################################################*/ /* dos ################### */ div#dos { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#171616 ; } div#dos div#ttrdsc1 { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#121a18 ; } div#dos div#ttrdsc1 img#ttrdsc1pri { display:block; width:47%; float:left; margin: 1% 1% 1% 1% ; } div#dos div#ttrdsc1 img#ttrdsc1pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#dos div#ttrdsc1 img#ttrdsc1pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#dos div#ttrdsc1 div#ttrdsc1cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#dos div#ttrdsc1 div#ttrdsc1cit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#dos div#ttrdsc1 div#ttrdsc1cit span.dsc { display:block; float:left; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa ; } div#dos div#onettrtab1 { display:block; float:left; width:50%; margin: 1% 0% 1% 0% ; background-color:#121a18; } div#dos div#onettrtab1 table#onettrtab1tab { display:block; float:left; width:90%; margin: 0% 5% 0% 5%; background-color:black; border-collapse: collapse; } div#dos div#onettrtab1 table#onettrtab1tab tr#onettrtab1tabret { } div#dos div#onettrtab1 table#onettrtab1tab td.ttr { font-size:1.2vw; border: 1px solid #333; color:white; text-align:left; font-family:sans-serif; padding: 1vw; background-color:black; } div#dos div#onettrtab1 table#onettrtab1tab td.dsc { font-size:1vw; border: 1px solid #333; color:white; text-align:left; font-family:sans-serif; padding: 1vw; background-color:black; } div#dos div#onettrtab1 ul#onettrtab1ul li { list-style-type:disc; display : block; padding : 0.3em 0.3em; margin : 0.3em 0.3em 0.3em 0.3em; border : 0.1px dashed black; color:#0cac00; background-color:white; } div#dos div#onettrtab1 ul#onettrtab1ul li a.fich span#fich { display: none; } div#dos div#onettrtab1 ul#onettrtab1ul li a.fich:hover { background: none; z-index: 500; } div#dos div#onettrtab1 ul#onettrtab1ul li a.fich:hover span#fich { display: inline; position: fixed; white-space: nowrap; font-weight: bold; text-size: 15px; text-align:center; top:100px; right: 100px; background: black; color: #7e7e7e; padding: 3px; } div#dos div#onettrtab1 ul#onettrtab1ul li p.fich_titre { color:white; font-size:25px; } div#dos div#onettrtab1 ul#onettrtab1ul li p.fich_det { color:#376a11; font-size:15px; } div#dos div#onettrtab1 img#onettrtab1pri { display:block; width:100%; float:left; margin: 1% 0% 1% 0% ; } div#dos div#onettrtab1 div#onettrtab1cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#dos div#onettrtab1 div#onettrtab1cit span.ttr { display:block; float:left; width:90%; font-size:1.2vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#dos div#onettrtab1 div#onettrtab1cit span.dsc { display:block; float:left; padding:1%; width:90%; font-size:1vw; font-style:italic; text-align:left; color:#aaa; } div#dos div#onettrtab1 div#onettrtab1cit span#fich { display: none; } div#dos div#onettrtab1 div#onettrtab1cit:hover span#fich { display:inline; position:fixed; width:20%; white-space:nowrap; font-weight:bold; text-size:1.2vw; text-align:center; top:6%; right:6%; background:black; color: #7e7e7e; padding: 3px; } div#dos div#onettrtab1 div#onettrtab1cit p.fich_titre { color:white; font-size:1.2vw; } div#dos div#onettrtab1 div#onettrtab1cit p.fich_det { color:#376a11; font-size:1vw; } /* cou counter ################################################################################*/ div#cou1 { display:block; float:left; width:25%; margin: 0% 0% 0% 0%; } div#cou1 table { display:block; float:left; width:94%; margin: 0% 3% 0% 3%; background-color:black; border-collapse: collapse; } div#cou1 table td { width:70%; background-color:black; border: 1px solid #333; font-size:1vw; color:white; text-align:left; font-family:sans-serif; padding: 1vw; } div#cou1 table td#ttr { width:30%; background-color:black; border: 1px solid #333; font-size:0.8vw; color:white; text-align:left; font-family:sans-serif; padding: 1vw; } div#cou0 { display:block; float:left; width:100%; margin: 0% 0% 0% 0%; color:white; } div#cou0 p.cou0 { width:50%; background-color:black; border: 1px solid #333; font-size:2vw; color:white; text-align:left; font-family:sans-serif; padding: 1vw; } /* ###################################################################################################################################### ######################## Screen div 1000 ################################################################################################ #######################################################################################################################################*/ @media screen and (max-width: 1000px) { /* body, h1 , a , p ##################################################################### ########################################################################################*/ h1 { font-size: 200%; font-family:sans-serif; color:white; } a:link {text-decoration:none; color:#df9696; border:0; outline:none; padding:0 0 0 0; margin:0;} a:visited {text-decoration:none; color:#df9696; border:0; outline:none; padding:0 0 0 0; margin:0;} a:hover {text-decoration:underline; color:#a41c1c; } a:active {text-decoration:underline; color:#a41c1c;} img { border:0; outline:none; padding:0 0 0 0; margin:0; } p#par1 { width:94%; float:left; margin-left:2%; margin-right:2%; color:#aaa; font-size:1.5vw; } p#par2 { width:100%; float:left; text-align:center; margin-bottom:5px; color:#aaa;font-size:2vw; } p#ttr1 { width:100%; float:left; text-align:center; margin-bottom:5px; color:#555;font-size:2vw; } /* pg grafs ############################################################################# ########################################################################################*/ /* menu des grafs ############## */ div#nav { display:flex; flex-direction:column; width:100%; float:left; background-color:black;top:2%; } div#nav img.imghau { order:1; height:20px; } div#nav .lst1 { order:2; display:block; width:94%; margin-left:3%; margin-top:3%; } div#nav .lst2 { order:3; display:block; width:94%; margin-left:3%; margin-top:0.5%; } ul#menu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; color:white; background-color: #333; font-size:2vw; } ul#menu li { float:left; margin-left:2%; } ul#menu li a { display: block; color:white; text-align:center; padding:4px 16px; text-decoration: none; } ul#menu li a:hover { background-color: #111; } div#nav h1.ttr { order:4; display:block; float:center; text-align:center; font-size:3vw; margin-left:-10%; margin-right:0%; margin-top:2%; margin-bottom:5%; } div#nav img.inlst { display:block; float:left; width:50%; } div#nav img.inlstc { display:block; float:center; width:50%; margin: 1% 25% 1% 25% ; } ul#menu li table td { display:block; float:left; height:70px; width:100%; text-align:center; } /* menu des grafs bas ############## */ div#nav_bas { display:flex; flex-direction:column; width:100%; float:left; background-color:black;top:2%; } div#nav_bas img.imghau { order:2; height:20px; } div#nav_bas .lst1 { order:3; display:block; width:94%; margin-left:3%; margin-top:3%; } div#nav_bas .lst2 { order:4; display:block; width:94%; margin-left:3%; margin-top:0.5%; } ul#menu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; color:white; background-color: #333; font-size:2vw; } ul#menu li { float:left; margin-left:2%; } ul#menu li a { display: block; color:white; text-align:center; padding:4px 16px; text-decoration: none; } ul#menu li a:hover { background-color: #111; } div#nav_bas h1.ttr { order:1; display:block; float:center; text-align:center; font-size:3vw; margin-left:-10%; margin-right:0%; margin-top:5%; margin-bottom:2%; } div#nav_bas img.inlst { display:block; float:left; width:50%; } div#nav_bas img.inlstc { display:block; float:center; width:50%; margin: 1% 25% 1% 25% ; } ul#menu li table td { display:block; float:left; height:70px; width:100%; text-align:center; } /* gen ################*/ div#geng { display:block; width:100%; background-color:#171616; margin: 0% 0% 0% 0% ; } /* cliv ################### */ div#cliv { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#171616 ; } div#cliv div#ttrdsc1 { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#121a18 ; } div#cliv div#ttrdsc1 img#ttrdsc1pri { display:block; width:47%; float:left; margin: 1% 1% 1% 1% ; } div#cliv div#ttrdsc1 img#ttrdsc1pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#ttrdsc1 img#ttrdsc1pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#ttrdsc1 div#ttrdsc1cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#ttrdsc1 div#ttrdsc1cit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#ttrdsc1 div#ttrdsc1cit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit1 { display:block; float:left; width:100%; height:420px; margin: 1% 0% 1% 0% ; background-color:#121a18; } div#cliv div#onettrcit1 img#onettrcit1pri { display:block; width:100%; float:left; margin: 1% 0% 1% 0% ; } div#cliv div#onettrcit1 img#onettrcit1pri26 { display:block; width:26%; float:left; margin: 1% 37% 1% 37% } div#cliv div#onettrcit1 img#onettrcit1pri36 { display:block; width:36%; float:left; margin: 1% 32% 1% 32% } div#cliv div#onettrcit1 img#onettrcit1pri50 { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit1 img#onettrcit1pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit1 img#onettrcit1pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit1 img#onettrcit1pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit1 img#onettrcit1pri100 { display:block; width:100%; float:left; margin: 1% 0% 1% 0% ; } div#cliv div#onettrcit1 video#onettrcit1pri50 { display:block; width:50%; float:center; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit1 div#onettrcit1cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit1 div#onettrcit1cit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit1 div#onettrcit1cit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa; } div#cliv div#onettrcit1bi { display:block; float:left; width:100%; height:840px; margin: 1% 0% 1% 0% ; background-color:#121a18; } div#cliv div#onettrcit1bi img#onettrcit1bipri { display:block; width:100%; float:left; margin: 1% 0% 1% 0% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri50 { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit1bi div#onettrcit1bicit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit1bi div#onettrcit1bicit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit1bi div#onettrcit1bicit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa; } div#cliv div#onettriuxma1 { display:block; float:left; width:100%; height:2100px; margin: 1% 0% 1% 0% ; background-color:#121a18 ; } div#cliv div#onettriuxma1 img#onettriuxma1pri { display:block; width:47%; float:left; margin: 1% 0% 1% 0% ; } div#cliv div#onettriuxma1 img#onettriuxma1pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettriuxma1 img#onettriuxma1pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettriuxma1 img#onettriuxma1pri100 { display:block; width:100%; float:left; margin: 1% 0% 1% 0% ; } div#cliv div#onettriuxma1 div#onettriuxma1iux { display:block; width:47%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettriuxma1 div#onettriuxma1iux span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettriuxma1 div#onettriuxma1iux span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit60 { display:block; float:left; width:60%; height:420px; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit60 img#onettrcit60pri { display:block; width:100%; float:left; } div#cliv div#onettrcit60 img#onettrcit60pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit60 img#onettrcit60pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit60 img#onettrcit60pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit60 div#onettrcit60cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit60 div#onettrcit60cit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit60 div#onettrcit60cit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit60bi { display:block; float:left; width:60%; height:800px; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit60bi img#onettrcit60bipri { display:block; width:100%; float:left; } div#cliv div#onettrcit60bi img#onettrcit60bipri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit60bi img#onettrcit60bipri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit60bi div#onettrcit60bicit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit60bi div#onettrcit60bicit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit60bi div#onettrcit60bicit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit2 { display:block; float:left; width:47%; height:420px; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit2 img#onettrcit2pri { display:block; width:100%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit2 img#onettrcit2pri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit2 img#onettrcit2pri50 { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit2 img#onettrcit2pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit2 img#onettrcit2pri60dst { display:block; width:60%; float:right; } div#cliv div#onettrcit2 img#onettrcit2pri60sni { display:block; width:60%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri70 { display:block; width:70%; float:left; margin: 1% 15% 1% 15% ; } div#cliv div#onettrcit2 img#onettrcit2pri70dst { display:block; width:70%; float:right; } div#cliv div#onettrcit2 img#onettrcit2pri70sni { display:block; width:70%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit2 img#onettrcit2pri80dst { display:block; width:80%; float:right; } div#cliv div#onettrcit2 img#onettrcit2pri80sni { display:block; width:80%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit2 video#onettrcit2pri { display:block; width:100%; float:left; } div#cliv div#onettrcit2 div#onettrcit2cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit2 div#onettrcit2cit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit2 div#onettrcit2cit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit2lb { display:block; float:left; width:47%; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri { display:block; width:100%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri50 { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri60dst { display:block; width:60%; float:right; } div#cliv div#onettrcit2lb img#onettrcit2lbpri60sni { display:block; width:60%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri70 { display:block; width:70%; float:left; margin: 1% 15% 1% 15% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri70dst { display:block; width:70%; float:right; } div#cliv div#onettrcit2lb img#onettrcit2lbpri70sni { display:block; width:70%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri80dst { display:block; width:80%; float:right; } div#cliv div#onettrcit2lb img#onettrcit2lbpri80sni { display:block; width:80%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit2lb video#onettrcit2lbpri { display:block; width:100%; float:left; } div#cliv div#onettrcit2lb div#onettrcit2lbcit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit2lb div#onettrcit2lbcit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit2lb div#onettrcit2lbcit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrhov2 { display:block; position:relative; float:left; width:47%; height:420px; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrhov2 img#onettrhov2pri { display:block; width:100%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrhov2 img#onettrhov2pri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrhov2 img#onettrhov2pri50 { display:block; width:50%; float:left; margin: 1% 25% 1% 25% ; } div#cliv div#onettrhov2 img#onettrhov2pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrhov2 img#onettrhov2pri60dst { display:block; width:60%; float:right; } div#cliv div#onettrhov2 img#onettrhov2pri60sni { display:block; width:60%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri70 { display:block; width:70%; float:left; margin: 1% 15% 1% 15% ; } div#cliv div#onettrhov2 img#onettrhov2pri70dst { display:block; width:70%; float:right; } div#cliv div#onettrhov2 img#onettrhov2pri70sni { display:block; width:70%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrhov2 img#onettrhov2pri80dst { display:block; width:80%; float:right; } div#cliv div#onettrhov2 img#onettrhov2pri80sni { display:block; width:80%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrhov2 video#onettrhov2pri { display:block; width:100%; float:left; } div#cliv div#onettrhov2 div#onettrhov2hov { position: absolute; bottom: 0; left: 100%; right: 0; background-color: 0 0 0 0; overflow: hidden; width: 0; height: 100%; transition: .5s ease; } div#cliv div#onettrhov2:hover div#onettrhov2hov { width: 100%; left: 0; } div#cliv div#onettrhov2 div#onettrhov2hov span.apa { font-size:1.6vw; font-family: Arial, Helvetica, sans-serif; white-space: nowrap; color: white; background-color: rgba(201, 76, 76, 0.6) ; position:absolute; overflow: hidden; top:50%; left:50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } div#cliv div#onettrhov2 div#onettrhov2cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrhov2 div#onettrhov2cit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrhov2 div#onettrhov2cit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } /* grid2 ################### */ div#cliv div#txt2 { display:grid; grid-template-columns: 1fr 1fr ; width:100%; margin: 1% 0% 1% 0% ; grid-gap: 1% ; overflow: auto ; grid-template-rows: auto 1fr; background-color:#121a18 ; } div#cliv div#txt2 div#onettriux { display:block; float:left; margin: 1% 1% 1% 1% ; } div#cliv div#txt2 div#onettriux img#onettriuxpri { float:left; width:100%; } div#cliv div#txt2 div#onettriux span.ttr { display:block; text-align:right; width:100%; font-size:1.8vw; color:white; font-style:sans-serif; } div#cliv div#txt2 div#onettriux #onettriuxprim { display:block; float:left; width:90%; } div#cliv div#txt2 div#onettriux #onettriuxprim img#onettriuxpri { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#onettriuxiux { display:block; float:left; width:9%; } div#cliv div#txt2 div#onettriux div#onettriuxiux img#onettriuxpri { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#onettriuxiux span.ttronettriuxiux { display:block; width:100%; text-align:right; font-size:2vw; color:white; } div#cliv div#txt2 div#onettriux div#lie0 { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#lie0 span.lie { display:block; float:left; width:47%; font-size:1.8vw; color:white; margin:0% 0% 0% 2%: } div#cliv div#txt2 div#onettriux div#lie1 { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#lie1 span.lie { display:block; float:left; width:47%; font-size:1.8vw; color:#aaa; margin:0% 0% 0% 2%: } div#cliv div#onettrcit36 { display:block; float:left; width:36%; height:420px; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit36 img#onettrcit36pri { display:block; width:100%; float:left; } div#cliv div#onettrcit36 img#onettrcit36pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit36 img#onettrcit36pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit36 img#onettrcit36pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit36 img#onettrcit36pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit36 div#onettrcit36cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit36 div#onettrcit36cit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit36 div#onettrcit36cit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit3 { display:block; float:left; width:31%; height:420px; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit3 img#onettrcit3pri { display:block; width:100%; float:left; } div#cliv div#onettrcit3 img#onettrcit3prilae { display:block; width:100%; float:left; background:white; } div#cliv div#onettrcit3 img#onettrcit3pri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit3 img#onettrcit3pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit3 img#onettrcit3pri70 { display:block; width:70%; float:left; margin: 1% 15% 1% 15% ; } div#cliv div#onettrcit3 img#onettrcit3pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit3 img#onettrcit3pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit3 video#onettrcit3pri { display:block; width:100%; float:left; } div#cliv div#onettrcit3 div#onettrcit3cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit3 div#onettrcit3cit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3 div#onettrcit3cit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit3col { display:block; float:left; width:31%; height:420px; margin: 1% 1% 1% 1% ; background-color:#300243 ; } div#cliv div#onettrcit3col img#onettrcit3colpri { display:block; width:100%; float:left; } div#cliv div#onettrcit3col img#onettrcit3colpri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit3col img#onettrcit3colpri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit3col img#onettrcit3colpri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit3col img#onettrcit3colpri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit3col video#onettrcit3colpri { display:block; width:100%; float:left; } div#cliv div#onettrcit3col div#onettrcit3colcit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit3col div#onettrcit3colcit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3col div#onettrcit3colcit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit3lb { display:block; float:left; width:31%; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri { display:block; width:100%; float:left; } div#cliv div#onettrcit3lb img#onettrcit3lbpri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri70 { display:block; width:70%; float:left; margin: 1% 15% 1% 15% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit3lb video#onettrcit3lbpri { display:block; width:100%; float:left; } div#cliv div#onettrcit3lb div#onettrcit3lbcit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit3lb div#onettrcit3lbcit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3lb div#onettrcit3lbcit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit23 { display:block; float:left; width:23%; height:420px; margin: 1% 1% 1% 1% ; background-color:#121a18 ; } div#cliv div#onettrcit23 img#onettrcit23pri { display:block; width:100%; float:left; } div#cliv div#onettrcit23 img#onettrcit23pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#cliv div#onettrcit23 img#onettrcit23pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit23 img#onettrcit23pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit23 img#onettrcit23pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit23 div#onettrcit23cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit23 div#onettrcit23cit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit23 div#onettrcit23cit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } /* cliv4 grid ################### */ div#cliv div#txt4 { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr ; width:100%; margin: 1% 0% 1% 0% ; grid-gap: 1% ; overflow: auto ; grid-template-rows: auto 1fr; background-color:#121a18 ; } div#cliv div#txt4 div#onettriux { display:block; float:left; margin: 1% 1% 1% 1% ; } div#cliv div#txt4 div#onettriux img#onettriuxpri { float:left; width:100%; } div#cliv div#txt4 div#onettriux span.ttr { display:block; text-align:right; width:100%; font-size:1.8vw; color:white; font-style:sans-serif; } div#cliv div#txt4 div#onettriux #onettriuxprim { display:block; float:left; width:90%; } div#cliv div#txt4 div#onettriux #onettriuxprim img#onettriuxpri { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#onettriuxiux { display:block; float:left; width:9%; } div#cliv div#txt4 div#onettriux div#onettriuxiux img#onettriuxpri { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#onettriuxiux span.ttronettriuxiux { display:block; width:100%; text-align:right; font-size:2vw; color:white; } div#cliv div#txt4 div#onettriux div#lie0 { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#lie0 span.lie { display:block; float:left; width:47%; font-size:1.8vw; color:white; margin:0% 0% 0% 2%: } div#cliv div#txt4 div#onettriux div#lie1 { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#lie1 span.lie { display:block; float:left; width:47%; font-size:1.8vw; color:#aaa; margin:0% 0% 0% 2%: } div#cliv div#onettrcit6 { display:block; float:left; width:14.5%; height:420px; margin: 1% 1% 1% 1% ; background-color:#121a18; } div#cliv div#onettrcit6 img#onettrcit6pri { display:block; width:100%; float:left; } div#cliv div#onettrcit6 img#onettrcit6pri42 { display:block; width:42%; float:left; margin: 1% 26% 1% 26% ; } div#cliv div#onettrcit6 img#onettrcit6pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#cliv div#onettrcit6 img#onettrcit6pri80 { display:block; width:80%; float:left; margin: 1% 10% 1% 10% ; } div#cliv div#onettrcit6 img#onettrcit6pri90 { display:block; width:90%; float:left; margin: 1% 5% 1% 5% ; } div#cliv div#onettrcit6 div#onettrcit6cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit6 div#onettrcit6cit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit6 div#onettrcit6cit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa; } /*cadr dl ###############*/ div#grocadr { display:block; float:left; width:90%; margin-left:5%; margin-top:5%; background-color:#440000; } div#petcadr_1_2 { display:block; float:left; width:30%; margin-left:3%; margin-top:3%; margin-bottom:3%; background-color:#ff4477; } div#petcadr_1_2:hover { background-color:#880022; } div#petcadr_1_2 #titr { display: block; float:left; text-align:left; font-size:3.5vw; color:black; margin-left:5%; } div#petcadr_1_2:hover #titr { color:white; } div#petcadr_1_2 #desc { display:block; float:left; text-align:left; font-size:2vw; color:black; } div#petcadr_1_2:hover #desc { color:white; } div#petcadr_1_2 #petpetcadr { display: block; background-color:#aa2244; float:right; text-align:left; font-size:1.5vw; color:black; margin-right:10px; } div#petcadr_1_2 #petpetcadr:hover { color:white; font-size:2vw; } div#petcadr_3 { display:block; float:left; width:30%; background-color:#333; margin-left:3%; margin-top:3%; margin-bottom:3%; } div#petcadr_3:hover { background-color:#111; } div#petcadr_3 #lkpag { margin-top:1%; font-size:30px; text-align:center; } /*cadr c viewer dl ###############*/ div#c { display:block; float:left; width:100%; margin: 0% 0% 0% 0% ; } div#c div#grocadr { display:block; float:left; width:47%; background-color:white; margin-left:25%; margin-top:5%; margin-bottom:5%; } div#c div#grocadr img#pri { float:left; margin-left:5%; } div#c div#grocadr img#pri100 { display:block; width:100%; float:left; } div#c #petcadr_list { float:right; width:30%; margin-top:2%; margin-right:5%; } div#c #petcadr_list #titr { float:center; font-size:2.5vw; color: grey; } div#c #petcadr_list #lst { display:block; margin-top:5%; } div#c #petcadr_list #lst #con { float:left; margin-left:5%; font-size:1.5vw; list-style-type: none; text-align:left; margin: 0; padding: 0; overflow: hidden; } /* counter en bas a droite ################*/ div#cou { display:block; position:relative; width:100%; margin: 0% 0% 0% 0%; } div#cou p { display:block; font-size:2vw; color:#aaa; text-align:right; margin: 0% 1.5% 0% 0%; } /* pg indx ############################################################################## ########################################################################################*/ /*bann##################################### */ div#bann img { order:1; position:fixed; width:60%; margin-left:11%; margin-right:41%; } /*liens petits sites ###################### */ /*cadr principal */ div#plps { order:3; display:block; position:fixed; width:50%; margin-left:11%; margin-right:0%; top:30%; background-color:black; } /*cadr gauche */ div#plps .cadr_gau { display:block; float:left; width:47%; margin-left:1%; margin-right:1%; background-color:black; font-size:1.9vw; } div#plps .cadr_gau a:hover { background-color:#440000; color:white; } div#plps #bo_info { display:block; position:left; margin-top:1%; margin-left:1%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #bo_info #img_pres { padding:0 0 10% 0;} div#plps #rese { display:block; position:left; margin-top:5%; margin-left:5%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #mor { display:block; position:left; margin-top:5%; margin-left:10%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #cor { display:block; position:left; margin-top:5%; margin-left:15%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } /*cadr droite */ div#plps .cadr_dro { display:block; float:left; width:47%; margin-left:1%; margin-right:1%; background-color:black; font-size:1.9vw; } div#plps .cadr_dro a:hover { background-color:#440000; color:white; } div#plps #phi { display:block; position:left; margin-top:1%; margin-left:1%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #pam { display:block; position:left; margin-top:5%; margin-left:5%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #carm { display:block; position:left; margin-top:5%; margin-left:10%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #char { display:block; position:left; margin-top:5%; margin-left:15%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } /*cadr centre */ div#plps .cadr_gau-dro { display:block; float:left; width:94%; margin-left:1%; margin-right:1%; background-color:black; font-size:1.9vw; } div#plps .cadr_gau-dro a:hover { background-color:#440000; color:white; } div#plps #gra { display:block; float:left; width:98%; margin-top:3%; margin-left:1%; margin-right:1%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #gra .img1 { display:block; float:left; width:31%; margin-left:1%; margin-right:1%; padding : 0em 0em; } div#plps #gra .img2 { display: block; float:left; width:31%; margin-left:1%; margin-right:1%; } div#plps #gra .t1 { display: block; float:left; width:31%; font-size:4vw; text-align:center; color:#ffffff; margin-left:1%; margin-right:1%; } div#plps #gra .span2 { display: block; float:left; color:#a41c1c; font-size:15px; font-style: italic; } /*cadr etiquettes*/ a.eti span#eti { display: none; font-size:1.5vw; } a.eti:hover { background: none; z-index: 500; } a.eti:hover span#eti { display: inline; position: fixed; width:32%; white-space: nowrap; font-weight: bold; font-size: 2vw; text-align:center; top:22%; margin-right:1%; margin-bottom:3%; background: black; color: #7e7e7e; padding: 3px; } a.eti:hover p.eti_titre { color:white; font-size:2.5vw; } a.eti:hover p.fich_det { color:#376a11; font-size:1.5vw; } a.eti:hover #img_pres { padding: 6px; width:100%; } a.eti:hover #img_pres2 { padding:6px; width:40%; } /* nouveauté a droite ################*/ div#nouv { order:2; position:fixed; margin-left:66%; margin-right:1%; top:30%; width:30%; } div#nouv #ttr { font-size:2.2vw; color:#df9f9f; text-align:center; font-style: bold; } div#nouv ul{ font-size:2.1vw; list-style-type:none; font-style: italic; padding : 0 0.5em 2em 2em; margin : 1em 0 1em 0; } div#nouv ul li{ font-size:1.5vw; color:#ab5252; font-style: italic; } div#nouv li #dat { font-size:1vw; color:#aaa; font-style: italic; } /* contact horizontal en bas ##########*/ div#conta { order:5; position:fixed; display:block; float:left; width:100%; background-color:black; color:white; margin-left:16%; bottom:3%; } div#conta-cadr{ margin-left:0%; } div#conta ul li { list-style-type:none; display : inline; padding : 0 0.5em; margin : 2em 0 0 0; border : 2px dashed #a41c1c; color:#df9696; background-color:#4b0f0f; text-shadow: 3px 3px 5px #FF0000; font-size:2vw; } /* pg con ############################################################################## ########################################################################################*/ /* ##### form de contct ###### */ div#dos form { text-align:left; background-color:#121a18; color:white; width:100%; padding: 1% ; margin: 0% 0% 0% 0% ; } div#dos form label { background-color:#3d0723; color:white; } div#dos form input[type="text"] { background-color:#3d0723; color:white; border-radius: 5px 5px 5px 5px; width:50%; height:3vw; border-color:#666; } div#dos form input[type="text"]#captcha { background-color:#3d0723; color:white; border-radius: 5px 5px 5px 5px; width:30%; height:3vw; } div#dos form textarea { background-color:#3d0723; color:white; border-color:#666; } div#dos form input[type="submit"] { float:center; padding:4px 4px 4px 4px ; background-color: #777; color:white; border-radius: 5px 5px 5px 5px; border:1px; width: 15%; height:4vw; padding:0% ; box-shadow: -2px 2px 8px #3e3e3e; } div#dos form input[type="submit"]:hover { background-color:#999; color:white; border-radius: 5px 5px 5px 5px; border:2px; font-size:1.65vw; height:4vw; padding:0.1%; box-shadow: -2px 2px 8px white; } /* pg contct ###################################################################*/ div#mot1 { color:white; width:80%; margin-left:10%; margin-top:15%; } div#mot1 p#ttr { display:block; text-align:left; color: white ; } div#mot1 p { display:block; float:left; color: white ; } div#mot1 p#mai { display:block; text-align: center ; font-size:2.5vw; color: white ; } div#mot1 #txt { display:block; float:left; color:white; } /* contact horizontal en bas */ div#com_conta { display:block; float:left; width:100%; background-color:black; color:white; margin-top:70%; } div#com_conta-cadr{ margin-left:5%; } div#com_conta ul li { list-style-type:none; display : inline; padding : 0 0.5em; margin : 2em 0 0 0; border : 2px dashed #a41c1c; color:white; background-color:#4b0f0f; text-shadow: 3px 3px 5px #FF0000; font-size:2vw; } /* pg phi ############################################################################## ########################################################################################*/ /* dos ################### */ div#dos { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#171616 ; } div#dos div#ttrdsc1 { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#121a18 ; } div#dos div#ttrdsc1 img#ttrdsc1pri { display:block; width:47%; float:left; margin: 1% 1% 1% 1% ; } div#dos div#ttrdsc1 img#ttrdsc1pri36 { display:block; width:36%; float:left; margin: 1% 7% 1% 7% ; } div#dos div#ttrdsc1 img#ttrdsc1pri60 { display:block; width:60%; float:left; margin: 1% 17% 1% 17% ; } div#dos div#ttrdsc1 div#ttrdsc1cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#dos div#ttrdsc1 div#ttrdsc1cit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#dos div#ttrdsc1 div#ttrdsc1cit span.dsc { display:block; float:left; width:90%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa ; } div#dos div#onettrtab1 table#onettrtab1tab { display:block; float:left; width:90%; margin: 0% 5% 0% 5%; background-color:black; border-collapse: collapse; } div#dos div#onettrtab1 table#onettrtab1tab tr#onettrtab1tabret { } div#dos div#onettrtab1 table#onettrtab1tab td.ttr { font-size:1.8vw; border: 1px solid #333; color:white; text-align:left; font-family:sans-serif; padding:6px; background-color:black; } div#dos div#onettrtab1 table#onettrtab1tab td.dsc { font-size:1.6vw; border: 1px solid #333; color:white; text-align:left; font-family:sans-serif; padding:6px; background-color:black; } div#dos div#onettrtab1 { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#121a18; } div#dos div#onettrtab1 ul#onettrtab1ul li { list-style-type:disc; display : block; padding : 0.3em 0.3em; margin : 0.3em 0.3em 0.3em 0.3em; border : 0.1px dashed black; color:#0cac00; background-color:white; } div#dos div#onettrtab1 ul#onettrtab1ul li a.fich span#fich { display: none; } div#dos div#onettrtab1 ul#onettrtab1ul li a.fich:hover { background: none; z-index: 500; } div#dos div#onettrtab1 ul#onettrtab1ul li a.fich:hover span#fich { display: inline; position: fixed; white-space: nowrap; font-weight: bold; text-size: 15px; text-align:center; top:100px; right: 100px; background: black; color: #7e7e7e; padding: 3px; } div#dos div#onettrtab1 ul#onettrtab1ul li p.fich_titre { color:white; font-size:25px; } div#dos div#onettrtab1 ul#onettrtab1ul li p.fich_det { color:#376a11; font-size:15px; } div#dos div#onettrtab1 img#onettrtab1pri { display:block; width:100%; float:left; margin: 1% 0% 1% 0% ; } div#dos div#onettrtab1 div#onettrtab1cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#dos div#onettrtab1 div#onettrtab1cit span.ttr { display:block; float:left; width:90%; font-size:1.8vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#dos div#onettrtab1 div#onettrtab1cit span.dsc { display:block; float:left; padding:2%; width:80%; font-size:1.6vw; font-style:italic; text-align:left; color:#aaa; } div#dos div#onettrtab1 div#onettrtab1cit span#fich { display: none; } div#dos div#onettrtab1 div#onettrtab1cit:hover span#fich { display:inline; position:fixed; width:40%; white-space:nowrap; font-weight:bold; text-size: 1.8vw; text-align:center; top:0%; right:0%; background:black; color: #7e7e7e; padding: 3px; } div#dos div#onettrtab1 div#onettrtab1cit p.fich_titre { color:white; font-size:1.8vw; } div#dos div#onettrtab1 div#onettrtab1cit p.fich_det { color:#376a11; font-size:1.6vw; } /* cou counter ######################################################################### ########################################################################################*/ div#cou1 { display:block; float:left; width:33%; margin: 0% 0% 0% 0%; } div#cou1 table { display:block; float:left; width:94%; margin: 0% 3% 0% 3%; background-color:black; border-collapse: collapse; } div#cou1 table td { width:70%; background-color:black; border: 1px solid #333; font-size:2.4vw; color:white; text-align:left; font-family:sans-serif; padding: 1vw; } div#cou1 table td#ttr { width:30%; background-color:black; border: 1px solid #333; font-size:2.1vw; color:white; text-align:left; font-family:sans-serif; padding: 1vw; } } /* ###################################################################################################################################### ######################## Screen div 800 ################################################################################################# #######################################################################################################################################*/ @media screen and (max-width: 800px) { /* body h1 a p ########################################################################## ########################################################################################*/ p#par1 { width:94%; float:left; margin-left:2%; margin-right:2%; color:#aaa; font-size:3vw; } p#par2 { width:100%;float:left; text-align:center; margin-bottom:3px; color:#aaa; font-size:6vw; } p#ttr1 { width:100%; float:left; text-align:center; margin-bottom:5px; color:#555;font-size:6vw; } /* pg grafs ############################################################################# ########################################################################################*/ /* menu des grafs ############## */ div#nav { display:flex; flex-direction:column; width:100%; float:left; background-color:black;top:2%; } div#nav img.imghau { order:1; height:80px; } div#nav .lst1 { order:2; display:block; width:94%; margin-left:3%; margin-top:3%; } div#nav .lst2 { order:3; display:block; width:94%; margin-left:3%; margin-top:0.5%; } ul#menu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; color:white; background-color: #333; font-size:5.5vw; } ul#menu li { float:left; margin-left:2%; } ul#menu li a { display: block; color:white; text-align:center; padding:4px 16px; text-decoration: none; } ul#menu li a:hover { background-color: #111; } div#nav h1.ttr { order:4; display:block; float:center; text-align:center; font-size:6.7vw; margin-left:-10%; margin-right:0%; margin-top:2%; margin-bottom:5%; } div#nav img.inlst { display:block; float:left; width:100%; } div#nav img.inlstc { display:block; float:center; width:170px; margin: 0% 0% 0% 0% ; } ul#menu li table { display:block; float:left; width:170px; height:220px; } ul#menu li table td { display:block; float:center; height:170px; text-align:center; } /* menu des grafs bas ############## */ div#nav_bas { display:flex; flex-direction:column; width:100%; float:left; background-color:black;top:2%; } div#nav_bas img.imghau { order:2; height:80px; } div#nav_bas .lst1 { order:3; display:block; width:94%; margin-left:3%; margin-top:3%; } div#nav_bas .lst2 { order:4; display:block; width:94%; margin-left:3%; margin-top:0.5%; } ul#menu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; color:white; background-color: #333; font-size:5.5vw; } ul#menu li { float:left; margin-left:2%; } ul#menu li a { display: block; color:white; text-align:center; padding:4px 16px; text-decoration: none; } ul#menu li a:hover { background-color: #111; } div#nav_bas h1.ttr { order:1; display:block; float:center; text-align:center; font-size:6.7vw; margin-left:-10%; margin-right:0%; margin-top:5%; margin-bottom:2%; } div#nav_bas img.inlst { display:block; float:left; width:100%; } div#nav_bas img.inlstc { display:block; float:center; width:170px; margin: 0% 0% 0% 0% ; } ul#menu li table { display:block; float:left; width:170px; height:220px; } ul#menu li table td { display:block; float:left; height:70px; width:100%; text-align:center; } /* cliv ################### */ div#cliv { display:block; float:left; width:100%; background-color:#171616; } div#cliv div#ttrdsc1 { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#121a18 ; } div#cliv div#ttrdsc1 img#ttrdsc1pri { display:block; width:47%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#ttrdsc1 img#ttrdsc1pri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#ttrdsc1 img#ttrdsc1pri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#ttrdsc1 div#ttrdsc1cit { display:block; width:100%; float:left; background-color:#3d0723; margin: 0% 0% 0% 0% ; } div#cliv div#ttrdsc1 div#ttrdsc1cit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#ttrdsc1 div#ttrdsc1cit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit1 { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettrcit1 img#onettrcit1pri { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1 img#onettrcit1pri26 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1 img#onettrcit1pri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1 img#onettrcit1pri50 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1 img#onettrcit1pri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1 img#onettrcit1pri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1 img#onettrcit1pri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1 img#onettrcit1pri100 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1 video#onettrcit1pri50 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1 div#onettrcit1cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit1 div#onettrcit1cit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit1 div#onettrcit1cit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit1bi { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettrcit1bi img#onettrcit1bipri { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri50 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1bi img#onettrcit1bipri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit1bi div#onettrcit1bicit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit1bi div#onettrcit1bicit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit1bi div#onettrcit1bicit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettriuxma1 { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettriuxma1 img#onettriuxma1pri { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettriuxma1 img#onettriuxma1pri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettriuxma1 img#onettriuxma1pri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettriuxma1 img#onettriuxma1pri100 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettriuxma1 div#onettriuxma1iux { display:block; width:100%; float:left; background-color:#3d0723; margin: 1% 0% 1% 0% ; } div#cliv div#onettriuxma1 div#onettriuxma1iux span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettriuxma1 div#onettriuxma1iux span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit60 { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18; } div#cliv div#onettrcit60 img#onettrcit60pri { display:block; width:100%; float:left; } div#cliv div#onettrcit60 img#onettrcit60pri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit60 img#onettrcit60pri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit60 img#onettrcit60pri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit60 img#onettrcit60pri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit60 div#onettrcit60cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit60 div#onettrcit60cit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit60 div#onettrcit60cit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit60bi { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettrcit60bi img#onettrcit60bipri { display:block; width:100%; float:left ; } div#cliv div#onettrcit60bi img#onettrcit60bipri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit60bi img#onettrcit60bipri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit60bi img#onettrcit60bipri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit60bi img#onettrcit60bipri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit60bi div#onettrcit60bicit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit60bi div#onettrcit60bicit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit60bi div#onettrcit60bicit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit2 { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettrcit2 img#onettrcit2pri { display:block; width:100%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2 img#onettrcit2pri42 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2 img#onettrcit2pri50 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2 img#onettrcit2pri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2 img#onettrcit2pri60dst { display:block; width:100%; float:right; } div#cliv div#onettrcit2 img#onettrcit2pri60sni { display:block; width:100%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri70 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2 img#onettrcit2pri70dst { display:block; width:100%; float:right; } div#cliv div#onettrcit2 img#onettrcit2pri70sni { display:block; width:100%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2 img#onettrcit2pri80dst { display:block; width:100%; float:right; } div#cliv div#onettrcit2 img#onettrcit2pri80sni { display:block; width:100%; float:left; } div#cliv div#onettrcit2 img#onettrcit2pri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2 video#onettrcit2pri { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2 div#onettrcit2cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit2 div#onettrcit2cit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit2 div#onettrcit2cit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit2lb { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri { display:block; width:100%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri42 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri50 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri60dst { display:block; width:100%; float:right; } div#cliv div#onettrcit2lb img#onettrcit2lbpri60sni { display:block; width:100%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri70 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri70dst { display:block; width:100%; float:right; } div#cliv div#onettrcit2lb img#onettrcit2lbpri70sni { display:block; width:100%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2lb img#onettrcit2lbpri80dst { display:block; width:100%; float:right; } div#cliv div#onettrcit2lb img#onettrcit2lbpri80sni { display:block; width:100%; float:left; } div#cliv div#onettrcit2lb img#onettrcit2lbpri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2lb video#onettrcit2lbpri { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit2lb div#onettrcit2lbcit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit2lb div#onettrcit2lbcit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit2lb div#onettrcit2lbcit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrhov2 { display:block; position:relative; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettrhov2 img#onettrhov2pri { display:block; width:100%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrhov2 img#onettrhov2pri42 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrhov2 img#onettrhov2pri50 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrhov2 img#onettrhov2pri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrhov2 img#onettrhov2pri60dst { display:block; width:100%; float:right; } div#cliv div#onettrhov2 img#onettrhov2pri60sni { display:block; width:100%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri70 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrhov2 img#onettrhov2pri70dst { display:block; width:100%; float:right; } div#cliv div#onettrhov2 img#onettrhov2pri70sni { display:block; width:100%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrhov2 img#onettrhov2pri80dst { display:block; width:100%; float:right; } div#cliv div#onettrhov2 img#onettrhov2pri80sni { display:block; width:100%; float:left; } div#cliv div#onettrhov2 img#onettrhov2pri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrhov2 video#onettrhov2pri { display:block; width:100%; float:left; } div#cliv div#onettrhov2 div#onettrhov2hov { display:block; float:left; width:100%; background-color:#3d0723; position:unset; bottom:unset; left:unset; right:unset; overflow:unset; height:unset; transition:unset; } div#cliv div#onettrhov2:hover div#onettrhov2hov { width:unset; left:unset; } div#cliv div#onettrhov2 div#onettrhov2hov span.apa { display:block; float:left; position:unset; font-size:3.5vw; font-family: Arial, Helvetica, sans-serif; color:#aaa ; background-color:unset; white-space:unset; overflow:unset; top:unset; left:unset; transform:unset; -ms-transform:unset; } div#cliv div#onettrhov2 div#onettrhov2cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrhov2 div#onettrhov2cit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrhov2 div#onettrhov2cit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } /* grid2 ################### */ div#cliv div#txt2 { display:grid; grid-template-columns: 1fr ; width:100%; margin: 1% 0% 1% 0% ; grid-gap: 1% ; background-color:#121a18 ; } div#cliv div#txt2 div#onettriux { display:block; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#txt2 div#onettriux img#onettriuxpri { float:left; width:100%; } div#cliv div#txt2 div#onettriux span.ttr { display:block; text-align:right; width:100%; font-size:4vw; color:white; font-style:sans-serif; } div#cliv div#txt2 div#onettriux #onettriuxprim { display:block; float:left; width:90%; } div#cliv div#txt2 div#onettriux #onettriuxprim img#onettriuxpri { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#onettriuxiux { display:block; float:left; width:9%; } div#cliv div#txt2 div#onettriux div#onettriuxiux img#onettriuxpri { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#onettriuxiux span.ttronettriuxiux { display:block; width:100%; text-align:right; font-size:2vw; color:white; } div#cliv div#txt2 div#onettriux div#lie0 { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#lie0 span.lie { display:block; float:left; width:47%; font-size:3vw; color:white; margin:0% 0% 0% 2%: } div#cliv div#txt2 div#onettriux div#lie1 { width:100%; float:left; } div#cliv div#txt2 div#onettriux div#lie1 span.lie { display:block; float:left; width:47%; font-size:2.5vw; color:#aaa; margin:0% 0% 0% 2%: } div#cliv div#onettrcit36 { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettrcit36 img#onettrcit36pri { display:block; width:100%; float:left; } div#cliv div#onettrcit36 img#onettrcit36pri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit36 img#onettrcit36pri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit36 img#onettrcit36pri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit36 img#onettrcit36pri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit36 div#onettrcit36cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit36 div#onettrcit36cit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit36 div#onettrcit36cit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit3 { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettrcit3 img#onettrcit3pri { display:block; width:100%; float:left; } div#cliv div#onettrcit3 img#onettrcit3prilae { display:block; width:100%; float:left; background:white; } div#cliv div#onettrcit3 img#onettrcit3pri42 { display:block; width:100%; float:left; align-self:center; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3 img#onettrcit3pri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3 img#onettrcit3pri70 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3 img#onettrcit3pri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3 img#onettrcit3pri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3 video#onettrcit3pri { display:block; width:100%; float:left; } div#cliv div#onettrcit3 div#onettrcit3cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3 div#onettrcit3cit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3 div#onettrcit3cit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit3col { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#300243 ; } div#cliv div#onettrcit3col img#onettrcit3colpri { display:block; width:100%; float:left; } div#cliv div#onettrcit3col img#onettrcit3colpri42 { display:block; width:100%; float:left; align-self:center; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3col img#onettrcit3colpri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3col img#onettrcit3colpri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3col img#onettrcit3colpri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3col video#onettrcit3colpri { display:block; width:100%; float:left; } div#cliv div#onettrcit3col div#onettrcit3colcit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3col div#onettrcit3colcit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3col div#onettrcit3colcit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit3lb { display:block; float:left; width:100%; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri { display:block; width:100%; float:left; } div#cliv div#onettrcit3lb img#onettrcit3lbpri42 { display:block; width:100%; float:left; align-self:center; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri70 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3lb img#onettrcit3lbpri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit3lb div#onettrcit3lbcit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3lb div#onettrcit3lbcit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit3lb div#onettrcit3lbcit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#cliv div#onettrcit23 { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettrcit23 img#onettrcit23pri { display:block; width:100%; float:left; } div#cliv div#onettrcit23 img#onettrcit23pri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit23 img#onettrcit23pri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit23 img#onettrcit23pri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit23 img#onettrcit23pri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit23 div#onettrcit23cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#cliv div#onettrcit23 div#onettrcit23cit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit23 div#onettrcit23cit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } /* grid4 ################### */ div#cliv div#txt4 { display:grid; grid-template-columns: 1fr ; width:100%; margin: 1% 0% 1% 0% ; grid-gap: 1% ; background-color:#121a18 ; } div#cliv div#txt4 div#onettriux { display:block; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#txt4 div#onettriux img#onettriuxpri { float:left; width:100%; } div#cliv div#txt4 div#onettriux span.ttr { display:block; text-align:right; width:100%; font-size:4vw; color:white; font-style:sans-serif; } div#cliv div#txt4 div#onettriux #onettriuxprim { display:block; float:left; width:90%; } div#cliv div#txt4 div#onettriux #onettriuxprim img#onettriuxpri { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#onettriuxiux { display:block; float:left; width:9%; } div#cliv div#txt4 div#onettriux div#onettriuxiux img#onettriuxpri { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#onettriuxiux span.ttronettriuxiux { display:block; width:100%; text-align:right; font-size:2vw; color:white; } div#cliv div#txt4 div#onettriux div#lie0 { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#lie0 span.lie { display:block; float:left; width:47%; font-size:3vw; color:white; margin:0% 0% 0% 2%: } div#cliv div#txt4 div#onettriux div#lie1 { width:100%; float:left; } div#cliv div#txt4 div#onettriux div#lie1 span.lie { display:block; float:left; width:47%; font-size:2.5vw; color:#aaa; margin:0% 0% 0% 2%: } div#cliv div#onettrcit6 { display:block; float:left; width:100%; height:unset; margin: 0% 0% 0% 0% ; background-color:#121a18 ; } div#cliv div#onettrcit6 img#onettrcit6pri { display:block; width:100%; float:left; } div#cliv div#onettrcit6 img#onettrcit6pri42 { display:block; width:100%; float:left; align-self:center; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit6 img#onettrcit6pri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit6 img#onettrcit6pri80 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit6 img#onettrcit6pri90 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#cliv div#onettrcit6 div#onettrcit6cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit6 div#onettrcit6cit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#cliv div#onettrcit6 div#onettrcit6cit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } /*cadr dl ###############*/ div#grocadr { display:block; float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:5%; background-color:#440000; } div#petcadr_1_2 { display:block; float:left; width:96%; margin-left:1%; margin-right:1%; margin-top:3%; margin-bottom:3%; background-color:#ff4477; } div#petcadr_1_2:hover { background-color:#880022; } div#petcadr_1_2 #titr { display: block; float:left; text-align:left; font-size:7vw; color:black; margin-left:5%; } div#petcadr_1_2:hover #titr { color:white; } div#petcadr_1_2 #desc { display:block; float:left; text-align:left; font-size:4vw; color:black; } div#petcadr_1_2:hover #desc { color:white; } div#petcadr_1_2 #petpetcadr { display: block; background-color:#aa2244; float:right; text-align:left; font-size:5vw; color:black; margin-right:1%; } div#petcadr_1_2 #petpetcadr:hover { color:white; font-size:5vw; } div#petcadr_3 { display:block; float:right; width:35%; background-color:#333; margin-left:3%; margin-right:1% margin-top:3%; margin-bottom:3%; } div#petcadr_3:hover { background-color:#111; } div#petcadr_3 h1.lkpag { font-size:4vw; text-align:center; padding:1em 0em 1em 0em; margin-top:5%; margin-bottom:5%; } /*cadr c viewer dl ###############*/ div#c { display:block; float:left; width:100%;} div#c #grocadr { float:left; width:98%; background-color:white; margin-left:1%; margin-right:1%; margin-top:5%; margin-bottom:5%; } div#c div#grocadr img#pri { float:left; width:90%; } div#c div#grocadr img#pri100 { display:block; width:100%; float:left; } div#c #petcadr_list { float:right; width:40%; margin-top:5%; margin-right:1%; } div#c #petcadr_list #titr { float:center; font-size:7vw; color: grey; } div#c #petcadr_list #lst { display:block; margin-top:5%; } div#c #petcadr_list #lst #con { float:left; margin-left:5%; font-size:4vw; list-style-type: none; text-align:left; margin: 0; padding: 0; overflow: hidden; } /* counter a droite ####*/ div#cou { order:5; display:block; position:relative; width:100%; margin: -15% 0% 0% 0%; } div#cou p { display:block; font-size:3.5vw; color:white; text-align:right; margin: 0% 1.5% 0% 0%; } /* pg indx ############################################################################## ########################################################################################*/ /*bann*/ div#bann img { order:1; position:relative; width:100%; margin-left:0%; margin-right:0%; } /*liens petits sites ###################### */ /*cadr principal */ div#plps { order:2; display:block; position:relative; width:100%; margin-left:0%; margin-right:0%; margin-top:5%;; } /*cadr gauche */ div#plps .cadr_gau { display:block; float:left; width:100%; margin-left:0%; font-size:6vw; } div#plps #bo_info { display:block; position:left; height:100px; margin-top:1%; margin-left:1%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #bo_info #img_pres { padding:0 0 0% 0;} div#plps #rese { display:block; position:left; height:100px; margin-top:5%; margin-left:5%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #mor { display:block; position:left; height:100px; margin-top:5%; margin-left:10%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #cor { display:block; position:left; height:100px; margin-top:5%; margin-left:15%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } /*cadr droite */ div#plps .cadr_dro { display:block; float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:4%; font-size:6vw; } div#plps #phi { display:block; position:left; height:100px; margin-top:1%; margin-left:1%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #pam { display:block; position:left; height:100px; margin-top:5%; margin-left:5%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #carm { display:block; position:left; height:100px; margin-top:5%; margin-left:10%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #char { display:block; position:left; height:100px; margin-top:5%; margin-left:15%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } /*cadr centre */ div#plps .cadr_gau-dro { display:block; float:left; width:100%; margin-left:0%; margin-right:0%; background-color:black; font-size:6vw; } div#plps #gra { display:block; float:left; width:94.5%; height:200px; margin-top:3%; margin-left:1%; margin-right:1%; padding : 0.3em 0.3em; border:2px dotted #7e7e7e; } div#plps #gra .img1 { display:none; float:left; width:31%; margin-left:1%; margin-right:1%; padding : 0em 0em; } div#plps #gra .img2 { display: block; float:right; width:31%; margin-left:1%; margin-right:1%; margin-top:-25%; } div#plps #gra:hover .img2 { width:10%; margin-top:0%;} div#plps #gra .t1 { display: block; float:left; width:31%; font-size:10vw; text-align:center; color:#ffffff; margin-left:1%; margin-right:1%; } div#plps #gra .span2 { display: block; float:left; color:#a41c1c; font-size:15px; font-style: italic; } div#plps #gra span#eti { margin-top:17%; text-align:left; } div#plps #gra #img_pres { display:none; } /*cadr etiquettes*/ a.eti span#eti { display:block; font-size:2.5vw; color:#aaa; } a.eti p.eti_titre { display:none; } a.eti p.fich_det { display:none; } a.eti #img_pres { display:block; position:relative; float:right; margin-right:1%; margin-top:-16%; width:80px; } a.eti #img_pres2 { display:block; position:relative; float:right; margin-right:1%; margin-top:-16%; width:50px; } a.eti #img_pres3 { display:block; position:relative; float:right; margin-right:1%; margin-top:-26%; height:100px; } a.eti:hover { background:none; z-index: 0; } a.eti:hover span#eti { display:none; font-size:2.5vw; color:#aaa; } a.eti:hover p.eti_titre { color:none; font-size:2vw; } a.eti:hover p.fich_det { color:none; font-size:2vw; } a.eti:hover #img_pres { display:block; } a.eti:hover #img_pres2 { padding: 0px; width:10%; } /* nouveauté a droite ##################*/ div#nouv { order:3; display:block; position:relative; float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:6%; } div#nouv #ttr { font-size:6.2vw; color:#df9f9f; } div#nouv ul{ font-size:4.2vw; } div#nouv ul li { font-size:5vw; } div#nouv li #dat { font-size:4vw; } /* contact horizontal en bas ############*/ div#conta { order:4; display:block; position:relative; float:left; width:100%; background-color:black; color:white; margin-left:0%; margin-top:6%; margin-bottom:6%; } div#conta-cadr{ margin-left:0%; } div#conta ul li { list-style-type:none; display:inline; font-size:6vw; padding :0 0 0 0; margin:0 0 0 0; border:5px dashed #a41c1c; color:#df9696; background-color:#4b0f0f; text-shadow: 3px 3px 5px #FF0000; } /* pg phi ############################################################################## ########################################################################################*/ /* dos ################### */ div#dos { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#171616 ; } div#dos div#ttrdsc1 { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#121a18 ; } div#dos div#ttrdsc1 img#ttrdsc1pri { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#dos div#ttrdsc1 img#ttrdsc1pri36 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#dos div#ttrdsc1 img#ttrdsc1pri60 { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#dos div#ttrdsc1 div#ttrdsc1cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 0% 0% ; } div#dos div#ttrdsc1 div#ttrdsc1cit span.ttr { display:block; float:left; width:90%; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#dos div#ttrdsc1 div#ttrdsc1cit span.dsc { display:block; float:left; width:90%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa ; } div#dos div#onettrtab1 { display:block; float:left; width:100%; margin: 1% 0% 1% 0% ; background-color:#121a18; } div#dos div#onettrtab1 table#onettrtab1tab { display: block; width:100%; margin: 1% 0% 1% 0%; background-color:black; border-collapse: collapse; } div#dos div#onettrtab1 table#onettrtab1tab tr#onettrtab1tabret { } div#dos div#onettrtab1 table#onettrtab1tab td.ttr { display:flex; float:center; font-size:4vw; border: 1px solid #333; color:white; text-align:left; font-family:sans-serif; padding:6%; background-color:black; } div#dos div#onettrtab1 table#onettrtab1tab td.dsc { display:flex; float:center; font-size:3.8vw; border: 1px solid #333; color:white; text-align:center; font-family:sans-serif; padding:6%; background-color:black; } div#dos div#onettrtab1 ul#onettrtab1ul li { list-style-type:disc; display : block; padding : 0.3em 0.3em; margin : 0.3em 0.3em 0.3em 0.3em; border : 0.1px dashed black; color:#0cac00; background-color:white; } div#dos div#onettrtab1 ul#onettrtab1ul li a.fich span#fich { display: none; } div#dos div#onettrtab1 ul#onettrtab1ul li a.fich:hover { background: none; z-index: 500; } div#dos div#onettrtab1 ul#onettrtab1ul li a.fich:hover span#fich { display: inline; position: fixed; white-space: nowrap; font-weight: bold; text-size:3.8px; text-align:center; top:100px; right: 100px; background: black; color: #7e7e7e; padding: 3px; } div#dos div#onettrtab1 ul#onettrtab1ul li p.fich_titre { color:white; font-size:4vw; } div#dos div#onettrtab1 ul#onettrtab1ul li p.fich_det { color:#376a11; font-size:3.8vw; } div#dos div#onettrtab1 img#onettrtab1pri { display:block; width:100%; float:left; margin: 0% 0% 0% 0% ; } div#dos div#onettrtab1 div#onettrtab1cit { display:block; width:100%; float:left; background-color:#3d0723; margin:1% 0% 1% 0% ; } div#dos div#onettrtab1 div#onettrtab1cit span.ttr { display:block; width:80%; float:center; font-size:4vw; font-family: Arial, Helvetica, sans-serif; text-align:center; color:white; margin:1% 0% 1% 0% ; } div#dos div#onettrtab1 div#onettrtab1cit span.dsc { display:block; float:center; width:unset; padding:6%; font-size:3.8vw; font-style:italic; text-align:left; color:#aaa; } div#dos div#onettrtab1 div#onettrtab1cit span#fich { display:none; } div#dos div#onettrtab1 div#onettrtab1cit:hover span#fich { display:none; position:unset; white-space:unset; font-weight:bold; text-size: 3vw; text-align:center; top:unset; right:unset; background:black; color: #7e7e7e; padding: 3px; } div#dos div#onettrtab1 div#onettrtab1cit p.fich_titre { color:white; font-size:4vw; } div#dos div#onettrtab1 div#onettrtab1cit p.fich_det { color:#376a11; font-size:3.8vw; } /* cou counter ######################################################################### ########################################################################################*/ div#cou1 { display:block; float:left; width:33%; margin: 0% 0% 0% 0%; } div#cou1 table { display:block; float:left; width:100%; margin: 0% 0% 0% 0%; background-color:black; border-collapse: collapse; } div#cou1 table td { width:70%; background-color:black; border: 1px solid #333; font-size:5vw; color:white; text-align:left; font-family:sans-serif; padding: 1vw; } div#cou1 table td#ttr { width:30%; background-color:black; border: 1px solid #333; font-size:4vw; color:white; text-align:left; font-family:sans-serif; padding: 1vw; } }