/*-------------------------------------------------------------------------------------*/
/*=  Global site                                                                       */
/*-------------------------------------------------------------------------------------*/

	body {
		font-size: 90%;
		font-family: 'Trebuchet MS', Verdana, Arial, Geneva, Helvetica, sans-serif;
		margin: 0; padding: 0;
		text-align: center;
		background-color: #25839C;
		background: #fff url(/global/medias/bgBody.gif) repeat-x 0 0;
		}
		dl, dt, dd, ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
		body,html,p,blockquote,fieldset,input, legend {
			margin: 0; padding: 0;
			}
		h1,h2,h3,h4,h5,h6 {font-size: 1em; }

		h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal; margin: 0; padding: 0;}

		em {font-style: normal}
		ul, ol, li {list-style: none}
		span.hide {display: none}
		.break {
			clear: both;
			line-height: -100em;
			visibility: hidden;
			}
		a img {border: 0;}
		a {
			color:white;
			text-decoration: none; 
			cursor: pointer; 
			}
		a:hover { text-decoration: underline;}
		p { font-size: 0.8em; line-height: 1.3em;}
     
/*-------------------------------------------------------------------------------------*/
/* = GLOBAL STRUCTURE                                                                  */
/*-------------------------------------------------------------------------------------*/

	body#home,
	body#pageContenu {padding: 30px 0 0 0;}
	
	#page {
		position: relative; 
		width: 920px;
		/*width: 772px;*/
		text-align: left; z-index: 1;
		margin: 0 auto; padding: 0 0 0 8px;
	    }
	#header, #mainContent {}
	#colA, #colB {float: left}

	body#home #colA, 
	body#home #colB { height: 530px;}

	body#home #colA {
		width: 305px;
		/*padding: 175px 0 0 0;*/
		background: transparent url(/global/medias/bgColAHome.gif) no-repeat 0 0;
		}
	body#home #colB {
		width: 462px;
		/*padding: 100px 0 50px 0;*/
		background: transparent url(/global/medias/bgColBHome.gif) no-repeat 0 0;
		}
	
	body#pageContenu #colA {
		width: 700px; padding: 60px 0 0 66px;
		background: transparent url(/global/medias/bgPageContenu.jpg) no-repeat 0 0;
		}
		
/* ================================================================================ */
/* = bannieres / juin 2008 = */
/* ================================================================================ */
	#bannieres {
		position: absolute;
		right: 22px; top: 2px;
		width: 120px;
		border: 1px #F0EED5 solid;
		height: 600px;
		}
	
/*-------------------------------------------------------------------------------------*/
/* =  HEADER                                                                           */
/*-------------------------------------------------------------------------------------*/

	#header {
		width: 780px; height: 210px;
		background: transparent url(/global/medias/bgHeader.jpg) no-repeat 0 0;
		}
		
	/*= Menu global */
	
	#MenuGlobal { 
		position: absolute;
		height: 20px; width: 742px;
		top: 182px; left: 10px;
		padding: 5px 0 0 20px;
		}
	#MenuGlobal li { display: inline; margin: 0 10px 0 0;}
	#MenuGlobal li a {color:#E85885; font-size: 0.9em; font-weight: bold;}
	
/*-------------------------------------------------------------------------------------*/
/* =  MAINCONTENT                                                                      */
/*-------------------------------------------------------------------------------------*/
	
	#mainContent {
		padding: 0 0 0 8px; 
		width: 772px;
		background: transparent url(/global/medias/bgPage.gif) repeat-y 0 7px;
		}
	body#home #mainContent {}
	
