/* = RAZ
------------------------ */
a img {border: 0}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,body,html,p,blockquote,
fieldset,input, legend {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal; margin: 0; padding: 0;}
em {font-style: normal}
ul {list-style: none; }
address {font-style: normal}
table, td, th {}
td, th {font-size: 1em}
a, a:hover {color:#6E078C;}
a:hover {text-decoration:none;}

input, select, textarea, button {
font-size:1em;
font-family: "Trebuchet MS", Arial, Geneva, sans-serif
}

#content a:focus {
	background-color: #555; color: #fff;
}

/* = LOGO PRINT ------------------------ */
#logoprint {display:none;}

/* = GLOBAL
------------------------------------------------------------------------------*/
body {
margin: 0; padding: 0;
background: #C2E794 url(#) repeat-x;
font-family: "Trebuchet MS", Arial, Geneva, sans-serif;
font-size: 62.5%;
}

p {font-size:1.1em; line-height: 1.2em;}

/* = Les div (position - largeur- hauteur)
------------------------ */

#page {
margin: 0px auto 0px auto; 
width: 77em;
background:transparent;
}

#header {
position:relative;
width: 73em;
height: 14.2em;
margin: 0;
padding: 0;
background: #9BD739 url("/templatesMedias/img/tools/bgheader.jpg") no-repeat;
}
	/* = Postion du logo ------------------------ */
	.logoSmip{margin-left:1em;}

#promoHeader {
	background:#9BD739;
	display: block; width: 216px; height: 100px;
	position: absolute; top: 1.7em; right: 0em;
	margin: 0em; padding: 0em;
}

#navigationPrincipal {
	position: relative;
	width: 73em;
	height:27px;
	overflow:hidden;
}

#content {
	width: 73em;
	margin: 0px; padding: 0px;
	background: #fff url("/templatesMedias/img/quiestlasmip/bg_content.gif") bottom left no-repeat;
	}

	/* = permet de recuperer la hauteur du bloc content------------------------ */
	#content:after {
	content: "."; display: block; clear: both; visibility: hidden;
	}

#footer {
position:relative;
width: 73em;
margin: 0;
padding: 0;
background: transparent url("/templatesMedias/img/acc/bg_footer.gif") top left repeat-x;
z-index:2000;
}

/* = HEADER NAVIGATION FOOTER
------------------------ */

	/* = Prélude-------------  */
	#prelude {
		position: absolute; top: 0; left: 0;
		width: 150px;
		z-index: 9000;
		}
	#prelude li a {
		display: block; width: 150px;
		text-indent: -1000em;
		font-size: 1.2em;
		padding: 3px;
		}
	#prelude li a:focus, #prelude li a:hover {
		position: relative; top: 0; left: 0;
		text-indent: 0;
		background-color: #ffe;
	}
	
	/* = position et taille ------------------------ */
	#tools {
		background: #009900;
		text-align: right;
		height: 1.7em;
		overflow: hidden;
	}
	
	#navigation1 {
		background: transparent;
		position: relative; top:-1.1em; left:28em;
		width: 44em;
		height: 1.7em;
		overflow: hidden;
		text-align: left;
		z-index:4000;
	}
	
	/* = style des listes pour navigation de la tetiere ------------------------ */
	ul#listtools, ul#listnavigation1, ul#listfooter{
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	}
	ul#listtools{float:right;}

	#listtools li, #listnavigation1 li, #listfooter li{
	display: block; float:left;
	list-style-type: none;
	font-size:1.1em; line-height:1.6em;
	padding: 0em 1em 0em 1.2em;
	}
	/*#listtools li{float:right;}*/
	

	#listtools a:focus, #listnavigation1 a:focus, #listfooter a:focus {background-color: #054704; color: #fff!important;}
	#listtools li{background : transparent url("/templatesMedias/img/tools/puce_tools.jpg") no-repeat;}
	#listnavigation1 li{background : transparent url("/templatesMedias/img/tools/puce_nav1.gif") no-repeat;}
	#listfooter li{background : transparent url("/templatesMedias/img/tools/puce_footer.gif") no-repeat;}
	
	#listtools li, #listnavigation1 li, #listfooter li {background-position:0px 5px;}
		
#listtools a:link, #listtools a:visited,
#listnavigation1 a:link, #listnavigation1 a:visited,
#listfooter a:link, #listfooter a:visited
{text-decoration: none;}

