/* *************************** 
  Site - eventex
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
  $7 - Forms
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#de6e3e;
	text-decoration:none;
}
a:hover {
	color:#de6e3e;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
ul li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	font:12px  Verdana, Geneva, sans-serif;
	background:#fbfcfc;
	color:#77787b;
}
/* *************************** 
   $3 Header Styles
   ***************************/
#header{
	background:url(../images/bg_header.png) center top no-repeat;
}
#header .header_inner{
	height:147px;
	width:1000px;
	margin:0px auto;
	position:relative;	
	background:url(../images/bg_header.png) center top no-repeat;
}
#header .header_inner h1{
	position:absolute;
	width:309px;
	height:51px;
	left:23px;
	top:39px;
}
#header .header_inner h1 a{
	display:block;
	text-indent:-9999px;
	outline-style:none;
	background:url(../images/logo.png) no-repeat;
	width:309px;
	height:51px;
}
.header_form{
	background:url(../images/bg_header_form.png) right top no-repeat;
	position:absolute;
	top:42px;
	right:26px;
}
.header_form .input_box{
	width:98px;
	height:22px;
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#6c6c6c;
	vertical-align:middle;
	font-size:12px;
	padding-left:30px;
	padding-top:10px;
}
.header_form .search_button{
	width:32px;
	height:32px;
	border:none;
	background:none;
	cursor:pointer;
	vertical-align:middle;
}
.header_form label{
	display:block;
	width:86px;
	height:18px;
	float:left;
	color:#de6e3e;
	font-size:16px;
}
.header_links{
	position:absolute;
	top:89px;
	right:22px;
}
.header_links ul{
}
.header_links ul li{
	float:left;
	padding:1px 5px 1px 9px;
	background:url(../images/bg_header_links_li.png) left 3px no-repeat;
}
.header_links ul li.first{
	background:none;
}
.main_nav{
	width:100%;
	position:absolute;
	top:112px;
	left:0px;
	height:35px;
	background:url(../images/bg_main_nav.png) left top repeat-x;
}
/* *************************** 
   $4 Content Styles
   ***************************/
.flash_1{
	background:#e5e8ea url(../images/bg_flash_1.png) center top repeat-y;
	height:
}
.flash_box{
	width:1000px;
	margin:0px auto;
}
.flash_img1{
	display:block;
}
#container {
	background:url(../images/bg_container.png) center top repeat-y;
}
#content{
	width:1000px;
	margin:0px auto;
}
#maincontent{
	width:742px;
	float:left;
}
#maincontent h2{
	font-size:24px;
	font-weight:normal;
	color:#de6e3e;
}
#maincontent .main_zone{
	padding:0px 39px 50px 39px;
}
#maincontent .main_zone h2{
	padding-top:15px;
}
#maincontent .main_zone h3{
	font-size:24px;
	color:#de6e3e;
	font-weight:normal;
}
#maincontent .main_zone p.bodytext{
padding-bottom:8px;
}
#maincontent .main_zone ul{
	padding-top:16px;
}
#maincontent .main_zone ul li{
	font-size:12px;
	color:#de6e3e;
	background:url(../images/bg_text_box_li.png) left 4px no-repeat;
	padding:1px 0px 1px 13px;
}
#maincontent .maincontent_text_box{
	background:#eff1f3;
	width:647px;
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
}
#maincontent .maincontent_text_box img.left_arrow{
	position:absolute;
	top:0px;
	left:-10px;
	display:block;
}
#maincontent .maincontent_text_box img.right_arrow{
	position:absolute;
	bottom:-6px;
	right:0px;
	display:block;
}
#maincontent .maincontent_text_box p{
	padding:20px 35px;
	font-size:12px;
}
.maincontent_inner{
	padding-left:68px;
	padding-top:26px;
}


.maincontent_inner_box{
	width:592px;
}

.maincontent_inner_box .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	height:30px;
	font-size:17px;
	line-height:30px;
	color:#de6d3d;
	cursor:pointer;
	padding-left:32px;
	background:url(../images/bg_arrowlistmenu_2.png) left top no-repeat;
	outline-style:none;
	overflow:hidden;
	padding-top:2px;
}
.maincontent_inner_box .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background:url(../images/bg_arrowlistmenu_3.png) left top no-repeat;
	outline-style:none;
}
.maincontent_inner_box .categoryitems{
	padding:16px 24px 26px 42px;
	background:#f4f5f6;
}

.home_boxes{
	width:100%;
	height:160px;
}
.home_boxes .box_outer{
	float:left;
	width:246px;
	padding-left:1px;
	height:140px;
	position:relative;
	z-index:8888;
}

