/* CSS pages SERVICES Chambre de Métiers et de l'Artisanat du gers */

/*                 Derniere modification : 26 Mai 2005            */

/* -------------------------------------------------------------------*/
/*                           Page Service                             */
/* -------------------------------------------------------------------*/


/*--------------------------------- Factorisation----------------------------- */

p {text-indent: 5px;}

h2, h3, h5 {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;}

.gras {font-weight: bold;}

.souligne {text-decoration: underline;}

/* Survol de tous les liens dans le main des pages services et formations */
	a, a:link {
	/*lien normal, non visité*/ 
	text-decoration: underline;
	color: #000000; /* noir */
	}

	a:visited {
	/* lien visité */
	text-decoration: underline;
	color: #000000; /* noir */
	}

	a:active {
	/* lien sélectionné par clic */
	text-decoration: none;
	color: black;
	}

	a:hover {
	/* état du lien lorsque le curseur de l'internaute passe dessus */
	text-decoration: none;
	color: #A81900;
	}
	
	ul img {border: 0;}

	ul {list-style-type: none;}
	

/*------------------------------- Structure externe -------------------------- */

body {
	margin: 0;
	text-align: center; /* pour corriger le bug de centrage des versions IE<6 #B2B2A8*/
	background-color:#D7EBFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* entoure le conteneur, lui donne un effet relief */
#cadre {
position: relative;
top: 0px;
margin-left: auto;
margin-right: auto;
width: 766px;
text-align: left; /* pour rétablir l'alignement normal du texte voir css pour body */
background: transparent url(cadre_bg.gif) repeat-y;
}

/* contient l'ensemble de la page web (entete, menu, contenu ...) */
#conteneur {
position: relative;
width: 760px;
margin-left: 3px; /* centre le conteneur dans le cadre, pour que l'effet relief soit visible a droite et a gauche */
background-color: #fff;
}


/*------------------------------- Structure interne -------------------------- */

/* contient le bandeau CM */
#entete {
width: 760px;
margin: 0;
padding: 0;
height: 120px;
background: url(../../services/_design/bandeau.jpg) no-repeat;
}

                            /*-------------------------- */
                            /*------- Navigation ------- */
                            /*-------------------------- */

