/*--- body body...---*/



body {
	font-family: 'Trebuchet MS', Tahoma, Arial, Verdana;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 13px;
	color: #000000;
}

/* conteneurs */

.contentHeader{
	width: 100%; 
	height: 182px;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	}

#ContentFlash, .ContentFlash-gb {
	background: url(../../img/sky.jpg) top center no-repeat;
}

#imgConf{
	background: url(../../img/skyConf.jpg) top center no-repeat;
}

#imgFreq{
	background: url(../../img/skyFreq.jpg) top center no-repeat;
}

#imgCondAcc{
	background: url(../../img/skyCondAcc.jpg) top center no-repeat;
}

#imgPro{
	background: url(../../img/skyPro.jpg) top center no-repeat;
	}

#imgEt{
	background: url(../../img/skyEt.jpg) top center no-repeat;
	}



ul, li, a, img, p {
	margin:0;
	padding:0;
}

img { border: 0; }
a { border: 0; outline: none; text-decoration:none; color:#000; }
p { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style-type: none; }
form, fieldset { border: 0; margin: 0; padding: 0; }
table { border-collapse: collapse; }
.pdfm {clear:both;}
dl, dt, dd { margin: 0; padding: 0; }
sup{ vertical-align: top;}


#conteneurdroit { 
width: 237px; height: 100%; 
position: absolute; 
top: 0; 
right: 0; 
background-image: url(../img/logoAlispages.png); 
background-color: white; 
background-position: top right; 
background-repeat: no-repeat; padding: 78px 0 0 0; }


/*---le sous-menu propre à chaque sous partie---*/

#sousmenu { float: right; width: 237px; background-color: white; color: #ff5a00; padding: 29px 0 15px 0; background-image: url(../img/intermenu.jpg); background-position: 0 33px; background-repeat: no-repeat; text-align: left }
.sousmenuchapo { font-size: 9px; font-weight: bold; color: #555; padding: 33px 10px 0 30px; margin: 0; }
.sousmenuitem { margin: 0; padding: 10px 10px 0 30px; background-image: url(../img/sousmenufleche.gif); background-position: 5px 14px; background-repeat: no-repeat; }
.sousmenuitem a { font-size: 14px; color: #ff5a00; font-weight: bold; text-decoration: none; }



/*--- le menu principal ---*/

#menuprinc { 
float: right; 
width: 237px; 
background-color: white; 
color: #333; 
padding: 20px 0 15px 0; 
background-image: url(../img/intermenu.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
text-align: left;
} 
#menuprincutil { 
float: right; 
width: 237px; 
background-color: white; 
color: #333; 
padding: 50px 0 15px 0; 
background-image: url(../img/intermenu.jpg); 
background-position: 0 33px; 
background-repeat: no-repeat; 
text-align: left;
} 
.menuitem { margin: 0; 
padding: 12px 10px 0 30px; background-image: url(../img/menuflecheverte.gif); 
background-position: 6px 10px; background-repeat: no-repeat;
} 
.menuitem a { 
font-size: 14px; color: #b3c300;  font-weight: bold; text-transform: uppercase; 
text-decoration: none;
} 
.menudescript { font-size: 9px; font-weight: bold; } 

/*---sous menu utilitaire---*/

#sousmenuutil { background-image: url(../img/intermenu.jpg); background-position: top; background-repeat: no-repeat; float: right; width: 237px; background-color: white; color: #7392a4; padding: 29px 0 30px 0; text-align: left }

.contact a, .partners a, .home  a { font-size: 12px; color: #7392a4; font-weight: bold; text-decoration: none; }
.contact, .partners, .home { margin: 0; padding: 8px 10px 0 30px; background-position: 8px 8px; background-repeat: no-repeat; }
.contact { background-image: url(../img/email.png); }
.partners { background-image: url(../img/partners.png); }
.home { background-image: url(../img/home.png); }


#Contenu{
	margin: 0 auto;
	text-align: left;
	width: 960px;
	clear: both;
	overflow: visible;
	}
#Footer{
	width: 731px;
	border:solid 1px;
}

#tetiere {
	float:right;
	width:730px;
	text-align:right;
	font-size: 16px;
	line-height: 22px;
	color: #ACCA00;
	font-weight: bold;
	text-transform:uppercase;
	border-bottom:1px solid #ACCA00;
	margin:0 0 20px 0;
}

/*---les pages et titrailles---*/

.delimitpages { display: none }