/*---------------------------------------------------------------------------------*/
/* =                                                          COLONE A / HOME PAGE */
/*---------------------------------------------------------------------------------*/
	
	body#home #colA h1 {
		width: 70%; color:#E36393;
		margin: 140px 0 7px 45px;
		}
	body#home #colA h1 span {
		display: block;
		font-size: 1.3em;
		font-weight: bold;
		}
	body#home #colA h2 a {
		display: block;
		margin: 10px 0 0 0!important;
		width: 220px!important; height:30px;
		text-indent: -1000em;
		background: transparent url(/global/medias/h2ColAHomeLink.gif) no-repeat 0 0;
		}	
	body#home #colA h3 {margin: 10px 0 10px 20px;font-weight: bold;}
	body#home #colA a {
		display: block;
		color:#CC3366!important; font-size: 0.8em;
		text-decoration: underline;
		margin: 10px 0 10px 0; padding: 0 0 0 20px;
		background: transparent url(/global/medias/chevronsColAHome.gif) no-repeat 0 0;
		}
	body#home #colA a.mdp{font-size: 1.1em!important; margin: 0 0 0 10px!important;}
	body#home #colA #contentColAHome {
		width: 220px; margin: 0 0 0 50px;
		color:#CC3366!important;
		/*color:#E36393!important;*/
		}
		
	/* = formulaire identification */
	
	body#home #colA #contentColAHome form {
		float: left; width: 230px;
		margin: 0 0 0 10px;
		color:#CC3366!important;
		}
	body#home #colA #contentColAHome form p { 
		float: left;
		padding: 3px 0 3px 0;
		}
	body#home #colA #contentColAHome form p label,
	body#home #colA #contentColAHome form p input {float: left;}
	body#home #colA #contentColAHome p label { 
		text-align: right;
		font-size: 0.8em; width: 75px;
		padding: 0 7px 0 0;
		}
	body#home #colA #contentColAHome form p input {
		border:0;
		width: 120px;
		}
	body#home #colA #contentColAHome form input.ok {
		width: auto!important;
		cursor: pointer;
		flaot: right!important;
		margin: 5px 0 0 75px;
		}
	
/*---------------------------------------------------------------------------------*/
/* =                                                          COLONE B / HOME PAGE */
/*---------------------------------------------------------------------------------*/
	
	body#home #colB #contentColBHome,
	body#home #colB h1 {color: #2F8CAD;}
	body#home #colB #contentColBHome {
		width: 350px; 
		margin: 35px 0 0 85px;
		}
	body#home #colB h1 {	
		font-size: 0.9em;
		margin: 25px 0 0 10px;
		}
	body#home #colB h1 span {
		display: block;
		font-size: 1.3em!important;
		font-weight: bold;
		}
	body#home #colB p,
	body#home #colB h2 { float: left;}
	body#home #colB p { margin: 0 0 5px 0;}
	body#home #colB h2 a {
		display: block;
		margin: 25px 0 0 0!important;
		width: 350px; height:35px;
		text-indent: -1000em;
		background: transparent url(/global/medias/h2ColBHomeLink.gif) no-repeat 0 0;
		}
	body#home #colB p {width: 65%;}
	body#home #colB #contentColBHome p a {
		display: block; float: right;
		width: 112px; height: 24px;
		text-indent: -100em;
		background: transparent url(/global/medias/linkColBHome.gif) no-repeat 0 0;
		}
		
	/* = demande par téléphone */
	
	body#home #colB p.coordonnees,
	body#home #colB h2.demandeTel {padding: 5px; text-align: center;}
	body#home #colB h2.demandeTel {
		width: 335px; margin: 10px 0 0 0;
		font-size: 0.9em; color:#fff; 
		background-color:#2F8CAD;
		}
	
	body#home #colB p.coordonnees {
		width: 333px;
		font-size: 1.1em!important;
		border: 1px #2F8CAD solid;
		}	
		
