/* CSS Document - Compagnie du Talent, echallens - by Designis.ch - tous droits réservés. */
*{margin: 0; padding: 0}
html {overflow-y : scroll} 
body {font-family: "Lucida Sans Unicode", Verdana, Arial; font-size: 13px; color: #FFF; line-height: 1.7em; background-color: #510C0E}
a:link, a:visited {
	color:#FFF;
	text-decoration: underline;
}
a:hover {
	color: #F7AD35;
	text-decoration: none
}

h1, h2, h3, h4, h5 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #eb9f31;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h1 {font-size: 13px; letter-spacing: 0.1em; padding: 0 0 5px 0; } 
h2 {font-size: 14px; font-weight: normal; letter-spacing: 0.2em; padding: 0 0 1em 0;} 
h3 {font-size: 13px; font-weight: normal; letter-spacing: 0.1em; line-height: 1.6em; margin : 0 0 0.15em 0} 
h4 {font-size: 14px; line-height: 1.7em; letter-spacing: 0.1em} 
h5 {font-size: 13px; color: #fff; margin-bottom: 2px}

/*mise en forme du template*/
#conteneur {
	width: 100%;
	text-align: center;
	background-color: #6A1719;
	background-image: url(../images/fdb.gif);
	background-repeat: repeat-x;
	background-position: center top;
	margin-bottom: 20px
}
#contenu {
	width: 865px;
	margin: 0 auto 10px;
	clear: both;
	/*min-height:300px;
  	height:auto !important;
  	height:100%;*/
}
#contenu_top {
	width: 865px;
	margin: 0 auto 10px;
	height: 266px;
}

/* TOP:menu*/
#top {
	height: 84px;
	width: 865px;
	text-align:right;
	list-style-type: none
}
#logo {
	height: 74px;
	width: 189px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
#logob {
	height: 74px;
	width: 53px;
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}
#mtop {
	width: 580px;
	float: left;
	color: #FAAE34;
	padding-top: 38px;
	padding-right: 10px;
}
#mtop_inner {
	margin-top: 2.6em;
	margin-right: 1em;
	margin-bottom: 0px;
}
#mtop li {display: inline}
#mtop a {margin: 0 2px; color: #F5AD34; text-decoration: none; font-size: 12px}
#mtop a:hover {color: #EDA632; text-decoration: underline}
img.logoprint { display:none; visibility:hidden}
/*bannière et menu */
#header {
	width: 865px;
	height: 146px;
	background-color: #6A1719;
	clear: both;
}
#menu {width: 865px; height: 38px; background-image: url(../images/fd_menu.gif); background-repeat: no-repeat}

/*texte*/
#princ {
	width: 865px;
	text-align: left;
	overflow: hidden;
	clear: both;
}
#titre {clear: both; background-image: url(../images/sep_texte2.gif); background-repeat: repeat-x; background-position: bottom;font-size: 15px; color: #eb9f31; letter-spacing: 0.1em;	margin: 0 0 17px 0;	padding: 5px 0 8px 0}	

#titre h1 {
	color: #eb9f31;
	letter-spacing: 0.1em;
	padding: 0 0 5px 0;
	margin : 0;
	font-size: 16px;
	font-weight: bold;
} 

