/*
Theme Name: Scalaphone World
Theme URI: http://www.scarlaphone-world.com/
Description: Theme Scalaphone World.
Version: 2.0
Author: //Scarlaphone World:
Author URI: http://www.scarlaphone-world.com/

*/

body{
	font: 90% Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	background: #c2c2c2 url(images/bg.png) repeat-x;
}

a{
  outline: none;
}

.clearer{
  clear: both;
}

strong{
  font-weight: bold;
}

.alignleft{
  float: left;
}

#filariane{
  padding: 20px 0 10px;
  border-bottom: 1px solid #dbdbdb;
}

#filariane ul li{
  display: inline;
  color: #585858;
}

.titlecat{
  padding: 50px 0 10px 20px;
  font-size: 140%;
  letter-spacing: -1px;
}

.result-search{
  padding: 10px 0 0 20px;
  color: #585858;
}

#col_right h4{
  padding: 10px 0 5px 20px;
}

#col_right p{
  padding: 0 20px;
  color: #585858;
}

#col_right a{
  color: #ff9300;
  text-decoration: none;
}

#col_right ul{
  padding: 5px 0 10px 40px;
}

#col_right ul li{
  padding: 5px 0 0;
  list-style: circle;
}

#formulaire{
  margin: 40px auto 0;
  width: 320px;
}

#formulaire p{
  padding: 0 !important;
}

#formulaire input{
  margin: 5px 0 10px;
}

#formulaire input[type=text]{
  padding: 5px 0;
  border: 1px solid #dbdbdb;
}

#formulaire input[type=submit]{
  width: 200px;
  height: 55px;
  padding: 10px;
  background: url(images/bt_resa.png);
  border: 0;
  color: #fff;
}

/*start container*/
#container{
  margin: 0 auto;
  width: 995px;
  min-height: 500px;
}
/*end container*/

/*start header*/
#header{
  width: 995px;
  height: 110px;
}

#logo{
 float: left;
 margin: 0 0 0 5px;
 width: 270px;
 height: 110px;
 background: url(images/logo.png);
}

#logo h1 a{
  font-size: 250%;
  text-indent: -500em;
  display: block;
  width: 270px;
  height: 110px;
}

#search{
  float: left;
  padding: 40px 0 0 60px;
  width: 240px;
  height: 70px;
}

#search input[type=text]{
  padding: 4px 0 0 5px;
  width: 185px;
  height: 21px;
  background: url(images/input_search.png);
  border: 0;
  color: #b3b3b3;
}

#search input[type=submit]{
  width: 45px;
  height: 25px;
  background: url(images/bt_go.png);
  border: 0;
  color: #fff;
}

#txt_header{
  float: right;
  width: 300px;
  height: 110px;
  font-size: 80%;
  font-weight: normal;
  color: #909090;
}

#img-zone{
  float: left;
  margin: 10px 0 0;
  padding: 0 0 0 180px;
  width: 50px;
  height: 50px;
}

#txt-zone{
  float: left;
  margin: 23px 0 0;
  width: 50px;
  height: 20px;
}

#txt-zone a{
  font-weight: bold;
  color: #909090;
}

#txt_header h2{
  padding: 60px 0 0 140px;
}

#content-slider{
  margin: 0 auto;
  width: 979px;
  height: 280px;
  background: url(images/bg_banner.png);
}
/*end header*/

/*start menu*/
#menu{
  width: 994px;
  height: 69px;
  background: url(images/menu.png);
}

#menu ul{
  padding: 25px 0 0 8px;
}

#menu ul li{
  display: inline;
  padding: 18px 15px 21px 15px;
  border-right: 1px solid #2f2f2f;
}

#menu ul li:first-child{
  border-left: 0;
}

#menu ul li a{
  padding: 18px 20px 21px 20px;
  text-decoration: none;
  color: #fff;
}

#menu ul li a:hover{
  color: orange;
}
/*end menu*/

#content-h{
  margin: 5px auto 0;
  width: 995px;
  height: 10px;
  background: url(images/container_h.png) no-repeat;
}

#content{
  margin: 0 auto;
  padding: 0 0 20px;
  width: 995px;
  min-height: 300px;
  background: url(images/container.png) repeat-y;
}

#col_left{
  float: left;
  margin: 0 0 0 7px;
  width: 310px;
  min-height: 300px;
}

