body {
  margin:0;padding:0;
  background:#FFF url(../img/back.gif) center top no-repeat;
  font-size:62.5%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#9493A2;
  text-align:center;
}

a{color:#9493A2;}

.clearboth{ clear:both;}


#page{
  width:750px;
  margin:0 auto;
  text-align:left;
  font-size:1.1em;
}
/*******************************************************************************
                                Entete
*******************************************************************************/
#photoinfo{
  background:url(../img/accueil/ombrage.jpg) 427px 401px no-repeat;
  width:539px;height:432px;
  float:left;display:inline;
}

#photoinfoint{
  float:left;display:inline;
  width:539px;height:269px;
}


#photo{
  background:url(../img/accueil/photos/img0.jpg) no-repeat;
  width:441px;height:269px;
  float:left;display:inline;
}
#photoint{
  background:url(../img/photos-entete/img_int01.jpg) no-repeat;
  width:539px;height:269px;
}
#bandephotos{
  background:url(../img/accueil/bande-photos/bande_photos2.jpg) no-repeat;
  width:98px;height:432px;
  float:right;display:inline;
}

#txtintro{
  background:#ffb447 url(../img/accueil/fond_texte.gif) 0 100% no-repeat;
  width:441px;height:145px;
  float:left;display:inline;
}

#txtintro .enrobage{
  color:#FFF;
  margin:0;
  padding:12px 20px 10px 20px;
}

#txtintro p{
  margin:0 0 5px 0;
  padding:0;
}

/*#portes_ouvertes {
	position:relative;
	margin-bottom:40px;
}

#portes_ouvertes p {
	position:absolute;
	top:0;
	left:0;
	width:700px;
	margin:0 20px 10px 20px;
	padding:5px;
	color:#e78b2e;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	background-color:#ffe7ce;
	border:1px solid #ffd6ae;
}

#corps #loretteville h2 {
	margin-bottom:40px;
}*/


/*******************************************************************************
                                Corps
*******************************************************************************/

#corps{clear:left;}

#contenuint{width:537px;}


/****************************  titres  ****************************************/

#corps h2{
  font-size:1.4em;
  margin:0;padding:0 20px 10px;
  color:#64647B;
}

#contenuint h2{
  clear:left;
  background:url(../img/fond_titre.gif) no-repeat;
  width:497px;height:27px;
  padding:0 0 20px 40px;
  line-height:27px;
  color:#FFF;
}

#corps h3{
  font-size:1.2em;
  margin:0;
}

#corps h3 a{
  color:#9493A2;
  text-decoration:none;
}

#corps h3 a:hover{text-decoration: underline;}

#contenuint h3{
  padding:0 0 20px 40px;
  color:#64647B;
}

#contenuint .info-parents div {
	margin: 0 0 15px;
}
#contenuint .info-parents p.date {
	padding-bottom: 15px;
}
#contenuint .info-parents h3 {
	padding-bottom: 20px;
}

#contenuint p{margin:0;padding:0 40px 20px;}

#contenuint ul{
	margin:0 40px 20px;padding:0 40px;
}
#contenuint ul li{padding-bottom:5px;}

#contenuint ul li.pdf{
	padding:0 0 10px 30px;
	background:url(../img/icone-pdf.gif) no-repeat;
	list-style:none;
	line-height:20px;
}


#quebec{
  
  width:370px;
  
  float:left;
}

#loretteville{
  
  width:370px;
  
  float:right;
}

#quebec-image {
	height: 90px;
	width: 370px;
	background:url(../img/accueil/img_quebec.jpg) no-repeat;
	float: left;
}

.accueil-images {
	width: 100%;
	overflow: hidden;
	padding: 0 0 10px;
}

#loretteville-image {
	background:url(../img/accueil/img_loretteville.jpg) no-repeat;
	height: 90px;
	width: 370px;
	float: right;
}

#portesouvertes {
	background: #f4a22a;
	color: #fff;
	padding: 12px;
	margin: 0 0 20px;
}

#portesouvertes p {
	margin: 0;
}

ul.nouvelles{margin:0;padding:0 20px;}

ul.nouvelles li{
  list-style:none;
  background:url(../img/pictos-fleches/commentaire_picto.gif) 0 5px no-repeat;
  padding:0 0 0 20px;
	margin-bottom:20px;
}

ul.nouvelles li.rss{
  list-style:none;
  background:url(../img/rss-icon.gif) 0 0 no-repeat;
  padding:0 0 0 20px;
  margin-left:20px;
}

#contenuint .nouvarchives{padding-left:40px;}
#contenuint .nouvarchives li p{margin:0;padding:0;}
#contenuint .nouvarchives li h3{padding:0;}

