/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#document {
	width: 820px;
	margin: 0 auto;
}
#bandeauHaut {
	width: 820px;
	margin: 0 auto;
	overflow: hidden;
}
#corps {
	width: 820px;
	margin: 0 auto;
	overflow: hidden;	
}
#Accueil #corps {
	width: 760px;
	margin: 0 auto;
	overflow: hidden;	
}
#colonneGauche {
	float: left;
	width: 180px;
}
#contenu {
	background:transparent url(images/pucePage.gif) no-repeat scroll right bottom;
	margin:0 30px;
	padding:0 0 60px 0;
	float:left;
	width:580px;
}
#Accueil #contenu{
	background-image: none;
	width: 490px;
	float: left;
	margin: 0 ;
	padding:0;
}
#Accueil #colonneDroite {
	width: 240px;
	 float: right; 
	
}
#bandeauBas {
	width: 760px;
	margin: 0 auto;
	overflow: hidden;	
}
/* =============================================================================
 * STANDARD IMPLEMENTATION & STANDARD CMS
 * 	-> Éléments utilisés par l'application et une implémentation standard du CMS
 * ! Atention aux spécificités des selecteurs qui peuvent être plus importantes
 * ===========================================================================*/
/* Implémentaiton au cas par cas  */
.clear {clear : both;}
/* TPL_FORMULAIRE */
input.case {border: none;}
label.enLigne {
	float: none;
	display: inline;
}
#contenu .tpl_formulaire form p{
	padding : 2px 0;
}

/* TPL AVEC FORMULAIRE : tpl_formulaire, tpl_ged, tpl_login, tpl_loginMDL, etc. */
#contenu .tpl_formulaire p.action input {
	margin-left : 0px;
}
.tpl_formulaire fieldset {
	margin-top : 10px;
	padding-bottom : 8px;
}
p.action input {}
/* TPL_FORMULAIRE [=>label caché] et éléments d'accessibilité */
.accessLayout, .byPass {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* CMS */
.paragraphe {
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	color: #666666;
	float : left;
}
#contenu .paragraphe {
	padding : 20px 0 0 0;
}
#contenu .paragraphe p{
	margin : 0;
	padding : 0;
}
#contenu .paragraphe p {
	color : #666666;
	padding : 0;
	margin : 0;
	font-family: arial;
	font-size : 12px;
	line-height: 18px
}

#contenu .paragraphe .Chapeau {
	font-size: 110%;
	color : #000;
	font-weight : bold;
	font-size : 16px;
	line-height: 20px;
	padding : 0 0 30px 0;
}
#contenu .paragraphe .PetitTitreRouge {
	color : #000;
	font-weight : bold;
	color: #AA0829;
	padding : 25px 0 0 0; 
}
#contenu .paragraphe img {
	padding : 0 0 5px 0; 
}
/*
#contenu  .PRS_CONT_BEIGE   {
	margin-top : 20px;
	margin-bottom : 0;
	padding : 0;
}
#contenu  .PRS_CONT_BLEU  {
	margin-top : 20px;
	margin-bottom : 0;
	padding : 0;
}
#contenu  .PRS_CONT_BEIGE p  {
	padding : 5px;
}
#contenu  .PRS_CONT_BLEU  p{
	padding : 5px;
}
/*#Accueil .paragraphe{
	overflow: visible;
}*/
/* WYSIWYG */
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
img.alignleft {float: left; margin: 0 5px 0 0;}
img.alignright {float: right; margin: 0 0 0 5px;}
a img {border-width: 0;}
acronym {
	border-bottom: 1px dotted;
	cursor:help;
}
#contenu p img{
	margin-right : 5px;
}
#contenu li{
	font-size:85%;
}

/* =============================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * ===========================================================================*/

body{
	margin: 0;
	padding: 0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: #FFF url(images/logo_1.jpg) no-repeat center top;
}

#contenu .paragraphe .LienBleuChevronFdBeige {
	color: #0072bc;
	padding : 0 0 0 15px;
	background: url(images/puceLienFdBeige.gif) no-repeat top left;
}
#contenu .paragraphe .LienBleuChevronFdBlanc {
	background : url(images/puceLienFdBlanc.gif) no-repeat scroll top left ;
	color : 0072BC;
	padding-left : 15px;
}
#contenu .paragraphe .LienBleuChevronFdBleu {
	background : url(images/puceLienFdBleu.gif) no-repeat scroll top left ;
	color : 0072BC;
	padding-left : 15px;
}

/* =============================================================================
 * ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE
 * ===========================================================================*/
