.div_page_pan { display: flex; flex-wrap: wrap; margin: 0px 0px 0px 0px; width: 600px; background-image: url("images/trace_pas.gif");}
.div_page_pan_2 { display: flex; flex-wrap: wrap; margin: 0px 0px 0px 0px; width: 810px; background-color: transparent; }
.div_pan_0001 { width: 600px; cursor: pointer; display: inline-block; }
.div_pan_0002 { width: 810px; cursor: pointer; display: inline-block; }
.div_0010 { width: 1200px; cursor: pointer; display: inline-block; }
.div_0011 { width: 600px; cursor: pointer; display: inline-block; }
.photo_pan_0001 { cursor: pointer; display: inline-block; width: 600px; height: 116px; }
.photo_pan_0002 { cursor: pointer; display: inline-block; width: 810px; height: 116px; }
.photo_0010 { cursor: pointer; display: inline-block; width: 1200px; height: 260px; }
.photo_0011 { cursor: pointer; display: inline-block; width: 600px; height: 200px; }
.texte_pan_0001 { font: 24px/100% 'Verdana'; font-weight: bold; color: #FF4500; margin: 3px 0px 3px 0px; text-align: left;}
.texte_pan_0002 { font: 18px/100% 'Verdana'; font-weight: bold; margin: 3px 0px 3px 0px; text-align: left;}
.texte_pan_0003 { font: 18px/100% 'Verdana'; font-weight: bold; color: #FF4500; background: #7BCD7B; width: 300px;
					margin: 3px 0px 3px 0px; text-align: left;}

 @media (max-width: 980px) {
.div_page_pan { width: 600px; }
.div_pan_0001 { width: 600px; }
.div_0010 { width: 960px; }
.div_0011 { width: 960px; }
.photo_0010 { width: 960px; }
.photo_0011 { width: 960px; }
.photo_pan_0001 { width: 600px; height: 116px; }
}

 @media (max-width: 768px) {
.div_page_pan { width: 600px; }
.div_pan_0001 { width: 600px; }
.div_0010 { width: 768px; }
.div_0011 { width: 768px; }
.photo_0010 { width: 768px; }
.photo_0011 { width: 768px; }
.photo_pan_0001 { width: 600px; height: 116px; }
.div_page_pan_2 { width: 600px; }
.div_pan_0001_2 { width: 600px; }
.photo_pan_0002 { width: 768px; height: 116px; }
}

 @media (max-width: 576px) {
.div_page_pan { width: 576px; }
.div_pan_0001 { width: 576px; }
.div_0010 { width: 576px; }
.div_0011 { width: 576px; }
.photo_0010 { width: 576px; }
.photo_0011 { width: 576px; }
.photo_pan_0001 { width: 576px; height: 116px; }
.div_page_pan_2 { width: 576px; }
.div_pan_0002 { width: 576px; }
.photo_pan_0002 { width: 576px; height: 116px; }
}

 @media (max-width: 480px) {
.div_page_pan { width: 480px; }
.div_pan_0001 { width: 480px; }
.div_0010 { width: 480px; }
.div_0011 { width: 480px; }
.photo_0010 { width: 480px; }
.photo_0011 { width: 480px; }
.photo_pan_0001 { width: 480px; height: 116px; }
.div_page_pan_2 { width: 480px; }
.div_pan_0002 { width: 480px; }
.photo_pan_0002 { width: 480px; height: 116px; }
}

 @media (max-width: 360px) {
.div_page_pan { width: 360px; }
.div_pan_0001 { width: 360px; }
.div_0010 { width: 360px; }
.div_0011 { width: 360px; }
.photo_0010 { width: 360px; }
.photo_0011 { width: 360px; }
.photo_pan_0001 { width: 360px; height: 116px; }
.div_page_pan_2 { width: 360px; }
.div_pan_0002 { width: 360px; }
.photo_pan_0002 { width: 360px; height: 116px; }
}

 @media (max-width: 320px) {
.div_page_pan { width: 320px; }
.div_pan_0001 { width: 320px; }
.div_0010 { width: 320px; }
.div_0011 { width: 320px; }
.div_0011 { width: 320px; }
.photo_pan_0001 { width: 320px; height: 116px; }
.div_page_pan_2 { width: 320px; }
.div_pan_0002 { width: 320px; }
.photo_pan_0002 { width: 320px; height: 116px; }
}