@charset "UTF-8";

@media screen , projection {
/*
	body {
		background-color: #E4E7F4;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
*/	
	
	
	
	body {
		background-color: #fff;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}

	.body_pop {
		background-color: #fff;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	/*	#page_margins {
		text-align: left;
		margin: 0 auto;
		min-width: 740px;
		max-width: 80em;
		background: #fff;
	} */
	#page_margins {
		text-align: left;
		margin: 1em auto;
		min-width: 740px;
		max-width: 80em;
		background: #E4E7F4;
		border:1px solid #DDDDDD;
		padding:1em 1em 3em 1em;
	}
	
	#page_margins_pop {
		text-align: left;
		margin: 1em auto;
		width: 600px;
		background: #E4E7F4;
		padding: 1em;
		border: 1px solid #ccc;
	}
	#page {
		padding: 0;
	}
	#header {
		padding: 25px 2em 1em 20px;
		background: #E4E7F4;
	}
	#logo_home {
		top: 15px;
		position: relative;
	}
	#topnav {
		color: #aaa;
		background: transparent;
	}
	#footer {
		background: #E4E7F4 url(../images/fd_footer.gif) no-repeat scroll left top;
		height: 26px;
		margin-top: 0;
		padding-top: 50px;
		position: relative;
		text-align: center;
		color: #8990B2;
	}
	.imgDuFooter {
		left: 10px;
		position: absolute;
		top: 35px;
		width: auto;
	}
	#col3 {
		margin: 0 0 0 33px;
	}
	#col3_content {
		padding: 0 20px 10px 10px;
	}
}

