html {margin:0; padding:0;background-color:#fff;}
	body {position: relative;width: 960px; margin: 0 auto; }
	
/* = commun = */
	.clear {clear:both; height: 1px; overflow: hidden;}
	.hidden {display: none;}
	p, p a, p strong {color:#6177B1}
	strong {font-weight: bold;}
	p {line-height: 150%;}

/* = Structure = */
	#page {width: 960px; border: 1px #003781 solid;}
	#header, #contenu, #footer {width: 960px;}
	#left, #central, #right {float: left;}
	#left {width: 150px;} 
	#central {position: relative; width: 670px; padding: 15px 25px 25px 65px;  overflow: hidden;}
	
	body#home #contenu {background: transparent url(/global/medias/bgRepeatContentHome.gif) repeat-y 0 0;}
	body.utilisationContent #central {width: 670px; padding: 15px 25px 25px 65px;}
	#right {position: relative; width: 200px;}


/* didacticiel */
	.didacticielContent #flash {
		width: 900px; height: 550px; margin: 25px 0 25px 30px;
		}

/*Arrondis*/
	.rounded {position: relative; margin:0;}
	.tl, .tr, .bl, .br {position: absolute; width: 45px; height: 45px;}
	.roundedEncart .tl, .roundedEncart .tr, 
	.roundedEncart .bl, .roundedEncart .br {position: absolute; width: 20px; height: 20px;}
	
	.tl {background: transparent url(/global/medias/TopLeft.gif) no-repeat 0 0; margin: -1px 0 0 -1px;}
	.tr {background: transparent url(/global/medias/TopRight.gif) no-repeat 0 0; margin: -1px -1px 0 0;}
	.bl {background: transparent url(/global/medias/BottomLeft.gif) no-repeat 0 0; margin: 0 0 -1px -1px;}
	.br {background: transparent url(/global/medias/BottomRight.gif) no-repeat 0 0; margin: 0 -1px -1px 0;}
	.tr, .br {right: 0;}
	.tl, .bl {left: 0;}
	.tl, .tr {top: 0;}
	.bl, .br {bottom: 0;}
	
	.roundedEncart .tl {background: transparent url(/global/medias/TopLeftEncart.gif) no-repeat 0 0;}
	.roundedEncart .tr {background: transparent url(/global/medias/TopRightEncart.gif) no-repeat 0 0;}
	.roundedEncart .bl {background: transparent url(/global/medias/BottomLeftEncart.gif) no-repeat 0 0;}
	.roundedEncart .br {background: transparent url(/global/medias/BottomRightEncart.gif) no-repeat 0 0;}

/* = Header = */
	#header {
		height: 191px; oveflow: hidden;
		background-color:#003781;
		}	
	
	/* = logo */
	a.logo {
		position: absolute;
		display: block;
		width: 268px; height: 70px;
		background: transparent url(/global/medias/logo.gif) no-repeat 0 0;
		}
	
	/* ariane */
	#ariane {position: absolute; left: 272px; top: 28px;}
	#ariane li, #ariane li a {color:#fff;}
	#ariane li.vous {
		display: block; color:#CDE8F7;
		float: none!important;
		padding: 0 0 3px 2px;
		background-image: none;
		}
	#ariane li {
		float: left; font-size: 80%;
		padding: 0 0 0 10px; margin: 0 10px 0 0;
		background: transparent url(/global/medias/chevronTraca.gif) no-repeat 0 0;
		}
	#ariane li a {text-decoration: none;}
	
	/* headerNuage */
	#headerNuage ul {position: absolute; left: 270px; top: 55px;}
	#headerNuage ul li, #headerNuage li a {color:#fff;}
	#headerNuage ul li {float: left; font-size: 85%; margin: 0 7px 0 ;}
	#headerNuage ul li a {text-decoration: none;}
	
	/* #navigation */
	#navigation {
		z-index: 1000;
		position: absolute; top: 168px;
		height: 24px; width: 915px;
		padding: 0 0 0 45px;
		oveflow: hidden;
		background: transparent url(/global/medias/bgRepeatMenu.gif) repeat-x 0 0;
		}
	#navigation .menu {
		padding: 0 0 0 20px; 
		height: 24px; overflow: hidden;
		}
	#navigation .menu li {
		float: left;
		display: inline; height: 24px; width: auto;
		border-left: 1px #fff solid; 
		}
	#navigation .menu li a {
		float: left; 
		display: block; height: 20px; width: auto;
		padding: 4px 5px 0 5px;
		cursor: pointer;
		font-size: 93%; color:#fff; font-weight: bold;
		text-decoration: none;
		}
	#navigation .menu li.last {border-right: 1px #fff solid;}
	#navigation .menu li ul li.last {border:0}
	#navigation .menu li a:hover,
	#navigation .menu li a.current {
		background: transparent url(/global/medias/rolMenu.gif) repeat-x 0 0;
		}
		
	#navigation .menu li ul {
		position: absolute; z-index: 1000;
		margin: 24px 0 0 0; padding:0;
		background-color:#96A6CE;
		}
	#navigation .menu li ul li {
		position: relative; float: left; 
		margin: 0 5px 0 5px; border:0;
		}
	#navigation .menu li ul li a {
		font-size:85%;
		color:#fff; font-weight: bold;
		text-decoration: none;
		}
	#navigation .menu li ul li a.current,
	#navigation .menu li ul li a:hover {
		color:#053881;
		background-image: none!important;
		}
	
	/* = #presentation */
	#presentation { 
		z-index: 10000; 
		position: absolute; top: 168px; right: 0px; 
		}
	#presentation a.linkPresent {
		margin: 0 -2px 0 0;
		display: block; width: 165px; height: 20px;
		padding: 4px 5px 0 5px;
		font-size: 93%; color:#fff;
		font-weight: bold; text-decoration: none;
		/*text-indent: -100em;*/ cursor: pointer;
		background: transparent url(/global/medias/h2PresentRepeat.gif) repeat-x 0 0;
		}
	#presentation ul {	
		position: absolute; right:14px;
		width: 410px; height: 20px;
		padding: 2px 5px 2px 5px;
		margin: 0 -15px 0 0;
		background-color:#96A6CE;
		}
	#presentation ul li {
		position: relative; float: right; 
		margin: 0 5px 0 10px;
		}
	#presentation ul li a {
		font-size: 85%; font-weight: bold;
		color:#fff; text-decoration: none;
		}
	#presentation ul li a:hover,
	#presentation ul li.current a {color:#003781;}
	
	/* = bandeau */
	#bandeau, #flashHome {position: absolute; top: 70px;}
	#flashHome {
		height: 98px!important; 
		overflow:hidden;
		}

	#rechercheMode, a.espaceClient, ul#tools {position: absolute;}
	
	/* = #rechercheMode */
	#rechercheMode {top: 10px; right: 10px;}
	#rechercheMode label,
	#rechercheMode input,
	#rechercheMode button {float: left;}
	#rechercheMode label {display: none}
	#rechercheMode input {
		margin: 2px 0 0 0;
		font-size: 80%; color:#10367F; 
		border: 1px #fff solid;
		}
	#rechercheMode button {
		border: 0; text-indent: -1000em;
		margin: 0 0 0 5px; cursor: pointer;
		display: block; width: 20px; height: 20px;
		background: transparent url(/global/medias/buttonOk.gif) no-repeat 0 0;
		}
	#rechercheMode button:hover {
		background: transparent url(/global/medias/buttonOkhover.gif) no-repeat 0 0;
		}
	
	/* = espaceClient */
	a.espaceClient {
		top:46px; right: 120px;
		display: block; width: auto; height: 20px;
		padding: 4px 15px 0 5px;
		border: 1px #DED8DF solid;
		font-size: 85%; color:#fff;
		text-align: center; font-weight: bold;
		text-decoration: none;
		background: transparent url(/global/medias/bgRepeatEspace.gif) repeat-x 0 0;
		}
	
	/* = tools */
	ul#tools {top: 46px; right: 0;}
	ul#tools li, ul#tools li a {float: left;}
	ul#tools li {
		display: inline; height: 24px;
		border-left: 1px #fff solid;
		}
	ul#tools li a {
		display: block; width: auto; height: 20px;
		padding: 4px 5px 0 5px;
		font-size: 85%; color:#fff; font-weight: bold; text-decoration: none;
		background: transparent url(/global/medias/rolMenu.gif) repeat-x 0 0;
		}
	ul#tools li a:hover {
		background: #DC1E29 url(/global/medias/bgRepeatOk.gif) repeat-x 0 0;
		}
	
