/* Couleur du fond de banière:  rgb(51, 153, 255) */

body
{
	max-width:			1000px;
	height:				850px;
	background-color:  	rgb(110, 110, 135);	 
	color:				rgb(250, 250, 250);
	margin: 			auto; 		
	font-family: 		"Times New Roman", Arial, Verdana;
	text-align:			justify; 
}

a:link 
{
	color:				rgb(110, 110, 135);	
	text-decoration: 	underline;
	font-style: 		italic; 
	font-size:			0.9em;
}

a:visited 
{
	color: 				rgb(150, 150, 150);			
	font-style: 		italic; 
	font-size:			0.9em;
}

a:hover 
{
	color: 				rgb(150, 50, 50);			
	text-decoration: 	underline;
	font-size:			0.9em;
	text-align:			left;
	font-style: 		italic; 
}

h2
{
	font-size: 			1.2em;
	text-align:			center;
	display:			block;
	border: 			2px solid rgb(50,50,150);	
	color:				rgb(110, 110, 135);	
	width:				90%;
	margin:				10px;
}

h3
{
	font-size: 			0.8em;
	text-align:			center;
	display:			block;
	border: 			2px groove rgb(50,50,150);	
	color:				rgb(250, 250, 250);	
	background-color:	rgb(51, 153, 255);
	width:				90%;
	margin:				10px;
}

b
{
	font-size:			0.8em;
	font-style: 		italic; 
	color:				rgb(110, 110, 135);	
}

select
{
	width:				100%;
	margin:				auto;
}

.Tableau
{
	width:				90%;
	caption-side:		top;
	vertical-align:		middle;
	margin:				auto;
	border-collapse: 	collapse;
	border: 			2px groove rgb(50,50,150);	
	text-align:			justify;
}
.Tableau caption
{
	font-style: 		italic; 
	font-weight: 		bold; 	
}

.Tableau td
{
	border: 			1px solid rgb(50,50,150);	
	margin:				auto;
	width:				50%;
}

.Tableau th
{
	background-color:	rgb(51, 153, 255);
	color:				rgb(250, 250, 250);	
	border: 			1px solid rgb(50,50,150);	
	margin:				auto;
	text-align:			center;
}

.Tableau input
{
	border: 			0px solid rgb(50,50,150);
}

#en_tete
{
	width: 				100%;
	height: 			17%;
	overflow:			hidden;	
}

#en_tete_portail
{
	width: 				100%;
	height: 			15%;
	overflow:			hidden;	
}

#Baniere
{
	background-image: 	url("images/Baniere-V1.jpg");
	background-repeat: 	repeat;
	width: 				100%;
	height: 			82%;
	border: 			5px groove rgb(250, 250, 250); 	
	z-index:			10;
	margin:				auto;
	overflow:			hidden;	
}

#Baniere_portail
{
	background-image: 	url("images/Baniere-V1.jpg");
	background-repeat: 	repeat;
	width: 				99%;
	height: 			100%;
	border: 			5px groove rgb(250, 250, 250); 	
	z-index:			10;
	margin:				auto;
	overflow:			hidden;	
}

#APropos
{
	float:				left;
	width: 				15%;
	color:				white;
	text-align:			center;
	font-size:			0.7em;
	overflow:			hidden;	
	margin-left:		20px;
}

#Contacts
{
	float:				right;
	width: 				22%; 
	height: 			48%; 
	text-align: 		center; 
	font-size: 			0.7em;
	color:				white;
}

#Contacts b
{
	font-weight:		bold;
	color:				white;
}

#Contacts img
{
	border: 			0px;
	width: 				100%; 
	height:				17%;
}

#Contacts a
{
	font-size: 			1.1em;
	display:			block;
	font-weight:		bold;
	color:				white;
	text-align: 		center; 
}

#Contacts a:hover
{
	font-size:			1.2em;
}

#Vignette-1
{
	float:				left;
	width:				110px;
	height:				110px;
	border: 			3px solid rgb(50, 50, 100); 	
	background-image: 	url("images/Vignette-oiseau_1.jpg");
	margin:				3px;
	overflow:			hidden;
}

#Vignette-2
{
	float:				right;
	width:				110px;
	height:				110px;
	border: 			3px groove rgb(50, 50, 100); 	
	background-image: 	url("images/Vignette-oiseau_1.jpg");
	margin:				3px;
	overflow:			hidden;
}

#DivVig1
{
	position:	relative;
}

#DivVig2
{
	position:	relative;
}

.ImgVignette
{
	filter: 			alpha(opacity=40);
	-moz-opacity: 		0.40; 
	opacity: 			0.40;
}

