@charset "utf-8";
/* CSS Document */
html, body {
	background:url(crane/fond_site.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #301E0B;
	margin:0px;
	height:100%;
	width:100%;
}
#international{
	background:url(crane/fond_site_accueil.jpg) repeat-x top;
}
#global_international {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:auto;
	background:url(crane/fond_accueil.jpg) no-repeat top;
}
#global {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:auto;
}
img {
	border:none;
}
h3{
background:url(crane/fleche_titre.jpg) no-repeat top left;
padding-left:20px;
margin:0;
font-size:12px;
font-weight:normal;
letter-spacing:2px;
color:#0066CC;
}
h4{
margin:0;
color:#666666;
font-size:12px;
}
h5{
font-weight:normal;
margin:0px 0px 10px 0px;
color:#0066CC;
font-size:11px;
}


/*---------------------MENU------------------------------------------------------------*/
#header{
	background:url(crane/tower_crane.jpg) no-repeat;
	width:1000px;
	height:275px;
	color:#0066CC;
	font-size:11px;
}
#header a,  #pied a{
	color:#0066CC;
	font-size:11px;
	text-decoration:none;
}
#header a:hover, #pied a:hover{
	color:#666666;
}
#home{
	position:absolute;
	top:25px;
	left:100px;
}
#header div{
	position:absolute;
	top:22px;
	left:500px;
}
#header ul{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:250px;
	left:130px;
}
#header ul li{
	float: left;
	margin:0px 10px;
	color: #CCCCCC;
}
#header ul li a{
	font-size:12px;
}
/*---------------------MENU FIN------------------------------------------------------------*/

/*---------------------ACCUEIL------------------------------------------------------------*/
#accueil{
background: #FFFFFF url(crane/HT_contenu.gif) no-repeat top left;
width:550px;
float:left;
margin:0px 10px 0px 87px;
}
#accueil h1{
font-size:11px;
font-weight:normal;
color:#0066CC;
margin:10px;
}
#accueil h2{
background:url(crane/fond_titre.jpg);
width:465px;
height:25px;
font-size:14px;
font-weight:normal;
letter-spacing:2px;
color:#FFFFFF;
text-align:right;
margin:0px 0px 15px 0px;
padding:5px 30px 0px 0px;
}
#texte_societe{
width:250px;
float:left;
}
#video{
width:280px;
float:left;
}
#accueil p{
margin:10px;
}
/*---------------------ACCUEIL FIN------------------------------------------------------------*/

/*---------------------CONTENU------------------------------------------------------------*/
#contenu{
background: #FFFFFF url(crane/fond_contenu.jpg) no-repeat top left;
width:830px;
float:left;
margin:0px 0px 0px 87px;
z-index:0;
}
#contenu h1{
font-size:11px;
font-weight:normal;
color:#0066CC;
margin:10px;
}
#contenu h2{
background:url(crane/fond_titre.jpg);
width:465px;
height:25px;
font-size:14px;
font-weight:normal;
color:#FFFFFF;
text-align:right;
margin:0px 0px 15px 0px;
padding:5px 30px 0px 0px;
}
.soustitre{
background:url(crane/fond_soustitre.jpg) no-repeat top left;
padding:8px 10px 7px 10px;
}
a#achat, a#vente{
display:block;
display:inline-block;

width:111px;
height:31px;
}
a#achat span, a#vente span{
display:none;
}
a#achat{
background:url(crane/achat.jpg);
}
a:hover#achat{
background:url(crane/achat2.jpg);
}
a#vente{
background:url(crane/vente.jpg);
}
a:hover#vente{
background:url(crane/vente2.jpg);
}
a#contact {
display:block;
width:280px;
height:31px;
}
a#contact span {
display:none;
}
a#contact{
background:url(crane/contact.jpg);
}
a:hover#contact{
background:url(crane/contact2.jpg);
}

/*---------------------CONTENU FIN------------------------------------------------------------*/

