/** Font styles 
---------------------------------*/
html {
	overflow-y : scroll; 
}
html,body{
  margin: 0;
  font-size: 12px;
  font-family:Arial;
  text-align:center;
}
/* TinyMCE specific rules */
body.mceContentBody   {
   text-align:left;
}


strong {
	font-weight:bold;
}
/* Links */

a:link, a:visited {
  color: black;
  text-decoration: none;
}

a:hover, a:active {
  color: black;
  text-decoration: underline;
}

#main table tr td{
	border:solid 1px #ccc;
	padding-left:5px;
}
#main table tr td.title{
	background:#d5d5d5;
	font-weight:bold;
}
table#noborder tr td {
	border:0;
}
#main a:link, #main a:visited  {
	text-decoration : underline;
}

/* Titles  */

h1, h2 {line-height:1.3em;}

h1 {
	font-family : Arial;
	letter-spacing:-0.02em;
	font-size: 24px;
	font-weight:bold;
	padding: 2px 0 2px 0;
	margin: 0;
	
}

.infos-pratiques h1 {
	color : #01aac7;
}
.en-savoir-plus h1 {
	color:#01aac7;
}
h2 {color:#8f8f8f;margin:0;width:100%;padding-top:10px;font-size:14px;font-weight:bold;border-bottom:1px dotted #8f8f8f;text-transform : uppercase; margin-bottom:10px;}

h3 {color:#72737b;margin:0;padding:0;font-size:18px;font-weight:bold;text-transform : uppercase;}
#main h3 {
	font-size:16px;
	line-height:20px;
	text-transform : none;
}

.enseignement-general h1, .enseignement-general h2, .enseignement-general span#h4, h3#enseignement-general, h3#enseignement-general a {color:#397763;}
.arts-appliques-et-communication h1, .arts-appliques-et-communication h2, .arts-appliques-et-communication span#h4, h3#arts-appliques-et-communication, h3#arts-appliques-et-communication a {color:#ab031e;}
.artisanat-et-metiers-art h1, .artisanat-et-metiers-art h2, .artisanat-et-metiers-art span#h4, h3#artisanat-et-metiers-art, h3#artisanat-et-metiers-art a {color:#e30061;}
.entreprise h1, .entreprise h2, .entreprise span#h4, h3#entreprise, h3#entreprise a {color:#436a9f;}
.informatique h1, .informatique h2, .informatique span#h4, h3#informatique, h3#informatique a {color:#008cc5;}
.langue-francaise h1, .langue-francaise h2, .langue-francaise span#h4, h3#langue-francaise, h3#langue-francaise a {color:#489d8e;}
.langues-etrangeres h1, .langues-etrangeres h2, .langues-etrangeres span#h4, h3#langues-etrangeres, h3#langues-etrangeres a {color:#97b832;}
.sanitaire-et-social h1, .sanitaire-et-social h2, .sanitaire-et-social span#h4, h3#sanitaire-et-social, h3#sanitaire-et-social a {color:#e37005;}
.techniques-industrielles h1, .techniques-industrielles h2, .techniques-industrielles span#h4, h3#techniques-industrielles, h3#techniques-industrielles a {color:#931869;}


span#h4, span#h5 {
	font-weight:bold;
	font-size:11px;
	display:inline;
	
}

.enseignement-general span#h5 {color:#6ac6b4;}
.arts-appliques-et-communication span#h5 {color:#cf6d9f;}
.artisanat-et-metiers-art span#h5 {color:#e78a71;}
.entreprise span#h5 {color:#55b7dc;}
.informatique span#h5 {color:#679ecc;}
.langue-francaise span#h5 {color:#68b188;}
.langues-etrangeres span#h5 {color:#78c3b1;}
.sanitaire-et-social span#h5 {color:#ed83a0;}
.techniques-industrielles span#h5 {color:#efaf43;}

.mceContentBody span#h4 {
	color:red;
}
.mceContentBody span#h5 {
	color:#cf6d9f;
}

h6 {font-size:1em;font-weight:bold;}

/* Formulaire */

label {
	display:block;
	margin-bottom:20px;
	border-bottom:1px dotted #00accc;
	font-weight:bold;
}


#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:white;
	display:none;
}
  
#boxes .window {
	position:absolute;
	left:0;
	top:0;
	width:400px;
	height:600px;
	display:none;
	z-index:9999;
	padding:20px;
}
#boxes #dialog {
	text-align:left;
	width:400px; 
	height:400px;
	background-color:#ffffff;
}
#boxes input, #boxes textarea {
	margin-bottom:20px;
}
#boxes h1 {
	border-bottom:2px solid #e95f0e;
	background-color: #00accc;
	color:white;
	padding:0;
	text-align:center;
	margin-bottom:10px;
}

/**
 * Console, style from Slate theme
 */
 .encart {
	background: #bdf;
	border: 1px solid #ace;
	margin: 10px 0 10px 0;
	padding : 10px;
 }
.messages {
  padding: 9px;
  margin: 1em 0;
  color: #036;
  background: #bdf;
  border: 1px solid #ace;
}
.warning {
  color: #840;
  background: #fe6;
  border-color: #ed5;
}
.error {
  color: red;

  border-color: #d52;
}
.status {
  color: #360;
  background: #cf8;
  border-color: #be7;
}

/** Region Colors
---------------------------------
*  delete when starting a new theme */

/* 
#header, #footer { background-color: #efefef; }
*/

#page {
	position:relative;
	text-align:left;
	width: 1024px; /* edit to change the width of the page */
	margin: 0 auto; /* remove 'auto' and the width to switch to a fluid width */

}

/** LAYOUT RULES
---------------------------------
*/
#header {
  position:relative;
  height:120px;
}

#header #navigation {
	padding-top:15px;
	clear:both;
	
	
}
#fonctionnalites {
	position:relative;
	float:left;
	width:260px;
	top:-10px;
}

#fonctionnalites li {
	float:left;
	padding-right:5px;
}
#navigation #form_search{
	position:relative;
	float:left;
	width:210px;
}
#form_search input {
	vertical-align:middle;
}
#navigation #menu-nav{
	position:relative;
	float:left;
	width:550px;
	z-index:10;
}
#main {
	position:absolute;
	clear:both;
	width:600px;
	top:345px;
	padding: 0 0 0 0;
	z-index:-1;
}

#accordion, #menu {
	position:absolute;
	width:402px;
	top:360px;
	left:620px;
	z-index:1;
	
}
#fil_ariane {
	position:absolute;
	top:315px;
	left:0;
	border-top:2px solid #5ea9c6;
	border-bottom:2px solid #5ea9c6;
	padding-left:20px;
	width:1004px;
}
.accueil #main {
	width:100%;
}
.accueil #accordion, .accueil #menu {
	position:absolute;
	top:430px;
	left:0;
}
.domaine_2 {
	font-size:14px;
}
#domaine_2_on {
	font-weight : bold;
}
#formation_on {
	font-weight : bold;
}
#footer {
  position:absolute;
  bottom:5px;
  padding-top:18px;
  float: none;
  clear: both;
  width:1024px;
  height:66px;
  z-index:10;
  font-size:11px;
  line-height:13px;
  background:url(../images/footer_bg.png);
  background-repeat:no-repeat;
}