@font-face{
    font-family: 'Myriad-Pro';  
	src: url(../fonts/myriad-pro/MyriadPro-Light.OTF) format("truetype");
	src: url(../fonts/myriad-pro/MYRIADPRO-COND.OTF) format("truetype");
	src: url(../fonts/myriad-pro/MYRIADPRO-BOLD.OTF) format("truetype");
	src: url(../fonts/myriad-pro/MYRIADPRO-SEMIBOLD.OTF) format("truetype");
	src: url(../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF) format("truetype");
}
@font-face {
    font-family: 'Blacksword';
    src:url('../fonts/webfonts_Blacksword/Blacksword.ttf.woff') format('woff'),
        url('../fonts/webfonts_Blacksword/Blacksword.ttf.svg#Blacksword') format('svg'),
        url('../fonts/webfonts_Blacksword/Blacksword.ttf.eot'),
        url('../fonts/webfonts_Blacksword/Blacksword.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'CalligraphyFLF';
    src:url('../fonts/webfonts_CalligraphyFLF/CalligraphyFLF.ttf.woff') format('woff'),
        url('../fonts/webfonts_CalligraphyFLF/CalligraphyFLF.ttf.svg#CalligraphyFLF') format('svg'),
        url('../fonts/webfonts_CalligraphyFLF/CalligraphyFLF.ttf.eot'),
        url('../fonts/webfonts_CalligraphyFLF/CalligraphyFLF.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}

body{
	font-family: "Myriad-Pro", Times, serif; 
	/*font-family: "Myriad Pro", Georgia, "Helvetica Neue", Helvetica, "Times New Roman", Times, serif;	*/
	
	background:#F5F5F5 url(../images/big2.jpg) fixed no-repeat top center; 
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}

a {
    outline: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover,
a:active,
a:focus,
a:visited {
    text-decoration: none;
    outline: 0;
}

#effect { width:100%; padding:0; position:fixed; bottom:0; color:#fff; background-color:blue; font-size:24px; text-align:center; z-index:99; }
.line{ background-color:#fff;   }
hr{ width:%; background-color:#ccc; height:1px;   }

/* ************************** */
.resto_entete { background-color: rgba(0, 0, 0, 0.4); padding-bottom: 5px; }
.resto_entete h1.logo_r{ font-size:60px; color: #fff; text-align:center; margin-top:10px; font-family: 'Blacksword'; }

.resto_entete .menu { text-align:center; }
.resto_entete .menu a{ font-size:18px; color: #fff; font-family: Georgia, serif;  }
.resto_entete .menu .lien{ /*border-top:thin solid #A22E24;*/ border-bottom:thin solid #fff; }


.resto_content {  }
.resto_content .msg_invitation { text-align:center; padding: 10px 0px 30px 0px; margin:  0; }
.resto_content .msg_invitation .txt { background-color: rgba(0, 0, 0, 0.5); color: #fff;  width: 75%; margin: auto; padding: 0px 5px; 
border-top:thin solid #fff; border-bottom:thin solid #fff;  } 
.resto_content .msg_invitation .txt h2{ margin-top: 10px; margin-bottom: 0px; font-size:46px; color: #fff; font-family: 'CalligraphyFLF'; 
	/*word-wrap: break-word; word-break: keep-all;*/ 
}
.resto_content .msg_invitation .txt hr{ width: 20%; background-color:#fff; height:1px; margin: 5px auto 10px; }
.resto_content .msg_invitation .txt p{ font-size:18px; font-family: '';  }
.resto_content .block_invite { background-color: rgba(0, 0, 0, 0.6); color: #fff; padding: 10px 10px 10px; }
.traitv{ border-right:thin solid #fff; }
.resto_content .block_invite h3{ font-size:18px; margin-top: 5px; border-bottom:thin solid #fff; }
.resto_content .block_invite .invite{ padding: 0 10px; }
.invit_img, .invit_content, .invit_form{ padding:0;  }

.resto_content .block_invite .send .btn{ margin-top: 10px; }
 h2.n{ text-align:center; font-size: 1.8em; color: #000; margin:0; padding: 30px 0 10px;  /* color: #d9534f;*/}

.resto_content .form-group { margin-bottom: 7px;  }
.resto_content .input-group .input-group-addon{ padding:5px ; height: 31px; font-size: .9em; }
.resto_content .input-group .form-control{ padding:5px ; height: 31px; }

/* ************************** */
.resto_connect {  }
.resto_connect .connect_content{ background-color: rgba(0, 0, 0, 0.8); color: #fff; width: 40%; margin: 30px auto; padding: 20px; }
.resto_connect .connect_content h3{ font-size:18px; margin-top: 0; }

/* **************************
   ************************** */
	
.adm_menu { text-align:center; margin-top: 20px; }
.adm_menu a{ font-size:14px; color: #fff; font-family: Georgia, serif;  }
.adm_menu a:hover,
.adm_menu a:active,
.adm_menu a:focus,
.adm_menu a:visited {
    color: #fff; 
}
.adm_menu .lien{ /*border-top:thin solid #A22E24;*/ border:thin solid #fff; }
.adm_menu a.active{ background-color:#fff; color: #333; }

.adm{ background-color:#fff; padding-top: 20px; padding-bottom: 20px; }
.adm h1{ font-family: Georgia, serif; text-align:center; text-decoration: underline; margin: 10px 5px 0px; }
.adm h2{ font-family: Georgia, serif; text-align:center; text-decoration: underline;  }
.adm h3{ font-weight: bold; color: #000; margin-bottom:5px; /*margin-bottom:15px;*/ }
.adm h3 span{ border:thin solid #ccc; background: #F7F7F7; padding: 3px 10px;}
.adm .list{  }


.block_code{  margin-bottom:15px; padding: 0px 10px 0px; color: #555; }
.block_code fieldset{ margin-bottom: 10px; }
.block_code legend{ margin-top: 5px; margin-bottom: 10px; font-size: 18px; }
.block_code .case{ padding: 0px; margin:0;  }
.cca {  }
.cca .block_code{ border: 1px solid #ccc;  background: #F7F7F7; }

.cca .block_code.identite .case{ padding: 15px 0 5px;   }
.cca .send { padding-top: 0px; padding-bottom: 10px; /*border-bottom: 3px dotted #000;*/ }

.list ul { list-style-type: none; }

/* ************************** */
.search .input-group{ margin-top:10px;  }
.form-group { padding: 0 5px; margin-top: 0px; margin-bottom: 5px;  }
.list .table_princ { border:thin solid #ccc; margin-bottom:15px;  }
.list .table_princ .table { margin-bottom: 10px; }

label{ padding: 0; margin: 0px;   }

/* ************************** */
.copy { background-color: rgba(0, 0, 0, 0.6); color: #fff; padding: 30px 0 30px; }	
/* ************************** */




@media (min-width: 768px) {
	.invit_img{ display: none; }
		
}
@media (min-width: 768px) and (max-width: 991px) {
	
	.resto_content .input-group .input-group-addon{ padding:2px ; height: ; font-size: .9em; }
	.resto_content .input-group .form-control{ padding:2px ; height: ; }
}
@media (max-width: 991px) {
	.resto_content .msg_invitation .txt h2{ font-size:36px;  }
	.resto_content .msg_invitation .txt p{ font-size:16px;   }
		
}
@media (max-width: 767px) {
	.resto_content .msg_invitation .txt { text-align: center; }
	.resto_content .msg_invitation .txt .nom_resto{ display: table-cell; text-align: center; }
	.resto_content .block_invite .invite{  }
	.resto_content .block_invite .invit_content { width: 75%; margin: auto;  }
	.traitv{ border-right: none; }
	
	/* ************************** */
	.adm_menu a{ font-size:13px; padding: 5px;   }
	/* ************************** */
	.resto_connect .connect_content{ width: 70%;  }
	
	/*.cca input[type="text"] { width: 100px; }*/
	.block_code.identite .case{ padding: 5px 0;  width: 100%; }

	.block_code .case{ margin-right:7px  }
	/*.cca input[type="text"] { width: 100%; }*/
}

@media (max-width: 599px) {
	.cca { width: 100%; }
	.cca input[type="text"] { width: 100%; }
	.cca input[type="email"] { width: 100%; }
}
@media (max-width: 479px) {
	.resto_entete h1.logo_r{ font-size:42px; }
	.resto_entete .menu a{ font-size:12px;   }
	.resto_content .msg_invitation .txt { width: 90%;   } 
	.resto_content .msg_invitation .txt h2{ font-size:28px;  }
	.resto_content .msg_invitation .txt p{ font-size:14px;   }
	
	.resto_content .block_invite .invit_content { width: 90%;  }
	
	/* ************************** */
	.resto_connect .connect_content{ width: 95%;  }
	.resto_connect .input-group .input-group-addon{ padding:3px ; height: ; font-size: ; }
	.resto_connect .input-group .form-control{ padding:3px ; height: ; }
	
	/* ************************** */
	.cca { padding: 5px;  }
	/*.cca input[type="text"] { width: 100px; }*/
}
@media (min-width: 480px) and (max-width: 599px) {
	
}
@media (min-width: 361px) and (max-width: 479px) {

}