#titrepageconcess {
	margin:10px 0;
	text-align:right;
	font-size: 38px;
	line-height: 38px;
	color: #004b85;
}

.titrepageconcess {
	margin:10px 0 ;
	text-align:right;
	font-size: 25px;
	line-height: 25px;
	color: #004b85;
}

#page { float: right; width: 710px; padding: 15px 0 20px 20px; overflow: visible; margin: 0;}
#pagetrafic { margin:0 auto; width: 560px; padding: 15px 20px 0 0; overflow: hidden; }


/*---des div utiles---*/
.centrerdanspage { text-align: center; }


/*---pour mettre des anims flash---*/
/*---du padding en dessous---*/

#animflashsous1 { padding-bottom: 10px; }
#animflashsous2 { padding-bottom: 10px; }
#animflashsous1 { padding-bottom: 10px; }

/*---page axe autoroutier---*/
#carteflash { float:right; width:345px; }


/*---mise en page des images---*/
img.imgright { float: right; margin-bottom: 8px; margin-left: 10px; padding-left: 15px; border-left: 1px solid ; }
img.imgleft { float: left; margin-bottom: 8px; margin-right: 10px;  padding-right: 15px; border-right: 1px solid ;}

/*---Textes divers---*/
p { margin: 0; padding: 0 0 10px 0; line-height: 1.3em; }
p.suividinfo { padding: 0 0 2px 0; }
.ital14bold { font-style: italic; font-size: 14px; font-weight: bold; }
.ital {font-style: italic;}
p.inter { clear: both; font-size: 18px; padding: 0 0 3px 0; font-weight: bold; text-align: left;}
p.intersep { clear: both; font-size: 14px; padding: 12px 0 3px 0; font-weight: bold; text-align: left;}
.espv { margin-top: 18px; } 
p.chapoconcess { display:block; padding: 0 20px 0 0; font-size:14px; margin: 0 0 8px 0;  font-weight: bold;  width:700px;}
.machinchosetruc{float: left;  padding: 0 20px 0 0; font-size:14px; margin: 0 0 8px 0;  font-weight: bold;  width:730px;}
.chapoCourt { float: left;  padding: 0 20px 0 0; font-size:14px; margin: 0 0 8px 0;  font-weight: bold;  width:730px; width:710px; }
.gras { font-weight: bold; }
.orange { color: #ff5a00; }
.ital { font-style: italic; }
.bleu { color: #7392a4; }
.bleuleg { color: #009cff; }
.vert { color: #8dc640; }
.vertPomme {color:#96BF0D;}
.infoenvaleur { font-size: 13px; font-style: italic; color: #000; clear: left; }
.ItemContact {font-weight: bold; display: block; width: 600px; height: 31px; color: #ff5a00; padding:7px 2px 2px 15px; margin:5px; text-decoration:none; background: url(/img/LiensRemarques.jpg) 2px 2px no-repeat;}
.date {color: #ff5a00; padding-left:185px; }
.lienblanc { color: #000; }
.liensExternes{text-decoration:none; color:#8dc640; font-weight:bold;}
.liensExternes:hover{text-decoration:underline; color:#8dc640;}

.listePointsVerts{
	list-style: outside disc;
	padding-left:30px;
}

.lienPdf{color:#ff5a00; text-decoration:none;}
.lienClassesVehicules{ border: solid 1px #004b85; padding: 10px; margin: 20px auto 0 auto; width: 282px; text-align: center;}
.nb{font-style: italic; padding: 10px; background-color: #004B85; color: #fff;}/* nota bene*/
.adresse{text-align: center; margin: 30px auto 0 auto; padding:20px; width: 300px; border:solid 1px #8dc640; font-size:14px;}
.texteJaune{color:#ffe500; font-weight:bold; text-decoration:none;}
a.texteJaune:hover{text-decoration:underline;}
a.vert:hover{text-decoration:underline;}
.orangeLibert {color:#f29400;}
a.orangeLibert:hover {text-decoration:underline;}
.verticalAlign{vertical-align: middle;}

/*
#titresans { float: left; width: 520px; padding: 17px 20px 13px 0; color: white; font-size: 16px; font-weight: bold; }
*/

/*---système d'encadrés---*/

.fermerencadrebrun583 { float: left; height: 13px; width: 583px; background-color: #ff6600; text-align: right; padding: 0; margin-top: 10px; }
.encadrebeige583 { clear: left; width: 553px; padding: 8px 15px 18px 15px; background-color: #ffffe0; background-image: url(../img/bordencadrebrun.gif); background-position: bottom; background-repeat: repeat-x; color: #333; text-align: justify; }
.encadrebleuright { float: right; width: 220px; padding: 12px; margin-left: 15px; background-color: #7392a4; color: white; text-align: justify; }
.encadrefilet{ clear: both; padding: 15px; border: 1px solid gray; text-align: left; }


/*---la page trombinoscope---*/
.demipage { float: left; text-align: center; width:170px;}
.unetete { width: 136px; height: 200px; padding: 5px; border: 1px solid ; margin: 0; }
.unelegende { text-align: center; width: 170px; height: 35px; margin: 0 auto 8px auto; padding-top: 5px; }


/*---les tarifs---*/

.classeschoix { border-collapse: collapse; margin: 0 0 10px 0; }
.classeschoix td { text-align: left; vertical-align: top; }
.classeschoix td.txt { padding-bottom: 6px; color: #000; font-size: 11px; }

#tariftable { margin: 0 0 10px 0; text-align: left; color: #555; font-size:12px;}
#tariftable tr { height: 25px; }
#tariftable td { padding: 2px 2px 2px 4px; width: 60px; }
#tariftable td.ville { color: #000; font-weight: bold; }
#tariftable td.villePro { color: #000; font-weight: bold; text-align: center; }
#tariftable td.result { font-weight: bold; background-color:#fff; color:#055da5; }
#tariftable td.resultalt { font-weight: bold; background-color: #055da5; color:#fff;}


/*les services*/

#titrepageservices { float: left; width: 520px; padding: 17px 20px 13px 0; color: white; font-size: 16px; font-weight: bold; border-bottom: 1px solid white; }
.chaposervices { width: 570px; font-size: 14px; color: #ffffe0; font-style: italic; }
#infotraffic { height: 200px; width: 712px; margin-bottom: 20px; background: url(../imgFr/InfosTraffic.jpg) top left no-repeat; }
#carteservices { float: left; }
#secutel { color: #000; float:left; width: 295px; height: 180px;margin: 0 25px 20px 0; padding:15px; background:url(/img/telchaumont.jpg) top left no-repeat; }
#gendarmerie { color:  #000; float:left; width: 295px;  height: 180px; margin: 0 0 10px 30px; padding:15px;  background:url(/img/gendarmerie.jpg) top left no-repeat; }
#pointcarb { width: 712px; padding: 8px 0 0 78px; height: 55px; background: url(../services_img/pictoessence.png) top left no-repeat; }
ul.orangecheck { padding: 0; margin: 0 0 0 25px; list-style: url(/img/listcheckorange.gif) outside; clear:both; }
ul.orangecheck li { margin: 0; padding: 2px 0; }
#radars { padding-top: 15px; }
#radars p{padding:7px 0;}
.StyleTitre1{font-size: 18px; font-weight: bold; text-align: left; color: #ff5a00; line-height:40px;}



/*visiter la normandie*/
/* SLIMBOX */

#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #00131F; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #ff5a00; }
.lbLoading { background: #ff5a00 url(../visiter_img/loader.gif) no-repeat center; }
#lbImage { border: 10px solid #ff5a00; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover {	background: transparent url(nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #ff5a00; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../img/closelabel.gif) no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

 
 
/*contenus*/

.sousmenuitemville { margin: 0; padding: 4px 10px 0 30px; background-image: url(../img/sousmenufleche.gif); background-position: 5px 9px; background-repeat: no-repeat; }
.sousmenuitemville a { font-size: 12px; color: #ff5a00; font-weight: bold; text-decoration: none; }



#visiteracc { float: right; width: 720px; height: auto;}
.intervisacc { font-size: 15px; color: #ff5a00; padding: 0px 0 15px 0; font-weight: bold;  }
#visiteracctxt { width: 400px; padding: 0 10px 0 0; float:left; }
#titrepagevisiteracc { float: left; width: 520px; padding: 17px 20px 13px 0; font-size: 16px; font-weight: bold; }
.chaposvisiter { float: left; width: 570px; font-size: 14px; color: #ffffe0; font-style: italic; }
#cartemodedemploi p { margin: 0 0 4px 0; padding: 0; } 
#cartemodedemploi { float: left; width: 105px; padding: 10px; margin-right: 15px; border: 1px solid #ededed; height: 730px; }
#cartemodedemploi .titre { color: #8dc640; font-size: 14px; } 
.acctxt{padding-bottom:20px;}


#villecontenu { width: 630px; overflow: hidden; }
#villevign { float: right; padding: 10px 10px 0 10px; border: 1px solid #ededed; width: 180px; text-align: center; background-color: #444; }
#villevign img { margin-bottom: 10px; }
#villeimg img { margin-bottom: 10px; }
.ville1panneau { float: left; }
.ville1panneau img { margin-right: 10px; }
.ville2panneau { float: left; width: 390px }
.ville2panneau img { margin-right: 10px; }
.vilimgright { float: right; }
.visittxtleft { width: 260px; float: left; }
.visitvigntxtleft { width: 350px; float: left; }
.visittxtwide { width: 630px; float: left; }
.visittxtwide img { margin-bottom: 10px; }
.titreville { font-size: 15px; padding: 10px 0; font-weight: bold; text-align: left; }
.titrevillealone { float: left; width: 600px; font-size: 15px; padding: 10px 0; font-weight: bold; text-align: left; }
.vignhordstxt { margin: 5px 0; }
.visiter { float: left; padding: 5px 0; width: 600px; font-size: 13px; }
.villecoord { margin: 10px 0; clear: both; font-size: 13px; font-style: italic; color: #444; padding: 5px 10px; background: url(../visiter_img/fondvillcoord.jpg) top left; }
.villecoord a { color: #444; }


/*liens*/
.LiensPartenaire {width:150px; height:150px; float:left; border:1px solid #000; margin:3px; text-align:center; padding:5px; font-size:11px;}
h3.lienacc {font-size: 22px; color:#ACCA00; padding: 8px 0 0 20px; margin: 0; clear:both;}
.liensaccdiv { }
.lientab { border-collapse: collapse; width: 550px; margin: 10px 0; }
.lientab td { padding: 5px; text-align: center; vertical-align: top; }
.lientab img { display: block; margin-bottom: 4px; }
.lientab a { color: #ffffe0; text-decoration: none; }
.linktxt { margin: 0; padding: 5px 0 0 0; }
.linktxt a { color: #8dc640; }


/*le formulaire de contact*/
#renstab input[type="text"], #renstab textarea{ width:400px; background:#EEEEEE; border: 0; margin-top: 4px;}
input[type="image"]{width: 134px !important; height: 35px;}
form#rensform { margin: auto; padding: 0; }
#renstab td { padding: 2px; }
#rensform input.text { border:0; background:#EEEEEE;}
#rensform textarea { border: 0; background:#EEEEEE;}
#rensform td.formlabel { color: #000; }
#rensform td.messagelabel { color: #000; vertical-align: top; padding-top: 4px; }
.formwarning { background-color: #FF150F; color: #fff; font-weight: bold; width:400px; border: 0; margin-top: 4px; }
.inputerr { background: #FF150F;border: 0 ;}


/*page actus*/

div.uneactu { width: 680px; margin-bottom: 18px; background:url(/img/OmbreSeparation.jpg) top center no-repeat; padding:10px 0; clear:both;}
div.uneactu div { float: right; width: 450px; border-left: 1px solid black; padding-left: 15px; }
div.uneactu p { padding: 0; margin: 0 0 10px 0; }
div.uneactu p .actudate { font-size: 12px; color: #009cff; font-weight: normal; }
div.uneactu p.actutitre { font-size: 13px; font-weight: bold; color: #ff5a00; }
div.uneactu p.chapo { color: #000; font-style: italic; }
div.uneactu img { border: 1px solid black; }

#ArchiveNews {width:300px; float:left; border-right : 1px solid #999; line-height:13px;}
.LiMenuNews {margin-bottom:0; padding:5px 12px; background:url(/img/Fleche.png) 0 8px no-repeat; border-bottom:1px dotted #999;}
.LiMenuNews a {text-decoration:none; color: #999; font-size:11px; }
.LiMenuNews a:hover {text-decoration:none; color: #000; font-size:11px; }
#ContentNews {width:400px; float:right;}
#ContentNews p{ padding: 0 0 10px 0;}
.Limage {float:left; margin-right:15px;}
.Limage img { background:url(/img/OmbreImgUneBreve.gif) top left no-repeat; padding:5px;}

/*transporteurs*/

#acctransport { width: 260px; padding: 20px 40px 25px 300px; height: 356px; background: url(../transport_img/acctransportfond.jpg) top left no-repeat; color: #333; }
#transportdoc { width: 520px; padding: 148px 40px 0 40px; height: 315px; background: url(../transport_img/transportexcel2.png) top left no-repeat; color: #333; color: black; }
#transportdoc p { line-height: 17px; padding-bottom: 17px; }
#transportdoc p a { color: #900; }

#transservices { width: 260px; padding: 20px 40px 25px 300px; height: 400px; background: url(../transport_img/transportServices.jpg) top left no-repeat; color: #333; }
.trseracc { font-weight: bold; margin: 0 0 8px 0; padding: 0; color: #ff5a00; }
.trsetoile { margin: 0 0 8px 0; font-style: italic; padding: 0; }
#transservices p.txtsuivietoile { margin: 0; padding: 0; }

#infotrafic { width: 540px; float: left; }



/*alis*/
#actionclac, #concess_result, #actionnariat { float: left; margin:30px 0;}
#actionnariat { list-style-type: none; margin: 0; padding: 0; }
#actionnariat a { color: #fff; text-decoration: none; }
#actionnariat a:hover { color: #ffffe0; text-decoration: underline; }
#actionnariat li { cursor: pointer; display: block; padding-left: 18px; background-position: left 2px; background-repeat: no-repeat; margin: 0 0 3px 0; }
#bouy { background-image: url(../alis_img/bouypuce.gif); }
#quil { background-image: url(../alis_img/quillepuce.gif); }
#dtpt { background-image: url(../alis_img/dtppuce.gif); }
#fide { background-image: url(../alis_img/fidepuce.gif); }
#egis { background-image: url(../alis_img/egispuce.gif); }
#sapn { background-image: url(../alis_img/sapnpuce.gif); }
#hbos { background-image: url(../alis_img/hbospuce.gif); }
#sanef { background-image: url(../alis_img/sanefpuce.gif); }
#textcontent{ float: left; width: 700px; }
.actlogo { float: left; margin: 2px 8px; }
.acttxt { margin-bottom: 8px; height: auto; }
.acttxt p { margin: 0 0 12px 0; float: left; }

/* Page visite de la normandie --> Menu accordéon*/
#MenuAcc {width:300px; height:auto; background: url(../img/VisiterTrameMenuAccordeon.png) top center repeat-y; float:right;}
.Declancheur {text-align:center; margin:0; padding:0; cursor:pointer;}
.Galactica {position:absolute; left:-15000px;}
.ListPanneau {width:300px;}
.ListePanneauLeft {width:120px; float:left; padding:15px;}
.ListePanneauRight {width:120px; float:left; padding:15px;}
.PanneauVisite {border:1px solid #fff; color:#fff; background:#794617; font-size:11px; width:100px; display:block; padding:3px; margin:5px; text-decoration:none; font-weight:bold;text-align:center;} 


/*Page Type Tourisme*/
#pageVisit {float: left; width: 730px;}
#Colonne1 {width: 400px; float: left; padding: 17px 0 0 60px;}
#Colonne2 {width: 230px;  float: left; padding-top: 17px; padding-left: 40px;}
#LaPhotoDuBas {width: 630px; height: 200px; clear: both; }

.titrepagevisiteracc {
	margin:10px 0 ;
	text-align:right;
	font-size: 34px;
	line-height: 34px;
	color: #004b85;
}

.RetourAccueilVisiter2{
	display: block;
	height: 26px;
	padding: 20px 0 0 10px;
	text-decoration: none;
}

.PanneauTouristique {padding: 0 0 0 10px;}
.AlignRight {float: right;}
.AlignLeft {float: left;}
.padding10 {padding: 10px;}
#LeSaviezVous {background:#FFB415; width:380px; padding:10px; color:#000;}
.TitreLeSaviezVous {font-size:14px ; color:#CC3E00; font-weight:bold;}
#CoupCoeur {margin:10px 0 0 10px;}
#CoupCoeurHead {width:210px; height:69px; background: url(../img/VisiterCoupCoeurHead.png) top center repeat-y;} 
#CoupCoeurHeadGB {width:210px; height:69px; background: url(../img/VisiterCoupCoeurHead-gb.png) top center repeat-y;} 
#CoupCoeurContent {width:200px; background:#c00418; padding:5px; font-size:11px; color:white;}
#CoupCoeurContent a {color:#fff;}
#CoupCoeurContent p {margin:1px;}
.AlignCenter {text-align:center; margin:2px auto;}
.Photo2 {margin:20px 0 10px 10px;}


#planning { float: left; width: 650px; position: relative; text-align: left; height: 230px; text-align: left; font-size:11px; color:#000;}

#planning ul { list-style-type: none; display: block; position: absolute; left: 0px; top: 55px; width: 170px; padding: 0; margin: 0; }
#planning ul li { margin: 0 0 7px 0; text-align: right; padding: 0 20px 0 0; cursor: pointer; color: #000; }
#planningfond { background: url(../../../histo_img/planningfond.gif) top left no-repeat; position: absolute; top: 0; left: 150px; width: 530px; height: 212px; padding: 57px 0 0 11px; text-align: left; }
#planningfond div.content { height: 12px; margin-bottom: 11px; text-align: left; }
#planningfond div.content div { float: left; }

.conc { padding-left: 10px; }
.arch { padding-left: 71px; }
.prep { padding-left: 98px; }
.trav { padding-left: 153px; }

.keyfigul { margin: 5px 0 ; padding: 0; list-style: url(../../../img/listcheckorange.gif) inside; }
.keyfigul li { margin: 3px 0; padding: 0; line-height: 20px; }
.keydiv { float: left; padding: 0 5px; width:168px; border-right:1px solid #000; height:400px;}
.keyImages { float: left; padding-left: 5px; width:345px;}

/* L'éco-conduite */
.ColoneEcoConduite {float:left; width:310px; margin:15px 0 5px 0; padding: 5px 20px; border-top:1px solid #123879;}
.UlEcoConduite {padding:20px; list-style-type:square;}
.LiEcoConduite {}

/* La Construction de l'autotoute Rub L'autoroute A28  */

.LienTxtImgBox {text-decoration:none; border-bottom: 1px dotted #000; color:#000;}
.LienTxtImgBox:hover {text-decoration:none; border-bottom: 2px dotted #000; color:#000; font-weight:bold;}
#myGallery {display:block; width:340px; position:relative;}
.imageElement {font-size:12px;}

/*page Vos Questions*/
.question{ border-bottom: 2px dotted; cursor: pointer; margin: 0 0 10px 10px; padding:0 0 5px 0;}
.reponse{ margin: 0 0 10px 30px; color: #004B85; font-size: 15px;}
.reponse p{ padding: 15px 0 20px 0;}
#Contact{ color: #F29400;}

/*Sites Utiles*/
.sitesUtiles{float: left;}
.titreLiens{display: block; color: #96BF0D; font-weight: bold; text-align: center; font-size:15px;}

/*Pages peage*/
.signalisationPeage {float: left; width: 120px; height: 250px; margin: 0 20px 0 0; padding: 0;}
.signalisationPeage p {text-align: center; font-size: 15px; color: #004bb0;}



/*Formulaires*/
#simulFreqSend{}
.labelCoo, .labelConvois, .labelPassage{display:block; width:200px; float:left; padding:0; margin:0;}
.titreConvois{font-size:25px; color:#96BF0D; font-weight:bold; padding:5px 0 15px 0; margin:0;}

	/* Page contact transporteur convois exceptionnel*/
p.errTransp {
	background:url(/img/backErrTransp.png) bottom left no-repeat;
	color:#fff;
	padding:4px;
	width:392px;
	height:11px;
	font-size:11px;
	margin-left:200px;
}


/*Pages Offres*/

.blocBadge{margin: 0 0 7px 0;}
.blocBadge h1{font-size: 20px; color: #f29400; margin: 0 0 5px 0;}
.blocBadge p{margin: 0 0 3px 0;}
.blocBadge h2{font-size: 16px; color: #004b85; border-bottom: solid 1px;}
.blocPerte{float: right; color: #004b85; padding: 20px; width: 250px; font-weight: bold; margin: 0 0 0 20px;  background: url(/img/Cadre2.jpg) top center no-repeat;}
.blocPerte h1{font-size: 18px; margin: 0 0 12px 0;}
.badgeetape{float: left; width: 165px; margin: 0 5px 5px 0; padding: 5px; }
#Badgeinstall{width: 730px;}


#pageOffres{text-align: center;}
#pageOffres form {
	text-align: left;
	border: 1px solid #124578;
	margin: 30px auto;
	padding: 30px;
	width: 400px;}
#pageOffres img{margin: 5px 5px 10px 5px;}
.titreOffres{color: #F29400; font-weight: bold; font-size: 30px; margin: 0 0 5px 0;}
#reponseconfort{ width: 200px; margin: 10px auto; padding: 5px; text-align: center; border: solid 1px;}
.LienAide{ width: 210px; display: block; float: right;}
.LienAide img{ float: right; margin:5px;}

/*.reponseOffres{width:300px; text-align:center; margin:5px auto;}*/



.BtnLiberT{width:148px; height:100px; float:left;}
.BtnLiberTConf {background: url(/img/BtnLibConf.gif) bottom left no-repeat;}
.BtnLiberTConf:hover{background: url(/img/BtnLibConf.gif) top left no-repeat;}
.BtnLiberTFreq {background: url(/img/BtnLibFreq.gif) bottom left no-repeat;}
.BtnLiberTFreq:hover {background: url(/img/BtnLibFreq.gif) top left no-repeat;}
.BtnLiberTAcc {background: url(/img/BtnLibAcc.gif) bottom left no-repeat;}
.BtnLiberTAcc:hover {background: url(/img/BtnLibAcc.gif) top left no-repeat;}
.BtnLiberTPro {background: url(/img/BtnLibPro.gif) bottom left no-repeat;}
.BtnLiberTPro:hover {background: url(/img/BtnLibPro.gif) top left no-repeat;}
.BtnLiberTEt {background: url(/img/BtnLibEt.gif) bottom left no-repeat;}
.BtnLiberTEt:hover {background: url(/img/BtnLibEt.gif) top left no-repeat;}

#entetePagesOffres{ display:block; float:right; text-align:right; color: #004b85; font-size:21px; width:730px; height:110px; margin:-15px 0 10px 0 ;}
#logoPagesOffres{display:block; float:right;}
#textEntetePagesOffres{display:block; float:right;  margin:20px 0 0 0; }
#titrePagesOffres{display:block; font-size:25px; font-weight:bold;}
#textIntroPagesOffres{color: #004b85; font-size:15px; padding:0 10px;}
.questionFreq{color:#8dc640; font-weight:bold; padding:0 0 5px 0; font-size:16px;}
#reponseFreq{width:500px; margin:10px auto 0 auto; border:solid 3px; padding:15px; }
.errP{color:red;}
#simulListChoix{float: left; width: 648px; margin: 12px 0;}
#freqSections{float: left;}

		/*Pages Offres*/
		
		.titresCadresPagesOffresLibert{font-size:19px !important; font-weight:bold; padding:0 0 10px 0; margin: 0}
	
			#ccmFreq, #csFreq, #ccmConf, #csConf, #ccmPro, #csPro, #ccmCondAcc, #csCondAcc, #ccmEt, #csEt {float: left; color: #fff; padding: 25px 34px; background-color:red;}
			
			#ccmFreq ul, #csFreq ul, #ccmConf ul, #csConf ul, #ccmPro ul, #csPro ul, #ccmCondAcc ul, #csCondAcc ul, #ccmEt ul, #csEt ul  {
			list-style-type : square;
			padding-left:5px;
			}
			
			#ccmFreq{width: 315px; background: url(/img/vertFreq.jpg) top left no-repeat; color: #055DA5;}
			#csFreq{width: 255px; background: url(/img/BleuFreq.jpg) top left no-repeat;}
			#ccmFreq, #csFreq{height: 258px;}
			
			#ccmConf{width: 200px; background: url(/img/JauneCondAcc.jpg) top left no-repeat; color: #055DA5;}
			#csConf{width: 370px; background: url(/img/BleuCondAcc.jpg) top left no-repeat;}
			#ccmConf, #csConf{height: 238px;}
			
			#ccmPro{width: 290px; background: url(/img/orangePro.jpg) top left no-repeat;}
			#csPro{width: 280px; background: url(/img/BleuPro.jpg) top left no-repeat;}
			#ccmPro, #csPro{height: 269px;}
			
			#ccmCondAcc{width: 200px; background: url(/img/JauneCondAcc.jpg) top left no-repeat; color: #055DA5;}
			#csCondAcc{width: 370px; background: url(/img/BleuCondAcc.jpg) top left no-repeat;}
			#ccmCondAcc, #csCondAcc{height: 238px;}
			
			#ccmEt{width: 200px; background: url(/img/BleuclairEt.jpg) top left no-repeat;}
			#csEt{width: 370px; background: url(/img/BleuEt.jpg) top left no-repeat;}
			#ccmEt, #csEt{height: 218px;}

			/* Combien ca coute */
			#combienCaCoute{float: left; width: 720px; color: #004b85;}
			#combienCaCouteHeader, #combienCaCouteBody, #combienCaCouteFooter{width:720px;}
			#combienCaCouteHeader, #combienCaCouteFooter{height: 34px; }
			#combienCaCouteHeader{background: url(/img/CombienCaCoute_Header.jpg) top left no-repeat;}
			#combienCaCouteBody{background: url(/img/CombienCaCoute_Body.jpg) top left repeat-y;}
			#combienCaCouteFooter{background: url(/img/CombienCaCoute_Footer.jpg) top left no-repeat;}
			#combienCaCouteConteneur{width: 638px; padding:0 34px;}
			
			/* Combien ca coute Tableau*/
			#cadreBoutonsClassesVehicules {width: 648px; height: 135px; margin: 10px 0 0 0 ;}
			.classeVehicule,.classeVehicule5 {float: left; width: 202px; height: 135px;}
			.classeVehicule {margin: 0 10px 0 0;}
			.classeVehicule5 {margin: 0;}
			.titreClasse {font-size: 15px; }
			.imgClasse {width: 215px; margin: 0 0 0 -6px;}
			.descriptifClasse {font-size: 9px;}
			#tabloTarif {width: 687px; height: auto; margin: 0 -10px 0 -24px; overflow: visible;}
			#tabloTarif table {width: 697px; height: auto; margin: 10px -10px 0 0; position: relative; z-index: 2;}
			#tabloTarif td:first-child, #tabloTarif th:first-child {padding: 0 0 0 24px;}
			th {padding: 0; margin: 0; border: 0; text-align: left; font-size: 1.1em;}
			.ligneImpair {background-color: #fff; color: #055da5;}
			.lignePair {background-color: #055da5; color: #fff; }
			#colonne1 {width: 150px; padding: 0 0 0 24px;}
			#colonne2 {width: 100px;}
			#tabloTarif p {padding: 0 0 0 24px;}
			.titreTablo {width: 675px; font-size: 15px; font-weight: bold; margin: 0 -10px 0 0 ; border-bottom: solid 1px;}

			.CondAccGb #ccmCondAcc p, .CondAccGb #csCondAcc p, .ProGb #ccmPro p, .ProGb #csPro p, .EtGb #csEt p {font-size:12px;}
			
			

/* ----------styles christo aide au choix fréquence-------------- */
.pdfdm { clear: both; }
#aideChoixFreq {
	width: 648px;
	padding: 10px 0;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}
#aideChoixFreq form,
#aideChoixFreq dl,
#aideChoixFreq dt {
	margin: 0;
	padding: 0;
}
#aideChoixFreq select {
	width: 160px;
	border: 1px solid #055da5;
	color: #004b85;
}
#aideChoixFreq #aideContent {
	width: 648px;
	float: left;
}
#aideChoixFreq form {
	width: 200px;
	float: left;
}
#aideChoixFreq #aideResult {
	width: 420px;
	float: left;
}
#aideChoixFreq dd {
	margin: 0 0 6px 0;
}
#aideChoixFreq #submit {
	background-color: #055da5;
	border: 2px #055da5 outset;
	color: #fff;
}
#aideChoixFreq #aideResult p {
	margin: 0 0 8px 0;
}

.ttc {
	font-style: italic;
}
.result.ttc, .resultalt.ttc, .result.lPro { color: #F39501 !important; }

/* ----------tarifs depannage-------------- */
#depannage{ 
	width: 700px; 
	border: solid 1px;
	color: #055da5;
}
#depannage tr td{ 
	border: solid 1px;
	padding: 10px;
}
#depannage tr  td:first-child, #depannage tr:first-child, .Tarifs{ 
	font-weight:bold;
	color: #8dc640;
}

#legendeDep{
	margin: 10px 0;
	color: #055da5;;
}
#legendeDep p {
	margin:10px 0;
}
.colTarifs{
	width: 40px;
	font-size: 10px;
	text-align:center;
}

/* aide Frequence */
.aideFdl {
	margin: 12px 0;
	float: left;
	width: 300px;
}


input[type='radio'] {vertical-align: text-top;}
#cat input[type='radio'] {vertical-align: middle;}

#TisPl {vertical-align: top;}