@media only screen and (min-width: 1100px) {

* {
padding:0;
margin:0;
}

body {
background-color: #f5f5ef;
font-family: Consolas, monaco, monospace;
font-size:14px;
line-height: 140%;
color:#474747;
}


a:link {
    color: #404040; 
    background-color: transparent; 
    text-decoration: none;
}

a:visited {
    color: #404040;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: #DC143C;
    background-color: transparent;
    text-decoration: none;
}

a:active {
    color: #404040;
    background-color: transparent;
    text-decoration: none;
}

.page a:link {
	color: #404040; 
    background-color: transparent; 
    text-decoration: underline;
}

.page a:visited {
	color: #404040; 
    background-color: transparent; 
    text-decoration: underline;
}

.page a:hover {
	color: #DC143C; 
    background-color: transparent; 
    text-decoration: underline;
}

.page a:active {
	color: #404040; 
    background-color: transparent; 
	text-decoration: underline;
}


.image-roww {
display:flex;
justify-content:space-between;
  }
  
.image-roww > div > img {
max-width:391px;
  }





.img_cover {
display:grid;
grid-template-columns: 24.5% 24.5% 24.5% 24.5%;
justify-content:space-between;
}

.img_cover > div > img {
max-width:100%;
  }







.image-rowwver {
display:flex;
justify-content:space-between;
  }
  
.image-rowwver > div > img {
max-width:391px;
  }

.image-rowwww {
display:flex;
justify-content:space-between;
  }
  
.image-rowwww > div > img {
max-width:190px;
max-height:260px;
  }


.image-row {
  display:flex;
  justify-content:space-between;
  }
  
.image-row > div > img {
  max-width:258px;
  }
  
.image-row1 > div > img {
  max-width:788px;
  }

.header {
width:1050px;
height:200px;
background-color:white;
margin-bottom:10px;
display:none;
}

.header > img {
width:1050px;
}

.page img {
max-width:788px;
opacity: 1;
}



.img_2
{
	max-width:392px;
}


table tr td {
font-size:14px;
}

table tr:nth-child(odd) {
    background-color: #f2f2f2;
}

table tr:hover td {
background-color: #d9d9d9;
}


.mainstructure {
width:1052px;
margin-left:10px;
margin-top:10px;
}

.structure {
width:1052px;
border:0px;
display:flex;
}

.structurecol1 {
width:240px;
border:1px solid black;
background-color:white;
}

.sommaire_img {
max-width:230px;
}

.structurecolsmart {
display:none;
}

.structurecol2 {
width:798px;
border:1px solid black;
margin-left:10px;
background-color:white;
}

.titresite {
border-bottom:1px solid black;
padding-left:5px;
padding-right:5px;
}

.sommaire {
margin-top:10px;
padding-left:5px;
padding-right:5px;
}

.menus {
border-bottom:1px solid black;
background-color:white;
font-family: Consolas;
font-size:14px;
line-height: 120%;
color:#474747;
}

.menudesktop {
margin-bottom:2px;
}


.menusmartph {
display:none;
}

.page {
margin-top:10px;
padding-left:5px;
padding-right:5px;
}

.hrsmart {
display:none;
}

.titre {
text-decoration: underline;
}

.news {
border-bottom: 3px double #BBBBBB;
margin-bottom:20px;
padding-bottom:5px;
}

.contenunews {
padding-bottom:10px;
}


.pigiste {
font-size:12px;
}

.tag {
font-size:12px;
}

.comment {
font-size:12px;
}


.footer {
border:1px solid black;
width:1050px;
background-color:white;
margin-top:10px;
margin-bottom:10px;
}

.menu-table_1 {
width:530px;
}

.menu-table_2 {
width:270px;
}

.liste_titre {
margin-left:5px;
}

.liste_pigiste {
margin-left:5px;
font-size:12px;
}


.kashihonimg {
width:191px;
}


.home_smart {
display:none;
}

.menus_bdd {
display:flex;
margin-bottom:20px;
border-top:1px solid #BBBBBB;
border-bottom:1px solid #BBBBBB;
}



.artcl_list {
margin-top:10px;
padding-left:5px;
padding-right:5px;
}


.figure {
width:788px;
}



.imgcapt {
font-size:14px;
text-align:left;
}

.liste {
display:flex;
margin-bottom:5px;
}





.figcaption {
width:100%;
text-align:left;
font-size:14px;
font-style: italic;
}

#shonen {
display:flex;
justify-content:space-between;
}

