/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#conteneur {    
	width:1000px; /* Par defaut à 100% mais il est posssible d'implémenter un max-width et/ou min-width dans un msie_fixes.css et un advanced.css */
    margin:0 auto;    
    background-color:#b5b5b3;
}
#document {
    width:900px;
    border:5px solid #efeeec;
    margin:0 50px;
    padding:0;
    background-color:#FFFFFF;    
}
#bandeauHaut {
    height:75px;
}
#bandeauHautImpression {
    display:none;
}
#corps {
	overflow: hidden;
	width: 879px;
	margin:0 5px;
    padding:0;
    padding-bottom:10px;	
}
#colonneGauche {
	float: left;
	width:200px;
}
.avecDeuxColonnes #contenu {
	/* float: left; */
	width:879px;
}
.avecColonneDroite #contenu, .avecColonneGauche #contenu {
	float: left;
	width:550px;
	padding:0;
	margin:0;
}
#colonneDroite {
	float: left;
	width:280px;
	margin:0;
	margin-top:30px;
	margin-left:15px;
	padding:0 5px 0 0;
	font-size:0.85em;
	/*
	background-image:url(../images/gradientdroite.jpg);	
    background-position:top left;
    background-repeat:repeat-y; 
	*/	
}
#bandeauBas {
    background-color:#efeeec;
    padding:10px;
    font-size:0.8em;    
    text-align:center;
}
#bandeauBas ul {
    padding:0;margin:0;list-style-type:none;
}
#bandeauBas li {
    display:inline;
}
#bandeauBas a, #basPage a:visited {
	padding:0 4px 0 4px;	
	color: #666666;
	text-decoration: none;
}
#bandeauBas a:hover {
	color:#ed8a5f;
}
#bandeauBas a.alt, #bandeauBas a.alt:visited {
	color:#ed8a5f;
	font-weight:bold;
}
/* =============================================================================
 * MENU   
 * ===========================================================================*/
#bandeauHaut {
    float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px;    
    margin:0;  
    height:129px;  
}
#bandeauHaut #recherche{
    background-image:url(../images/attf_baseline.gif);
    background-position:top left;
    background-repeat:no-repeat; 
    height:32px;  
}
#bandeauHaut #recherche label {
    display: none;
}
#bandeauHaut #recherche .tpl_recherche_mdl{
    margin-left:680px;
    width:200px; 
    padding-top:6px;    
}
#bandeauHaut #recherche .tpl_recherche_mdl input.submit {	
    background-color: transparent;
    border:0px;		
}
#bandeauHaut #recherche .tpl_recherche_mdl #searchString {
    width:145px;
    padding: 0px;
    margin: 0px; 
    margin-right: 4px;    
    border:0px;
    background-color:transparent;               
}

#bandeauHaut #recherche .tpl_recherche_mdl #searchImg {
    margin-right:20px;
    border-width: 0; 
    text-align:right;
}




#bandeauHaut h1 {
    font-size:1.35em; 
    color:#d4d5d0; 
    padding-left:20px;   
}

#menuHaut ul {
    padding:0;margin:0;list-style-type:none;
}
#menuHaut ul li {
    float:left; position:relative;
}
#menuHaut ul li a, #menuHaut ul li a:visited {
    float:left; display:block; text-decoration:none; color:#b5b4b2; padding:0px 0px; line-height:25px; height:30px;
}
#menuHaut ul li a:hover {background-color:#aaa;}
#menuHaut ul li a.PGS_ACCUEIL:hover img{visibility: hidden;}
#menuHaut ul li a.PGS_ACCUEIL:hover {background-image:url(../images/bt_accueil_on.gif);background-repeat: no-repeat;}
#menuHaut ul li a.PGS_QUISOMMESNOUS:hover img{visibility: hidden;}
#menuHaut ul li a.PGS_QUISOMMESNOUS:hover {background-image:url(../images/bt_quisommesnous_on.gif);background-repeat: no-repeat;}
#menuHaut ul li a.PGS_METIER:hover img{visibility: hidden;}
#menuHaut ul li a.PGS_METIER:hover {background-image:url(../images/bt_metier_on.gif);background-repeat: no-repeat;}
#menuHaut ul li a.PGS_ASSURANCE:hover img{visibility: hidden;}
#menuHaut ul li a.PGS_ASSURANCE:hover {background-image:url(../images/bt_assurance_on.gif);background-repeat: no-repeat;}
#menuHaut ul li a.PGS_METIER:hover img{visibility: hidden;}
#menuHaut ul li a.PGS_METIER:hover {background-image:url(../images/bt_metier_on.gif);background-repeat: no-repeat;}
#menuHaut ul li a.PGS_ACTIVITE:hover img{visibility: hidden;}
#menuHaut ul li a.PGS_ACTIVITE:hover {background-image:url(../images/bt_activite_on.gif);background-repeat: no-repeat;}
#menuHaut ul li a.PGS_PUBLICATION:hover img{visibility: hidden;}
#menuHaut ul li a.PGS_PUBLICATION:hover {background-image:url(../images/bt_publication_on.gif);background-repeat: no-repeat;}
#menuHaut ul li a.PGS_FORMATION:hover img{visibility: hidden;}
#menuHaut ul li a.PGS_FORMATION:hover {background-image:url(../images/bt_formation_on.gif);background-repeat: no-repeat;}

