/** ----------------------|** CSS/DEFAULT.CSS **|---------------------- */
/** -- IMPORTS -- */
@import url("960.css");
@import url("reset.css");
@import url("text.css");
@import url("modules.css");

/******************************************
HTML TAGS
******************************************/
body {
	background:#8595a5 url("../images/bg.gif") repeat-x top; 
	color:#000;
	font-size:12px;
	/*_font:x-small;*/
	font:small Arial,Sans-Serif;
	margin:0;
	padding:0;

}
a {
	text-decoration:none;
}
ul, li{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
}
p{
	line-height:15px;
}
h6{
	color:#999;
	padding:5px 0 3px 0;
}
hr {
	border:none;
	height:1px;
	width:400px;
	border-top:1px solid #ccc;
	margin:0 0 5px 0;
}
.txt{
	font-family:Georgia;
	font-style: italic;
	font-size:11px;
	color:#000;
}

.titre{
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	color:#000;
}
.liste{}
#pageNav{
	
}
h4.annonce{
	font-weight: bold;
	border-bottom:1px dotted #999;
	margin:5px 0 10px 0;
}
#pageNav h4{
	border-bottom:1px dotted #999;
}

/******************************************
NAVIGATION - 
******************************************/
#menu ul{
margin:5px 0 10px 0;
list-style:none;
}
#menu ul li{
background:#A5BDCB;
margin:0 0 1px 0;
min-height:15px;
}
#menu ul li a {
background:transparent url("../images/groupe/puceMenu.png") no-repeat scroll left bottom;
background-position: left -22px;
color:#fff;
margin-left:5px;
padding-left:15px;
font-size:11px;
}
#menu ul li a:hover {
background-position: left -11px;
color:#CFD524;
}

#menu ul ul{
margin:0px;
padding:0px;

}
#menu #menuActu ul li { 
margin:0;
padding:0;
background:#fff;
border:#ccc 1px dotted;
color:#ccc;
}
#menu #menuActu ul li a{ 
margin:0 0 0 5px;
background:transparent url("../images/puceSousMenu.gif") no-repeat scroll left center;
padding-left:15px;
color:#999;

}
#menu #menuActu ul li a:hover{ 
color:#666;

}
#menu #menuDossiers ul{ 
	background:#A5BDCB;

}
#menu #menuDossiers ul li{ 
	background:url("../images/puceMenuDossiers.png") no-repeat right 90%;
	padding:5px;

}
#menu #menuDossiers ul li a{ 
	background: none;
	margin:0;
	padding:0;
}
#menuDossiers span{
	font-style:italic;
	font-weight:bold;
	color:#E3FF65;
}
#navPublications {
	float:left;
	width:100%;
	background:#fff url("../images/bgNav.gif") repeat-x bottom;
	line-height:normal;
}
#navPublications ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}
#navPublications li {
	float:left;
	background:url("../images/ongletGauche.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 10px;
	border-bottom:1px solid #9cbecd;
}
#navPublications a {
      float:left;
      display:block;
      width:.1em; /*hack IE zone cliquable*/
      background:url("../images/ongletDroite.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      color:#535D66;
      white-space:nowrap;
      }
#navPublications > ul a {width:auto;}
/* Backslash Hack IE5-Mac \*/
#navPublications a {float:none;}
/* End IE5-Mac hack */
#navPublications a:hover {
color:#333;
}
#accueil #navAccueil, #c2f #navC2f,
#ra #navRa, #bi #navBi,
#smp #navSmp {
background-position:0 -50px;
border-width:0;
}
#accueil #navAccueil a, #c2f #navC2f a,
#ra #navRa a, #bi #navBi a,
#smp #navSmp a {
background-position:100% -50px;
padding-bottom:5px;
color:#FFF;
font-weight:bold;
}
#navPublications li:hover, #navPublications li:hover a {
background-position:0% -50px;
color:#FFF;
}
#navPublications li:hover a {
background-position:100% -50px;
}
#navPublications #navAccueil{
margin-right:30px;
}
/* Sous nav publications */
#sousNavPublications{
background:#9cbecd;
height:30px;
clear:both;
}
#sousNavPublications ul{
padding:8px 10px 0 25px;
list-style:none;
}
#sousNavPublications li {
float:left;
padding:0;
margin:0 30px 0 0;
}
#sousNavPublications a {
text-decoration:none;
color:#fff;
}
#sousNavPublications a:hover {
text-decoration:none;
color:#535D66;
}

