/* ----------------------*/
/*   FORMASOFT(c) 2008   */
/* ----------------------*/

/* REDEFINITIONS */
* { margin: 0; padding: 0; }
body { font: .8em "Century Gothic", sans-serif; color: #666; background-color: #100201; }
p { margin-bottom: 10px; }
fieldset { border: 0; }
h1 { font-size: 1.6em; color: #fff; font-weight: normal; font-family: "Century Gothic", sans-serif; }
h2 { font-size: 1.6em; color: #000; font-weight: normal; font-family: "Century Gothic", sans-serif; }
h3 { margin: 10px 0; }
ul, ol { margin-left: 20px; }
img { border:0; margin:0; padding: 0; }
del { color:#f00; font-size:90%; }
address { font-size: .9em; text-indent: 10px;color:#ccc;margin-bottom:10px;}
hr.clear { clear: both; visibility: hidden; }

/* CALQUES */
#logo { position: absolute; left: 410px; top: 0; }
/*#menu { position: absolute; top: 255px; width: 170px; text-align: right; background: transparent url(../formation-informatique/menu-bottom.gif) bottom right no-repeat; padding-bottom: 14px; }*/
#menu { position: absolute; top: 255px; width: 170px; text-align: right; }
#contenu { position: absolute; top: 337px; left: 170px; width: 760px; z-index: 2; }
#colA { margin: 0 0 10px 0; float:left; width:240px; padding: 0; background-color: #fff;}
#colB { margin-top: 0; float:left; width:510px; padding: 0 10px 10px 0; margin-bottom: 10px; background-color: #fff;}
#footer { clear: both; margin: 20px 0 0 0; text-align:center; font-size: 14px;} 

/* HEADER */
.boxes h1,.boxes h2,.boxes strong {text-transform: uppercase; font-size:1.5em;font-weight:normal; margin-right:2px;}
.boxes a {line-height: 20px;font-size:1.2em;}
.boxes a:hover {text-decoration: none; color:#222;}
.boxes a:visited {color:#222;}
.boxes a:link {color:#ccc;}
#box-jaune a:link {color:#555;}
#box-rose a:visited { color: #949494;}
#box-rose a { color: #949494;}
#box-vert, #box-jaune, #box-rose { width: 240px; height: 154px; position: absolute; z-index: 4; font-size: 0.9em; font-family: "Century Gothic", sans-serif; }
#box-vert p, #box-jaune p, #box-rose p { padding: 0 10px; }
#box-vert  { top: 184px; left: 170px; background: #fff url(../formation-informatique/box-vert.jpg) no-repeat; color: #000; padding: 6px 0 0 4px; font-size:1.em; }
#box-bleu  { top: 184px; left: 410px; background: #fff url(../formation-informatique/box-bleu.jpg) no-repeat; width: 264px; height:148px; position: absolute; z-index: 4; padding: 6px 0 0 16px; }
#box-bleu h1 { font-size:large; }
#box-jaune h2 { padding-left:3px }
#box-bleu h2 { font-weight: 100; margin-bottom: 6px; }
#box-bleu img { margin: 10px 0 0 4px; }
.box-bleu-clair { color: #4C9CB8; font-size: .9em; }
#box-jaune { top: 184px; left: 690px; width: 234px; background: #fff url(../formation-informatique/box-jaune.jpg) no-repeat; padding: 6px 0 0 6px; }
.brt { font-size: 1.em; color: #0; }
.bjt { font-size:1.em; color: #0; }
.bjtitle { font-size:1.3em; line-height: 95%; } 
#box-rose .brtitle { font-size:large; color: #000; line-height: 90%; padding: 6px 0 0 16px; }

/* MENU */
#menu ul { margin: 0; font-size: 1.8em; font-family: "Century Gothic", sans-serif; } 
#menu ul li { list-style-type: none; margin: 0; padding: 0; }
a.menu-inactif { display: block; padding: 5px 12px 3px 14px; text-decoration: none; color: #fff; font-weight: 100%; }
a.menu-inactif:hover { color: #ff0; }
a.menu-actif { display: block; padding: 5px 12px 3px 14px; color: #ff0; text-decoration: none; }
#recherche {display:none; position: absolute; top: 515px; color: white; font-size: 1.2em; padding: 5px; text-align: right; line-height: 24px;}
#recherche .search { width: 120px; border: 1px solid #666; }
.form{ font-size:14px; text-transform: none; }
.form_log { font-size: 17px; color: #ffffff; }


/* CONTENU */
#colA .enbref { font-family: "Century Gothic", sans-serif; text-align: right; color: #000; font-style: italic; padding: 20px 20px 10px 14px;}
#colA .enbref big { font-size: 1.6em; font-weight: bold; }
#colA .enbref {font-size: 1.1em;}
#colA .pos { margin-left: 18px; }

.redaction { padding: 15px 15px 15px 15px; background-color: #EFF2FF;min-height:160px; }
.redaction a {line-height:20px;}
.redaction p { color: #666; text-align:justify; line-height: 1.2em  }
.redaction h3 { font-size: 1.6em; }
.redaction .textetendu { font-size: 120%; line-height: 150%; color: #777; margin-top: 10px; }
#contenu .redaction img { float: right; display: block; border: 3px solid #fff; margin-left:10px; margin-bottom:10px; }
#contenu .redaction .ba img { float: none; display: block; border: 3px solid #fff; }
#contenu .redaction #pdf img {float:left;margin-bottom:0;border:0;margin-right:5px;}
#contenu .redaction #cent { float:none; display: block; border: 3px solid #fff; margin-left:auto; margin-right:auto; margin-top:30px; }

.redaction2 { padding: 15px 15px 15px 15px; background-color: #EFF2FF; }
.redaction2 p { color: #666;text-align:justify; line-height: 1.2em }
.redaction2 h3 { font-size: 1.6em; }
.redaction2 .textetendu { font-size: 120%; line-height: 150%; color: #777; margin-top: 10px; }
#contenu .redaction2 img { display: block; border: 3px solid #fff; }
#contenu .redaction2 #cent { float:none; display: block; margin-left:auto; margin-right:auto; margin-top:30px; }


#colA a { color: #396D01; text-decoration: underline; font-size: 0.9em; display: block; margin-top: 10px;}
#colA a:hover { text-decoration: none; }
.redaction a { color: #01366C; text-decoration: underline}
.redaction a:hover { text-decoration: none; }
.redaction2 a { color: #01366C; text-decoration: underline}
.redaction2 a:hover { text-decoration: none; }

.erreur { background-color: #F5E9E9;
	border: 1px solid #990000;
	color: #990000;
	font-weight: bold;
	padding: 3px;
	margin: 5px 0 10px 0;
}
.confirmation { background-color: #ECEFFF;
	border: 1px solid #0033CC;
	color: #0033CC;
	font-weight: bold;
	padding: 3px;
	margin: 5px 0 10px 0;
}

.img1_plan {
position: absolute;
top: 60px;
right: 25px;
}

.img2_plan {
position: absolute;
top: 310px;
right: 25px;
}

.img3_plan {
position: absolute;
top: 650px;
right: 25px;
}

.baseline {
font-size: 12px;
color: white;
}

.baseline a { color: white; }

p#arbo { font-size: 90%; margin: 0 0 15px 0; }
p#arbo a { text-decoration: underline; color: #999; }
p#arbo a:hover { text-decoration: none; }


.separation {
	background: transparent url(../formation-informatique/menu-bottom.gif) no-repeat top right;
	width: 170px;
	height: 11px;
}
.separation hr {
	display: none;
}

#hihi{
min-height:475px;
_height:475px;
}

#colA .enbref .letter-Link { float:left; margin-right:3px; }
#colA .enbref .letter-noLink { float:left; margin-right:3px; color:#000; text-decoration:none; }