#listtools a:link, #listtools a:visited {color: #9BD739;}
#listnavigation1 a:link, #listnavigation1 a:visited {color: #004000;}
#listfooter a:link, #listfooter a:visited {color: #599017;}
	
	/*#listtools li, #listnavigation1 li, #listfooter li{
	display: inline;
	list-style-type: none;
	font-size:1.1em; line-height:1.6em;
	}

	#listtools a, #listnavigation1 a, #listfooter a{padding: 0.3em 1em 0.3em 1.2em;}
	#listtools a:focus, #listnavigation1 a:focus, #listfooter a:focus {background-color: #054704; color: #fff!important;}
	#listtools a{background : transparent url("/templatesMedias/img/tools/puce_tools.jpg") no-repeat;}
	#listnavigation1 a{background : transparent url("/templatesMedias/img/tools/puce_nav1.gif") no-repeat;}
	#listfooter a{background : transparent url("/templatesMedias/img/tools/puce_footer.gif") no-repeat;}
		
		#listtools a, #listnavigation1 a, #listfooter a {background-position: 0px 6px; }
			
	#listtools a:link, #listtools a:visited,
	#listnavigation1 a:link, #listnavigation1 a:visited,
	#listfooter a:link, #listfooter a:visited
	{text-decoration: none;}
	
	#listtools a:link, #listtools a:visited {color: #9BD739;}
	#listnavigation1 a:link, #listnavigation1 a:visited {color: #004000;}
	#listfooter a:link, #listfooter a:visited {color: #599017;}*/
	
	/* = etat active des navs ------------------------ */
	.active {text-decoration:underline !important;}

	
	/* = Navigation principal------------------------ */
	#navigationPrincipal ul
	{
	margin: 0;
	padding: 0;
	text-align: center;
	height: 27px;
	background:#6BB11A;
	}

	#navigationPrincipal ul li {float: left; text-indent:-1000em; }
	
	#navigationPrincipal ul li a{
		display: block; 
		height: 27px; width: 182.1px;
		background : transparent url("/templatesMedias/img/navigation1/navigation1.gif") no-repeat;
	}
		#navigationPrincipal ul li a.BtEspaceProd {background-position: -20px 0px;}
		#navigationPrincipal ul li a.BtDevisSouscription {background-position: -221px 0px }
		#navigationPrincipal ul li a.BtEspaceAdherent {background-position: -428px 0px }
		#navigationPrincipal ul li a.BtEspaceEntreprise {background-position: -629px 0px }
		
		#navigationPrincipal ul li a:hover.BtEspaceProd {background-position: -20px -27px;}
		#navigationPrincipal ul li a:hover.BtDevisSouscription {background-position: -221px -27px }
		#navigationPrincipal ul li a:hover.BtEspaceAdherent {background-position: -428px -27px }
		#navigationPrincipal ul li a:hover.BtEspaceEntreprise {background-position: -629px -27px }

		#navigationPrincipal ul li a:focus.BtEspaceProd {background-position: -20px -27px;}
		#navigationPrincipal ul li a:focus.BtDevisSouscription {background-position: -221px -27px }
		#navigationPrincipal ul li a:focus.BtEspaceAdherent {background-position: -428px -27px }
		#navigationPrincipal ul li a:focus.BtEspaceEntreprise {background-position: -629px -27px }
		
		#navigationPrincipal ul li.active a.BtEspaceProd {background-position: -20px -27px;}
		#navigationPrincipal ul li.active a.BtDevisSouscription {background-position: -221px -27px }
		#navigationPrincipal ul li.active a.BtEspaceAdherent {background-position: -428px -27px }
		#navigationPrincipal ul li.active a.BtEspaceEntreprise {background-position: -629px -27px }

	/* = style pour footer ------------------------ */
	#footer p{padding-top: 20px; color: #4BAB30; font-size: 1.1em;}
	#footer ul#listfooter{float:right; margin-top: 18px;}
	
	
		
/* = PAGE DE NIVEAU 2 COMMUNES  2 colonnes
------------------------ */
#colonne1 {width: 45em; float: left; margin: 0px 0px 30px 0px; padding:10px;}
#colonne2 {width: 26em; float: right; margin: 0px; position: relative; overflow: hidden;}


	/* = Style de paragraphe ------------------------ */
	#content #colonne1 h2 {font-size:2.5em; font-weight:bold; margin-bottom:10px; margin-top:10px;}
	#content #colonne1 h3 {font-size:1.8em; font-weight:bold; margin-bottom:10px; margin-top:10px;}
	#content #colonne1 h4 {font-size:1.5em; font-weight:bold; margin-bottom:10px; margin-top:10px;}
	#content #colonne1 h5 {font-size:1.3em; font-weight:bold; margin-bottom:10px; margin-top:10px;}
	#content #colonne1 h6 {font-size:1.2em; font-weight:bold; margin-bottom:10px; margin-top:10px;}
