/*  

Description: Geo Mariage 
Version: 1.0
Author: Millon Loic 
Author URI: http://www.webondemand.fr

*/


/*  ---------------------- global ---------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

:focus {
	outline: 0;
}

dl.error_info dt{
font-weight:bold;
margin-top:15px;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clear {
	clear:both;
	padding:0;
	margin:0;
}

ul{
list-style-position: inside;
}

a{
	color: #1556B8;
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:underline; }

a img { border:none;} /* Remove IE's blue borders */

/* ------------------------- structure ------------------ */

body {
	color: #2e2e2e;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
}

#bandeau_bg1 {
  width:100%;
	height:313px;
	background: url('../images/bandeau_bg.gif') repeat-x;
}
#bandeau_bg2 {
  width:100%;
	height:313px;
	background: url('../images/bandeau.jpg') no-repeat 50% 0;	
}
#bandeau_bg_admin {
  width:100%;
	height:86px;
	background: url('../images/bandeau_bg_admin.gif') repeat-x;
}
#bandeau{
  width:900px;
  margin:0 auto;
}
#container{
  width:900px;
  margin:20px auto 0px auto;
}
#footer{
  width:856px;
  margin:0 auto 50px auto;
  border-bottom:2px solid #e1e1e1;
  border-bottom:2px solid #e5e5e5;
  border-left:2px solid #e5e5e5;
  border-right:2px solid #e5e5e5;
  background:#e9e9e9;
  color:#454545;
  padding:20px;
}
#footer h4{
  font-size:16px;
}
#footer a{
  text-decoration:none;
  color:#454545;
  display:block;
  width:100%;
  border-bottom:1px solid #b8b8b8;
  padding:10px 0 10px 2px;
}
#footer a:hover{
  background:#d8d8d8;
}
#logo_pmea{
  margin-top:50px;
  margin-right:95px;
  margin-bottom:5px;
  float:right;
}
#logo_geomariage{
  float:right;
}
#signin_box{
  font-size:11px;
  margin-top:5px;
  float:right;
}
#signin_box label{
  font-weight:normal;
  display:inline;
}
#signin_box input{
  width:120px;
}
#signin_box span{
  color:#898989;
}
#signin{
	background: url('../images/bg_signin.jpg') no-repeat;
	height:80px;
	width:900px;
	float:left;
	text-align:center;
	margin-bottom:10px;
	padding-top:24px;
}
#signin h3, #signin_connexion h3{ 
	color:#6f6f6f;
	font-size:16px;
}
#signin_connexion{
	text-align:center;
	width:320px; 
	float:right;
}
#test_hotel{
	background: url('../images/bg_signin.jpg') no-repeat;
	height:94px;
	width:900px;
	float:left;
	text-align:center;
	margin-bottom:10px;
	padding-top:10px;
}
#test_hotel input{
  width: 100px;
}
#test_hotel h3{
  color: #6DA949;
  font-weight: normal;
}

/* ------------------------- liens ------------------ */

a.geomariage_link{
  color:#1556b8;
  text-decoration:none;
}
a.geomariage_link:hover{
  text-decoration:underline;
}
a.pmea_link{
  color:#ae109a;
  text-decoration:none;
}
a.pmea_link:hover{
  text-decoration:underline;
}
a.big_link{
  color:#1556b8;
  font-size: 20px;
	background: url('../images/bullet.png') no-repeat;	 
  text-decoration:none; 
  text-transform:uppercase;
  padding-left:25px;
}
a.big_link:hover{
  text-decoration:underline;
}
a.small_header_link{
  color:#1556b8;
  font-weight:bold;
}


.message{
  padding:15px;
  background: #fff;
  border:1px solid #73B65A;
  color:#73B65A;
}
.error{
  padding:15px;
  background: #fff;
  border:1px solid red;
  color:red;
}




/* ------------------------- title ------------------ */
h3{
  font-size:20px;
  color:#1556b8;
}



/* ------------------------- forms ------------------ */
input{
  border:1px solid #cfcfcf;
	width:100px;
	font-size:12px;
}
.btn_connexion{
	background: url('../images/btn_connexion.png') no-repeat;	
	border:none;
	width:82px;
	height:21px;
	cursor:pointer;
}
.btn_validate, .btn_save, .btn_add, .btn_edit{
	border:none;
	display:block;
	width:120px;
	height:23px;
	cursor:pointer;
}
.btn_save{
	background: url('../images/submit_save.gif') no-repeat;	
}
.btn_validate{
	background: url('../images/submit_valid.gif') no-repeat;	
}
.btn_add{
	background: url('../images/submit_add.gif') no-repeat;	
}
.btn_edit{
	background: url('../images/submit_edit.gif') no-repeat;	
}
#wide_box label, #wide_box label{
  display:block;
  font-weight:bold;
}
#wide_box input{
  width:490px;
  height:20px;
  margin-bottom:5px;
}
#admin_box input{
  width:385px;
  height:20px;
  margin-bottom:5px;
}
#admin_box fieldset{
  border:1px solid #c8c8c8;
  padding:15px;
}
.required, .form_error{
  color:red;
}
label{
  display:block;
  font-weight:bold;
}
input{
  width:450px;
}
#add_hotel input{
  width:450px;
  margin-bottom:8px;
}



