
/* CSS Document */


#header {
	position:absolute;
	top:0px; left:0px; width:765px;	height:120px;
	padding:10 10 10 10;
	visibility: visible;
}

#titre {
	position:absolute;
	top:180px; left:10px; width:560px; height:133px;
	padding:20;
	visibility: visible;
}

#menu {
	position:absolute;
	top:140px; left:592px; width:185px;
	background-color: #FFFFFF;
    padding:0; /* top right bottom left */
}

#barre3{
  position:absolute;
  top:250px; left:10px; width:560px; heigth:20px;
  background-color: #33CCFF;
  border: no;
}

.content2 {
	position:absolute;
	z-index: 3;
	top:267px; left:0px; width:560px;
	padding: 10 10 10 10;
	margin-left:0;
  	background-color: #FCFBFB; 
	visibility: visible;
	font-family:Arial, Helvetica, sans-serif;
  /* overflow:auto; */ /* Not suitable for Netscape & old Browsers */
}

.pratique {
  color: #003399;
  font-size: 11px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-decoration: none;
}

.pratique:hover {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #0099ff;
  text-decoration: none;
}

.pratique:visited {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #0099ff;
  text-decoration: none;
}

.menubib {
  font-family: arial;
  font-size: 11px;
  color: #0099ff;
  text-decoration: none;
}
.menubib:hover {
  font-family: arial;
  font-size: 11px;
  color: #33CCFF;
  text-decoration: none;
}
.menubib1 {
  font-family: arial;
  font-size: 12px;
  color: #33CCFF;
  text-decoration: none;
}
.menubib1:hover {
  font-family: arial;
  font-size: 12px;
  color: #0099ff;
  text-decoration: underline;
}

.menubib1:visited {
  font-family: arial;
  font-size: 12px;
  color: #0099ff;
  text-decoration: none;
}

/*=================*/
/* TAGs DEFINITION */
/*=================*/
a {
  color: #003399;
  text-decoration: none;
}

a:hover {
  color: #0099ff;
  text-decoration: none;
}

.ctrs {
	border: 1px solid #000000;
}




/*---------------------------------PAraschool----------------*/

#contenu{
	width:765px;
	margin-top:140px;
	margin-left:3px;
	position:absolute;
}
#contenu2{
	width:711px;
	margin-left:3px;
	position:absolute;
}
.titres{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #C47624;
}
.arialnoi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.arialnoi a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #993399;
}
.arialnoi a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #993399;
}
.arialgris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;}
.violet{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #993399;
}
#txtimg{
	position:absolute;
	top: 12px;
	left: 16px;
	width: 188px;
	height: 176px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.blcgrd{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
#formulaire{
	padding-left:40px;
	padding-right:40px;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	list-style-position: outside;
	list-style-image: url(images/puce_rose.gif);
	list-style-type: none;
}
.arialnoi2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.arialnoi2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
}
.arialnoi2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
}
/* Formulaire */
div.contactParaschool {
	width : 400px;
	margin:20px 150px;
	border:solid 1px #A13A8D;
	padding : 10px 20px;
}
div.reponseFormulaire p {
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
div.reponseFormulaire h3 {
font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
}
div.contenuFormParaschool {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
div.contenuFormParaschool p{
text-align:left;
}
div.contenuFormParaschool h3 {
	font-size:13px;
	color:#A13A8D;
	font-weight:bold;
	padding : 0px 60px;
}
form.formParaschool {
	border:solid 1px #A13A8D;
	padding : 20px;
}
form input.textfield {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #AAAAAA;
width : 70%;
}
form input.textfield:focus, form textarea:focus {
background:#F5FFDC none repeat scroll 0 0;
}
form p {
text-align:right;
margin: 1.2em 2em;
}
form label {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight : bold;
color:#A13A8D;
background : url(images/puce.gif) no-repeat center right;
padding-right:15px;
}
p.txtRelief {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight : bold;
color:#000;
}
p.centrer {
text-align:center;
}
div.centrer {
text-align:center;
}
form input.bouton {
border : 1px solid #A13A8D;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight : bold;
}
