/* CSS Document */

/* --------------------------------------- >REDEFINITION DES BALISES< ----------------------------------------*/

body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background-image:url(https://www.jmtgraphics-works.be/cgsp/98-images/bgsup.gif);
	background-repeat:repeat-x;
	}
h1{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#000;
	text-shadow:#999999;
	padding:0;
	margin:0;
	}
h2{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000;
	padding:0;
	margin:0;
	}
p{
	margin:0;
	padding:10px 0px 0px 0px;
	}

a{
	text-decoration:none;
	color:#000;
	}
a:hover{
	color:#600;
	}
a:visited{
	color:#666;
	}
	
	
iframe{
	border:none;
	margin:0;
	padding:0;
	}

/*table{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	margin:0;
	padding:0;
	
	}*/


/* --------------------------------------- >DEFINITION DES DIV< ----------------------------------------*/

#entete{
	position:relative;
	top:0px;
	margin:auto;
	width:902px;
	height:255px;
	background-image:url(https://www.jmtgraphics-works.be/cgsp/98-images/entete.jpg);
	background-repeat:no-repeat;
	}
	
#corps{
	position:relative;
	margin:auto;
	width:900px;
	min-height:1300px;
	padding-bottom:10px;
	background-color:#fffbf0;
	border-left:1px solid #fbbe00;
	border-right:1px solid #fbbe00;	
	}
	
#pied{
	position:relative;
	margin:auto;
	width:100%;
	min-height:20px;
	background-color:#e32118;
	padding:5px 0px 10px 0px;
	}

#hnav{
	position:relative;
	background-color:#fbbe00;
	top:215px;
	left:248px;
	width:640px;
	height:25px;
	
	border:none 5px #000000;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}
#droite{
	position:relative;
	right:15px;
	width:200px;
	min-height:200px;
	float:right;

	}
#lastnews{
	position:relative;
	background-color:#ffffff;
	background-image:url(https://www.jmtgraphics-works.be/cgsp/98-images/titre-news.jpg);
	background-repeat:no-repeat;
	width:180px;
	min-height:200px;
	padding:40px 10px 10px 10px;
	margin-bottom:20px;
	
	border:solid 2px #ab0132;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}
	
#navadmin{
	position:relative;
	background-color:#ffffff;
	background-image:url(https://www.jmtgraphics-works.be/cgsp/98-images/titre-gestion.jpg);
	background-repeat:no-repeat;
	width:180px;
	min-height:200px;
	padding:40px 10px 10px 10px;
	margin-bottom:20px;
	
	border:solid 2px #ab0132;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}
	
#maincontent{
	position:relative;
	background-color:#ffffff;
	/*top:215px;*/
	width:650px;
	left:5px;
	/*right:5px;*/
	top:0px;
	min-height:1300px;
	/*float:right;*/
	border-right:solid 2px #999999;
	border-top:solid 2px #999999;
	padding:5px;
	}

#connect1{
	position:relative;
	background-color:#bbbbbb;
	width:180px;
	min-height:180px;
	padding:10px 10px 10px 10px;
	margin-top:0px;
	
	
	border:solid 2px #666666;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	}
#connect2{
	position:relative;
	background-color:#bbbbbb;
	width:180px;
	min-height:50px;
	padding:10px 10px 10px 10px;
	margin-top:20px;
	
	
	border:solid 2px #666666;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	}
	
#plan{
	position:relative;
	background-color:#bbbbbb;
	width:180px;
	min-height:150px;
	padding:10px 10px 10px 10px;
	margin-top:20px;
	
	
	border:solid 2px #666666;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	}

#newsp1{
	position:relative;
	background-color:#bbbbbb;
	width:180px;
	min-height:150px;
	padding:10px 10px 10px 10px;
	margin-top:20px;
	
	
	border:solid 2px #666666;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	}


#msgtitre{
	position:relative;
	background-color:#ab0132;
	width:210px;
	min-height:20px;
	left:350px;
	padding:5px 5px 5px 5px;
	margin-top:20px;
	
	
	border:solid 2px #ab0132;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	}


#msgimportant{
	position:relative;
	background-color:#ffffff;
	width:615px;
	min-height:80px;
	left:0px;
	padding:5px 5px 5px 5px;
	margin-top:0px;
	
	
	border:solid 10px #ab0132;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	
	-moz-box-shadow: 3px 4px 5px #4a4a4a;
	-webkit-box-shadow: 3px 4px 5px #4a4a4a;
	box-shadow: 3px 4px 5px #4a4a4a;
	}