/*	#content #colonne1 em {font-size:0.75em;}*/
	
	#content #colonne1 ul, #content #colonne1 dl, #content #colonne1 ol {margin-left:10px; }
	#content #colonne1 li, #content #colonne1 dt, #content #colonne1 dd {
		font-size:1.1em; line-height:1.2em;
		padding-left:20px; margin-top:8px;
		background: transparent url("/templatesMedias/img/quiestlasmip/puce_liste.jpg") 0px 2px no-repeat;
	}
	#content #colonne1 li li {font-size: 1em;}

	#content #colonne1 dt {font-weight:bold;}
	#content #colonne1 dd {background:none; margin-top:2px; font-style:italic;}
	
	/* =Styles textes pour colonne 2 (col de droite) ----------------------------------------- */
	#colonne2 h2 {font-size: 1.5em; margin: 5px 15px 1em 15px;}
	#colonne2 h3 {font-size: 1.3em; margin: 5px 15px 1em 15px;}
	#colonne2 p {font-size: 1.1em; margin: 5px 15px 1em 15px;}
	#colonne2 ul {
		margin: 0 0.5em 0.5em 0.5em;
		padding-left: 2em;
		font-size: 1.1em;
		list-style: disc;
		}
	#colonne2 li {
		margin-bottom: 0.5em;
	}
	#colonne2 ul * {font-size: 1em;}

	/* = Menu produi sous video-------------  */
	#colonne2 #sideMenuProd {
		list-style: none;
		margin: 0; padding: 0;
	}
	#colonne2 #sideMenuProd li {
		margin: 0; padding: 3px 0 3px 0;
	}
	#colonne2 #sideMenuProd a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding-left: 30px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	#colonne2 #sideMenuProd a:hover {text-decoration: underline;}
	#colonne2 #sideMenuProd li#prd1 {background-color: #FF0000; border-left: 7px #FD7E9A solid;}
	#colonne2 #sideMenuProd li#prd2 {background-color: #FFCA04; border-left: 7px #FDBD85 solid;}
	#colonne2 #sideMenuProd li#prd3 {background-color: #2C3192; border-left: 7px #9EC5F1 solid;}
	#colonne2 #sideMenuProd li#prd4 {background-color: #00CEFF; border-left: 7px #BDF3FF solid;}
	#colonne2 #sideMenuProd li#prd5 {background-color: #FF6100; border-left: 7px #FFCAAB solid;}
	
	/* = Bloc vidéos-------------  */
	#colonne2 #contenuVideo {
		margin: 0!important;
		padding: 10px 0 10px 0!important;
		width: 260px; height: 290px;
		background-color: #74C016;
		background: #74C016 url(/templatesMedias/img/bgVideo.gif) repeat-y;
		}
	
	#colonne2 #contenuVideo * {margin: 0; padding: 0;}

	/* =  navigation de content------------------------ */
	ul.navContent_niv1, ul.navContent_niv2 {
		width: 73em;
		overflow:hidden;
		background: #FFFFFF;
	}
	ul.navContent_niv1 li , ul.navContent_niv2 li {
		float:left; 
	}
	ul.navContent_niv1 li a, ul.navContent_niv2 li a{
		display:block; padding:8px; border-right:1px #FFFFFF solid;
		font-size:1.3em; font-weight: bold;
		color: #FFFFFF; text-decoration:none;
		cursor:pointer;
	}
	ul.navContent_niv1 li a:focus, ul.navContent_niv1 li a.active {background:#FFFFFF;}
	ul.navContent_niv2 li a:focus {color: #fff!important; background-color: #6C008B;}
	
	/* =  navigation de content ------------------------ 
	
	ul.navContent_niv1 li, ul.navContent_niv2 li{
		display: inline;
		height:28px; overflow:hidden;
	}
	
	ul.navContent_niv1 li a, ul.navContent_niv2 li a{
		float: left;
		font-size:1.3em; font-weight: bold;
		color: #FFFFFF; text-decoration:none;
		height:28px; display:block;
		border-right:1px #FFFFFF solid;
		margin:0px; padding:5px 10px 5px 10px;
		cursor:pointer;
	}
	
	ul.navContent_niv1 li a:focus, ul.navContent_niv1 li a.active {background:#FFFFFF;}
	ul.navContent_niv2 li a:focus {color: #fff!important; background-color: #6C008B;}
	
/* = STYLE POUR BODY PAGE ACCUEIL
	------------------------ */
	body#accueilSMIP #content {width:80em; margin: 0px; padding: 0px; background: transparent url("/templatesMedias/img/acc/bg_contentAcc.gif") -5px 0px repeat-y}


		/* = Dimensions des colonnes dans content------------------------ */
		body#accueilSMIP #colonne1 {width: 31.4em; float: left; margin: 0; padding: 0; background: #FFFFFF}
		body#accueilSMIP #colonne2 {width: 46em; float: left; margin: 0; padding: 0; background: transparent url("/templatesMedias/img/acc/bg_flashome.gif") repeat-y}


		/* =  le magazine de la smip------------------------ */
		body#accueilSMIP #magazineSmip{
			background : #FFFFFF url("/templatesMedias/img/acc/bg_magazine.jpg") bottom right no-repeat;
		}
		body#accueilSMIP #magazineSmip h1{
			display: block; height: 2.8em; overflow: hidden;
			text-indent: -100em;
			background : #FFFFFF url("/templatesMedias/img/acc/bgh1_Titre-magazine.jpg") bottom right no-repeat;
		}

		body#accueilSMIP #magazineSmip h2{font-size: 1.2em; line-height: 1.1em; color: #348313; padding:10px 70px 5px 0;}
		body#accueilSMIP #magazineSmip p{padding: 0px 70px 0px 10px; color: #224E03; text-align: justify; }

		body#accueilSMIP #magazineSmip ul {display:block; height:20px; padding-top:5px; margin:0px;}
		body#accueilSMIP #magazineSmip ul li{display:inline; background:transparent; padding:0px; font-size:1.0em;}
			/* = pour la vignette ------------------------ */ 
			body#accueilSMIP #magazineSmip img.vignette {
			float: left;
			margin: 0 10px 0px 10px;
			clear: left;
			}
			/* = Pour les liens ------------------------ */
			body#accueilSMIP #magazineSmip a:link, body#accueilSMIP #magazineSmip a:visited {
				margin-left:10px;
				text-decoration: none; color: #007000;
				font-size:1.1em;
			}

		/* = Les Espace ------------------------ */
		body#accueilSMIP #LesEspaces {
			background: #FFFFFF url("/templatesMedias/img/acc/bg_guide.jpg") top right no-repeat;
			padding: 10px;
		}
			/* = Le guide des aides ------------------------ */
			body#accueilSMIP #guideAidesSociales {
				position: relative;
				border-top: 1px #009900 solid;
				border-bottom: 1px #009900 solid;
				margin-right: 55px;
			}

			body#accueilSMIP #guideAidesSociales h1{
				font-size: 1.6em; line-height: 1.8em; color: #297B13;
				font-weight: bolder;
			}
			body#accueilSMIP #guideAidesSociales p{
				margin: 5px 0 5px 0;
			}
			body#accueilSMIP #guideAidesSociales a:link, body#accueilSMIP #guideAidesSociales a:visited {
				text-decoration: none; color: #297B13;
				font-size:1.3em; font-weight: bolder;
			}

			/* = Espace Adherent et entreprise ------------------------ */
			body#accueilSMIP #blocEspaceEntreprise, body#accueilSMIP #blocEspaceAdherent{
				margin-top: 10px; padding-bottom: 10px;
				width: 260px;
				background: #FFFFFF url("/templatesMedias/img/acc/bg_bloc.jpg") bottom left no-repeat;
			}

			body#accueilSMIP #blocEspaceEntreprise h1, body#accueilSMIP #blocEspaceAdherent h1{
				display: block; overflow: hidden;
				height: 30px; font-size:2px !important; line-height:100em;
				background: #FFFFFF url("/templatesMedias/img/acc/tete_bloc.jpg") top left no-repeat;
			}
			
			body#accueilSMIP #blocEspaceEntreprise h1{
				background-position:0px 0px;
			}
			
			body#accueilSMIP #blocEspaceAdherent h1{
				background-position:0px -39px;
			}
			

			body#accueilSMIP #blocEspaceEntreprise a.aide, body#accueilSMIP #blocEspaceAdherent a.aide{
				display: block; height: 30px; width: 30px; overflow: hidden;
				text-indent:-100em;
				position: relative;
				float: right;
				top: -27px; right: 10px;
				background: transparent url("/templatesMedias/img/acc/bt_aide.gif") no-repeat;
			}


			body#accueilSMIP #blocEspaceEntreprise ul, body#accueilSMIP #blocEspaceAdherent ul{
				margin:10px;
			}

			body#accueilSMIP #blocEspaceEntreprise ul li, body#accueilSMIP #blocEspaceAdherent ul li{
				font-size:1.1em; line-height:1.1em;
				margin-top:5px;
				padding-left: 10px;
				background: transparent url("/templatesMedias/img/acc/fleche.gif") 0px 6px no-repeat;
			}

			body#accueilSMIP #blocEspaceEntreprise ul li a, body#accueilSMIP #blocEspaceAdherent ul li a{
				color: #000000; text-decoration:none; 
			}
			
	/* = MENU NOFLASH pour Accueil	------------------------ */

	body#accueilSIP #flashHome{background:transparent;}

	body#accueilSMIP #BlocNoflash {
		width:47.3em; height:51em; 
		background: transparent url("/templatesMedias/img/menuNoflash/MenuNoFlash.jpg") -2px 0px no-repeat;
		}
	
	body#accueilSMIP #BlocNoflash h1{font-size:2.6em; color: #FFFFFF; margin-top:3px;}
	body#accueilSMIP #BlocNoflash h2{font-size:2.4em; color: #FF0031; margin:165px 30px 0px 50px;}
	body#accueilSMIP #BlocNoflash h2 strong{font-size:2.5em;}
	body#accueilSMIP #BlocNoflash p{font-size:1.2em; margin:120px 30px 10px 50px; line-height:1.4em; color: #006B00; margin-top:5px; margin-bottom:10px;}

	/* = menuNoflash ------------------------ */
	body#accueilSMIP #BlocNoflash ul.MenuNoflash {
		background:transparent; 
		position:absolute; top:537px; 
		width:437px; overflow:hidden;
		}
	body#accueilSMIP #BlocNoflash ul.MenuNoflash li a{
		display:block; height:20px; 
		text-indent:-1000em;
		background: transparent url("/templatesMedias/img/menuNoflash/MenuNoFlash_nav.gif") no-repeat;
		cursor:pointer;
		}
	
		/* = position du background pour les onglets ------------------------ */
		body#accueilSMIP #BlocNoflash ul.MenuNoflash li.complsante a{background-position:0px 0px;}
		body#accueilSMIP #BlocNoflash ul.MenuNoflash li.prevoyance a{background-position:0px -20px;}
		body#accueilSMIP #BlocNoflash ul.MenuNoflash li.epargne a{background-position:0px -40px;}
		body#accueilSMIP #BlocNoflash ul.MenuNoflash li.contrat a{background-position:0px -60px;}
		body#accueilSMIP #BlocNoflash ul.MenuNoflash li.service a{background-position:0px -80px;}
	
		/* = position diu background pour position hover ------------------------ */
		body#accueilSMIP #BlocNoflash ul.MenuNoflash li.complsante a:hover{background-position:0px -110px;}
		body#accueilSMIP #BlocNoflash ul.MenuNoflash li.prevoyance a:hover{background-position:0px -130px;}
		body#accueilSMIP #BlocNoflash ul.MenuNoflash li.epargne a:hover{background-position:0px -150px;}
		body#accueilSMIP #BlocNoflash ul.MenuNoflash li.contrat a:hover{background-position:0px -170px;}
		body#accueilSMIP #BlocNoflash ul.MenuNoflash li.service a:hover{background-position:0px -190px;}
	
		/* = bulle DEVIS  et SOUSCRIVER ------------------------ */
		body#accueilSMIP #BlocNoflash a.devis, body#accueilSMIP #BlocNoflash a.souscriver {
			display:block; height:73px; width:83px;
			position:relative; text-indent:-100em;
			}
		body#accueilSMIP #BlocNoflash a.devis {
			top:-290px; left:350px;
			background: transparent url("/templatesMedias/img/menuNoflash/bt_devis.gif") no-repeat;
		}
		body#accueilSMIP #BlocNoflash a.souscriver {
			top:-250px; left:350px;
			background: transparent url("/templatesMedias/img/menuNoflash/bt_souscrivez.gif") no-repeat;
		}