#bandeauHaut h1{ padding:0; margin: 0; height: 180px; }
h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: normal;}
p {margin: 0; padding: 10px 0;}
ul {}
a:hover, a:focus {text-decoration: none;}
a:link, a:visited{
	color: #0066CC;
	text-decoration: none;
}
a:hover{
	color: #AA0829;
}
h2{
	color: #AA0829;
	font-size: 105%;
	font-weight: bold;
	width: auto;
	height: 30px;
	border-left: 30px solid #AA0829;
	border-top: 1px solid #D9D3C2;
	border-right: 1px solid #D9D3C2;
	border-bottom: 1px solid #D9D3C2;
	padding:  0 55px;
	margin: 0 0 5px -29px;
	line-height: 30px;
	overflow: visible;
	float : left;
	
}


h3{
	color: #AA0829;
	font-weight: bold;
	padding-bottom: 5px;
}

h4{
	color: #AA0829;
	font-weight: bold;
	font-size: 100%;
}
a h4{
	color: #0066CC;
}


#Accueil a h5, #Accueil h5 a {
	color : #666666;
}

h5{
	font-size: 85%;
	font-weight: bold;
}
hr {
	border : 1px solid #AA0829;	
}
.grisPetit{
	font-size:85%;
}

/* =============================================================================
 * DOCUMENT (CHARTE GENERALE)
 * ===========================================================================*/
#Accueil #document {
	border-left: 1px solid #D9D3C2;
	border-right: 1px solid #D9D3C2;
	background: none;
}
#document {
	border-left: 1px solid #D9D3C2;
	border-right: 1px solid #D9D3C2;
	background: url(images/bck.gif) repeat-y center;
}
/* =============================================================================
 * BANDEAU HAUT (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauHaut {
	text-align: center;
}
#bandeauHaut #menu{
	text-align: left;
	width: 820px;
	margin: 0 auto;
}
#menu ul{
	display: inline;
}
#menu ul li{
	display: inline;
	margin: 0;
	font-size : 100%;
}
#menu a{
	padding: 0 10px;
}
#menu a.lien{
	border-left: 1px solid #655C57;
}
/* =============================================================================
 * CORPS (CHARTE GENERALE)
 * ===========================================================================*/
#corps{
	line-height: 17px;
}

/* =============================================================================
 * COLONNE GAUCHE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneGauche {
	margin: 0;
	padding: 0;
}
#colonneGauche h2 {
	border-left: 1px solid #D9D3C2;
	border-top: 1px solid #D9D3C2;
	border-right: 1px solid #D9D3C2;
	border-bottom: 1px solid #D9D3C2;
	margin : 0;
	padding : 0 0 0 5px;
	float : none;
	
}
#colonneGauche h2 a {
	color: #AA0829;
}
	
/* =============================================================================
 * COLONNE DROITE (CHARTE GENERALE)
 * ===========================================================================*/

/* =============================================================================
 * BANDEAU BAS (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauBas {
	color: #AA0829;
	font-weight: bold;
	text-align: right;
	padding: 30px 0 30px 0;
	font-size: 85%;
	margin-right : 60px;
}
#bandeauBas span {
	padding-left: 10px;
}	

/* =============================================================================
 * MODULES (CHARTE GENERALE)
 * ===========================================================================*/
.module {
	margin: ;
}
/* =============================================================================
 * TPL CENTRAUX (CHARTE GENERALE)
 * ===========================================================================*/
#contenu .tpls {}
#contenu .tpl_sommairePage {
	background:#F5EFDD none repeat scroll 0%;
	padding : 10px 0 10px 0;
	margin-bottom : 20px;
}

#contenu .tpl_sommairePage ul{
	padding-left:40px;
	margin : 0;
}


/* =============================================================================
 * FORMULAIRES de RECHERCHE (CHARTE GENERALE)
 * ===========================================================================*/
#contenu .formRecherche p.action {
	padding-left:105px;
}
#contenu .formRecherche label {
	width : 100px;
	padding-left : 5px;
}
#contenu .formRecherche p {
	padding : 2px 0 ;
}

/* =============================================================================
 * FORMULAIRES (CHARTE GENERALE)
 * ===========================================================================*/
#corps fieldset {
	border: 1px solid #D9D3C2;
	margin-left : 0;
	margin-right : 0;
}
legend {}
input, textarea,select {border: 1px solid;} /* CF. input[class=case] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}

/* Non applicable au form en MDL */
#contenu fieldset p label {
	float: left;/* CF. label[class=enLigne] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
	width: 100px;
	padding-left : 5px;
}

/* =============================================================================
 * BLOC DE NAVIGATION : résultats de recherche
 * ===========================================================================*/
