@charset "UTF-8";
/* CSS Document */
.spinner{
transition: 0.3s;
scale:1;
rotate:0deg;
}
.spinner:hover {
    transform :scale(0.9),rotate(30deg);
      

}




body {
margin: 0px;
background-color:#ffffff;
}

img {
border:none;
}

a img {
border:none;
}

/*  LINKS  */

a:link {
color: #888888;
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #888888;
}

a:hover {
text-decoration: underline;
color: #888888;
}

a:active {
text-decoration: none;
color: #888888;
}



/*  TYPOS  */

h1 {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: lighter;
color:#666666;
line-height: 100%;
font-size: 22px;
}

h2 {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: lighter;
color:#666666;
line-height: 100%;
font-size: 18px;
}

h3 {
font-family:Verdana, Geneva, sans-serif;
font-size: 16px;
font-variant: small-caps;
color:#999;
}

h4 {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: lighter;	
font-size: 13px;
color:#555;
}



/*  ABSOLUTE BACKGROUND  */

#background_container {
position:absolute;
height:165;
width:100%;
display:block;
}

#red{
width:100%;
height:104px;	
}

#shadow{
width:100%;
height:61px;
}

/*  PARAMETRE IMAGES  */

.red{
width:100%;
height:104px;
}

.shadow{
width:100%;
height:61px;
}

/*  ----RELATIVE-----  */

#main-container {
position:relative;
float:left;
left : 50%;
margin-left:-503px;
width:1006px;

}

#title {
position:relative;
float:left;
left:420px;
height:104px;
width:170px;
display:block;
}


#mainbox{
position:relative;
float:left;
margin-top:-5px;
margin-left:10px;
height:370px;
width:989px;
display:block;
box-shadow:0px 0px 6px #999 ;
-webkit-box-shadow:  0px 0px 6px #999;
-moz-box-shadow:  0px 0px 6px #999;
background:#FFF;
behavior: url(PIE.htc);
}

#content{
position:relative;
float:left;
margin-top:-5px;
margin-bottom:10px;
margin-left:9px;
height:auto;
width:989px;
display:block;
background:#FFF;
behavior: url(PIE.htc);
}

#content-video{
position:relative;
float:left;
margin-top:-5px;
margin-bottom:25px;
margin-left:9px;
height:559;
width:989px;
display:block;
background:#FFF;
behavior: url(PIE.htc);
}



#all_call{
position:relative;
float:left;
margin-top:15px;
height:130px;
width:1006px;
display:block;
}

#call_image{
position:relative;
float:left;
margin-left:225px;
margin-top:10px;
height:70px;
width:90px;
}

#call1{
position:relative;
float:left;
height:105px;
width:320px;
margin-left:10px;
display:block;
box-shadow:0px 0px 6px #999 ;
-webkit-box-shadow:  0px 0px 6px #999;
-moz-box-shadow:  0px 0px 6px #999;
background:#FFF;
behavior: url(PIE.htc);
}

#call1:hover{
position:relative;
float:left;
height:105px;
width:320px;
margin-left:10px;
display:block;
box-shadow:0px 0px 20px #999 ;
-webkit-box-shadow:  0px 0px 20px #999;
-moz-box-shadow:  0px 0px 20px #999;
background:#FFF;
behavior: url(PIE.htc);
}

#call2{
position:relative;
float:left;
height:105px;
width:320px;
margin-left:15px;
display:block;
box-shadow:0px 0px 6px #999 ;
-webkit-box-shadow:  0px 0px 6px #999;
-moz-box-shadow:  0px 0px 6px #999;
background:#FFF;
behavior: url(PIE.htc);
}

#call2:hover{
position:relative;
float:left;
height:105px;
width:320px;
margin-left:15px;
display:block;
box-shadow:0px 0px 20px #999 ;
-webkit-box-shadow:  0px 0px 20px #999;
-moz-box-shadow:  0px 0px 20px #999;
background:#FFF;
behavior: url(PIE.htc);
}

#call3{
position:relative;
float:left;
height:105px;
width:318px;
margin-left:15px;
display:block;
box-shadow:0px 0px 6px #999 ;
-webkit-box-shadow:  0px 0px 6px #999;
-moz-box-shadow:  0px 0px 6px #999;
background:#FFF;
behavior: url(PIE.htc);
}

#call3:hover{
position:relative;
float:left;
height:105px;
width:318px;
margin-left:15px;
display:block;
box-shadow:0px 0px 20px #999 ;
-webkit-box-shadow:  0px 0px 20px #999;
-moz-box-shadow:  0px 0px 20px #999;
background:#FFF;
behavior: url(PIE.htc);
}

/*  TYPOS CALL TO ACTION  */

#call_title{
position:absolute;
margin-top:0px;
margin-left:20px;
}

#call_txt{
position:absolute;
margin-top:40px;
margin-left:20px;
}

#call3_txt{
position:absolute;
margin-top:58px;
margin-left:20px;
}




/*  TYPOS FOOTER  */

#footer{
position:relative;
float:left;
margin-top:33px;
height:44px;
width:1006px;
display:block;	
}

#footertxt1{
position:relative;
float:left;
margin-top:-44px;
margin-left:15px;
}

#footertxt2{
position:relative;
float:left;
margin-top:-47px;
margin-left:415px;
}

#footertxt3{
position:relative;
float:left;
margin-top:-48px;
margin-left:845px;
}

#footer_line1{
position:relative;
float:left;
margin-top:-42px;
margin-left:10px;
height:1px;
width:989px;
background-color:#ccc;
}

#footer_line2{
position:relative;
float:left;
margin-top:-8px;
margin-left:10px;
height:1px;
width:989px;
background-color:#ccc;
}

#contact-image{
position:relative;
float:left;
margin-top:0px;
margin-bottom:25px;
margin-left:0px;
height:auto;
width:989px;
display:block;
box-shadow:0px 0px 6px #999 ;
-webkit-box-shadow:  0px 0px 6px #999;
-moz-box-shadow:  0px 0px 6px #999;
background:#FFF;
behavior: url(PIE.htc);
}