/* = STYLE POUR BODY quiestlasmip
------------------------ */

	/* = titre ------------------------ */
	body#PageQuiEstSmip #content h1{
/*		width: 73em;*/
		
/*		text-indent:-100em;*/
		border-bottom:1px #FFFFFF solid;
/*		background : #6E078C url("/templatesMedias/img/quiestlasmip/bd_decouvrirlasmip.jpg") left top no-repeat;*/
		background : #6E078C url(/templatesMedias/img/bg_H1.jpg) left top repeat-x;
		font-size: 25px; color: #fff;
		line-height: 1.5em;
		padding-left: 10px;
		}
		
	/* = couleur pour txt ------------------------ */
	body#PageQuiEstSmip h2,
	body#PageQuiEstSmip h3,
	body#PageQuiEstSmip h4,
	body#PageQuiEstSmip h5,
	body#PageQuiEstSmip h6 {color: #6E078C;}
		
	/* = Navcontent couleur ------------------------ */
	body#PageQuiEstSmip ul.navContent_niv1 {background: #6E078C url("/templatesMedias/img/quiestlasmip/bg_navContent.jpg") bottom left repeat-x;}
	body#PageQuiEstSmip ul.navContent_niv2 li a{color: #6E078C; text-decoration:none; border-right:1px #6E078C solid;}
	body#PageQuiEstSmip ul.navContent_niv1 li a:hover,
	body#PageQuiEstSmip ul.navContent_niv1 li a:focus,
	body#PageQuiEstSmip ul.navContent_niv1 li a.active {color: #ED7DFA !important;}
	