.blocNavigation {
	text-align: center;
	/*border-bottom: 1px solid #219ab5;*/
}
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}
/* =============================================================================
 * TOOLS
 * ===========================================================================*/
#tools{
	overflow:hidden;
	width: 610px;
	text-align: left;
	padding: 25px 0 25px 0;
	voice-family: "\"}\"";
  	voice-family:inherit;
  	margin : 0 0 0 180px; 
  	height : 30px; 	
}
#Accueil #tools {
	width: 760px;
	margin : 0 auto;	
	
}
#tools #chemin{
	width: 345px;
	float: left;
	margin : 0 0 0 30px;
	padding : 0;
	font-size: 85%;
	font-weight: bold;
	color: #D55013;
	line-height: 15px;
}
#tools #chemin .noir{
	color: #000;
}
#tools #recherche{
	float: right;
	text-align: right;
	padding:  0;
	margin : 0;
	line-height: 15px;
}
#Accueil #tools #recherche{
	line-height: 30px;
}
input, textarea, select{
	border: 1px solid #D9D3C2;
}
textarea {
	font: normal 100% Arial, Helvetica, sans-serif;
	width:300px;
}

/* =============================================================================
 * ACCUEIL - colonnage
 * ===========================================================================*/

#Accueil .paragraphe {
	width : auto;
	padding : 0;	
}

#Accueil h3 {
	padding : 0 0 5px 0;
}
#Accueil h4, #Accueil h5 {
	padding : 0;
}
#Accueil .PRS_ACC_IMAGE{
	padding: 0;
	margin: 0;
	height: 250px;
}
#Accueil .PRS_ACC_GAUCHE{
	float:left;
	padding: 30px 0 30px 0 ;
	margin : 0 30px 0 0;
	width : 210px;
}
#Accueil .PRS_ACC_ACCES{
	background: #F5EFDD;
	padding: 30px 20px 20px 20px;
	margin: 0;
	width : 210px;
	float : left;
}
#Accueil .PRS_ACC_AGENDA{
	background: #E5F6F1;
	padding: 20px 20px 30px 20px;
	margin: 0;
	width : 210px;
	float : left;
}
#Accueil .PRS_ACC_ACCES p,#Accueil .PRS_ACC_AGENDA p{
	padding: 0 20px;
}
#Accueil .PRS_ACC_ACCES h3, #Accueil .PRS_ACC_AGENDA h3,#Accueil .PRS_ACC_GAUCHE h3 {
	padding: 0 0 20px 0;
}
#Accueil .PRS_ACC_ACCES h5 , #Accueil .PRS_ACC_ACCES h4 {
	color: #0072bc;
}
#Accueil .PRS_ACC_AGENDA h5  {
	color: #666666;
	padding: 0;
	background : none;
}
#Accueil .PRS_ACC_AGENDA h4 {
	color: #0072bc;
	padding: 0 0 0 15px;
	background: url(images/puceLienFdBleu.gif) no-repeat top left;
}
#Accueil #colonneDroite .module  h5 {
	color : 0072BC;
}
#Accueil #colonneDroite .module  a {
	background : transparent url(images/puceLienFdBlanc.gif) no-repeat scroll left top;
	color : 0072BC;
	padding-left : 15px;
}
#Accueil #colonneDroite .module h4 a {
	background : none;
	padding-left : 0px;
}


#contenu .paragraphe h2{
	color: #AA0829;
	font-weight: bold;
	font-size: x-large;
	padding: 0 0 30px 0;
	line-height: 25px;
	border : none;
	float : none;
	margin: 0;
}
#contenu .PRS_CHAPEAU{
	font-weight: bold;
	color: #000;
	
}
#contenu .RESUME_ACCUEIL {
	font-weight: bold;
	color: #000;
}
#contenu  .PRS_CONT_CADRE   {
	margin-top : 20px;
	margin-bottom : 20px;
	padding : 5px;
	border-left : 3px solid #AA0829;
	border-top : 1px solid #A6CE39;
	border-bottom : 1px solid #A6CE39;
	width : 95%;
	
}

.PRS_ACC_IMAGE p{
	padding: 0;
	margin: 0;	
}
.PRS_ACC_IMAGE img{
	width :490px;
	padding: 0;
	margin: 0;
}


.PRS_CONT_BLEU{
	background: #E5F6F1;
	margin-bottom : 10px;
}
.PRS_CONT_BLEU p{
	padding : 10px;
}
.PRS_CONT_BEIGE{
	background: #F5EFDD;
	margin-bottom : 10px;
}
.PRS_CONT_BEIGE p{
	padding : 10px;
}


