/* CSS Document */

body
{
	background-color:#BFD4F3;
	font-family:Trebuchet MS;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0px;
}

a
{
	color:#000000;
	text-decoration:none;
}

a:hover
{
	color:#A94790;
}

#conteneur
{
	width:990px;
	margin-left:auto;
	margin-right:auto;
}



/******************************/
/****		ACCUEIL			***/
/******************************/

#bulle1
{
	background-image:url(images/bulle1.jpg);
	float:left;
	width:168px;
	height:109px;;
	margin-top:-145px;
	margin-left:354px;
	_margin-left:175px;
	padding-top:27px;
	padding-left:65px;
	font-size:30px;
	letter-spacing:1px;
}

#bulle2
{
	background-image:url(images/bulle2.jpg);
	float:left;
	width:171px;
	height:114px;;
	margin-top:-104px;
	margin-left:643px;
	_margin-left:57px;
	padding-top:43px;
	padding-left:40px;
	font-size:30px;
	letter-spacing:1px;
}

#bulle3
{
	background-image:url(images/bulle3.jpg);
	float:left;
	width:149px;
	height:106px;;
	margin-top:26px;
	margin-left:730px;
	_margin-left:363px;
	padding-top:43px;
	padding-left:55px;
	font-size:30px;
	letter-spacing:1px;
}

#bulle4
{
	background-image:url(images/bulle4.jpg);
	float:left;
	width:104px;
	height:67px;;
	margin-top:46px;
	margin-left:710px;
	_margin-left:353px;
	padding-top:38px;
	padding-left:66px;
	font-size:30px;
	letter-spacing:1px;
}

#bulle5
{
	background-image:url(images/bulle5.jpg);
	float:left;
	width:122px;
	height:89px;;
	margin-top:-371px;
	margin-left:126px;
	_margin-left:60px;
	padding-top:27px;
	padding-left:30px;
	font-size:30px;
	letter-spacing:1px;
}

#bulle6
{
	background-image:url(images/bulle6.jpg);
	float:left;
	width:160px;
	height:69px;;
	margin-top:-185px;
	margin-left:40px;
	!margin-left:-235px;
	_margin-left:-175px;
	padding-top:53px;
	padding-left:25px;
	font-size:30px;
	letter-spacing:1px;
}

#voiture
{
	float:left;
	margin-top:-383px;
	margin-left:262px;
	!margin-left:-10px;
	_margin-left:0px;
}

#contacts
{
	float:left;
	width:295px;
	margin-top:45px;
	padding:5px 0 5px 0;
	text-align:center;
	line-height:17px;
}

#titreContacts
{
	font-size:30px;
}

#texteContacts
{
	font-size:18px;
}

#news
{
	background-image:url(images/rectangleNews.jpg);
	float:left;
	width:578px;
	height:155px;
	margin-top:52px;
	margin-left:21px;
	padding-top:15px;
	padding-left:20px;
}

#liste_news
{
	font-size:18px;
	width:573px;
	height:145px;
	overflow:auto;
	overflow-x:hidden;
	scrollbar-face-color:#ff93be;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#ff93be;
	scrollbar-darkshadow-color:#ff93be;
	scrollbar-track-color:#FFFFFF;
	scrollbar-arrow-color:#000000;
}

.news_simple
{
	margin-bottom:5px;
}

#webmaster1
{
	float:left;
	margin-left:670px;
	_margin-left:335px;
	margin-bottom:15px;
	font-size:12px;
	font-weight:bold;
}


/******************************/
/****	 PAGES GENERALES	***/
/******************************/

#logoPageGenerale
{
	margin-left:262px;
}

#cadreContacts
{
	background-image:url(images/cadre_contacts.jpg);
	float:left;
	width:263px;
	height:98px;
	margin-top:-120px;
	margin-left:670px;
	_margin-left:348px;
	padding:10px 0 0 25px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}

#cadreContacts a
{
	text-decoration:none;
	color:#FFFFFF;
}

#cadreContacts a:hover
{
	text-decoration:underline;
}

#menu
{
	width:990px;
	height:55px;
	margin-top:20px;
}

.bulleMenu
{
	background-image:url(images/fond_menu.jpg);
	float:left;
	margin-left:26px;
	width:101px;
	height:40px;
	padding:15px 0 0 10px;
	text-align:center;
}

.bulleMenu a
{
	font-size:18px;
	font-weight:bold;
}