#Defilante
{
	position:			relative;
	height:				100%;
	width:				3500px;
	color:				rgb(250, 250, 250);
	font-style:			italic;
	font-size:			0.9em;
	text-align:			left;
}

#CadreDefilante
{
	position:			relative;  /* Pour IE: sinon le cadre qui défile passe en avant plan */
	height:				17%;
	width:				98%;
	overflow:			hidden;
	margin:				auto;
}

#Central
{
	width: 				100%;
	height:				71%;
	background-color:  	rgb(255, 255, 255);	
	margin:				auto;
	overflow:			hidden;
}

#Central_gauche
{
 	float: 				left;
	width: 				19%;
	height:				99%;
	border: 			1px solid rgb(50,50,150);	
	background-color:  	rgb(230, 230, 230);				
}

/* ---------------------------------  Gestion du bloc menu des documentations  ------------------------------------ */
#MenuDoc
{
	height:				50%;
	padding:			1px;
}
#AideMenuDoc
{
	color:				black;
	font-style:			italic;
	font-size:			1em;
	text-align:			justify;
}

#LienMenuDoc
{
	color:				black;
	font-style:			italic;
	font-size:			1em;
	text-align:			center;
}

#LienRetourAccueil
{
	color:				black;
	font-style:			italic;
	font-size:			0.8em;
	text-align:			center;
}

#LienReinitMenu
{
	color:				black;
	font-style:			italic;
	font-size:			0.8em;
	text-align:			center;
}

#LienReinitMenu a
{
	text-decoration:	none;
}

#BlocMenu
{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width:				97%;
	font-size:			0.7em;
}

.Menu
{
	position: 			absolute;
	left: 				0px;
	top: 				0px;
	font-weight: 		bold; 
	text-decoration: 	none;
	width:				100%;
	list-style-type : 	none;
	list-style-position:	inside;
	padding:			0px;
	margin:				auto;
	z-index:			10;
}

.ItemMenu
{
	height:				25px;
	width:				100%;
	border:				1px solid rgb(50,50,100);
	padding:			0px;
	background-color:  	rgb(51, 153, 255);
	opacity:			1;
	filter:				alpha(opacity=99);
}

.ItemMenu a:link
{
	font-weight:		normal;
	font-style:			normal;
	font-family: 		Verdana;
	font-size:			0.8em;
	text-decoration: 	none;
	color:				rgb(250,250,250);
}

.ItemMenu a:hover
{
	font-weight:		bold;
	font-style:			normal;
	font-family: 		Verdana;
	font-size:			0.8em;
	text-decoration: 	none;
	color:				rgb(250,50,50);
}

.ItemMenu a:visited
{
	font-weight:		normal;
	font-style:			normal;
	font-family: 		Verdana;
	font-size:			0.8em;
	text-decoration: 	underline;
	color:				rgb(220,220,220);
}

/* ---------------------------------  Fin gestion du bloc menu des documentations  ------------------------------------ */

#Acces
{
	color:				rgb(50,50,150);							
	margin-left:		0px;
	text-align:			center;
}

#AlrmConnect
{
	width:				90%;
	font-size:			0.9em;
	text-align:			center;
	font-style:			bold;
	color:				red;
	background-color:	white;
	margin:				auto;
	border:				1px solid rgb(50,50,100);
}

#Central_droit
{
	float: 				left;
	width: 				19%;
	height:				99%;
	border: 			1px solid rgb(50, 50, 100);	
	background-color:  	rgb(230, 230, 230);				
}

#Visiteurs
{
	height:				3%;
	width:				60%;
	border: 			2px groove rgb(250, 250, 250);
	font-size:			1em;
	font-weight:		bold;
	font-style: 		italic;
	font-family: 		Arial;
	text-align:			center;
	color:				red;
	background-color: 	rgb( 250, 250, 250); 
	margin:				auto;
}

#CadreNews
{
	height:				53%;
	width:				90%;
	margin:				auto;
	overflow:			auto;
	text-align:			left;
	border: 			2px groove rgb(50, 50, 150);
	background-color: 	rgb( 250, 250, 250); 
	color:				rgb( 50, 50, 150);	
}

#CadreNews ul
{
	margin-left:		-15%;
	list-style-position: outside; 
}

#CadreNews li
{
	font-style: 		italic; 
	font-size:			0.7em;
}


.TitreNews
{
	font-style: 		none; 
	font-weight:		bold;
	font-size:			0.9em;
	color: 				rgb( 255, 255, 0); 
	background-color:	rgb( 50, 50, 150);	
}


#LivreOr
{
	height:				22%;
	text-align:			center;
}

#Admin
{
	height:				12%;
	text-align:			center;
}

#corps
{
	float:				left;
	height:				100%;
	width:				61.5%;
	color:				rgb(50,50,150);
}