/* Nav rapide header */

#navRapide{
	height:25px;
	background:transparent url("../images/bgHeader.gif") no-repeat bottom;
}
#navRapide ul{
	list-style:none;
	margin:0;
	padding:5px 0 0 0;
}
#navRapide ul li{
	margin:0 25px 0 0;
	float:left;
}
#navRapide ul li a{
	color:#fff;
	text-decoration:none;
}

.iconLiens{padding-left:20px;}
.lienRss{background: transparent url("../images/iconRss.png") no-repeat scroll left center;}
.lienMeteo{background: transparent url("../images/iconMeteo.png") no-repeat scroll left center;}
.lienNews{background: transparent url("../images/iconNews.png") no-repeat scroll left center;}
.lienUne{background: transparent url("../images/iconUne.png") no-repeat scroll left center;}
.lienPanier{background: transparent url("../images/iconPanier.gif") no-repeat scroll left center;}

/* Menu général */
#menu {
	
}

#menu #menuRedac li a:hover{
	background-position: left 0px;
	color:#000;
}
#menu #menuRedac li{
	background:#A5BDA4;
}
#menu #menuBoutique li span{
	color:#E3FF65;
	font-weight:bold;
}
#menu #menuContact li{
	background:#4B9DD2;
}
#menu #menuActu li{
	background:#8BB1CB;
}
#menu ul.menuPlus{
	
}

#footer ul{
padding:5px 10px 0 0px;
list-style:none;
}
#footer li {
float:left;
padding:0 0 0 6px;
margin:0 0 0 6px;
border-left:1px solid #999;
}
#footer li a {
font-size:10px;
text-decoration:none;
color:#fff;

}
#footer li.visFooter {
border:none;
}
#footer li a:hover {
text-decoration:none;
color:#535D66;
}
#filAriane{
	background:#fff;
	border-bottom:1px solid #8394A4;
	height:30px;
	margin:0 0 0 10px;
}
#filAriane a.tag{
	color:#8394A4;
	float:left;
	margin:5px 8px 0 0 ;
}
#filAriane a:hover.tag{
	color:#666;
}
/******************************************
STRUCTURE
******************************************/
/* #header */
#banners{

}
#banners #banLarge{
	float:left;
}
#banners #banSlim{
	float:right;	
}
/** #identite */
.logo{
	margin:13px 0 10px 0;
}
.logoPub{
	width:160px;
	float:right;
	margin:10px;
}
.illustrPartie{
	margin:35px 0 10px 0;
	float:right;
}
/** #content */
#content{
	background:#fff;
}
/** #footer */
#footer{
	height:25px;
	background:transparent url("../images/bgFooter.png") no-repeat bottom left;
}



/******************************************
ACCUEIL - VIE DU BTP
******************************************/
h6.laUneAnnonce {
	border-bottom:#8394A4 1px solid;
	background: transparent url("../images/iconUne.png") no-repeat scroll right center;
}
h6.articlesAnnonce{
	text-align:right;
}
h2.numeroAnnonce, h6.numeroAnnonce {
	color:#0080C2;
	font-family:"Trebuchet MS";
	font-size:17px;
	font-weight:bold;
	border-bottom:#8394A4 1px dashed;
}
h2.annonce{
	color:#0080C2;
	font-family:"Trebuchet MS";
	font-size:17px;
	font-weight:bold;
	margin:5px 0 10px 0;
	border-bottom:#8394A4 1px solid;
	
}
h6.annonce {
	border-bottom:#8394A4 1px solid;
}
h6.annonce span{
	background: transparent url("../images/puce.gif") no-repeat scroll left center;
	color:#8394A4;
	margin-left:4px;
	padding-left:8px;
}
span.coinVisuel {
	position:absolute;
	bottom:-1px;
	right:-1px;
	width:28px;
	height:34px;
	background: url("../images/coinVisuel.png") no-repeat;
}

