/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#000;
	margin:0;
  padding:24px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f8f8f8 url(images/enbeauce/bg.gif) repeat-x top left;	
}


#container
{
	width:963px;
	margin:0 auto;
	text-align:left;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.15em;
	margin:0;
	color:#000;
	padding:8px 0 7px 19px;
}

h2
{
	font-size:1em;
	margin:0;
	color:#000;
	padding:0 0 15px 0;
}

h3
{
	font-size:1.1em;
	margin:0 0 10px 0;
	color:#000;
	padding:3px 10px;
	border-top:1px solid #407A2E;
	border-bottom:1px solid #407A2E;
}

p
{
	font-size:0.9em;
	color:#000;
	margin:0;
	padding:0 0 18px 0;
	line-height:1.4em;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration:underline;}

.rouge
{color:#df0024;}

/* --------------------------------------------------------------------- */
/* -- Zone contenu ----------------------------------------------------- */

#zoneContenu
{
	width:963px;
	padding:23px 0 10px 0;
}

#colGau
{
	float:left;
	width:172px;
}

#colDr
{
	float:left;
	width:791px;
}

#colonneGauche_int
{
	float:left;
	width:487px;
}
#colonneDroite_int
{
	float:left;
	width:304px;
}

/* ----------------------------------------------- */
/* -- Colonne gauche ----------------------------- */

#zoneMenu
{
	width:160px;
}

#zoneMenu img
{
	display:block;
	margin:0 0 8px 0;
}

/* -- boîte menu -------------------- */
#menu
{
	width:160px;
	background:url(images/enbeauce/menu_bg.gif) repeat-y top left;
	margin:0 0 11px 0;
}

.bordTop
{background:url(images/enbeauce/bord_top.gif) repeat-x top left;}
.bordDr
{background:url(images/enbeauce/bord_dr.gif) repeat-y top right;}
.bordBas
{background:url(images/enbeauce/bord_bas.gif) repeat-x bottom left;}
.bordGau
{background:url(images/enbeauce/bord_gau.gif) repeat-y top left;}

.coinTG
{background:url(images/enbeauce/coin_TG.gif) no-repeat top left;}
.coinTD
{background:url(images/enbeauce/coin_TD.gif) no-repeat top right;}
.coinBD
{background:url(images/enbeauce/coin_BD.gif) no-repeat bottom right;}
.coinBG
{background:url(images/enbeauce/coin_BG.gif) no-repeat bottom left; width:160px;}

#menu ul
{
	list-style:none;
	margin:0;
	padding:15px 0 5px 14px;
}

#menu ul li
{
	margin:0;
	padding:0 0 8px 0;
}

#menu a:link, #menu a:visited, #menu a:active
{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
}
#menu a:hover
{text-decoration:underline;}

#menu h2
{
	padding:15px 0 9px 10px;
}
#menu p
{
	padding:0 0 15px 12px;
}

#menu input
{
	vertical-align:middle;
	margin:0 4px 0 0;
}

/* -- éléments de contenu -------------------- */
.contenu
{padding:0 13px;}

.contenu h1
{padding:0 0 18px 0;}

.contenu ul
{
	list-style:none;
	margin:0;
	padding:0 0 10px 10px;
}

.contenu ul li
{
	margin:0;
	padding:0 0 12px 16px;
	font-size:0.9em;
	background:url(images/enbeauce/fleche.gif) no-repeat 0 3px;
}

.contenu ul li.star
{
	margin:0;
	padding:0 0 12px 16px;
	font-size:0.9em;
	background:url(images/enbeauce/etoile.gif) no-repeat 0 0;
}

.contenu a:link, .contenu a:visited, .contenu a:active
{color:#407A2E;}
.contenu a:hover
{text-decoration:none;}

/* -- colonne du milieu -------------- */

.contenu_mid
{padding:0 5px;}

/* -- boîte du milieu courte -------------------- */
.boxMid
{
	width:475px;
	background:url(images/enbeauce/boxMid_bg.gif) repeat-y top left;
	margin:0 0 11px 0;
}

.boxMid_coinBG
{
	background:url(images/enbeauce/coin_BG.gif) no-repeat bottom left;
	padding:7px 0 0 0;
	width:475px;
}

/* -- entête -------------------- */
.boxMid_entete
{
	width:464px;
	background:url(images/enbeauce/boxMid_entete_bgContinu.gif) repeat-y top left;
	border-bottom:2px solid #fff;
}

.boxMid_entete_bg
{background:url(images/enbeauce/boxMid_entete_bg.gif) no-repeat top left;}

.boxInt
{
	width:464px;
	padding:10px 0 16px 0;
}

/* ------------------------------------------------------- */
/* -- colonne de l'extrême droite ------------------------ */

/* -- boîte de milieu courte -------------------- */
.boxDr
{
	width:304px;
	background:url(images/enbeauce/boxDr_bg.gif) repeat-y top left;
	margin:0 0 11px 0;
}

.boxDr_coinBG
{
	background:url(images/enbeauce/coin_BG.gif) no-repeat bottom left;
	padding:7px 0 0 0;
	width:304px;
}

/* -- entête -------------------- */
.boxDr_entete
{
	width:293px;
	background:url(images/enbeauce/boxDr_entete_bgContinu.gif) repeat-y top left;
	border-bottom:2px solid #fff;
}

.boxDr_entete_bg
{background:url(images/enbeauce/boxDr_entete_bg.gif) no-repeat top left;}



.boxRecherche input.ibflecheBas, .boxRechercheLast input.ibflecheBas
{margin:0 27px 0 0;}

.champsPrix
{margin:14px 0 5px 0;}

.champsPrix label
{font-size:1em;}

.champsPrix input
{
	width:200px;
	margin:4px 7px 0 0;
	vertical-align:middle;
}

#zoneRecherche input.ibRecherche
{margin:26px 0 0 525px;}

.champsPrix select.champsVille
{
	width:180px;
	float:left;
	margin:4px 7px 0 0;
	vertical-align:middle;
}

.iAuto
{
	float:left;
	margin:18px 8px 0 0;
}

.champsPrix input.bAllez
{
	width:72px;
	float:left;
	margin:2px 0 0 7px;
	vertical-align:middle;
}

.champsPrix p
{
	float:left;
	width:108px;
	font-size:0.8em;
	padding:10px 0 0 14px;
}

.champsPrix p a:link, .champsPrix p a:visited, .champsPrix p a:active
{color:#003973;}

/* -- formulaire -------- */
.formContact
{margin:0 0 20px 0;}

.champsObligatoire
{font-size:1em;}

.lesChamps
{margin-bottom:15px;}

.lesChamps label
{
	font-size:0.9em;
	color:#000;
}

.lesChamps input
{
	width:228px;
	margin:4px 0 0 0;
}

.lesChamps textarea
{margin:4px 0 0 0;}

#bSoumettre
{
	width:116px;
	margin:0 0 0 467px;
}

/* -- Pied ------------------------------------------------------------- */

#pied
{
	width:963px;
	background:#D1E4C3 url(images/enbeauce/pied_bg.gif) repeat-x top left;
}

div#pied
{height:68px;}

html>body div#pied
{
	min-height:68px;
	height:auto;
}

/* -- entête ---------------------------------- */

#entete_covoiturage
{
	width:961px;
	border:1px solid #7f7f7f;
	background:url(images/enbeauce/entete_covoiturage_bg.jpg) no-repeat top left;
}

/* --- Zone logo --------------------------------- */

#zoneLogo
{
	width:277px;
	float:left;
	border-right:2px solid #b9b9b9;
}

div#zoneLogo
{height:127px;}

html>body div#zoneLogo
{
	height:auto;
	min-height:127px;
}

/* --- logo --------------------------------- */

div#logoCovoiturage
{
	float:left;
	padding:0;
}

div#logoCovoiturage img.logo
{
	display:block;
	margin:0;
}

#logoPrint
{display: none;}

/* -- Tableau horaires covoiturage -------------------- */

.tabCovoiturage
{
	width:464px;
	margin:0 0 20px 0;
}

.tabCovoiturage caption
{
	text-align:left;
	color:#407A2E;
	font-size:0.9em;
	font-weight:bold;
	padding:0 0 8px 7px;
}

.tabCovoiturage th
{
	padding:1px 0 6px 5px;
	border-bottom:1px solid #CDCDCD;
	text-align:left;
	font-size:0.9em;
}

.bordureDr
{border-right:1px solid #b7c5ad;}

.tabCovoiturage td
{
	background:#fbfdf7;
	border-bottom:1px solid #CDCDCD;
	padding:5px;
	font-size:0.9em;
}

.tabCovoiturage td.bgVert
{background:#f6fbee;}

.tabCovoiturage a:link, .tabCovoiturage a:visited, .tabCovoiturage a:active
{color:#1889d1;}
.tabCovoiturage a:hover
{text-decoration:none;}

.tabs {
	border-bottom : 1px solid #CDCDCD;
	height : 0.1%;
	margin-bottom : 15px;
	padding-top : 15px;
	padding-left : 15px;
	padding-right : 15px;
}

.tabs ul {
	list-style : none;
	list-style-image: none;
	text-decoration: none;
}

.tabs ul li {
	color : #FFFFFF;
	cursor : pointer;
	background : #407A2E url(../images/enbeauce/tab-bg.gif) repeat-x top;
	border : 1px solid #CDCDCD;
	font-weight : normal;
	font-size : 11px;
	float : left;
	list-style : none;
	margin-right : 5px;
	margin-bottom : -1px;
	list-style-image: none;
	padding: 5px;
	text-decoration: none;
}

.tabs ul.right li {
	float : right;
}

.tabs ul li.highlight {
	background : #F6FBEE url(../images/enbeauce/tab-alt-bg.gif) repeat-x;
	border-top : 1px solid #CDCDCD;
	border-bottom : 1px solid #F6FBEE;
	border-left : 1px solid #CDCDCD;
	border-right : 1px solid #CDCDCD;
	color : #404040;
}

.tabs ul li.current {
	background : #fff url(../images/enbeauce/tab-alt-bg.gif) repeat-x;
	border-top : 1px solid #CDCDCD;
	border-bottom : 1px solid #F6FBEE;
	border-left : 1px solid #CDCDCD;
	border-right : 1px solid #CDCDCD;
	color : #404040;
}

.tabs ul li a:link,
.tabs ul li a:active,
.tabs ul li a:visited,
.tabs ul li a:hover {
	color : #FFFFFF;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.tabs ul li.highlight a:link,
.tabs ul li.highlight a:active,
.tabs ul li.highlight a:visited,
.tabs ul li.highlight a:hover {
	color : #404040;
}

.tabs ul li.current a:link,
.tabs ul li.current a:active,
.tabs ul li.current a:visited,
.tabs ul li.current a:hover {
	color : #404040;
}

.dn {display : none;}

#advantages-index {
	/*background-color:#DCF6CF*/
}

#advantages-index .advantage {
	margin : 0px 0px 20px 0px;
}

#advantages-index .advantage .icon {
	border : none;
	float : left;
}

#advantages-index .advantage .info {
	margin-left : 45px;
}

#advantages-index .advantage .info2 {
	margin-left : 110px;
}

#advantages-index .advantage .info p, #advantages-index .advantage .info2 p {
	line-height: normal;
	margin: 0px;
	padding: 0px;
}

.fwb {font-weight : bolder;}

.list {
	margin-bottom : 15px;
	width : 100%;
	background-color: #f6fbee;
}

ul.list {
	background: inherit;
}

.list.last {
	margin-bottom : 0px;
}

.list th {
	background : url(images/enbeauce/table-header-bg.gif) repeat-x bottom;
	font-weight	: bolder;
	font-size : 11px;
	padding : 5px 5px 5px 5px;
	text-align : left;
	border:0px;
}

.list td {
	padding : 5px;
	border-bottom : 1px solid #CDCDCD;
}

.list tr.alt {
	background : #fbfdf7;
}

.list tr.last {
	border-bottom : 0px solid #CDCDCD;
	padding-bottom : 0px;
}

.list tr.group {
	border-bottom : 1px solid #CDCDCD;
}

.list tr.group td {
	font-weight : bold;
}

.list td {
	font-weight : normal;
	font-size : 11px;
	padding : 5px;
}

.list tr:hover {
	background : #407A2E;
}

.list .message {
	font-weight	: normal;
	font-size : 11px;
	text-align : center;
	padding : 10px;
}

fieldset p {
	padding: 0px;
}