/*****************************************************************************************************
COULEURS UTILISEES :
Bleu pâle  :  #CCCCFF
Bleu foncé :  #003399
Orange     :  #FF9933 
*/




/*****************************************************************************************************
PARAMETRES PAR DEFAUT DE LA PAGE */
body {
background: White;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*****************************************************************************************************
BLOC CONTENEUR 
1035px centré dans la page */
.BlocConteneur {
display: block;
position: absolute;
width: 1035px;
left: 50%;
margin-left: -517px;
}


/*****************************************************************************************************
BLOC DU HAUT 
1035x244px comprenant le bandeau L&A, la zone menu, et les arrondis des blocs texte */
.BlocHaut {
display: block;
width: 895px;
height: 23px;
padding: 184px 60px 37px 80px;
background: url(../Templates/Images/tranche1.gif);
text-align: center;
}

		/* Liste menus */
		.BlocHaut ul {
		margin: 0px;
		padding: 0px;
		}
		.BlocHaut ul li {
		display: inline;
		list-style: none;
		margin: 0px;
		padding: 0px 24px 0px 10px;
		}
		.BlocHaut ul li a {
		font-size: 16px;
		color: #8080C0;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		}
		.BlocHaut ul li a:hover {
		color: #003399;
		}


/*****************************************************************************************************
BLOC DU CENTRE 
1035x1px avec hauteur ajustable */
.BlocCentre {
display: block;
float: left;
width: 1035px;
background: url(../Templates/Images/tranche2.gif) repeat;
}

		/* BLOC SOUS MENUS 285px */
		.BlocSsMenus {
		display: block;
		float: left;
		width: 162px;
		padding: 0px 19px 0px 104px;
		font-size: 14px;
		font-weight: bold;
		}
		
				/* Sous menus importants */
				.SsMenusImp {
				width: 150px;
				height: 20px;
				border-bottom: solid 1px #0000CD;
				border-top: solid 1px #0000CD;	
				padding: 8px 0px 0px 8px;
				margin: 0px 0px 12px 0px;
				font-size: 11px;
				font-weight: bold;
				text-align: left;
				color: #003399;
				text-transform: uppercase;
				text-decoration: none;
				}
				.SsMenusImp:hover {
				color: White;
				background: #234BBE;
				}
		
				/* Liste sous menus */
				.BlocSsMenus ul {
				display: block;
				float: left;
				width: 162px;
				margin: 0px;
				padding: 0px;
				}
				.BlocSsMenus span {
				font-size: 13px;
				font-weight: bold;
				line-height: 25px;
				color: #FF9933;
				padding: 0px;
				}
				.BlocSsMenus br {
				line-height: 25px;
				}
				.BlocSsMenus ul li {
				font-size: 13px;
				margin: 3px 0px 4px 0px;
				padding: 0px;
				list-style: none;
				}
				.BlocSsMenus ul li a {
				text-align: left;
				text-decoration: none;
				font-weight: normal;
				color: #003399;
				}
				.BlocSsMenus ul li a:hover{
				font-weight: bold;
				}
				.PasFait {
				text-align: left;
				text-decoration: none;
				font-weight: normal;
				color: #999999;
				}
				

		/* BLOC CONTENU 750px */
		.BlocContenu {
		display: block;
		float: left;
		width: 625px;
		padding: 0px 102px 0px 23px;
		font-size: 13px;
		text-align: justify;
		line-height: 18px;
		color: #003399;
		}
		
				/* Titre page */
				.Normal {
				font-size: 12px;
				text-align: justify;
				line-height: 18px;
				color: #003399;
				text-decoration:none;
				font-weight: normal;
				}
				
				.BlocContenu a, 
				.BlocContenu a:hover, 
				.BlocContenu a:visited, 
				.BlocContenu a:link, 
				.BlocContenu a:active {
				font-size: 12px;
				text-align: justify;
				line-height: 18px;
				color: #003399;
				text-decoration:underline;
				font-weight: normal;
				}

				.BlocContenu h1 {	
				color: #FF9933;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 18px;
				margin: 0px;
				padding: 5px 0px 1px 0px;
				}	
				
				.PointTitre {
				font-size:30px;
				font-weight: bold;
				line-height: 18px;
				margin-top:-10px;
				}
				
				/* Sous titres */
				.BlocContenu h2 {	
				font-weight: bold;
				font-size: 14px;
				margin: 0px;
				padding: 21px 0px 3px 0px;
				color:#000033;
				}	
				
				/* Listes */
				.BlocContenu ul {	
				margin: 0px;
				padding: 0px 0px 6px 17px;
				list-style:circle;
				}	
				.BlocContenu ul li {	
				margin: 0px;
				padding: 0px;
				line-height: 18px;
				}	
				
				/* Sous listes */
				.BlocContenu ul li ul{	
				margin: 0px;
				padding: 0px 0px 6px 0px;
				list-style:none;
				}	
				.BlocContenu ul li ul li{	
				margin: 0px;
				padding: 0px;
				line-height: 18px;
				}	
				.BlocContenu ul li p {
				margin:0px;
				padding:0px 0px 0px 0px;
				}
				.BlocContenu ul li br {
				line-height:7px;
				}
				
				/* Listes 2 colonnes avec ► +couleur*/
				.Liste2colonn {	
				margin: 0px;
				padding: 3px 0px 6px 0px;
				}	
				.Liste2colonn ul {	
				margin: 0px;
				padding: 0px;
				}	
				.Liste2colonn ul li {	
				list-style: none;
				display: block;
				float: left;
				margin: 0px;
				padding: 0px 20px 0px 0px;
				width: 280px;
				}	
				.Liste2colonn ul li a {	
				text-decoration: none;
				}	
				.Liste2colonn ul li a:hover{	
				text-decoration: underline;
				}	
				
				/* Listes 3 colonnes avec ► +couleur*/
				.Liste2colonn {	
				margin: 0px;
				padding: 3px 0px 6px 0px;
				}	
				.Liste3colonn ul {	
				margin: 0px;
				padding: 0px;
				}	
				.Liste3colonn ul li {	
				list-style: none;
				display: block;
				float: left;
				margin: 0px;
				padding: 0px;
				height: 18px;
				width: 205px;
				}	
				.Liste3colonn ul li a {	
				text-decoration: none;
				}	
				.Liste3colonn ul li a:hover{	
				text-decoration: underline;
				}	
				
				/* Paragraphes special */
				.Retrait {
				width: 550px;
				display: block;
				border-left: 1px #003399 dashed;
				margin: 3px 0px 3px 22px;
				padding: 0px 0px 3px 10px;
				}

				/* Paragraphes et contenus */
				.BlocContenu p {	
				margin: 0px;
				padding: 3px 4px 6px 0px;
				color: #003399;
				}	
				.Gras {	
				font-weight: bold;
				color: #003399;
				}	
				.GrasOrange {	
				font-weight: bold;
				color: #FF9933;
				}	
				.Orange {	
				color: #FF9933;
				}	
				.Noir  {
				color:#000033;
				}
				.Noir a, 
				.Noir a:hover, 
				.Noir a:visited, 
				.Noir a:link, 
				.Noir a:active {
				color:#000033;
				text-decoration:underline;
				}	
				.Italique {
				font-style: italic;
				font-size: 11px;
				color: #003399;
				text-decoration: none;
				}
				.Souligne, 
				.Souligne:hover, 
				.Souligne:visited, 
				.Souligne:link, 
				.Souligne:active {
				text-decoration: underline;
				color: #003399;
				}
				.Raye {
				text-decoration: line-through;
				color: #003399;
				text-decoration: none;
				}
				.Condense {
				font-size: 12px;
				text-align: justify;
				line-height: 25px;
				letter-spacing: -1px;
				font-style: italic;
				color: #003399;
				text-decoration: none;
				}
				.Majuscules {
				text-transform: uppercase;
				color: #003399;
				}
				.BlocImage {
				display:block;
				float:right;
				margin:5px 0px 0px 10px;
				border:none;
				}


/*****************************************************************************************************
BLOC DU BAS 
1035x212px contenant les arrondis des blocs texte, une zone de liens et le bandeau de pied de page */
.BlocBas {
display: block;
float: left;
width: 621px;
height: 20px;
background: url(../Templates/Images/tranche3.gif);
padding: 17px 104px 175px 310px;
}
		
		.BlocBas p {
		font-size: 11px;
		color: #003399;
		text-align: right;
		margin: 3px 0px 0px 0px;
		padding: 0px;
		}
		.BlocBas a {
		text-decoration: underline;
		color: #003399;
		text-transform:uppercase;
		}


/*****************************************************************************************************
BLOC COORDONNEES */
.BlocCoordonnees {
display: block;
float: left;
width: 1035px;
padding: 10px 0px 10px 0px;
background: url(../Templates/Images/tranche4.gif);
background-repeat: repeat-y;
}
		
		.BlocCoordonnees p {
		margin: 0px 0px 8px 0px;
		padding: 0px;
		text-align: center;
		color: #9999CC;
		text-transform: uppercase;
		font-size: 10px;
		word-spacing: 1px;
		line-height:18px
		}
		.Liens {
		color: #9999CC;
		text-transform: uppercase;
		text-decoration:none;
		font-size: 9px;
		word-spacing: 2px;
		}
		.BlocCoordonnees div {
		margin: 0px;
		padding: 0px;
		text-align: center;
		}
		.BlocCoordonnees div a img {
		margin: 3px 16px 2px 20px;
		border: none;
		text-decoration: none;
		}
		
		
/*****************************************************************************************************
BLOC FIN SITE */
.BlocLigne {
display: block;
float: left;
width: 1035px;
height: 10px;
background: url(../Templates/Images/tranche5.gif) no-repeat;
}


/*****************************************************************************************************
STYLES SPECIAUX

/* Pour la page News */
.BlocNews {
width: 565px;
margin:0px;
padding:0px;
}

.DivNews {
width: 565px;
text-align: justify;
line-height: 18px;
color: #003399;
border: 1px #FF9933 dashed;
margin: 14px 0px 25px 17px;
padding: 6px 9px 7px 9px;
}
.DivNews h2 {
font-size: 14px;
color: #003399;
font-weight: normal;
text-decoration:underline;
margin: 0px;
padding: 0px;
}
.DivNews h2 a {
color: #003399;
}
.DivNews h2 a:hover {
color: #000000;
}
.DivNews h3 {
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
margin: 0px;
padding: 0px;
}
.DivNews p {
font-size: 13px;
margin: 6px 0px 0px 0px;
padding: 0px;
}


/* STYLE POUR LA PAGE LIEN */
.BlocLiens {
margin:0px;
padding:0px;
}
.DivLien {
display: block;
float: left;
width: 156px;
margin: 17px 8px 6px 18px;
padding: 3px 8px 4px 6px;
text-align: left;
border: 1px #FF9933 dashed;
line-height: 15px;
font-size: 11px;
}
.DivLien:hover {
background-color: #FF9933;
border: 1px #003399 dashed;
}
.DivLien a, 
.DivLien a:hover, 
.DivLien a:visited, 
.DivLien a:link, 
.DivLien a:active {
color: #003399;
font-size: 11px;
text-decoration: none;
}


/* STYLE POUR LES FORMULAIRES */
.DivForm {
width:616px;
border:dashed #FF9933 1px;
}
.DivForm a, 
.DivForm a:hover, 
.DivForm a:visited, 
.DivForm a:link, 
.DivForm a:active {
color: #003399;
}
.DivForm td {
vertical-align:top;
font-size: 11px;
}
.DivForm td a, 
.DivForm td a:hover, 
.DivForm td a:visited, 
.DivForm td a:link, 
.DivForm td a:active {
color: #003399;
font-size: 11px;
}
.EnteteTd {
vertical-align:top;
font-size: 11px;
text-transform:uppercase;
padding:0px 0px 0px 19px;
font-weight:bold;
}

.Form {
font-size: 12px;
color: #003399;
margin : 0px;
padding: 3px 3px 3px 3px;
background: #FFFFFF;
border: #CCCCCC 1px solid;
height: 15px;
}
.Form2 {
font-size: 12px;
color: #003399;
margin : 0px;
padding: 3px 3px 3px 3px;
background: #FFFFFF;
border: #CCCCCC 1px solid;
}
.DivForm h4 {
font-weight: bold;
font-size: 13px;
margin: 0px;
padding: 2px 0px 2px 0px;
color:#000033;
}


/* STYLE POUR LES TABLEAUX RECAPITULATIFS GOOGLE */
.BlocGoog {
font-size: 11px;
line-height:14px;
width: 575px;
text-align: justify;
color: #003399;
border: 1px #FF9933 dashed;
margin: 14px 0px 25px 17px;
padding: 6px 5px 7px 5px;
}
.BlocGoog td {
vertical-align: top;
padding: 2px 5px 3px 5px;
border-bottom: 1px solid #CCCCCC;
}
.BlocGoog span {
font-size: 9px;
text-transform:uppercase;
font-weight:bold;
}
.Entete {
vertical-align: top;
background: #000066;
color: #FFFFFF;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
}
.Entete2 {
vertical-align: top;
background: #CCCCCC;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
.Entete3 {
vertical-align: top;
background: #000066;
color: #FFFFFF;
font-size: 10px;
}
.TdVide {
margin: 0px;
padding: 0px;
height: 14px;
line-height:14px;
border-bottom:none;
}
.TdVide2 {
margin: 0px;
padding: 0px;
height: 30px;
line-height:30px;
border-bottom:none;
}

/* STYLE POUR LES STATISTIQUES */
.BlocStats {
font-size: 13px;
width: 575px;
text-align: justify;
color: #003399;
border: 1px #FF9933 dashed;
margin: 14px 0px 25px 17px;
padding: 6px 5px 7px 5px;
}
.BlocStats h2 {
font-weight: bold;
font-size: 14px;
margin: 0px;
padding: 7px 0px 9px 0px;
color: #000033;
}
.RetraitTd {
margin: 0px;
padding: 0px 0px 0px 23px;
vertical-align:top;
}
.BlocStats form {
margin: 0px;
padding: 0px;
}
.BlocStats form input, 
.BlocStats textarea, 
.BlocStats select, 
.BlocStats button {
font-size: 12px;
color: #003399;
margin : 0px;
padding: 3px 0px 3px 0px;
}