/******************************/
/*       STYLE GENERALE       */
/******************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin:0 0 0 0;
}

a {
	text-decoration:none;
	color: #000000;
}

a:hover {
	text-decoration:underline;
	color: #000000;
}

img {
	border :0px;
}



h1, h2, p {
	margin: 0px;
}

.separateur1 {
	background-image:url(../img/separateur.gif);
	height: 1px;
}

.separateur2 {
	background-image:url(../img/separateur.gif);
	height: 4px;
	margin-top: 20px;
}

.arial12px0082C8{
	font-size: 12px;
	color : #0082C8;
	font-weight: bold;
}

.arial7ABD75 {
	color : #7ABD75;
	font-weight: normal;
}


/******************************/
/*       Bandeau haut         */
/******************************/
		
#bandeau {
	width: 778px;
	height: 208px;
	position: relative;
}	

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute; 
top: 169px;
left: 284px;
z-index:100;
width: 494px; /* correction pour Opera */
}

#menu dl {
float: left;

}

#menu dt {
text-align: center;
font-weight: bold;
margin: 0px;
}

#menu dd {
	display: none;
	padding:0px;
	padding-bottom: 19px;
	width: 185px;
	background-image:url(../site/img/ssmenu_fond.gif);
	background-position:bottom;
	background-repeat: no-repeat;
}

#menu ul {
	color : #033D00;
	padding: 5px;
	padding-bottom: 0px;
	margin-bottom:0px;
	background-color: #85C980;
}

#menu li {
	padding-left: 10px;
	background-image:url(../site/img/menu_fleche_verte.gif);
	background-repeat:no-repeat;
	background-color: #85C980;
}

#menu li a, #menu dt a {
display: block;
height: 100%;
}


#menu1{
	width:40px;
}


#smenu1 {
	position: absolute;
	left: 0px;
	top:  39px;
	padding-bottom:0px;
}

#menu2{
	width:42px;
}


#smenu2 {
	position: absolute;
	left: 40px;
	top:  39px;
}

#menu3{
	width:81px;
}


#smenu3 {
	position: absolute;
	left: 82px;
	top:  39px;
}

#menu4{
	width:185px;
}


#smenu4 {
	position: absolute;
	left: 163px;
	top:  39px;
}

#menu5{
	width:77px;
}

#smenu5 {
	position: absolute;
	left: 309px;
	top:  39px;
}

#menu6{
	width:69px;
}

#smenu6 {
	position: absolute;
	left: 309px;
	top:  39px;
}

#logo	{
	background-image: url(../site/img/fond_logo.jpg);
	width: 341px;
	height: 208px;
}

.plus {
	margin:0px 10px 0px 10px;
	color: #0476B3;
}

#accroche {
	position: absolute;
	left: 341px;
	top: 29px;
	width: 437px;
	height: 140px;
}

#tools {
	position: absolute;
	top:0px;
	left: 341px;
	width: 437px ;
	height: 29px;
	background-image:url(../site/img/fond_tools.gif);
	color: #FFFFFF;
	text-align:right;
}

#tools a, #tools a:hover {
    color: #FFFFFF;
}

#tools_txt {
    position: absolute;
    left: 90px;
    top:7px;
}

#tools_txt2 {
    position: relative;
    left: 0px;
    top:-3px;
}

#tools .input {
	border: 1px solid #FFFFFF;
	height:15px;
	background-color: #BCD9E9;
	width: 105px;
	margin-left: 5px;
	margin-right:5px;
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#tools .bouton {
	vertical-align: text-bottom;
}

/******************************/	
/*          DIV MAIN          */
/******************************/

	/******************************/
	/*           ACCUEIL          */
	/******************************/
	
/**** bulle 1***/
#accueil_main {
	background-image:url(../site/img/accueil_fond_bulles.gif);
	background-repeat:no-repeat;
	height:370px;
}	

#bulle1 {
	position: absolute;
	left: 85px;
	top: 240px;
	width:146px;
}


/**** bulle 2***/
#bulle2 {
	position:absolute;
	left: 245px;
	top: 291px;
	width: 165px;
}

#sessions {
	margin: 0px;
	padding: 0px;
}

.session {
	margin: 0px;
	padding: 0px;
	width: 163px;
	list-style-type:none;
	padding-bottom: 5px;
}

.date_session, .titre_session, .lieu_session {
	padding:0px;
	margin: 0px;
}

.date_session {
	color: #308729;
}

.titre_session {
	font-weight: bold;
}		

/**** bulle 3***/
#bulle3 {
	position: absolute;
	left: 429px;
	top: 439px;
	width:117px;
}

#modules {
	position: absolute;
	left: 21px;
	top: 390px;
}

#accueil_formulaire {
	color:#004971;
	margin:0px;
	padding: 0px;
	padding-left: 5px;
}

.accueil_form {
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #ADD7EE;
	font-size: 11px;
	color: #0082C8;
	width: 106px;
	height:15px;
}

.accueil_validation {
	margin-left:5px;
	vertical-align:text-bottom;
}



	/******************************/
	/*           ACTUS            */
	/******************************/

#accueil_actu {
	position:absolute;
	left: 538px;
	top: 208px;
	width: 210px;
	height: 370px;
	background-image:url(../site/img/accueil_fond_actu.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-top:15px;
	margin-right:150px;
	display: block;
}


#actus {
	margin: 0px;
	padding: 0px;
}

#actus a {
	font-weight: bold;
	color : #000000;
}

