/*---------------------------------------- Name: style.css -----------------------------*/

/*---------------------------------------- Body ----------------------------------------*/

body {
	background-image:url(../img/background.png);
	background-repeat:repeat-x;
	background-repeat:repeat-y;
	margin:auto;
	background-color:#7E7D7D;
}

a {	color:#ffffff; text-decoration:none; }

a:active {outline: none;}

a:focus { outline:none;}

a img {
	border:none;
}	



/*---------------------------------------- Top ----------------------------------------*/

.top {
	background-image:url(../images/fond-header.png);
	background-repeat:repeat-x;
	margin:auto;
	width:100%;
	height:139px;
}


	
/*---------------------------------------- Header ----------------------------------------*/

.header {
	margin:auto;
	width:980px;
	height:139px;
}
	


/*---------------------------------------- Menu ----------------------------------------*/

#menu {
	float:left;
	margin-top:0px;
	height: 140px;
}


#menu ul {		
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
}
	
	
#menu li {		
		float:left;			
		display:block;
		padding-top: 60px;
		height:95px;
		font-weight: bold;
		text-align:center;	
		font-style:italic;	
}

		
#accueil-actif { 
	background-image:url(../images/hover-accueil.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
 }
 
#societe-actif { 
	background-image:url(../images/hover-societe.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
 }
 
#services-actif { 
	background-image:url(../images/hover-services.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
 }
 
#reseau-actif { 
	background-image:url(../images/hover-reseau.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
 }
 
#infos-actif { 
	background-image:url(../images/hover-infos.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
 }
 
#tracking-actif { 
	background-image:url(../images/hover-tracking.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
 }
 
#partenaires-actif { 
	background-image:url(../images/hover-partenaires.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
 }
 
#contact-actif { 
	background-image:url(../images/hover-contact.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
 }   
 
 
#accueil-hover:hover{ 
	background-image:url(../images/hover-accueil.png);
	background-repeat:no-repeat;
 }	

#societe-hover:hover{ 
	background-image:url(../images/hover-societe.png);
	background-repeat:no-repeat;
 }	
 
#services-hover:hover{ 
	background-image:url(../images/hover-services.png);
	background-repeat:no-repeat;
 } 

#reseau-hover:hover{ 
	background-image:url(../images/hover-reseau.png);
	background-repeat:no-repeat;
 }
 
#infos-hover:hover{ 
	background-image:url(../images/hover-infos.png);
	background-repeat:no-repeat;
 }
 
#tracking-hover:hover{ 
	background-image:url(../images/hover-tracking.png);
	background-repeat:no-repeat;
 }
 
#partenaires-hover:hover{ 
	background-image:url(../images/hover-partenaires.png);
	background-repeat:no-repeat;
 }
 
#contact-hover:hover{ 
	background-image:url(../images/hover-contact.png);
	background-repeat:no-repeat;
 }

/*---------------------------------------- Content ----------------------------------------*/

#content {
	width:100%;
	margin:auto;
	background-color:#FFF;

}



/*---------------------------------------- Police ----------------------------------------*/

@font-face {
    font-family: 'forgotten';
    src: url('../forgotten_futurist_rg_0-webfont.eot');
    src: url('../forgotten_futurist_rg_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../forgotten_futurist_rg_0-webfont.woff') format('woff'),
         url('../forgotten_futurist_rg_0-webfont.ttf') format('truetype'),
         url('../forgotten_futurist_rg_0-webfont.svg#ForgottenFuturistRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roman55';
    src: url('../helveticaneueltstd-roman-webfont.eot');
    src: url('../helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../helveticaneueltstd-roman-webfont.woff') format('woff'),
         url('../helveticaneueltstd-roman-webfont.ttf') format('truetype'),
         url('../helveticaneueltstd-roman-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'forgottenitalic';
    src: url('../forgotten_futurist_rg_it-webfont.eot');
    src: url('../forgotten_futurist_rg_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../forgotten_futurist_rg_it-webfont.woff') format('woff'),
         url('../forgotten_futurist_rg_it-webfont.ttf') format('truetype'),
         url('../forgotten_futurist_rg_it-webfont.svg#ForgottenFuturistItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.titre-bleu {
font-size:32px;
color:#032c74;
font-family:"forgotten";
font-weight:bold;
}

.titre-noir {
font-size:20px;
color:#000000;	
font-family:"forgotten";
font-weight:bold;
}

.titre-noir2 {
font-size:21px;
color:#000000;	
font-family:"forgotten";
font-weight:bold;
}

.texte-gris {
font-size:14px;
color:#707070;
font-family:"roman55";	
}	

.texte-gris-societe2 {
font-size:14px;
color:#666666;
font-family:"roman55";	
font-weight:bold;
font-style:italic;
}

.titre-bleu2 {
font-size:17px;
color:#032c74;
font-family:"forgotten";
font-weight:bold;
}


/*---------------------------------------- Contenu Index ----------------------------------------*/

#content-index {
height:720px;
margin:auto;
width:980px;
margin-top:20px;
}

#devis {
	background-image:url(../images/index//devis.png);
	height:52px;
	width:72px;
	background-repeat:no-repeat;				
}

#devis:hover {
	background-image:url(../images/index/devis.png);			
	background-repeat:no-repeat;
	background-position:0 -52px;				
}

#pdf {
	background-image:url(../images/index/pdf.png);
	height:52px;
	width:72px;
	background-repeat:no-repeat;				
}