/* = left = */
	#left #actus {
		position: relative; overflow: hidden;
		width: 130px; /*height: 290px;*/
		margin:0; padding: 35px 10px 0 10px;
		background: #D4DBE2 url(/global/medias/bgActuHome.gif) no-repeat 0 0;
		}
	#left #actus .article {}
	body#home #left #actus .article img {
		display: block; 
		margin: 5px 0 5px 0!important;
		padding: 0!important;
		}
	#left #actus h1, #left #actus .article p {color:#5d5d5d;}
	#left #actus h1 {
		font-size: 125%; font-weight: bold; 
		padding: 0 0 10px 0;
		}
	#left #actus .article p {font-size: 77%; padding: 0 0 5px 0; margin:0;}
	#left #actus .article a.more {font-size: 85%; color:#DB252A;}
	
/* = home central = */
	body#home #central {width: 590px; padding: 0 0 0 20px;}
	#mosaique {z-index: 1; padding: 0 0 0px 0;}
	#mosaique img {margin:0 0 10px 10px;}
	
	#mosaique a.imgRubH01,
	#mosaique a.imgRubH02,
	#mosaique a.imgRubH03,
	#mosaique a.imgRubH04 {display: block; width: 285px; height: 165px;}
	
	#mosaique a.imgRubH01 {background: transparent url(/global/medias/clicQuoi.jpg) no-repeat 0 0;}
	#mosaique a.imgRubH02 {background: transparent url(/global/medias/clicQui.jpg) no-repeat 0 0;}
	#mosaique a.imgRubH03 {background: transparent url(/global/medias/clicPourQuoi.jpg) no-repeat 0 0;}
	#mosaique a.imgRubH04 {background: transparent url(/global/medias/clicAvantages.jpg) no-repeat 0 0;}
	
	#mosaique a.imgRubH01:hover,
	#mosaique a.imgRubH02:hover,
	#mosaique a.imgRubH03:hover,
	#mosaique a.imgRubH04:hover {background-position: 0 -165px;}
	
	#mosaique .rubrique {
		float: left; overflow: hidden;
		width: 294px; height: 225px;
		margin: 10px 0 0 0; padding: 0;
		}
	#mosaique .rubrique p {
		display: block; clear: both; float: left;
		font-size: 80%; color:#003781; line-height: 150%;
		padding: 0 5px 0.1em 5px;
		}
	#mosaique .rubrique p a {font-weight: bold;}

