body,div,form,h1,h2,h3,h4,h5,h6,label,li,img,ol,p,textarea,ul {
	margin: 0; padding: 0;
}

a {
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none; text-decoration: none;
}
a:hover img {
	border: none; text-decoration: none;
}
body {
	font-family: Arial, Helvetica, Sans-serif; font-size: 0.8em;
}
.PaginateCurrPage {
    font-size: 1.4em;
}

table {
	border-collapse: collapse; border-spacing: 0;
}
table td, table th {
	padding: 0; 
	font-style: normal;
}
table th {
    text-align: left;
	font-weight: bold;
}
textarea {
	font-family: Arial, Helvetica, Sans-serif; font-size: 0.9em;
}

fieldset {
    padding: 5px;
    margin: 5px 5px 0 0;
}
/* IMPRESSION */
/* MISE EN PAGE */
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
p { }

/* Styles divers */
table.ttop td {
    vertical-align: top;
}
.zcenter {
    text-align: center;
}
.zright {
    text-align: right;
}

.space {
    margin-top: 10px;
}
table.liste {
    border: 2px solid black;
    margin-top: 20px;
    margin-bottom: 10px;
}
table.liste th {
    border-bottom: 2px solid black;
    border-right: 2px solid black;
    padding: 5px;
}
table.liste tr td {
    border-right: 2px solid black;
    padding: 5px;
}
.zbordertop {
    border-top: 2px solid black;   
}
.zalert {
    border: 2px solid red;
    padding: 10px;
    margin-bottom: 10px;
    background: #ffeeee url(../images/attention.png) top right no-repeat;  
}
.tigoulip {
    display: block;
    text-align: center;
}
.util_inscr_needed, .util_inscr_pro_needed {
    color: #FF0000;
    font-weight: bold;
}
.util_inscr_pro_title {
    text-transform: uppercase;
    font-weight: bold;
    color: #CC0000;
}
.util_inscr_pro, .util_inscr_pro_title {
    background-color: #cccccc;
}
.util_inscr_pro td {
    padding-bottom: 5px;
}
.util_inscr_pro th {
    padding: 0 5px 0 5px;
}
.util_inscr_pro_title {
    padding: 5px;
}
.util_inscr_pro_title {
    background-color: #bbbbbb;
}
.util_inscr_separator {
    height: 20px;
}
.util_inscr_needed_bottom, .util_inscr_pro_needed_bottom {
    color: #FF0000;
}
.util_inscr_needed_bottom {
    margin-top: 20px;
}
/* PAGE */
#Global {
	
}
#Header {
	min-width: 920px; height: 101px;
	background: #0078CE url(../images/background-header.jpg) center center no-repeat;
}
#Menu {
	min-width: 920px; height: 35px; 
	background: url(../images/background-menu.jpg) center center repeat-x;
}
#Menu ul {
	width: 920px; margin: 0 auto 0 auto; padding: 0 0em 0 0em; text-align: center;
}
#Menu ul li {
	display: block;
    float: left;
    margin: 5px 0 0 0;
    padding: 0 0em 0 3em;
    list-style: none;
    text-transform: uppercase;
	font-size: 1em;
    font-weight: bold;
}
#Menu ul li a {
	margin-top: -3px;
	display: block;
    padding: 5px 0em 4px 0em;
    color: #000;
}
#Menu ul li a:hover, #Menu ul li a#ActRub {
	text-decoration: none;
	color: #0066CC;
}
#Container {
	position: relative; width: 920px; min-height: 400px; margin: 0 auto 50px auto;
}
#Content, #ContentArchives {
	margin: 0 0 0 228px; padding: 0 1em 1em 1em; 
}
#Pubs {
	float: right;
	width: 232px;
	padding: 0;
}
#ContentArchives table, .tableau {
	margin: 1em auto 1em auto;
	border: 1px solid #000;
	width: 100%;
}
#ContentArchives table th, .tableau th,
#ContentArchives table td, .tableau td {
	padding: 0.2em 0.5em 0.2em 0.5em;
	border: 1px solid #999;
}
#ContentArchives table th, .tableau th {
	background: #F4F4EC;
	border: 1px solid #000;
}
#ResaRecapTop,#ResaOptionsTop,#ResaPromosTop,
#ResaVehicTop,#ResaCollabTop,#ResaPayeBanqueTop,
#ResaPayeChequeTop,#ResaPayeCompteTop,#ResaInfosTop {
    margin: 0;
    padding: 0 5px 0 5px;
    height: 10px;
    width: 394px;
    background: url(../images/hg.png) center top no-repeat;
    font-size: 0px;
    float: left;
}
#ResaRecap,#ResaOptions,#ResaPromos,
#ResaVehic,#ResaCollab,#ResaPayeBanque,
#ResaPayeCheque,#ResaPayeCompte,#ResaInfos {
    margin: 0;
    width: 394px;
    padding: 0 5px 0 5px;
    background: url(../images/fondg.png) center center repeat;
    float: left;
}
#ResaRecapBottom,#ResaOptionsBottom,#ResaPromosBottom,
#ResaVehicBottom,#ResaCollabBottom,#ResaPayeBanqueBottom,
#ResaPayeChequeBottom,#ResaPayeCompteBottom,#ResaInfosBottom {
    height: 10px;
    width: 394px;
    background-color: #000;
    background: url(../images/bg.png) center bottom no-repeat;
    margin: 0;
    padding: 0 5px 0 5px;
    margin-bottom: 10px;
    font-size: 0px;
    float: left;
}
#ResaRecapTitre,#ResaOptionsTitre,#ResaPromosTitre,
#ResaVehicTitre,#ResaCollabTitre,#ResaPayeBanqueTitre,
#ResaPayeChequeTitre,#ResaPayeCompteTitre,#ResaInfosTitre {
    width: 404px;
    text-align: right;
    color: #0066CC;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    float: left;
}
#ResaInfos h3 {
    color: #CC0000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    margin: 0;
}
#ResaInfos textarea {
    width: 384px;
}
#ResaTitre {
    color: #CC0000;
    text-transform: uppercase;
}
#ResaTarifTitre {
    margin-left: 20px;
    width: 235px;
    color: #CC0000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
