/* CSS Document */


body {
	margin: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 75%;
	text-align: center;
	scrollbar-face-color: #42BD6B;
	scrollbar-shadow-color: #66FF99; 		/*couleur bord*/
	scrollbar-highlight-color: #00CC33;
	scrollbar-3dlight-color: #009933; 		/* bord barre*/
	scrollbar-darkshadow-color: #009933; 	/*couleur droite*/
	scrollbar-track-color: #50DD7F; 		/*couleur sous la barre*/
	scrollbar-arrow-color: #003333; 		/* couleur flèche*/
	/*background: url('images/Points.jpg');*/
}


/******************************/
/********** Design ************/
/******************************/


.global {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
	display: block;
}


.blocEntete {
	width: 820px;
	height: 70px;
	background-image: url('images/entete.gif');
	background-position: center;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}


.blocMenu {
	margin-top: 80px;
	width: 170px;
	float: left;
}


.blocContenu {
	margin-top: 0px;
	width: 640px;
	height: 470px;
	margin-left: 170px;
}


.tabEntete {
	width: 640px;
	height: 14px;
	background-image: url('images/Haut.gif');
	background-position: center;
}




/****************** Sous-menu dans le tableau **********************/


.tabMenu {
	width: 640px;
	height: 24px;
}


.menu_ga{
	width: 39px;
	height: 24px;
	background-image: url('images/Menu_Ga.gif');
	float: left;
}




/**** Fond du sous-menu ****/
.Item {
	width: 566px;
	height: 24px;
	background-image: url('images/Menu_In.gif');
	float: right;
}


.menu_dr{
	width: 35px;
	height: 24px;
	background-image: url('images/Menu_Dr.gif');
	float: right;
}


/*******************************************************************/


/******** Taille en fonction du fait qu'il n'y a pas de sous-menu dans le tableau *******/


.tabContenu {
	width: 640px;
	height: 370px;
}


.tab_ga {
	width: 37px;
	height: 370px;
	background-image: url('images/Tab_Ga.gif');
	float: left;
}


.tab_dr {
	width: 33px;
	height: 370px;
	background-image: url('images/Tab_Dr.gif');
	float: right;
}


.tab_contenu {
	width: 570px;
	height: 370px;
	background-image: url('images/Tab_contenu.gif');
	float: right;
	overflow : auto;
}


.tab_contenu_ecole {
	width: 570px;
	height: 370px;
	background-image: url('images/ecole_font.gif');
	float: right;
	overflow : auto;
}


/****************************************************************************************/


/********** Taille en fonction du fait qu'il y a un sous-menu dans le tableau ***********/


.tabContenu1 {
	width: 640px;
	height: 346px;
}


.tab_ga1 {
	width: 37px;
	height: 346px;
	background-image: url('images/Tab_Ga.gif');
	float: left;
}


.tab_dr1 {
	width: 33px;
	height: 346px;
	background-image: url('images/Tab_Dr.gif');
	float: right;
}


.tab_contenu1 {
	width: 570px;
	height: 346px;
	background-image: url('images/Tab_contenu.gif');
	float: right;
	overflow : auto;
}


/****************************************************************************************/


.tabPied {
	width: 640px;
	height: 86px;
	background-image: url('images/Bas.gif');
	background-position: center;
}


.piedPage {
	width: 820px;
	height: 40px;
	background-image: url('images/pied.gif');
	background-position: bottom;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #000000;
	padding-top: 3px;
}


/******************************/
/********** Tableau ***********/
/******************************/


table.cadre {
	border-style: solid; 
	border-width: 2px;
	border-color: #134B9F;
	font-size: 13px;
}


table.liens { text-align:center;
	width: 500px;
	border-style: none; 
	
}


/****************************************************************************************/


table.contour_tab {
    width: 530px;
	border-collapse: collapse;
}


th.contour_tab {
	width: 265px;
	border-style: solid; 
	border-width: 2px;
	border-color: #006600;
	font-size: 13px;
	text-align: center;
}


td.contour_tab {
	width: 265px;
	border-style: solid; 
	border-width: 2px;
	border-color:#006600;
	font-size: 13px;
}


/******************************/
/*********** Texte ************/
/******************************/


.titre {
	text-align: left;
	font-weight: bold;
	margin-left: 10px;
	padding-top: 5px;
}


.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}


p.grand {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}


p.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 100px;
	padding-right: 10px;
	padding-top: 20px;
	font-weight: bold;
}


