/*
définition du body
*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body{
    font-family:      			verdana, sans-serif;
	font-size:        			10px;
	color:            			#000000;
	background-image: 	url();
	background-color: 		#ffffff;
	margin: 					1px;
}
table.w100{
	width:						100%;
	height:						90%;
	table-layout :				fixed;
}
/*
titres
*/
h1{
    font-family:				verdana, sans-serif;
    font-size:					18px;
    font-weight:      			bold;
    margin-bottom: 			0.5cm;
}
h2{
	font-family:      			Verdana, sans-serif;
	font-size:        			13px;
	font-weight:				bold;
	text-align:					center;
	margin-bottom: 			0cm;
	margin-top:				0cm;
}
h3{
    font-family:				Verdana, sans-serif;
    font-size:					12px;
    font-weight:				bold;
}
p{
	font-family:				Verdana, sans-serif;
	font-size :					10px;
	padding:					2px;
	margin:						0px;
}
/*
définition des images
*/
img.center{
	margin-left:				auto;
	margin-right:				auto;
	width:						100%;

}
img.left{
	vertical-align:				middle;
}
/*
définition des liens hypertexte
*/
img a:visited, a:visited,
img a:link, a:link,
img a:active,a:active{
	text-decoration:			underline;
	color:						#3333CC;
	border-color:				#3333CC;
}

img a:hover, a:hover{
	text-decoration:			underline;
	color:						#0000DD;
}

th a:link, th a:active, th a:visited{
    color:						#FFFFFF;
    text-decoration:			underline;
}
th a:hover{
    color:						#666666;
    text-decoration:			none;
	text-align:					center;
}
/*
types de tables
*/
th{
	font-family:				Verdana, sans-serif;
	font-size:					11px;
	font-weight:				bold;
	color:						#FFFFFF;
	background-color:		#3763d4;
	background-image:	url(../img/grad_bleu.jpg);
	background-repeat:	repeat-x;
	background-position:	top;
	height:						18px;
	padding:					0cm;
	margin:						0px 0px 0px 0px;
}
th.lix{
	color:						#FFFFFF;
	background-color:		#37C463;
	background-image:	url(../img/grad_vert.jpg);
}
th img{
	border-style:				none;
	text-align:					center;
}
thead{
	text-align:					center;
	display:						table-header-group;
	background-color:		#969696;
	color:						#000000;
	background-image:	url('');
}
	/*tr*/
tr.temp{
	background-color:		#A3A3A3;
	text-align:					right;
}
tr.conn{
	background-color:		#EEEEFF;
}
/*tr.rougeI{
	background-color:		#F30000;
}
tr.rougeP{
	background-color:		#C30000;
	color:						#FFFFFF;
}*/
	/*td*/
td{
	text-align:					center;
	page-break-after:		auto;
}

td.conn{
	background-color:		#CCCCFF;
	text-align:					left;
}

/*
formulaires
*/
form{
    font-family:				Verdana, Arial, Helvetica, sans-serif;
    font-size:					10px;
    padding:					0px;
    margin:						0px;
}
select, textarea, input {
    font-family:				Verdana, Arial, Helvetica, sans-serif;
    font-size:					10px;
}
select, textarea{
    color:						#000000;
    background-color:		#EEEEFF;
}
/*input.checkbox{
	height:						12px;
	width:						12px;
}*/
/*
fieldset
*/
fieldset{
	border-color:				#3763d4;
	border-width:				2px;
	border-style:				solid;
	width:						100%;
	height:						100%;
}
fieldset.lix{
	border-color:				#37C463;
}
legend{
	text-transform:			capitalize;
	font-family:				Tahoma;
	font-size:					12px;
	color:						#3763d4;
}
legend.lix{
	color:						#37C463;
}
/*
multi-classes
*/
.centre{
	text-align:					center;
}
.droit{
	text-align: 					right;
}
.gauche{
	text-align: 					left;
}
.rougeI{
	background-color:		#F30000;
}
.rougeP{
	background-color:		#C30000;
	color:						#FFFFFF;
}
.vertI{
	background-color:		#00F300;
}
.vertP{
	background-color:		#00C300;
	color:						#FFFFFF;
}
.orangeI{
	background-color:		#FF8400;
}
.orangeP{
	background-color:		#e47600;
	color:						#FFFFFF;
}
.P{
	background-color:		#C3C3C3;
}
.I{
	background-color:		#F3F3F3;
}
/*div*/
#Carto {
	text-align:					center;
}
#Download {
	text-align:					center;
	height:						228px;
	width:						25%;
	min-width :				110px;
	margin:						auto;
	float:							left;
	padding:					5px;
}
#Mesures {
	text-align:					center;
	height:						228px;
	width:						50%;
	min-width :				440px;
	margin:						auto;
	float:							left;
	padding:					5px;
}
#Affichage {
	text-align:					center;
	height:						228px;
	width:						25%;
	min-width :				110px;
	margin:						auto;
	float:							left;
	padding:					5px;
}
.SVGCarto{
	max-height:				550px;
}