/* = central intro = */
	#central #intro {}
	#central #intro {padding: 0 0 1em 0;}
	#central #intro img {float: left; margin: 0 10px 0 8px;}
	
/* = homeClic */
	#homeClic .article {
		float: left; width: 275px;
		padding: 20px; margin: 0 10px 10px 0;
		border: 1px #718CBF solid;
		}
	#homeClic .article img {float: left; padding: 0 10px 10px 0;}
	#homeClic .article h2, #homeClic .article h3 {font-weight: bold;}
	#homeClic .article h2 {color:#003781; font-size: 93%}
	#homeClic .article h3 {color:#6177B1; font-size: 85%}
	#homeClic .article p {color:#6177B1; font-size: 77%;}
	#homeClic .article a.more {
		display: block; text-align: right; 
		color:#6177B1; font-size: 77%;
		}

/* = exemple d’utilisation */
	#utilisation #illustration,
	#utilisation #descriptif,
	#utilisation #autres {float: left;}
	
	#utilisation #illustration {
		width: 185px; padding: 50px 0 0 0;
		background: transparent url(/global/medias/topLeftUtiliVisuel.gif) no-repeat top right;
		}
	#utilisation #descriptif {width: 405px; /*width: 290px;*/ padding: 0 45px 0 0;}
	#utilisation #descriptif img {float: left; margin: 0 10px 10px 0;}
	
	#utilisation #descriptif h1 {color:#103781}
	#utilisation #descriptif h2 {color:#E53534; font-weight: bold;}
	#utilisation #descriptif p.chapeau { color:#103781; font-weight: bold;}
	#utilisation #descriptif p {}

	
	#utilisation #autres {
		width: 220px; 
		padding: 10px 0 0 0; 
		margin: 60px 0 0 0;
		
		background: #CBCFE6 url(/global/medias/topAutres.gif) no-repeat top right;
		}
	#utilisation #autres .content {	
		width: 200px;
		padding: 0 10px 20px 10px;
		}
	#utilisation #autres h2 {color:#103781; font-weight: bold;}
	#utilisation #autres ul {padding: 10px 0 0 0;}
	#utilisation #autres li {
		list-style-type: square;
		list-style-position: inside;
		margin: 0 0 5px 0; padding:0;
		}
	#utilisation #autres li a {
		font-size: 93%; color:#103781;
		font-weight: normal;
		}