.articlesPub{
	border-top:#8394A4 2px solid;
}
.articlesPub h2 a, .articles h2 a{
	font-family:"Trebuchet MS";
	color:#0080C2;
	font-size:17px;
	font-weight:bold;
	display:block;
	margin-top:10px;
}
.articlesPub p, .articles p{
	margin:5px 5px 5px 0;
	padding:0 0 10px 0;
	width:300px;
	font-family:Georgia, Serif;
	color:#000;
	font-size:11px;
	font-style:italic;
}
.articlesPub img, .articles img{
	margin:5px 0;
	width:125px;
}

.brevesPub{
	border-top: #8394A4 2px dotted;
	margin:0;
	padding:0;	
}
.breves{
	border-right: #8394A4 2px dotted;
	border-top: #8394A4 2px dotted;
	margin:0;
	padding:0;
}
.breves h2 a,.brevesPub h2 a{

font-family:"Trebuchet MS";
color:#A5BDCB;
font-size:17px;
font-weight:bold;

}
.breves p,.brevesPub p{
margin:5px 5px 5px 0;
padding:0 0 10px 0;
width:125px;
font-family:Georgia, Serif;
color:#000;
font-size:11px;
font-style:italic;

}
/** Accueil des publications */

.aboCouv, .couverture{
	margin:10px 0 0 0;
	width:140px;
}
.aboCouv{
	background:transparent url("../images/bgBtnAboCouv.gif") no-repeat;
	padding:10px 0;
	text-align:center;
}
.aboCouv a{
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:17px;
	font-weight:bold;
}
 #sommaire {
	margin:10px 0 0 0;
	font-family:"Trebuchet MS";
	font-size:10px;
	color:#000;
	
}

.imageGauche{
float:left;
padding:0 10px 5px 0;
}
.centre, .imageCentre{
margin:auto;
text-align:center;
padding:10px 0;


}
.imageDroite{
float:right;
padding:0 0 5px 10px;
}

img.imagePetite{
width:60px;
max-width:60px;
max-height:40px;
}
img.imageMoyenne{
width:125px;
max-width:125px;
max-height:95px;
}
img .imageGrande{
width:250px;
max-width:250px;
max-height:180px;
}
#modVideo object, #modVideo embed{
	width:298px !important;
	height:260px !important;
}
.charcounter {
	position:absolute;
	right:10px;
	bottom:45px;


	font-size: 12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding-top:3px;
	margin:0;
	height:17px;
	width:57px;
	background:url("../images/modFilRougeCounter.gif") no-repeat right;
}
#blocNewsletter{
	background:#A5BDCB url("../images/enteteBlocNewsletter.gif") no-repeat top;
	padding:80px 10px 0 10px;
	color:#fff;
}
#blocNewsletter .inputTextNewsletter{
	width:100px;
	border:1px solid #999;	
}
.blocDossier{

	position:relative;
	color:#fff;
	background:#4477b4;
	width:220px;
}
.blocDossier.bdModele2{
	background:#333;
}
.blocDossier h5{
	font-size:14px;
	position:relative;
	font-weight:bold;
	margin:5px;
}
.blocDossier h2 a{
	font-family:"Trebuchet MS", sans-serif;
	display:block;
	color:#9cbecd;
	margin-top:10px;
	font-size:18px;
	margin:5px;			
}
.blocDossier h5 span{
	float:right;
	position:absolute;
	top:2px;
	right:5px;
	letter-spacing:5px;
}
.blocDossier p{
	margin:10px;			
}
.blocDossier img{
	margin-bottom:5px;
}
.modPub span{
	font-family:courier, sans-serif;
	font-size:10px;
	color:#333;
	text-align:center;
	display:block;
	width:100%;
}

#inscriptionNewsletter span{
	font-size:10px;
}

#sousNavPublications li.itemPres{

	margin-right:15px;
	padding-right:15px;
	border-right:1px solid #fff;
}
#sousNavPublications li.itemPres a{

	color:#fff;
	text-decoration:underline;
/*
	535D66
*/
}
#sousNavPublications li.itemPres a:hover{

	color:#535D66;

}

