@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(../../images/textures/bkgroundligne.gif);
	margin: 0px;
}

/* Les conteneurs */

/* Cadre general */
#conteneur {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	height: 100%;
	background-image: url(../../images/textures/bkgroundgris.gif);
}

/* Image pour l'instant, animation à remplacer le temps venu */
#entete {
	height: 210px;
	width: 760px;
	margin-right: 0px;
	margin-left: 0px;
}

/* Les conteneurs */
#menu {
	width: 200px;
	background-repeat: repeat;
	vertical-align: top;
	height: 100%;
	background-position: top;
	margin-top: 12px;
	margin-bottom: 50px;
}
#menu div.section {
	display: inline;
	position: absolute;
}
#menu div.box {
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border-color: #FF6600;
	border-width: 1px;
	border-style: none solid solid;
	position: relative;
	visibility: hidden;
	width: 145px;
	background-image: url(../../images/textures/testdegrade.gif);
}
#menu a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
#menu a:hover {
	color: #1A5AA6;
	text-decoration: none;
	font-weight: bold;
}

/* Zone contenu de chaque page */
#contenu {
	width: 540px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 12px;
	margin-bottom: 30px;
}
#blocgauche  {
	background-color: #333333;
	background-image: url(../../images/textures/degradebloc.gif);
	background-repeat: repeat-x;
	width: 330px;
	margin-right: 10px;
	vertical-align: top;
}
#blocdroite  {
	background-color: #333333;
	background-image: url(../../images/textures/degradebloc.gif);
	background-repeat: repeat-x;
	width: 200px;
	vertical-align: top;
}
#contenu #bloccomplet {
    background-color: #333333;
	background-image: url(../../images/textures/degradebloc.gif);
	background-repeat: repeat-x;
	width: 540px;
	vertical-align: top;
}
#menu h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #FFFFFF;
	line-height: 18px;
	padding: 4px;
	background-color: #FF6600;
}

/* Menu français ici */

/* Bouton accueil */
#accueil {
	width: 200px;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 2px;
}
#accueil a {
	background-image: url(../../images/btfr/btaccueil.gif);
	display: block;
}
#accueil a:hover {
	background-position: 0px -20px;
}
/* Bouton a propos */
#apropos {
	width: 200px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 2px;
}
#apropos a {
	background-image: url(../../images/btfr/btapropos.gif);
	display: block;
}
#apropos a:hover {
	background-position: 0px -20px;
}
/* Bouton devenez un agent */
#devenez {
	width: 200px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#devenez a {
	background-image: url(../../images/btfr/btdevenez.gif);
	display: block;
}
#devenez a:hover {
	background-position: 0px -20px;
}
/* Bouton nouvelles */
#nouvelles {
	width: 200px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#nouvelles a {
	background-image: url(../../images/btfr/btnouvelles.gif);
	display: block;
}
#nouvelles a:hover {
	background-position: 0px -20px;
}
/* Bouton contactez */
#contactez {
	width: 200px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#contactez a {
	background-image: url(../../images/btfr/btcontactez.gif);
	display: block;
}
#contactez a:hover {
	background-position: 0px -20px;
}
/* Bouton vue d'ensemble */
#vue {
	width: 200px;
	height: 32px;
	padding-top: 10px;
	padding-bottom: 2px;	
}
#vue a {
	background-image: url(../../images/btfr/btvuedensemble.gif);
	display: block;
}
#vue a:hover {
	background-position: 0px -32px;
}
/* Bouton typde de camion */
#typecamion {
	width: 200px;
	height: 32px;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#typecamion a {
	background-image: url(../../images/btfr/bttypecamion.gif);
	display: block;
}
#typecamion a:hover {
	background-position: 0px -32px;
}
/* Bouton trouvez un agent */
#trouvezagent {
	width: 200px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#trouvezagent a {
	background-image: url(../../images/btfr/bttrouvez.gif);
	display: block;
}
#trouvezagent a:hover {
	background-position: 0px -20px;
}

/* Menu anglais ici */

