/* SKIN */

body, html {
	font-family: arial;
	font-size: 9pt;
	color: #313131;
	text-decoration: none;
	background-color: #f6f6f6;
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-align: left;
	width: 100%;
	height: 100%;
}

a:link     { color: #e8190a; Text-Decoration: underline; }
a:visited { color: #e8190a; Text-Decoration: underline; }
a:active  { color: #e8190a; Text-Decoration: underline; }

.nav_opener { display: none; }
.none, .non {
	display: none; 
}

.Menu_Select, .Module, .Txt_Input, .txt_area {
	border: 1px #cacaca solid;
	background-color: #fff;
	padding: 5px;
	font-family: arial;
	font-size: 10pt;
	color: #313131;
	margin: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.Menu_Select, .Module, .Txt_Input, {
	height: 30px;
}

.Bouton {
	border: 1px #e8190a solid;
	background-color: #e8190a;
	padding: 2px 4px;
	font-family: arial;
	font-size: 10pt;
	color: #fff;
	font-weight: bold;
	margin: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 30px;
}

table {
	border: 0;
	border-collapse : collapse;
}
table td, table th {
	padding: 0;
	font-size: 9pt;
	line-height: 18px;
	text-align: left; 
}

.red { color: #e8190a; }
.gray { color: #515253; }

h1 { display: block; border-left: 5px #e8190a solid; padding-left: 10px; font-size: 16pt; color: #323232; font-weight: normal; line-height: 30px; }

/* PAGE */

.back { background:url(images/page_back.png) top left repeat-x; width: 100%; text-align: center; }
.page { width: 950px; margin: 0 auto; text-alig: left; background:url(images/main_img.png) top left no-repeat; height: 190px; }
.lang { width: 950px; margin: 0 auto; text-align: right; height: 37px; line-height: 37px; color: #e8190a; }

.lang a:link     { color: #7c8085; Text-Decoration: none; }
.lang a:visited { color: #7c8085; Text-Decoration: none; }
.lang a:active  { color: #7c8085; Text-Decoration: none; }


.main-back { background-color: #f6f6f6; border-top: 1px #b1b1b1 solid; }

/* TOP */

.tm_css { color: #fff; height: 40px; text-align: left; margin-left: 230px; padding-top: 7px; }
.slogan { margin-left: 300px; margin-top: 60px; }

.DivSousTopMenu { 
	position: relative; 
	white-space: nowrap; 
	margin-top: 0px; 
	padding-top: 0px; 
	margin-left: 0px; 
	visibility: hidden; 
}

html>body .DivSousTopMenu { 
	clear: both; 
	position: absolute; 
	white-space: nowrap; 
	padding-top: -6px; 
	margin-left: 0px; 
	visibility: hidden; 
}

A.SousTopMenu:link , A.SousTopMenu:visited , A.SousTopMenu:active {
	line-height: 27px;
	height: 27px;
	font-weight: normal;
	font-size: 9pt;
	text-decoration: none;
	color: #FFF;
	width: 143px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #656565;
	display: block;
	float: left;
	margin-bottom: 1px;
}



A.SousTopMenu_Active:link , A.SousTopMenu_Active:visited , A.SousTopMenu_Active:active {
	line-height: 27px;
	height: 27px;
	font-weight: normal;
	font-size: 9pt;
	text-decoration: none;
	color: #FFF;
	width: 143px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #e8190a;
	display: block;
	float: left;
	margin-bottom: 1px;
}


.sous-menu {
	width: 143px;
}
.sous-menu-td {
	padding-top: 11px;
}

A.Tab:link , A.Tab:visited , A.Tab:active {
	font-size: 11pt;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	display: block;
	padding: 6px;
}


A.Tab_Active:link , A.Tab_Active:visited , A.Tab_Active:active {
	font-size: 11pt;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	display: block;
	padding: 5px;
	background-color: #e8190a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px #e8190a solid;
}




/* CENTER */

.main_table { width: 950px; margin: 0 auto; }
.td1 { width: 259px;}
.td2 { width: 76px; background:url(images/dots.gif) top center repeat-y;  }
.td3 { width: 615px;}

.box_g {margin-bottom: 30px; }
.box_g_title { background-color: #525253; padding: 10px; font-size: 12pt; font-weight: bold; color: #fff; }
.box_g_txt { border-left: 1px #cacaca solid; padding: 10px 0 0 10px; line-height: 18px; font-size: 9pt; }


A.Menu:link , A.Menu:visited, A.Menu:active {
	display: block;
	float: left;
	clear: both;
	line-height: 20px; 
	color: #222222; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 9pt;
}


A.Menu_Actif:link , A.Menu_Actif:visited, A.Menu_Actif:active {
	display: block;
	float: left;
	clear: both;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 9pt;
}


A.Sous_Menu:link , A.Sous_Menu:visited , A.Sous_Menu:active {
	padding-left: 20px; 
	display: block;
	float: left;
	clear: both;
	line-height: 20px; 
	color: #5b5b5b; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 9pt;
}


A.Sous_Menu_Actif:link , A.Sous_Menu_Actif:visited , A.Sous_Menu_Actif:active {
	padding-left: 20px; 
	display: block;
	float: left;
	clear: both;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 9pt;
}


/* BOTTOM */

.box_d { float: left; width: 306px; margin: 0 5px; }
.box_d_title { padding: 9px 0; line-height: 20px; color: #fff; font-size: 11pt; text-align: left; }
.box_d_txt { padding-top: 10px; line-height: 20px; }


A.Menu_D:link , A.Menu_D:visited, A.Menu_D:active {
	padding: 2px 0;
	line-height: 20px; 
	color: #525253; 
	font-weight: normal; 
	Text-Decoration: none;
	display: block;
	float: left;
	font-size: 9pt;
	clear: both;
}

A.Menu_Actif_D:link , A.Menu_Actif_D:visited, A.Menu_Actif_D:active {
	padding: 2px 0;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	Text-Decoration: none;
	display: block;
	float: left;
	font-size: 9pt;
	clear: both;
}


A.Sous_Menu_D:link , A.Sous_Menu_D:visited , A.Sous_Menu_D:active {
	background:url(images/li.png) top left no-repeat; 
	padding: 2px 0 2px 25px;
	line-height: 20px; 
	color: #737373; 
	font-weight: normal; 
	Text-Decoration: none;
	display: block;
	float: left;
	font-size: 9pt;
	clear: both;
}


A.Sous_Menu_Actif_D:link , A.Sous_Menu_Actif_D:visited , A.Sous_Menu_Actif_D:active {
	background:url(images/li.png) top left no-repeat; 
	padding: 2px 0 2px 25px;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	Text-Decoration: none;
	display: block;
	float: left;
	font-size: 9pt;
	clear: both;

}



.bottom { padding-bottom: 20px; width: 950px; margin: 0 auto;  }
.bottom_background { background:url(images/bottom_img_back.gif) top left repeat-x; background-color: #ececec; padding-bottom: 10px; }
.bottom_foot { padding-top:10px; color: #9ea1a5; text-align: center; }

.bottom_foot a:link     { COLOR: #9ea1a5; Text-Decoration: none; }
.bottom_foot a:visited { COLOR: #9ea1a5; Text-Decoration: none; }
.bottom_foot a:active  { COLOR: #9ea1a5; Text-Decoration: none; }

@media only screen and (max-width: 48em) {
	.nav_opener { display: block; color: #fff; height: 30px; width: 40px; background: url(images/menu.png); background-size: 35px 30px; background-repeat: no-repeat; margin-top: 2px; float: right; }
	.nav_opener a { color:#fff; text-decoration: none; }
	div.navigation { display: none;}
	div.content_txt { text-align: justify; }
	div.navigation.active { float: none; z-index: 100; position: absolute; width: 240px; right: 65px; text-align: center; background-color: #545556; margin-top: 0px; padding: 5px; border-bottom: 2px #e8190a solid; }
    div.navigation.active table { margin: 0 auto; }
    div.navigation.active a { display: block; float: none; }
    div.navigation td { display: none; }
	div.navigation.active table td.Top_Menu { display: block; width: 100%; padding: 5px 0; line-height: 25px; text-align: center; }
    div.navigation.active table tbody, div.navigation.active table tr { display: block; width: 100%; }
	div.bottom { background: #ececec !important; width: 100%; }
	.bottom_background { background: none !important; }
	.box_d { float: left; width: 33.3%; margin: 0; }
	.box_d_title { background: #525253; }
	.box_d_title, .box_d_txt { padding: 5px 10px !important; }
	td.td2 { width: 26px !important; }
}

@media only screen and (min-width: 64em) {
a:hover  { color: #313131; Text-Decoration: underline; }

.lang a:hover  { color: #e8190a; Text-Decoration: none; }

A.SousTopMenu:hover {
	line-height: 27px;
	height: 27px;
	font-weight: normal;
	font-size: 9pt;
	text-decoration: none;
	color: #FFF;
	width: 143px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #e8190a;
	display: block;
	float: left;
	margin-bottom: 1px;
}

A.SousTopMenu_Active:hover {
	line-height: 27px;
	height: 27px;
	font-weight: normal;
	font-size: 9pt;
	text-decoration: none;
	color: #FFF;
	width: 143px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #e8190a;
	display: block;
	float: left;
	margin-bottom: 1px;
}


A.Tab:hover {
	font-size: 11pt;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	display: block;
	padding: 5px;
	background-color: #e8190a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px #e8190a solid;
}


A.Tab_Active:hover {
	font-size: 11pt;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	display: block;
	padding: 5px;
	background-color: #e8190a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px #e8190a solid;
}


A.Menu:hover {
	display: block;
	float: left;
	clear: both;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 9pt;
}


A.Menu_Actif:hover {
	display: block;
	float: left;
	clear: both;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 9pt;
}


A.Sous_Menu:hover {
	padding-left: 20px; 
	display: block;
	float: left;
	clear: both;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 9pt;
}


A.Sous_Menu_Actif:hover {
	padding-left: 20px; 
	display: block;
	float: left;
	clear: both;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 9pt;
}


A.Menu_D:hover {
	padding: 2px 0;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	Text-Decoration: none;
	display: block;
	float: left;
	font-size: 9pt;
	clear: both;
}



A.Menu_Actif_D:hover {
	padding: 2px 0;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	Text-Decoration: none;
	display: block;
	float: left;
	font-size: 9pt;
	clear: both;
}


A.Sous_Menu_D:hover {
	background:url(images/li.png) top left no-repeat; 
	padding: 2px 0 2px 25px;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	Text-Decoration: none;
	display: block;
	float: left;
	font-size: 9pt;
	clear: both;

}


A.Sous_Menu_Actif_D:hover {
	background:url(images/li.png) top left no-repeat; 
	padding: 2px 0 2px 25px;
	line-height: 20px; 
	color: #e8190a; 
	font-weight: normal; 
	Text-Decoration: none;
	display: block;
	float: left;
	font-size: 9pt;
	clear: both;
}

.bottom_foot a:hover  { COLOR: #9ea1a5; Text-Decoration: underline; }
}