@media all {
	/* ----------------------------------------------------------------------
 * 
 *	INITIALISATION
 * 
 * ----------------------------------------------------------------------*/
	* {
		margin: 0;
		padding: 0
	}
	* html body * {
		overflow: visible
	}
	html {
		height: 99%;
		margin-bottom: 1px
	}
	body {
		font-size: 75%;
	}
	ul,ol,dl {
		margin: 0 0 1em 1em
	}
	li {
		margin-left: 1.5em;
		line-height: 1.5em
	}
	dt {
		font-weight: 700
	}
	dd {
		margin: 0 0 1em 2em
	}
	fieldset,img {
		border: 0 solid
	}
	option {
		padding-left: .4em
	}
	blockquote {
		margin: 0 0 1em 1.5em
	}
	#ie_clearing {
		display: none
	}
	#nav_main {
		width: 100%;
		float: left;
		display: inline;
		line-height: 0;
		background: #E4E7F4 none repeat scroll 0 0;
	}
	/* ----------------------------------------------------------------------
 * 
 * 						POSITIONNEMENT
 * 
 * ----------------------------------------------------------------------*/
	#header {
		position: relative
	}
	#topnav {
		text-align: right
	}
	#header #topnav {
		position: absolute;
		top: 10px;
		right: 10px
	}
	#header,#nav,#main,#footer {
		clear: both
	}
	.subcolumns {
		width: 100%;
		overflow: hidden
	}
	.subcolumns_oldgecko {
		width: 100%;
		float: left
	}
	.c25l,.c33l,.c48l,.c50l,.c66l {
		float: left
	}
	.c25r,.c33r,.c48r,.c50r,.c66r {
		float: right;
		margin-left: -5px
	}
	.c25l,.c25r {
		width: 25%
	}
	.c33l,.c33r {
		width: 33.333%
	}
	.c48l,.c48r {
		width: 48%
	}
	.c50l,.c50r {
		width: 50%
	}
	.c66l,.c66r {
		width: 66%
	}
	.subc {
		padding: 0 .5em
	}
	.subcl {
		padding: 0 1em 0 0
	}
	.subcr {
		padding: 0 0 0 1em
	}
	.skip,.hideme,.print {
		position: absolute;
		top: -1000em;
		left: -1000em;
		height: 1px;
		width: 1px
	}
	.skip:focus,.skip:active {
		position: static;
		top: 0;
		left: 0;
		height: auto;
		width: auto
	}
	.float_left {
		float: left;
		display: inline;
		margin-right: 1em;
		margin-bottom: 0.15em;
	}
	.float_right {
		float: right;
		display: inline;
		margin-left: 1em;
		margin-bottom: 0.15em;
	}
	.center {
		text-align: center;
		margin: 0.5em auto
	}
	textarea,pre,tt,code {
		font-family: "Courier New", Courier, monospace;
	}
	pre {
		background-color:#F9F9F9;
		border:1px dashed #ccc;
		color:black;
		line-height:1.1em;
		padding:1em;
	}
	/* ----------------------------------------------------------------------
 * 
 * 						TITRAILLE
 * 
 * ----------------------------------------------------------------------*/
	h1,h2,h3,h4,h5,h6 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 0 0 0.25em 0;
	}
	.titre_niv1 {
		font-size: 130%;
	}
	.titre_niv2 {
		font-size: 120%;
	}
	.titre_niv3 {
		font-size: 95%;
	}
	.titre_niv4 {
		font-size: 75%;
	}
	/* ----------------------------------------------------------------------
 * 
 * 						HEADER
 * 
 * ----------------------------------------------------------------------*/
	#header  h1 {
		font-size: 2.5em;
		letter-spacing: -2px;
		line-height: 65%;
		color: #000;
	}
	#header span {
		color: #999;
	}
	/* ----------------------------------------------------------------------
 * 
 * 						MISE EN PAGE INLINE
 * 
 * ----------------------------------------------------------------------*/
	p {
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}
	ul,ol,dl {
		line-height: 1.5em;
		margin: 0 0 1em 1em;
	}
	li {
		margin-left: 1.5em;
		line-height: 1.5em;
	}
	dt {
		font-weight: bold
	}
	dd {
		margin: 0 0 1em 2em
	}
	cite,blockquote {
		font-style: italic
	}
	blockquote {
		margin: 0 0 1em 1.5em
	}
	.strong,strong,b {
		font-weight: bold
	}
	em,i {
		font-style: italic
	}
	acronym,abbr {
		letter-spacing: .07em;
		border-bottom: .1em dashed #c00;
		cursor: help;
	}
	.note {
		background: #dfd;
		padding: 1em;
		border-top: 1px #bdb dotted;
		border-bottom: 1px #bdb dotted;
	}
	.important {
		background: #ffd;
		padding: 1em;
		border-top: 1px #ddb dotted;
		border-bottom: 1px #ddb dotted;
	}
	.warning {
		background: #fdd;
		padding: 1em;
		border-top: 1px #dbb dotted;
		border-bottom: 1px #dbb dotted;
	}
	/* ----------------------------------------------------------------------
 * 
 * 						LIENS
 * 
 * ----------------------------------------------------------------------*/
	a {
		color: #747594;
		text-decoration: none;
	}
	a:focus,a:hover,a:active {
		color: #182E7A;
		text-decoration: underline;
	}
	#topnav a {
		color: #999;
		font-weight: normal;
		color: #BF4F94;
		text-decoration: none;
	}
	#topnav a:focus,#topnav a:hover,#topnav a:active {
		text-decoration: underline;
	}
	#footer a {
		color: #C34B87;
		background: transparent;
	}
	#footer a:focus,#footer a:hover,#footer a:active {
		color: #4D87C7;
		background-color: transparent;
		text-decoration: underline;
	}
	a.lireSuite:before {
		content: "» ";
		color: #BF4F94;
		font-weight: bold;
	}
	a.lireSuite:after {
		content: " ... ";
		color: #BF4F94;
		font-weight: bold;
	}
	a.lireSuite {
		display: block;
		margin: 0 5px 0px 0;
		text-align: right;
	}
	a.lireSuite:focus,a.lireSuite:hover,a.lireSuite:active {
		text-decoration: none;
		color: #BF4F94;
	}
	a.lien_ext:after {
		content: "\0000a0[\2197]";
		font-size:80%
	}
	a.lien_down:after {
		content: "\0000a0[\2193]";
		font-size:80%
	}
	/* ----------------------------------------------------------------------
 * 
 * 						TABLES
 * 
 * ----------------------------------------------------------------------*/
	table {
		width: auto;
		border-collapse: collapse;
		margin-bottom: 0.5em;
	}
	table.full {
		width: 100%;
	}
	table.fixed {
		table-layout: fixed;
	}
	th,td {
		padding: 0.5em;
	}
	thead th {
		background: #444;
		color: #fff;
	}
	tbody th {
		background: #ccc;
		color: #333;
	}
	tbody th.sub {
		background: #ddd;
		color: #333;
	}
	hr {
		color: #fff;
		background: transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border: 0;
		border-bottom: 1px #eee solid;
	}
	/* ----------------------------------------------------------------------
 * 
 * 						BLOC INTRO & CO
 * 
 * ----------------------------------------------------------------------*/
	.blocIntro,
	.sousBlocIntro,
	.sousBlocIntro2,
	.blocPortrait,
	.sousBlocPortrait,
	.blocIndicateurs,
	.sousBlocIndicateurs,
	.blocInfo,
	.sousBlocInfo	{
		border: 1px solid #C34B87;
		-moz-border-radius : 12px;
		-moz-border-radius: 12px;
		-moz-box-sizing: border-box;
		-opera-sizing: border-box;
		-o-border-radius: 10px;
		-webkit-border-radius: 10px;
		
		-webkit-box-sizing: border-box;
		_zoom:1;
		zoom:1;
		line-height: 12px
	}
	.blocIntro {
		background: none;
		margin: 0 10px 1.5em 0;
		_zoom:1;
		line-height: 15px
	}
	.blocIntro2 {
		background: none;
		margin: 0 10px 1.5em 0;
		_zoom:1;
		line-height: 15px
	}
	.blocPortrait {
		background: #99CC00;
		margin: 0 10px 1.5em 0;
	}
	.blocIndicateurs {
		background: #FF9900;
		margin: 0 10px 1.5em 0;
	}
	.blocInfo {
		background: #FFCC33;
		margin: 0 10px 1.5em 0;
	}
	.blocIntro h2 {
		color: #C34B87;
		margin: 3px 0 0 1em;
	}
	.blocPortrait h2,.blocIndicateurs h2,.blocInfo h2 {
		color: #fff;
		margin: 3px 0 0 1em;
	}
	.sousBlocIntro,.sousBlocIntro2,.sousBlocPortrait,.sousBlocIndicateurs,.sousBlocInfo {
		background-color: #fff;
		left: 5px;
		margin-right: 18px;
		padding: 0.5em;
		position: relative;
		top: 7px;
		-webkit-box-shadow: 0px 3px 7px #adadad;
		_zoom:1;
	}
	.portrait,.indicateur,.nomenclature {
		margin: 0 !important;
		padding: 0.5em 0.8em 0.5em 0.8em !important;
	}
	.accueilBDI {
		background-image: url(../images/bandeau02.jpg);
		height: 82px;
		left: 210px;
		position: absolute;
		width: 403px;
	}
	#header {
		background: #E4E7F4 url(../images/bandeau_suite.gif) no-repeat scroll
			613px 0;
		padding: 0 2em 16px 20px;
	}
	.breadcrumb {
		background: url(../images/fd_breadcrumb.gif) no-repeat scroll left 0px;
		height: 31px;
		padding: 5px 0 0 61px;
		font-size: 85%;
		margin-bottom: 0.9em;
		margin-right: 15px;
		padding: 2px;
	}
	.breadcrumb p {
		background: #F1F2F2 none repeat scroll 0 0;
		border-bottom: 1px dotted #000000;
		margin: 0.7em 0 0 4em;
		padding: 2px 10px;
	}
	.breadcrumb_aide {
		height: 31px;
		padding: 5px 0 0 61px;
		font-size: 85%;
		margin-bottom: 0.9em;
		padding: 2px;
	}
	.breadcrumb_aide p {
		background: #F1F2F2 none repeat scroll 0 0;
		border-bottom: 1px dotted #000000;
		padding: 2px 10px;
	}
	.breadcrumb_sans {
		background: url(../images/fd_breadcrumb.gif) no-repeat scroll left 0px;
		height: 12px;
		padding: 5px 0 0 61px;
	}
	#main {
		background: url(../images/fd_contenu.gif) repeat-y scroll left 0px;
	}
	dl,dt,dd,ul,li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.blocPresentation,.blocResultat {
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		background-color: #fcfcfc;
		margin: 5px 0;
		padding: 10px 10px 2px 10px;
		border: 1px solid #ccc;
	}
	.blocPresentation p,.blocResultat p {
		padding: 0;
		margin-bottom: 1em;
	}
	.blocResultat {
		border: 1px solid #BF4F94;
	}
	#col3_content p {
		text-align: justify;
	}
	/*.stretcher p {
		margin: 1em 0 1.5em 15px;
		padding: 1em;
		border-top: 1px #bdb dotted;
		border-bottom: 1px #bdb dotted;
		background: #EFEFEF;
	}*/
	.stretcher p span{
		font-weight:bold;
	}
	.stretcher p {
		margin: 1em 0 1.5em 15px;
		padding: 1em;
		border: 1px #bdb solid;
	}

	/* ----------------------------------------------------------------------
 * 
 * 						STYLES PORTRAITS + INDICATEURS
 * 
 * ----------------------------------------------------------------------*/
	.hg {
		position: absolute;
		top: -1px;
		left: -1px;
	}
	.hd {
		position: absolute;
		top: -1px;
		right: -1px;
	}
	.bg {
		position: absolute;
		bottom: -1px;
		left: -1px;
	}
	.bd {
		position: absolute;
		bottom: -1px;
		right: -1px;
	}
	.checklist {
		border: 1px solid #999;
		font-size: 0.95em;
		list-style: none;
		height: 15em;
		overflow: auto;
		width: 45em;
		float: left;
		margin-right: 10px;
	}
	.checklist,.checklist li {
		margin-left: 0;
		padding: 2px;
	}
	.checklist label {
		display: block;
		padding: 2px;
		padding-left: 25px;
		text-indent: -25px;
	}
	.checklist .alt {
		background: #f5f5f5;
	}
	.checklist input {
		vertical-align: middle;
	}
	.checklist label:hover,.checklist label.hover {
		background: #DFDFDF;
		color: #000;
	}
	.checklist img {
		vertical-align: middle;
		margin: 0 5px
	}
	* html .checklist label {
		height: 1%;
	}
	.bloc_aide {
		background: #FFFFFF none repeat scroll 0 0;
		border: 1px solid #8990B1;
		line-height: 14px;
		margin-left: 2em;
		padding: 10px;
		position: relative;
		font-size: 0.95em;
	}
	.bloc_aide h3 {
		padding: 2px 0 4px 0px;
		color: #8990B1
	}
	.marges,.afficheCritere {
		padding-bottom: 1.5em;
		clear: both;
	}
	#no_carto {
		padding: 0.5em 0.5em 0.5em 1em; 
		border:1px solid #ccc;
		background-color :#f1f1f1;
		-o-border-radius: 10px; 
		-moz-border-radius: 12px;
		-webkit-border-radius: 10px;
		width: 54em;
		font-style: italic;
	}
	.afficheCritere p {
		margin: 0
	}
	.resultCritere {
		font-style: oblique;
		color: #333
	}
	/*
.resultCritere:before               { content: "\" "; font-weight: normal; color: black; }
.resultCritere:after                { content: " \""; font-weight: normal; color: black; }
	*/
	.resultItem {
		font-weight: bold;
		font-style: oblique;
		color: #BF4F94
	}
	.resultItem:after {
		content: " - ";
		font-weight: normal;
		color: black;
	}
	input[type="submit"]:focus,input[type="submit"]:hover,input[type="reset"]:focus,input[type="reset"]:hover
		{
		background: #9596A5 none repeat scroll 0 0;
		border: 1px solid #000000;
	}
	input[type="submit"],input[type="reset"],.validation {
		background: #99CC00 none repeat scroll 0 0;
		border: 1px solid #666;
		color: white;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 1em;
		padding: 0 1.5em;
		margin-left: 1em;
	}
	.lienAideContex {
		background: #EFEFEF none repeat scroll 0 0;
		border: 1px solid #999;
		color: #999;
		font-weight: bold;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 1.2em;
		padding: 0.1em 0.5em;
		margin-left: 1em;
	}
	.lienAideContex:hover {
		background: #CFCFCF none repeat scroll 0 0;
		border: 1px solid #666;
		color: #000;
		text-decoration: none
	}
	.bloc_aide p {
		line-height: 1.4em
	}
	input[type="text"],input[type="password"] {
		border: 1px solid #bebdcd;
	}
	input[type="text"]:focus,input[type="text"]:hover,input[type="password"]:focus,input[type="password"]:hover
		{
		border: 1px solid #999;
	}
	textarea {
		border: 1px solid #bebdcd;
	}
	.width10 {
		width: 10em
	}
	.width30 {
		width: 30em
	}
	.width50 {
		width: 50em
	}
	.width100e {
		width: 100%;
	}
	#validC1,#validC2 {
		float: left
	}
	.linkPartenaire	{}
	.linkPartenaire	p { 
		padding:1em; 
		background: #FCFCFC;
		-moz-border-radius: 10px;
		-moz-box-sizing: border-box;
		-opera-sizing: border-box;
		-o-border-radius: 10px;
		-webkit-border-radius: 10px;
		-webkit-box-sizing: border-box;
		-khtml-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		border:1px solid #CCCCCC;
		margin:1em 0;
		padding:10px 10px 2px;
	}