#menuHaut ul li ul {
    display: none;
}
#menuHaut table {
    margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
    opacity:0.85;
}




/*******************************/
/* specific to non IE browsers */

#menuHaut ul li:hover ul {
    display:block; position:absolute;top:29px; background:#aaa; margin-top:1px; left:0; width:192px;
}

#menuHaut ul li:hover ul.scroller {
    height:138px; width:172px; overflow:auto;}

#menuHaut ul li:hover ul.endstop {
   left:-78px;   
}
#menuHaut ul li:hover ul li ul {
    display: none;
}
#menuHaut ul li:hover ul li a {
    display:block; background:#aaa; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:160px;
}
#menuHaut ul li:hover ul li a.drop {
    background:#888;
}
#menuHaut ul li:hover ul li a:hover {
    color:#000; background: #eceaeb url(../images/menu2.gif); 
}
#menuHaut ul li:hover ul li a:hover.drop {
    background: #888; color:#ff0;
}
#menuHaut ul li:hover ul li:hover ul {
    display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#888;
}
#menuHaut ul li:hover ul li:hover ul li a {background:#eceaeb url(../images/menu2.gif);}
#menuHaut ul li:hover ul li:hover ul li.group {width:192px; padding:5px 0;}


#menuHaut ul li:hover ul li:hover ul.left {
    left:-172px;
}

#menuHaut ul li:hover ul li:hover ul li a:hover {background:#666; color:#0ff;}
/* =============================================================================
 * End of Menu
 * ===========================================================================*/

/* =============================================================================
 * 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;
}
/* TPL AVEC FORMULAIRE : tpl_formulaire, tpl_ged, tpl_login, tpl_loginMDL, etc. */
/*
p.action {}
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%;
}
/* WYSIWYG */
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center!important;}
.alignjustify {text-align: justify;}
img.alignleft {float: left; margin: 0 5px 5px 0;}
img.alignright {float: right; margin: 0 0 5px 5px;}
a img {border-width: 0;}
acronym {
	border-bottom: 1px dotted;
	cursor:help;
}
br.clr {            
    font-size:1px; 
    clear:both;     
}
/* =============================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * ===========================================================================*/
body {
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	color:#000000;
	font-family:verdana,arial,sans-serif;
	font-size:0.8em; /* Rétablir la taille pour MSIE5 dans "msie_fixes.css" */
    line-height:20px;
}
/* =============================================================================
 * ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE
 * ===========================================================================*/
h2 {
    font-size:1.25em; 
    color:#C94c19;
}
h3 {
    font-size:1.15em; 
    color:#ed8a1f;
}
h4 {
    font-size:1.05em; 
    color:#888888;
}
 h5, h6 {
 font-size:0.95em;
 color:#8C8C8C;
 }
a {
    color:#ed8a1f;
    text-decoration:none;
}
a:visited {
    color:#ed8a1f;

}
a:hover, a:focus {    
    text-decoration:underline;
}
p {
    margin:0 0 2px 0;
}
/* =============================================================================
 * DOCUMENT (CHARTE GENERALE)
 * ===========================================================================*/
/*
#document {}
*/

