/* Css - CPE Gamin Gamine */
/* CIDM Informatique (c) */

															/** BODY ELEMENTS **/
body {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0 auto;
	background: url(../images/backside.png) 0 0 repeat-x;
	}

															/** MAIN CONTAINERS **/
div#container {
  width: 761px;
	margin: 0 auto;
	text-align: left;
	}
	body.fullwidth div#container { width: 100%; }
	div#header {
		color: inherit;
		background-color: #fff;
		border: 1px solid #000;
		border-width: 1px 1px 0px 1px;
		}
		div#header-in {
			padding: 0px;
			}
	div#content-wrap {
		padding: 0px 0;
		}
		div.content {
		  text-align: center;
			color: inherit;
			background-color: #fff;
			border: 1px solid #000;
			border-width: 0px 1px 0px 1px;
			}
			div.content-in {
				padding: 0px;
				}
	div#footer {
	  
		color: #fff;
		background-color: #399CBD;
		border: 1px solid #000;
		border-width: 0px 1px 1px 1px;
		text-align: center;
		padding: 0px;
		}
		div#footer-in {
			padding: 0px;
			}

															/** SUB CONTAINERS **/

															
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../images/sbbody-r.png) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/sbhead-r.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../images/sbhead-l.png) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.0em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/sbbody-l.png) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}



TD { text-align: left; padding: 0px; margin: 0px; font-family: tahoma,arial,helvetica; font-size: 10pt; line-height: 11pt; color: #000000;}


#connection {
  position: relative; float: left;
  display: inline-block;
  width: 151px; 
  height: 120px;
  padding: 15px 10px 10px 20px;
  text-align: left;  font-family: tahoma,arial,helvetica;
  font-size: 11px;  color: #000000;
  background: url(../images/backconnect.png) 0 0 no-repeat;
 
}


#imageleft {
  position: relative; float: left;
  display: block;
  width: 180px;
  border: 0px solid #000;
}


#adminbutton {
  position: relative; float: left;
  display: block;
  width: 180px;
  border: 0px solid #000;
}

#adminbutton a {
  position: relative; float: left;
  display: block;
  width: 180px;
  height: 60px;
  border: 0px solid #000;
  background: url(../images/admin.png) top left no-repeat;
  text-decoration:none;
}

#adminbutton a:hover {
  background-position: 0% -60px;
}


#rsgbutton {
  position: relative; float: left;
  display: block;
  width: 180px;
  border: 0px solid #000;
}

#rsgbutton a {
  position: relative; float: left;
  display: block;
  width: 180px;
  height: 60px;
  border: 0px solid #000;
  background: url(../images/rsg.png) top left no-repeat;
  text-decoration:none;
}

#rsgbutton a:hover {
  background-position: 0% -60px;
}


#educbutton {
  position: relative; float: left;
  display: block;
  width: 180px;
  border: 0px solid #000;
}

#educbutton a {
  position: relative; float: left;
  display: block;
  width: 180px;
  height: 60px;
  border: 0px solid #000;
  background: url(../images/educatrices.png) top left no-repeat;
  text-decoration:none;
}

#educbutton a:hover {
  background-position: 0% -60px;
}


#cabutton {
  position: relative; float: left;
  display: block;
  width: 180px;
  border: 0px solid #000;
}

#cabutton a {
  position: relative; float: left;
  display: block;
  width: 180px;
  height: 60px;
  border: 0px solid #000;
  background: url(../images/ca.png) top left no-repeat;
  text-decoration:none;
}

#cabutton a:hover {
  background-position: 0% -60px;
}


#parentinsbutton {
  position: relative; float: left;
  display: block;
  width: 180px;
  border: 0px solid #000;
}

#parentinsbutton a {
  position: relative; float: left;
  display: block;
  width: 180px;
  height: 60px;
  border: 0px solid #000;
  background: url(../images/parentsins.png) top left no-repeat;
  text-decoration:none;
}

#parentinsbutton a:hover {
  background-position: 0% -60px;
}

#parentfambutton {
  position: relative; float: left;
  display: block;
  width: 180px;
  border: 0px solid #000;
}

#parentfambutton a {
  position: relative; float: left;
  display: block;
  width: 180px;
  height: 60px;
  border: 0px solid #000;
  background: url(../images/parentsfam.png) top left no-repeat;
  text-decoration:none;
}

#parentfambutton a:hover {
  background-position: 0% -60px;
}


#contentbody {
  display: block; width: 548px; float: right;
  position: relative; top: 0px; left: 0px;
  color: black; font-size: 80%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 12pt; text-align: justify;
  padding: 15px;
  border: 0px solid #000;
  background: url(../images/bodytop.png) 0 0 no-repeat;
}

															/** LISTS **/