.PRS_CONT_GAUCHE{
}
.toutes{
	color: #0072bc;
	padding-left: 15px;
	background: url(images/puceLienFdBleu.gif) no-repeat top left;
}


.PRS_DATE_ARTICLE{
	font-size: 85%;
}
.PRS_DATE_ARTICLE p {
	padding-left : 10px;
}


.PRS_TIER{
width:184px;
padding:0px;
margin :  0 ;
}
.PRS_TIER h3{
color:#0072bc;
margin-top:10px;
margin-bottom:10px;
}

.PRS_WIDTH_GAUCHETIER{
float:left;
margin:0 14px 0 0;;

}

.PRS_WIDTH_DROITETIER{
float:right;

}

.PRS_WIDTH_CENTRETIER{
float:left;
margin:0 14px 0 0 px;
}
/* =============================================================================
 * Largeur de paragraphe rédactionnel
 * ===========================================================================*/

#contenu .PRS_WIDTH_70G {
	width : 382px;
	float : left;
}
#contenu .PRS_WIDTH_30G {
	width : 184px;
	float : left;
}
#contenu .PRS_WIDTH_70D {
	width : 382px;
	float : right;
}
#contenu .PRS_WIDTH_30D {
	width : 184px;
	float : right;
}
#contenu .PRS_WIDTH_W33 {
	width : 184px;
	float : left;
	margin : 0 14px 0 0;
}
#contenu .PRS_WIDTH_W50 {
	width : 283px;
	float : left;
	margin : 0 14px 0 0;
}

/* =============================================================================
 * MENU - Principal
 * ===========================================================================*/
#menu{
	background: #F5EFDD;
	width: 770px;
	padding: 8px 0;
	margin: 0 auto;
	text-align: left;
}
#menu ul{
	text-decoration: none;
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#menu li{
	display: inline;
	margin: 0 5px;
}
#menu li a:link, #menu li a:visited{
	color: #5B514D;
	font-weight: bold;
	text-decoration: none;
}
#menu li a:hover, #menu li.selected a{
	color: #CD5216;
	font-weight: bold;
	text-decoration: none;
}
/* =============================================================================
 * MENU - Gauche
 * ===========================================================================*/
 
#colonneGauche #menuGauche{
	width: 160px;
	margin: 0 auto;
}
#navigation{
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #D9D3C2;
	border-left: 1px solid #D9D3C2;
	border-right: 1px solid #D9D3C2;
}
#menuGauche #navigation li{
	padding: 2px 0;
	min-height: 16px;
	background: url(images/fondMenu.gif) repeat-x bottom;
	border-bottom: 1px solid #D9D3C2;
}
#menuGauche #navigation li a{
	display: block;
	padding-left: 5px;
	font-weight: bold;	
	font-size:90%;
}
#menuGauche #navigation li.page{
	color: #AA0829;
	font-weight: bold;	
	margin: 0;
	padding: 0;
}
#menuGauche #navigation li.page span{
	display: block;
	padding: 5px;
}
#menuGauche #navigation li.selected{
	background-image: none;	
}
#menuGauche #navigation li.selected a {
	text-decoration: underline;
}
#menuGauche #navigation li.selected ul{
	padding: 0 0 0 5px;
	margin: 0;
	font-size : 90%;
}
#menuGauche #navigation li.selected ul li a{
	text-decoration: none;
	font-size : 95%;
/*	padding-top : 2px;
	padding-bottom: 2px;*/
}
#menuGauche #navigation li.selected ul li.selected a{
	color : #D55013;
	font-weight: bold;
}
#menuGauche #navigation li.selected li{
	min-height:0;
	background-image: none;
	list-style-type: none;
	border: none;
	margin: 0;
	padding:5px 0 5px 10px;
}
#menuGauche #navigation li.selected li a{
	line-height: 14px;
	font-weight: normal;
	background: url(images/puceLienFdBlanc.gif) no-repeat top left;
	padding-left: 11px;
}

.tpl_lienAcrobat {
	font-size : 85%;
}
/* =============================================================================
 * CALAGE IMAGE DE FOND DANS LE BO
 * ===========================================================================*/
body.pseudo, #Accueil.pseudo{
	background-position: center 67px;
}

/* =============================================================================
 * ACTUALITES
 * ===========================================================================*/
.breve {
	border-bottom:  1px solid #D9D3C2;
	border-right:  1px solid #D9D3C2;
	margin : 15px 0 2px 0;
	padding : 2px;
}
#contenu .tpl_actualiteListe p img {
	margin : 0;
	padding : 0 5px 0 0;
}

