@charset "utf-8";

/* Site complet */
body {
	margin:0px;
	padding:0px;
}

/* Titres */
h1{
	color:#20A6C4;
	font-size:36px;
	font-weight:bold;
	font-family: arial, verdana, sans-serif;
}
h2{
	color:#bcafa5;
	font-size:24px;
	font-weight:bold;
	font-family: arial, verdana, sans-serif;
}
h3{
	color:#DDD6D1;
	font-size:18px;
	font-weight:bold;
	font-family: arial, verdana, sans-serif;
}

/* Liens hypertextes */
a:link.defaut {color : #000000; text-decoration : none;}
a:visited.defaut {color : #000000; text-decoration : none;}
a:hover.defaut {color:#666666; text-decoration : underline;}

a:link.defaut-inverse {color : #FFFFFF; text-decoration : none;}
a:visited.defaut-inverse {color : #FFFFFF; text-decoration : none;}
a:hover.defaut-inverse {color:#FFFFFF; text-decoration : underline;}

/* Pages du site */
#adminzone{
	position:absolute;
	top:10px;
	right:10px;
	border-width:1px;
	border-style:dashed;
	border-color:black;
	background-color:#FFFFFF;
	padding:10px;
	width:200px;
}
#alerteoui{
	position:relative;
	top:0px;
	margin:10px;
	padding:10px;
	border-radius:10px;
	/* background-color:#B22222; */
	background-color:#007231;
	color:#FFFFFF;
	font-size:14px;
}
#alertenon{
	position:relative;
	top:0px;
	margin:10px;
	padding:10px;
	border-radius:10px;
	/* background-color:#B22222; */
	background-color:#a50013;
	color:#FFFFFF;
	font-size:14px;
}
#alertenc{
	position:relative;
	top:0px;
	margin:10px;
	padding:10px;
	border-radius:10px;
	/* background-color:#B22222; */
	background-color:#FF8C00;
	color:#FFFFFF;
	font-size:14px;
}
#bulle{
	position:relative;
	top:0px;
	margin-top:8px;
	margin-left:1px;
	margin-right:1px;
	padding:10px;
	border-radius:10px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	background-color:#DDD6D1;
	color:#000000;
	overflow:hidden;
}
#bulleselected{
	position:relative;
	top:0px;
	margin-top:8px;
	margin-left:1px;
	margin-right:1px;
	padding:10px;
	border-radius:10px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	background-color:#20A6C4;
	color:#000000;
	overflow:hidden;
}
#colonnes2{
	column-count: 2;
}
#colonnes3{
	column-count: 3;
}
#defaut{
	position:relative;
	top:0px;
	padding:10px;
	background-color:#EEEEEE;
	font-size:14px;
}
#footer{
	position:relative;
	top:0px;
	background-color:#333333;
	color:#FFFFFF;
	text-align:center;
}
#header{
	position:relative;
	top:0px;
}
.headersitenom{
	color:#20A6C4;
	font-size:36px;
	font-weight:bold;
	font-family: arial, verdana, sans-serif;
}
#menuhorizontal{
	position:relative;
	top:0px;
}
/* classes generales */
.bouton{
	border:#000 1px solid;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
}
.encadre{
	border-width:1px;
	border-style:dashed;
	border-color:black;
	margin-left:0px;
	margin-right:4px;
	padding-left:4px;
	padding-right:4px;
	background-color:#FFFFFF;
}
.attention{
	border-width:1px;
	border-style:dashed;
	border-color:#FF0000;
	margin:5px;
	padding:5px;
	background-color:#FFFFFF;
}
/* Tableaux */
.tablecontenu{
	background-color:#FFFFFF;
	color:#000000;
	font-family: arial, verdana, sans-serif;
	font-size:14px;
}
.tablecontenuoui{
	background-color:#8FBC8F;
	color:#000000;
	font-family: arial, verdana, sans-serif;
	font-size:14px;
}
.tablecontenunon{
	background-color:#CD5C5C;
	color:#000000;
	font-family: arial, verdana, sans-serif;
	font-size:14px;
}
.tabletete{
	background-color:#20A6C4;
	color:#000000;
	font-family: arial, verdana, sans-serif;
	font-size:14px;
}