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

/*.threepxfix class below for checkboxes:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{margin-left: 3px;}

/* 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;}*/

	.s50{font-size:50px;padding-bottom:20px;}
	.s40{font-size:40px;padding-bottom:20px;}
	.s35{font-size:35px;padding-bottom:20px;}
	.s30{font-size:30px;padding-bottom:20px;}
	.s24{font-size:24px;padding-bottom:15px;}
	.s20{font-size:20px;padding-bottom:7px;}
	.s18{font-size:18px;padding-bottom:5px;}
	.s16{font-size:16px;padding-bottom:3px;}
	.s14{font-size:14px;padding-bottom:2px;}
	.s10{font-size:10px;}
	.s9{font-size:9px;}

/* 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; }

	.bgG1{background-color:#CCC;}
	.bgG2{background-color:#D8D8D8;}
	.bgG3{background-color:#DDD;}
	.bgG4{background-color:#E8E8E8;}
	.bgG5{background-color:#EEE;}
	.bgG6{background-color:#F0F0F0;}
	.bgG7{background-color:#F8F8F8;}
	.bgW{background-color:#FFF;}
	.bgB{background-color:#000;}
	.bgB1{background-color:#00a6d5;}
	.bgB2{background-color:#BBFCFF;}
	.bgB3{background-color:#E6FDFF;}
	.bgGR{background-color:#AADC34;}

/* 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}

	.right{text-align:right;}
	.left{text-align:left;}
	.center{text-align:center; clear:both;}
	.justify{text-align:justify;}

/* 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;}

	/* MARGIN */
	.mar0{margin:0px;}
	.mar5{margin:5px;}
	.mar10{margin:10px;}
	.mar20{margin:20px;}
	.marT0{margin-top:0px;}
	.marT5{margin-top:5px;}
	.marT10{margin-top:10px;}
	.marT20{margin-top:20px;}
	.marT30{margin-top:30px;}
	.marB0{margin-bottom:0px;}
	.marB5{margin-bottom:5px;}
	.marB10{margin-bottom:10px;}
	.marB20{margin-bottom:20px;}
	.marB30{margin-bottom:30px;}
	.marL0{margin-left:0px;}
	.marL5{margin-left:5px;}
	.marL10{margin-left:10px;}
	.marL20{margin-left:20px;}
	.marL30{margin-left:30px;}
	.marR0{margin-right:5px;}
	.marR5{margin-right:5px;}
	.marR10{margin-right:10px;}
	.marR20{margin-right:20px;}
	.marR30{margin-right:30px;}
	
	/* PADDING */
	.pad0{padding:0px;}
	.pad5{padding:5px;}
	.pad10{padding:10px;}
	.pad20{padding:20px;}
	.padT0{padding-top:0px;}
	.padT5{padding-top:5px;}
	.padT10{padding-top:10px;}
	.padT20{padding-top:20px;}
	.padB0{padding-bottom:0px;}
	.padB5{padding-bottom:5px;}
	.padB10{padding-bottom:10px;}
	.padB20{padding-bottom:20px;}
	.padL0{padding-left:0px;}
	.padL5{padding-left:5px;}
	.padL10{padding-left:10px;}
	.padL20{padding-left:20px;}
	.padR0{padding-right:0px;}
	.padR5{padding-right:5px;}
	.padR10{padding-right:10px;}
	.padR20{padding-right:20px;}
	
	/* DISPLAY */
	.disp{display:block;}
	.dispIn{display:inline;}
	.dispNo{display:none;}
	
	/* WIDTH */
	.W50{width:50px;}
	.W75{width:75px;}
	.W100{width:100px;}
	.W125{width:125px;}
	.W150{width:150px;}
	.W175{width:145px;}
	.W200{width:200px;}
	.W225{width:225px;}
	.W250{width:250px;}
	.W275{width:245px;}
	.W300{width:300px;}
	.W325{width:325px;}
	.W350{width:350px;}
	.W375{width:345px;}
	.W400{width:400px;}
	.W425{width:425px;}
	.W450{width:450px;}
	.W475{width:445px;}
	.W500{width:500px;}
	
	/* HEIGHT */
	.H10{height:10px;}
	.H15{height:15px;}
	.H20{height:20px;}
	.H25{height:25px;}
	.H30{height:30px;}
	.H40{height:40px;}
	.H50{height:50px;}
	.H60{height:60px;}
	.H70{height:70px;}
	.H80{height:80px;}	
	.H90{height:90px;}
	.H100{height:100px;}



