/*
 * Style général
 */


* { margin: 0; padding: 0; }

body
{
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
  color: #000;
  background-color: #fff;
  background-image: url(../images/bg.gif);
  background-repeat: repeat;
  margin: 0;
  padding: 0;
  height: 100%;
}

.float_right { float: right; }
.float_left { float: left; }
.gras { font-weight: bold; }
.rougePale { color: #e1b3b3; }
.pixel11 { font-size: 11px; }
.pixel12 { font-size: 12px; }
.inline { display: inline }
.block { display: block; }  
.clear { clear: both; }
.rouge { color: #900; }
.gris { color: #898989; }
.center { text-align: center; margin: 0 auto;}
.noReference { background-color: #990000; color: #fff; font-weight: bold; font-style: normal; }

table 
{
  font-family: Arial, Sans-Serif;
  font-size: 11px;
  border-collapse: collapse;
  border: 1px solid #d7d7d7;
}

td { border: 1px solid #d7d7d7; }

table.justeAligner
{
  margin: 0;
  margin-left: -2px;
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
  border-collapse: none;
  border: 0;
}
table.justeAligner tr td { border: 0; margin: 0;}
table.justeAligner tr { margin: 0; }
tr.titre td { border: 0; }

tr.titre
{
  border: 0;
  color: #fff;
  font-weight: bold;
  background-color: #0f2c67;
}

td.label
{
  background-color: #e7eaf0;
}      

td { padding: 3px; }

table.carte { border: 0 }
table.carte  tr td { padding: 0; border: 0; }


table.formulaire, table.formulaire tr, table.formulaire tr td
{
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  border: 0;
}
td.left { text-align: left; }

td.labelForm { vertical-align: top; }
select.large { width: 97%; }
.labelMini
{
  font-size: 9px;
  display: block;
}
table.tSansBordure, table.tSansBordure tr, table.tSansBordure tr td{ border: 0px; border-collapse: none}
input 
{ 
  height: 15px; 
  width: 90%;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}

select
{ 
  height: 17px; 
  width: 91%; 
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}
select.selectDateJour { width: 55px; }
select.selectDateMois { width: 155px; }
select.selectDateAnnee { width: 55px; }

form table.intranet input { width: 96%; }
form table.intranet input.bouton { width: 75px; height: 20px; }
input.bouton { width: 75px; height: 20px; }

td.labelFormCat
{
  font-weight: bold;
  text-decoration: underline;
}

input.radio { width: auto; }
input.checkbox { width: 20px;; }

img.bordure 
{
  padding: 1px;
  margin: 1px;
  border: 1px solid #900;
}
  
p { margin-top: 10px; }

h1
{
  color: #900;
  font-size: 12px;
}  

h1.titreActualite
{
  display: inline;
}

span.dateActualite { font-size: 10px; }  

ul
{
  margin: 5px 0px 10px 20px;
}

li
{
  list-style: url(../images/bullet.gif); 
  margin-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
}    

a img { border: 0; }

a
{
  color: #0f2c67;
  text-decoration: underline;
}

a:hover { text-decoration: none; }


/*
 * Page daccueil
 */
     
body#accueil
{
  font-family: Arial, Sans-Serif;
  font-size: 11px;
  background-image: url(../images/backgroundAccueil.gif);
  background-repeat: repeat-x;
  background-color: #990000;
}

div#enteteImpression { display: none; }
  
div#conteneur_accueil
{
  width: 732px;
  margin: 0 auto;
  margin-bottom: 75px;
}

div#enteteAccueil
{
  width: 361px;
  height: 73px;
  background-image: url(../images/enteteLogo.gif);
  background-repeat: no-repeat;
}

div#enteteAccueilAng
{
  width: 361px;
  height: 73px;
  background-image: url(../images/enteteLogo_ang.gif);
  background-repeat: no-repeat;
}

div#enteteAccueilEsp
{
  width: 361px;
  height: 73px;
  background-image: url(../images/enteteLogo_esp.gif);
  background-repeat: no-repeat;
}

div#imagesAccueil
{
  margin-top: 3px;
  width: 732px;
  height: 350px;
}

div#accueilCamionGauche
{
  float: left;
  width: 502px;
  height: 350px;
  background-image: url(../images/accueilCamionGauche.jpg);  
}

div#accueilCamionGaucheAng
{
  float: left;
  width: 502px;
  height: 350px;
  background-image: url(../images/accueilCamionGauche_ang.jpg);  
}

div#accueilCamionGaucheEsp
{
  float: left;
  width: 502px;
  height: 350px;
  background-image: url(../images/accueilCamionGauche_esp.jpg);  
}
div#imagesAccueilDroite
{
  width: 230px;
  height: 350px;
  float: right;
}

div#accueilCamionDroite
{
  width: 230px;
  height: 167px;
  background-image: url(../images/accueilCamionDroite.jpg);
  float: left;
}

div.accueilBoutonEntree
{
  width: 230px;
  height: 61px;
  float: left;
}

div#basDePageAccueil
{
  font-family: Arial, Sans-Serif;
  text-align: center;
  width: 732px;
  margin: 25px auto;
  color: #fff;
}

#basDePageAccueil a
{
  color: #fff;
  text-decoration: none;
  margin: 0px 2px;
}

#basDePageAccueil a:hover
{
  text-decoration: underline;
}    

#basDePageAccueil ul
{ 
  margin: 25px auto; 
  padding: 0; 
  width: 300px;
}

#basDePageAccueil ul li 
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
}

#basDePageAccueil ul li a { margin: 0; }

/*
 * Pages intérieures
 */
 
#conteneur
{
  width: 761px;
  margin: 0;
  padding: 0;
  background-image: url(../images/conteneurBackground.gif);
  background-repeat: repeat-y;
  clear: left;
}
div#backgroundDIV
{
  width: 761px;
  background-image: url(../images/conteneurBackground.gif);
  background-repeat: repeat-y;
}

div#conteneurEntete
{
  width: 100%;
  background: url(../images/enteteBackground.gif);
  background-repeat: repeat; 
}

div#conteneurPrincipal
{
  width: 100%;
  background-image: url(../images/backgroundConteneurPrincipal.gif);
  background-repeat: repeat-x;
}  
    
div#entete
{
  font-family: Arial, Sans-Serif;
  width: 761px;
  height: 73px;
  background-color: #990000;
  border-bottom: 2px solid #fff;
  font-size: 11px;
  color: #fff;
}


div#entete div#logo
{
 float: left;
 width: 350px;
}

div#entete div#liens
{
  width: 320px;
  margin-left: 65px;
  margin-top: 15px;
  float: left;
  text-align: right;
}
  
div#entete div#drapeaux
{
  width: 320px;
  margin-top: 20px;
  margin-left: 65px;
  float: left;
  text-align: right;
  color: #fff;
}

div#entete div#drapeaux a { color: #fff; }

#entete #liens a
{
  color: #fff;
  text-decoration: none;
  margin: 0px 2px;
}

#entete #liens a:hover
{
  text-decoration: underline;
}

    
div#sectionsTop
{
  width: 761px;
  height: 20px;
  background-image: url(../images/sectionsTop.gif);
  background-repeat: no-repeat;
}

div#sectionGauche
{
  display: inline;
  width: 181px;
  float: left;
  background-color: #900;
  color: #fff;
}  

div#sectionGauche div#formulaireContact
{
  width: 95%;
  margin-left: 7px;
  margin-top: 15px;
}

div#sectionGauche div#formulaireContact a { color: #fff; }

div#sectionGauche div#formulaireContact a:hover { text-decoration: underline; }
  
img#sectionGaucheCamion
{
  margin: 0;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

img#sectionGaucheSlogan {margin: 0; border-bottom: 2px solid #fff; }

.sectionGaucheBordures
{
  margin: 0;
  padding: 0;
  width: 181px;
  height: 24px;
  background-image: url(../images/sectionGaucheBordures.gif);
  background-repeat: no-repeat;
}  


div#sectionPrincipale
{
  display: inline;
  width: 580px;
  min-height: 260px;
  float: left;
  background-color: #fff;
}

div#basDePage
{
  background-image: url(../images/basDePagePointille.gif);
  background-repeat: no-repeat;
  padding-top: 10px;
  font-family: Arial, Sans-Serif;
  text-align: center;
  width: auto;
  margin: 30px;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #fff;
}

div#basDePage ul
{ 
  margin: 15px auto;
  margin-bottom: 0px;
  padding: 0; 
  width: 320px;
}

div#basDePage ul li 
{
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

div#basDePage ul li a { margin: 0; }
div#basDePage a 
{ 
  font-size: 11px;
  text-decoration: none;
  margin: 0px 2px; 
}
div#basDePage a:hover { text-decoration: underline; }

img#titreSousSection { }

div#contenu
{
  margin: 10px 30px 0px 30px;
}

span.haut
{
  display: block;
  margin-left: 465px;
  margin-right: 10px;
  margin-top: 10px;
}  

#signatureGauche
{
  display: none;
  float: left;
  margin-right: 150px;
} 

#signatureDroite
{
  display: none;
  float: left;
}