/* ----------------------------------------------------------------------
 * 
 *	Marc Styles
 * 
 * ----------------------------------------------------------------------*/
.box {
	border:1px solid gray;
	height:14em;
	overflow:auto;
	width:43em;
}

.box2 {
	margin-top: 10px;
	color: #292929;
	width: 400px;
	height: 110px;
	top: 0px;
	left: 0px;
	border: 1px solid #BABABA;
	background-color: #FCFCFC;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	-moz-border-radius: 12px;
	-moz-box-sizing: border-box;
	-opera-sizing: border-box;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 3px 7px #adadad;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.box2 a {
	font-size:1.1em;
} .box2 a:hover {
	text-decoration: none;
} .box2 img {
	vertical-align: middle;
	margin-right : 1em
} .fiche {
	border-bottom:1px solid #D2D2D2;
	font-size:13px;
	color: #C34988;
	margin:10px 0;
	padding:0 0 5px;
	text-align:left;
	text-transform:uppercase;
} p.indent {
	margin-left:25px;
	color:#666;
} .info_bulle, #info_bulle {
	z-index: 99999;
	position   :  absolute;
	border: 1px solid #BABABA;
	border-radius: 10px;
	-moz-border-radius: 12px;
	-moz-box-sizing: border-box;
	-opera-sizing: border-box;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 3px 7px #adadad;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}
	