.actu {
	margin: 0px;
	padding: 0px;
	width: 154px;
	list-style-type: none;
	padding-top:5px;
	padding-bottom: 5px;
}
/*-------------*/


	/******************************/
	/*        PAGE TYPE           */
	/******************************/
	
#page_contenu {
	/*width : 545px;*/
	height: 90%;
	/*position: absolute;*/
	/*position: relative;*/
	background-image:url(../site/img/page_fond_mgauche.gif);
	background-repeat:repeat-y;
}

#page_main {
	height: 90%;
	/*position : relative;*/
	background-image:url(../site/img/page_fond.gif);
	background-repeat:no-repeat;
	/*height : 370px;
	min-height: 370px;*/
	/*width: 778px;*/
}	

#page_titre {
	position: relative;
	
	/*top: 228px;*/
	padding-left: 210px;
	padding-top: 15px;
	padding-right: 0px;
	/*top: 15px;
	left : 210px;*/
}

#btn_back {
	font-weight: bold;
	position: relative;
	left : 30px;
	margin-bottom: 15px;
}

#btn_back img {
	vertical-align: middle;
}

#menu_gauche {
	float: left;
	width: 210px;
	height: 100%;
	padding-top: 20px;
	/*position: relative;*/
	/*position: absolute;*/
	/*
	left: 0px;
	top: 20px;
	width: 210px;
	float: left;*/
}

#titre_menu_gauche {
	text-align: right;
	position: relative;
	padding-right : 50px;
	padding-bottom: 10px;
	width: 155px;
}

#menu_gauche ul {
	position: relative;
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: right;
	text-align : right;	
}

#menu_gauche li {
	position: relative;
	margin-top: 13px;
	margin-bottom: 5px;
	margin-right: 30px;
	width: 155px;
	background-image:url(../site/img/page_mgauche_puceoff.gif);	
	background-position:top right;	
	background-repeat:no-repeat;	
}

#menu_gauche li.selected {
	position: relative;
	margin-top: 13px;
	margin-bottom: 5px;
	margin-right: 30px;
	padding-right 30px;
	width: 155px;
	background-image:url(../site/img/page_mgauche_puceon.gif);	
	background-position:top right;	
	background-repeat:no-repeat;	
}

.p_menugauche {
	padding-right: 25px;
}

#menu_gauche li a {
	font-weight: bold;
}

#desc {
	margin-left: 200px;
	 /*top: 0px;*/
	 /*position: relative;*/
	/*top: 80px;*/
	left: 0px;
	width: 543px;
}

div.paragraphe {
	padding-top: 5px;
	padding-bottom: 5px;
}

#desc ul {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}

#desc li {
	list-style-image: url(../img/puce_ronde.gif);
}

#page_telecharger {
	padding-top: 15px;
	padding-bottom: 48px;
}

#page_telecharger a {
	font-weight: bold;
}

/******************************/
/*        DIV BOTTOM          */
/******************************/

#bottom {
	background-color: #CBE8C8;
	width: 778px;
	height: 22px;
	background-image:url(../site/img/fond_bottom.gif);
	background-repeat: repeat-x;
	padding-top:8px;
	position : relative;
}
#bottom1 {
	/*height: 10%;*/
	
	background-color: #CBE8C8;
	width: 778px;
	height: 22px;
	background-image:url(../site/img/fond_bottom.gif);
	background-repeat: repeat-x;
	padding-top:8px;
	position : relative;
}

.copyright {
	font-size: 10px;
	margin-left: 7px;
}

.mentions_legales {
	font-size: 10px;
	margin-left: 30px;
	color:#0082C8;
}

.arial10n000000 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #000000;
	font-weight: normal;
}

.arial11n000000 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
	font-weight: normal;
	text-decoration: none;
}

.arial11b000000 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
	font-weight: bold;
	text-decoration: none;
}

.arial11b000000:hover {
	text-decoration: underline;
}

.arial11b0082C8 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #0082C8;
	font-weight: bold;
	text-decoration: none;
}

.arial12b0082C8 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #0082C8;
	font-weight: bold;
	text-decoration: none;
}

.arial11n004469 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #004469;
	text-decoration: none;
}

.arial13004469 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #004469;
	text-decoration: none;
	font-weight: bold;
}


tr.qcmtableau {
	padding-top: 4px;
	padding-bottom: 4px;
}

.arial11nFF0000 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #FF0000;
	text-decoration: none;
}

.arial11n3FC635 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #3FC635;
	text-decoration: none;
}

.arial18b0082C8 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color : #0082C8;
	font-weight: bold;
	text-decoration: none;
}

.arial14n0082C8 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #0082C8;
	text-decoration: none;
}

.arial14n004469 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #004469;
	text-decoration: none;
}

.arial14n000000 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	font-weight: normal;
	text-decoration: none;
}

.arial14b000000 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	font-weight: bold;
	text-decoration: none;
}

.arial11n0082C8 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #0082C8;
	text-decoration: underline;
}

.arial11n0082C8:hover {
	color : #0082C8;
	text-decoration: none;
}

.arial11000000
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.arial117ABD75
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7ABD75;
}

.arial11F0B70B
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F0B70B;
}

.arial12000000
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.arial17ABD75
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7ABD75;
}

.arial140082C8
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0082C8;
}

.arial12F0B70B
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F0B70B;
}

.verdana10000000
{
	font-family:Verdana;
	font-size: 10px;
	color: #000000;
}

.verdana10b000000
{
	font-family:Verdana;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

.arial110082C8
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0082C8;
}

.arial130082C8
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0082C8;
	font-weight: bold;
}

.arial11n004971
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #004971;
}

.plandusite
{ 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0082C8;
	
}