body {
  background-color:#96e0ff;
  color: #0b3775;
  font-family: Arial, sans-serif;
}

#top {
  background:url("../images/top_bg.png") repeat-x scroll bottom left;
  padding-top: 0px;
  padding-bottom: 5px;
}

#content {
  background:url("../images/content_bg.gif") repeat-x scroll top left #d3dfff;
  padding-top: 22px;
  padding-bottom: 22px;
  min-height: 1174px;
}

#footer {
  background:url("../images/footer.gif") repeat-x scroll top left #4ea7cd;
  padding-top: 22px;
  padding-bottom: 22px;
}

a {
  color:#5b2c00;
}

a:hover {
  color:#ff8400;
}

/* ************************************************************************* */
/* MY SPANS */
/* ************************************************************************* */
.span-300 {
  float: left;
  width: 300px;
}

.span-680 {
  float: left;
  width: 680px;
}

.span-990 {
	float: left;
	width: 990px;
}

/* ************************************************************************* */
/* SEARCH */
/* ************************************************************************* */
#search {
  padding: 0 0 5px 5px;
}

#top #search #input-search
{
	float: left;
  height: 25px;
  width: 715px;
  padding-left:20px;
  margin-right:-15px;
  box-shadow: 0px 0px 2px #555;
}

#top #search .bt-search
{
  float: left;
  padding-top: 4px;
	margin-right:10px;
}

#top #search .recherche-avancee
{
	float: left;
	padding-top:5px;
	margin:0px;
}

/* ************************************************************************* */
/* BOXLIGHT */
/* ************************************************************************* */
.boxlight,
.boxlight-small
{
  box-shadow: 0px 0px 5px #5555FF;
  background-color:#c1eafc;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(192,234,252)),
    color-stop(1, rgb(220,230,235))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(192,234,252) 0%,
    rgb(220,230,235) 100%
  );

  -moz-border-radius:6px;
  -o-border_radius: 6px;
  -webkit-border_radius: 6px;
  
  margin-bottom:10px;
  width:977px;
}

.boxlight-inset,
.boxlight-inset-small
{
  padding:10px;
  box-shadow: 0px 0px 5px #d6f1fd inset;
  -moz-border-radius:6px;
  -o-border_radius: 6px;
  -webkit-border_radius: 6px;
  width:957px;  
}


.boxlight-small
{
  width:240px;
}

.boxlight-inset-small
{
  width:220px;  
}

/* ************************************************************************* */
/* PUB-GOOGLE */
/* ************************************************************************* */
.pub-google {
  float: left;
  margin-top:40px;
  width: 650px;
  height: 90px;
}

/* ************************************************************************* */
/* CONNEXION */
/* ************************************************************************* */
#connexion {
	float:right;
}
#connexion h2 {
  font-family: 'Istok Web', sans-serif;
	margin-bottom: 0px;
}
#connexion table {
	margin: 0px;
}

#connexion table td{
	margin: 0px;
	background: none;
	padding:0px;
}
/* ************************************************************************* */
/* ALLORAV VS TECHOUVOT */
/* ************************************************************************* */
div.allo-vs-techouvot div.boxlight-inset {
	padding-bottom:2px;
}

div.boxlight div.logo-iphone {
  padding-left:30px;
  border-left: 2px solid #c0d1db;
  width: 88px;
}

div.boxlight div.text-iphone,
div.boxlight div.logo-iphone {
  padding-top:30px;
  padding-bottom:30px;
}

div.allo-vs-techouvot p {
	margin:0px;
}

div.allo-vs-techouvot div.boxlight-inset div.span-18
{
	width:692px;
	text-align: center;
}

/* ************************************************************************* */
/* BLOCKS */
/* ************************************************************************* */
.top-yellow {
  background: url('../images/block_top_yellow.png');
  font-family: 'Istok Web', sans-serif;
  width: 300px;
  height: 83px;
  text-align: center;
}
.dif_rab{
display: block; 
margin: 0 auto;
width : 100px;
}

.content-yellow {
  background: url('../images/block_middle_yellow.png');
  width: 260px;
  padding: 5px 20px 0px 20px;
  float:left;
}

.bottom-yellow {
  background: url('../images/block_bottom_yellow.png');
  width:300px;
  height:31px;
  float:left;
}

.top-blue {
  background: url('../images/block_top_blue.png');
  font-family: 'Istok Web', sans-serif;
  width: 680px;
  height: 81px;
  text-align: center;
}

.top-green {
  background: url('../images/block_top_green.png');
  font-family: 'Istok Web', sans-serif;
  width: 680px;
  height: 81px;
  text-align: center;
}

.content-block {
  background: url('../images/block_middle.png');
  float: left;
  width: 640px;
  padding: 5px 20px 0px 20px;
}

.bottom-block {
  background: url('../images/block_bottom.png');
  float: left;
  width: 680px;
  height:40px;
}

.top-yellow h2, .top-blue h2, .top-green h2 {
  padding: 25px 0px 0px 0px;
}

/* ************************************************************************* */
/* BLOCKS STYLES*/
/* ************************************************************************* */
.content-block {
  font-size: 12px;
}

.content-yellow p.head,
.content-block p.head {
  font-weight: bold;
  margin-bottom: 5px;
}

.content-block a,
.content-yellow a {
  text-decoration: none;
  color: #0b3775;
}

.content-block a:hover,
.content-yellow a:hover {
  text-decoration: underline;
  color: #ff8400;
}

.content-block ul {
  list-style-type: none;
}

.content-block div.last {
  border-left: 1px solid #CCC;
  padding-left:5px;
}