a.info_bulle span.info_bulle {								   
	top: -2000em;
	left: -2000em;
	width: 1px;
	height: 1px;
	overflow:hidden; 
}
	
a.info_bulle:hover span.info_bulle, 
a.info_bulle:focus span.info_bulle {
	top: -70px;
	left: 30px;
	width: 300px;
	height : auto;
	overflow: visible;
	border: 1px solid #8990B1;
	padding: 5px;
	background: #fff;
} 

span.header {
   color		: #8990B1;
   line-height	: 170%; 
   font-size	: 12px;
   margin-left	: 8px
} 

span.content{
   display 		: block; 
   padding 		: 0 8px;
   font-size	: 75%;
   font-weight	: normal;
} 

span.footer {
   display		: block; 
   height		: 5px; 
   font-size	: 0; 
}    

#no_selection p {
	margin		:-5px 0 5px 1.5em;
	color		: #ff0000;
}

ul.liens {
	margin		: 0;
	padding		: 5px 10px 0 0;
}
	
ul.liens span{
	display		: block;
	margin		: 0.2em 0 0.3em 1em 
}
	
div.mentionsDetail {margin:0 0 2em 1em; padding-left:1em; border-left:1px solid #ccc}
}

table.width100e tbody tr td {border:1px solid gray}

.blocIntro .sousBlocIntro {
	_left : 50px;
}

@import url(css/print.css);