body {
text-align:center;
margin:0;
padding:0;
background:#d3d1cb;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
}

a {
	outline:none;
}

img {
border:none;
}

#animation {
margin-top:20px;
-moz-box-shadow:1px 1px 15px #555555;
-webkit-box-shadow:1px 1px 15px #555555;
}

#container {
width:950px;
margin:0 auto;
text-align:left;
position:relative;
}

#header {
overflow:auto;
}

#header h1 {
margin:10px 0 0 0;
padding:0;
}

#langue {
position:absolute;
top:0;
right:0;
background:#e4e3e0;
width:75px;
height:25px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

#langue ul {
margin:0;
padding:0;
list-style-type:none;
}

#langue li a {
  display:block;
  width:23px;
  height:15px;
  float:left;
  border:1px solid #e4e3e0;
}

#langue li a:hover {
border:1px solid #fff;
}

#langue li a span {
position:absolute;
left:-99999px;
}

#langue #en a {
background:url(../images/uk_flag.jpg) top left no-repeat;
margin:5px 0 5px 10px;
}

#langue #fr a {
background:url(../images/fr_flag.jpg) top left no-repeat;
margin:5px 10px 5px 5px;
}

#menu_onglet {
margin:0;
padding:0;
list-style-type:none;
}

#menu_onglet a {
 display:block;
 float:right;
 background:#e4e3e0;
 padding:5px 10px;
 margin:0 0 0 2px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
text-decoration:none;
color:#a9a9a9;
}

#menu_onglet a:hover {
color:#6D6E72;
background:#eeedeb;
}

#menu_onglet a.current {
background:#fff;
color:#BB031F;
cursor:default;
}

#contenu {
background:#fff;
clear:both;
overflow:auto;
}

#slide1 {
background:url(../images/slide1.jpg) top left no-repeat;
}

#slide2 {
background:url(../images/slide2.jpg) top left no-repeat;
}

#slide3 {
background:url(../images/slide3.jpg) top left no-repeat;
}

#slide4 {
background:url(../images/slide4.jpg) top left no-repeat;
}

#slide5 {
background:url(../images/slide5.jpg) top left no-repeat;
}

#slide6 {
background:url(../images/slide6_2.jpg) top left no-repeat;
}

#slide7 {
background:url(../images/slide7_2.jpg) top left no-repeat;
}

#slide8 {
background:url(../images/slide8_2.jpg) top left no-repeat;
}

#slide9 {
background:url(../images/slide9_2.jpg) top left no-repeat;
}

#slide10 {
background:url(../images/slide10.jpg) top left no-repeat;
}

#slide11 {
background:url(../images/slide11_2.jpg) top left no-repeat;
}

.slide {
height:285px;
overflow:auto;
}

#slide1 h2, #slide3 h2, #slide5 h2, #slide9 h2 {
 color:#fff;
 margin:20px 20px 5px 480px;
}

#slide7 h2 {
color:#fff;
margin:20px 30px 5px 350px;
}

#slide11 h2 {
color:#fff;
margin:20px 20px 5px 430px;
}

#slide7 p{
 color:#fff;
  margin:0 30px 5px 350px;
 font-size:12px;
 text-align:justify;
}

#slide11 p {
 color:#fff;
  margin:0 20px 5px 430px;
 font-size:12px;
 text-align:justify;
}

#slide2 h2, #slide4 h2, #slide6 h2, #slide8 h2, #slide10 h2 {
 color:#fff;
 margin:20px 490px 5px 20px;
}

#slide1 p, #slide3 p, #slide5 p, #slide9 p {
 color:#fff;
 margin:0 20px 5px 480px;
 font-size:14px;
 text-align:justify;
}

#slide2 p, #slide4 p, #slide8 p, #slide10 p {
 color:#fff;
 margin:0 490px 5px 20px;
 font-size:14px;
 text-align:justify;
}

#slide6 p {
  margin:20px 530px 5px 20px;
  color:#fff;
  font-size:14px;
  text-align:justify;
}

#slide1 ul {
margin:0;
padding:0;
margin:20px 20px 5px 500px;
}

#slide7 ul {
margin:0;
padding:0;
margin:20px 20px 5px 410px;
}

#slide1 ul a, #slide7 ul a {
display:block;
height:24px;
line-height:24px;
color:#fff;
text-decoration:none;
padding-left:25px;
background:url(../images/puce_rouge.png) left center no-repeat;
}

#slide1 ul a:hover, #slide7 ul a:hover {
font-weight:bold;
}

.slide_lien a {
display:block;
height:24px;
line-height:24px;
color:#fff;
text-decoration:none;
padding-left:25px;
background:url(../images/puce_rouge.png) left center no-repeat;
font-size:12px;
margin-top:20px;
}

.slide_lien a:hover {
font-weight:bold;
}

#cols {
  width:910px;
  margin:0 20px;
}

#realisations, #references, #devis_contact {
width:285px;
float:left;
margin-top:20px;
height:320px;
}