.bulleMenu a.selected
{
	color:#b8529c;
}

#cadreHaut
{
	background-image:url(images/cadre_haut.jpg);
	background-repeat:no repeat;
	width:830px;
	height:21px;
	margin-top:35px;
}

#cadreBas
{
	background-image:url(images/cadre_bas.jpg);
	background-repeat:no repeat;
	width:830px;
	height:34px;
}

#cadreHaut, #cadreCorps, #cadreBas
{
	float:left;
	margin-left:81px;
	_margin-left:50px;
}

#cadreCorps
{
	background-image:url(images/cadre_milieu.jpg);
	background-repeat:repeat-y;
	width:830px;
	padding:0 0 15px 45px;
}

#textePage
{
	float:left;
	width:770px;
}

#titrePage
{
	font-size:60px;
	font-weight:bold;
	margin-bottom:15px;
}

#webmaster2
{
	float:left;
	margin-top:5px;
	margin-bottom:15px;
	margin-left:670px;
	_margin-left:345px;
	font-size:12px;
	font-weight:bold;
}



/******************************/
/****	      AGENDA		***/
/******************************/

.titreAgenda
{
	background-image:url(images/fleche.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-left:15px;
	padding-left:30px;
	color:#b04a94;
	font-size:14px;
	font-weight:bold;
}

.descriptifAgenda
{
	margin-left:75px;
	font-size:14px;
	font-weight:bold;
}

.datesPassees
{
	margin-top:40px;
	margin-bottom:15px;
	font-size:20px;
}

/******************************/
/****	    FANFARONS		***/
/******************************/

.pupitre
{
	clear:both;
	height:200px;
	margin-left:15px;
	margin-bottom:30px;
}

.nom_pupitre
{
	font-size:24px;
	font-weight:bold;
	color:#aa4891;
}

.fanfaron
{
	background-image:url(images/fond_fanfaron.jpg);
	background-repeat:no-repeat;
	float:left;
	width:125px;
	margin-top:20px;
	margin-left:45px;
}

.photo_fanfaron
{
	padding-top:8px;
	padding-left:6px;
	height:111px;
}

.nom_fanfaron
{
	margin-top:10px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#000000;
}



/******************************/
/****	      PHOTOS	  	***/
/******************************/

#listeDossier
{
	float:left;
	width:310px;
}

.titreDossier
{
	background:url(images/fleche.jpg) 0 2px;
	background-repeat:no-repeat;
	margin-top:10px;
	margin-left:15px;
	padding-left:30px;
}

.titreDossier a
{
	color:#b04a94;
	font-size:18px;
	font-weight:bold;
}

.titreDossier a:hover
{
	text-decoration:underline;
}

.titreDossierHover a
{
	text-decoration:underline;
}

#explorer
{
	float:left;
	width:455px;
}

#explorer2
{
	float:left;
	width:455px;
	height:450px;
}

.apercu
{
	float:left;
	width:120px;
	height:130px;
	text-align:center;
	margin-left:20px;
	margin-bottom:25px;
}

.apercu a img
{
	border:solid 1px #ff93be;
}

#zoom
{
	width:450px;
	height:370px;
	text-align:center;
}

#zoom img
{
	border:solid 1px #ff93be;
}

#navigateur
{
	width:450px;
}

#flecheG, #retourExplorer, #flecheD
{
	float:left;
	margin-top:20px;
	text-align:center;
}

#flecheG a img, #flecheD a img
{
	border:none;
}

#flecheG, #flecheD
{
	width:98px;
}

#retourExplorer
{
	width:250px;
}

#retourExplorer a
{
	color:#b04a94;
	font-size:24px;
	font-weight:bold;
}

#retourExplorer a:hover
{
	text-decoration:underline;
}






/******************************/
/****	      VIDEOS		***/
/******************************/

.titreVideo
{
	background:url(images/fleche.jpg) 0 2px;
	background-repeat:no-repeat;
	margin-top:10px;
	margin-left:15px;
	padding-left:30px;
}

.titreVideo a
{
	color:#b04a94;
	font-size:18px;
	font-weight:bold;
}

.titreVideo a:hover
{
	text-decoration:underline;
}

.titreVideoHover a
{
	text-decoration:underline;
}

#listeVideos
{
	float:left;
	width:300px;
	margin-right:20px;
}

#video
{
	float:left;
	width:425px;
	height:355px;
	margin-top:15px;
	margin-bottom:30px;
}





/******************************/
/****	    MUSIQUES	  	***/
/******************************/

#lecteur
{
	height:25px;
	margin-bottom:20px;
	text-align:center;
}

#lecteur a
{
	padding:0 0 0 10px;
	color:#b04a94;
	font-size:15px;
	font-weight:bold;
}

#lecteur a:hover
{
	text-decoration:underline;
}

.titreMusique
{
	background:url(images/fleche.jpg) 0 1px;
	background-repeat:no-repeat;
	float:left;
	width:200px;
	margin-top:20px;
	margin-left:15px;
	padding-left:30px;
	font-size:18px;
	font-weight:bold;
}

.titreMusique a
{
	color:#b04a94;
	font-size:18px;
	font-weight:bold;
}

.titreMusique a:hover
{
	text-decoration:underline;
}

.titreMusiqueHover a
{
	text-decoration:underline;
}




/******************************/
/****	       LIENS	  	***/
/******************************/

.theme
{
	background:url(images/fleche.jpg) 0 6px;
	background-repeat:no-repeat;
	margin-top:20px;
	margin-left:15px;
	padding-left:30px;
}

.nom_theme
{
	color:#b04a94;
	font-size:24px;
	font-weight:bold;
}

.lien
{
	margin-left:25px;
}



/******************************/
/****     ADMINISTRATION  	***/
/******************************/

#connexion
{
	background:url(images/fond_connexion.jpg);
	width:374px;
	height:220px;
	padding-top:20px;
	padding-left:30px;
	margin:auto;
	margin-top:200px;
	text-align:center;
}

#titreConnexion
{
	width:100%;
	text-align:center;
	font-size:35px;
}

#loginLabel, #passLabel
{
	width:100px;
	text-align:left;
}

#connexion input
{
	border:solid 1px #ff93be;
}

#validerConnexion, #annulerConnexion
{
	margin-top:35px;
	background-color:#ff93be;
	font-family:Trebuchet MS;
	font-weight:bold;
}

#messageErreurConnexioin
{
	width:100%;
	height:30px;
	color:#b04a94;
}

.titreAccueilAdmin
{
	font-size:18px;
	color:#b04a94;
}

.noteAccueilAdmin
{
	margin-top:5px;
	margin-left:25px;
}

.deconnexion
{
	width:100%;
	text-align:center;
}

.deconnexion a:hover
{
	color:#000000;
	text-decoration:underline;
}

.listeBO
{
	width:100%;
	border-collapse:collapse;
}

.lienAjout
{
	text-align:right;
	padding-bottom:20px;
	font-size:25px;
}

.lienAjout a
{
	text-decoration:underline;
}

.intituleMenu
{
	height:25px;
}

.lignePleine td, .ligneVide td
{
	border:solid 1px #ff93be;
	padding-left:5px;
}

.lignePleine
{
	background-color:#ff93be;
}

.ligneVide
{
	background-color:#fff;
}

.lignePleine a:hover, .ligneVide a:hover
{
	color:#000000;
	text-decoration:underline;
}

.ligneBOCentree
{
	text-align:center;
}

div.pagination
{
	width:100%;
	color:#ffffff;
	text-align:center;
	font-size:15px;
	font-family:Trebuchet MS;
}

div.pagination a
{
	color:#000000;
	text-decoration:none;
}

div.pagination a:hover
{
	text-decoration:none;
}

.titreFormBO
{
	padding-bottom:20px;
	font-size:20px;
}

.boutonsFormBO
{
	width:100%;
	text-align:center;
}

.boutonsFormBO input
{
	margin-top:20px;
	border:solid 1px #ff93be;
	background-color:#ff93be;
	font-family:Trebuchet MS;
	font-weight:bold;
}

.messageErreur
{
	color:#990000;
	font-size:15px;
}

.note
{
	font-size:10px;
	padding-right:5px;
}

.apercuPhoto
{
	float:left;
	width:114px;
	height:100%;
	border:solid 1px #ff93be;
	margin-left:15px;
	margin-top:3px;
}

#explorerAdmin
{
	float:left;
	margin-top:50px;
	width:720px;
}

.apercuPhotoAdmin
{
	float:left;
	width:120px;
	height:130px;
	text-align:center;
	margin-left:20px;
	margin-bottom:25px;
}

.apercuPhotoAdmin a img
{
	border:solid 1px #ff93be;
}