/** ********************* FORMULAIRES */

label{ margin:5px 0; display:block; float:left;	width:100px; }
input,textarea{ margin:5px 0; border:1px solid #ccc; font-family:Arial; font-size:11px; line-height:15px; padding:2px 5px;}

input.inputLong,select.inputLong,textarea.inputLong 	{ width:490px; }
input.inputMoyen,select.inputMoyen,textarea.inputMoyen	{ width:250px; }
input.inputCourt,select.inputCourt,textarea.inputCourt	{ width:150px; }
input.inputMini,select.inputMini,textarea.inputMini		{ width:100px; }

.inputSub{ float:right; }
.sansHabillage{border:0;background:none;}

textarea.grandeZone{height:100px;}

/***********************
LISTING - VIE DU BTP
***********************/
.blocActuInterTitre {
	background:#9BBDCC;
	height:50px;
	padding:0 0px 0 10px;
	position:relative;

}
.blocActuInterTitreSuite {
	padding:0 0px 0 10px;
	background:#eaeaea;
	height:50px;
	position:relative;
}
.blocActuInterTitreSuite h3{
	font-family:"Trebuchet MS", sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#9BBDCC;
	float:left;

}
.blocActuInterTitreSuite p{
	color:#9BBDCC;
	float:left;
	font-size:11px;
	line-height:12px;
	padding:5px 0 0 10px;
	margin:0;
}

.blocActuInterTitreSuite a{
	color:#0080C2;
	float:left;
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	
}
.blocActuInterTitre h3{
	font-family:"Trebuchet MS";
	font-size:30px;
	font-weight:bold;
	color:#fff;
}
.blocActuInterTitre p{
	color:#eaeaea;
	font-size:11px;
	margin:0;


}
.blocActuCol{
	
}
.blocActuCol h2, .blocActuCol h2 a{
	font-family:"Trebuchet MS";
	color:#9BBDCC;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	
}
.blocActuCol p{
	margin:0;
	padding:0 0 10px 0;
	text-align:justify;
	font-family:Georgia, Serif;
	color:#000;
	line-height:16px;
	font-size:11px;
	font-style:italic;
}

.blocActuCol img{
	width:80px;
	max-width:80px;
	max-height:60px;
}

.blocActuLig{
	
}
.blocActuLig a:hover{
	text-decoration:underline;
}
.blocActuLig h2, .blocActuLig h2 a{
	font-family:"Trebuchet MS";
	color:#9BBDCC;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	
}
.blocActuLig h2 span{
background: transparent url("../images/puce.gif") no-repeat scroll left center;
font-size:10px;
color:#8394A4;
margin-left:4px;
padding-left:8px;

}
.blocActuLig p, .blocActuLig p a{
	margin:0;
	padding:0 0 10px 0;
	text-align:justify;
	font-family:Georgia, Serif;
	color:#000;
	line-height:16px;
	font-size:11px;
	font-style:italic;
}

.blocActuLig img{
	width:80px;
	max-width:80px;
	max-height:60px;
}
.itemActu{
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

#blocTitre{
	background:#9BBDCC;
	position:relative;
	margin:0 0 20px 0;
}
#blocTitre #infoActu{
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:10px;
	margin:10px 0 0 10px;
}
#blocTitre h1{
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:18px;
	margin:0px 0 10px 10px;
}
#blocTitre p{
	
}

h6.actuRubrique {
	border-bottom:#8394A4 1px solid;
}
#tagsActu a.tag{
	color:#8394A4;
	font-size:11px;
	margin:2px 8px 2px 2px ;
}
#tagsActu a:hover.tag{
	color:#666;
}

#chapeauActu{
	font-family:Georgia;
	font-size:11px;
	margin:0 0 20px 0;
	padding:0;
	font-weight:bold;
	color:#666;
}