.agence_presse #realisations, .agence_presse #references, .agence_presse #devis_contact {
height:410px;
}

#realisations, #references {
border-right:1px solid #6D6E72;
margin-right:20px;
}

#realisations h3, #references h3 {
color:#828383;
font-size:16px;
text-transform:uppercase;
margin:0 20px 5px 0;
border-bottom:1px solid #b2b1af;
}

#realisations .suivant {
margin:5px 0;
}

#realisations .suivant a {
float:right;
margin-right:20px;
display:block;
background:#D3D1CB url(../images/arrow_black_up.png) 3px center no-repeat;
padding:3px 5px 3px 15px;
border:1px solid #6D6E72;
cursor:pointer;
text-transform:uppercase;
font-size:10px;
}

#realisations .suivant a:hover {
background:#eee url(../images/arrow_black_up.png) 3px center no-repeat;
}

#references ul {
margin:0;
padding:0;
list-style-type:none;
}

#references ul li {
display:block;
height:35px;
margin:0 20px 0 0;
text-decoration:none;
color:#000;
font-weight:bold;
padding-left:35px;
border-bottom:1px solid #b2b1af;
background:url(../images/puce_rouge.png) left center no-repeat;
line-height:35px;
}

#references ul li.long {
line-height:18px;
}

.legend {
font-size:11px;
color:#6D6E72;
margin-top:3px;
}

#devis_contact {
margin-top:32px;
}

.agence_presse #devis_contact {
 margin-top:20px;
}

#devis_contact h3.btn a {
  display:block;
  background:url(../images/degrad2.jpg) 0 0 repeat-x;
  height:30px;
  line-height:30px;
  border:1px solid #6D6E72;
  text-decoration:none;
  color:#707173;
  font-size:14px;
  text-transform:uppercase;
  text-align:left;
}

#devis_contact h3.btn a:hover {
  background:#eee;
  color:#717274;
}

#devis_contact h3.btn a span {
  display:block;
  float:left;
  background:url(../images/picto_devis.png) top left no-repeat;
  width:27px;
  height:23px;
  margin:4px 25px 0 20px;
}

#contact {
  padding:0;
}

#contact h3 {
color:#717274;
font-size:14px;
margin:5px 0;
line-height:30px;
text-transform:uppercase;
border-bottom:1px solid #b2b1af;
}

.agence_presse #contact h3 {
color:#828383;
font-size:16px;
text-transform:uppercase;
margin:0 20px 5px 0;
border-bottom:1px solid #b2b1af;
line-height:18px;
}

#contact p {
margin:5px 0 10px 0;
color:#000;
}

#contact strong {
color:#717274;
display:block;
float:left;
height:18px;
width:90px;
clear:left;
}

#contact a {
color:#000;
}

#ligne {
clear:both;
width:910px;
margin:0 20px;
padding-top:20px;
height:65px;
border-top:1px solid #6D6E72;
}

#ligne h4 {
margin:0;
}

#ligne h4 a {
display:block;
width:275px;
float:left;
height:31px;
background:#E4E3E0;
text-decoration:none;
 color:#6D6E72;
padding:7px 5px;
font-size:12px;
text-transform:uppercase;
}

#ligne h4 a span {
font-size:11px;
text-transform:none;
}

#qui, #partenaires {
margin-right:20px;
}

#ligne h4 a:hover {
  background:#EEEDEB;
}

#footer {
width:950px;
margin:0 auto;
text-align:right;
}

#footer ul {
margin:15px 0;
padding:0;
list-style-type:none;
}

#footer li {
display:inline;
margin-left:10px;
}

#footer li a {
color:#6E6E6C
}

.apple_overlay {
	display:none;
	background:#fff;
	width:640px;
	padding:20px;
	font-size:11px;
	text-align:left;
}

.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
  right:-15px;
  top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.apple_overlay  h2 {
  display:block;
  padding:20px;
  color:#fff;
  background:#707173;
}

.apple_overlay  h3 {
  display:block;
  color:#000;
  font-size:16px;
  margin-bottom:0;
}

.apple_overlay p {
clear:left;
font-size:12px;
margin:20px 0 0 0;
}

.apple_overlay ul {
margin:0;
padding:0;
overflow:auto;
}

.apple_overlay li {
display:block;
float:left;
clear:left;
font-size:12px;
margin-left:30px;
}
.scrollable {
	position:relative;
	overflow:hidden;
	height: 190px;
	width: 285px;
}

.scrollable .items {
	position:absolute;
	height:20000em;
}

.scrollable .items div {
 height:190px;
}

#container form {
  margin:0 20px 20px 20px;
}

#container label {
display:block;
float:left;
width:25%;
font-size:12px;
font-weight:bold;
}

#container .obligatoire {
color:#ff0000;
}

#container form p {
clear:left;
font-size:12px;
margin:20px 0 0 0;
}

#container input {
width:250px;
}

.error {
	height:15px;
	background-color:#B90721;
	border:1px solid #eee;
	font-size:11px;
	color:#fff;
	padding:3px 10px;
	margin-left:-2px;
}



