html
{
	margin: 0px;
	padding: 0px;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color: #23467e;
	background-image: url('asset-34.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	color: #444444;
	font-family: Verdana, Arial;
	font-size: 12px;
}

table
{
	border-collapse: collapse;
}

td
{
	padding: 0px;
}

#entete
{
	background-image: url('../images/entete.png');
	width: 990px;
	height: 122px;
	vertical-align: top;
}

#corps
{
	background-image: url('asset-36.png');
	background-repeat: repeat-y;
	width: 990px;
}

#pied
{
	background-image: url('asset-37.png');
	width: 990px;
	height: 35px;
}

#table_corps
{
    width: 990px;
	margin: auto;
}

#gauche
{
	width: 200px;
	padding-left: 7px;
	vertical-align: top;
}

#droite
{
	vertical-align: top;
}

#menu
{
	background-image: url('asset-38.jpg');
	background-repeat: repeat-x;
	height: 29px;
	width: 776px;
	color: #ffffff;
	font-size: 14px;
	border-collapse: collapse;
}

#menu td
{
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

#menu a
{
	text-decoration: none;
	color: #ffffff;
}

#coordonnees
{
	width: 182px;
	padding-left: 8px;
	padding-top: 5px;
	line-height: 20px;
	text-align: left;
}

.email
{
	color: #FF9900;
	font-weight: bold;
	text-decoration: none;
}

/* responsive-safety (auto) */
img,svg,video,iframe,embed,object,table,pre{max-width:100%;height:auto}
body{overflow-x:hidden}
*{overflow-wrap:break-word;word-break:break-word}
@media (max-width: 989px) {
    body > table, body > table *, #table_corps, #table_corps * { min-width: 0 !important; }
    body > table, #corps, #table_corps, #gauche, #droite, #pied { width: 100% !important; max-width: 100% !important; }
    body > table, #corps { display: block !important; }
    body > table > tbody, body > table > tbody > tr, #table_corps, #table_corps > tbody { display: flex !important; flex-direction: column; width: 100% !important; }
    #table_corps > tbody > tr { display: contents !important; }
    #entete { order: 0; width: 100% !important; height: 80px !important; background-size: 100% 100% !important; }
    #corps { order: 1; background-image: none !important; }
    #droite { order: 1; display: block !important; overflow: visible !important; padding: 0 8px !important; box-sizing: border-box; }
    #gauche { order: 2; display: block !important; padding: 12px 8px 18px !important; box-sizing: border-box; }
    #gauche form { width: min(100%, 360px) !important; margin: 8px auto !important; box-sizing: border-box; }
    #gauche select { width: calc(100% - 10px) !important; max-width: 340px !important; }
    #droite .pbn-page-title { margin: 0 -8px 8px !important; padding: 12px 10px !important; color: #ffffff !important; background: #23467e !important; font-size: 24px !important; line-height: 1.2 !important; }
    #menu, #menu > tbody, #menu > tbody > tr { display: block !important; width: 100% !important; height: auto !important; }
    #menu > tbody > tr { display: flex !important; flex-wrap: wrap; }
    #menu td { display: block !important; width: 33.333% !important; height: 34px !important; box-sizing: border-box; }
    #menu td:last-child { display: none !important; }
    #menu img { display: block; width: 100% !important; max-width: 100% !important; height: 34px !important; object-fit: fill; }
    #droite > table, #droite > div, #droite > form, #droite table, #droite div, #droite img { max-width: 100% !important; box-sizing: border-box; }
    #droite > table, #droite > div, #droite > form, #droite table, #droite div { width: 100% !important; }
    #droite img { height: auto; }
    #pied { overflow: hidden !important; height: auto !important; }
    #pied table { width: 100% !important; margin-left: 0 !important; }
    #pied table td { width: 33.333% !important; }
}
/* /responsive-safety */