@charset "utf-8";

body
{
margin:0px;
padding:0px;
background-color:#cac7b7;

}

h1,h2,h3
{
	margin:0px;
	padding:0px;
}
img
{
border:none;
}
#contenant
{
background-image: url(../img/arr_plan_chamans.jpg);
background-repeat:repeat-x;
}
			
#entete
{
display:block;
width:960px;
height:160px;

background-repeat:no-repeat;
margin:0px;
padding:0px


}
/*Menu horizontal*/
.menu
{
display:block;
width:960px;
height:23px;
padding:7px 0px 0px 0px;
}

	#menu
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	font-weight: bold;
	display:inline;
	}
		#menu li
		{
		display:inline;
		padding:0px 10px;
		}
#menueaa a
{
	margin:0px 0px 0px 15px;
	line-height:30px;
	color: #006aa3;
	font-family: "Trebuchet MS";
	font-size: 13px;
	page-break-after: auto;
}
#menueaa a:hover
{
	color: #006aa3;
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-weight: bold;	
}
			li.bordure
			{
			display:inline;
			padding:0px 10px;
			border-top-style: none;
			border-right-style: none;
			border-bottom-style: none;
			border-left-style: outset;
			border-left-width: thin;
			border-left-color: #A37E32;
			}

/*Menu vertical*/	
.menu_vertical
{
	height: 100px;
	text-align: left;
	list-style-type: disc;
	border-right-width: thin;
	border-right-style: groove;
	border-right-color: #A49F84;
}	
#page
{

width:960px;
}
		#une_c
		{
		display:block;
		width:920px;
		text-align:center;
		margin:20px;
			
		}
				#accueil
				{
				text-align:center;
				}
		#colonne_gauche /* bloc gauche*/
		{
		display:block;			
		width:200px;
		float: left;
		padding:0px ;
		text-align:center;
			
		}
		#colonne_centre /* bloc gauche*/
		{
		display:block;			
		width:520px;
		float: left;
		padding:0px;
		text-align:center;
			
		}
		#colonne_droite 
		{
		display:block;
		width:200px;
		float:left;
		margin-left:0px;
		padding:0px;
		text-align:center;
		
		}
		/*2 colonnes */
		#deux_colonne_gauche 
		{
		display:block;
		width:200px;
		float:left;
		margin-left:0px;
		padding:0px;
		text-align:center;
		}
		#deux_colonne_droite 
		{
		display:block;
		width:720px;
		float:left;
		margin-left:0px;
		padding:20px;
		text-align: left;
		}
				.activites_scolaires
				{
				list-style: none;
				}
					.activites_scolaires li
					{
					width:400px;
					height:25px;
					margin:10px 20px;
					padding:5px;
					background-color:#dbe5f1;
					border:thin solid #000000;					
					
					}
.tx_bleu
{
color: #006aa3;
font-family: "Trebuchet MS";
font-size: 16px;
font-weight: bold;
}
.tx_gris
{
color: #3237c;
font-family: "Trebuchet MS";
font-size: 16px;
font-weight: bold;
}
.tx_orange
{
color: #f15500;
font-family: "Trebuchet MS";
font-size: 16px;
font-weight: bold;
}
		
			.clear 
			{
			clear:both; /* R�gle pour supprimer le float */
			} 
#piedpage
{
	display:block;
	background-color:#cba85d;
	font-family:Tahoma, "Trebuchet MS";
	font-size:10px;
	text-align:center
}


.text {
	font-family: Verdana, "Century Gothic", Batang;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.testLucie {
	font-family: "Lucida Console";
	font-size: 14px;
}
.titre_lucie {
	font-family: "Lucida Console";
	font-size: 16px;
	font-weight: bold;
}
.petit_lucie {
	font-family: "Lucida Console";
	font-size: 9px;
	line-height: 10px;
}
.petit_trebuchet {
	font-family: "Trebuchet MS";
	font-size: 10px;
}
.texte_trebuchet {
	font-family: "Trebuchet MS";
	font-size: 14px;
}
.titre_trebuchet {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: bolder;
}
.textitalique{
	font-family: Verdana, "Century Gothic", Batang;
	font-size: 9pt;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.textitalique_gras{
	font-family: "Trebuchet MS";
	font-size: 12pt;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}
.texttitre {
	font-family: Verdana, "Century Gothic", Batang;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}
.texttitre_bleu {
	font-family: Verdana, "Century Gothic", Batang;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0E5283;
}

.gras
{
	font-family: Tahoma, "Trebuchet MS";
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}


.texte_bleu_accent
{
color: #0E5283;
font-family: Tahoma, "Trebuchet MS";
}

.texte_agathe
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding:0px 20px;
}

a
{
margin:0px;
padding:0px;
color:#000000;
text-decoration:none;
}
a:hover
{
color:#0E5283;
}

/*-------------------------*/
#materiel	
				{
				display:block;
				width:375px;
				float:left;
				margin-left:10px 10px 20px 10px;
				padding:10px 20px 10px 20px;
				border: thin inset #CAC7B7;
				}
				
.titremoyen
{
	font-family:'Tahoma', Trebuchet MS;
	color: #0E5283;
	font-size:18px;
	font-style:normal;
	text-align:justify;

}

.titre_fond
{
	font-family:'Tahoma', Trebuchet MS;
	color: #0E5283;
	font-size:24px;
	font-style:normal;
	text-align:justify;
	background-color: #9B9675;
	background-repeat: repeat-x;
	background-position: 200px;
}
.gras
{
	font-family:"Trebuchet MS";
	font-weight: bold;
	font-size: 13px;

}	
.texte_commun
{
	font-family:"Trebuchet MS";
	font-size: 13px;

}
.texte_commun
{
	font-family:"Trebuchet MS";
	font-size: 13px;

}	

.texte_commun_petit
{
	font-family:"Trebuchet MS";
	font-size: 9px;

}	
.biffer
{
text-decoration:line-through;
}
/*Infobulle*/

a.infobulle 
{
position: relative;
}
a.infobulle span
{
display:none;
}
a.infobulle:hover span 
{
	display:block;
	width:200px;
	position:absolute;
	top:2em;
	left::0em;
	
	
	padding:2px;
	border:: 1px solid #963;
	background-color: #E7E6DE;
	color:#000000;
	font-family:"Trebuchet MS";
	font-size: 13px;
}
a.infobulle
{
	font-family:'Tahoma', Trebuchet MS;
	color: #0E5283;
	font-size:18px;
	font-style:normal;
	text-align: justify;
	}

/*accordéon*/
* {margin:0; padding:0}

#accordion2 {
	width:459px;
	margin:0px auto;
	border:4px solid #eeeeee
}
.accordion2 {width:453px;padding:3px;}
.accordion2 dt {
	width:441px;
	padding:4px 6px;
	
	cursor:pointer;
	background-color: #A4A083;
	background-image: url(../ecole_des_arts_appliques_2010/img_2010/arrow_down.gif);
	background-repeat:no-repeat;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;
}
.accordion2 dt:hover {background-color: #777357;}
.accordion2 .open {background-color: #CCAB5C; background-image: url(../ecole_des_arts_appliques_2010/img_2010/arrow_up.gif)}
.accordion2 dd {overflow:hidden; background:#fff; margin:0; padding:0}
.accordion2 span {display:block; width:429px; border-top:none; padding:15px}


/*bulle d'aide*/