/* Mise en page 3 colonnes ***************************************/
#page #collPhotos
{
	float:left;
	padding-left:40px;
	padding-top:40px;
	margin-right: 40px;
	
}
#page #margePhoto{
	height: 25px;
}
#page #collInfos
{
	float:left;
	width: 445px;
}

#page #collVideos
{
	float:left;
}


/* Zone photo *************************************************/
#page #collPhotos #photo
{
	background-image: url(../../images/accueil/fond-photo.gif);
	width: 185px;
	height: 82px;
	margin-left:40px;
	margin-top:15px;
	background-repeat: no-repeat;
}

#photo #date
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	width: 45px;
	height: 20px;
	float: left;
	margin-top:37px;
	padding-left:14px;
}

#photo #viewPhoto
{
	float: left;
	width: 115px;
	height: 65px;
	margin-top: 8px;
	margin-left: 2px; 
	overflow:hidden;
}

/* Zone coup de coeur *********************************************/
#page #collPhotos #ccoeur
{
	background-image: url(../../images/accueil/fond-ccoeur.gif);
	background-repeat: no-repeat;
	height: 131px;
	width: 183px;	
	margin-left:40px;
	padding-top: 37px;

}

#ccoeur #viewCcoeur
{
	height: 120px;
	width: 160px;
	margin-left: 13px;
	overflow:hidden;
}

/* Zones info & actu ********************************************/
#collInfos #infoEcoles
{
	background-image: url(../../images/escf/fond-ecole.gif);
	background-repeat: no-repeat;
	height: auto;
	width: 445px;
	margin-bottom:10px;
	overflow:hidden;
	background-position: 0px 2px;
}

#collInfos #actuEcoles
{
	background-image: url(../../images/accueil/fond-escf.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 445px;
	margin-bottom:10px;
	overflow:hidden;
	background-position: 0px 2px;
}

#infoEcoles h1, #infoEcoles h2, #actuEcoles h1, #actuEcoles h2
{
	font-family: Arial, Helvetica, sans-serif;
	color: #727272;
	margin-left: 37px;
	width: 400px;
	overflow:hidden;
}

#infoEcoles h1, #actuEcoles h1
{
	font-size: 12px;
	text-align:justify;
}

#infoEcoles h2, #actuEcoles h2
{
	font-size: 11px;
}

#infoEcoles .rouge
{
	color: #e01010;
}

#infoEcoles img
{
	margin-left: 0px;
}

#infoEcoles p, #actuEcoles p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #727272;
	text-align: justify;
	width: 400px;
	margin-left: 37px;
	margin-top: 10px;
}

#infoEcoles p a, #actuEcoles p a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #727272;
	text-decoration: none;	
}

#infoEcoles p a:hover, #actuEcoles p a:hover
{
	text-decoration: underline;	
}

#infoEcoles #nom, #prenom, #email
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #727272;
	text-align: justify;
	width: 120px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left: 37px;
}

#infoEcoles #message
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #727272;
	text-align: justify;
	width: 300px;
	height:200px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left: 37px;
}

#page #collInfos .titreimg
{
	margin-top:10px;
	margin-bottom:10px;
}

/* Zonevideo *************************************************/
#page #collVideos #video1
{
	background-image: url(../../images/accueil/fond-video1.gif);
	width: 185px;
	height: 133px;
	margin-left:55px;
	margin-top:0px;
	padding-top: 40px;
	background-repeat: no-repeat;
}

#page #collVideos #video
{
	background-image: url(../../images/accueil/fond-video.gif);
	width: 185px;
	height: 134px;
	margin-left:55px;
	margin-top:10px;
	padding-top: 12px;
	background-repeat: no-repeat;
}

#video1 #date, #video #date
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	width: 45px;
	height: 20px;
	float: left;
	margin-top:37px;
	padding-left:14px;
}