/*= PAGES MAGAZINE
-------------------- */

	
	
	body#pageMagazine {}
	body#pageMagazine #content {background-image: none;}
	body#pageMagazine .padder {
		margin: 1em;
	}
	body#pageMagazine h1 {
		width: 73em; height:40px;
		text-indent:0em; color:#ED163F;
		border-bottom:1px #FFFFFF solid;
		background : #FD1843 url("/templatesMedias/img/magazine/ti_magazine.gif") left top no-repeat;
	}
	body#pageMagazine h2,
	body#pageMagazine h3,
	body#pageMagazine h4,
	body#pageMagazine h5,
	body#pageMagazine h6 {color: red !important;}



	/* = Navigation thème ------------------------ */
	body#pageMagazine ul.navContent_niv1 {background: #FD1843 url("/templatesMedias/img/magazine/bg_navContent.gif") bottom left repeat-x;}
	body#pageMagazine ul.navContent_niv2 li a {color: #FD1843; text-decoration:none; border-right:1px #6E078C solid;}
	body#pageMagazine ul.navContent_niv1 li a:hover,
	body#pageMagazine ul.navContent_niv1 li a.active {color: #FD1843 !important;}


	/* =Mise en page de base ----------------------------------------- */
	body#pageMagazine #content .sommaireMag { padding: 0 20px 20px 20px; }
	body#pageMagazine #content .sommaireMag:after{
		content: "----";
		clear: both;
		visibility: hidden;
		height: 0;
		}

	/* =Couleurs textes et titrages ----------------------------------------- */
	body#pageMagazine .sommaireMag h2,
	body#pageMagazine .sommaireMag h3,
	body#pageMagazine .sommaireMag h4,
	body#pageMagazine .sommaireMag h5,
	body#pageMagazine .sommaireMag h6 {color: #FD1843;}
	body#pageMagazine .sommaireMag p {color: #33050D;}

	body#pageMagazine .sommaireMag h2 {font-size: 1.5em;}
	body#pageMagazine .sommaireMag h3 {font-size: 1.4em;}
	body#pageMagazine .sommaireMag h4 {font-size: 1.3em;}
	body#pageMagazine .sommaireMag h5 {font-size: 1.2em;}
	body#pageMagazine .sommaireMag h6  {font-size: 1.1em;}

	body#pageMagazine .sommaireMag ul {color: #33050D; font-size: 1.1em;}
	body#pageMagazine .sommaireMag ul a {color: #33050D;}

	body#pageMagazine #content h2.titreMag {
		font-size: 2em; font-weight: bold; color: #fff !important; line-height: 1.5em;
		text-indent: 10px;
		background-color: #FD1843;
		}
	body#pageMagazine #content h3.titreSommaireMag {
		font-size: 1.4em; font-weight: bold; line-height: 1.5em; color: #FD1843;
		border-bottom: 3px #FD1843 solid;
		padding: 15px 0 3px 0; margin: 0 0 15px 0;
		clear: both;
		}
	body#pageMagazine #content h3.titreSommaireMag em {
		color: #FE6384;
	}
	body#pageMagazine #content .introMag {
		margin-top: 20px;
		text-align: left;
		}


	/* =Visuel ----------------------------------------- */
	body#pageMagazine #content .visuelMag {
		background-color: #FD1843;
		width: 100%; overflow: hidden;
		}
	body#pageMagazine #content .visuelMag img {width: 100%;}

	/* =Liste articles ----------------------------------------- */
	body#pageMagazine .sommaireMag {}
	body#pageMagazine .sommaireMag .themeMag {margin-bottom: 5px;}
	body#pageMagazine .sommaireMag .somPart {width: 50%; float: left;}
	body#pageMagazine .articleMag {padding-left: 20px; margin-bottom: 10px;}
	body#pageMagazine .articleMag li {
		background: transparent url(/templatesMedias/img/magazine/icn_article.gif) no-repeat 0 0;
		padding-left: 15px;
		margin-bottom: 3px;
		}