/* =============================================================================
 * BANDEAU HAUT (CHARTE GENERALE)
 * ===========================================================================*/
/*
#bandeauHaut {}
*/
/* =============================================================================
 * CORPS (CHARTE GENERALE)
 * ===========================================================================*/
/*
#corps {}
*/

#chemin {
    padding:5px 0px;
    font-size:0.85em;
    margin:0;    
}

/* =============================================================================
 * COLONNE GAUCHE (CHARTE GENERALE)
 * ===========================================================================*/
	/*#colonneGauche {}
 */
/* =============================================================================
 * CONTENU(CHARTE GENERALE)
 * ===========================================================================*/
#contenu p {
    text-align:justify;    
}
#contenu .bloc0 {
    margin:0 0 5px 0;    
    padding:0 2px;
}
#contenu .bloc1 {
    background-color : #DFDFDF;
    margin:0 0 5px 0;    
    padding:2px;
    background-image:url(../images/gradientcentre.jpg);	
    background-position:top left;
    background-repeat:repeat-y; 
}
#contenu p.NOK, #contenu div.NOK, #contenu p.blocAlerteCaptcha {
    background-color : #ffc0c0;    
    font-weight:bold;    
    padding:0 2px;
}
#contenu p.OK, #contenu div.OK {
    background-color : #c0ffc0;    
    font-weight:bold;    
    padding:2px;
}
.EST_NOK {
    width: 100% !important;
    color: red;
    font-weight:bold;
    padding-left:20px;
    margin-top:5px;
    background-image:url(../images/non-valide.gif);
    background-repeat:no-repeat;
    background-position:top left;    
}
.EST_OK {
    width: 100% !important;
    color: green;
    font-weight:bold;
    padding-left:20px;
    margin-top:5px;
    background-image:url(../images/valide.gif);
    background-repeat:no-repeat;
    background-position:top left;    
}
#contenu table td.alter1 {
     background-color : #DFDFDF;
}
#contenu table.liste tr {    
    vertical-align: top; 
}
#contenu table.liste td {    
    padding:2px;
}
#contenu table.liste th {    
    background-color : #F3AF62;  
}
#contenu table.liste tr:hover {    
    background-color : #F3AF62;  
}
#contenu table.liste td.bloc1 {
    background-color : #EFEEEC;    
}

/* =============================================================================
 * COLONNE DROITE (CHARTE GENERALE)
 * ===========================================================================*/
/* #colonneDroite {} */
#colonneDroite h3 {
    /*border-top:solid 1px #ed8a1f;*/
    background-image:url(../images/gradient-droite-h3.jpg);	
    background-position:bottom left;
    background-repeat:no-repeat; 
}
	
/* =============================================================================
 * BANDEAU BAS (CHARTE GENERALE)
 * ===========================================================================*/
/* #bandeauBas {} */	

/* =============================================================================
 * MODULES (CHARTE GENERALE)
 * ===========================================================================*/
/* .module {
	margin: ;
} */
/* =============================================================================
 * TPL CENTRAUX (CHARTE GENERALE)
 * ===========================================================================*/
#contenu .tpl_carteATTF a {
    text-decoration:none;
    color:#000;    
}
#contenu .tpl_carteATTF a:visited {
    text-decoration:none;
    color:#000;
}
#contenu .tpl_forumDiscListe .infoMsg{
    font-size: 0.85em;
    padding: 0px;
    margin: 0px;
    color:#C00000;
}
#contenu .tpl_forumDiscListe .contenuMsg{    
    margin-top:10px;
    margin-bottom:10px;    
}
#contenu table.forum {
    /*border:1px solid #000000;*/

}
#contenu table.forum th {
    background-image: url(../images/gradient-droite-h3.jpg);    
    background-position: left bottom;
    background-repeat: repeat-y;
    
}
#contenu .tpl_attfRegionBureau td{
    font-size:0.85em;
}
/* =============================================================================
 * FORMULAIRES (CHARTE GENERALE)
 * ===========================================================================*/