/* = wisi = */
	.wisi h1 {
		padding: 0 0 0.5em 0;
		font-size: 125%; color:#003781; 
		font-weight: bold;
		}
	.wisi h2 {
		margin: 7px 0 0 0; padding: 0 0 0.5em 0;
		font-size: 93%; color:#E53534; font-weight: bold;
		}
	.wisi h2 a {color:#E53534}
	.wisi h3 {}
	.wisi h4 {}
	.wisi h5 {}
	.wisi h6 {}
	
	.wisi p {
		padding: 0.5em 0 0.5em 0;
		font-size: 85%; line-height: 150%;  color:#6177B1;
		}
	.wisi p a {color:#6177B1; font-weight: bold;}
	.wisi p img {padding: 0 10px 10px 0; position: relative; margin:0; }
		
	.wisi ul, .wisi ol {position: relative;}
	.wisi ul {margin: 10px 0 10px 0;}
	.wisi ol {margin: 10px 0 10px 0;}
	.wisi ul li,
	.wisi ol li {
		position: relative;
		margin: 0 0 5px 0; padding: 0;
		font-size: 85%; color:#6177B1;
		}
			
	#right ul li {list-style-type:none}
	
	/* CENTRAL LISTES */
	#central img {z-index: 1000;}
	#central ul li {
		padding: -5px 0 0 0;
		list-style-type: disc; list-style-position: inside;  vertical-align: baseline;
		}
	#central ol li {
		list-style-type:decimal;
		list-style-position: inside;
		}
	#central ul li a,
	#central ol li a {
		text-decoration: underline;
		font-weight: bold; color:#6177B1;text-decoration: none;
		}
		
/*encart */
	.wisi #encart {
		position: relative;
		width: 90%; padding:1em;
		margin: 25px 0 0 0;
		border: 1px #DA1923 solid;
		background-color:#FDEBE5;
		}
	.wisi #encart h2 {
		color:#E53534; font-size: 108%;
		font-weight: bold;
		}
	.wisi #encart ul {margin:0;}
	.wisi #encart ul li {
		padding: 0 0 0 20px;
		list-style-type:none!important;
		color:#E53534; font-size: 85%;
		background: transparent url(/global/medias/itemEncart.gif) no-repeat 0 0;
		}
	.wisi #encart ul li a {
		font-weight: bold;
		text-decoration: underline;
		color:#E53534; 
		}
		
/* = impression */
	body#home a.print {display: none;}
	a.print {
		border-bottom: 1px #fff solid;
		position: absolute; right: 150px;
		margin: 20px 0 0 0; padding: 5px;
		display: block; width: 20px; height: 20px;
		}
	a.print img {display: lock; margin:0; padding:0;}