/* contient le menu de navigation principal entre les pages services, des logos ... */
#navigation {
position: absolute;
width: 160px;
top: 120px;
left: 0px;
margin: 0;
/* padding: 5px; */ /* pas en xhtml */ /* pour décoler le contenu des bords */
padding-top: 5px;
background: #fff;
text-align: center;
}

                            /*------- Menu ------- */
   
	/* contient le menu de navigation lui-meme */
   #nmenu {		
	width: 150px;	
   top: 0;
   /*left: 0; pas en xhtml*/
 	margin-right: auto;
	margin-left: auto;
	text-align: center;
	}
	
		/* factorisation des elements communs de listes */
		#nmenu dl, #nmenu dt, #nmenu dd, #nmenu ul, #nmenu li { 
		margin: 0;
		padding: 0;
		list-style-type: none;
		line-height: 24px;
		text-align: center;
		font-size: 11px;
		font-family: Arial, sans-serif;
	   }
	  
		/* un dt ouvrant et fermant chacun des termes : accueil, entreprise, apprenti, contact */
		#nmenu dt {
		cursor: pointer;
		margin: 2px 0; /* espacement vertical entre chaque item principal du menu */
		height: 25px; /* hauteur de chaque case des items principaux */
		font-weight: bold; 
		/*  border: 1px solid gray;  /* bord entourant les menus  */
		background: #EEEEE9; 
		}
		
		/* un dd par dt : definition du dt avec sa liste ul de liens */
		#nmenu dd {
		background:#F7EFDE;
		/* border: 1px solid gray; /* bord entourant les sous-menu  */
		}
		
		/* item du menu conduisant a une page */
		#nmenu li { 
		text-align: center;
		background:#DBEAFB;
		}
		
		/* lien (chaque item du menu est un lien) */
		#nmenu li a, #nmenu dt a {
		color: #000000;
		text-decoration: none;
		display: block;
		border: 0 none;
		height: 25px; /* au lieu de 100%, pour mozilla/Firefox */
		}
		
		/* lien survolé des li */
		#nmenu li a:hover {
		background:#33CCFF;
		}
		
		/* lien  */
		#nmenu dt a {
		background-image: url(../_design/menu2.gif);
		}
		
		/* lien survolé des dt */
		#nmenu dt a:hover {
		background-image: url(../_design/menu1.gif);
		}
	
		/* Pour marquer page courante */
		
		body#dalaune a#ndalaune, body#dalaune1 a#ndalaune1, body#dalaune2 a#ndalaune2, body#dalaune3 a#ndalaune3, body#dalaune4 a#ndalaune4, body#dalaune5 a#ndalaune5, body#dalaune6 a#ndalaune6, 
		body#ecreatio a#necreatio, body#ereprise a#nereprise, body#efinance a#nefinance, body#emoderni a#nemoderni, body#edevelop a#nedevelop, body#epromouv a#nepromouv,
		body#eformali a#neformali, 
		body#eforcrea a#neforcrea, body#eforcont a#neforcont, body#efordipl a#nefordipl, body#eforqual a#neforqual, body#eforfina a#neforfina, body#eforlien a#neforlien, 
		body#aformati a#naformati, body#aorienta a#naorienta, body#ainscrip a#nainscrip, body#aavantag a#naavantag, body#eapprent a#neapprent, body#epapprent a#nepapprent, body#ataxe a#nataxe, 
		body#ccmcfa a#nccmcfa, body#cplan a#ncplan, body#cbureau a#ncbureau, body#cpermdec a#ncpermdec, body#emarches a#nemarches, body#ctrouvea a#nctrouvea, body#cliens a#ncliens
			{
	   color:#952B3C;
		font-weight: bold;
	   }
		
		/* Pour rendre "visiblement" inactif le lien de la page courante */
		body#dalaune a#ndalaune:hover, body#dalaune1 a#ndalaune1:hover, body#dalaune2 a#ndalaune2:hover, body#dalaune3 a#ndalaune3:hover, body#dalaune4 a#ndalaune4:hover, body#dalaune5 a#ndalaune5:hover, body#dalaune6 a#ndalaune6:hover, 
		body#ecreatio a#necreatio:hover, body#ereprise a#nereprise:hover, body#efinance a#nefinance:hover, body#emoderni a#nemoderni:hover, body#edevelop a#nedevelop:hover, body#epromouv a#nepromouv:hover,
		body#eforcrea a#neforcrea:hover, body#eforcont a#neforcont:hover, body#efordipl a#nefordipl:hover, body#eforqual a#neforqual:hover, body#eforfina a#neforfina:hover, body#eforlien a#neforlien:hover, 
		body#aformati a#naformati:hover, body#aorienta a#naorienta:hover, body#ainscrip a#nainscrip:hover, body#aavantag a#naavantag:hover, body#eapprent a#neapprent:hover,, body#epapprent a#nepapprent:hover, body#ataxe a#nataxe:hover, 
		body#ccmcfa a#nccmcfa:hover, body#cplan a#ncplan:hover, body#cbureau a#ncbureau:hover, body#cpermdec a#ncpermdec:hover, body#emarches a#nemarches:hover, body#ctrouvea a#nctrouvea:hover, body#cliens a#ncliens:hover
			{
	   background: none;
		cursor: default;
	   }
		
		/* ---- Colorbox ---- */
	
		.colorbox {
		background:#F7EFDE;
		}
	
		.colorbox1 {
		background:#F0EAE0;
		}
		
		.colorbox2 {
		background:#F3EBE0;
		}
		
		/* Ajout d une colorbox bleu pour le menu principal */
		.colorbox3 {
		background:#DBEAFB;
		}
	
		/* position par défaut des coins dans colorbox */
		.colorbox .topleft, .colorbox .topright, .colorbox .bottomleft, .colorbox .bottomright, .colorbox1 .topleft, .colorbox1 .topright, .colorbox1 .bottomleft, .colorbox1 .bottomright, .colorbox2 .topleft, .colorbox2 .topright, .colorbox2 .bottomleft, .colorbox2 .bottomright, .colorbox3 .topleft, .colorbox3 .topright, .colorbox3 .bottomleft, .colorbox3 .bottomright {
		width:9px;
		height:9px;
		line-height:9px;
		}
	
		/* insertion des coins dans la div colorbox  */
		/* reste a ajouter les coins pour la colorbox bleu */
		.colorbox .topleft, .colorbox1 .topleft, .colorbox2 .topleft {float:left;background-image:url(../_design/topleft.gif);}
		.colorbox .topright, .colorbox1 .topright, .colorbox2 .topright {float:right;background-image:url(../_design/topright.gif);}
		.colorbox .bottomleft, .colorbox1 .bottomleft, .colorbox2 .bottomleft {float:left;background-image:url(../_design/bottomleft.gif);}
		.colorbox .bottomright, .colorbox1 .bottomright, .colorbox2 .bottomright {float:right;background-image:url(../_design/bottomright.gif);}
		
		
	
		/* div contenant les coins */
		.colorbox .corners, .colorbox1 .corners, .colorbox2 .corners, .colorbox3 .corners {
	overflow:hidden;
	height:9px;
		}
	
		/* ---- FIN Colorbox ---- */	

									/*------- FIN menu ------- */
									
	                        /*------- Plan du site ------- */

	/* Plan du site */
	#nmplan {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px; /* Pour que l'image de fond soit visible en entier */
	padding-bottom: 5px; /* Pour que l'image de fond soit visible en entier */
	margin-bottom: 10px;
	background-image: url(plan.gif);
	background-position: left;
	background-repeat: no-repeat;		
	text-align: right;
	font-family: Arial, sans-serif;
	font-size: 12px;
	}
	


	                       /*------- FIN Plan du site ------- */	

	                    /*------- Recherche ------- */	
								  
	#nmcherche {
	background-image: url(loupe.gif);
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 20px;
	margin-top: 15px;
	}
							/*------- FIN Recherche ------- */	
				
                            /*------------------------------ */
                            /*------- FIN Navigation ------- */
                            /*------------------------------ */

								
								/* ----- Bandeau infos ---- */	

