@CHARSET "ISO-8859-1";

html {
	background: -webkit-gradient(radial, 80% -30%, 0, 80% -30%, 100, color-stop(0%, white), color-stop(100%, #0183c1));
	background:  -webkit-radial-gradient(80% -30%, circle cover, white, #0183c1);
	background:     -moz-radial-gradient(80% -30%, circle cover, white, #0183c1);
	background:      -ms-radial-gradient(80% -30%, circle cover, white, #0183c1);
	background:       -o-radial-gradient(80% -30%, circle cover, white, #0183c1);
	background:          radial-gradient(80% -30%, circle cover, white, #0183c1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96CCE5',endColorstr='#0183c1', GradientType=0);
	background-attachment: fixed;
}
body {
	margin:0;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#295F8E;
}

#header_div {
	border:0px solid red;
	margin:0;
	padding:25px;
	white-space: nowrap;
}
#header_client {
	display:inline-block;
	width:70%;
	height:80px;
	line-height:80px;
	vertical-align:middle;
	text-align:center;
	font-size:1.4em;
	color:#295F8E;
}
#header_client img {
	position:fixed;
	margin-top:-5px;
	margin-left:20px;
}
#header_mutualit {
	display:inline-block;
	width:30%;
	height:80px;
	line-height:80px;
	vertical-align:middle;
	text-align:right;
}
#header_mutualit img{
	margin-right:20px;
}
#tb_header_titre {
	display:inline-block;
	width:70%;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	text-align:left;
	font-size:1em;
	color:#295F8E;
}
#tb_header_close {
	display:inline-block;
	width:30%;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	text-align:right;
}
#tb_header_close img{
	margin-right:20px;
}

#footer_div {
	border:0px solid red;
	margin:0;
	padding:5px;
	white-space: nowrap;
}
#footer_copy {
	text-align:right;
	font-size:0.7em;
	padding-right:25px;
	color:#295F8E;
}

#main_div {
	background: -webkit-gradient(radial, 20% 80%, 0, 20% 80%, 100, color-stop(0%, white), color-stop(100%, #0183c1));
	background:  -webkit-radial-gradient(20% 80%, circle cover, #295f8e, #0183c1);
	background:     -moz-radial-gradient(20% 80%, circle cover, #295f8e, #0183c1);
	background:      -ms-radial-gradient(20% 80%, circle cover, #295f8e, #0183c1);
	background:       -o-radial-gradient(20% 80%, circle cover, #295f8e, #0183c1);
	background:          radial-gradient(20% 80%, circle cover, #295f8e, #0183c1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#295f8e',endColorstr='#0183c1', GradientType=0);
	margin:0;
	text-align:center;
	padding:30px;
	min-height:420px;
	color:white;
}

#tb_main_div {
	background: -webkit-gradient(radial, 20% 80%, 0, 20% 80%, 100, color-stop(0%, white), color-stop(100%, #0183c1));
	background:  -webkit-radial-gradient(20% 80%, circle cover, #295f8e, #0183c1);
	background:     -moz-radial-gradient(20% 80%, circle cover, #295f8e, #0183c1);
	background:      -ms-radial-gradient(20% 80%, circle cover, #295f8e, #0183c1);
	background:       -o-radial-gradient(20% 80%, circle cover, #295f8e, #0183c1);
	background:          radial-gradient(20% 80%, circle cover, #295f8e, #0183c1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#295f8e',endColorstr='#0183c1', GradientType=0);
	margin:0;
	text-align:center;
	padding:30px;
	color:white;
}
.main_module {
	display:inline-block;
	width:128px;
	margin:20px 10px;
	border:0px solid red;
	background-size: 128px;
	background-repeat: no-repeat;
	background-position:top center;
	padding-top: 130px;
	cursor:pointer;
	vertical-align:top;	
}
.tb_main_module {
	display:inline-block;
	width:100px;
	margin:20px 10px;
	border:0px solid red;
	background-size: 72px;
	background-repeat: no-repeat;
	background-position:top center;
	padding-top: 72px;
}
.tb_main_content {
	display:inline-block;
	width:600px;
	margin:20px 10px;
	text-align:left;
}
.tb_main_content label{
	display:inline-block;
	width: 90px;
	margin: 10px;
}
.tb_main_content input{
	display:inline-block;
	width: 400px;
	margin: 10px;
}
.tb_main_content ul{
	list-style-type:none;
	display:inline-block;
	width: 400px;
	margin: 10px;
}
.tb_main_content li{
	display:inline;
}
.tb_main_content li img{
	height:32px;
	padding:0 5px;
}
.icone_environnement_filter {
	opacity: 0.4;
    filter: alpha(opacity=40);
}
.icone_environnement_filter:hover {
	opacity: 1.0;
    filter: alpha(opacity=100);
    cursor:pointer;
}

.clear_both {
	clear:both;
	border:1px solid #176FA5;	
}

.button {
	cursor:pointer;
}


#menu_button {
	float:left;
	display:block;
	position:fixed;
	width:40px;
	height:40px;
	background:url('../images/icone_menu.png') no-repeat;
	background-size:contain;
}
#menu_button:hover {
	background:url('../images/icone_menu_hover.png') no-repeat;
	background-size:contain;
	cursor:pointer;
}
#menu_div {
  position: fixed;
  left: 0;
  top: 0;
  width: 250px;
  height:100%;
  background-color:#333;
  opacity:0.95;
  filter: alpha(opacity=95);
  font-size:0.9em;
  color:white;
}
#menu_titre {
	margin:5px;
	padding:20px 5px 20px 30px;
	color:#aaa;
}
#menu_close {
	float:right;
	display:block;
	width:36px;
	height:36px;
	margin:10px 5px;
	text-align:center;
	line-height:40px;
	vertical-align:middle;
	font-size:1.3em;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	background:url('../images/icone_menu_close.png') no-repeat;
	background-size:contain;
}
#menu_close:hover {
	background:url('../images/icone_menu_close_hover.png') no-repeat;
	background-size:contain;
	cursor:pointer;
}
#menu_div ul {
	list-style-type:none;
	margin:0 5px;
	padding:0;
	height:90%;
	overflow:auto;
}
#menu_div li {
	padding: 10px;
	color:#fff;
	border-bottom:1px solid #777;
}
#menu_div li:first-child {
	border-top:1px solid #777;
}
#menu_div li span{
	font-size:0.75em;
	font-style:italic;
	color:#aaa;	
}
#menu_div li:hover {
	background-color:#656c71;
	cursor:pointer;
}
