/*
    Document   : nodePereCe
    Created on : 1 févr. 2010, 16:48:38
    Author     : Gregory
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.Sprite1{background: url(/Node/img/sprite_home_S.jpg) no-repeat top left;}
.Sprite2{background: url(/Node/img/sprite_home_E.jpg) no-repeat top left;}
.Sprite4{background: url(/Node/img/sprite_home_CE.jpg) no-repeat top left;}
/*CE*/
.sprite-248 { background-position: -295px 0px; width: 296px; height: 197px; }
.sprite-249 { background-position: -592px 0px; width: 296px; height: 197px; }
.sprite-250 { background-position: 0px -197px; width: 296px; height: 197px; }
.sprite-251 { background-position: 0px 0px; width: 296px; height: 197px; }

/*Salarie*/
.sprite-252 { background-position: -1px 0px; width: 295px; height: 92px; }
.sprite-253 { background-position: -296px 0px; width: 295px; height: 92px; }
.sprite-254 { background-position: -298px -372px; width: 295px; height: 92px; }
.sprite-255 { background-position: -592px 0px; width: 295px; height: 92px; }
.sprite-256 { background-position: -1px -93px; width: 295px; height: 92px; }
.sprite-257 { background-position: -296px -93px; width: 295px; height: 92px; }
.sprite-258 { background-position: -592px -93px; width: 295px; height: 92px; }
.sprite-259 { background-position: -1px -185px; width: 295px; height: 92px; }
.sprite-260 { background-position: -296px -185px; width: 295px; height: 92px; }
.sprite-261 { background-position: -592px -185px; width: 295px; height: 92px; }
.sprite-262 { background-position: -1px -280px; width: 295px; height: 92px; }
.sprite-263 { background-position: -296px -279px; width: 295px; height: 92px; }
.sprite-264 { background-position: -592px -278px; width: 295px; height: 92px; }
.sprite-265 { background-position: -1px -372px; width: 295px; height: 92px; }

/*Employeur*/
.sprite-266 { background-position: -297px 0px; width: 295px; height: 92px; }
.sprite-267 { background-position: -593px 0px; width: 295px; height: 92px; }
.sprite-268 { background-position: 0px 0px; width: 295px; height: 92px; }
.sprite-269 { background-position: -1px -466px; width: 295px; height: 92px; }
.sprite-270 { background-position: -295px -93px; width: 295px; height: 92px; }
.sprite-271 { background-position: -591px -185px; width: 295px; height: 92px; }
.sprite-272 { background-position: -295px -185px; width: 295px; height: 92px; }
.sprite-273 { background-position: 0px -185px; width: 295px; height: 93px; }

h1{
  font-family:Georgia,serif;
  font-size:30px;
  font-weight:normal;
  margin-bottom:20px;
}
h1#type{color:#2aa101}

#titreAndChapeau	{float:left;width:665px;width:660px\9;/*hack IE*/}

div#climat_social{
  background-image:url('/Node/img/ClimatSocial/bandeau_nodePere.jpg');
  background-position:top left;
  background-repeat:repeat-y;
  border:3px solid #c8c8c8;
  font-family:Helvetica,Arial,sans-serif;
  height:40px;
  margin-bottom:25px;
  padding:5px;
}
div#climat_social a#mesurez{
  display:block;
  float:left;
  font-size:18px;
  font-weight:bold;
  height:30px;
  padding:10px 0px;
  width:535px;
}
  div#climat_social a#mesurez span#new{
    color:red;
    font-size:12px;
    line-height:20px;
  }
div#climat_social img{
  float:left;
  margin-right:5px;
}
div#climat_social p{
  color:#747474;
  font-size:14px;
  font-weight:bold;
  line-height:18px;
}

hr{
  border:0;
  border-bottom:1px solid #d2d2d2;
  height:1px;
  margin:2px 0px 0px 0px;
}