fieldset {
    border:#ed8a5f 1px solid;
    margin-bottom:10px;
    padding:10px;
}
legend {
    color:#ed8a5f;
    font-weight:bold;
}
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 p label{
	float: left;/* CF. label[class=enLigne] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
	width: 25%;
	font-weight:bold;
    color:#000000;
    text-align:left;
}
#contenu td label {
    	font-weight:bold;
}
/*
#formCreation label.error, label.error {
	color: red;
	font-style: italic;
	font-weight:normal;
	padding-left:10px;
}
*/
#contenu p label.error, #contenu td label.error { 
    display:none;    
    width: 100% !important;
    color: #ff0000;
    padding-left:20px;
    margin-left:10px;
    margin-top:5px;
    background-image:url(../images/non-valide.gif);
    background-repeat:no-repeat;
    background-position:top left;
}



div.error { display: none; }
input {	border: 1px solid black; }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
/* =============================================================================
 * BLOC DE NAVIGATION : résultats de recherche
 * ===========================================================================*/
.blocNavigation { 
	text-align: center; 
	/*border-bottom: 1px solid #219ab5;*/
} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}
.corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
a.fo_bouton, input.fo_bouton{
    color:#ff9933;
    font-weight:bold;
    text-decoration:none;
    border-radius:5px;
    -moz-border-radius: 5px;	
    -webkit-border-radius: 5px;
    padding:2px 10px;
    margin:0 5px;
    background: #EFEEEC;
      
}
a.fo_bouton:hover , input.fo_bouton:hover{
    color:#FFFFFF !important;
    background-color: #ff9933 !important;  
}  

.PRS_GRIS{
  background-color: #e5e5e5;
} 
.CRS_GRIS{ /* conteneur gris */
  background-color: #e5e5e5;
}  
div.insertion{
    padding:5px 0;
    text-align:center;
}
span.obl {
    color:#C00000;
}



/*  Adhesion Panier
    orange clair : ff9933
    orange fonce :  #ec7426
    gris : b5b5b3
*/
a.fo_bouton_adhesion, input.fo_bouton_adhesion, span.fo_bouton_adhesion {              
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    border-radius:5px;
    -moz-border-radius: 5px;	
    -webkit-border-radius: 5px;
    padding:4px 10px;
    margin:5px;
    background: #ff9933;     
}
input.fo_bouton_adhesion {
    border:none;
    /*font-family: "PT Sans Narrow",sans-serif;*/
    font-size:1em;    
}
a.fo_bouton_adhesion:hover, input.fo_bouton_adhesion:hover, span.fo_bouton_adhesion:hover { 
    background-color: #ec7426 !important;          
}
a.fo_bouton_adhesion.abonnement, input.fo_bouton_adhesion.abonnement {    
    background: #120058 url(../images/panier/bouton_abonnement.png) left center no-repeat; 
    padding-left:30px;       
}

a.fo_bouton_adhesion.suivant, input.fo_bouton_adhesion.suivant {    
    background: #ff9933 url(../images/panier/bouton_suivant.png) right center no-repeat;  /* navy */
    padding-right:30px;       
}
a.fo_bouton_adhesion.paiement_cb, input.fo_bouton_adhesion.paiement_cb {    
    background: #ff9933 url(../images/panier/paiement-cb.png) left center no-repeat;    /* vert */
    padding-left:30px;       
}
a.fo_bouton_adhesion.precedent, input.fo_bouton_adhesion.precedent {    
    background: #b5b5b3 url(../images/panier/bouton_precedent.png) left center no-repeat;    /* vert */
    padding-left:30px;       
}
a.fo_bouton_paiement, input.fo_bouton_paiement {    
    background: url(../images/panier/paiement.gif) left center no-repeat;    /* vert */
    border-width:0px;
    width:132px;
    height:20px;
     padding:4px 10px;
      
}
div.payement p, div.payement img {
    text-align:center !important;
}
a.fo_bouton_adhesion.finaliser, input.fo_bouton_adhesion.finaliser {    
    background: #b5b5b3 url(../images/panier/bouton_abonnement.png) left center no-repeat; 
    padding-left:30px;
    font-size:1.15em;             
}
table.img_etape, table.img_etape tr, table.img_etape td, table.img_etape img {
  margin: 0!important;
  padding: 0!important;
}
table.img_etape td {
    width:120px;
    text-align:center;
}
table.img_etape tr {
    valign:top;
}
img.align_left {
    float:left;
    margin-right:5px;
    margin-top:5px;
}
img.align_right {
    float:right;
    margin-left:5px !important;
    margin-top:5px;
}