/* SKIN */

body, html {
	font-family: helvetica;
	font-size: 10pt;
	color: #2f2f2f;
	text-decoration: none;
	background-color: #fff;
	margin: 0;
	padding: 0;
	line-height: 20px;
	text-align: left;
	height: 100%;
}

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

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

.Menu_Select, .Module, .Txt_Input, .txt_area {
	border: 1px #8f97a1 solid;
	background-image: -o-linear-gradient(0deg , #fff 0%, #e0e0e0 100%);
	background-image: -moz-linear-gradient(180deg , #fff 0%, #e0e0e0 100%);
	background-image: -webkit-linear-gradient(270deg , #fff 0%, #e0e0e0 100%);
	background-image: -ms-linear-gradient(0deg , #fff 0%, #e0e0e0 100%);
	background-image: linear-gradient(180deg , #fff 0%, #e0e0e0 100%);
	background-color: #e0e0e0;
	padding: 7px;
	font-family: helvetica;
	font-size: 10pt;
	color: #293138;
	margin: 2px;
	-webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	
}

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

.Bouton {
	border: 1px #60ac0f solid;
	background-color: #60ac0f;
	padding: 6px;
	font-family: helvetica;
	font-size: 10pt;
	color: #fff;
	font-weight: bold;
	margin: 2px;
	height: 34px;
	-webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

table {
	border: 0;
	border-collapse : collapse;
}

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

img, div { border: 0; margin: 0; padding: 0; }

.green { color: #60ac0f;}
.blue1 { color: #6c748a; }
.blue2 { color: #313c56; }

h1 { font-family: helvetica; font-size: 14pt; color: #3a435c; font-weight: 300; margin: 0; padding: 0; text-transform: uppercase; }

div.clear { width: inherit; height: 0px; font-size: 0px; line-height: 0px; clear: both; }

.Tablo_Main_Fond, .Tablo_Main { }
.Tablo_Main_Fond td { }
.Tablo_Main td { }

/* PAGE */

.page { background: url(images/top_back.png) repeat-x top left; background-color: #d4d8e1; text-align: center; }

.wrapper { width: 980px; margin: 0 auto; text-align: left; }


/* TOP */

.top { height: 96px; }

.top1 { padding-top: 20px; width: 270px; float: left;}
.top2 { margin-left: 270px; height: 95px; background: url(images/tel_person.png) no-repeat bottom right; }

.top2 h1 { padding-top: 40px; }

.tel_top { float: right; padding-top: 40px; padding-right: 70px; font-size: 14pt; }

.tel_top a:link     { color: #313c56; Text-Decoration: none; }
.tel_top a:visited { color: #313c56; Text-Decoration: none; }
.tel_top a:active  { color: #313c56; Text-Decoration: none; }

.logo { border: 0; }

.top_menu { height: 42px; line-height: 42px; }

.fr { vertical-align: middle; margin-top: 2px; margin-left: 5px; }
.nl { vertical-align: middle; margin-top: 2px; margin-left: 5px; }
.en { vertical-align: middle; margin-top: 2px; margin-left: 5px; }
.t_sep { vertical-align: middle; margin: 2px 5px 0 5px; }
.loop { float: right; vertical-align: middle; margin-top: 3px; }

.t_m { font-family: 'Text Me One', sans-serif; }
.top_menu_icons { float: right; }

.search { background: url(images/search.png) no-repeat top left; width: 266px; height: 46px; position: absolute; margin-left: 714px; margin-top: -1px; }

.top_icons {
	height: 80px;
}

.top_icons img { vertical-align: middle; margin-right: 15px; border: 0; }
.tm_icon1 { margin-top: 12px; float: left; padding-right: 25px; margin-right: 25px; line-height: 55px; height: 55px; background: url(images/menu_sep.png) no-repeat bottom right; font-family: helvetica; font-size: 12pt; color: #3a435c; font-weight: 300;  text-transform: uppercase; }

.tm_icon1 a:link     { color: #fff; Text-Decoration: none; }
.tm_icon1 a:visited { color: #fff; Text-Decoration: none; }
.tm_icon1 a:active  { color: #fff; Text-Decoration: none; }

.tm_icon2 { margin-top: 12px; float: left; line-height: 55px; height: 55px; font-family: helvetica; font-size: 12pt; color: #3a435c; font-weight: 300; text-transform: uppercase; }

.tm_icon2 a:link     { color: #fff; Text-Decoration: none; }
.tm_icon2 a:visited { color: #fff; Text-Decoration: none; }
.tm_icon2 a:active  { color: #fff; Text-Decoration: none; }


.search1 { float: left; border: 0; background: url(images/trans.gif) no-repeat top left; font-weight: 300; font-family: 'Helvetica'; font-size: 9pt; margin: 5px 5px 0 30px; height: 27px; width: 180px; color: #737373; }

.search2 { float: left; border: 0; background: url(images/trans.gif) no-repeat top left; margin: 5px 2px 0 0; height: 27px; width: 25px; cursor:pointer; }


.Tab:link , A.Tab:visited , A.Tab:active {
	display: block; color: #3c3c3c; Text-Decoration: none; padding: 10px 5px 2px 5px; font-size: 12pt; line-height: 24px; }


A.Tab_Active:link , A.Tab_Active:visited , A.Tab_Active:active {
	display: block; color: #313b56; Text-Decoration: none; padding: 10px 5px 2px 5px; background: url(images/menu_activ.png) no-repeat top center; font-size: 12pt; line-height: 24px; }

.sous-menu { background: url(images/stm_back.png) repeat top left; width: 215px; border: 0; padding: 0; margin-left: 15px; }

.DivSousTopMenu { 
	white-space: nowrap; 
	margin-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: 20px; height: 20px; padding: 5px; width: 205px; font-family: helvetica; font-weight: 300; text-decoration: none; display: block; float: left; color: #fff; border-bottom: 1px #a4acb7 solid;
}


A.SousTopMenu_Active:link , A.SousTopMenu_Active:visited , A.SousTopMenu_Active:active {
	line-height: 20px; height: 20px; padding: 5px; width: 205px; font-family: helvetica; font-weight: 300; text-decoration: none; display: block; float: left; color: #dbdbdb; border-bottom: 1px #a4acb7 solid;
}




/* CONTENT */

.content { background-color: #fff; padding-bottom: 20px; }

h2 { font-family: helvetica; font-size: 13pt; color: #3a435c; font-weight: 300; margin: 10px 0 15px 0; padding: 0; }


.td1 { width: 270px; vertical-align: top; background: url(images/shadow.png) no-repeat top right;  }
.td2 { width: 710px; vertical-align: top; padding-top: 10px; }

.menu_left { margin-right: 20px; padding: 10px; border-left: 1px #e9eaec solid; border-right: 1px #e9eaec solid; border-bottom: 1px #e9eaec solid; border-top: 0; background-color: #fcfcfc; }

.content_txt {  }

.box_g { width: 228px; }
.box_g_title { font-size: 13pt; color: #313b56; font-weight: 300; margin-top: 10px; }
.box_g_txt { padding: 10px 0 20px 5px; font-size: 10pt; margin-bottom: 10px; border-bottom: 1px #e9eaec solid; }
.box_g img { margin-right: 5px; }

A.Menu:link , A.Menu:visited, A.Menu:active {
	padding: 3px 0; display: block; float: left; height: 20px;  color: #4b4b4b;  font-weight: normal;  text-decoration: none; font-size: 10pt; clear: left; 
}


A.Menu_Actif:link , A.Menu_Actif:visited, A.Menu_Actif:active {
	padding: 3px 0; font-weight: bold; display: block; float: left; height: 20px;  color: #313b56; text-decoration: none; font-size: 10pt; clear: left; 
}



A.Sous_Menu:link , A.Sous_Menu:visited , A.Sous_Menu:active {
	margin-left: 10px; background: url(images/li.png) no-repeat center left; padding: 1px 0 1px 20px; float: left; clear: left; line-height: 18px;  color: #6a6a6a;  font-weight: normal;  text-decoration: none; font-size: 9pt;
}


A.Sous_Menu_Actif:link , A.Sous_Menu_Actif:visited , A.Sous_Menu_Actif:active {
	margin-left: 10px; background: url(images/li.png) no-repeat center left; padding: 1px 0 1px 20px; float: left; clear: left; line-height: 18px;  color: #313b56;  font-weight: bold;  text-decoration: none; font-size: 9pt;
}



/* BOTTOM */

.bottom { min-height: 80px; background: url(images/bottom_back.png) repeat-x top left; padding-top: 20px; }

.foot1 { float: right; width: 380px; margin: 0; padding: 10px 0; text-align: center; }
.foot2 { float: left; width: 590px; }

.f_nice_box { text-align: left; padding: 10px; background-color: #d5d9e2; border: 1px #8f97a0 solid; line-height: 20px; color: #313a4f; font-size: 10pt; margin-bottom: 10px; }
.t_nice_left { width: 150px; float: left; margin-left: 20px; }

.foot1 a:link     { color: #4c5260; Text-Decoration: none; }
.foot1 a:visited { color: #4c5260; Text-Decoration: none; }
.foot1 a:active  { color: #4c5260; Text-Decoration: none; }

.foot2 a:link     { color: #313c56; Text-Decoration: none; }
.foot2 a:visited { color: #313c56; Text-Decoration: none; }
.foot2 a:active  { color: #313c56; Text-Decoration: none; }

.box_d { width: 230px; float: left; background: url(images/bottom_sep.png) no-repeat top right; margin-right: 30px; }
.box_d_title { font-size: 13pt; color: #29344d; font-weight: 300; margin-top: 10px; }
.box_d_txt { padding: 10px 0 20px 5px; font-size: 10pt; min-height: 120px; }
.box_d_txt img { display: none; }

A.Menu_D:link , A.Menu_D:visited, A.Menu_D:active {
	width: 210px; background: url(images/li.png) no-repeat center left; padding: 2px 0 2px 20px; float: left; line-height: 18px;  color: #3d475c;  font-weight: normal;  text-decoration: none; font-size: 9pt;
}


A.Menu_Actif_D:link , A.Menu_Actif_D:visited, A.Menu_Actif_D:active {
	width: 210px; background: url(images/li.png) no-repeat center left; padding: 2px 0 2px 20px; float: left; line-height: 18px;  color: #fff;  font-weight: normal;  text-decoration: none; font-size: 9pt;
}


A.Sous_Menu_D:link , A.Sous_Menu_D:visited , A.Sous_Menu_D:active {
	display: none;
}


A.Sous_Menu_Actif_D:link , A.Sous_Menu_Actif_D:visited , A.Sous_Menu_Actif_D:active {
	display: none;
}



@media (min-width: 65em) {
a:hover  { color: #313c56; Text-Decoration: none; }
.tel_top a:hover  { color: #313c56; Text-Decoration: underline; }
.tm_icon1 a:hover  { color: #d2d6db; Text-Decoration: none; }
.tm_icon2 a:hover  { color: #d2d6db; Text-Decoration: none; }
A.Tab:hover {
	display: block; color: #6c748a; Text-Decoration: none; padding: 10px 5px 2px 5px; font-size: 12pt; line-height: 24px; }
A.Tab_Active:hover {
	display: block; color: #313b56; Text-Decoration: none; padding: 10px 5px 2px 5px; background: url(images/menu_activ.png) no-repeat top center; font-size: 12pt; line-height: 24px; }

A.SousTopMenu:hover {
	line-height: 20px; height: 20px; padding: 5px; width: 205px; font-family: helvetica; font-weight: 300; text-decoration: none; display: block; float: left; color: #dbdbdb; border-bottom: 1px #a4acb7 solid;
}
A.SousTopMenu_Active:hover {
	line-height: 20px; height: 20px; padding: 5px; width: 205px; font-family: helvetica; font-weight: 300; text-decoration: none; display: block; float: left; color: #dbdbdb; border-bottom: 1px #a4acb7 solid;
}
A.Menu:hover {
	padding: 3px 0; font-weight: bold; display: block; float: left; height: 20px;  color: #313b56; text-decoration: none; font-size: 10pt; clear: left; 
}
A.Menu_Actif:hover {
	padding: 3px 0; font-weight: bold; display: block; float: left; height: 20px;  color: #313b56; text-decoration: none; font-size: 10pt; clear: left; 
}
A.Sous_Menu:hover {
	margin-left: 10px; background: url(images/li.png) no-repeat center left; padding: 1px 0 1px 20px; float: left; clear: left; line-height: 18px;  color: #313b56;  font-weight: bold;  text-decoration: none; font-size: 9pt;
}
A.Sous_Menu_Actif:hover {
	margin-left: 10px; background: url(images/li.png) no-repeat center left; padding: 1px 0 1px 20px; float: left; clear: lft; line-height: 18px;  color: #313b56;  font-weight: bold;  text-decoration: none; font-size: 9pt;
}
.foot1 a:hover  { color: #4c5260; Text-Decoration: underline; }
.foot2 a:hover  { color: #fff; Text-Decoration: none; }
A.Menu_D:hover {
	width: 210px; background: url(images/li.png) no-repeat center left; padding: 2px 0 2px 20px; float: left; line-height: 18px;  color: #fff;  font-weight: normal;  text-decoration: none; font-size: 9pt; 
}
A.Menu_Actif_D:hover {
	width: 210px; background: url(images/li.png) no-repeat center left; padding: 2px 0 2px 20px; float: left; line-height: 18px;  color: #fff;  font-weight: normal;  text-decoration: none; font-size: 9pt;
}

A.Sous_Menu_D:hover {
	display: none;
}
A.Sous_Menu_Actif_D:hover {
	display: none;
}
}