#ResaTarifTitreGrey {
    text-transform: none;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}
#ResaTarifTop {
    margin-left: 20px;
    height: 10px;
    width: 235px;
    background: url(../images/hv.png) center Top no-repeat;
    font-size: 0px;
}
#ResaTarif {
    margin-left: 20px;
    width: 225px;
    padding: 0 5px 0 5px;
    background: url(../images/fondv.png) center center repeat;
}
#ResaTarifBottom {
    font-size: 0px;
    margin-left: 20px;
    height: 10px;
    width: 235px;
    background: url(../images/bv.png) center bottom no-repeat;
}
#ResaTarifPreview {
    float: right;
}
#ResaTarifInc {
    margin: 0;
    padding: 0;
    float: left;
    width: 231px;
    height: 455px;
    background: url(../images/background-big-resa.jpg) left top no-repeat;    
}
#ResaConfirmBouton {
    background: #CC0000;
    color: #fff;
    border-bottom: 2px solid #0000CC;
    border-right: 2px solid #0000CC;
    width: 180px;
}
#ResaPayeBanque ,#ResaPayeCheque  {
    text-align: center;
}
#ResaPayeBanque input,#ResaPayeCheque input {
    background: #CC0000;
    color: #fff;
    border-bottom: 2px solid #0000CC;
    border-right: 2px solid #0000CC;
    width: 300px;
}
#ResaCodeBouton {
    background: #0066CC;
    color: #fff;
    border-bottom: 2px solid #0000CC;
    border-right: 2px solid #0000CC;
}
#ResaBoutons {
    width: 404px;
}
#ResaBoutonsFcts {
    float: right;
}
#Footer {
	clear: both; margin: 0 0 25px 0; text-align: center;
}
#Footer li {
	display: inline; padding: 0 5px 0 5px; list-style: none;
	font-size: 0.7em;
	border-right: 1px solid #000;
}
#Footer li.dernier {
	border-right: none;
}
#Footer li a {
	color: #000;
}