/* --------------------------------------- >DEFINITION DES CLASS< ----------------------------------------*/


.img-border{
	border:10px solid #fff;
	box-shadow: 6px 6px 12px #333;
 	 -moz-box-shadow: 6px 6px 12px #333;  
 	 -webkit-box-shadow: 6px 6px 12px #333; 
	}
	
.blanc{
	color:#FFFFFF;
	}

.premier-paragraphe{
	padding:20px Opx Opx Opx;
	}

p.inscr_bulletin{
	text-align:right;
	font-weight:bold;
	}
	
.tableau{
	border-right: solid 2px #FFF;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:5px 0px 5px 0px;
	}
	
.surligne{
	background-color:#ab0132;
	color:#FFF;
	padding:5px;
	margin:2px;
	}
	
.degage{
	padding:5px 0px 5px 0px;
	}
	
.indent{
	padding-left:50px;
	}
.evidence{
	background-color:#ab0132;
	color:white;
	padding:5px;
	margin-top:0px;
	margin-bottom:5px;
	}
.titre2{
	color:#660000;
	padding:10px 0px 10px 0px;
	}

.rouge{
	color:#ab0132;}
	
	
.flaotright{
	float:right;
	margin-left:10px;
	}
.floatleft{
	float:left;
	margin-right:10px;
	}
.nofloat{
	clear:both;
	}
.blanc{
	font-weight:bold;
	color:#FFF;
	}
.img-border{
	border:10px solid #fff;
	box-shadow: 6px 6px 12px #333;
 	 -moz-box-shadow: 6px 6px 12px #333;  
 	 -webkit-box-shadow: 6px 6px 12px #333; 
	}
/* ----------------------->> Propriétés des menus <<------------------------------*/

a.lienblanc{
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	}

a:visited.lienblanc{
	text-decoration:none;
	font-weight:bold;
	color:#FC9;
	}
a:hover.lienblanc{
	text-decoration:none;
	font-weight:bold;
	color:#FCC;
	}

a.menu{
	text-decoration:none;
	color:#333;
	font-size:12px;
	font-weight:bold;
	width:160px;
	margin:0px 5px 0px 5px;
	padding:5px;
	border-width:0px 0px 2px 0px;
	border-style:solid;
	border-color:#333;
	display:block;
	}
a:first-child.menu{
	border-top:2px solid #333;
	}
a:hover.menu{
	background-color:#660404;
	text-decoration:none;
	color:#FFF;
	}
a.menu-horizontal{
	text-decoration:none;
	font-weight:bold;
	color:#ab0132;
	}
a:visited.menu-horizontal{
	text-decoration:none;
	font-weight:bold;
	color:#FF0000;
	}
a:hover.menu-horizontal{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	}


/* ------------------------- Paramètre de la balise "P" ------------ */

p.entetetableau {
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	padding:5px;
	}
	
p.navdroite{
	text-align:right;
	font-weight:bold;
	}
	
p.droiteplus{
	text-align:right;
	font-weight:bold;
	padding:5px;
	}

p.navcenter{
	text-align:center;
	font-weight:bold;
	}
	
p.navgauche{
	text-align:left;
	font-weight:bold;
	}
table p{
	padding:5px;
	}
	
/* ------------------------- Paramètre des tableaux ------------ */

.niemeEnfant tr:nth-child(2n) {
	background-color: #FC9;
}

#niemeEnfant tr:nth-child(2n) {
	background-color: #FC9;
}

/* ------------------------- Elements form requis ------------ */

[required] {
   border: 2px dotted orange;
}

:required {
   border: 2px dotted orange;
}