#contenuActu p{
	color:#333;
	line-height:18px;
	text-align:justify;
	font-size:11px;
	margin:0;
	padding:0;
}
.legende{

}
.blocLegende{
	float:right;
	padding:5px;
	border:1px solid #ccc;
	margin-left:10px;
}
.blocLegende p{
	color:#666;
	margin:0;
	padding:0;
	font-size:10px;
}
/** Pagination */
.pagination{
	list-style:none;
	margin:5px 0 5px 50px;

}
.pagination li{
	float:left;
	margin:2px;

}
.pagination li a{
	font-size:10px;
	border:1px solid #9BBDCC;
	padding:2px 5px;
	color:#9BBDCC;
}

.pagination li a:hover, .pagination li a.currentPage{
	color:#fff;
	background:#9BBDCC;
	border:1px solid #9BBDCC;
}

#formModalConnexion{
	height:100px;
}

/** Accueil Groupe - Publications */

#presentation,#argumentaire,#statistiques{

}
#presentation p,#argumentaire p,#statistiques p{
	font-family:Georgia;
	font-size:11px;
	margin:10px 0;
	font-style:italic;
}

#mentions p, div.presentation p{
	font-family:Georgia;
	font-size:12px;
	font-style:normal;
}
.itemPublication{
	margin:10px 0 ;
}
.itemPublication p{
	font-family:Georgia;
	font-size:11px;
	font-style:italic;
	margin:0;

}
.itemPublication a{
	float:right;
}
.itemPublication a img{
	width:inherit;
}
.itemPublication img{
	float:left;
	width:140px;
	margin:0px 10px;
}


/*
PUBLICITES
*/

