/*--	Css spécifique aux includes des comparateurs	--*/
#comparateur { 
	width: 99%;
	margin: 0;
	padding: 0;
	color: inherit;
	background-color: inherit;
}

#comparateur .visuel p { color:#333; !important; margin: 0; padding: 0 0 0 0;}
#comparateur .visuel { margin: 0; padding: 0;}
/*#comparateur .visuel a img { border: 0; background-position: -240px 0;}*/
#comparateur .visuel a { text-decoration: none !important;}
#comparateur .visuel .cadre { float: left; margin: 0; padding: 0; }

#comparateur .visuel .cadre .bloc1 { cursor: pointer; float: left; height: 202px; width: 240px; background: url('../images/comparateur_dirigeant.jpg') 0 0 no-repeat; }
#comparateur .visuel .cadre a:hover .bloc1 p{ text-decoration:underline; } 
#comparateur .visuel a:hover .bloc1{ background-position: -240px 0; color: inherit; } 
/*#comparateur .visuel .cadre a:active .bloc1 { background-position: 240px 0; color: inherit; }*/
/*#comparateur .visuel .cadre a:out .bloc1 { background-position: 0px 0px; color: inherit; }*/

/*#comparateur .visuel a:hover .dirigeant{ background-position: -240px 0; color: inherit; } 
#comparateur .visuel a:active .dirigeant{ background-position: -240px 0; color: inherit; } */

#comparateur .visuel .cadre .bloc2 { cursor: pointer; float: left; height: 202px; width: 240px; background: url('../images/comparateur_ingenieur.jpg') 0 0 no-repeat; }
#comparateur .visuel .cadre a:hover .bloc2 p{ text-decoration:underline; } 
#comparateur .visuel a:hover .bloc2{ background-position: -240px 0; color: inherit; } 
/*#comparateur .visuel a:active .bloc2{ background-position: -240px 0; color: inherit; } */

#comparateur .visuel .cadre .bloc3 { cursor: pointer; float: left; height: 202px; width: 240px; background: url('../images/comparateur_maitrise.jpg') 0 0 no-repeat; }
#comparateur .visuel .cadre a:hover .bloc3 p{ text-decoration:underline; } 
#comparateur .visuel a:hover .bloc3{ background-position: -240px 0; color: inherit; } 
/*#comparateur .visuel a:active .bloc3{ background-position: -240px 0; color: inherit; }*/

#comparateur .visuel .cadre .bloc4 { cursor: pointer; float: left; height: 202px; width: 240px; background: url('../images/comparateur_ouvrier.jpg') 0 0 no-repeat; }
#comparateur .visuel .cadre a:hover .bloc4 p{ text-decoration:underline; } 
#comparateur .visuel a:hover .bloc4 { background-position: -240px 0; color: inherit; }
/*#comparateur .visuel a:active .bloc4 { background-position: -240px 0; color: inherit; }*/


/*#comparateur .visuel .cadre a .bloc1 { font-size: 18px; text-decoration: none !important; text-decoration: none; color:#990033; !important; margin:0; padding: 0;}*/
#comparateur .visuel .cadre a .bloc1 p{ margin:0; padding: 165px 0 0 10px; height: 37px; width: 230px; font-size: 18px; color:#990033; !important;}
#comparateur .visuel .cadre a .bloc2 p{ margin:0; padding: 165px 0 0 10px; height: 37px; width: 230px; font-size: 18px; color:#990033; !important;}
#comparateur .visuel .cadre a .bloc3 p{ margin:0; padding: 165px 0 0 10px; height: 37px; width: 230px; font-size: 18px; color:#990033; !important;}
#comparateur .visuel .cadre a .bloc4 p{ margin:0; padding: 165px 0 0 10px; height: 37px; width: 230px; font-size: 18px; color:#990033; !important;}

#corps .conteneur{  width:680px;}
#corps .conteneur .contenu .zone_gauche{ width:670px;} 
#corps .conteneur .contenu .zone_gauche h3{ padding:4px 0 4px 0;}
#corps .conteneur .contenu .zone_gauche .comparto{ float:left; width:325px; padding:3px 10px 3px 0px;}
#corps .conteneur .contenu .zone_gauche .secteur{ float:left; width:210px; padding:3px 10px 3px 0px;}
#corps .conteneur .contenu .zone_gauche .choix{ float:left; width:435px; padding:3px 10px 3px 0px;}
#corps .conteneur .contenu .zone_gauche .pod370_rubrique3{ background-position:top left; width:100%;  } 
#corps .conteneur .contenu .zone_gauche .pod370_rubrique4{ width:100%; margin-top:10px;}
#corps .conteneur .contenu .zone_gauche .pod370_rubrique4 h2{
	background-position:top left;
	background-image:url('../images/fond_titre_sjbp.gif');
	margin-bottom:10px;
}

#corps .conteneur .contenu .texte{padding-right:10px;}

#corps .conteneur .contenu .zone_gauche .pod370_rubrique4 ul{width:320px; float:left; padding-right:10px;}
#corps .conteneur .contenu .etape{float:right; color:#990000; font-size:18px; padding:0px 5px 0 0; margin-top:10px;}

#corps .conteneur .contenu .titresjbp{ 
	background-color:inherit;
	background: url('../images/h1_rubrique.jpg') 0px 10px no-repeat;
	width:675px;
}

#corps .conteneur .contenu .titresjbp h1.rubrique{ padding-top:15px; width:400px; background:none; float:left;}
#corps .conteneur .contenu .titresjbp img{ float: right; padding-left:2px;}
#corps .conteneur .contenu .titresjbp p{ float: right; padding-top:20px;}



#corps .conteneur .contenu .titresjbp2{ 
	background-color:inherit;
	background: url('../images/h1_rubrique.jpg') 0px 25px no-repeat;
	width:670px;
}
#corps .conteneur .contenu .titresjbp2 h1.rubrique{ padding-top:15px; width:450px; background:none; float:left;}
#corps .conteneur .contenu .titresjbp2 img{ float: right; padding-left:2px;}
#corps .conteneur .contenu .titresjbp2 p{ float: right; padding-top:20px;}


#corps .conteneur .contenu .zone_gauche p{padding:5px 10px 5px 0px;}
#corps .conteneur .contenu .zone_gauche p.ds{padding:20px 10px 10px 10px; text-align:center;}
#corps .conteneur .contenu .zone_gauche p.ds a{font-size:18px;}
#corps .conteneur .contenu .zone_gauche .navigation{ padding-top:10px;}
#corps .conteneur .contenu .zone_gauche .navigation .revenir{float:left; padding-right:10px;}
#corps .conteneur .contenu .zone_gauche .navigation .continuer{float:left;}