/*= Pages Aides sociales
-------------------------- */
	/* !!!!!!!!!!! Dépendantes de #PageQuiEstSmip, ajout d’une class au body */
	
	body.pageAides {}
	body.pageAides #content {background: #fff url(/templatesMedias/img/aidesSociales/bgAidesSoc.gif) no-repeat bottom right;}
	body.pageAides #content .padder {margin: 1em;}

	/* =Mise en forme contenus textes ----------------------------------------- */
	
	body.pageAides .padder h2 {
		font-size: 2.4em; font-weight: bold;
		margin: 0 0 20px 0;
		}
	/* Menu principal */
	body.pageAides #menusAides {}

		/* Colonnes du menu */
		body.pageAides #menusAides ul {
			margin: 0; padding: 0;
			float: left;
			width: 50%;
			}
		body.pageAides #menuAide01 {}
		body.pageAides #menuAide02 {}
	
		/* Élements du menu */
		body.pageAides #menusAides li {
			background-color: #e3a9f8;
			font-size: 1.5em;
			margin: 0 10px 10px 0;
			}
		body.pageAides #menusAides a:hover,
		body.pageAides #menusAides a:focus {background-color: #6F008B !important;}

		body.pageAides #menusAides li a {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			line-height: 52px;
			vertical-align: middle;
			display: block;
			background: transparent url(/templatesMedias/img/aidesSociales/icn10.gif) no-repeat 0 50%;
			padding-left: 60px;
			}

		body.pageAides #menusAides #ma01 a {background: transparent url(/templatesMedias/img/aidesSociales/icn1.gif) no-repeat 0 50%;}
		body.pageAides #menusAides #ma02 a {background: transparent url(/templatesMedias/img/aidesSociales/icn2.gif) no-repeat 0 50%;}
		body.pageAides #menusAides #ma03 a {background: transparent url(/templatesMedias/img/aidesSociales/icn3.gif) no-repeat 0 50%;}
		body.pageAides #menusAides #ma04 a {background: transparent url(/templatesMedias/img/aidesSociales/icn4.gif) no-repeat 0 50%;}
		body.pageAides #menusAides #ma05 a {background: transparent url(/templatesMedias/img/aidesSociales/icn5.gif) no-repeat 0 50%;}
		body.pageAides #menusAides #ma06 a {background: transparent url(/templatesMedias/img/aidesSociales/icn6.gif) no-repeat 0 50%;}
		body.pageAides #menusAides #ma07 a {background: transparent url(/templatesMedias/img/aidesSociales/icn7.gif) no-repeat 0 50%;}
		body.pageAides #menusAides #ma08 a {background: transparent url(/templatesMedias/img/aidesSociales/icn8.gif) no-repeat 0 50%;}
		body.pageAides #menusAides #ma09 a {background: transparent url(/templatesMedias/img/aidesSociales/icn9.gif) no-repeat 0 50%;}
		body.pageAides #menusAides #ma10 a {background: transparent url(/templatesMedias/img/aidesSociales/icn10.gif) no-repeat 0 50%;}

	/* = Mise en forme listes fiches  ----------------------------------------- */
	.back {margin-bottom: 15px;}
	body.pageAides .listeFiches h3 {
		font-size: 1.5em; font-weight: bold;
		text-transform: uppercase;
		color: #48055c !important;
		margin: 0 0 10px 0;
		}
	body.pageAides .listeFiches ul {
		font-size: 1.2em;
		margin-bottom: 20px;
	}
	body.pageAides .listeFiches li {margin: 0 0 5px 0;}
	body.pageAides .listeFiches a {
		color: #7400A6;
		text-decoration: none
	}
	
	/* =Mise en forme fiches ----------------------------------------- */
	
	/*Zone principale*/
	body.pageAides .colA {
		width: 45em; float: left;
		color: #48055c;
		}
	
	body.pageAides .colA p,
	body.pageAides .colA ul,
	body.pageAides .colA h3,
	body.pageAides .colA h4,
	body.pageAides .colA h5,
	body.pageAides .colA h6 {margin-bottom: 15px;}
	
	body.pageAides .colA p {font-size: 1.2em;}
	body.pageAides .colA ul {
		font-size: 1.2em;
		padding-left: 2em;
		list-style: disc;
		}
	body.pageAides .colA h3 {
		font-size: 1.65em;
		font-weight: bold;
		color: #48055c !important;
		}
	body.pageAides .colA h4 {
		font-size: 1.3em;
		font-weight: bold;
		color: #48055c !important;
		}

	body.pageAides .colA table {
		background: #fff;
		width: 100%;
		font-size: 1.2em;
		}
	body.pageAides .colA th {
		background: #aaa;
		padding: 3px;
		}
	body.pageAides .colA td {
		background: #ddd;
		padding: 3px;
		}
	
	/*Zone secondaire (boites flottantes)*/
	body.pageAides .colB {
		width: 250px;
		float: right;
		position: relative; top: 50px;
		}
	body.pageAides .colB p {
		background-color: #FDB5FF;
		color: #6e078c;
		padding: 10px;
		margin: 0 0 10px 0;
	}
	body.pageAides .colB h3 {
		background-color: #5A0079;
		color: #fff !important;
		text-transform: uppercase;
		font-size: 1.3em;
		padding: 3px 0 3px 5px;
		}
	