/* 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); }


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;}

/*
formulaire d'inscription
Denis 18/05/11
*/
form.form2 div.partie {border: #ddd 1px solid; padding-bottom: 20px;}
form.form2 div.titrepartie { padding: 10px;}
form.form2 div.entry {margin: 15px 0 0; width: 100%; min-height: 25px;}
form.form2 div.entrybox{ margin: 5px 0 0; width: 100%; min-height: 15px;}
form.form2 div.alert { padding: 0 0 0 32%;}
form.form2 div.saisie { border-top: #EEE 1px solid; margin: 0 10px 10px; padding-top: 20px;}
form.form2 label { float: left; padding: 6px 5px 0 0; text-align: right;width: 30%;}
form.form2 span.labelbox { float: left; text-align: right;width: 75%;}
form.form2 input { float: left; padding: 3px 0; width: 250px; margin-right: 40px;}
form.form2 select{ float: left; padding: 3px 3px; margin: 0px; width: 254px;}
form.form2 input[type="checkbox"]{ float: left; padding: 0px; width: 20px; margin: 2px 5px;}
form.gen textarea.moyen{width: 330px;}


/*
formulaires génériques
Denis 29/06/11
*/
form.gen input[type=text],form.gen textarea,form.gen select,form.gen input[type=file]{border: #949494 1px solid;color: #666;font-size: 1em;margin: 10px 0 10px 10px;padding: 3px 7px;width:220px;}
form.gen input.error,form.gen textarea.error,form.gen select.error,form.gen file.error{ border: #f00 1px solid;}
form.gen label{ font-weight: bold; text-align:right;width:40%;}
form.gen div.formline{ text-align:right;}
form.gen input[type=text]{width:204px;}
/*
formulaires génériques contact
Denis 04/12/09
*/
form.Form { border: #ddd 1px solid; overflow: hidden;}
form.Form .grid_10 { width:560px;}
form.Form p { text-align: left;margin: 10px 5px 0 0;}
form.Form p.titre{ color: #45b3c6;}
form.Form label{ font-weight: bold; float:none;}
form.Form input.error,textarea.error,select.error{ border: #f00 1px solid;}
form.Form input,textarea,select,file{border: #949494 1px solid;color: #666;font-size: 1em;margin: 10px 0 10px 20px;padding: 3px 7px;}
form.Form  div.col2 { float: left; width: 270px;}
form.Form  div.col2 input,select,textarea { width: 225px;}
form.Form  div.col2_small { float: left; width: 220px;}
form.Form  div.col2_small input,select,textarea { width: 175px;}

/* Message d'alerte annuaire */
form.Form  span.FormAnnuReq { margin-left: 10px;}

.field500{ width: 500px;}
.field400{ width: 400px;}
.BoutonDroit400{margin-right: 25px;text-align: right;}

div.FormAnnuReq400{margin-right: 25px;margin-top: -10px;text-align: right;}
div.FormAnnuReqCol2Small{margin-right: 10px;margin-top: -10px;text-align: right;}

label.error  {font-size: 0.8em;padding: 0 0 0 20px;color: #f00;}
label.error2  {font-size: 0.8em;margin: 0 0 0 -50px;color: #f00;line-height: 45px;}


div.FormContent input {
border: #949494 1px solid;
color: #666;
font-size: 1em;
margin: 10px 20px;
min-width: 200px;
padding: 3px 7px;
}
div.FormContent input.FondBouton {
background: url(img/bouton-fond-bl.png) no-repeat top right;
color: #fff;
border: none;
height: 25px;
margin-left: 10px;
min-width: 111px;
padding: 0 0 3px 6px;
text-align: left;
width: 111px;
cursor: pointer;
}
div.FormContent input.FondBouton:hover {background: url(img/bouton-fond-gr.png) no-repeat top right;color: #45b3c6;}

/* formulaires fond gris */
div.FormContent form.FormulaireFond {background: #f2f2f2;padding: 10px;}
div.FormContent form.FormulaireFond h2 {color: #000;font: 1em Arial, sans-serif;font-weight: bold;}
div.FormContent form.FormulaireFond p {text-align: right;}

form.FormulaireFond {background: #f2f2f2;padding: 10px;}
form.FormulaireFond h2 {color: #000;font: 1em Arial, sans-serif;font-weight: bold;}
form.FormulaireFond p { text-align: right; }

/* Contenu Formulaire avec fond blanc */
div.FormContent form.Formulaire input {margin-left: 0px;vertical-align: middle;}
div.FormContent form.Formulaire textarea {border: #949494 1px solid;color: #666;margin: 10px 20px;width: 94%;}
div.FormContent form.Formulaire select {border: #949494 1px solid;color: #666;width: 216px;margin: 0 20px 0 0;padding: 3px 0;}
div.FormContent form.Formulaire input.FondBouton { margin-right: 20px; }
div.FormContent form.Formulaire {border: #ddd 1px solid;overflow: hidden;padding: 0;}
div.FormContent form.Formulaire p {clear: both;text-align: right;}
div.FormContent form.Formulaire p.error span {color: #f00;font-size: 0.8em;padding: 0 20px 0 0;}
div.FormContent form.Formulaire p.error input { border: #f00 1px solid; }
div.FormContent form.Formulaire input.NoWidth {border: 0;min-width: 0;width: auto;}
div.FormContent form.CenterForm2col p { margin-right: 120px; }
div.FormContent form.CenterForm3col p { margin-right: 60px; }
div.FormContent form input.BigForm { width: 400px; }
div.FormContent form select.BigForm { width: 416px; }
div.FormContent form textarea.BigForm { width: 414px; }
div.FormContent form textarea.HugeForm { width: 90%; }



form.Formulaire {border: #ddd 1px solid;overflow: hidden;padding: 0;}
form.Formulaire h4{ padding-left: 10px; }
form.Formulaire p {clear: both;text-align: right;margin-right: 120px;}
form.Formulaire p.formrechjob{margin:10px 20px 10px 0;line-height:30px;}
form.Formulaire p.error span {color: #f00;font-size: 0.8em;padding: 0 20px 0 0;}
form.Formulaire p.error input { border: #f00 1px solid; }
form.Formulaire p .formrechjob{margin:10px 20px 0 0;}
form.Formulaire p.formrechjob img{vertical-align:middle;}

form.Formulaire input {
border: #949494 1px solid;
color: #666;
font-size: 1em;
margin: 10px 20px 10px 0;
min-width: 200px;
padding: 3px 7px;
vertical-align: middle;
}
form.Formulaire input.FondBouton ,input.FondBouton{
background: url(img/bouton-fond.gif) no-repeat top left;
margin: 0px;
border: none;
color: #fff;
height: 25px;
margin-right: 0;
min-width: 111px;
padding: 0 0 3px 6px;
text-align: left;
width: 111px;
}
form.Formulaire input.FondBouton:hover ,input.FondBouton:hover{
background: url(img/bouton-fond.gif) no-repeat bottom left;
color: #45b3c6;
margin-left: 0;
}

form.Formulaire input.cxjob{min-width: 10px;margin: 0 0 0 30px;} /* case à cocher recherche recruteur */
form.Formulaire input.champrecherche{padding:6px;}
form.Formulaire input.FondBouton ,input.FondBouton{ margin-right: 20px; }
form.Formulaire input.NoWidth {border: 0;min-width: 0;width: auto;}
form.Formulaire textarea {border: #949494 1px solid;color: #666;margin: 10px 20px;width: 214px;}
form.Formulaire select {border: #949494 1px solid;color: #666;width: 216px;margin: 10px 20px 10px 0px;padding: 3px 7px;}
form.Formulaire select.box4 {width: 70px;}
form.Formulaire select.box2 {width: 60px;}
form.Formulaire select.NoWidth {min-width: 216px;width: 216px;float: none;}



form.CenterForm2col p { margin-right: 120px; }
form.CenterForm3col p { margin-right: 60px; }
form input.BigForm { width: 400px; }
form select.BigForm { width: 416px; }
form textarea.BigForm { width: 414px; }
form textarea.HugeForm { width: 90%; }
form input.NormForm{ width: 250px; }
form select.NormForm{ width: 267px; }
form.searchjob p { margin-right: 30px; }
form.Formulaire p.searchjob { margin-right: 30px; }
label.TextArea{ padding-right: 20px; }
form.TitreCombo { margin: 0 60px 0 40px; }
form.TitreCombo p {border-top: 1px #ddd solid;overflow: hidden;text-align: right;}
form.TitreCombo p label {background: #f2f2f2;padding: 4px;}
form.TitreCombo p select {background: #f2f2f2;border: 0;}

div.help{
	background:url(http://media.xpair.com/css/img/aide-informations.gif) no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin: 12px 20px 0 0;
    width: 20px;
}

/* Contenu Formation */
div.Cours a,div.Cours span.fin {
background: url(img/trans-bloc.png) repeat-x bottom left;
display: block;
height: 60px;
padding: 160px 0 0 10px;
}
.titresav {line-height: 40px;margin: 20px 0;text-align: center;}

div.Cours a.NoPadding { padding: 80px 0 0 330px; }
div.Cours a.NoPadding2 { padding: 160px 0 0 74px; }
div.Cours a span.CoursBloc {
color: #000;
display: block;
font: 0.9em Georgia, Times, sans-serif;
font-weight: bold;
padding-top: 5px;
}
div.Cours a span.CoursTitre {
background: #7f7f7f;
border: #7f7f7f 1px solid;
border-right: none;
color: #fff;
float: left;
font: 1.3em Arial, sans-serif;
font-weight: normal;
height: 20px;
padding: 2px 2px 1px 2px;
}
div.Cours a:hover span.CoursTitre {
background: #fff;
border: #333 1px solid;
border-right: none;
color: #333;
}
div.Cours a span.CoursPointe {
background: url(img/pointe-g.png) no-repeat top left;
float: left;
}
div.Cours a:hover span.CoursPointe {
background: url(img/pointe-b.png) no-repeat top left;
float: left;
}
div.Cours ul li a {
border: #fff 1px solid;
color: #000;
display: block;
font-size: 0.9em;
height: auto;
padding: 2px 10px;
}
div.Cours ul li a:hover {
color: #e78e2c;
background: #fafafa;
border: #DDD 1px solid;
}

/* questions QCM */
div.QCMQuestion{
padding-bottom: 2px;
}

div.QCMQuestion p{
border-bottom: 1px dotted #d1d1d1;
margin-bottom: 3px;
}

div.QCMQuestion div p{
border-bottom: 0px;
margin: 0px;
text-align: center;
}

/* Questions QCM en tableau */
.QCMTable {margin: 5px; border: 0px;}
.QCMTable td,.QCMTable th,.QCMTable tr {border: 0px;}
form.Formulaire input.QCMCheckbox {margin: 10px 5px;}
.QCMtd {text-align: left; padding-left: 5px; width: 95%;}


/* source d'une image */
em.Source {color: #aaaaaa;}

form.Formulaire div.QCMQuestion p.TextAlignLeft {text-align: left}
form.Formulaire div.QCMQuestion p.TextAlignRight {text-align: right}
form.Formulaire div.QCMQuestion p.TextAlignJustify {text-align: justify}
form.Formulaire div.QCMQuestion p.TextAlignCenter {text-align: center}

form.Formulaire div.QCMQuestion table p {margin: 0px; text-align: center;}


/* couleurs de fond */
.FondBleu {background-color: #99CCFF;}
.FondVert {background-color: #99FFCC;}
.FondJaune {background-color: #FFFF99;}
.FondOrange {background-color: #FFCC99;}
.FondRouge {background-color: #FF6666;}


.Articles table{margin: auto;}


div.Articles  div.FauxSelect ul {
margin: 0;
padding: 0;
}
div.Articles  ul.ListeFleche li{
list-style-image: none;
}
.Articles ul { margin: 10px 10px 20px 50px; }
.Articles li { list-style-image: url(img/bgo.gif); }
/* Paragraphe */
div.Paragraphe {
border: 1px solid #949494;
border-bottom: none;
overflow: hidden;
padding: 20px 0 0 0;
}
div.Paragraphe p { padding: 6px; }
div.Paragraphe ul { margin: 10px 10px 20px 50px; }
div.Paragraphe li { list-style-image: url(img/bgo.gif); }
div.Paragraphe table { margin: 0 auto; }
div.Paragraphe table,div.Paragraphe th,div.Paragraphe td {
text-align: center;
vertical-align: middle;
}
div.Paragraphe th {
background-color: #e2e2e2;
font-weight: bold;
}
div.Paragraphe th.Marine {
background-color : #455884;
color: #fff;
}
div.Paragraphe th.Noir {
background-color : #000;
color: #fff;
}
div.Paragraphe th.Gris {
background-color : #aaa;
color: #fff;
}
div.Paragraphe .source {
color: #bbb;
font-size: 0.9em;
}
div.Paragraphe table.Right  {
float: right;
margin: 10px;
}
div.Paragraphe table.Left {
float: left;
margin: 10px;
}
div.Paragraphe div {
float: inherit;
margin:7px
}
div.InfoMarque {
border: 1px solid #949494;
border-top: none;
font-size: 0.8em;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
text-align: right;
}
div.InfoMarque img { vertical-align: bottom; }
div.InfoMarque div { display: inline; }
div.InfoMarque a.MarqueWeb {
background: #f2f2f2;
color: #000;
display: inline-block;
margin: 0;
padding: 10px;
}
div.InfoMarque a:hover.MarqueWeb {
background: #45b3c6;
color: #fff;
}
div.InfoMarque a.MarqueContact {
background: #f2f2f2;
color: #000;
display: inline-block;
margin: 0;
padding: 10px;
}
div.InfoMarque a:hover.MarqueContact {
background: #45b3c6;
color: #fff;
}
/* Faux Select */
div.FauxSelect {
border-top: #ccc 1px solid;
margin: 0 60px 0 40px;
z-index: 1000;
}
div.FauxSelect ul {
background: #f2f2f2 url(img/select.png) no-repeat center right;
overflow: hidden;
float: right;
width: 200px;
}
div.FauxSelect ul li a {
color: #666;
display: block;
padding: 2px 14px;
}
div.FauxSelect ul li a:hover { text-decoration: none; }
div.FauxSelect ul li ul {
border: #666 1px solid;
background: url(img/transparent.png) repeat top left;
display: none;
position: absolute;
margin: 0;
padding: 0;
text-align: right;
z-index: 10;
}
div.FauxSelect ul li:hover ul { display: block; }
div.FauxSelect ul li ul li {
background: none;
border: 0;
float: none;
font-size: 1em;
margin-left: 0;
text-align: right;
}
div.FauxSelect ul li ul li:hover { border-bottom: 0; }
div.FauxSelect ul li ul li a {
background: none;
border: 0;
display: block;
}
div.FauxSelect ul li ul li a:hover {
color: #e78e2c;
background: none;
border: 0;
}
/** Formation **/
/* infos additionnelles cours */
.CoursQuestion {
/*font-weight: bold;*/
margin: 15px 5px 15px 0px;
padding-left: 15px;
border-left: 1px solid #ddd;
}

/* QCM */
span.QCMQuestion { font-size: 1.2em; }
div.QCMQuestion {
background: #f1f1f1;
/*font-weight: bold;*/
}
span.QCMReponse { font-weight: bold; }
span.QCMBonneReponse { color: #45B3C6; }
span.QCMMauvaiseReponse { color: #e22; }
div.Auteurs { text-align: center; }
div.Auteurs ul { margin: 20px 0 0 0; }
div.Auteurs ul li { list-style-type: disc; }
/* bloc avec background */
.espacecandidats {
background: url(img/espace-candidats.jpg);
width: 460px;
height: 118px;
margin-top: 20px;
}
.job a {
background: url(img/trans-bloc.png) repeat-x bottom left;
display: block;
height: 55px;
position: relative;
top: 65px;
}
.espacerecruteurs {
background: url(img/espace-recruteurs.jpg);
width: 220px;
height: 220px;
}
.espacerecruteurs a {
top: 165px;
padding-left: 60px;
}
.espacecandidats a {
padding-left: 305px;
}
/* Bloc avec background en colonne de droite */
div.EspaceLienColonne {
width: 220px;
height: 80px;
}
div.EspaceRecruteursColonne { background: url(img/recruteur_220x80.png); }
div.EspaceCandidatsColonne { background: url(img/candidat_220x80.png); }
div.EformationService { background: url(img/formation-presentation.jpg); }
div.EformationTarifs { background: url(img/formation-tarifs.jpg); }
div.EformationTests { background: url(img/formation-tests.jpg); }
div.EformationCours { background: url(img/formation-cours.jpg); }
div.EformationGroupe { background: url(img/formation-groupe.jpg); }
div.EspaceColonne {
color: #000;
font: 1.2em Georgia, Times, sans-serif;
padding-left: 10px;
}
.EspaceLienColonne a {
padding-left: 45px;
background: url(img/trans-bloc.png) repeat-x bottom left;
display: block;
height: 50px;
position: relative;
top: 30px;
}
a .FondBoutonGrisColonne {
background: url(img/bouton-action-gris-fonce.gif) no-repeat top right;
text-align: left;
font: 1em Arial, sans-serif;
color: #fff;
height: 18px;
border-left: 1px solid #7E7E7E;
padding: 5px 20px 2px 3px;
margin-right: 10px;
margin-left: 10px;
}
a:hover .FondBoutonGrisColonne {
background: url(img/bouton-action-gris-fonce-h.gif) no-repeat top right;
border-left: 1px solid #000;
color: #000;
}
a .FondBoutonBleuColonne {
background: transparent url(img/bouton-action.gif) no-repeat scroll right top;
text-align: left;
font: 1em Arial, sans-serif;
color: #fff;
height: 18px;
border-left: 1px solid #45B3C6;
padding: 5px 20px 2px 3px;
margin-right: 10px;
margin-left: 10px;
}
a:hover .FondBoutonBleuColonne {
background: transparent url(img/bouton-action.gif) no-repeat scroll right bottom;
border-left: 1px solid #45B3C6;
color: #45B3C6;
}
div.Boite div.FlecheTitreColonne {
border-bottom: #eee 1px solid;
border-top: #ddd 1px solid;
border-right: #ddd 1px solid;
border-left: #ddd 1px solid;
float: left;
width: 194px;
}
.Recrutez{
border: #ddd 1px solid;
padding: 5px;
height:208px;
overflow:hidden;
position:relative;
}
div.Recrutez a, div.Recrutez input[type=submit]{
position:absolute;
bottom:10px;
left:33px;
}
/** Bouton lien/action gris **/
a .FondBoutonGris {
background: url(img/bouton-action-gris-fonce.gif) no-repeat top right;
text-align: left;
font: 1.1em Arial, sans-serif;
color: #fff;
float: left;
height: 18px;
border-left: 1px solid #7E7E7E;
padding: 5px 20px 2px 3px;
margin-right: auto;

}
a:hover .FondBoutonGris {
background: url(img/bouton-action-gris-fonce-h.gif) no-repeat top right;
border-left: 1px solid #000;
color: #000;
}
div.Espace {
color: #000;
display: block;
font: 1.2em Georgia, Times, sans-serif;

}
.LienEspace { width: 100%; }
.LienEspace.Marge220 { margin: 170px 10px 0px 0px; }
/* Liste TOP recruteur */
.LittleLi { font-size: 0.9em; }
/* Pagination */
div.Pagination { text-align: right; }
div.Pagination a {
background: #fafafa;
border: 1px solid #e8e8e8;
margin: 0 2px;
padding: 1px 5px;
}
div.Pagination a:hover {
background: #fff;
border-color: #ccc;
}
div.Pagination span {
margin: 0 15px;
padding: 0;
}
div.Pagination b.nopage {
width: 30px;
color: #fff;
}
/* Forum */
.ForumTitre {
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #FAFAFA;
border: 1px solid #ddd;
margin: 10px 0px 10px 0px;
padding: 5px;
height: 38px;
}
.ForumTitreInfoDouble {
height: 36px;
margin: auto;
}
.ForumTitreInfo {
height: 18px;
margin-top: 9px;
}
.ForumMessage {
background-color: #FAFAFA;
padding: 5px;
}
.ForumMessageTitre {
color: #888;
font: 1.6em Georgia, Times, sans-serif;
font-weight: normal;
height: 28px;
margin: 0px;
}
.ForumReponses { margin-left: 15px; }
.ForumReponse{
margin-bottom: 10px;
padding-left: 15px;
border-left: 1px solid #DDDDDD;
}
/** Affichage des stats **/
.StatTable { width: 90%; }
.StatTable td { text-align: left; }
.StatTable tr:hover > td {
background-color: 	#FAFAFA;
cursor: pointer;
}
td.StatNum { text-align: center; }
/* Apercu livre */
div.ApercuLivre {
padding: 5px;
border: 1px solid #ddd;
height: 180px;
}
div.ApercuLivre .ColGauche {
float: left;
width: 100px;
}
div.ApercuLivre .ColDroite {
float: right;
width: 220px;
}
div.ApercuLivre .Resume {
height: 145px;
overflow: hidden;
}
div.ApercuLivre .Picto { float: left; }
div.ApercuLivre .Prix {
float: right;
margin: 15px 5px;
}
td.totalCde {
text-align : right;
width : 557px;
padding-right : 10px;
}
td.valueCde {
text-align : right;
padding-right : 10px;
}
/* Autocompletion */
.ac_results {
padding: 0px;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
/* if width will be 100% horizontal scrollbar will apear
when scroll mode will be used */
/*width: 100%;*/
font: menu;
font-size: 0.7em;
/* it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox */
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
background-color: #F6F6F6;
}
.ac_over {
color: #45B3C6;
}

/* edit in place */
input.inplace_save {
width: 20px;
height: 20px;
background: url('img/picto/yes.gif') 0 top no-repeat;
border: none;
cursor: pointer;
}
input.inplace_save:hover {
background: url('img/picto/yes.gif') 0 bottom no-repeat;
}
input.inplace_cancel {
width: 20px;
height: 20px;
background: url('img/picto/no.gif') 0 top no-repeat;
border: none;
cursor: pointer;
}
input.inplace_cancel:hover {
background: url('img/picto/no.gif') 0 bottom no-repeat;
}
form.inplace_form {
background-color: #FAFAFA;
border: 1px solid #DDD;
padding: 3px;
margin-bottom: 5px;
}
.inplace_field {
margin: 0px;
padding: 0px;
height: 20px;
}


/* Style fenetres modales */
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.modalContent {
/*height: 500px;
overflow: auto;*/
}
.modalClose {
display: block;
width: 100%;
text-align: right;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
font-size: 1.1em;
}
.jqmWindow {
display: none;
position: fixed;
top: 50px;
left: 50%;
max-height: 500px;
overflow: auto;
margin-left: -300px;
width: 600px;
background-color: #fff;
/*color: #333;*/
border: 1px solid #000;
padding: 12px;
}
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/* A trouver */
div.Article li {
list-style-image: url(img/bgo.gif);
margin-left: 50px;
}
div.Article .Right { text-align: right; }
div.Article .Right img { float: right; }
div.Article img {
padding: 5px;
border: 1px solid #EAEAEA;
margin: 10px;
}
div.Article img.noborder {
border: none;
padding: 0px;
margin: 0px;
}
div.Article img.Right {
float: right;
margin-right: 10px;
margin-left: 15px;
}
div.Article img.Left {
float: left;
margin-right: 15px;
margin-left: 10px;
}
div.Article div.Right {
float: right;
margin: 10px;
text-align:center;
}
div.Article  div.Left {
float: left;
margin: 10px;
text-align:center;
}
div.Article .Center {
text-align: center;
}
div.Article table {
margin:0 auto;
}
div.Article table,div.Article th,div.Article td {
text-align: center;
vertical-align: middle;
border: 1px solid #bbbbbb;
}
div.Article th {
background-color: #E2E2E2;
font-weight: bold;
}
div.Article th.Marine {
background-color : #455884;
color: #FFF;
}
div.Article th.Noir {
background-color : #000;
color: #FFF;
}
div.Article th.Gris {
background-color : #AAA;
color: #FFF;
}
div.Article .source {
color: #BBB;
font-size: 0.9em;
}
div.Article table.Right  {
float: right;
margin: 10px;
}
div.Article table.Left {
float: left;
margin: 10px;
}
div.Article div {
float: inherit;
margin:7px
}
div.Article div.Right {
float: right;
margin: 10px;
text-align: center;
margin:7px
}
div.Article  div.Left{
float: left;
margin: 10px;
text-align: center;
}
/* titre de formulaire */
.Formulaire h5 {
color: #000000;
font: 1.2em Georgia, Times, sans-serif;
font-weight: normal;
margin: 5px 0px 0px 10px;
}
/* champs de saisie pour formulaire sur une ligne */
input.UneLigne { margin: 10px 40px 10px 10px; }
/* Style apercu des offres */
.ApercuOffre {
border: 1px solid #ddd;
width: 460px;
font-size: 0.9em;
height: 60px;
display: table-cell;
vertical-align: middle;
}
span.Societe {
font-size: 0.9em;
font-style: italic;
margin-right: 5px;
}
.ApercuOffre .Titre {
width: 250px;
float: left;
margin-right: 20px;
margin-left: 10px;
}
.ApercuOffre .Lieu {
width: 100px;
float: right;
margin-right: 10px;
text-align: right;
}
div.listejob {
border-bottom: #DDD 1px solid;
background: url(img/fonds/bg-job.gif) no-repeat top left;
}
div.listejoburgent {
border-bottom: #F90 1px solid;
background: url(img/fonds/bg-job-urgent.gif) no-repeat top left;
padding: 10px;
height: 60px;
}
div.logojob {
width: 80px;
float: left;
}
div.logojobmargin{
margin: 5px;
}
.locjob {
height: 20px;
width: 360px;
float: right;
text-align: right;
}
.titrejob {
padding: 10px 0 0 10px;
float: left;
font-weight: bold;
width: 75%;
}
/* Message d'alerte annuaire */
div.FormAnnuReq {
margin-right: 140px;
margin-top: -10px;
text-align: right;
}
/* Message d'alerte formulaire en colonne */
div.FormReqCol {
margin-right: 80px;
margin-top: -10px;
text-align: right;
}
/* Message d'alerte formulaire large */
div.FormReqHuge {
margin-right: 80px;
margin-top: -10px;
text-align: right;
}
/* Message d'alerte emploi */
div.FormEmploiReq { margin-left: 30px; }
/* Top services */
.TopImage {
border: 1px solid #F1F1F1;
text-align: center;
height: 80px;
padding-top: 40px;
margin: auto;
}
.TopDesc {
border: 1px solid #F1F1F1;
text-align: left;
padding: 5px 15px 5px 15px;
height: 110px;
}
/* Contenu Formation */
div.LienEform a {
background: url(img/trans-bloc.png) repeat-x bottom left;
display: block;
height: 55px;
padding: 15px 0px 0px 70px;
}
div.LienEform a span.CoursBloc {
color: #000;
display: block;
font: 1em Georgia, Times, sans-serif;
font-weight: normal;
padding-top: 5px;
}
div.LienEform a span.CoursTitre {
background: #7f7f7f;
border-top: #7f7f7f 1px solid;
border-left: #7f7f7f 1px solid;
border-bottom: #7f7f7f 1px solid;
color: #fff;
float: left;
font: 1.1em Arial, sans-serif;
font-weight: normal;
padding: 2px 2px 2px 2px;
}
div.LienEform a:hover span.CoursTitre {
background: #fff;
border-top: #333 1px solid;
border-left: #333 1px solid;
border-bottom: #333 1px solid;
color: #333;
}
div.LienEform a span.CoursPointe {
background: url(img/pointe-g.png) no-repeat top left;
float: left;
}
div.LienEform a:hover span.CoursPointe {
background: url(img/pointe-b.png) no-repeat top left;
float: left;
}
/* Style paiement */
div#PaiementMessage input {
min-width: 55px;
width: 55px;
height: 35px;
}
table.CommandeTab { width: 100%; }
table.CommandeTab  td ,table.CommandeTab th{ border: 0px; border-bottom: 1px solid #DDD;line-height:20px;text-align:center; padding: 10px 0;}
table.CommandeTab  td.line{text-align:left; background:url("img/fleche-gris.png") no-repeat scroll 15px center;padding-left:30px;}
table.CommandeTab  th{ background-color:#F5F5F5;border-bottom: 1px solid #DDD;}
table.CommandeTab  tr:hover{ background-color:#F5F5F5;}
a.pictact{background:url(img/actions.png) no-repeat;background-position: top right;width:20px;height:20px;display:block;margin:0 3px;}
a.mod{background-position: top right;}
a.mod:hover{background-position:top left;}
a.rep{background-position: bottom right;}
a.rep:hover{background-position:bottom left;}
a.del{background-position: right;}
a.del:hover{background-position:left;}
table.CommandeTab  td  span.line {padding-top:10px;}


/* fix pour les fiche entreprise */
.fiche_entreprise .fr_descriptif { margin-right: 0px; }
/* lien boite action */
.BoiteAction {
padding: 5px 0px 10px 10px;
height: 30px;
}
a.LienBoiteAction {
margin-bottom: 5px;
margin-left: 5px;
background-color:#fff;
height: 26px;
width: 170px;
padding-left: 35px;
background-repeat: no-repeat;
background-position: 5px 1px;
color:#455884;
font-weight: bold;
line-height: 26px;
border: solid 1px #fff;
display: block;
}
a.PictoFiche {background-image:url('img/picto/contact/fiche.gif');}
a.PictoDoc {background-image:url('img/picto/contact/documentation.gif');}
a.PictoConseil {background-image:url('img/picto/contact/conseil.gif');}
a.PictoTel {background-image:url('img/picto/contact/coordonnees.gif');}
a.PictoMail {background-image:url('img/picto/contact/email.gif');}
a.PictoWeb {background-image:url('img/picto/contact/site_web.gif');}

a.LienBoiteAction:hover { background-position: 5px -26px; background-color:#eee; color:#455884; border-color: #455884;}

a.LienBoiteExpress {
margin-bottom: 5px;
margin-left: 5px;
background-color:#eee;
height: 26px;
width: 170px;
padding-left: 35px;
background-repeat: no-repeat;
background-position: 5px -26px;
color:#455884;
font-weight: bold;
line-height: 26px;
border: solid 1px #455884;
border-bottom:0px;
margin-bottom:0px;
display: block;
}

a.LienBoiteActionClick { background-position: 5px -26px; background-color:#eee; color:#455884; border-color: #455884; border-bottom:0px; margin-bottom:0px;}

/** Fiche produit **/
.ProduitImage { max-width: 100%; }
/* ajustement offres d'emploi */
.FondBouton { background-repeat: repeat-x; }
/* ajustement liste annuaire */
.ListeDescLong { height: auto; }
.ListeLong { height: auto; }
.ListeDesc h3, a { font-weight: normal; }
a.BlueLink {
color: #455884;
font: 1em Arial, sans-serif;
}
div.formulaire form {
padding: 20px;
border: #ddd 1px solid;
}
div.formulaire form input {
border: #949494 1px solid;
height: 20px;
padding: 2px;
width: 200px;
}

/* Style sous menu */
.sous-menu {
border: #ddd 1px solid;
padding: 5px 50px 5px 50px;
text-align: center;
}
.sous-menu a {
margin: 5px;
line-height: 1.8em;
}
/* Style supplementaires pour les formulaires */
div.helper {
clear: both;
margin: 0px 100px 20px 100px;
}
form.TitreCombo2 {
float: right;
position: absolute;
top: 15px;
right: 0px;
height: 20px;
bottom: 5px;
}
form.TitreCombo2 p select {
border: 0;
background-color: #F6F6F6;
}
/* URL */
a.Lien {
background: url(img/bouton-action.gif) no-repeat top right;
border-left: 1px solid #45b3c6;
color: #fff;
margin: 20px;
padding: 4px 20px 5px 3px;
text-align: left;
font-weight: normal;
}
a.Lien:hover {
background: url(img/bouton-action.gif) no-repeat bottom right;
color: #45b3c6;
}
a.LienGris {
background: url(img/bouton-action-gris-long.gif) no-repeat top right;
border-left: 1px solid #7e7e7e;
color: #fff;
margin: 20px;
padding: 4px 20px 5px 3px;
text-align: left;
font-weight: normal;
}
a.LienGris:hover {
background: url(img/bouton-action-gris-long.gif) no-repeat bottom right;
color: #000;
}
a.ForumRepondre {
background: url(img/bouton-action.gif) no-repeat top right;
border-left: 1px solid #45b3c6;
color: #fff;
margin-left: 670px;
padding: 4px 20px 3px 3px;
text-align: left;
font-weight: normal;
display: block;
}
a.ForumRepondre:hover {
background: url(img/bouton-action-h.gif) no-repeat top right;
color: #45b3c6;
}
/* URL */
.wwwb {
background-image: url(img/fleches/min-fl-b_www.gif);
color: #6CC;
}
.wwwb:hover { background-image: url(img/fleches/min-fl-o_www.gif); }
.emailb {
background-image: url(img/fleches/min-fl-b_email.gif);
color: #6CC;
}
.emailb:hover { background-image: url(img/fleches/min-fl-o_email.gif); }
.ficheb {
background-image: url(img/fleches/min-fl-b_fiche.gif);
color: #6CC;
}
.ficheb:hover { background-image: url(img/fleches/min-fl-o_fiche.gif); }
.wwwg {
background-image: url(img/fleches/min-fl-g_www.gif);
color: #888;
}
.wwwg:hover {
background-image: url(img/fleches/min-fl-n_www.gif);
color: #000;
}
.emailg {
background-image: url(img/fleches/min-fl-g_email.gif);
color: #888;
}
.emailg:hover {
background-image: url(img/fleches/min-fl-n_email.gif);
color: #000;
}
.ficheg {
background-image: url(img/fleches/min-fl-g_fiche.gif);
color: #888;
}
.ficheg:hover {
background-image: url(img/fleches/min-fl-n_fiche.gif);
color: #000;
}
div#Contenu input.modval {
min-width: 0px;
width: 25px;
padding:1px ;
color: #000;
}
/* Style de mon compte */
div.mcmenu {
padding: 0px 7px 0px 5px;
background: url(img/menu-border-orange.png) repeat-x bottom left;
}
div.mcmenu ul {
overflow: hidden;
margin: 0;
}
div.mcmenu ul li {
float: left;
font-size: 1.1em;
font-weight: normal;
padding: 5px;
border:1px solid #A0A0A0;
border-bottom: none;
margin-left: 5px;
}

div.mcmenu ul li.Active {
color: #F90;
border-color: #F90;
border-bottom:1px solid #FFF;
}

div.mccadre {
border-bottom: #F90 1px solid;
border-right: #F90 1px solid;
border-left: #F90 1px solid;
padding: 5px;
}
.aide {
width: 20px;
height: 20px;
position: relative;
top: 7px;
}



/* Header */
div#Header p { padding: 0 10px 0 0; }
div#Header div.grid_4 form.search { width: 218px;margin: 0; }
div#Header div.grid_4 form.search input.champ { width: 192px; }
div#Header form.search p { padding: 0; }
form.search {background: #fff;border: #949494 1px solid;width: 158px;}
form.search input.champ {border: 0;min-height: 20px;padding: 3px 2px 0 2px;width: 132px;}
form.search input { vertical-align: middle; }

div#Header div.grid_4 form.search2 { width: 218px; background: url(img/bg-recherche1.png) no-repeat top left;padding: 1px 1px 0 1px;height:25px;}
div#Header div.grid_4 form.search2 input.champ { width: 186px;border:0 }
form.search2 input.champ {border: 0;min-height: 20px;padding: 3px 2px 0 2px;width: 132px;}
form.search2 input { vertical-align: middle; }
div#Header div#searchoptions { height: 37px; background: url(img/bg-recherche2.png) no-repeat bottom left; border:0;}
div#Header div#searchoptions div { line-height:50px; padding: 0px 10px;}
div#Header div#searchoptions div input{ margin: 3px;}
div#Header div#searchmore{ height: 7px; background: url(img/bg-recherche-more.png) no-repeat top right;}
div#Header #Smore{ cursor:pointer;}

div#Header div.clear { height: 35px; }
div#Header p.AccesPublic a, div#Header a.AccesPublic  {
background: url(img/fleche-bleu.png) no-repeat center left;
color: #45b3c6;
padding: 5px 0 5px 20px;
text-decoration: none;
}
div#Header p.AccesPublic a:hover, div#Header a.AccesPublic:hover {
background: url(img/fleche-orange.png) no-repeat center left;
color: #e78e2c;
}
div#Header p.LogoMargeAccueil {
clear: both;
margin: 10px 0 20px 50px;
padding: 0;
}
div#Header p.LogoMarge {
clear: both;
margin: 25px 0 17px 10px;
padding: 0;
}
div#Header ul {
background: url(img/menu-border.png) repeat-x bottom left;
overflow: hidden;
padding-left: 20px;
margin: 0;
z-index: 1000;
}
div#Header ul li {
border-bottom: #666 1px solid;
float: left;
font-size: 1.3em;
font-weight: normal;
margin: 0 3px;
}
div#Header ul li.Active, div#Header ul li:hover { border-bottom: #fff 1px solid; }
div#Header ul li a {
background: #f2f2f2;
border-top: #f2f2f2 1px solid;
border-left: #f2f2f2 1px solid;
border-right: #f2f2f2 1px solid;
color: #666;
display: block;
padding: 2px 14px;
}
div#Header ul li.Active a {
background: #fff;
border-top: #666 1px solid;
border-left: #666 1px solid;
border-right: #666 1px solid;
}
div#Header ul li a:hover {
background: #fff;
border-top: #666 1px solid;
border-left: #666 1px solid;
border-right: #666 1px solid;
color: #e78e2c;
text-decoration: none;
}
div#Header ul li ul {
border: #666 1px solid;
border-top: 0;
background: url(img/transparent.png) repeat top left;
display: none;
position: absolute;
margin-top: 1px;
padding: 0;
}
div#Header ul li:hover ul { display: block; }
div#Header ul li ul li {
background: none;
border: 0;
float: none;
font-size: 0.8em;
overflow: hidden;
}
div#Header ul li ul li:hover { border-bottom: 0; }
div#Header ul li ul li a {
background: none;
color: #333;
border: 0;
margin: 0;
padding: 0 12px;
}
div#Header ul li.Active ul li a {
background: none;
border: 0;
margin: 0;
}
div#Header ul li ul li a:hover {
background: none;
border: 0;
}
/* fil d'ariane */
ul.fil {
padding: 20px 0 5px 0;
margin: 15px 10px 5px 10px;
}
.fil li {
display: inline;
padding: 0 0 3px 10px;
background: url(img/Chevron.gif) no-repeat top left;
}
.fil li a {
color: #A0A0A0;
font: 1em Arial, sans-serif;
}
.fil a:hover { color: #45B3C6; }
.fil li:first-child {
background-image: none;
margin-right: 0px;
padding-right: 0px;
padding-left: 5px;
}
.fil #home {
background: url(img/IconHome.gif) no-repeat top left;
height: 16px;
width: 16px;
float: left;
}
.fil #home:hover { background-position: 0px -16px; }
/* Footer */
div#Footer { border-top: 1px solid #949494; background: #f6f6f6; padding: 30px 0;}
div#Footer a:hover {
color: #e78e2c;
text-decoration: none;
}
div#FooterBg {

border-top: 2px solid #fff;
overflow: hidden;

}
div#Footer div#BorderDouble {
background: url(img/BorderDouble.jpg) repeat-y top center;
overflow: hidden;
}
div#Footer strong { color: #000; }
div#Footer h3 {
color: #000;
font-size: 1.4em;
font-family: Arial, sans-serif;
font-weight: normal;
padding: 7px 0;
}
div#Footer h4 {
color: #000;
font-size: 0.9em;
font-weight: bold;
padding: 0 0 5px 0;
}
div#Footer h4 a { color: #000; }
p.Big { font-size: 1.8em; }
div#Footer div.grid_3 h2 {
color: #000;
font-size: 1.4em;
font-family: Arial, sans-serif;
font-weight: normal;
padding: 7px 0;
}
div#Footer div.grid_3 h3 {
color: #000;
font-size: 1em;
font-family: Arial, sans-serif;
font-weight: normal;
padding: 7px 0;
}

div#Footer ul { margin: 15px 0 15px 0px; }
div#Footer ul li {
list-style-type: none;
padding: 10px 0 0 0;
}

div#Footer p.SpecialLink a:hover { color:#45B3C6; }

@charset "utf-8";
/* CSS Document */
/* Contenu Liste */
div.Liste {
background: url(img/trait-orange.png) no-repeat bottom right;
border-bottom: #e78e2c 1px solid;
border-left: #e78e2c 1px solid;
height: 100px;
font-weight: bold;
overflow: hidden;
}
div.ListeLogo {
border-top: #e78e2c 1px solid;
float: left;
padding: 5px 0 2px 0;
text-align: center;
width: 100px;
}
div.ListeDetail {
float: left;
width:498px;
}
div.ListeTitre {
border-left: #e78e2c 1px solid;
float: left;
height: 28px;
min-height: 20px;
}
div.ListeTitre h2 {
color: #e78e2c;
font: 1em Arial, sans-serif;
font-weight: bold;
margin: 0;
padding: 0 5px 5px 5px;
}
div.ListeTitre h3 {
color: #e78e2c;
font: 1em Arial, sans-serif;
font-weight: bold;
margin: 0;
padding: 0 5px 5px 5px;
}
div.ListeLieu {
float: left;
font-size: 0.8em;
min-width: 40%;
}
div.ListeLieu p { text-align: right; }
div.ListeDesc {
border-top: #e78e2c 1px solid;
border-right: #e78e2c 1px solid;
clear: both;
color: #666;
min-height: 72px;
overflow: hidden;
width: 598px;
}
div.ListeDesc p.SpecialLink {
margin: 3px 0 0 0;
text-align: left;
}
div.ListeDesc h2 {
color: #455884;
font: 1em Arial, sans-serif;
font-weight: bold;
padding: 5px 0 0 0;
}
div.ListeDesc h2 a { color: #455884; }
div.ListeDesc h3 {
color: #455884;
font: 1em Arial, sans-serif;
font-weight: bold;
padding: 5px 0 0 0;
}
div.ListeDesc h3 a { color: #455884; }
div.ListeDesc p {
font-weight: normal;
padding: 10px 14px 10px 0;
}
div.ListeDesc p.Droite {
font-size: 0.8em;
font-weight: normal;
float: right;
padding: 5px;
}
/* Les memes listes avec le border gris */
div.ListeGris {
background: url(img/trait-gris.png) no-repeat bottom right;
border-bottom: #ddd 1px solid;
border-left: #ddd 1px solid;
}
div.ListeGris div.ListeLogo { border-top: #ddd 1px solid; }
div.ListeGris div.ListeTitre { border-left: #ddd 1px solid; }
div.ListeGris div.ListeDesc {
border-top: #ddd 1px solid;
border-right: #ddd 1px solid;
}
/* Les memes listes avec le hover noir */
div.ListeGris:hover {
background: url(img/trait-gris.png) no-repeat bottom right;
border-bottom: #000 1px solid;
border-left: #000 1px solid;
}
div.ListeGris:hover div.ListeLogo { border-top: #000 1px solid; }
div.ListeGris:hover div.ListeTitre { border-left: #000 1px solid; }
div.ListeGris:hover div.ListeDesc {
border-top: #000 1px solid;
border-right: #000 1px solid;
}
/* Liste Autres Fabricants */
div.Over {
border-bottom: #ddd 1px solid;
overflow: hidden;
padding: 5px 0;
}
div.Over:hover { background: #f6f6f6; }
div.Over h2 {
color: #455884;
font: 1em Arial, sans-serif;
font-weight: bold;
padding: 5px 0 0 0;
}
div.Over h2 a { color: #455884; }
div.Over p { text-align: right; }