.publicite p{font-family:Georgia, Serif;color:#000;font-size:11px;font-style:italic;}

#liensFormat			{ width:200px;float:left;margin:10px 0;}
#holderFormat 			{ width:220px;height:156px;float:right;border:1px solid #9CBECD;margin:10px 0;}
.formatDefault			{ background:url("../images/formats-pub.gif") no-repeat;}
.formatDoublePage		{ background-position:0px 0px;}
.formatSimplePage		{ background-position:0px -160px;}
.formatDemiHautPage		{ background-position:0px -320px;}
.formatDemiLargePage	{ background-position:0px -480px;}
.formatQuartPage		{ background-position:0px -640px;}
.formatTiersPage		{ background-position:0px -800px;}
a.liensFormat			{ background:url("../images/btnFormatPub.gif") no-repeat bottom;display:block;line-height:18px;font-size:10px;font-weight:bold;color:#666666;width:80px;float:left;text-align:center;margin:5px;}
a.liensFormat:hover, a.curentFormat{background-position:top;color:#ffffff;}

.ui-accordion .ui-accordion-content table {font-size:80%;margin:10px;float:left;border:1px solid #cddee6;width:220px;}
.publicite thead					{background-color:#cddee6;border:1px solid #b6cfda;}
.publicite tbody 					{background-color:#FFFFFF;border:1px solid #b6cfda;}
.publicite th 						{font-family:sans-serif;border:1px dotted #b6cfda;padding:5px;background-color:#cddee6;}
.publicite th span					{color:#666;}
.publicite td 						{font-family:sans-serif;border:1px solid #b6cfda;padding:5px;text-align:left;}



.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background:#ccc;font-weight:bold;}
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding:5px;color:#666; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-state-active { border-bottom: 0 !important; background:#9CBECD;color:#fff;}
.ui-accordion .ui-state-active a {color:#fff;}


.ui-accordion .ui-state-hover a{background:#9CBECD;color:#ffffff;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content p{ float:left; width:180px; margin:10px; font-size:11px;}
.ui-accordion .ui-accordion-content-active { display: block;}
	
	
/*PLANNING*/
	#pR_mois{list-style:none;}
	#pR_mois li{

	float:left;
	height:18px;
	margin:8px;
	text-align:center;

	}
	#pR_mois li a{
	width:60px;
	background: url(../images/btn-mois-pRedac.gif) no-repeat bottom left;
	display:block;
	line-height:18px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	}

	#pR_mois li a.current, #pR_mois li a:hover{background: url(../images/btn-mois-pRedac.gif) no-repeat top left;}
	.blocHseries{
		background:#D5E0C7;
		position:relative;
		margin-top:10px;
		margin-bottom:10px;
	}
	.blocHseries p{ padding:5px 0 0 10px; color:#a5bda4; }
	.blocHseries h2{
		background:#a5bda4;
		height:25px;
		font-family:"Trebuchet MS";
		font-size:15px;
		color:#fff;
		padding:5px 0 0 10px;
	}
	.blocSujets{ background:#8394a4;margin-top:10px;margin-bottom:10px; }
	.blocSujets ul{
		color:#fff;
		list-style: disc inside;
		padding:5px 0 0 10px;
		margin-bottom:10px;
	}
	.blocSujets h2{
		background:#a5bda4;
		height:25px;
		font-family:"Trebuchet MS";
		font-size:15px;
		color:#fff;
		padding:5px 0 0 10px;
	}
	.lRubriques{list-style:none;float:left;	margin:6px;}
	.lRubriques li{ color:#999;	font-size:10px;	width:100px; }
	.tRubriques{ margin:5px 0; color:#8394a4;}
	#formSujet{	border:1px dashed #8394A4; border-width: 1px 0;	padding:10px 0; }
	#formSujet label{
		width:110px;
		margin:0 0 0 0;
		display: inline;
		float: left;
		color:#999;
		padding:5px 0;
		line-height:10px;
	}
	#formSujet .inputMoyen{	margin:0 0 0 0;	float: left; width:300px; }
	#formSujet .btnImage{border:none; margin:0 0 0 0;}

/*AGENDA*/

#agenda{}

.evenement { background:#D4DFE6;margin-top:10px;margin-bottom:10px;color:#000;position:relative;}
.evenement h3 {color:#000; padding:5px 10px; margin-bottom:10px; font-weight:bold;font-family:"Trebuchet MS", arial;font-size:11px;}
#agenda .evenement p {color:#000; padding:5px 10px; margin-bottom:10px;font-family:"Trebuchet MS", arial;font-size:11px;}
.evenement h2 {
	background:#9CBECD;
	height:25px;
	font-family:"Trebuchet MS";
	font-size:15px;
	color:#fff;
	padding:5px 0 0 10px;
}
#agenda_mois{list-style:none;}
#agenda_mois li{

float:left;
height:18px;
margin:8px;
text-align:center;

}
#agenda_mois li a{
width:60px;
background: url(../images/btn-mois-agenda.gif) no-repeat bottom left;
display:block;
line-height:18px;
font-size:10px;
font-weight:bold;
color:#fff;
}

#agenda_mois li a.current, #agenda_mois li a:hover{background: url(../images/btn-mois-agenda.gif) no-repeat top left;color:#c03;}

/*EMPLOI FORMATION*/
.ef_spacer{margin:10px 0;height:30px;background:#666;}

#ef_acc{}
#bandeauVisuel {background:#333;height:130px;}
#bandeauVisuel h1{color:#C8D413;font-size:16px;margin:10px 0;}
#bandeauVisuel p{color:#fff;font-family:"Trebuchet MS",Arial, sans-serif;}
#ptsimportants { background:#f1f1f1; }
#ptsimportants ul {list-style:none;}
#ptsimportants ul li { list-style:none; padding:0 0 0 25px; background:url(../images/emploi-atouts.gif) no-repeat;color:#666;font: italic 12px/15px Georgia, serif;margin:5px 0;}
#ptsimportants ul li.at1 { background-position:0px 0px;}
#ptsimportants ul li.at2 { background-position:0px -19px;}
#ptsimportants ul li.at3 { background-position:0px -38px;}
#ptsimportants ul li.at4 { background-position:0px -57px;}
#ptsimportants ul li.at5 { background-position:0px -76px;}
#pts { background:#fff url(../images/fd_pts.gif) no-repeat bottom right; margin:0 0 0 10px;padding:10px 0 5px 10px;}
#pts h2{color:#666;}
#acces_emploi{ background:#E6E6E6; padding:0 0 10px 0;}
#acces_emploi h2{ color:#666; background:#CCC;padding:5px 0 5px 5px;}
#acces_emploi label{margin:0;font-size:10px;}
#acces_emploi input{margin:0;}

#acces_emploi input.inputSubVert{ background:#C8D413;margin:5px 0 0 0;}

#coteCandidat { margin:10px 0 0 10px;padding:10px 0 10px 10px; background:#e6e6e6;}
#coteCandidat p{ padding:10px 0 10px 10px; width:180px; margin:0 0 10px 0; background:#A5BDA4;font-size:10px;color:#fff;}
#coteCandidat a{ padding:10px 0 10px 15px;display:block;float:left; margin:0 20px 0 0; font-size:12px;color:#666;font-family:"Trebuchet MS";}
#coteRecruteur { margin:10px 0 0 0;background:url("../images/visuelAccesRecruteur.gif") no-repeat;}
#coteRecruteur div {border-left:1px solid #ccc;margin:0;}
#coteRecruteur h3 {color:#4B9DD2;margin-left:10px;}
#coteRecruteur p.accrocheRecruteur{ font-size:9px;width:145px;color:#666;padding:35px 0 10px 8px;margin:0 0 20px 0;}
#coteRecruteur p{ font-size:9px;color:#666;padding:10px 0 10px 20px;margin:0 0 0 0 ;}

.btnAccesEspace { margin:10px 0 10px 50px; }


/** BOUTIQUE */
#menuBoutiqueInterne{list-style:none;margin-bottom:10px;border-bottom:1px dashed #8394A4;}
#menuBoutiqueInterne li{float:left;margin:10px;}
#menuBoutiqueInterne li a{color:#999;}
#contenuBoutique{background:url("../images/bgBoutique.gif") repeat-y;}

/** PRODUITS */
.ficheProduit h1{color:#4B9DD2;font-size:18px;}
.ficheProduit p{color:#8BB1CB;}
.blocCommande {border:1px dashed #999;margin-bottom:10px;}
.blocCommande span {margin:8px;font-weight:bold;font-size:9px;}
.blocCommande h2{margin:5px 8px;color:#4b9dd2;font-size:12px;background:url("../images/iconePanier.gif") no-repeat top left;padding-left:20px;}
.blocCommande label{width:90px;margin-left:8px;font-size:10px;color:#4b9dd2;}
.blocCommande input {border-color:#4b9dd2;color:#4b9dd2;}
.blocCommande h3 {font-weight:bold;color:#c33;font-size:20px;margin:2px 8px;text-align:left;}
.blocCommande h3 span{margin:5px 8px;font-size:9px;}
.sommaire p,.argumentaire p{color:black; font-size:11px;}
#quantite{width:20px;}


/** CONTACT*/
.ui-tabs { padding: .2em; zoom: 1; font-size:10px;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; background:#ccc;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; background:#999;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; color:#fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0;background:#fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;  color:#333;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none;clear:both;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.customMessage{background:#a5bda4;}

.contacts p a{color:#35A9E1;}

.contacts h4{color:#176FB8;}

.contact{border-bottom:1px solid #ccc;padding:5px 0;}
.contact h3{color:#176FB8;}
.contact p{margin-bottom:5px;}
.contact a{color:#999;}

/*INSCRIPTION*/

#inscription{}
	#inscription h2{border-bottom:#8394A4 1px solid;font-size:16px;font-weight:bold;color:#8394A4;margin:10px 0;}
	#inscription input{margin:0 0 10px 0 }
	#inscription label{width:150px;font-size:11px;font-weight:normal;}
	#subEnvoyer{padding:5px 10px;}


/*DIVERS*/
.txtChapeau{font-weight:bold;}
.visuelProduit{max-height:150px;max-width:150px;}
.visuelOffresLiees{max-height:150px;max-width:150px;}

p.boutonPlusVideos{text-align:center;}

.etiquetteProduitLarge {}
.etiquetteProduitBandeau {}
.etiquetteProduitDemiGauche {margin: 0 13px 0 0;}
.etiquetteProduitDemiDroite {}

/******************************************
HELPERS
******************************************/
.fix			{clear:both;}
.spacerEpais	{padding:20px 0;}
.spacer			{padding:10px 0;}
.spacerFin		{padding:5px 0;}
.supIE			{margin-left:10px;}

.REPERE 		{background:#ff5;}
.REPEREGLOBAL	{background:#5ff;}

/******************************************

******************************************/
/** ----------------------|** EOF **|---------------------- */