.page {float: left; width: 865px}
.page_inner {}
.page ul {
	font-size: 13px;
	color: #FFF;
	line-height: 1.7em;
	margin-left: 16px;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../images/icone/puce.gif)
}
.page li {margin: 0; padding: 0}
.texte{
	float: left;
	width: 670px;
	background-image: url(../images/sep_texte_hor2.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.texte_inner {margin: 0 20px 0 0}
.texte ul {font-size: 13px; color: #FFF; line-height: 1.7em; margin-left: 15px; text-align: left; list-style-type: none; list-style-position: outside; list-style-image: url(../images/icone/puce.gif)}
.texte li {margin: 0; padding: 0}
.texte a:link, .texte a:visited {

}
.texte a:hover, .texte a:focus {

}
.sep_hor {background-image: url(../images/sep_copy.gif); background-repeat: repeat-y}
/*colonne de droite*/
.news {float: right; width: 177px; font-size: 12px; color: #FFF}
.news_inner {}
.news ul {font-size: 12px; color: #FFF;	line-height: 1.7em;	margin-left: 15px; text-align: left; list-style-type: none;	list-style-position: outside; list-style-image: url(../images/icone/puce.gif)}
.news li {margin: 0; padding: 0}
.info {width: 55px;	height: 34px; float:right}
a.info {background-image: url(../images/icone/info4.gif); display: block} 
a.info:hover { background-image: url(../images/icone/info4_hov.gif)} 
.video {width: 55px;	height: 34px; float:right}
a.video {background-image: url(../images/icone/video.gif); display: block} 
a.video:hover { background-image: url(../images/icone/video_on.gif)} 



/*tableau 2 col identique: contact*/
div.row {float: left; width: 630px}
.box {
	background-color: #802524;
	padding: 10px;
	border: 1px solid #510C0E;
	clear: both;
}
div.col1 {float: left; width:305px; margin: 0 3px 0 0; padding: 2px 0;}
div.col2 {float: left; width:305px; margin: 0 3px 0 0; padding: 2px 0;}

/*tableau 2 col identique: troupe*/
div.rowa {float: left; width: 865px}
div.col1b {float: left; width:421px; margin: 0 15px 0 0; padding: 2px 0}
div.col2b {float: left; width:416px; margin: 0 0 0 5px; padding: 2px 0}

.cell_lieu {width: 230px}

/*table membre*/
.col_ph {width: 210px;	float:left; padding-right: 15px}
.col_tx {
	width: 618px;
	float:left;
	padding-left: 22px;
	background-image: url(../images/sep_texte_hor2.gif);
	background-repeat: repeat-y;
	background-position: left
}

/*table {width: 630px; border-collapse:collapse}*/
td, th {
	margin: 0;
	padding: 2px;
	border: 0;
	line-height: 1.7em;
	vertical-align:top;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-size: 13px
}
.tab {	border: 1 solid #C60;}
.tab td, tab th {
	margin: 0;
	padding: 2px;

	line-height: 1.7em;
	vertical-align:top;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-size: 13px;
}
/*police*/
.tx_or {color: #F5AD34}
.tx_or14 {font-size: 14px; font-weight: bold; color: #F5AD34}
.tx_small {font-size: 10px; color: #FFF; line-height: 1.2em}
.titre_reserv {
	clear: both;
	font-size: 13px;
	font-weight: bold;
	color: #F5AD34;
	background-color: #802524;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding: 3px;
	border: 1px solid #4D1112;
}




/*divers*/
.clear {clear:both; visibility:hidden; width:1px; line-height:1px}
.sep_hor {background-image: url(../images/sep_texte_hor2.gif); background-repeat: repeat-y;	background-position: right}
.sep {clear: both; width: auto; height: 20px; margin: 1px 0 0 0; padding: 10px 0 0 0; background-image: url(../images/sep_texte2.gif); background-repeat: repeat-x; background-position: center}
.sepc {clear: both; width: auto; height: 20px; margin: 1px 0 0 0; padding: 10px 0 0 0; background-image: url(../images/sepc.gif); background-repeat: repeat-x; background-position: center center}
/*Photo*/
.spaceph {margin-right: 15px}
.spacephacc {
	margin-right: 15px;
	margin-bottom: 35px;
}
.ph_right {
	float: right;
	border: 3px solid #510C0E;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.ph_left {
	float: left;
	border: 3px solid #510C0E;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.noprint {}
.phf {border: 5px solid #802524; padding: 0px; margin-right: 15px;}
.phf a:link {border: 3px solid #FCAB40}
.phf a:visited {border: 3px solid #E5884F}
a:hover .phf {border: 5px solid #F5AC3B}
.ph {border: 5px solid #802524; padding: 0; margin-right: 15px; text-align: left} 
.ph a:link {border : 1px solid #fcab40; padding : 5px} 
.ph a:visited {border : 3px solid #e5884f} 
a:hover .ph {border : 5px solid #f5ac3b; padding : 0}
/*Photo news*/
.ph_news {border: 3px solid #EB9F31}
.ph_news a:link {border: 1px solid #333333; padding: 2px}
.ph_news a:visited {border: 1px solid #E5884F; padding: 2px}
a:hover .ph_news {border: #E5884F 1px solid; padding: 2px}
/*fomulaire */
input, select {
	color: #333333;
	margin: 0;
	padding: 3px;
}
.nk_input {
	background-color: #F7C543;
	border: 1px solid #000;
	color: #000000;
	margin: 0 5px 5px 0;
	padding: 5px;
}
textarea {
	border: 1px solid #000;
	color: #000000;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.bouton {background-color: #666666; border: 1px solid #333; text-align: center; padding: 3px; margin: 3px}
.binfo {text-align: center}
.binfo:hover {width:75px; height:25px; background-color: #F8BB49; border:1px solid #000; color:#000}
.submit {width:75px; height:25px; background-color: #666; border:1px solid #000; color:#000; }
.submit:hover {width:75px; height:25px; background-color: #F8BB49; border:1px solid #000; color:#000}

/*copyright*/
#copy {clear: both; width: 100%; background-color: #510C0E; font-size: 11px;	background-image: url(../images/fd_copy2.gif); background-repeat: repeat-x; background-position: top}
#copy_inner {width: 865px; text-align:left;	margin: 0 auto;	padding: 20px 0 15px 0}
#copy p {color:#FFF; font-size: 11px}
#copy a {
	color: #FFF;
	text-decoration: underline;
	font-size: 12px
}
#copy a:hover {
	color: #E5884F;
	text-decoration: none;
}
#copy h4 {
	font-size: 11px;
	color: #E5884F;
	font-weight: normal
}
.copy_content_ad {width:230px; float:left; margin-right:19px; background-image: url(../images/sep_copy2.gif); background-repeat: repeat-y; background-position: right}
.copy_content_pie {width:310px; float:left; margin-right:10px; background-image: url(../images/sep_copy2.gif);background-repeat: repeat-y; background-position: right; padding-right: 8px}
.copy_content_co {width:270px; float:right}

.flottante {float: left; width: 165px; margin-top: 0px; margin-bottom: 10px; margin-right: 0px;}
.spacer {clear: both; height: 25px}

.cell_detail {
width: 250px
}
.promo {
	background-color: #5D1113;
	border: 1px solid #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.align_right {
	text-align: right;
}
.align_center{
	text-align: center;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	margin: 0px;
	padding: 0px;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

