html{
margin: 0;
padding: 0;
/*background-color:#e1e1e1;*/
}
body {
width:100%;
height: 100%;
background-color:#e1e1e1;
margin:0px;
/*color:#5a5a5a;*/
color:#373843;
font-family:arial;
font-size:12px;
background:url(images/bande.jpg) repeat-x;
}
#menuNavigation{ position:absolute; top:5px; left:5px;color:#CCCCCC; }
#container{
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:979px;
}
#haut { width:979px; height:25px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreHaut.png');}
#centre { width:979px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreBande.png', sizingMethod='scale'); }
#page { width:950px; margin-left:14.5px; background-color:#FFFFFF;}
#bas { width:979px; height:25px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreBas.png'); }
html>body #haut { filter: none; background:url(images/cadreHaut.png) no-repeat; }
html>body #centre { filter: none; background:url(images/cadreBande.png) repeat-y; }
html>body #bas { filter: none; background:url(images/cadreBas.png) no-repeat; }
/**********************************************************************************************************************/
/************************************************** PARTIE FOOTER **********************************************/
/**********************************************************************************************************************/
#footer{
height:15px;
width:100%;
text-align:center;
text-transform: uppercase;
font-size:9px;
color:#7b7a7a;
}
#footer a{
color:#858585;
}
#footer a:hover{
color:#5a5a5a;
}
#menu { height:106px; width: 780px; text-align:left; border:1px solid #FFFFFF; float:left;}
#langue { height:106px; width: 140px; text-align:right; border:1px solid #FFFFFF; float:left;}
#flash { width: 940px; background:url(images/logoRT.jpg) 0 0 no-repeat; background-position: 890px 390px; border:1px solid #FFFFFF;}
#flashModule{ width: 940px; background:url(images/logoRT.jpg) 0 0 no-repeat; background-position: 890px 420px; border:1px solid #FFFFFF; text-align:center; margin-top:25px; margin-bottom:25px;}
#contenuBas { margin-left:20px; margin-top:20px; height:320px; font-family:Arial; color:#5a5a5a;}
a{text-decoration:none; position:relative; }
img{border:0;}
ul{list-style-type:none;}
.grisFonce{color:#323232;}
.clear{clear:both;}
#textCentral{ width:648px; margin-left:178px; margin-top:0px; margin-bottom:15px; text-align:justify;}
.titreTextCentral{ font-size:13px; }
/**********************************************************************************************************************/
/************************************************** PARTIE MENU **********************************************/
/**********************************************************************************************************************/
#menu li{float:left;}
#menu ul{margin-top:85px; margin-left:0px; padding-left:10px; float:left; }
#menu span{display:none;}
.logoDeliver{float:left;}
/*menu fr*/
a.accueil { display:block; width:65px; height:28px; background:url(images/menu/accueil.jpg) no-repeat;}
a.mobilite { display:block; width:121px; height:28px; background:url(images/menu/mobiliteUrbaine.jpg) no-repeat;}
a.decouverte { display:block; width:173px; height:28px; background:url(images/menu/decouverteCamion.jpg) no-repeat;}
a.securite { display:block; width:66px; height:28px; background:url(images/menu/securite.jpg) no-repeat;}
a.accueil:hover { display:block; width:65px; height:28px; background:url(images/menu/accueilRouge.jpg)no-repeat;}
a.mobilite:hover { display:block; width:121px; height:28px; background:url(images/menu/mobiliteUrbaineRouge.jpg) no-repeat;}
a.decouverte:hover { display:block; width:173px; height:28px; background:url(images/menu/decouverteCamionRouge.jpg) no-repeat;}
a.securite:hover { display:block; width:66px; height:28px; background:url(images/menu/securiteRouge.jpg) no-repeat;}
a.accueilRouge { display:block; width:65px; height:28px; background:url(images/menu/accueilRouge.jpg) no-repeat;}
a.mobiliteRouge { display:block; width:121px; height:28px; background:url(images/menu/mobiliteUrbaineRouge.jpg) no-repeat;}
a.decouverteRouge { display:block; width:173px; height:28px; background:url(images/menu/decouverteCamionRouge.jpg) no-repeat;}
a.securiteRouge { display:block; width:66px; height:28px; background:url(images/menu/securiteRouge.jpg) no-repeat;}
/*menu en*/
a.home { display:block; width:52px; height:28px; background:url(images/menu/home.jpg) no-repeat;}
a.mobility { display:block; width:162px; height:28px; background:url(images/menu/urbanGoodMobility.jpg) no-repeat;}
a.discovery { display:block; width:128px; height:28px; background:url(images/menu/whatIsATruck.jpg) no-repeat;}
a.roadSafety { display:block; width:100px; height:28px; background:url(images/menu/roadSafety.jpg) no-repeat;}
a.home:hover { display:block; width:52px; height:28px; background:url(images/menu/homeRed.jpg)no-repeat;}
a.mobility:hover { display:block; width:162px; height:28px; background:url(images/menu/urbanGoodMobilityRed.jpg) no-repeat;}
a.discovery:hover { display:block; width:128px; height:28px; background:url(images/menu/whatIsATruckRed.jpg) no-repeat;}
a.roadSafety:hover { display:block; width:100px; height:28px; background:url(images/menu/roadSafetyRed.jpg) no-repeat;}
a.homeRed { display:block; width:52px; height:28px; background:url(images/menu/homeRed.jpg) no-repeat;}
a.mobilityRed { display:block; width:162px; height:28px; background:url(images/menu/urbanGoodMobilityRed.jpg) no-repeat;}
a.discoveryRed { display:block; width:128px; height:28px; background:url(images/menu/whatIsATruckRed.jpg) no-repeat;}
a.roadSafetyRed { display:block; width:100px; height:28px; background:url(images/menu/roadSafetyRed.jpg) no-repeat;}
.separation { display:block; width:14px; height:28px; background:url(images/menu/separationMenu.jpg) no-repeat;}
/**********************************************************************************************************************/
/************************************************** PARTIE BAS **********************************************/
/**********************************************************************************************************************/
/* CONSTRUCTION */
.bloc
{
float:left;
display:block;
width:285px;
height:310px;
text-align:justify;
position:relative;
}
.bloc2
{
position:relative;
padding-left: 8px;
padding-right: 10px;
line-height: 14px;
}
.separateurGauche{ float:left; background:url(images/separateurGauche.jpg) 0 0 no-repeat; width:28px; height:306px;}
.separateurDroit{ float:left; background:url(images/separateurDroit.jpg) 0 0 no-repeat; width:28px; height:306px;}
/* FORMES */
.titre{ margin-bottom:15px;}
.chapo{ font-size:12px; }
.sousTitreRouge{color:#e2001a; font-size:12px; font-variant:small-caps; margin-top:12px; margin-bottom:10px;}
.rouge{color:#e2001a;}
.flBas{margin-top:7px;}
.flBas2{margin-top:5px; margin-left:2px;}
.flBasG_FR{margin-top:7px; float: left; margin-left: 90px;}
.flBasD_FR{margin-top:7px; float: right; margin-right: 100px;}
.flBasG_EN{margin-top:7px; float: left; margin-left: 110px;}
.flBasD_EN{margin-top:7px; float: right; margin-right: 100px;}
.motscles{color:#858585;}
.motscles a{color:#858585;}
a.droite{color:#e2001a;padding-left:145px;}
a.droite2{color:#e2001a;padding-left:125px;}
a.lien{color:#e2001a;}
a.lien2{color:#fe5714; text-decoration: none;}
a.lien2:hover{color:#fe5714; text-decoration: underline;}
a.lien3{color:#89b809; text-decoration: none;}
a.lien3:hover{color:#89b809; text-decoration: underline;}89b809
a.lien:hover{text-decoration:underline;}
.floatRight
{
float: right;
}
a.partage{border:0px; /*float:left;*/}
/**********************************************************************************************************************/
/************************************************** PARTIE ECARD **********************************************/
/**********************************************************************************************************************/
#ecard { width: 940px; background:url(images/logoRT.jpg) 0 0 no-repeat; background-position: 890px 390px; border:1px solid #FFFFFF;}
#ecardSend { width: 940px; height:466px; border:1px solid #FFFFFF; text-align:center; padding-top: 50px;}
#ecardMobilite{ width: 940px; background:url(images/imagesEcard/mobilite.jpg) 0 0 no-repeat; background-position: center; height:466px;}
#ecardMobiliteEN{ width: 940px; background:url(images/imagesEcard/mobility.jpg) 0 0 no-repeat; background-position: center; height:466px;}
#ecardWhatIsATruck{ width: 940px; background:url(images/imagesEcard/ecardDecouverteCamion.jpg) 0 0 no-repeat; background-position: center; height:466px;}
#ecardWhatIsATruckEN{ width: 940px; background:url(images/imagesEcard/ecardWhatIsATruck.jpg) 0 0 no-repeat; background-position: center; height:466px;}
#ecardSecurite{ width: 940px; background:url(images/imagesEcard/ecardSecurite.jpg) 0 0 no-repeat; background-position: center; height:466px;}
#ecardSecuriteEN{width: 940px; background:url(images/imagesEcard/ecardRoadSafety.jpg) 0 0 no-repeat; background-position: center; height:466px;}
#ecardHome{ width: 940px; background:url(images/imagesEcard/ecardAccueil.jpg) 0 0 no-repeat; background-position: center; height:466px;}
#ecardHomeEN{ width: 940px; background:url(images/imagesEcard/ecardHome.jpg) 0 0 no-repeat; background-position: center; height:466px;}
.ecardText1{padding-left:478px; padding-top:280px; width:210px; height:122px; display:block;}
.ecardText2{padding-left:450px; padding-top:175px !important; padding-top:195px; width:210px; height:70px; display:block; padding-bottom: 155px !important; padding-bottom: 90px;}
.ecardText3{padding-left:450px; padding-top:175px !important; padding-top:175px; width:210px; height:70px; display:block; padding-bottom: 155px !important; padding-bottom: 95px;}
.envoyerEcard{ padding-left:400px; padding-top:40px;color:#e2001a;}
.transparent1{ width:210px; height:102px; font-size:11px; background:transparent; color:#FFFFFF;}
.transparent2{ width:170px; height:132px; font-size:11px; background:transparent; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.transparent3{ width:170px; height:132px; font-size:11px; background:transparent; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.btEnvoiEcardFR{width:133px !important; height:23px !important;}
.btEnvoiEcardEN{width:110px !important; height:23px !important;}
/*#closeWindowButton{height:106px; width: 140px; text-align:right; float:right;}*/
#closeWindowButton{width: 140px; text-align:right; float:right;}
#txtEcard {
overflow: auto;
}
.boutonECard{background-image:url("images/envoyerECard.jpg");}
.boutonECard:hover{}
.buttonECard{background-image:url("images/sendECard.jpg");}
.buttonECard:hover{}
/**********************************************************************************************************************/
/************************************************** PARTIE FLASH **********************************************/
/**********************************************************************************************************************/
#flashcontent { margin-top:30px; margin-bottom:20px; margin-left:55px; width: 837px; height: 400px; display:block; /*border:1px solid #000000;*/}
#flashcontent1 { margin-top:30px; margin-bottom:0px; margin-left:150px; width: 700px; height: 385px; display:block; }
#flashcontent2 { width: 280px; height: 278px; display:block; /*border:1px solid #000000;*/}
#text {min-height: 385px; margin-top : 50px; text-align : center; color:#000000; font-family:verdana; font-size:12px; }
.text {min-height: 385px; margin-top : 50px; text-align : center; color:#000000; font-family:verdana; font-size:12px; }
/**********************************************************************************************************************/
/************************************************** PARTIE FORM **********************************************/
/**********************************************************************************************************************/
label{
width:110px;
display:block;
float:left;
margin-left:8px;
margin-top:0px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 9px;
}
input{float:left; position:relative; margin-bottom:5px; width: 145px !important; width: 140px; background-color:#dedede; border:0px; z-index: 1; }
textarea{position:relative; overflow:auto; background-color:#dedede; border:0px; width:90%; margin-left:8px; margin-bottom:5px;}
.petite{height:100px;}
.valider{background-color:#FFFFFF; margin-left:200px; margin-top:0px; padding-top:5px; color:#e2001a; font-size:12px; cursor:pointer; font-family: Arial, Helvetica, sans-serif;}
.validerFR{background-color: #FFFFFF; width:70px; padding:0px; color:#e2001a; font-size:12px; cursor:pointer; font-family: Arial, Helvetica, sans-serif; text-align:right;}
.validerEN{background-color: #FFFFFF; width:70px; padding:0px; color:#e2001a; font-size:12px; cursor:pointer; font-family: Arial, Helvetica, sans-serif; text-align:right;}
.valider3{float: right; margin-right: 22px !important; margin-right: 7px;}
.valider2{background-color:#FFFFFF; margin-top:0px; padding-top:5px; color:#e2001a; font-size:12px; cursor:pointer; font-family: Arial, Helvetica, sans-serif;}
.center{text-align:center;}
.center input{float:none;}
/**********************************************************************************************************************/
/************************************************** NUAGE DE TAGS *********************************************/
/**********************************************************************************************************************/
.taille1{font-size:11px;}
.taille2{font-size:13px;}
.taille3{font-size:16px;}
.taille4{font-size:20px;}
/**********************************************************************************************************************/
/************************************************** CREDITS *********************************************/
/**********************************************************************************************************************/
#logo_credits_mute {
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mute-agence-interactive.png');
height: 60px;
width: 180px;
margin-left: -8px;
margin-bottom: 10px;
}
html>body #logo_credits_mute { filter: none; background:url('images/mute-agence-interactive.png') no-repeat; }
#logo_credits_webzen {
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/webzen-logo.png');
height: 56px;
width: 180px;
margin-left: -8px;
margin-bottom: 10px;
}
html>body #logo_credits_webzen { filter: none; background:url('images/webzen-logo.png') no-repeat; }
#containerMini{
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:471px;
}
.creditContainer {
padding-left: 40px;
float: left;
}
#hautMini { width:471px; height:17px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreHautMini.png');}
#centreMini { width:471px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreBandeMini.png', sizingMethod='scale'); }
#pageMini { width:471px;}
#basMini { width:471px; height:21px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreBasMini.png'); }
html>body #hautMini { filter: none; background:url(images/cadreHautMini.png) no-repeat; }
html>body #centreMini { filter: none; background:url(images/cadreBandeMini.png) repeat-y; overflow: hidden; }
html>body #basMini { filter: none; background:url(images/cadreBasMini.png) no-repeat; }
/**********************************************************************************************************************/
/************************************************** CONTACT *********************************************/
/**********************************************************************************************************************/
body #contact {
width:100%;
height: 100%;
background-color:#e1e1e1;
margin:0px;
padding: 0px;
/*color:#5a5a5a;*/
color:#373843;
font-family:arial;
font-size:12px;
background:url(images/bande.jpg) repeat-x;
overflow: hidden;
}
#containerContact {
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:583px;
}
#contactContainer {
padding-left: 18px;
}
#menuContact { width: 500px; text-align:left; float:left; margin-bottom: 20px !important; margin-bottom: -10px;}
#menuContact ul { margin-top: 15px;}
#hautContact { width:583px; height:17px; margin-top: 7px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreHautContact.png');
}
#centreContact { width:583px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreBandeContact.png', sizingMethod='scale'); }
#pageContact { width:550px; padding-left: 15px;}
#basContact { width:583px; height:21px; margin-bottom: 5px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreBasContact.png');
}
html>body #hautContact { filter: none; background:url(images/cadreHautContact.png) no-repeat; }
html>body #centreContact { filter: none; background:url(images/cadreBandeContact.png) repeat-y; }
html>body #basContact { filter: none; background:url(images/cadreBasContact.png) no-repeat; }
#containerContact label {
width: auto;
}
.blocContact {
overflow: hidden;
text-align:justify;
}
.blocContenuContact {
float:left;
padding-top: 15px;
/*display:block;*/
text-align:justify;
position:relative;
}
#contact textarea{position:relative; overflow:auto; background-color:#dedede; border:0px; width:90%; margin-left:0px; margin-top:5px;}
.txtMini{font-size:10px;}
.retour{background-color:#FFFFFF; margin-right:40px; margin-top:0px; padding-top:5px; color:#e2001a; font-size:12px; cursor:pointer; font-family: Arial, Helvetica, sans-serif; float: left;}
.envoyer{background-color:#FFFFFF; /*margin-right:100px;*/ margin-top:0px; padding-top:5px; color:#e2001a; font-size:12px; cursor:pointer; font-family: Arial, Helvetica, sans-serif; float: right}
.separateurGaucheContact{ float:left; background:url(images/separateurGaucheMini.jpg) 0 0 no-repeat; width:28px; height: 120px;}
/*bloc gris*/
.GCadreGris {width:9px; height:39px; float:left; background-image:url('images/GCadreGris.jpg'); background-repeat: no-repeat; margin-left:20px;}
.MilieuCadreGris {width: 350px; height: 39px; float:left; background-image:url('images/MilieuCadreGris.jpg'); background-repeat: repeat-x; padding-top: 7px; text-align: justify; }
.DCadreGris {width:9px; height:39px; float:left; background-image:url('images/DCadreGris.jpg'); background-repeat: no-repeat;}
.etape {vertical-align:middle; margin-left: 15px;}
.etape2 {vertical-align:middle; margin-left: 60px;}
.etapeActive {color:#e2001a; font-size:12px; font-variant:small-caps;}
.etapePassive {font-size:12px; font-variant:small-caps;}
.invalidInput, .error{
color:#8a1f11;
background-color:#fbe3e4;
}
.error,.notice{
padding:0.5em;
margin:0.5em;
}
.error{
border:2px solid #8a1f11;
display:none;
}
.notice {
background-color:#FFF6BF;
color:#514721;
border:2px solid #FFD324;
display:none;
}
#envoiMail_confirm {
width: 98%;
text-align: center;
padding-top: 80px;
padding-bottom: 100px;
}
.selectPays
{
padding-left: 5px;
width: 185px;
}
.paddingLeft5px
{
padding-left: 5px;
}
.height30px
{
height: 30px;
}
.width80px
{
width: 80px;
}
.width70px
{
width: 70px;
}
.paddingRight42px
{
padding-right:42px;
}
.fontSize11px
{
font-size:11px;
}