/*---------------------REALISATION------------------------------------------------------------*/
#realisation{
list-style:none;
margin:0px 0px 0px 0px;
padding:0;
}
#realisation li{
margin:0px 3px 20px 0px;
float:right;
}
#bloc_realisation{
width:270px;
float:left;
}
/*---------------------REALISATION FIN------------------------------------------------------------*/

/*---------------------BLOC DROIT------------------------------------------------------------*/
#bloc_real{
background:url(crane/bloc_real.jpg) no-repeat top left;
width:270px;
float:left;
}
#bloc_real h3{
font-size:12px;
font-weight:normal;
letter-spacing:2px;
padding:62px 10px 0px 10px;
margin:0;
background:none;
}
.photo_real{
position:relative;
width:270px;
height:auto;
background: url(crane/fond_real.gif) no-repeat bottom;
float:left;
margin-bottom:15px;
}
a.detail_real div{
display:none;
}
a:hover.detail_real div{
display:block;
position: absolute;
bottom:20px;
left:0px;
width:260px;
background: #F1F1F1;
padding:5px;
}
#bord_blanc{
z-index:2;
position: relative;
}
#real{
z-index:0;
margin-bottom:-11px;
margin-top:-11px;
}
#bord_bleu{
z-index:1;
}
.photo_real a{
color:#FFFFFF;
text-decoration:none;
margin-left:20px;
}
.photo_real a:hover{
color: #999999;
text-decoration:none;
margin-left:20px;
}
.texte_real{
/*margin-left:5px;
float:left;*/
clear:both;
width:270px;
}
#actu{
clear:both;
width:250px;
height:65px;
background:url(crane/fond_actu.gif) no-repeat;
padding:25px 10px 10px 10px;
}
marquee{
width:250px;
height:65px;
}
a#callback, a:hover#callback{
width:270px;
height:70px;
display:block;
}
a#callback{
background:url(crane/callback.gif)
}
a:hover#callback{
background:url(crane/callback2.gif)
}
a#callback span{
display:none;}
/*---------------------BLOC DROIT FIN------------------------------------------------------------*/

/*---------------------PIED------------------------------------------------------------*/
#pied{
width:1000px;
height:40px;
background:url(crane/fond_pied.jpg) no-repeat top left;
clear:both;
margin-top:10px;
}
#pied div{

}
#pied ul{
	list-style:none;
	margin:0px 0px 0px 350px;
	padding:0;
}
#pied ul li{
	float: left;
	margin:7px 10px;
	color: #CCCCCC;
}
/*---------------------PIED FIN------------------------------------------------------------*/

/*---------------------PIECE------------------------------------------------------------*/
#grue{
background:url(crane/grue.jpg) no-repeat top left;
width:424px;
height:349px;
z-index:10;
float:left;
margin-right:20px;
}
a#levage{
width:160px;
height:70px;
position:absolute;
top:520px;
left:180px;
}
a#levage div, a#orientation div, a#distribution div, a#translation div{
display:none;
z-index:20;
padding:5px;
background:#FFFFFF;
border:#CCCCCC 1px solid;

}
a:hover#levage div{
display:block;
position:absolute;
top:-50px;
left:220px;
}
a#orientation{
width:200px;
height:90px;
position:absolute;
top:370px;
left:295px;
}
a:hover#orientation div{
display:block;
position:absolute;
top:0px;
left:220px;
}
a#distribution{
width:160px;
height:70px;
position:absolute;
top:440px;
left:130px;
}
a:hover#distribution div{
display:block;
position:absolute;
top:0px;
left:220px;
}
a#translation{
width:230px;
height:90px;
position:absolute;
top:600px;
left:250px;
}
a:hover#translation div{
display:block;
position:absolute;
top:0px;
left:220px;
}
#texte_pieces{
width:340px;
float:left;
z-index:0;
}
.texte_bleu{
font-size:16px;
color:#017EC9;
}
/*---------------------PIECE FIN------------------------------------------------------------*/

/*---------------------CONTACT------------------------------------------------------------*/
.titretable{
background:#017EC9;
color:#FFFFFF;
letter-spacing:2px;
}
/*---------------------CONTACT FIN------------------------------------------------------------*/

.bleu{
	color: #301E0B;
}