#i_shonen {
 width:261px;
}

}








@media only screen and (max-width: 1100px) {


body {
background-color: #f5f5ef;
font-family: Consolas, monaco, monospace;
font-size:14px;
line-height: 140%;
color:#474747;
}

a:link {
    color: #474747; 
    background-color: transparent;
text-decoration:none;
}

a:visited {
    color: #474747;
    background-color: transparent;
text-decoration:none;
}

a:hover {
    color: black;
    background-color: transparent;
text-decoration:none;
}

a:active {
    color: #474747;
    background-color: transparent;
text-decoration:none;
}

.page a:link {
    color: #474747; 
    background-color: transparent;
text-decoration:underline;
}

.page a:visited {
    color: #474747;
    background-color: transparent;
text-decoration:underline;
}

.page a:hover {
    color: black;
    background-color: transparent;
text-decoration:underline;
}

.page a:active {
    color: #474747;
    background-color: transparent;
text-decoration:underline;
}

.image-row {
  display:grid;
  grid-template-columns: 50% 50%;
  }
  
.image-row > div > img {
  width:99%;
  }
  
.image-roww {
  display:grid;
  grid-template-columns: 49.5% 49.5%;
justify-content:space-between;
  }

.image-roww > div > img {
  max-width:100%;
  }



.img_cover {
display:grid;
grid-template-columns: 49.5% 49.5%;
justify-content:space-between;
}

.img_cover > div > img {
max-width:100%;
  }


.image-rowwww {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.image-rowwww > div > img {
display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}  

.image-rowwver {
  display:grid;
  grid-template-columns: 49.5% 49.5%;
justify-content:space-between;
  }
.image-rowwver > div > img {
  max-width:100%;
  }

  
.image-row1 > div > img {
  max-width:100%;
  }

.mainstructure {
width:100%;
font-family: Consolas, monaco, monospace;
font-size:14px;
}

.header {
width:100%;
margin-bottom:10px;
}

.header > img {
width:100%;
}

.structure {
width:100%;
font-family: Consolas, monaco, monospace;
font-size:14px;
}

.structurecol1 {
display:none;
}

.structurecol2 {
width:100%;
font-family: Consolas, monaco, monospace;
font-size:14px;
}


.structurecolsmart {
width:100%;
border:1px solid black;
background-color:white;
}

.sommaire_img {
object-fit: cover;
}

.titresite {
border-bottom:1px solid black;
padding-left:5px;
padding-right:5px;
}

.sommaire {
margin-top:10px;
padding-left:5px;
padding-right:5px;
}

.page {
font-family: Consolas, monaco, monospace;
font-size:14px;
line-height: 140%;
color:#474747;
}

.menus {
width:100%;
font-family: Consolas;
font-size:14px;
line-height: 140%;
color:#474747;
margin-bottom:10px;
background-color:#f5f5ef;
}

.menudesktop {
display:none;
}

.menusmartph {
width:100%;
background-color:#f5f5ef;
}

.menuselect {
width:100%;
border:1px solid black;
}

.page img {
max-width:100%;
opacity: 1;
}

.news {
border-bottom: 3px solid #BBBBBB;
margin-bottom:20px;
padding-bottom:20px;
font-family: Consolas, monaco, monospace;
font-size:14px;
line-height: 140%;
color:#474747;
}

.article {
font-family: Consolas, monaco, monospace;
font-size:14px;
}

.pigiste {
font-family: Consolas, monaco, monospace;
font-size:12px;
}

.tag {
font-family: Consolas, monaco, monospace;
margin-bottom:15px;
font-size:12px;
}


table tr td {
font-family: Consolas, monaco, monospace;
font-size:13px;
}

table tr:nth-child(odd) {
    background-color: #f2f2f2;
}

table tr:hover td {
background-color: #d9d9d9;
}

.pagenb {
margin-right:auto;
margin-left:auto;
width:fit-content;
}

.footer {
border-top:2px solid #BBBBBB;
width:100%;
margin-bottom:10px;
padding-top:10px;
font-family: Consolas, monaco, monospace;
}

.figcaption {
width:100%;
text-align:left;
font-size:14px;
font-style: italic;
}

.figure {
width:100%;
}

.kashihonimg {
width:202px;
}


}