#pdf:hover {
	background-image:url(../images/index/pdf.png);			
	background-repeat:no-repeat;
	background-position:0 -52px;				
}

/*---------------------------------------- Contenu Societe ----------------------------------------*/

#content-societe {
height:500px;
margin:auto;
width:980px;
margin-top:20px;
}

/*---------------------------------------- Contenu Services ----------------------------------------*/

#content-services {
height:1180px;
margin:auto;
width:980px;
margin-top:20px;
}

	
	
/*---------------------------------------- Contenu Reseau ----------------------------------------*/

#content-reseau {
height:520px;
margin:auto;
width:980px;
margin-top:20px;
}


/*---------------------------------------- Contenu Infos ----------------------------------------*/

#content-infos {
height:570px;
margin:auto;
width:980px;
margin-top:20px;
}



/*------------------------------------- Contenu specifications-container -------------------------------------*/

#content-specifications-container {
height:3020px;
margin:auto;
width:980px;
margin-top:20px;
}
		

/*------------------------------------- Contenu incoterms -------------------------------------*/

#content-incoterms {
height:1320px;
margin:auto;
width:980px;
margin-top:20px;
}
		
	
				
/*------------------------------------- Contenu convertisseurs -------------------------------------*/

#content-convertisseurs {
height:590px;
margin:auto;
width:980px;
margin-top:20px;
}
		
	
#content-convertisseurs a {
font-size:14px;
color:#032c74;
font-family:"forgotten";
font-weight:bold;
}


#content-convertisseurs a:hover {
font-size:14px;
color:#032c74;
font-family:"forgotten";
font-weight:bold;
text-decoration:underline;
}


#content-convertisseurs p {
font-size:13px;
color:#707070;
font-family:"roman55";
}

#images-convertisseurs {
width:70px;
height:61px;
text-align:center;
padding-top:15px;
float:left;	
}

	
/*---------------------------------------- Contenu Tracking ----------------------------------------*/

#content-tracking {
height:630px;
margin:auto;
width:980px;
margin-top:20px;
}
		
	
		
/*------------------------------------- Contenu Partenaires -------------------------------------*/

#content-partenaires {
height:830px;
margin:auto;
width:980px;
margin-top:20px;
}

#content-partenaires img{
margin-left:40px;
margin-right:40px;
}
	
	

/*------------------------------------- Contenu Contact -------------------------------------*/

#content-contact {
height:880px;
margin:auto;
width:980px;
margin-top:20px;
}

#content-partenaires img{
margin-left:40px;
margin-right:40px;
}

								
	
/*-------------------------------------------- Tableau --------------------------------------------*/
	
.table-background {
    background-color: #D3C3DC;
}

.table-titre-entete {
    background-color: #707070;
    color: #FFE200;
    font-size: 14px;
    text-align: center;
}

.table-titre-entete2 {
    background-color: #a6a2a2;
    color: #000000;
    font-size: 14px;
    text-align: center;
}

.table-titre-entete3 {
    background-color: #d5d3d3;
    color: #000000;
    font-size: 14px;
    text-align: center;
}

.table-titre-ligne {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
    text-align: center;
	font-weight:bold;
	vertical-align:middle;	
}

.table-content {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
    text-align: center;
}




/*-------------------------------------------- Footer --------------------------------------------*/	

.footer{
	height:298px;
	width:1010px;
	margin:auto;
}



/*-------------------------------------------- Content Footer --------------------------------------------*/	

.footer-top{
	background-image:url(../images/fond-footer.png);
	background-repeat:x;
	height:298px;
	width:100%;
	margin:auto;
}
	
.content-footer {
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	padding-top:50px;
}

.texte-footer {
	color:#d0cece;
	font-family:Georgia;
	font-style:italic;
	font-size:17px;
	letter-spacing:-0.9px;
	word-spacing:1.8px;
}


.texte-footer2 {
	color:#d0cece;
	font-family:Georgia;
	font-style:italic;
	font-size:17px;
	letter-spacing:-0.9px;
}

.texte-footer3 {
	color:#d0cece;
	font-family:Georgia;
	font-style:italic;
	font-size:14px;
	letter-spacing:-0.9px;
	word-spacing:1.8px;
}

.content-footer a{
	color:#d0cece;	
	}
	
.content-footer a:hover{
	color:#fff;
	}	
	
a.hover_fb:hover {
	color:#3B5998;	
}	

a.hover_twit:hover {
	color:#4C90C6;
}

.content-footer p {
	margin-top:4px;
	margin-bottom:4px;
}

#facebook {
	background-image:url(../images/facebook.png);
	height:28px;
	width:48px;
	background-repeat:no-repeat;				
}

#facebook:hover {
	background-image:url(../images/facebook.png);			
	background-repeat:no-repeat;
	background-position:0 -28px;				
}

#twitter {
	background-image:url(../images/twitter.png);
	height:28px;
	width:48px;
	background-repeat:no-repeat;				
}

#twitter:hover {
	background-image:url(../images/twitter.png);			
	background-repeat:no-repeat;
	background-position:0 -28px;				
}

#contact {
	background-image:url(../images/contact.png);
	height:28px;
	width:48px;
	background-repeat:no-repeat;				
}

#contact:hover {
	background-image:url(../images/contact.png);			
	background-repeat:no-repeat;
	background-position:0 -28px;				
}