/* contient les actualites, les posts-it, ou le menu de selection des formations pour les pages Formation */
#info {
position: absolute;
width: 140px;
top: 120px;
left: 620px;
margin: 0;
padding-top: 10px;
/*padding: 10px 8 2 7;*//*décole les actu du bandeau du haut CM32 */         /* !!!!! pas en xhtml !!!! */ 
/*background: #fff;*/
}

	/* contient le titre de l'information (Actualité / Métiers / Formations ...)*/
   #ihaut{
   width: 140px;
   height: 40px;
   background: url(../_design/ihaut_bg.gif) no-repeat 0px 0px;
   }
	
	#ihaut h3 {
	color:#135275;
	font-weight: bold;
	font-size: 18px;
	font-family: Georgia, sans-serif;
	padding: 0;
	margin: 0;
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	}
	
	h3.ihactu {
	background: url(../_design/blocnote.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	}
	
	h3.ihmetiers {
	background: url(../_design/agenda.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	}

	/* contient le texte de l'information */
	#imilieu{
	width: 140px;
	background: url(../_design/imilieu_bg.gif) repeat-y 0px 0px;  
	}

								/* Menu Formations */	

	/* la liste elle meme */
	#info ul {
	margin: 0;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	list-style-type: none;
	font-size: 12px;
	}

	/* les puces des items principaux */
	#info li img {vertical-align: middle;}

	/* pour aligner les sous menus de gauche */
	#info li ul li {padding-left: 5px;}

	/* pas de soulignement pour les liens du menu */
	#info ul a {text-decoration: none;}

	/* survol des liens en gras */
	#info ul a:hover {font-weight: bold; }

	.ouvert {display: block;}

	.ferme {display: none;}

				   		/* FIN menu Formations */	
	
	/* image de fermeture de la zone d'information */
	#ibas{
	width: 140px;
	height: 30px;
	background: #fff url(../_design/ibas_bg.gif) no-repeat 0px 0px;
	}

	/* ------ Photos du bandeau infos  ---------- */
	.siphoto {
	margin:0;
	padding: 10px;
	padding-top: 20px;
	text-align: center;
	}
	/* ------- FIN Photos du bandeau infos  -------- */

	
	/* ------ Actualité du bandeau infos ----------- */    
	h6.sititre {
	/* Interieur du bandeau Actu : Titre  */
	width: 120px;
	color: #000066;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	font-family: Arial, sans-serif;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 0;
	padding-right: 8px;
	margin: 0;
	}
	
	p.sitexte {
	width: 122px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	text-indent: 6px;
	padding: 0;
	padding-left: 8px;
	padding-right: 6px;
	padding-top: 1px;
	margin: 0;
	text-align:center;
	color:#000000;
	}
	
	#info .sitexte1 ul, .sitexte1 li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
	#info .sitexte1 a {
	text-decoration: underline;
	}
	
	#info .sitexte1 a:hover {
	text-decoration: none;
	}
	
	#info .sitexte1 li {
	padding-top: 10px;
	padding-left: 5px;
	}
	/* ------ FIN Actualité du bandeau infos ---------- */

		
