/*<![CDATA[*/

.container { /*was: id*/
	width: 806px;
	float: left;
	margin-right: -203px;
	/* background: url(images/pixel_bleu.gif) repeat-y right;*/
}
.content { /*was: id*/
	margin-right: 203px;
	/* background: url(images/pixel_bleu.gif)) repeat-y left; */
}

.sidebar { /*was: id*/
	width: 180px;
	float: left;
	background: #ffffff;
	margin-left: 0px;
}

.sofeduc { 
	width: 180px;
	float: left;
	background: #f4f9ec;
	border-top: 1px solid #c0d991;
}


.last {
	margin-bottom: 0;
}


/* ---:::--- inverted equal height columns start here ---:::--- */

html {
	height: 100%; /* FSA */
	margin: 0;
	padding: 0;
	}

body {
	height: 100%; /* FSA */
	margin: 0;
	padding: 0;
	/* can not set font-size here because IE6 needs to see its own default */
	font-family: 'Verdana', Verdana, 'Verdena', Verdana, 'Verdana Sans Unicode', sans-serif;
	line-height: 1.5;
	color: #484747;
	background: #2e87aa;
	text-align: center; /* IE-win quirks mode centering */
	}
	

#page { /* added em-guidance and centering */
	width: 806px;
	max-width: 806px;
	min-width: 806px;
	margin: 0 auto;
	height: 100%;
	text-align: left;
	font-size: 100%; /* safe to set font-size here */
	}

#stacker {  
	position: relative; 
	z-index: 2;   
	width: 806px;
	min-height: 100%; /* FSA */
	}
/* 
the padding of the columns and some place for the footer
*/ 
.colpad {
	padding: 0px 0em 0em 0px;
	}

#header {
    padding: 10px 0px 0px 0px;
	width: 762px;
	background: #ffffff;
	margin-left: 22px;
	}
	
#pedestal { 
	clear: both;
	float: left;    /* makes Opera 8.54 behave */
	position: relative; 
	z-index: 0;
	width: 100%;
	height: 0;
	line-height: 1em;
	margin-top: -1em; 	
	}
	
	
#pedestal .content { 
	background:  #ffffff url(images/pixel_bleu.gif) repeat-y 100% 0%;}

#pedestal .main { 
	background:  url(images/bg_cote_g.gif) repeat-y 0% 100%;}

#pedestal .container { 
	background: #f4f9ec url(images/bg_cote_d.gif) repeat-y 100% 0%;	}

#pedestal .companion { 
	margin-top: -16000px !important; /* EHC, but reversed: from bottom to top */
	padding-top: 16000px !important; 
	position: relative;
	height: 16px;
	}

/*
The #footer (FSA) fits into the gap the #pedestal has left
*/  
	
#footer {
	clear:both;
	float:left;
	position: relative;
	z-index: 3;
	height: 0px;
	margin-top: 0;
	width: 100%;    
	line-height: 0;
	font-size: 1px;
	}
	

h1 {
	margin-top: 0;
	color: #88b830;
	font-size: 14px;
	font-weight:bold;	
	
}	
h2 {
	margin-top: 0;
	color: #88b830;
	font-size: 12px;
	font-weight:bold;	
	
}	

.s_titre {
	font-size: 11px;
	font-weight:bold;
	color: #88b830;
}	
	
.reg{ 
	line-height: 1.5;
	color: #484747;
	font-size: 11px;	
	padding: 20px 38px 0px 55px;
}	


	
.col_reg{
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	line-height: 1.3;
	color: #a6ca64;
	font-size: 11px;
	padding: 10px 20px 0px 13px;
	text-align: left;		
}



.col_reg_gris{ 
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	line-height: 1.5;
	color: #4d4a4a;
	font-size: 11px;
	
}

.liens{
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	line-height: 1.3;
	font-size: 11px;
	font-weight:bold;
	color: #126382;
}
a.liens:link    { color: #126382 }    /* unvisited links */
a.liens:visited { color: #126382 }   /* visited links   */
a.liens:hover   { color: #38a2ca } /* user hovers     */
a.liens:active  { color: #126382 }   /* active links    */



.col_titrebleu{
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	line-height: 1.3;
	font-size: 12px;
	font-weight:bold;
	color: #126382;
}
a.col_titrebleu:link    { color: #126382 }    /* unvisited links */
a.col_titrebleu:visited { color: #126382 }   /* visited links   */
a.col_titrebleu:hover   { color: #38a2ca } /* user hovers     */
a.col_titrebleu:active  { color: #126382 }   /* active links    */


.col_fond_vert{ 
	color: #f4f9ec;
	font-size: 12px;
	height:100%	
}


.menu_accueil{ 
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 1px;	
}

a.menu_accueil:hover{
	color: #0a4965;
	text-decoration: none;}

.couleur_menuacueil { 
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 1px;	
	color: #0a4965; }

/*
MENU
*/

dt, dl, dd, ul, li {
	margin: 4px 0px 0px 0px;
	padding: 0;
}

#menuCSS {
	position : absolute;
	left:40px;
	top: auto;
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
}

#menuCSS dl {
	float: left;
}

#menuCSS li {
display: inline;
padding: 8px;
}



#smenu1, #smenu2, #smenu3, #smenu4, #smenu5  {
	position: absolute;
	left: 0;
	top:22px;
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	width: 762px;
	display: none;


}


#menuCSS a {text-decoration: none;color: #ffffff;}
#menuCSS a:link { color: #ffffff;}
#menuCSS a:hover, a:active { color: #4f7707;}


.couleur { color: #4f7707; }


.puce {
	display:list-item;
	list-style-image:url(images/puce.gif);
	list-style-position:outside;
	margin-left: 40px;	
  }
  

.pad {
padding-left:16px;
padding-right:16px;

}

.calend_titre{
	color:#0099cc;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	letter-spacing: 2px;
}
.calend_horaire{
	color:#0099cc;
	font-size: 12px;
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	letter-spacing: 2px;
}

.calend_mois_jour{
	color:#000000;
	font-weight: bold;
	font-size: 11px;
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	letter-spacing: 1px;
}


.calend_date{
	color:#000000;
	font-weight: normal;
	font-size: 11px;
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
}

.calend_tablehoraire{
	color:#0099cc;
	font-size: 11px;
	font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
	letter-spacing: 2px;
	background-image: url(images/jour_seminaire.gif);
	background-repeat: no-repeat;	
}



.formulaire
{color:#484747;
font-weight: normal; 
padding-left: 0px;
font-size: 12px;
font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
}


.Bouton, .Boutonover{
font-family: 'Arial sans', Arial, 'Arial', Arial, 'Arial Sans Unicode', sans-serif;
.Bouton{
background-color: #330033;layer-background-color:#330033;color:white;font-size:11px;font-weight:bold}



/* Hauteur de la Colonne gauche a changer si plus de contenu*/  
.frame{height : 900px;}



/*]]>*/