#corps p
{
	font-size: 			0.8em;
}

#Cadre_central
{
	position:			relative;
	top:				5%;
	width:				96%;
	height:				85%;
	margin:				auto;
	border: 			2px groove rgb(50, 50, 100);	
	overflow:			auto;
}

#pied
{
	width: 				100%;
	height:				5%;
	border: 			3px groove rgb(50, 50, 100);	
	background-color:  	rgb(51, 153, 255);				
}

#pied p
{
	color:				rgb(250, 250, 250);
	background-color:  	rgb(51, 153, 255);				
	font-size: 			0.8em;
	text-align:			center; 
}

/* ---------------------------------  Gestion du menu principal (onglets)  ------------------------------------ */
#menu_onglets
{
	width : 			100%;
    height : 			8%; 						/* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	margin:				0px;
	padding-bottom :	3px;
}

#onglets
{
	height : 			100%;
	border-bottom :		2px solid rgb(160, 160, 160);		
	list-style-type : 	none;
	left:				2px;
	padding : 			0px;
	margin-top : 		0px;
	margin-left : 		0px;
	background-color:  	rgb(110, 110, 135);	 
	font-size : 		0.8em;
}

#onglets li
{
    height : 			40px; 						/* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	width : 			15%;						/* A modifier suivant le nombre d'onglets par ligne */
    float : 			left;
    margin : 			2px 2px 0 2px !important;	/* Pour les navigateurs autres que IE */
    margin : 			4px 2px 0 2px;  			/* Pour IE  */
    border : 			2px outset rgb(160, 160, 160);
	background-color:  	rgb(230, 230, 230);			
	color:				rgb(50,50,150);
}

#onglets li.active
{
	background-color:  	rgb(255, 255, 230);			
}

#onglets a
{
	float:				left;
    display:			block;
	width:				95%;
	height : 			100%;
    display : 			block;
	margin:				auto;
    padding : 			4px;
	text-decoration:	none;
	text-align:			center;
	color:				rgb(0, 0, 50);
}

#onglets a:visited
{
	color:				rgb(0, 0, 100);
}

#onglets a:hover
{
	font-weight:		bold;
}
/* ---------------------------------  Fin gestion du menu principal (onglets)  ------------------------------------ */

.PresenteAssoc
{
	width:				96%;
	font-size:			0.8em;
	text-align:			justify;
	margin: 			auto;
}

.PresenteAssoc:first-letter
{
	float:				left;
	font-size:			2.5em;
	font-style:			italic;
	font-weight:		bold;
	color:				rgb(250, 250, 250);
	background-color:	rgb(110, 110, 135);
	padding:			5px;
	border:				3px groove rgb(230, 230, 250);
}

#LiAssoc li
{
	font-size:			0.8em;
	text-align:			justify;
}

#Accueil
{
	width:				96%;
	text-align:			justify;
	margin:				auto;
	font-size: 			0.9em;
}

#Accueil h3
{
	font-size: 			1.8em;
	text-align:			center;
	font-style:			italic;
	font-weight:		bold;
	display:			block;
	width:				90%;
	margin:				auto;
}

#Accueil b
{
	font-style:			italic;
	font-size: 			1em;
	font-weight:		bold;
}

#Accueil ul
{
	background-color:	rgb(255, 255, 225);
}


#Accueil li
{
	text-align:			justify;
}

#Catalogue
{
	width:				96%;
	height:				50%;
	margin:				auto;
}

#Catalogue p
{
	text-align:			justify;
	font-size: 			1em;
}

#Catalogue h3
{
	font-size: 			1.2em;
	text-align:			center;
	font-style:			italic;
	font-weight:		bold;
	display:			block;
	width:				90%;
	margin:				auto;
	background-color:  	rgb(110, 110, 135);	 
}

#Catalogue li
{
	font-size: 			1em;
}

#Catalogue table
{
	border: 			1px solid #280099; 
	margin: 			auto;
	font-size:			0.7em;
	font-family:		"Times New Roman", Arial, Verdana;
	color:		 		#280099;
	background-color:	#f0f0f0;
	width:				100%;
}

#Catalogue th
{
	border: 			1px solid #280099;
	border-collapse: 	collapse;
	text-align:			center;
}

#Catalogue td
{
	border: 			1px solid #280099;
	border-collapse: 	collapse;
	text-align:			left;
	color:		 		#280099;
}

#FoireAuxCodes
{
	font-size: 			0.8em;
	width:				95%;
	height:				95%;
	margin:				auto;
	overflow:			auto;
	text-indent: 		30px;
}