/* -------------------------- Centre de la page -------------------------- */
#main {
	position: relative;
	width: 460px;
	height: auto;
	min-height: 500px; /* hauteur minimum pour que la div "navigation" ne chevauche pas la div "pied"*/    /* Modifiée le 050516 avant 315px */
	/*padding: 5px;*/ /* padding de 1px min en haut et en bas obligatoire pour joindre les div */
background-color: #fff;
	padding: 0;
	margin: 0;
	margin-left: 160px;
	text-align: left;
}

* html #main{height: 500px;} /*ligne uniquement interprété par IE Win+Mac qui ne connait pas l'attribut min-height" */


/* contient les liens de navigation (retour, haut ...), les mentions legalges ... */
#pied {
margin: 0;
text-align: center;
font-size: 9px;
font-style: italic;
background: #fff;
padding-bottom: 5px;
padding-top: 5px;
}

	#pied a {text-decoration: none; font-style: normal;}

	#pied a:link {color: black;}

	#pied a:visited {color: black;}

	#pied a:hover {text-decoration:none; color:black; background: #fff;font-weight: normal;}

	#pied ul, #pied li { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	} 
	
/* -------------------------------------------------------------------*/
/*                    Corps des Pages Service                          */
/* -------------------------------------------------------------------*/

/*-------------------------- Factorisation Pages Services   ---------------------------- */
	
	/* 
	.smaind : corps des pages service découvrez
	.smaine : corps des pages service entreprise
	.smaina : corps des pages service apprenti
	.smainf : corps des pages service formation apprenti et entreprise
	 . . . en fonction du menu et de l'image de fond qui change
	*/	
	
	.smaine, .smaind, .smaina, .smainc, .smain {   
	padding: 0;
	margin: 0;
	}
	
	.smaind	{
	background-repeat: no-repeat;
	}
	.smaine {
	background-repeat: no-repeat;
	}
	
	.smaina	{
	background-repeat: no-repeat;
	}
	
	.smainc	{
	background-repeat: no-repeat;
	}
	
	/* !!!!!!!!!! Pas d'image de fond pour .smain */

	/* 
	Les Pages Services Entreprise ont servi de modèle pour les Pages Services              
	des autres menus (Découvrez..., L'Apprentissage, Vos Contacts).
	En général, ces autres Pages Services ont plus ou moins la même structure, 
	sauf quand cela n'était pas possible.
	 */

