@charset "utf-8";
/* CSS Document */
html,body {
	margin:0;
	padding:0;
	height:100%;
	border:none;
}

h1,h2,h3,h4,h5,h6{ 
	margin: 0px  0px 20px 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
}

/*GENERAL*/
.ecriture {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-align:justify;
}
.blanc {
	color:#FFFFFF;
	text-align:left;
}
.StyleGras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.Titre_page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0099FF;
	padding: 0px 0px 20px 0px;
	border-bottom: dashed 1px;
	margin-bottom: 20px;
	border-color: #0099FF;
}
.print {
	padding:5px 10px 0px 0px;
	text-align:right
}
.cadre_1 {
	padding:5px;
	border:thin dashed;
	border-color:#999999;
}
.Saut_1 {
	padding-top:40px
}
.Saut_2 {
	padding-bottom: 20px;
}
.ligne {
	padding: 20px;
	border-bottom:dashed 1px #0099FF;
}
.ligne2 {
	padding: 20px;
}
.ligne3 {
	padding-bottom: 20px;
	border-bottom: dashed 1px;
	margin-bottom: 20px;
	border-color: #0099FF;
}
.recherche{
	height:20px;
	border-style:none;
	background-color:#012447;
	font-size: 11px;
	color:#40bde9;
}
.spacer {
	clear:both;
}
.moduleRow {}
.moduleligne {
	BORDER-BOTTOM: #CCCCCC 1px dashed;
}
.moduleRowOver {
	CURSOR: hand;
	BACKGROUND-COLOR: #e2e9ef;
}
.cadre_study {
	padding:5px;
	border:thin dashed;
	border-color:#999999;
}
.moreinfo{
	width:926px;
	border:dashed 1px #CCCCCC;	 
	margin-top:30px;
	margin-left:10px;
	padding-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-align:justify;
}

/*INFOBULLE*/
a.info{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{
	display:block; 
	position:absolute;
	top:2em; left:2em; width:15em;
	border:1px solid #6699cc;
	background-color:#eeeeee; color:#6699cc;
	text-align: justify;
	font-weight:none;
	padding:1px;
}

/*Ajax news*/
#ajaxnews {	
	width:97%;
	position:absolute;
	top:299px;
	padding-right:10px;
	font: 10px Arial;
}
#ajaxnews  A {
	color:#000066;	
	text-decoration: none;
}
#ajaxnews  A:hover {	
	text-decoration: underline;
}



/*STYLE PAGES*/
#page {
	position:absolute;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-align:justify;
	background: url(interface/bandeau_fond.gif) top left repeat-x;
	
}
#bandeau {
	position:relative;
	width:946px;
	height:136px;
	left: 50%;
	margin-left:-473px;
	z-index:1000;
}
#bandeau  A:hover {
	color: #40bde9;
	text-decoration: none;
}

#piedpage {	
	position:relative;
	width: 926px;
	left: 50%;
	margin-left: -463px;
	top: 30px;
	height: 100px;
}
#piedpage  A {
	color: #333333;
	text-decoration: none;
}
#piedpage  A:hover {
	text-decoration: underline;
}
#ligne_piedpage {
	border-top: dashed 1px #03385f;
}


/*CONTENU*/
#content {
	position:relative;
	top: 50px;
	width:946px;
	left: 50%;
	margin-left:-473px;
}
#content H1 {
	color: #0e365a;	
	font-size: 14px;
	padding:10px;
}
#content H2 {
	color: #008ece;
	font-size: 16px;
	padding-top:20px;
}
/*#content li {
	padding-bottom:10px;
}*/
#content li a {
	text-decoration: none;
	padding-bottom:3px;
}
#content li a:hover {
	text-decoration: underline;
	color: #008ece;
}
#content a {
	text-decoration: none;
	color: #008ece;
	padding-bottom:10px;
}
#content a:hover {
	text-decoration: underline;
	color: #008ece;
}
#top_left {
	position:relative;
	float:left;
	width:636px;
	left:10px;	
	padding-bottom:40px;
	text-align:justify;
}
#top_right {
	float:right;
	width:290px;
	padding-bottom:40px;
	margin-right:10px;
}
#top_center {
	position:relative;
	left:10px;
	width:926px;
}

