/* CSS Document */
* {margin:0;padding:0}

body, html {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#666;
background-color:#fff;
}

a, a:visited {color:#666;text-decoration:none;}
a:hover {color:#E76F00;}
h2, .h2 {font-size:14px;font-weight:bold;color:#E76F00;}
h3, .h3 {font-size:12px;font-weight:bold;color:#E76F00;}


#flash{
position: absolute;
top:67px;
right:268px;
width:249px;
height:507px;
}

#main-header {
position: relative;
width: 100%;
height:158px;
background:url(../img/header-l.gif);
}

#header{
position:relative;
margin: 0 auto;
width: 980px;
height:123px;
background:url(../img/header.jpg) no-repeat top center;
}

#header-r{
position: absolute;
top:0;
right:0;
width: 50%;
height:158px;
background:url(../img/header-r.gif);
}

#main-cont {
width: 100%;
/*height:158px;*/
background:#D2D2D2 url(../img/bg-body.jpg) repeat-x top right;
}

#cont{
position:relative;
margin: 0 auto;
padding-bottom: 20px;
width: 920px;
min-height: 540px;
border: 1px #E76F00 solid;
border-top: none;
background:#fff url(../img/ombres.jpg) no-repeat bottom right;
z-index: 100;
}

/* CONTENU ***********/

#mains {
position:absolute;
top:0;
left:-47px;
}

#mascotte {
position:absolute;
top:24px;
right:9px;
}

#imgh1 {
position:absolute;
top:24px;
right:105px;
}

#imgh1 h1 {
position:relative;
bottom:5px;
text-align: right;
font-weight: normal;
font-size:24px;
color:#E76F00;
}



#imgh1-2 {
position:absolute;
top:260px;
right:105px;
}

/* Pages du site ***********/



#cont-texte {
padding-top:67px;
margin-left:185px;
width:640px;
}

#texte {
padding-left:20px;
padding-bottom:20px;

border-left: 1px #E76F00 solid;
background:url(../img/bg-txt.gif) no-repeat bottom left ;
}

.h2 {padding:5px 15px 7px 0;}
h2 {padding:5px 15px 7px 0;}
p {padding:5px 0 2px 0;text-align:justify;}

#texte ul {padding:15px 0 5px 10px;margin-left:15px;}
#texte li {
list-style-type: none;
margin-bottom: 5px;
background: url(../img/puce1.png) no-repeat 0 6px;
padding-left:15px;
padding-bottom:2px;
}

table.formations {
margin:12px 0 0 0;
width:620px;
border:1px #E76F00 solid;
border-collapse:collapse;
background:#F2F3F5;
}



table.formations tr {height:33px;border:1px #E76F00 solid;background:#F2F3F5;}
table.formations tr.th {background:#E76F00 url(../img/bg-tab-form.jpg);}

table.formations th {text-align: center;font-size: 14px;color:#fff;border:1px #E76F00 solid;}



table.formations td {padding:0;border:1px #E76F00 solid;}
table.formations td.c1 {width:500px;padding-left:30px;background:url(../img/fleche1.gif) no-repeat 12px center;}
table.formations td.c2 {width:120px;text-align:center;padding:0;}
table.formations td.d1 {width:500px;padding-left:30px;background:url(../img/fleched.gif) no-repeat 12px center;}
table.formations tr.nobord td {border:none;}
table.formations tr.bas {font-size:7px;height:7px;background:#E76F00;}

#formations-intra {display:none;}

#cont-offres {width:640px;padding-top:82px;margin-left:180px;}

table.offres-bord td {padding:1px;border:1px #E76F00 solid;}
table.offres {border-collapse:collapse;width:100%;color:#000;padding:2px;border:2px #fff solid;}
table.offres th {font-weight:normal;padding:10px;border:1px #fff solid;background:#fff;}
table.offres tr {height:21px;border:1px #fff solid;background:#F2A057;}
table.offres tr.annonces th {text-align:left;padding:0 0 0 15px;height:17px;color:#fff;background:#E77003 url(../img/puce2.gif) no-repeat 5px center;}
table.offres td {margin:0;padding:0;height:21px;background:#F2A057;border:1px #fff solid;}
table.offres td.c1 {padding:0 0 0 5px;font-weight:bold;}
table.offres td.c2 {width:180px;text-align:center;}
table.offres td.c3 {width:80px;padding:0 2px;}

#offres p {padding-top:10px}

.retour {
line-height: 12px;
height:12px;
padding-left: 20px;
margin-left:12px;
width:300px;
color:#E76F00;
background:url(../img/retour.gif) no-repeat 5px center;
}

.retour a, .retour a:visited {color:#E76F00;font-weight:bold;font-size:10px;}

.pucec {padding-left:10px;height:16px;background: url(../img/pucec.gif) no-repeat 0 center;}



.pucet {padding-left:10px;height:18px;background: url(../img/pucet.gif) no-repeat 0 center;}


#qcm2 label {margin:7px;}
#qcm2 input.input_text {width:300px;}
#qcm2 .submit {width:auto;}

/* Footer ***********/

#footer {
position:relative;
top:-10px;
width: 100%;
height:34px;
background:url(../img/bg-footer.gif);
border-top: 1px #AA5500 solid;
border-bottom: 1px #661100 solid;
}

#cont-footer {
width:980px;
margin: 0 auto;
padding-top:10px;
font-size: 10px;
color:#fff;
}

a.emailt, a:visited.emailt {color:#fff;}

/* Utilites Positionnement ***********/

.clear {clear:both;}
.fl-left {float:left;}
.fl-right {float:right;}

.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}
.bold {font-weight:bold;}
.normal {font-weight: normal;}
.none {text-decoration:none;}
.italic {font-style: italic;}

.clr0, a.clr0, a:visited.clr0 {color:#000;}
.clr1, a.clr1 {color:#6F0608;}
.clr2, a.clr2 {color:#777676;}
.clr3, a.clr3 {color:#E76F00;}
.clr4, a.clr4 {color:#00c;}
.red, a.red  {color:#f00;}

.bg1 {background-color:#6F0608;}
.bg2 {background-color:#777676;}

.fs08 {font-size:0.8em;}
.fs09 {font-size:0.9em;}
.fs1 {font-size:1em;}
.fs12 {font-size:1.2em;} 
.fs13 {font-size:1.3em;}
.fs14 {font-size:1.4em;}
.fs15 {font-size:1.5em;}
.fs16 {font-size:1.6em;}
.fs17 {font-size:1.7em;}
.fs18 {font-size:1.8em;}

img {border:0;}

.line_18 {line-height:18px;}
.w100 {width:100%}
.brd_1 {border:1px solid #000;}
.marg5px {margin:5px 0;}
.padd_0px {padding:0;}
.m0p0 {margin:0;padding:0;}
.padd_10_0_0_0px {padding:10px 0 0 0;}
.padd_3px {padding:3px;}
.padd_10px {padding:10px;}
.disp_block {display:block;}