#FoireAuxCodes h1
{
	font-size: 			2em;
	text-align:			center;
	font-style:			italic;
	font-weight:		bold;
	display:			block;
	width:				90%;
	margin:				auto;
	background-color:  	rgb(50, 150, 250);	 
	color:  			rgb(250, 250, 100);	 
	border:				3px groove rgb( 150, 150 ,200);
}

#FoireAuxCodes p
{
	text-align:			justify;
	font-size: 			0.9em;
}

#FoireAuxCodes b
{
	font-size: 			1.5em;
	font-weight:		bold;
	font-style:			italic;
}

#FoireAuxCodes .BlocSelectionGauche
{
	float: 				left; 
	width: 				30%;
	height:				25px;
	text-align:			left;
	text-indent: 		0px;
	font-size: 			0.8em;
}

#FoireAuxCodes .BlocSelectionDroit
{
	float: 				right; 
	width: 				68%;
	height:				25px;
	text-align:			left;
	text-indent: 		0px;
	font-size: 			0.8em;
}

#FoireAuxCodes .BlocAffichage
{
	width:				90%;
	max-height:			40%;
	margin:				auto;
	overflow:			auto;
	border:				3px groove rgb( 150, 150 ,200);
	text-align:			left;
	text-indent: 		0px;
	border:				3px groove rgb( 150, 150 ,200);
}

#FoireAuxCodes a:link
{
	color:				rgb(100, 100, 150);	
	text-decoration: 	none;
	font-style: 		normal; 
	font-size:			1em;
}

#FoireAuxCodes a:visited
{
	color:				rgb(50, 50, 100);	
	text-decoration: 	none;
	font-style: 		normal; 
	font-size:			1em;
}

#FoireAuxCodes a:hover
{
	color:				rgb(50, 50, 100);	
	text-decoration: 	none;
	font-style: 		italic; 
	font-size:			1.1em;
}


#Adhesion
{
	width:				96%;
	text-align:			justify;
	margin:				auto;
	font-size: 			0.9em;
}

#Adhesion b
{
	font-style:			italic;
	font-weight:		bold;
	font-size: 			1em;
}

#Adhesion ul
{
	background-color:	rgb(255, 255, 225);
}

#Adhesion li
{
	text-align:			justify;
}

#Adhesion input
{
	display:			block;
	width:				100%;
	margin:				auto;
}

#AccesCours
{
	width:				96%;
	text-align:			justify;
	margin:				auto;
	font-size: 			0.9em;
	overflow:			auto;
}

#AccesCours b
{
	font-style:			italic;
	font-weight:		bold;
}

#AccesCours ul
{
	background-color:	rgb(255, 255, 225);
}

#AccesCours li
{
	text-align:			justify;
}

#AccesCours td
{
	text-align:			center;
}

#AccesCours a
{
	font-size: 			1em;
	text-align:			justify;
}


.Retour
{
	text-align:			center;
}

.Centrage
{
	text-align: 		center;
}

.Retrait1L
{
	text-indent: 30px;
}

#Portail_Central
{
	width: 				99%;
	height:				50%;
	background-image:	url("./images/Cote.jpg");
	margin:				auto;
	border: 			5px solid rgb(50,50,150);
}

#Portail_BoutonEntree
{
	position:			relative;
	top:				8%;
	width:				20%;
    height:				5%;
	border: 			2px solid rgb(50,50,150);
	margin:				auto;
}
	
#Portail_BoutonEntree a
{
	color:				rgb(50, 50, 100);	
	text-decoration:	none;
	font-size:			1.2em;
	font-weight:		bold;		
	display:			block;
    text-align:			center;
}

#Portail_BoutonEntree a:hover
{
	color:				rgb(100, 100, 50);	
	text-decoration:	italic;
	font-size:			1.2em;
	font-weight:		bold;		
	display:			block;
    text-align:			center;
}

#Portail_Relations
{
	width: 				99%;
	height:				50%;
	background-image:	url("./images/Cote.jpg");
	margin:				auto;
	border: 			5px solid rgb(50,50,150);
	overflow:			auto;
	font-size:			0.9em;
}

#Portail_Relations td
{
	font-size:			0.8em;
	padding-right:		50px; 
	color:				rgb(50, 50, 100);
	text-align:			right;
}

#Portail_Relations tr
{
	min-height:			7%;
}

#Portail_Relations a
{
	display:			block;
	text-align:			left;
	color:				rgb(50, 50, 100);
	font-weight:		bold;
	font-size:			1em;
}

#Portail_Relations b
{
	font-size:			1em;
	font-weight:		bold;
	font-style:			italic;
	color:				rgb(50, 50, 100);
}

#Portail_Relations h2
{
	width:				50%;
	text-align:			center;
	color:				rgb(50, 50, 100);
	margin:			 	auto;
}