div#haut{
  border-bottom:1px solid #d2d2d2;
  margin-top:15px;
	width:972px;
}
  p#chapeau{
    color:#575757;
    line-height:20px;
  }

    div#pub_abo p#aide_commande{font-size:11px;padding-bottom:0;}
    div#pub_abo p#aide_commande span{font-size:10px;}

	/*--  abonnez vous  --*/
		
	div#pub_abo{
		margin-bottom:15px;
		float:right;
		width:293px;
		letter-spacing: 0;
		position:relative;
	}
		
		div#pub_abo div#cadreAbo-content-sal	{
			background:#FF9933;
			background: -moz-linear-gradient(top, #FF9933 0%, #E78C31 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9933), color-stop(100%,#E78C31)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #FF9933 0%,#E78C31 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #FF9933 0%,#E78C31 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #FF9933 0%,#E78C31 100%); /* IE10+ */
			background: linear-gradient(top, #FF9933 0%,#E78C31 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9933', endColorstr='#e78c31',GradientType=0 ); /* IE6-8 */
			border:1px solid #c37526;
		}
		div#pub_abo div#cadreAbo-content-emp	{
			background:#FF3300;
			background: -moz-linear-gradient(top, #FF3D00 0%, #DE3900 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3D00), color-stop(100%,#DE3900)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #FF3D00 0%,#DE3900 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #FF3D00 0%,#DE3900 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #FF3D00 0%,#DE3900 100%); /* IE10+ */
			background: linear-gradient(top, #FF3D00 0%,#DE3900 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d00', endColorstr='#de3900',GradientType=0 ); /* IE6-8 */
			border:1px solid #a82c00;
		}
		div#pub_abo div#cadreAbo-content-ce	{
			background: #0099ff; /* Old browsers */
			background: -moz-linear-gradient(top, #46B5FF 0%, #0099FF 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46B5FF), color-stop(100%,#0099FF)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #46B5FF 0%,#0099FF 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #46B5FF 0%,#0099FF 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #46B5FF 0%,#0099FF 100%); /* IE10+ */
			background: linear-gradient(top, #46B5FF 0%,#0099FF 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46b5ff', endColorstr='#0099ff',GradientType=0 ); /* IE6-8 */
			border:1px solid #008ce9;
		}
		
		div#pub_abo  .cadreAbo-content	{
			-moz-box-shadow:inset 0 0 1px #fff;
			-webkit-box-shadow:inset 0 0 1px #fff;
			box-shadow:inset 0 0 1px #fff;
			width:100%;
		}
		
			div#pub_abo p.subTitle	{
				width:283px;
				position:relative;
				z-index:10;
				margin:5px 0 6px -5px;
				background:url('/image/node/sidebar/abo-bandeAbo.png') 0 0 no-repeat;
				padding:4px 10px 10px 10px;
				font:bold 14px/18px Georgia,Times,"Times New Roman", serif;
				text-align:center;
				color:#767676;
			}
			
				div#pub_abo div#cadreAbo-content-sal p.subTitle	{color:#FF7F00;}
				div#pub_abo div#cadreAbo-content-emp p.subTitle	{color:#FF3300;}
				div#pub_abo div#cadreAbo-content-ce p.subTitle	{color:#0099FF;}

			div#pub_abo ul.listElemAbo	{
				width:258px;
				padding:7px 10px;
				margin:0 auto;
				font:normal 10px/18px Verdana,Arial,sans-serif;
				color:#252525;
				background: #e0e0e0; /* Old browsers */
				background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
				background: linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* W3C */
				border:1px solid #252525;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
			}
			
				div#pub_abo div#cadreAbo-content-sal ul.listElemAbo	{border-color:#c37526;}
				div#pub_abo div#cadreAbo-content-emp ul.listElemAbo	{border-color:#a82c00;}
				div#pub_abo div#cadreAbo-content-ce ul.listElemAbo	{border-color:#008ce9;}
						
				div#pub_abo ul li{list-style:disc inside;}
			
			div#pub_abo a, div.cadreAbo a:visited{
				display:block;
				float:right;
				width:135px;
				height:28px;
				margin:10px 6px;
				font:bold 9px/28px Verdana,Arial,sans-serif;
				text-transform:uppercase;
				text-indent:20px;
				background:url('/image/node/sidebar/btnGoOffreAbo2.png') 0 0 no-repeat;
				color:#fff;
				text-shadow:0 0 1px rgba(0,0,0,0.4);
			}
				div#pub_abo a:hover{background-position:left bottom;text-decoration:none;}
			
    /*  Fin Abonnez vous  */
		
		
		
div#groupe_node_4{
  background-image:url('/Node/img/CE/home_ce_background.jpg');
  background-position:center center;
  background-repeat:repeat-y;
  overflow:hidden;
  margin-bottom:15px;
}
  h2{margin-bottom:10px;}
    h2 a,h2 a:visited{
      color:#2aa101;
      font-family:Georgia,serif;
      font-size:18px;
      font-weight:normal;
    }
    div#groupe_node_1 h2 a{color:#ff7f00;}
    div#groupe_node_2 h2 a{color:#ff3300;}
    div#groupe_node_4 h2 a{color:#0099ff;}

  div.colonne{
    float:left;
    padding-top:20px;
    width:303px;
    margin-left:10px;
  }
  /*Debug pour afficher les bonnes marges sous les autres navigateurs > à IE6*/
  html>body div.colonne{margin-left:18px;}
    div.colonne span.illustrationCE{display:block;}
    
  div.nodeMid{
    border-bottom:1px solid #d2d2d2;
    /*hack pour simuler le min_height sous IE*/
    height:auto;
    _height:100px;
    min-height:100px;
    /*----------------------------*/
    padding-bottom:14px;
    padding-top:5px;
  }
  div.nodeMid img{float:right}
  div.nodeMid span.illustration{display:block;float:right}
  
    div.nodeMid ul li,
    div.colonne ul li{
      background:url('/Node/img/CE/puce.png') top left no-repeat;
      line-height:17px;
      padding-left:10px;
    }
      div.nodeMid ul li span,
      div.colonne ul li span{
        color:#767676;
        font-size:11px;
      }

h2#actu{
  background:none;
  background-color:#f3f3f3;
  border:0;
  border-bottom:1px solid #d2d2d2;
  border-top:10px solid #bebebe;
  color:#585858;
  font-family:Georgia,serif;
  font-size:21px;
  margin-bottom:3px;
  margin-left:4px;
  margin-right:4px;
  padding:20px 0px;
  text-transform:uppercase;
}
ul#actu{
  background-color:#f3f3f3;
  border:0;
  border-top:1px solid #d2d2d2;
  overflow:hidden;
  margin-left:4px;
  margin-right:4px;
  padding:0;
}
  ul#actu li{
    border-bottom:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
    float:left;
    height:66px;
    padding:15px;
    width:33%;
  }
  html>body ul#actu li{min-height:66px;}

p#need_help{
  color:#575757;
  font-size:12px;
  margin-top:10px;
}