/* BLOC RESERVATION */
#tarif_preview {
    width: 225px;
}
table#ajTarifResa  {
    width: 100%;
}
table#ajTarifResa tr td, table#TarifResa tr td {
    padding-left: 20px;
}
#Reservation {
	position: absolute; top: 0; left: 0; width: 231px; padding: 5px 0 0 0;
}
#Reservation h3 {
	line-height: 1.5em; text-align: center; text-transform: uppercase;
	font-size: 1.4em; font-weight: bold;
	color: #FF0000;
}
#Reservation #ReservationContent {
	width: 231px;
	background: url(../images/miniresa_centre.gif) center center repeat;
}
#Reservation #ReservationContentTop {
	width: 231px;
	height: 4px;
	background: url(../images/miniresa_haut.gif) center top no-repeat;
    font-size: 0px;
}
#Reservation #ReservationContentBottom {
    font-size: 0px;
	width: 231px;
	height: 110px;
	margin-bottom: 20px;
	background: url(../images/miniresa_bas2.gif) center bottom no-repeat;
}
#Reservation div.delimiter {
	clear: both; height: 3px; margin: 5px 0 5px 0; padding: 0;
	font-size: 1px;
	background: url(../images/reservation-delimiter.gif) center center no-repeat; border: 0px;
}
#Reservation div.delimiter hr {
	display: none;
}
#Reservation label {
	display: block; clear: both; margin: 2px 2px 2px 7px;
	font-size: 0.8em; font-weight: bold;
}
#Reservation label.choix {
	display: inline;
}
#Reservation label.ligne {
	float: left; margin: 10px 5px 10px 7px; 
}
#Reservation select {
	margin: 0 0 5px 0;
	font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 0.7em; font-weight: bold;
}
#Reservation .premier {
	margin-left: 7px;
}
#Reservation select.ligne {
	margin: 7px 0 7px 0;
}
#Reservation #reservation_submit {
	display: block; width: auto !important; margin: 5px auto 0 auto; text-align: center;
	font-weight: bold;
	background: #E7E7E7; border: 2px outset #FFFFFF;
}
#Reservation input {
	margin: 8px auto 0 auto;
	font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 0.8em; font-weight: bold;
}

/* BLOC NEWSLETTER */
#Newsletter {
	width: 232px; height: 200px; margin: 15px 0 15px 0;
	background: url(../images/background-newsletter.jpg) left top no-repeat;
}
#Newsletter h4 {
	padding: 5px 0 0 0; text-transform: uppercase; text-align: center;
	font-size: 2.2em; font-weight: bold;
}
#Newsletter h5 {
	padding: 0 0 10px 0; text-transform: uppercase; text-align: center;
	font-size: 1.3em;
}
#Newsletter p {
	text-align: center; font-weight: bold;
}
#Newsletter p.texte {
	padding: 0 10px 0 20px; text-align: left;
	font-size: 0.9em; font-weight: bold;
}
#Newsletter div a {
	text-align: center;
	font-weight: bold;
	color: #000;
}
#Newsletter #newsletter_email {
	width: 15em;
	font-size: 0.9em;
	border: 2px inset #CCCCCC;
}
#Newsletter #newsletter_submit {
	margin: 10px 0 0 0; text-align: center;
	font-size: 0.9em; font-weight: bold;
	background: #E7E7E7; border: 2px outset #FFFFFF;
}
#Newsletter div.delimiter {
	clear: both; height: 3px; margin: 5px 0 5px 0; padding: 0;
	font-size: 1px;
	background: url(../images/reservation-delimiter.gif) center center no-repeat; border: 0px;
}

#NavetteGratuite {
	width: 232px; height: 189px; margin: 10px 0 10px 0;
	background: url(../images/navette-gratuite.jpg) top left no-repeat;
}