ul.nouvelles li p{margin:0;padding:0;}

#archives{clear:both;}

#archivesQc,#archivesLoret{
  width:370px;
  border-bottom:1px solid #CDCBD5;
  float:left;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}
#archivesLoret{ float:right;}

#archives a{
  margin-left:40px;padding-left:10px;
  background:url(../img/pictos-fleches/fleche_grise.gif) 0 2px no-repeat;
  text-transform:uppercase;
  color:#64647B;
  text-decoration:none;
  display:block;
}
#archives a:hover{ text-decoration: underline; }

#liens{
  clear:both;
  padding:0 10px 20px 40px;
  font-size:0.9em;
}

#liens h4{
  margin:0;padding: 0 0 10px;
  font-size:1.1em;
}


#liens ul,#petitsliens ul{margin:0;padding:0;}
#liens ul li, #petitsliens ul li{
  float:left;
  display:inline;
  list-style:none;
  margin-right:5px;
}

#petitsliens{
  padding:15px 10px 5px 35px;
  font-size:0.9em;
}

#petitsliens ul li.pluriweb{
	background:url(../img/icone-pluriweb.gif) 0 2px no-repeat;
	width:74px; height:18px;
}

#petitsliens ul li.mt{
	background:url(../img/icon-mt-edit.gif) 0 2px no-repeat;
	width:30px; height:18px;
}

#petitsliens ul li.courrier{
	background:url(../img/icone-courrier.gif) 0 2px no-repeat;
	width:80px; height:18px;
}

#petitsliens ul li.groupeware{
	background:url(../img/icone-groupeware.gif) 0 2px no-repeat;
	width:80px; height:18px;
}

#petitsliens ul li a{
	width:100%; height:100%; display:block;
}

/*************************  Fil d'ariane  *************************************/
#contenuint #filAriane{ margin:0;padding:0 0 20px 40px;}
#contenuint #filAriane li{
  float:left; display:inline;
  list-style:none;
  margin-right:5px;
  font-size:0.9em;
  font-weight:bold;
}
#contenuint #filAriane li.courant{ color:#FFB448;}

label{
  display:block;
  padding-bottom:5px;
}

textarea{
  width:400px;
  height:100px;
}

.comments-open-footer{text-align:center;}

.comment{
  background:url(../img/pictos-fleches/fleche_grise.gif) 45px 3px no-repeat;
  padding: 0 20px;
  margin:20px 0;
}

.hautpage{
  text-align:right;
  margin-right:20px;
}
.hautpage a{
  background:url(../img/pictos-fleches/hautdepage.gif) 0 2px no-repeat;
  text-transform:uppercase;
  padding-left:10px;
  color:#9493A2;
  text-decoration:none;
  font-size:0.8em;
  font-weight:bold;
}
.hautpage a:hover{text-decoration:underline;}

/*** Calendrier ***/
.overflow{
	overflow:hidden;
	margin:0 0 20px 40px;
}

table.calendrier th.mois{
	background:#515167;
	color:#FFF;
}

table.calendrier{
	width:140px;
	margin:10px 20px 10px 0;
	float:left;
	border-top:1px solid #515167;
	border-right:1px solid #515167;
}

table.calendrier th, table.calendrier td{
	padding:3px 0;
  border-bottom:1px solid #515167;
	border-left:1px solid #515167;
	text-align:center;
	text-transform:uppercase;
}

table.calendrier td.conge{
	background: #BDBDC7;
	color:#333;
}
table.calendrier td.congePeda{
	background:#FEC77C;
	color:#333;
}

table.calendrier td.finEtape{
	background:#333;
	color:#FFF;
}

#legende{
	width:140px;
	margin:10px 0;
	float:left;
}

#legende p{
	padding-left:0;
	padding-right:0;
	line-height:15px;
	font-size:10px;
}
#legende p span{
	width:15px;height:15px;
	margin-right:5px;
	display:block;
	float:left;
}
#legende p span.conge{background:#BDBDC7;}
#legende p span.congePeda{background:#FEC77C;}
#legende p span.finEtape{background:#333;}

/*** Galerie de photos ***/
.imagegalerie {
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}

/*******************************************************************************
                                Pied
*******************************************************************************/

#pied{
  font-size:0.9em;
  margin-top:30px;
  clear:both;
}

#pied ul{margin:0;padding:0 10px 0 40px;}
#pied ul li{
  float:left;
  list-style:none;
  margin-right:10px;
}
#pied ul li#copy{color:#CDCBD5;}

#pied ul li#ixmedia{
  float:right;
  color:#CDCBD5;
}

#pied ul li#ixmedia a{color:#CDCBD5;}
#pied ul li#ixmedia a:hover{color:#9493A2;}