/* ------------------------- list ------------------ */
#hotel ul{
}
#hotel li{
  list-style-type:none;
  padding:4px 0 4px 0;
  border-bottom:1px solid #e8e8e8;
}
#hotel li span{
  margin-top:4px;
  float:right;
}
ul#faq li{
  padding:5px 0 5px 0;
  font-size:13px;
}





/* ------------------------- accueil ------------------ */

/* ----- intro ---- */
#intro_box{
	background:#f5f5f5 url('../images/explications.jpg') repeat-x;	
  padding:20px;
  float:left;
  line-height:140%;
  margin-bottom:10px;
  height:295px;
  width:860px;
}
#intro_box p{
  width:200px;
  float:left;
  margin-top:160px;
  padding:5px;
  text-transform:uppercase;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  line-height:140%;
}
#intro_box .expl1{
  color:#1656b8;
}
#intro_box .expl2, #intro_box .expl3{
  color:#AE109A;
  margin-left:5px;
}
#intro_box .expl4{
  color:#6da949;
  margin-left:10px;
}
#intro_box h2{
  line-height:120%;
  font-size:25px;
  text-transform:uppercase;
  font-weight:normal;
  text-align:center;
}
#intro_box h3{
  font-size:25px;
  font-weight:normal;
}
#intro_box .highlight{
  line-height:120%;
  display:block;
  width:100%;
  font-weight:bold;
  text-align:center;
  font-size:15px;
}  
#link_box{
  width:100%;
  text-align:center;
	background: url('../images/link_box.png') no-repeat top center;	
	padding-top:30px;
	height:51px;
}
#wide_box{
	background:#f6f6f6;
  border:2px solid #e8e8e8;
  width:856px;
  padding:20px;
  margin-top:-0px;
  float:left;
  z-index:-100;
}

/* ----- intro_old ---- */
/*
#intro_box{
	background:#f5f5f5 url('../images/intro_bg.gif') repeat-x;	
  border:1px solid #e4e4e4;
  width:490px;
  padding:20px;
  float:left;
  line-height:180%;
  margin-bottom:10px;
}
#intro_box h2{
  line-height:120%;
  font-size:25px;
  text-transform:uppercase;
  font-weight:normal;
  text-align:center;
}
#intro_box h3{
  font-size:20px;
  text-transform:uppercase;
  font-weight:normal;
}
#intro_box .highlight{
  line-height:120%;
  display:block;
  width:100%;
  font-weight:bold;
  text-align:center;
  font-size:15px;
}  
#link_box{
  width:100%;
  text-align:center;
	background: url('../images/link_box.png') no-repeat top center;	
	padding-top:30px;
	height:51px;
}
#wide_box{
	background:#f6f6f6;
  border:2px solid #e8e8e8;
  width:856px;
  padding:20px;
  margin-top:-0px;
  float:left;
  z-index:-100;
}
*/
/* ----- 1234 ------- */
#argument_box{
  width:345px;wide
  margin-top:10px;
  float:right;
}
#number1, #number2, #number3, #number4{
  width:270px;
  margin-bottom:15px;
  padding-left:75px;
  padding-top:7px;
  height:58px;
}
#number1 .title, #number2 .title, #number3 .title, #number4 .title{
  font-size:22px;
  font-weight:normal;
}
#number1 a.title, #number2 a.title, #number3 a.title, #number4 a.title{
  color:#2e2e2e;
  text-decoration:none;
}
#number1 a.title:hover, #number2 a.title:hover, #number3 a.title:hover, #number4 a.title:hover{
  color:#1556b8;
  text-decoration:underline;
}
#number1 .subtitle, #number2 .subtitle, #number3 .subtitle, #number4 .subtitle{
  font-size:16px;
  font-weight:normal;
}
#number1{
	background: url('../images/un.gif') no-repeat left top;	
}
#number2{
	background: url('../images/deux.gif') no-repeat left top;	
}
#number3{
	background: url('../images/trois.gif') no-repeat left top;	
}
#number4{
	background: url('../images/quatre.gif') no-repeat left top;	
}