/* = glossaire */
	#glossaire {padding: 0;margin: 10px 0 0 0;}
	#alphabet {
		height: 22px; padding: 5px 0 0 10px;
		background: #E53534 url(/global/medias/bgRepeatMenu.gif) repeat-x 0 0;
		}
	#alphabet li {
		float: left;
		margin: 0 3px 0 0; padding: 2px 0 0 0;
		list-style: none;
		}
	#alphabet li,
	#alphabet li a {
		display: block; width: 22px; height: 20px;
		font-size: 100%; color:#fff;
		text-decoration: none; text-align: center; vertical-align: center;
		background: #E53534 url(/global/medias/bgRepeatMenu.gif) repeat-x 0 -5px!important;
		}
	#alphabet li {color:#fff;}
	#alphabet li a.alpha_def:hover,
	#alphabet li.currentLetter a {
		color:#fff; height: 20px;
		background: #004B93 url(/global/medias/bgRepeatLegend.gif) repeat-x  0 -3px!important
		}
	.focus {
		margin: 0 0 1em 0;
		padding: 1em;
		background-color: #F4F4F4;
		}
	.focus h3, .focus p {padding: 0.5em 0 0.5em 0}
	.focus h3 a {
		font-size: 93%; color:#063981; 
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		}
	.focus .definition {}

/* ============= */		
/* = FAQ */
	
	#listeFaq {}
	#listeFaq li {
		display: inline; padding: 0 0 0 15px; margin:0;
		background: transparent url(/global/medias/itemAnchor.gif) no-repeat 0 0!important;
		}
	#listeFaq li a {margin: 0 10px 0 0; color:#E53534!important;}

	#faq {margin: 1em 0 0 0;}

	.categories h3 {
		position: relative; padding: 0.4em; margin: 7px 0 0 0;
		font-weight: bold; font-size: 85%; color:#fff;		
		background: #E53534 url(/global/medias/bgRepeatMenu.gif) repeat-x 0 0;
		}
	.questions {}
	.questions h4 {
		position: relative;
		display: block; cursor: pointer;
		color:#38629E; font-size: 85%; font-weight: bold;
		margin: 7px 0 0 0; padding: 0.2em 2em 0.2em 0;
		border-bottom: 1px #38629E solid;
		background: transparent url(/global/medias/itemPLus.gif) no-repeat top right;
		}
	.questions h4.moins {	
		background: transparent url(/global/medias/itemMoins.gif) no-repeat top right;
		}
	.questions p {
		position: relative;
		border-right: 1px #38629E solid;
		border-left: 1px #38629E solid;
		border-bottom: 1px #38629E solid;
		padding: 1em;
		}
		
/* = right = */
	#navRight {}
	#navRight li.first {margin: 60px 0 25px 0;}
	#navRight li.last {margin: 40px 0 15px 0;}
	#navRight li {}
	#navRight li a {
		display: block; width: 200px; height: 50px;
		text-indent: -1000em;
		}
	#navRight li.navR01 a {background: transparent url(/global/medias/navR01.gif) no-repeat 0 0;}
	#navRight li.navR02 a {background: transparent url(/global/medias/navR02.gif) no-repeat 0 0;}
	#navRight li.navR03 a {background: transparent url(/global/medias/navR03.gif) no-repeat 0 0;}
	
	#navRight li.current a,
	#navRight li a:hover {background-position: 0 -50px!important;}
	
/* = footer = */
	#footer {
		text-align: center;
		height: 24px; background-color:#003781;
		}
	#footer ul {
		position: absolute; right: 200px; 
		height: 24px; overflow: hidden;
		}
	#footer ul li {
		display: inline;
		float: left; height: 24px;
		border-left: 1px #fff solid;
		}
	#footer ul li a {
		float: left;
		display: block; width: auto; height: 20px;		
		padding: 4px 5px 0 5px;
		font-size: 85%; color:#fff; text-decoration: none;
		}
	#footer ul li.first {border:0;}
	#footer ul li.last {}
	#footer ul li.current a,
	#footer ul li a:hover {
		background: transparent url(/global/medias/bgRepeatMenu.gif) repeat-x 0 0;
		}
		
/* = footerNuage */
	#footerNuage ul {text-align: center; }
	#footerNuage ul li { display: inline; padding: 5px 0 5px 0;}
	#footerNuage ul li a {font-size: 77%; color:#9AA5C8; text-decoration: none;}