.home_boxes .box_outer .box {
	width:246px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:100;
}
.home_boxes .box_outer .box .box_inner{
	padding:0px 10px 0px 30px;	
	height:140px;
	background:#FFF url(../images/bg_box.png) left top repeat-x;
}
.home_boxes .box_outer .box .box_inner h4{
	font-size:12px;
	color:#77787b;
	padding-top:13px;
}
.home_boxes .box_outer .box .box_inner p{
	font-size:12px;
	color:#77787b;
	padding:5px 0px;
}
.home_boxes .box_outer .box_more{
	width:241px;
	height:30px;
	line-height:30px;
	text-align:right;
	background:#ed6023;
	display:none;
	color:#fff;
	padding-right:5px;
}
.home_boxes .box_outer .box_more a{
	padding-right:18px;
	background:url(../images/bg_box_more.png) right top no-repeat;
	color:#fff;
}
.home_boxes .box_outer .box_more a:hover{color:#fff;}
/* *************************** 
   $5 Sidebar Styles
   ***************************/
#sidebar{
	width:258px;
	float:right;
}
#sidebar h2{
	background:url(../images/bg_sidebar_h2.png) left top repeat-x;
	height:38px;
	padding-left:9px;
	font-size:21px;
	color:#FFF;
	font-weight:normal;
	/*margin-top:10px;*/
	line-height:35px;
}
#sidebar h2.first{ margin-top:0px;}
#sidebar .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	height:31px;
	line-height:31px;
	font-size:12px;
	color:#77787b;
	outline-style:none;
	padding-left:32px;
	cursor:pointer;
	background:url(../images/bg_arrowlistmenu_1.png) left top no-repeat;
}
#sidebar .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background:url(../images/bg_arrowlistmenu_1.png) left bottom no-repeat;
}
#sidebar .categoryitems{
	padding:10px 24px 16px 38px;
	background:#fafbfc url(../images/bg_sidebar_box_text.png) left bottom repeat-x;
}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer{
	background:url(../images/bg_footer.jpg) center bottom no-repeat;
	clear:both;
	padding-top:40px;
}
#footer .footer_inner{
	width:1000px;
	padding-bottom:46px;
	margin:0px auto;
}
#footer .footer_inner ul.footer_list{
	width:100%;
	overflow:hidden;
}
#footer .footer_inner ul.footer_list li{
	background:url(../images/bg_footer_li.png) left top no-repeat;
	padding:3px 13px 3px 16px;
	float:left;
	color:#3f3e3e;
}
#footer .footer_inner ul.footer_list li a{color:#d9d8d8;}
#footer .footer_inner ul.footer_list li a:hover{color:#d9d8d8;}
#footer .footer_inner ul.footer_list li.first{
	padding:3px 2px 3px 15px;
	background:none;
}
#footer .footer_inner ul.footer_list li.second{
	background:none;
}
#footer .footer_inner .footer_links{
	padding-bottom:77px;
	line-height:15px;
	text-align:justify;
}
#footer .footer_inner .footer_links li{
	display:inline;
	color:#FFF;
	font-size:14px;
}
#footer .footer_inner .footer_links li a{ color:#FFF;}
#footer .footer_inner .footer_links li a:hover{ color:#FFF;}
#footer .footer_inner .footer_links.footer_links_1{
	padding-bottom:0px;
	line-height:13px;
	text-align:justify;
}
#footer .footer_inner .footer_links.footer_links_1 li{
	font-size:12px;
	color:#de6e3e;
}
#footer .footer_inner .footer_links.footer_links_1 li a{ color:#de6e3e;}
#footer .footer_inner .footer_links.footer_links_1 li a:hover{ color:#de6e3e;}
#footer .typo3member {float:right;margin-top:-63px;margin-right:10px;}
#footer .typo3member li{display:inline;}

#mapEvSud,
#mapEvNord{
float:right;
margin-top:-130px;
}

/* *************************** 
   $7 Forms
   ***************************/



.tx-powermail-pi1 {
	width: 95%;	/*** Largeur du formulaire ***/
	border: 0px solid black;
	color: black;
	background: #fff;
	margin: 0;
	padding: 0em;
}
.tx-powermail-pi1 input,.tx-powermail-pi1 textarea{
padding:5px; width:200px;margin-bottom:10px;
}

.tx-powermail-pi1_fieldset {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	outline:1px;
	color: black;
	background: #F7F7F7;
	margin: 0;
	padding: 1em;
  border:1px solid #E36E62;
}
.tx-powermail-pi1_fieldset legend {	/*** Mise en forme des titres des cadres ***/
        font-size:1em;
	font-weight: bold;
	color: #3F3F3F;
	background: transparent;
}

.tx-powermail-pi1_fieldset  label {	/*** Mise en forme des intitulés de champs ***/
        color:#3F3F3F;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés a droite... ***/
        clear:both;
	margin: 0;
	padding: 0 5px 0 0;
	line-height: 18px;	/*** ... et centrés verticalement. ***/
}
.tx-powermail-pi1_fieldset label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs a cliquer sur les intitulés ***/
}
.tx-powermail-pi1_fieldset label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}

.tx-powermail-pi1_fieldset input:focus,.tx-powermail-pi1_fieldset textarea:focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
	
}
.tx-powermail-pi1_fieldset .normal {	/*** Retour a l'état normal apres l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme du pied de formulaire ***/
.tx-powermail-pi1_fieldset_4 {	
	font: bold 1em arial, hevetica, sans-serif;
	color: white;
	margin: 0;
	padding: 5px;
        
}
.tx-powermail-pi1_fieldset_4 {
	text-align: right; /*** Les boutons sont alignés a droite ***/
}
.tx-powermail-pi1_fieldset_4 input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 10px;
     
        background:#fff;
        color:#182C82;
}
.tx_powermail_pi1_fieldwrap_html_submit{
float:right;
margin-right:20px;
}


#outerdiv
{
width:240px;
height:220px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-426px;
left:-189px;
width:1280px;
height:1200px;
}