.sitemap2,.sitemap3,.sitemap4,.sitemap5,.sitemap6,.sitemap7,.sitemap8,.sitemap9,.sitemap10,.hide {
	display: none;
}


/* = Style pour le pop-up glossaire
------------------------------------ */
	.definition {
		font-size: 11px;
		background-color: #369;
		font-weight: normal;
		padding: 10px;
		width: 400px;
		color: #fff;
		border-bottom: 1px #333 solid;
		border-right: 1px #333 solid;
		z-index: 100000;
		}


/* = Formulaires
--------------- */
	fieldset {
		margin: 20px 5px 5px 5px; padding: 5px; border: none;
	}
	fieldset legend span.required {
		color: #6E078C;
	}
	fieldset legend {
		font-size: 1.4em;
		font-weight: bold;
		color: #6E078C;
		margin-bottom: 10px;
	}
	fieldset div {
		float: left;
		width: 180px;
		text-align: right;
		padding: 0 10px 0 0;
	}	
	fieldset label {
		font-size: 1.1em;
		line-height:20px;
		font-weight: bold;
	}
	fieldset .textfield, fieldset .textarea, fieldset .email {
		padding-left: 1px;
	 	width: 200px;
	}
	fieldset .textarea {
		width: 100%;
		overflow: auto;
	}
	fieldset span.required {
		color: #000000;
		font-weight: bold;
	}
	p.field_valid input {
		background: #6E078C;
		color: #FFFFFF;
		border: none;
		padding: 5px;
		cursor:pointer;
	}
	p.field_valid {
		text-align:center;
		margin: 0px;
		padding: 20px 5px 5px 5px;
	}
	p.clear {
		clear: both;
		padding: 1px;
	}
	fieldset input.radioContact {
		float:left;
		width:24px;
		margin-top: 4px;
	 	#margin-top: 0px;
	}
	fieldset div.radioContact {
		width: 20px;
		text-align: left;
		line-height: 20px;
	}
	fieldset div.error {
		text-align: left;
		color: #CE000C;
		font-size: 1.1em;
		font-weight: bold;
		width: 250px;
		padding: 0 0 10px 190px;
	}