/*---- detail ----*/
#my-glider{
  font-size:14px;
}
#my-glider h4{
  font-size:17px;
}
#my-glider h3{
  font-size:15px;
}
.section{
  line-height:140%;
}
#detail_inscription{
  position:relative;
	background: url('../images/detail_inscription.png') no-repeat 0 40px;	
	margin-left:60px;
	width:830px;
	height:450px;	
}
#detail_inscription_txt1{
  position:absolute;
  top:165px;
  left:460px;
  width:300px;
}
#detail_gestion{
  position:relative;
	background: url('../images/detail_gestion.png') no-repeat 0 20px;
	margin-left:30px;
	width:850px;
	height:880px;		
}
#detail_gestion_txt1{
  position:absolute;
  top:325px;
  left:550px;
  width:250px;
}
#detail_gestion_txt2{
  position:absolute;
  top:555px;
  left:500px;
  width:250px;
}
#detail_gestion_txt3{
  position:absolute;
  top:705px;
  left:-20px;
  width:200px;
}
#detail_affichage{
  position:relative;
	background: url('../images/detail_affichage.png') no-repeat 0 40px;
	margin-left:25px;
	width:850px;
	height:890px;		
}
#detail_affichage_txt1{
  position:absolute;
  text-align:right;
  top:160px;
  left:0px;
  width:200px;
}
#detail_affichage_txt2{
  position:absolute;
  top:680px;
  left:550px;
  width:200px;
}
#detail_campagne{
  position:relative;
	background: url('../images/detail_campagne.png') no-repeat 0 30px;	
	width:962px;
	height:850px;	
}
#detail_campagne_txt1{
  position:absolute;
  top:350px;
  left:480px;
  width:300px;
}
#detail_campagne_txt2{
  position:absolute;
  top:690px;
  left:60px;
  width:600px;
}
#detail_facturation{
  position:relative;
	background: url('../images/detail_facturation.png') no-repeat 0 50px;
	width:861px;
	height:840px;	
}
#detail_facturation_txt1{
  position:absolute;
  top:350px;
  left:610px;
  width:260px;
}
#detail_facturation_txt2{
  position:absolute;
  top:500px;
  left:30px;
  width:200px;
}



/* ------------------------- admin ------------------ */
#admin_box_top{
	background: url('../images/onglet_top.gif') no-repeat left top;
	width:100%;
	height:10px;
}
#admin_box{
	background:#f6f6f6;
  border-left:2px solid #e8e8e8;
  border-right:2px solid #e8e8e8;
  border-bottom:2px solid #e8e8e8;
  width:856px;
  padding:20px;
  margin-top:-0px;
  float:left;
  z-index:-100;
  min-height:500px;
  height:auto !important;
  height:500px;
}
#edit_box_top{
	background: url('../images/list_hotel_top.gif') no-repeat left top;
	width:236px;
	height:35px;
}
#edit_box_bottom{
	background: url('../images/list_hotel_bottom.gif') no-repeat left top;
	width:236px;
	height:14px;
}
#edit_box_middle{
	background: url('../images/list_hotel_middle.gif') repeat-y;
	width:216px;
	padding:10px;
	min-height:502px;
	overflow:auto; 
}
.add_hotel{
	background: url('../images/add_hotel.gif') no-repeat;
	width:236px;
	height:25px;
	display:block;
	margin-bottom:5px;
}
#balance{
  float:left;
  width:350px;
  border:1px solid #e1e1e1;
}
#balance_border{
  width:322px;
  border:4px solid #fff;
  min-height:85px;
  padding:10px;
}
#search{
  float:left;
  width:170px;
  border:1px solid #e1e1e1;
}
#search_border{
  width:142px;
  border:4px solid #fff;
  padding:10px;
}
#last_payment{
  float:left;
  width:250px;
  border:1px solid #e1e1e1;
}
#last_payment_border{
  width:222px;
  min-height:85px;
  border:4px solid #fff;
  padding:10px;
}
#invoice_info{
  float:left;
  width:250px;
  border:1px solid #e1e1e1;
}
#invoice_info_border{
  width:222px;
  min-height:85px;
  border:4px solid #fff;
  padding:10px;
}




/* ------------------------- onglets ------------------ */
#header {
  width:100%;
  float:left;
  background:url('../images/bg.gif') repeat-x bottom;
  font-size:15px;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:0px 15px 0 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url(../images/left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 8px;
  }
#header a {
  display:block;
  background:url(../images/right.gif) no-repeat right top;
  padding:9px 14px 3px 9px;
  text-decoration:none;
  color:#765;
  }
#header a:hover {
  color:#2e2e2e;
  }
#header #current {
  background-image:url(../images/left_on.gif);
  }
#header #current a {
  background-image:url(../images/right_on.gif);
  color:#2e2e2e;
  padding-bottom:5px;
  }





.btn_small{
	background: url('../images/bg_btn_small.png') no-repeat;	
	border:none;
	width:26px;
	height:23px;
	cursor:pointer;
	color:#1556B8;
}