@charset "utf-8";
/* CSS Document */

/* styles communs */
body { background: #f6f6f6;color: #555; font: 0.8em Arial, sans-serif;}
div.FondBlanc { background: #fff url(img/body-bg-s.gif) no-repeat top center; padding: 18px 0 0 0;}

/* liens */
a { color: #555; text-decoration: none;}
a:hover { color: #e78e2c; }
a.def {color: #656565;}
a:hover.def { color: #333; }

/* tables */
table { border: 1px solid #eee; width: 90%;}
td, th { border: 1px solid #eee; padding: 2px; text-align: justify;}
table.Center , table.center{ margin: 0 auto; }
table.noborder td , td.noborder { border: 0px; }
table.bordernoir  { border-color: #000; }


/* paragraphes */
p { text-align: justify; }
p.Auteur { color: #000; font: 1em Georgia, Times, sans-serif; text-align: right;}
p.SpecialLink, .SpecialLink { padding: 10px 0 0 0; }
p.SpecialLink a, .SpecialLink a{ background: url(img/fleche-orange.png) no-repeat center left; color: #e78e2c; padding: 0 0 0 20px; text-decoration: none;}
p .rss a, .rss a{ background: url(img/rss2.png) no-repeat 0 3px; color: #e78e2c; padding: 0 0 0 20px; text-decoration: none;}
p.SpecialLink a:hover, .SpecialLink a:hover { background: url(img/fleche-bleu.png) no-repeat center left; color: #45b3c6;}
p .rss a:hover, .rss a:hover { background-position:0 -37px ; color: #45b3c6;}


/* Classes (tentative d'uniformisation en limitant la cascade)*/
.logobaseline { color: #56B1C0; font: bold italic 1em Arial, sans-serif; margin-left: 40px;}

/* polices de base */
.T{font-family: Georgia, Times, sans-serif; font-weight: normal;}
.t{font-family: Arial, sans-serif; font-weight: normal;}

/* styles de titre */
.t1 {color: #7e7e7e; font-size: 2em;}
.t2 {color: #a0a0a0; font-size: 1.8em;}
.t3 {color:#455884; font:bold 1em/30px Arial,sans-serif;}
.t4 {color:#888; font:bold 0.9em/50px Georgia, Times, sans-serif;}
.t5 {color:#888; font:bold 1.4em/40px Georgia, Times, sans-serif;}
.t6 {color:#e78e2c; padding: 4px 20px;}
.ref {color: #7e7e7e; font: 0.8em Arial, sans-serif;}

/* tailles de police */
.s1 {font-size: 2em;}
.s2 {font-size: 1.8em;}
.s3{font-size: 1.4em;}
.s5{font-size: 1.2em;}
.s6, .Small , .small{font-size: 0.9em;}
.s7,sup,sub{font-size: 0.8em;}
.s8{font-size: 0.7em;}
.s9{font-size: 0.6em;}

/* caractères */
.b { font-weight: bold; }

/* couleurs */
.noir, .Noir {color:#000;}
.marine, .m {color:#455884;}
.orange, .Orange {color:#F89B35;}
.vert, .green { color: #090; }
.rouge , .red { color: #e22; }
.bleu {color:#56B1C0;}
.gris1 {color:#666;}
.gris2 {color:#7E7E7E;}
.gris3 {color:#888;}
.gris4 {color:#AAA;}
.gris5, .gris {color:#BBB;}
.gris a{ color: #bbb; }

/* backgrounds */
.grislight1 { background : #DFDFDF; }
.grislight2 { background : #E9E9E9; }
.grislight3 { background : #F1F1F1; }
.grislight4 { background : #F8F8F8; }
.grislight5 { background : #FCFCFC; }

/* alignements et visibilité */
.StopFloat , .nofloat{ clear: both; }
.NoMargin , .nomargin{margin: 0px;}
.justify { text-align: justify; }
.no-display , .nodisplay{ display: none; }

/* alignement du texte dans les paragraphes */
.TextAlignLeft {text-align: left}
.TextAlignRight {text-align: right}
.TextAlignJustify {text-align: justify}
.TextAlignCenter {text-align: center}

/* Float des IMG */
img.right, img.Right { float: right; }
img.left, img.Left { float: left; margin: 10px 20px 10px 10px; }
div#Contenu img.right, div#Contenu img.Right { float: right; margin: 10px 10px 10px 20px; }
div#Contenu img.left, div#Contenu img.Left { float: left; margin: 10px 20px 10px 10px; }

/* bordures */
.nobt { border: 0px; }
div#Contenu img.NoBorder {border: 0px; margin: 0px; padding: 0px;}
.noborder {border: 0px;}
.Border , .border { border: 1px solid #ddd; }
.BorderLeft, .borderleft { border-left: 1px solid #ddd; }
.BorderTop, .bordertop { border-top: 1px solid #ddd; }
.BorderBottom, .borderbottom { border-bottom: 1px solid #ddd; }
.BorderTop, .bordertop { border-top: 1px solid #ddd; }

/* Alignement et Float des P et DIV */
p.Center, p.center , .center, .Center, d.Center,td.center{ text-align: center; margin-left: auto;margin-right:auto;clear: both; }
p.right, p.Right, .right ,.Droite, .Right,td.Right ,td.right { text-align: right; float: right; margin-right: 0; margin-left: auto;}
p.left, p.Left , .left , .Left,.Gauche,td.Left ,td.left{ text-align: left; float: left; margin-right: auto; margin-left: 0; }
div.Right, div.right { float: right; margin: 10px; text-align:center;}
div.Left, div.left { float: left; margin: 10px; text-align:center;}

/* fleches */
/*.ListeFleche { background: url(img/fleche-gris.png) no-repeat center left;padding-left: 20px;}*/

/* boutons */
.bt,
form.Formulaire input.bt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #FFF;
	text-decoration: none;
	border:none 0px;
	margin: 10px auto;
	height: 30px;
	background-color:#FFF;
	text-align: center;
	padding:0;
	display:block;
	cursor:pointer;
	line-height:30px;
	min-width:0px;
}
a.bt:hover{color: #FFF;}

.bt100{width:100px;background: url(img/btn/boutons/boutons_100.png) no-repeat;text-indent:-30px;}
.btr100{width:100px;background: url(img/btn/boutons/boutons_100_r.png) no-repeat;text-indent:30px;}
.bt125{width:125px;background: url(img/btn/boutons/boutons_125.png) no-repeat;text-indent:-30px;}
.btr125{width:125px;background: url(img/btn/boutons/boutons_125_r.png) no-repeat;text-indent:30px;}
.bt150{width:150px;background: url(img/btn/boutons/boutons_150.png) no-repeat;text-indent:-30px;}
.btr150{width:150px;background: url(img/btn/boutons/boutons_150_r.png) no-repeat;text-indent:30px;}
.bt175{width:175px;background: url(img/btn/boutons/boutons_175.png) no-repeat;text-indent:-30px;}
.btr175{width:175px;background: url(img/btn/boutons/boutons_175_r.png) no-repeat;text-indent:30px;}
.bt200{width:200px;background: url(img/btn/boutons/boutons_200.png) no-repeat;text-indent:-30px;}
.btr200{width:200px;background: url(img/btn/boutons/boutons_200_r.png) no-repeat;text-indent:30px;}
.bt225{width:225px;background: url(img/btn/boutons/boutons_225.png) no-repeat;text-indent:-30px;}
.bt250{width:250px;background: url(img/btn/boutons/boutons_250.png) no-repeat;text-indent:-30px;}
.bt275{width:275px;background: url(img/btn/boutons/boutons_275.png) no-repeat;text-indent:-30px;}
.bt300{width:300px;background: url(img/btn/boutons/boutons_300.png) no-repeat;text-indent:-30px;}
.bt350{width:350px;background: url(img/btn/boutons/boutons_350.png) no-repeat;text-indent:-30px;}

.btO{background-position: 0 0;}
.btO:hover{background-position:0 -30px;}
.btB{background-position: 0 -60px;}
.btB:hover{background-position: 0 -90px;}
.btM{background-position: 0 -120px;}
.btM:hover{background-position: 0 -150px;}
.btV{background-position: 0 -180px;}
.btV:hover{background-position: 0 -210px;}
.btN{background-position: 0 -240px;}
.btN:hover{background-position: 0 -270px;}
.btG{background-position: 0 -300px;color: #000;}
.btG:hover{background-position: 0 -330px;color: #FFF;}


/* formulaires */
textarea { font: 0.9em Arial, sans-serif; }

.select {
width: 156px;
border: #949494 1px solid;
color: #666;
min-width: 216px;
margin: 0 20px 0 0;
padding: 3px 0;
}

/* tailles accueil emploi */
.ea_120 {
height: 120px;
background: url(img/image.png) no-repeat left top;
}
.ea_240 { height: 240px; }
.PubAlign { padding-top: 10px; }
.FonctionList { font-size: 0.9em; }


/* Titres */
.titre1 {
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #fafafa;
border: 1px solid #ddd;
margin: 10px 0px;
padding: 5px 10px 7px 10px;
z-index: -1;
}

.titre2 {
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #fdfdfd;
border: 1px solid #ddd;
margin: 10px 0px;
padding: 2px 5px 0px 50px;
z-index: -1;
}


.savoirfaire { background-image: url(img/fonds/titre-savoir-faire.gif); }
.paroleexpert { background-image: url(img/fonds/titre-parole-expert.gif); }
.guidetechnique { background-image: url(img/fonds/titre-guide-technique.gif); }
.analysereglementation { background-image: url(img/fonds/titre-analyse-reglementation.gif); }
.actualitetechnique { background-image: url(img/fonds/titre-actualite-technique.gif); }
.lettreexpert { background-image: url(img/fonds/titre-lettre-expert.gif); }
.conseils { background-image: url(img/fonds/titre-conseils.gif); }
.emploi { background-image: url(img/fonds/titre-emploi.gif); }
.emploiexpress { background-image: url(img/fonds/titre-emploi-express.gif); }
.partenaires { background-image: url(img/fonds/titre-partenaires.gif); }
.toprecrut { background-image: url(img/fonds/titre-top-recruteurs.gif); }
.bg-vague { background-image: url(img/fonds/bg-vagues.gif); }


.chapitre { background-image: url(img/fonds/chapitre.gif); }
.chapitre1 { background-image: url(img/fonds/chapitre1.gif); }
.chapitre2 { background-image: url(img/fonds/chapitre2.gif); }
.chapitre3 { background-image: url(img/fonds/chapitre3.gif); }
.chapitre4 { background-image: url(img/fonds/chapitre4.gif); }
.chapitre5 { background-image: url(img/fonds/chapitre5.gif); }
.chapitre6 { background-image: url(img/fonds/chapitre6.gif); }

/* Picto */
a.picto {
font-weight: bold;
font-size: 1.2em;
color: #000;
height: 30px;
line-height:35px;
text-align: left;
padding: 5px 10px 4px 55px;
margin: 5px;
border: 1px solid #ddd;
background-color: #FFF;
background-repeat: no-repeat;
background-position: 5px 5px;
}
a.picto:hover { color: #f90; border: 1px solid #aaa;}

a.pdf { background-image: url(img/picto/pdf.gif); }
a.html{ background-image: url(img/picto/html.gif); }
a.word { background-image: url(img/picto/word.gif); }
a.video { background-image: url(img/picto/video.gif); }
a.help { background-image: url(img/picto/help.gif); }
a.web { background-image: url(img/picto/web.gif); }


/* experts en page accueil */
div.Ligne  { font-size: 0.9em; }
div.Ligne img  { padding: 1px; }
div.Ligne a img { border: #ddd solid 1px; }
div.Ligne a:hover img { border: #e78e2c solid 1px; }


ul.BigLi li a {
border-bottom: #ddd 1px solid;
display: block;
font-size: 1.2em;
padding: 10px 0 11px 0;
text-decoration: none;
}
ul.BigLi li a:hover { background: #f6f6f6; }

ul.chroniques li {background: transparent;}
ul.chroniques li a{
background-color: #FFF;
border-bottom: 0px;
padding: 11px 0 11px 10px;
color: #015075;
width: 450px;
height: 17px;
overflow: hidden;
}
ul.chroniques li a:hover {background: transparent;}

ul.BigLi li.Active a {
color: #F90;
background: url(img/fleche-orange.png) no-repeat center right;
}
ul.BigLi li.Active a:hover {
background: url(img/fleche-orange.png) no-repeat center right;
}
div.Listes {
border-top: 1px solid #949494;
clear: both;
margin-top: 20px;
}
div.Listes h2 {
color: #000;
font-size: 1em;
font-weight: bold;
padding: 20px 0;
}
div.Listes ul li { font-size: 0.9em; }
/* Contenu */
div#Contenu img {
padding: 5px;
border: 1px solid #eaeaea;
margin: 10px;
}
div#Contenu img.noborder,
div#Contenu div.noborder img
 {
border: none;
padding: 0;
margin: 0;
}
ul.ListeFleche { margin: 0 60px 0 40px; }
ul.ListeFleche li a {
background: #fff url(img/fleche-gris.png) no-repeat center left;
display: block;
padding-left: 20px;
position: relative;
}
ul.ListeFleche li:hover {background: #f2f2f2;}
ul.ListeFleche li a:hover { background: #f2f2f2 url(img/fleche-orange.png) no-repeat center left; }
.CoursAcces { color:#45B3C6; }
.CoursNiveau { color:#455884;}
ul.ListeFleche li a span.CoursNiveau {
cursor: pointer;
position: absolute;
right: 0;
}
ul.SubListeFleche {padding-left: 20px; background: #FFFFFF;}
/* Colonne */
div#Colonne { position: relative;}
div#Colonne div.BorderColonne { border: #ddd 1px solid; }
div#Colonne p { margin-bottom: 10px; }
div#Colonne ul.BigLi li a {
font-size: 1em;
padding: 5px 0 6px 10px;

}
div.Special h3 {
color: #000;
font: 1.2em Arial, sans-serif;
font-weight: normal;
padding: 4px 0 0 0;
}
div.Box {
background: #d4d4d4;
padding: 5px;
}
div.Box h2 {
color: #fff;
font-size: 2.5em;
font-weight: normal;
padding: 0 0 5px 0;
}


/* boite */
div.Boite { background: #fff ;}
div.Boite img { margin: 5px 0; text-align: center; vertical-align: text-bottom;}
div.Boite p { padding: 5px; }


.boitefixed{ position: absolute; top: 0;}
#contactbox{ position: absolute;top: 0;margin-top: 10px;}

div#Colonne div.Boite form.search input { width: auto; }
div#Colonne div.Boite form.search { border: 0; }
div#Colonne div.Boite form.search input.champ { width: 120px; }
div.Boite ul { padding: 5px; }


.FlecheTitre {background: #eee url(img/fleche-oblique-or.jpg) no-repeat top left;height: 15px;margin: 0px;padding: 5px 0;}
div.BoiteBorder {background: #fff ;border: #eee 1px solid;position:relative;}
.FlecheTitre.orange { background-color: #F89B35; color: #FFF;}
div.BoiteBorder.orange{border: #F89B35 1px solid;}
div.BoiteBorder p { padding: 10px;text-align:left; }
div.BoiteBorder li { list-style: disc inside; padding: 5px; }

/* boite projet */

div.BoiteBorder.orange.projet{padding: 10px;background: url(img/bg-gris-deg.png);}
div.PictoMail {background:url(img/bulle.png) no-repeat top left transparent; padding: 3px 0 5px 35px;margin-bottom:10px;}
div#Colonne form.contact label{color:#DDD;}
div#Colonne form.contact{margin:0px;padding:0px;}
div#Colonne form.contact input{color:#666;margin: 5px 0 0 0;padding: 2px;width: 189px;font: 0.9em Arial, sans-serif;border: 1px solid #949494;}
div#Colonne form.contact select{margin: 5px 0 0 0;padding: 1px 1px 1px 0px;width: 195px;font: 0.9em Arial, sans-serif;border: 1px solid #949494;}
div#Colonne form.contact textarea{margin: 5px 0 0 0;padding: 2px;width: 190px;font: 0.9em Arial, sans-serif;}
div#Colonne form.contact label.error {color:red;font-size:9px;position:relative;left:-20px;line-height:9px;}
potdemielerror,select.error,textarea.error ,div#Colonne form.contact select.error{border: 1px solid red;}
div#Colonne form.contact div.btn, div#Colonne form.contact p.btn{margin:20px 0;}
div#Colonne form.contact select.blur{color:#BBB;}

div#Colonne form.contact input,div#Colonne form.contact textarea,div#Colonne form.contact select{background:url(img/form/express_bg.png) no-repeat top left;}
input.cache{display: none;border:1px solid #FFF;}

ul.cochevert{margin: 0px;padding: 0px;}
ul.cochevert li {display: block;padding: 2px 0 2px 20px;background: url(img/coche_vert.png) no-repeat center left;}

/* fleche orange */
.fleche{padding-left:15px;background: url(img/fleche-orange.png) no-repeat 0px 3px;margin:10px 0;}

div#Colonne ul.ste {background: #f6f6f6;padding:0px;margin:0px;}
div#Colonne li a.fleche {
background: url(img/fleche-gris.png) no-repeat 10px center transparent;
border-bottom: #ddd 1px solid;
display: block;
font-size: 1.2em;
padding: 10px 0 11px 30px;
margin:0px;
}
div#Colonne li a.fleche:hover {background: url(img/fleche-orange.png) no-repeat 10px center transparent;}

/* bouton vert */

a.btn-vert{
background:url(img/bouton_vert_bg.png) no-repeat left top;
padding: 4px 10px 5px 30px;
color:#FFF;
font-weight:bold;
line-height:20px;
border: 1px solid #c8de8f;
height:25px;
}
a.btn-vert:hover{background:url(img/bouton_vert_bg.png) no-repeat left bottom;border-color: #F89B35;}












div.Fonce div.BoiteBorder {
border-bottom: #666 1px solid;
border-right: #666 1px solid;
border-left: #666 1px solid;
border-top: 0;
}
div.Fonce div.FlecheTitre {
border-bottom: #ddd 1px solid;
border-top: #666 1px solid;
border-right: #666 1px solid;
border-left: #666 1px solid;
}



div.Fonce div.Fleche { border-bottom: #666 1px solid; }
div#Colonne form input, textarea { width: 150px; }
div#Colonne form select { width: 156px; }
div#Colonne form p { margin: 1px; }
div#Colonne form p.Center { margin: 10px; }
div#Colonne form input.Submit { width: auto; }

div#Colonne form.express, div.express{
background-color:#EEEEEE;
border-color:#455884;
border-right:1px solid #455884;
border-style:none solid solid;
border-width:0 1px 1px;
border-top: none;
margin:0 5px 5px;
padding:0 5px 5px;
width:195px;
}
div#Colonne form.express input{color:#666;margin: 5px 0 0 0;padding: 2px;width: 187px;font: 0.9em Arial, sans-serif;}
div#Colonne form.express select{margin: 5px 0 0 0;padding: 2px;width: 195px;font: 0.9em Arial, sans-serif;}
div#Colonne form.express textarea{margin: 5px 0 0 0;padding: 2px;width: 189px;font: 0.9em Arial, sans-serif;}

div.contactdoc { padding: 10px 0 10px 0; margin: 20px 0 20px 0;}
div.contactdoc p { text-align: center;}
div.contactdoc div.divcontact select{margin: 0px;padding: 2px;width: 220px;font: 0.9em Arial, sans-serif;}
div.contactdoc div.divcontact  textarea{margin: 0px;padding: 5px;width: 208px;font: 0.9em Arial, sans-serif;}
.contactdoc:hover { background-color: #DADADA;}
.divcontact input{color:#666;margin-bottom: 5px;padding: 2px;width: 212px;font: 0.9em Arial, sans-serif;}
.divcontact input.error{border: 1px solid red;height:17px;width: 214px;}
div.Article div.aiderempli{
background:url(img/aide-informations.png) no-repeat 0px 0px;
    color: #455884;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-left: 50px;
    padding: 0 5px;
    width: 320px;
}
div.Article div.divrempli{margin: 0 0 0 50px;text-align: justify;width: 550px;}

/* boite doc-contact dans contenu */
div.Article table.expresstable , div.contactdoc table.expresstable {border:0px; text-align: left; background-color:#FFF;}
div.Article table.expresstable td, div.contactdoc table.expresstable td {border:0px; text-align: left;}
div.Article table.expresstable td.right, div.contactdoc table.expresstable td.right {text-align: right;}



.busoptline {position:absolute;bottom:0;right:0;}
.busoptext {line-height:10px; font-size:11px; position:relative;top:-3px}
.busfield input {width:215px;margin-bottom:5px;}
.busfield select {width:219px;margin-bottom:5px;height:22px;}
.busfield label.error {color:red;font-size:9px;position:relative;top:-5px;line-height:9px;}
.busfield input.error,select.error {border: 1px solid red;}

#partager{width:70px;height:20px;border:0;background:url(img/partager.png) no-repeat top left;cursor:pointer;}
#partager:hover{background:url(img/partager.png) no-repeat bottom left;}
#rss{width:49px;height:20px;border:0;background:url(img/rss3.png) no-repeat top left;cursor:pointer;}
#rss:hover{background:url(img/rss3.png) no-repeat bottom left;}