/*---------------------------------------------------------------------------------*/
/* =                                                       COLONE A / GLOBAL PAGES */
/*---------------------------------------------------------------------------------*/
	
	body#pageContenu #colA h1 {
		color:#2F8CAD; font-size: 1.1em;
		}
	body#pageContenu #colA h1 span {display: block; font-size: 1.2em;font-weight: bold;}
	body#pageContenu #colA #content {
		width: 630px; color:#2F8CAD;
		margin: 25px 0 10px 50px;
		}
	
	body#pageContenu #colA h2,
	body#pageContenu #colA h3 { 
		margin: 5px 0 5px 0;clear: both;}
	
	
	body#pageContenu #colA h2 { font-size: 1.3em!important; color: #EA6085;}
	body#pageContenu #colA h3 {font-size: 1.1em!important; color: #000}
	body#pageContenu #colA h4 {}
	body#pageContenu #colA h5 {}
	body#pageContenu #colA h6 {}
	
	body#pageContenu #colA p {margin: 0 0 10px 0;}
	body#pageContenu #colA p img { padding:5px 5px 10px 5px!important;}
	.PagePrecedente{color: #2F8CAD}
	.PageSuivante{color: #2F8CAD}
	.PagesCourante{color: #000}
/*---------------------------------------------------------------------------------*/
/* =                                  COLONE A / GLOBAL PAGES / ELTS DE FORMULAIRE */
/*---------------------------------------------------------------------------------*/		
			
	p.erreur {color:red!important;}
	
	body#pageContenu #colA #content form {
		padding: 0 0 10px 0!important;
		width: 90%;
		}
	body#pageContenu #colA #content form fieldset {border:0;padding: 10px;}
	body#pageContenu #colA #content form fieldset legend {
		font-size: 1em; color:#2F8CAD;
		padding: 0 0 10px 0;
		}
	body#pageContenu #colA #content form p {
		width: 100%; float: left;
		margin: 0 0 5px 0!important;
		}
	body#pageContenu #colA #content form span.field_heading {
		border:0!important; color:#2F8CAD;
		}
	body#pageContenu #colA #content form p span,
	body#pageContenu #colA #content form p font,
	body#pageContenu #colA #content form p label,
	body#pageContenu #colA #content form p input,
	body#pageContenu #colA #content form p select,
	body#pageContenu #colA #content form p textarea,
	body#pageContenu #colA #content form span.field_heading {
		float: left;
		font-size: 1em;
		}
	body#pageContenu #colA #content form p textarea {font-size: 1.2em!important;}
	
	body#pageContenu #colA #content form p span,
	body#pageContenu #colA #content form p font { margin: 0 10px 0 0;}
	
	body#pageContenu #colA #content form span.field_heading {
		width: 90%;
		padding: 10px 0 0 0; margin: 5px 0 5px 0;
		border-bottom: 1px #CAEAF9 solid!important;
		}
	
	body#pageContenu #colA #content form p input,
	body#pageContenu #colA #content form p select,
	body#pageContenu #colA #content form p textarea {
		width: 50%;
		border: 1px #2F8CAD solid;
		}
	body#pageContenu #colA #content form input,
	body#pageContenu #colA #content form select,
	body#pageContenu #colA #content form textarea {
		width: 75%;
		border: 1px #2F8CAD solid;
		}
	
	body#pageContenu #colA #content form p label { 
		width: 150px;
		text-align: right;
		padding: 0 10px 0 0;
		}
	body#pageContenu #colA #content form p label a {
		color:#333; text-decoration: underline!important;
		}
	body#pageContenu #colA #content form p input.field_radio,
	body#pageContenu #colA #content form p input.field_check,
	body#pageContenu #colA #content form input.ok { width:auto!important;}
	
	body#pageContenu #colA #content form input.ok {
		float: right!important;
		margin: 0 0 10px 0;
		border:0!important;
		}
	input.field_checkbox { width:auto!important;}
	p.field_line button { 
		position: absolute;
		margin: -5px 0 0 10px!important;
		border:0; color: #fff;
		background-color: #2F8CAD; 
		}
	button#btnEnvoyer,
	button#btnRechercher { 
		color: #fff; float: right;
		background-color: #2F8CAD; 
		border:0;
		}
	button#btn_date_voyage,
	button#btn_dept_date { background-color: #fff!important;}
	button#btnRechercher { margin: 10px 75px 0 0;}
		
	/* = gestion des table */
	
	table { width: 500px;}
	table td {}
	
	/* = gestion des listes */
	
	body#pageContenu #colA #content ul#menuAccomp { 
		padding: 10px 0 0 0!important;
		}
	body#pageContenu #colA #content ul#menuAccomp li {
		list-style: none!important;
		margin:0!important;
		}
	body#pageContenu #colA #content ul#menuAccomp li a {
		font-size: 1.2em; color:#fff;
		padding: 0 5px 0 7px;
		background: #E36293 url(/global/medias/ItemMenuAccomp.gif) no-repeat left;
		}
	
	body#pageContenu #colA #content ul { padding: 7px 0 5px 0;}
	body#pageContenu #colA #content ul li {
		font-size: 0.8em!important;
		list-style: disc!important;
		margin: 0 0 0 25px;
		}
	body#pageContenu #colA #content ul.listeErreur li { 
		font-size: 1em!important;
		color: red!important;
		}
		
	
/*-------------------------------------------------------------------------------------*/
/* =  FOOTER                                                                           */
/*-------------------------------------------------------------------------------------*/
	
	#footer {
		clear: both; width: 757px; 
		padding: 2px 5px 2px 5px;
		border-bottom: 1px #F6EE14 solid;
		background-color:#2F8CAD;
		}
		
	#footer ul li a { font-size: 0.8em;}