#entete {
	text-align:center;
	padding-bottom:30px;	
}

/*SITEMAP*/
#sitemap {
	position: relative;	
	top: 20px;
	height: 420px;
	width: 946px;	
	background-image: url(interface/sitemap.png);
	background-repeat: no-repeat;
	margin-bottom:50px;
}
#sitemap li {
	padding: 0px 0px 8px 0px;
	list-style-image : url(interface/arrow_sitemap.png);
}
#sitemap li a {
	color: #8c8c8c;
	text-decoration: none;
}
#sitemap li a:hover {
	color: #8c8c8c;
	text-decoration: underline;
}

/*PUCES*/
#puce_bleue li {
	padding: 0px 0px 10px 0px;
	list-style-image : url(interface/arrow.gif);
}
#puce_pdf li {
	list-style-image : url(interface/pdf.png);
}


/*ALERTES*/
.alerte_bad {
	color: #FF3333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 20px;
	margin-bottom: 30px;
	height: 30px;
	line-height: 30px;
	background: #FFECEC url(interface/rouge.gif) left no-repeat;
}
.alerte_good {
	color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 20px;
	margin-bottom: 30px;
	height: 30px;
	line-height: 30px;
	background: #F0F9FF url(interface/bleu.gif) left no-repeat;
}
.alerte_off {
	color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 20px;
	margin-bottom: 30px;
	height: 30px;
	line-height: 30px;
	background: #EFEFEF url(interface/gris.gif) left no-repeat;
}

/*WEBCAST*/
.Webcastdate {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.evt {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

/*NEWS*/
.Titre_news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099FF;
	padding-top:0px;
}
.Cont_news {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/*FORM VALIDATION*/
.Titre_formulaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
input.required, textarea.required {
	border: 1px solid #FF3300;
	width:100%;
}
input.validation-failed, textarea.validation-failed {
	width:100%;
	border: 1px solid #FF3300;
	color : #FF3300;
}
.validation-advice {	
	padding: 4px;
	background-color: #FF3300;
	color : #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.formulaire {
	width:100%;
}

 /*TABS*/
.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 10px Arial;
	list-style-type: none;
	text-align: left;
}
.shadetabs li{
	display: inline;
	margin: 0;
}
.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px;
	margin-right: 0px;
	border: 1px solid #0e365a;
	color: #0e365a;
	background: white url(interface/shade.gif) top left repeat-x;
}
.shadetabs li a:visited{
	color: #0e365a;
}
.shadetabs li a:hover{
	text-decoration: underline;
	color: #0e365a;
}
.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	top: 0px;
}
.shadetabs li a.selected{ /*selected main tab style */	
	background-image: url(interface/shadeactive.gif);
	border-top-width:thick;
	border-top-color: #0e365a;
	border-bottom-color: white;
	border-bottom-style: dashed;
}
.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
}

/*RECHERCHE*/
#recherche {
	color: #40bde9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom:5px;
	padding-left:5px;
}
#recherche span{
	color: #ff8000;
}
#recherche  A {
	color: #ff8000;
	text-decoration: none;
}
#recherche  A:hover {
	color: #ff8000;
	text-decoration:underline;
}

/*RIGHT NAV*/
#pave {
	position:relative;
	top: -16px;
	left: 50px;
	width: 249px;
	font-size: 10px;
}
#pave  A {
	color: #333333;
	text-decoration: none;
}
#pave  A:hover {
	color: #008ece;
	text-decoration: none;
}
#pave div.top {	
	height: 50px;
	line-height:50px;
	text-align:center;
	background-repeat: no-repeat;
	background-image: url(interface/pave_top.png);
}
#pave div.middle {
	padding: 20px 20px 0px 20px;
	background: url(interface/pave_fond.png) top left repeat-y;
	text-align:left;
}
#pave div.contenu {
	border-bottom:dashed 1px #cccccc;
	padding: 5px 0px 5px 0px;
}
#pave div.down {	
	height: 50px;
	line-height:50px;
	text-align:right;
	font-weight:bold;
	padding-right:20px;
	background:url(interface/pave_down.png);
}