#Accueil .tpl_actualiteListeHome h4 {
	margin : 10px 0 0 0;	
}

/* =============================================================================
 * ANNUAIRES
 * ===========================================================================*/
 #contenu .tpl_annuaire strong, #contenu .tpl_entreprise strong, #contenu .tpl_association strong {
	color: #000;
	padding-top : 20px;
	display: block;
 }
 
/* =============================================================================
 * BLOG
 * ===========================================================================*/

 #corps .billet h3 {
	line-height : 30px;
}

.tpl_blog {
	padding-top : 20px;
} 
 
.billet{
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #484848;
	padding: 0px 0 20px 0;
	overflow: hidden;
	margin-bottom : 20px;
}

.billet a:link, .billet a:visited{
	text-decoration: none;
	color: #0066CC;
}
.billet a:hover{
	text-decoration: none;
	background: #E6E0CE;
}
.alter0{
	background: #F5EFDD;
}
.alter1{
	background: #FFF;
}
#contenu .alter0 h3{
	/*background: url(images/fondTitreBlanc.gif) repeat scroll center;*/
	background-color : #E6E0CE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 192%;
	padding : 5px 10px 5px 10px;
	margin : 5px;
}
#contenu .alter1 h3{
	/*background: url(images/fondTitreBlanc.gif) repeat scroll center;*/
	background-color : #E6E0CE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 192%;
	padding : 5px 10px 5px 10px;
	margin : 5px;
}


.dateBillet{
	color: #AA0829;
	font-size: 80%;
	text-align: right;
	padding: 10px 10px 0px 10px;
}
.corpsBillet{
	padding: 0 10px;
}
#contenu .corpsBillet p {
	padding : 10px 0 10px 0;
}
#contenu .tpl_blogBillet .billet {
	margin-bottom : 0;
	padding-bottom : 10px;
}



.metaBillet{
	padding: 5px 10px;
}
.billet span{
		float: left;
		padding: 0 20px;
		color: #AA0829;
}
.categorie{
	background: url(images/icon-categorie.gif) no-repeat center left;
}
.tpl_blogBillet .commentaire{
	margin-top : 30px;
}
.commentaire{
	background: url(images/icon-comment.gif) no-repeat center left;
}
#commentaires{
	font-size : 85%;
	padding-top : 0;
}

.blocCommentaire{
	background: none;
	margin: 0;
	padding-bottom : 10px;
}
.message{
	background: url(images/bgcode.gif);
	border: 1px solid #D9D3C2;
	border-left: 6px solid #D9D3C2;	
	color: #000;
	display: block;
	padding: 10px;
	font: normal Arial, Helvetica, sans-serif;	
}
.metaCommentaire{
	overflow: hidden;
}
.metaCommentaire span{
	margin: 0 10px;
}
.metaCommentaire div.internaute{
	padding: 5px 10px 5px 20px;
	background: url(images/person.gif) no-repeat center left;
	width: 250px;
	float: left;
}
.metaCommentaire div.dateCommentaire{
	text-align: right;
	padding: 5px 10px 5px 20px;
	background: url(images/calendrier.gif) no-repeat 80px center ;
	width: 170px;
	float: left;
}

#colonneGauche div{
	margin: 0 auto;
	padding: 0 10px;
	/*margin: 10px 0;*/
}

#contenu .tpl_blogBillet h3 {
	margin-top : 20px;
}

.tpl_blogArchiveMDL {
	font-size:85%;
}

.tpl_blogArchiveMDL li {
	list-style-type:none;
}
.tpl_blogArchiveMDL li.selected a {
	color:#D55013;
	font-weight:bold;
}
.tpl_blogArchiveMDL li  a{
	background:transparent url(images/puceLienFdBlanc.gif) no-repeat scroll left top;
	padding-left : 11px;
}
.tpl_blogArchiveMDL ul {
	padding-left:10px;
	margin:0;
}
.tpl_blogArchiveMDL h3 {
	padding-bottom:0px;
}
.tpl_blogArchiveMDL h4 {
	padding-top:5px;
}

.formCommentaires {
	padding-top : 25px;
}

.formCommentaires fieldset {
	margin : 0;
	padding-top : 0;
}
.formCommentaires legend {
	padding-bottom : 10px;
}
.formCommentaires p.action {
	padding-left:105px;
}
.tpl_plansite {
	font-size : 110%;
}
#contenu .tpl_plansite li {
	font-size : 90%;
}

#contenu p.hautDePage {
	
	font-size : 85%;
}