p.ligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #AE3213;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	margin: 0;
}


p.ligneTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2F0E87;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	margin: 0;
}


p.tab {
	text-indent: 100px;
}


p.pied {
	padding-top: 10px;
	margin: 0;
}


h1 {
	font-size: 26px;
	font-family: "Script MT Bold";
	text-decoration: underline;
	color: #990099;
	margin-top: 1;
	margin-bottom : 0;	
}
	  
h2 {
	font-size: 27px;
	font-family: "Script MT Bold";
	font-style:italic;
	color: #990099;
	margin-top: 0;
	margin-bottom : 0;		
}


h3 {
	font-size: 26px;
	font-family: "Script MT Bold";
	text-decoration: underline;
	text-align: center;

	color: #990099;
	margin-top: 1;
	margin-bottom : 0;	
}


h3.contact {
	font-size: 26px;
	font-family: "Script MT Bold";
	text-decoration: underline;
	text-align: center;
	color: #990099;
	margin-top: 60px;
	margin-bottom : 0;	
}


span.orange {
	color: #D74600;
}


span.cyan {
	color: #00FFFF;
}


span.jaune {
	color: #FFFF00;
}


span.bleu {
	color: #C6FFFF;
}

span.jaunePale {
color: #FFFF66;
}


span.mauve {
	color: #EBD7FF;
}


span.vert {
	color: #66FF99;
}


span.rose {
	color: #FFD7EB;
}


span.vertfonce {
	color: #009832;
}


em.legende {
	color: #66FF99;
}

/******************************/
/*********** Ligne ************/
/******************************/


hr {
	color: #990099; /* pour IE */
	background-color: #990099; /* pour FF */
	height: 2px;
	border: 0;
 } 
 
/******************************/
/*********** Liens ************/
/******************************/


a:link {
	color: #FFFF00;    
	text-decoration : none;
}
	
a:visited {
	color: #660099;
	text-decoration : none;
}
  
a:hover {
	color: #009900;
	background-color: #FFFFFF;
	text-decoration: overline;
}


a:active {
	color: #CC0000;
	text-decoration : none;
}


/******************************/
/*********** Puces ************/
/******************************/


li.soleil {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce1.gif');
	padding-left: 10px;
	padding-top: 5px;
}


li.tete {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce2.gif');
	padding-left: 10px;
	padding-top: 5px;
}


li.ours {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce3.gif');
	padding-left: 10px;
	padding-top: 5px;
}


li.livre {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce4.gif');
	padding-left: 15px;
	padding-top: 5px;
}


li.main {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce5.gif');
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 100px;
}


li.ciseaux {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce6.gif');
	padding-left: 10px;
	padding-top: 5px;
}


li.v {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce7.gif');
	padding-left: 10px;
	padding-top: 5px;
}


li.lune {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce8.gif');
	padding-left: 10px;

	padding-top: 5px;
}


li.puzzle {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce9.gif');
	padding-left: 10px;
	padding-top: 5px;
}


li.note {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce10.gif');
	padding-left: 10px;
	padding-top: 5px;
}
 
li.amphi {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce11.gif');
	padding-left: 10px;
	padding-top: 5px;
}


li.pinceaux {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce12.gif');
	padding-left: 15px;
	padding-top: 5px;
}


li.cloche {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce13.gif');
	padding-left: 15px;
	padding-top: 10px;
}


li.treffle {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce14.gif');
	padding-left: 15px;
	padding-top: 10px;
}


li.soleil2 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce15.gif');
	padding-left: 15px;
	padding-top: 10px;
}


li.medaille {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce16.gif');
	padding-left: 15px;
	padding-top: 10px;
}


li.papillon {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce17.gif');
	padding-left: 15px;
	padding-top: 10px;
}


li.fleche {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce18.gif');
	margin-left: 60px;
	padding-left: 10px;
	padding-top: 10px;
}


li.velo {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 120%;
	display: list-item;
	list-style-image: url('images/puce19.gif');
	padding-left: 25px;
	padding-top: 10px;
}


li.f_tab {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	display: list-item;
	list-style-image: url('images/puce18.gif');
	margin-left: 1px;
	padding-left: 1px;
	padding-top: 5px;
}


li.s_tab {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	display: list-item;
	list-style-image: url('images/puce1.gif');
	margin-left: 30px;
	padding-left: 5px;
	padding-top: 3px;
}