#col_right{
  float: right;
  margin: 0 7px 0 0;
  width: 660px;
  min-height: 300px;
}

#news h2{
  margin: 5px 0 0 20px;
  padding: 28px 0 0 104px;
  width: 131px;
  height: 42px;
  background: url(images/news.png);
  font-size: 95%;
  color: #fff;
  letter-spacing: -1px;
}

#scarlapack h2{
  margin: 20px 0 0 20px;
  padding: 28px 0 0 104px;
  width: 131px;
  height: 42px;
  background: url(images/pack-mois.png);
  font-size: 95%;
  color: #fff;
  letter-spacing: -1px;
}

#tel{
  padding: 30px 0 20px 5px;
}

.container_bloc ul{
  margin: 10px 0 0 40px;
}

.container_bloc ul li{
  padding: 10px 0 0;
}

#scarlapack h3{
  margin: 10px 0 0 40px;
}

#news h3{
  font-size: 90%;
}

.container_bloc a{
  color: #ff9300;
  text-decoration: none;
}

#news small{
  color: #6b6b6b;
}

#news h3 a{
  color: #000;
  text-decoration: none;
}

.container_bloc p{
  margin: 10px 0 0 40px;
  color: #585858;
}

#scarlattitude{
  width: 660px;
  min-height: 220px;
  background: url(images/bg_scarlattitude.png) no-repeat;
}

#scarlattitude h2{
  margin: 0;
  padding: 40px 0 0 15px;
  font-size: 140%;
  letter-spacing: -1px;
}

#scarlattitude p{
  padding: 0 10px 0 35px;
  color: #585858;
}

#scarlattitude a{
  color: #ff9300;
  text-decoration: none;
}

.img-app{
  float: left;
  margin: 10px 30px 0 20px;
  width: 168px;
  height: 200px;
}

.img-app p{
  text-align: center;
  padding: 5px 0 0 !important;
  color: #979797 !important;
}

#resa{
  float: left;
  margin: 10px 0 0;
  padding: 0 0 20px;
  width: 329px;
  min-height: 200px;
  border-right: 1px solid #dbdbdb;
}

#newsletter{
  float: left;
  margin: 10px 0 0;
  width: 330px;
  min-height: 200px;
}

#resa h2{
  padding: 20px 0 0 110px;
  height: 48px;
  font-size: 140%;
  letter-spacing: -1px;
  background: url(images/ico_resa.png) 32px 0 no-repeat;
}

#newsletter h2{
  padding: 20px 0 0 110px;
  height: 48px;
  font-size: 140%;
  letter-spacing: -1px;
  background: url(images/ico_newsletter.png) 32px 0 no-repeat;
}

#resa p{
  padding: 0 0 0 32px;
  color: #585858;
}

#resa a{
  color: #ff9300;
  text-decoration: none;
}

#newsletter p{
  padding: 0 0 0 32px;
  color: #585858;
}

#newsletter input[type=text]{
  margin: 0 0 0 17px;
  padding: 4px 0 0 5px;
  width: 185px;
  height: 21px;
  background: url(images/input_search.png);
  border: 0;
  color: #b3b3b3;
}

#newsletter input[type=submit]{
  width: 104px;
  height: 25px;
  background: url(images/bt_newsletter.png);
  border: 0;
  color: #fff;
}

#footer{
  margin: 0 auto;
  padding: 0 0 0 7px;
  width: 988px;
  height: 255px;
  background: url(images/footer.png);
}

.links{
  float: left;
  padding: 22px 0 0 52px;
  width: 274px;
  height: 178px;
  font-size: 90%;
}

.links li{
  padding: 0 0 10px;
}

.links a{
  color: #d9d9d9;
  text-decoration: none;
}

.links small{
  color: #b0b0b0;
}

#legal{
  float: left;
  width: 980px;
  height: 55px;
  text-align: center;
}

#legal ul{
  padding: 20px 0 0;
}

#legal ul li{
  padding: 0 5px;
  display: inline;
  font-size: 75%;
  color: #696969;
  border-left: 1px solid #696969;
}

#legal ul li:first-child, #legal ul li:last-child{
  border-left: 0;
}

#legal a {
  color: #696969;
  text-decoration: none;
}

.required{
  color: red !important;
}

.required input[type=text]{
  border: 1px solid red !important;
}

#ban-reduc{
  margin: 0 auto;
  width: 586px;
  height: 126px;
}