/*------------------------- Pages Services Entreprise  --------------------------------------- */	
	
	h2.smtitretext {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 15px;
	color: #135275;
	font-weight: normal;
	font-size: 18px;        
	}

	.smtitreimg {
	padding: 0;
	padding-top: 2px;
	margin: 0;
	margin-left: 14px;
	}
		
	h4.smquest {
	color: #000066;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, sans-serif;
	padding: 0;
	padding-top: 15px;
	margin: 0;
	}

	h5.smintro {
	color: black;
	text-align: justify;
	text-indent: 20px;
	font-weight: bold;
	font-size: 13px;
	font-family: Tahoma, sans-serif;
	padding: 0;
	padding-top: 18px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
	}

	.smtexte {
	color: #000000;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	padding-top: 0;
	padding-left: 25px;
	padding-right: 15px;
	padding-bottom: 0;
	margin-top: 0;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 0;
	} 

	.smlist	ul, .smlist li {
	list-style-type: disc;
	padding: 0;
	margin: 0;
	}

	.smlist	ul {
	padding-left: 25px;
	padding-right: 10px;
	}

	.smlist li {
	padding-top: 8px;
	}

	.smcontact {
	position: relative;
	width: 319px;
	height: 200px;
	margin-top: 10px;
	margin-right: 20px; 
	margin-left: 38px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	}

		.smcontacthaut, .smcontactmilieu , .smcontactbas  {
		margin: 0;
		padding: 0;
		}

		.smcontacthaut {
		position: relative;
		width: 366px; 
		height: 31px; 
		border-style: none;
		border:0;
		background-image: url(../_design/conthaut.gif);
		background-repeat: no-repeat;
		}

		.smcontactmilieu {
		position: relative;
		top: -20px;
		width: 366px; 
		background-image: url(../_design/contmilieu.gif);
		background-repeat: repeat-y;
		border-style: none;
		border:0;
		margin: 0;
		padding: 0;
		}
	
			h4.smconttit {
			color: #054F43;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			font-family: Arial, sans-serif;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			}
			
			h6.smconttextnom {
			color: #000000;
			font-family: verdana, sans-serif;
			font-weight: bold;
			text-align: center;
			font-size: 13px;
			padding: 0;
			padding-top: 10px;
			margin: 0;
			}
			
			.smconttextadress {
			text-align: center;
			color: #000000;
			font-family: verdana, sans-serif;
			font-size: 13px;
			padding: 0;
			padding: 0;
			padding-top: 5px;
			margin: 0;
			}
			.smcontact ul, .smcontact li { 
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
			
			ul.smconttextadress {
			margin-bottom: 5px;
			}
					
			.smconttexttellist {
			text-align: center;
			color: #000000;
			font-family: verdana, sans-serif;
			font-weight: bold;
			font-size: 12px;
			padding: 0;
			padding: 0;
			padding-top: 5px;
			margin: 0;
			}
			.smconttexttellist ul, .smconttexttellist li {
			padding-top: 10px;
			}

		.smcontactbas {
		position: relative;
		top: -31px; 
		width: 366px; 
		height: 20px; 
		border-style: none;
		background-image: url(../_design/contbas.gif);
		background-repeat: no-repeat;
		border:0;
		margin: 0;
		padding: 0;
		}
		
		
/*-------- Pages Formalites  ------------ */		

	#smtab1 {
	padding: 15px 10px 10px 6px;
	}

	#smtab1 table {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}

	#smtab1 ul, #smtab1 li {
	padding-top: 2px;
	}

	#smtab1 li {
	padding-top: 5px;
	}
	
	.smephoto {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	}
	
/*-------- FIN Pages Formalites  -------------- */


/*--------- Page Developpement  -------------- */

	h5.smintro1 {
	color: black;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, sans-serif;
	text-indent: 20px;
	padding: 0;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0;
	}
	
	p.bloc {
	padding: 0;
	margin: 0;
	}
/*--------- FIN Page Developpement  ------------ */

/*---------Titre des rubriques des pages entreprises  ------------ */
.TitreRubrik {
	color: #0068AC;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	background-color: #D3D1DE;
}

/*------------------------- FIN Pages Services Entreprise  --------------------------------------- */		


	
/*---------------------------- Pages Services Decouvrez  ------------------------------------- */
	
	h2.smdtitre1 {
	width: 450px;
	margin: 0;
	padding-left: 5px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 6px;
	color: #660000;
	font-weight: normal;
	font-size: 18px;
	text-align: center;
	}
	
	h5.smdint {
	color: black;
	text-align: justify;
	font-weight: bold;
	font-size: 13px;
	font-family: Tahoma, sans-serif;
	padding: 0;
	padding-top: 18px;
	padding-left: 30px;
	padding-right: 15px;
	margin: 0;
	}
	
	h6.smdtitre {
	color: #077085;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	font-family: Tahoma, sans-serif;
	padding: 0;
	padding-top: 25px;
	margin: 0;
	}
	
	.smphoto1 {
	position: relative;
	top: 50px;
	left: 70px;
	margin: 0;
	padding: 0;
	}
	
	.smphoto2 {
	position:relative;
	top: -120px;
	left: 210px;
	margin: 0;
	padding: 0;
	}
	