.bdate {
  position: relative;
  text-align: left;
  width: 80px; height: 15px;
  font-family: tahoma,arial,helvetica;
  font-size: 10pt;
  color: #000000;
  padding: 3px;
  border: 0px solid red;
}

.btitre {
  position: relative;
  text-align: left;
  width: 500px; height: 15px;
  font-family: tahoma,arial,helvetica;
  font-size: 10pt;
  color: #000000;
  padding: 3px;
  border: 0px solid red;
}

															/** TYPOGRAPHY **/
															
.normal { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14pt;}
.bold { color: black; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva }
.titre { color: #5F1618; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva }
.italique { color: black; font-style: italic; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva }
.petititalique { color: black; font-style: italic; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva }
.boldbleuitalique { color: #004265; font-style: italic; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva }
.boldbleu { color: #004265; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva }
.boldrouge { color: #DA0019; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva }
.boldbleu2 { color: #004265; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva }
.bleupetit { color: #004265; font-size: 10px; font-family: Arial, Helvetica, Geneva }
.noirpetit { color: black; font-size: 9px; font-family: Arial, Helvetica, Geneva }
.rougepetit { color: red; font-weight: bold; font-size: 9px; font-family: Arial, Helvetica, Geneva }
.rouge { color: #FF0000; font-size: 10px; font-family: Arial, Helvetica, Geneva }
.vert { color: #008000; font-size: 10px; font-family: Arial, Helvetica, Geneva }
.jaune { color: #FFFF00; font-size: 10px; font-family: Arial, Helvetica, Geneva }
.footer { font-size: 10px; font-weight: bold;  font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16pt;}
.copyright { color: #000000; font-style: normal; font-weight: bold; font-size: 7pt; font-family: arial, helvetica, tahoma; text-decoration: none; background-color: #FFFFFF; line-height: 14pt;}

.footnote { font-size: 7pt; }
.footnote A	{ font-size: 8pt; color: #000000; font-style: normal; font-weight: normal; text-decoration: none; }
.footnote A:hover { font-size: 8pt; color: #871E21; font-style: normal; font-weight: normal; text-decoration: none; }


/*
A	  		{ color: #5F1618; font-style: normal; font-weight: bold; font-size: 10pt; line-height: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }
A:hover 		{ color: #871E21; font-style: normal; font-weight: bold; font-size: 10pt; line-height: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }
*/
															/** FORMS **/
INPUT { position: relative; top : 2px; height: 13px; color: #000000; font-style: normal; font-size: 8pt; font-family: arial, helvetica, tahoma; text-decoration: none; background-color: #F8F5ED; }
SELECT { position: relative; top : 2px; height: 22px; color: #000000; font-style: normal; font-size: 8pt; font-family: arial, helvetica, tahoma; text-decoration: none; background-color: #F8F5ED; }

.submitbox { color: #000; border: 1px solid #999999; padding : 1px 4px 1px 4px; font-style: normal; font-size: 8pt; font-family: arial, helvetica, tahoma; text-decoration: none; background-color: #EFE7D3;
}
															/** COMMON **/


.hide	{ display: none;	}
.inline	{ display: inline;	}
.block	{ display: block;	}
.nfloat	{ float: none;		}
.lfloat	{ float: left;		}
.rfloat	{ float: right;		}
.clear	{ clear: both;		}
.lclear	{ clear: left;		}
.rclear	{ clear: right;		}

.navigation		{ list-style: none; }
.navigation li	{ display: inline; 	}

/*- Menu Tabs 5--------------------------- */

#tabs5 {
  float:left;
  position: relative;
  z-index: 100; 
  color: #004265; 
  font-weight: bold; 
  font-size: 12px;
  font-family: Arial, Helvetica, Geneva;
  width:759px;
  background:#399CBD;

  line-height:normal;
  /*border: 0px solid red;*/
  border: 1px solid #000;
	border-width: 0px 1px 0px 1px;

  }
#tabs5 ul {
      margin: 0;
      padding: 5px 10px 0 50px;
      list-style:none;
  }
#tabs5 li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs5 a {
  float:left;
  background:url("../images/tableft5.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabs5 a span {
  float:left;
  display:block;
  background:url("../images/tabright5.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color: #FFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span {float:none;}
/* End IE5-Mac hack  */
#tabs5 a:hover span {
  color: #FFF;
  }
#tabs5 a:hover {
  background-position:0% -42px;
  }
#tabs5 a:hover span {
  background-position:100% -42px;
  }

  #tabs5 #current a {
          background-position:0% -42px;
  }
  #tabs5 #current a span {
          background-position:100% -42px;
  }