/* Bouton home */
#home {
	width: 200px;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 2px;	
}
#home a {
	background-image: url(../../images/bten/bthome.gif);
	display: block;
}
#home a:hover {
	background-position: 0px -20px;
}
/* Bouton about */
#about {
	width: 200px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#about a {
	background-image: url(../../images/bten/btabout.gif);
	display: block;
}
#about a:hover {
	background-position: 0px -20px;
}
/* Bouton become an agent */
#become {
	width: 200px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#become a {
	background-image: url(../../images/bten/btbecomaagent.gif);
	display: block;
}
#become a:hover {
	background-position: 0px -20px;
}
/* Bouton btnews */
#btnews {
	width: 200px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#btnews a {
	background-image: url(../../images/bten/btnews.gif);
	display: block;
}
#btnews a:hover {
	background-position: 0px -20px;
}
/* Bouton contactus */
#contactus {
	width: 200px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#contactus a {
	background-image: url(../../images/bten/btcontactus.gif);
	display: block;
}
#contactus a:hover {
	background-position: 0px -20px;
}
/* Bouton overview */
#overview {
	width: 200px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 2px;
}
#overview a {
	background-image: url(../../images/bten/btoverview.gif);
	display: block;
}
#overview a:hover {
	background-position: 0px -20px;
}
/* Bouton trucktype */
#trucktype {
	width: 200px;
	height: 32px;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#trucktype a {
	background-image: url(../../images/bten/bttrucktype.gif);
	display: block;
}
#trucktype a:hover {
	background-position: 0px -32px;
}
/* Bouton locate an agent */
#locateagent {
	width: 200px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#locateagent a {
	background-image: url(../../images/bten/btlocate.gif);
	display: block;
}
#locateagent a:hover {
	background-position: 0px -20px;
}
#blocgauche h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #FF6600;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
	font-weight: 600;
}
h2   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	color: #FFFFFF;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#contenu #blocgauche h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #FF6600;
	margin-right: 10px;
	margin-left: 10px;
	font-style: normal;
	font-variant: normal;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 20px;
	color: #FFFFFF;
	padding: 10px;
}
h5   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 14pt;
	color: #FFFFFF;
	margin-top: 0pt;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-left: 10px;
}

/* styles de textes */

/* bloc gauche */
#blocgauche p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	margin: 10px;
	font-weight: normal;
}
#blocgauche li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	list-style-type: disc;
	list-style-position: outside;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	font-weight: normal;
}

/* bloc droite */
#blocdroite h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-weight: normal;
}
#blocdroite p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	margin: 10px;
	font-weight: normal;
}
#blocdroite h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
}
#temoignage  {
	background-color: #333333;
	background-image: url(../../images/textures/degradebloc.gif);
	background-repeat: repeat-x;
	width: 200px;
	vertical-align: top;
}
#temoignage h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	font-size: 12pt;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 3px;
	margin-top: 6px;
}
#temoignage h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: normal;
}

/* bloc temoignage */
#temoignage h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF6600;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-weight: normal;
}
#temoignage p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	margin: 10px;
	font-weight: normal;
}

/* bloc camion */
#bloccamions h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	margin: 10px;
	font-weight: normal;
}
#bloccamions p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	margin: 4px;
	font-weight: normal;
}
.soustitre  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	margin-bottom: 4px;
	color: #FF6600;
}


/* style class */
.mc {
	font-size: 50%;
	font-variant: normal;
	text-transform: capitalize;
	vertical-align: top;
}
.ligne {
	margin-top: 5px;
	margin-bottom: 5px;
}
.fleches {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF6600;
	text-decoration: underline;
}
.imgfloatgauche {
	float: left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
.imgfloatgauchefilet {
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #999999;
	border-bottom-color: #000000;
	border-left-color: #000000;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 3px;
}
.imgtemoignage {
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #666666;
	margin-top: 1px;
	margin-bottom: 1px;
}
.nom {
	font-weight: bold;
}

#bloccomplet table {
	margin: 10px;
	border: thin solid #666666;
}
#bloccomplet h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: normal;
	color: #FF6600;
	text-align: center;
	padding: 4px;
	margin-right: 2px;
	margin-left: 2px;
}
#bloccomplet h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FFFFFF;
	margin-right: 15px;
	margin-left: 15px;
}
#bloccomplet h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: 600;
	text-align: center;
	padding: 2px;
	color: #CCCCCC;
}