/*---------------------------- FIN Pages Services Decouvrez  ------------------------------------- */


/*-------------------------  Pages Apprentis  ------------------------------------------ */

/* Pages aformati */ 
	#smtab2 {
	padding: 25px 10px 10px 6px;  
	}
	
	#smtab2 table {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}
	
/* Pages aformdip, aformbep, aformcap */ 		
	h4.smfcapbep {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #660000;
	padding: 0;
	padding-top: 30px;
	padding-bottom: 10px;
	margin: 0;
	}
	
	.smformdip {
	padding: 0;  
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom: 5px;
	margin: 0;  
	}
	
	p.smfcapbep {
	padding: 0;  
	margin: 0;  
	margin-bottom: 25px;
	font-size: 13px;
	text-align: center;
	}
	
	.smfcapbep {
	padding: 40px 5px 10px 30px;
	margin: 0;  
	margin-bottom: 25px;
	font-size: 13px;
	}
/*-------------------------  FIN Pages Apprentis  ------------------------------------------ */


/*---------------------------- Pages Services Contact  --------------------------------------------- */

	h2.smctitre {  /* pour les pages cbureau et ccmcfa */
	text-align: center;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #660000;
	font-weight: normal;
	font-size: 18px;
	} 
	
/* Page ccmcfa : 3 types de zones : smcrecep, smcactel et smccourpost  */	
	.smcrecep {
	position: relative;
	width: 350px;
	height: 50px;
	padding: 0;
	padding-left: 30px;
	margin: 0 30px 0 10px;
	}
	
	.smcactel {
	position: relative;
	width: 350px;
	height: 50px;
	padding: 0;
	padding-top: 10px;
	padding-left: 30px;
	margin: 0 30px 0 10px;
	}
	
	.smccourpost{
	position: relative;
	width: 350px;
	height: 50px;
	padding: 0;
	padding-top: 10px;
	padding-left: 30px;
	margin: 0 30px 0 10px;
	}
	
/* ---- A l'interieur des pages contacts --- */	

	h4.smctitre4 {  /* Page ctrouvea */	
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #077085;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 4px;
	}
	
	h6.smctitre6 {   /* Page ctrouvea */
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-indent: 0;
	padding: 0;
	margin: 0 2px 0 2px;
	}
	
	.smctexte {  /* Page ctrouvea */
	color: #000000;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	padding: 5px;
	padding-left: 15px;
	margin: 0;
	}
	
	.smclista ul {
	padding-left: 5px;
	padding-right: 5px;
	padding-top:0;
	padding-bottom:0;
	}
	
	.smclista li {
	padding-top: 10px;
	}
	
	.smccont {  /* Page ccmcfa */	
	padding: 0;
	margin: 0;
	}
	
	.smccont ul, .smccont li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
	h6.smcontnom {
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	color: #054F43;
	padding: 0;
	margin: 0;
	}
	
	.smconttext {
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	}
	
	.smconttext ul li {
	padding: 0;
	margin: 0;
	}
	
	.smconttext li {
	padding-top: 2px;
	}
	
	#smtab3 {   /* Page cbureau */
	padding: 10px 6px 15px 20px;
	margin: 5px;
	margin-left: 25px;
	}
	
	#smtab3 table {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	}
	
	#smtab4 {   /* Page cliens */
	text-align: center;
	padding: 0;
	margin-left: 25px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	}
	
	smtab4 table { /* Page cliens */
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	}
	
/*---------------------------- FIN Pages Services Contact  --------------------------------------------- */


/* -------------------------------------------------------------------*/
/*                 FIN Corps des Pages Service                         */
/* -------------------------------------------------------------------*/