html { font-size: 62.5%; }

h1, h2, h3, h4, h5, h6 { margin: 0pt; padding: 0pt; font-family: verdana,arial,sans-serif; }
h4 { background-image:../img/transparent.gif;

}

a:link { color: #003399;  text-decoration: none;
color:#330099; color:#0033cc;

}

a:visited { color: #336699; text-decoration: none; }
a:hover { color: rgb(255, 153, 0); text-decoration: underline; }
a:active { color: rgb(255, 153, 0); text-decoration: none; }
a img { border: 0pt none ; }
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em
}



#menuderoulant {
	position: absolute;
	top:11px !important;  
	top:15px;
	right: 0px;
	width: 150px;
	margin: 0; 
	padding: 0;
	padding-bottom:3px; 
	padding-right:14px;
	border-bottom: solid 6px #FCB855;
	
	text-align: right; 	
	FONT-SIZE: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#ff6600;
}




#menuderoulant a:link,
#menuderoulant a:visited {
   	text-decoration: none; color:#0033cc;
font-weight: bold;

}

 
#menuderoulant a:hover{
 	color: rgb(255, 153, 0); 
	text-decoration: underline; 
font-weight: bold;

}



#bandeau {
	background-color: #1378BE;  /* yassi  */
	background-image: url(../img/fond_bandeau_titre.jpg);  /* yassi  */
	background-repeat: no-repeat;
	margin: 0px;
	text-align: right;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 115px;  /*height: 65px; yassi */
	overflow: hidden;
border-bottom: 1px solid #ccc; /*yassi */

}


#bandeautxt  {
	position:absolute;
	left:0px; 
	top: 105px;
 	
	z-index:4;
	margin: 0px; 
	padding: 0px; 
	padding-bottom:9px !important ;
	 padding-bottom:11px ;
	
	text-align: left;
	width: 570px; width:100%;
border-bottom: 18px solid #0E3070 ; /* yassi */
	
}

#bandeautxt h1 {
	margin: 0px; padding: 0px;
	margin-left:66px;
	color: rgb(255, 255, 255);
	font-family: arial narrow, arial,sans-serif;
	font-size:2.8em;
	font-weight: bolder;   
	font-stretch:extra-expanded;

	/* text-transform: uppercase;  
   	 font-variant:small-caps;*/
}


/* yassi
#bandeaubouton {
	background-color: #0080C7;
	background-image: url(../images/fond_bandeau_boutons.jpg);
	height: 40px;
}   */


#contenu {
	position:absolute ;
	margin: 0px; margin-right: 5px;
	padding: 0px;
	background-image: url(../img/visuel-acc-plateforme.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:125px;
}

h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #0080C6;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}

h3 {
	font-size: 1.45em;
	color: #003399;
	font-weight: 700;
	text-transform: none;
	padding: 0px;
	margin-top: 27px;
	margin-bottom: 12px;
	margin-right: 10px;
	/* border-bottom-width: thin;  	border-bottom-style: solid;  border-bottom-color: #FF9900;  */
}
h4 {
	font-size: 1.3em;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../images/fleche.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
}


.multicol {
	clear:both;
	float: left;
	width: 100%;
	padding: 0px; 
	margin: 0px;
		margin-bottom: 30px !important; margin-bottom: -10px; 
	
}
.col2 {
	position:inherit;
 	display: inline;    /* clear: both;*/
	float: left;
	width: 65%; 
	margin: 10px;margin-top:20px; 	
	/*margin-left:125px;*/
	border: 0px dotted #999;
	padding: 0px;
	background-image: url(../img/fond-fleche-cours.jpg);
	background-repeat: no-repeat;
	background-position:right top;
}

.col2bis {
	width: 30% !important;
	width: 30%;
	margin: 10px;
	margin-left: 68% !important;
	margin-left:65%;
	texte-align:right;
	margin-right:0px;
	padding: 0px;
	background-color: #009999;
	background: url(../img/fond-connexion.jpg) no-repeat;
	background-position:right top;
	padding-top:0px;
	margin-top: 35px;
	border:#fff dotted thin;
	height:100px;
	 
}


.tableconnexion {
float:right;
border:0; margin-top:32px;
border-right:#888 solid 2px;
border-bottom:#888 solid 3px;
width:225px;
}

.tableconnexion TD{
background-color:#D7F5FF;
border :#1D8DCD solid 1px;
}

.tableconnexion2 {
	clear:right;
	float:right;
	border:1;
	margin-top:32px;
	width:225px;
	border :#999 solid 1px;
	border-bottom:0;
	background-color:#EAEAEA;
}

.tableconnexion2 TD{
	border:0;
	border-bottom:#999 dotted 2px;
}
.col2bis ul {
padding:0; padding-left:30px;
	margin:0;	  margin-top:8px; 
	
}
.col2bis ul li{
	border:0; margin:0; margin-top:2px;
	border-bottom:#0099CC dotted 1px; 
	padding:0;
}

.zoom {
background-color:#EAEAEA;
border:#ddd solid 1px; border-top:0; 
}

.zoom p{
	
	/*border-top:#0099FF dotted 5px; */
	background-color:#EAEAEA;
	margin:0; 
	padding:2px; padding-top:11px;padding-left:10px; 
}

.zoom h4{
	/*background-color:#CCCCCC;*/
	background-image:url(../img/fond-zoom.gif);
	padding:1px; padding-top:8px; padding-left:11px; 
	margin:0;
	
	font-weight: bold;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight:bold;
	color : #fff;
	
}


#signature {
clear:both;
	margin: 0px;padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.96em;
	text-align: center;
	line-height:normal;
	color:#999;

	}
	
#signature A {
color:#0033ff;

}

.tice {
	color:#666;
	height:30px;
	padding: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:0;
	border-bottom:dotted #006699 1px; 
	padding :2px;
	font-size: 1em;
}




/******************************************/