/* BLOC MINI-CONNEXION */
#MiniConnexion {
	position: absolute; top: -132px; right: 40px; width: 340px;
}
#MiniConnexion h3 {
	width: 159px; height: 14px; line-height: 14px; margin: 0 0 0 6px; text-align: center; text-transform: uppercase;
	font-size: 0.9em; font-weight: bold;
	background: url(../images/background-titre-connexion.gif) center center no-repeat; color: #FFF;
}
#MiniConnexion p {
    float: left;
    margin-top: 10px;
}
#MiniConnexion p#champs input {
    display: block;
	width: 120px;
    margin: 0 0 10px 20px;
    padding: 1px;
	font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 0.7em; font-weight: bold;
}
#MiniConnexion p#boutons input {
	width: 15px;
    height: 47px; 
    padding: 0;
	background: url(../images/background-button-connexion.gif) top left no-repeat; border: none; color: #FFF;
}
#MiniConnexion p#boutons {
    width: 15px;
	font-size: 1em;
	margin-left: 10px;
}
#MiniConnexion p#liens {
    float: right;
	line-height: 1.8em;
	font-size: 0.9em;
    font-weight: bold;
    margin-top: 12px;
}
#MiniConnexion p#liens a.inscription {
	color: #00FF00;
}
#MiniConnexion p#liens a {
	padding: 0 0 0 0.2em; color: #FFF;
}

/* PUBS */
#pub_ad_sense_accueil_1,
#pub_ad_sense_accueil_2,
#pub_ad_sense_ailleurs {
    width: 200px;
    margin: 0 auto;
}

#ResaTarifInc #pub_ad_sense_ailleurs {
    position: absolute;
    top: 475px;
    left: 15px;
}

/* BLOC CONNECTE */
#Connect {
	position: absolute; top: -132px; right: 0px; width: 190px;
}

#Connect li {
	display: block;
    float: left;
    margin: 5px 0 0 0;
    padding: 0 0em 0 3em;
    list-style: none;
	font-size: 1em;
    font-weight: bold;
}

#Connect li a {
	color: #ffffff;
	text-decoration: none;
}

#Connect li a:hover {
	text-decoration: underline;
}

/* Mon Compte */
ul#ActionsMonCompte {
    margin-left: 30px;
    list-style: none;
}

ul#ActionsMonCompte li a{
	color: #33F;
	text-decoration: none;
    font-weight: bold;
}

ul#ActionsMonCompte li a:hover {
	text-decoration: underline;
}

/* ADMIN */
#ContentAdmin {
	margin: 0px; padding: 0 1em 1em 1em;
}
#ContentAdmin h1 {
	margin: 0 auto 0 auto;
	border-bottom: 1px solid #000;
}
#ContentAdmin table {
	margin: 1em auto 1em auto;
	border: 1px solid #000;
}
#ContentAdmin table th,
#ContentAdmin table td {
	padding: 0.2em 0.5em 0.2em 0.5em;
	border: 1px solid #999;
}
#ContentAdmin table th {
	background: #F4F4EC;
	border: 1px solid #000;
}
#ContentAdmin p input {
	display: block; margin: 0 auto 1em auto;
}

#ContentAdmin #Admin-Utilisateur-Chercher,
#ContentAdmin #Admin-Reservation-Chercher,
#ContentAdmin #Admin-Facture-Chercher,
#ContentAdmin #Admin-Newsletter-Chercher {
	margin: 0 auto 0 auto;
    width: 50%;
    text-align: right;
}

input.article_titre,
input.article_sstitre {
	width: 40em;
}
textarea.article_texte {
	width: 50em;
	height: 25em;
}
select.article_statut {
}
input.article_submit {
}

textarea.mceNoEditor {
	width: 40em;
	height: 10em;
}

@media print {
    fieldset {
        margin-bottom: 20px;
    }
    p {
        margin-top: 10px;    
    }
}