@charset "utf-8";
/* CSS Document */
/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */

div.kill_float{ clear:both;}
*body{text-align:center;}
/************************************************************************************************************************************************/
/************   Divs   **************************************************************************************************************************/
/************************************************************************************************************************************************/
#header{ position:relative; width:100%; height:340px; overflow:hidden; background-image:url(../img/fond_header.jpg); background-position:center top; background-repeat:no-repeat; z-index:0;}

#conteneur_header{ position:relative; width:990px; height:340px; margin-left:auto; margin-right:auto; margin-top:-20px; z-index:2;}
#logo{ position:relative; width:285px; height:340px; float:left; z-index:5; }
#central_img{ position:relative; width:705px; height:340px; float:left; margin-left:-20px; background-image:url(../img/central_header.jpg); z-index:4; }
#transpa_header_right{position:relative; float:left; width:20px; height:423px; background-image:url(../img/transpa_header_vert_right.png);}

#transpa_header_top{ position:relative; width:100%; height:20px; background-image:url(../img/transpa_header_top.png); background-position:center; background-repeat:no-repeat; z-index:5;}
#transpa_header_bottom{ position:relative; width:100%; height:20px; background-image:url(../img/transpa_header_bottom.png); background-position:center; background-repeat:no-repeat; z-index:5; margin-top:-20px; }

#content{position:relative; width:950px; *width:1000px; padding:10px; margin-left:auto; margin-right:auto; *text-align:left; }
#encarts_left{ position:relative; float:left; width:670px; padding:10px 5px 15px 5px; margin-right:45px; *+margin-left:15px; *+margin-right:50px;}
#encarts_right{ position:relative; float:left; width:200px; padding:10px; }

#mot_festival{float:left; margin:0px 0px 10px 0px;}
#actualites{float:left; width:342px; margin:10px 5px 0px 0px;}
#programmation{float:left; width:342px; margin:10px 0px 0px 5px;}
#infos_pratiques{float:left; width:342px; height:auto; margin:10px 5px 0px 0px;}
#prev_editions{float:left; width:342px; height:auto; margin:10px 0px 0px 5px;}

#search_box{ position:relative; width:200px; height:auto; border:1px solid #999999; padding:5px; *text-align:left;}
#newsletter_box{position:relative; width:200px; border:1px solid #999999; padding:5px; margin-top:10px; *text-align:left; }
#partenaires_box{position:relative; width:200px; height:auto; }
#partenaires_logos_1{ position:relative; width:200px; height:150px; margin-top:15px;}
#partenaires_logos_2{ position:relative; width:200px; height:150px;}

#footer{ position:relative; width:950px; padding:10px; margin-left:auto; margin-right:auto;}

#separ_footer_hor{position:relative; display:block; width:950px; height:20px; padding:0px 10px; margin-left:auto; margin-right:auto; background-image:url(../img/transpa_bottom.png); background-position:center; background-repeat:no-repeat;}
#social_medias_box{ float:left; width:220px; *text-align:left;}
#plan_footer_box{ float:left; margin-left:20px; *text-align:left;}
#separ_footer_vert{position:relative; width:19px; height:213px; float:left; background-image:url(../img/transpa_separ_footer.png); margin:0px 10px;}

#contact_left{ width:290px; height:100px; padding:10px; float:left; border:1px solid #999;}
#contact_right{ width:290px; height:100px; padding:10px; float:left; margin-left:30px; border:1px solid #999;}
#contact_mail{ width:630px; height:auto; padding:10px; border:1px solid #999; margin-top:30px;}

ul.menu_bottom{position:relative; width:640px; padding:15px; height:10px; float:right; list-style:none;}
ul.menu_bottom li{ font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.8em; position:relative; float:left; margin:0px 5px; color:#06c;}
ul.menu_bottom li a{ text-decoration:none; color:#06c;}
ul.menu_bottom li a:hover{ text-decoration:underline;}

ul.social_medias{position:relative; width:200px; float:left; list-style:none; color:#666;}
ul.social_medias li{ height:32px;}
ul.social_medias li a{ font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.8em; color:#666; text-decoration:none;}
ul.social_medias li a:hover{ text-decoration:underline;}


ul.plan_site{position:relative; width:200px; float:left; list-style:none; color:#666;}
ul.plan_site li{ height:28px;}
ul.plan_site li a{ font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.8em; color:#666; text-decoration:none;}
ul.plan_site li a:hover{ text-decoration:underline;}

#accueil td{ vertical-align:top;}

/************************************************************************************************************************************************/
/************  Textes  **************************************************************************************************************************/
/************************************************************************************************************************************************/
h1{ font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:1.2em; font-weight:bold; color:#111; margin:10px 0px 5px 0px; text-transform:uppercase; }
h2{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:1em; color:#06c; margin:15px 0px 0px 0px; padding:0px; text-transform:uppercase;}
h2.side_boxes{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.80em; color:#06c; margin:15px 0px 12px 5px; padding:0px;}
h3{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.9em; color:#333; letter-spacing:1pt; text-transform:capitalize; margin:15px 0px 10px 0px;}
h3.title_prog{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.85em; color:#555; letter-spacing:1pt; text-transform:capitalize; margin:10px 0px 10px 0px;}
p.main_text{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.80em; color:#111; text-align:left; line-height:1.5em; float:left; letter-spacing:1pt; display:block; width:210px; margin:0px; padding:10px 0px;}
p.main_text_big{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.80em; color:#111; text-align:left; line-height:1.5em; float:left; letter-spacing:1pt; display:block; width:342px; margin:0px; padding:10px 0px;}
p.auteur{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.75em; color:#09C; text-align:left; line-height:1.2em; letter-spacing:0.9pt; margin:0px; padding:5px 0px;}


#actus{ width:550px; float:left; height:auto; padding-left:20px; padding-bottom:10px; margin-top:10px; margin-bottom:15px; background-image:url(../img/separ_actus.png); background-repeat:repeat-y;}
p{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.9em; color:#444; text-align:left; line-height:1.4em; padding:0px;}
p.basic_text{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.9em; color:#444; text-align:left; line-height:1.4em; padding:0px;}
p.confirm_mail{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.75em; color:#090; padding:10px 0px; text-align:center; line-height:1.5em; letter-spacing:1pt;}
p.err_mail{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.75em; color:#C00; padding:10px 0px; text-align:center; line-height:1.5em; letter-spacing:1pt;}
p.text_boxes{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.70em; color:#111; text-align:left; line-height:1.5em; float:left; letter-spacing:1pt; display:block; width:180px; margin:0px 10px; padding:0px;}
a.side_boxes_link{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.72em; color:#5b79b2; text-align:right; line-height:15px; float:left; letter-spacing:1pt; display:block; width:180px; margin:10px; padding:0px; text-align:right; text-decoration:none;}
a.side_boxes_link:hover{ text-decoration:underline;}
a.nostyle{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.9em; color:#444; text-align:left; line-height:1.4em; padding:0px; text-decoration:none;}
a.nostyle:hover{ text-decoration:underline;}

/* Liens pages Liens */
a.link_page{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.9em; color:#5b79b2; line-height:15px; letter-spacing:1pt; padding:0px; text-decoration:none; display:block; padding-bottom:20px;}
a.link_page:hover{text-decoration:underline;}

a.link_basic_center{font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.72em; color:#5b79b2; line-height:15px; letter-spacing:1pt; padding:0px; text-decoration:none; display:block; width:auto; height:auto; padding-bottom:20px; padding-top:20px; text-align:center;}
a.link_basic_center:hover{text-decoration:underline;}

/* SUB MENU */
ul.sub_menu{ margin-top:10px; margin-bottom:30px; width:710px; height:25px;}
ul.sub_menu li{display:inline; margin:10px; height:25px;}
ul.sub_menu li a{ line-height:25px; font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.9em; color:#555; text-decoration:none;}
ul.sub_menu li a:hover{ text-decoration:underline;}
ul.sub_menu li a.actif{ text-decoration:underline;}

/* IMAGES */
img.align_left{ float:left; padding:10px 8px 0px 0px;}
img.align_left_big{ float:left; padding:10px 8px 0px 0px;}
img.part{ margin-left:20px; margin-top:10px;}
img{margin:3px;}

/* FORMULAIRES */
form.formular{ font-family:'Helvetica Neue', Helvetica, Arial, default; font-size:0.8em; }
.formular fieldset{	margin-top:15px; padding:15px; border:1px solid #B5B8C8;}
.formular legend{ font-size:12px; color:#15428B; font-weight:900; margin-bottom:10px;}
.formular fieldset label{ float:none; text-align:inherit; width:auto; }
.formular label span{ color:#000;}
.formular input{ padding:2px 5px; margin:2px 0px;}
.formular input.mini{ padding:2px 5px; width:10px;}
.formular input.small{ padding:2px 5px; width:100px;}
.formular input.medium{ padding:2px 5px; width:420px;}
.formular input.maxi{ padding:2px 5px; width:470px;}
.formular textarea{ width:250px; height:70px; color:#555; padding:4px; border:1px solid #B5B8C8; font-size:14px; margin-top:4px; background:#FFF url('/img/form/text-bg.gif') repeat-x;}
.formular .infos{ background:#FFF; color:#333; font-size:12px; padding:10px; margin-bottom:10px; }
.formular span.checkbox, .formular .checkbox{ display:inline; }
.formular .submit{ background:url('/img/form/button-bg.png') repeat-x; border:1px solid #AAA; padding:4px; margin-top:20px; float:right; text-decoration:none; cursor:pointer; }
.formular hr{ clear:both; visibility:hidden; }
.formular .fc-error{ width:350px; color:555; padding:4px; border:1px solid #B5B8C8; font-size:12px; margin-bottom:15px; background:#FFEAEA; }

#search_box input{padding:2px 5px; width:180px; margin-left:3px;}
#search_box input.validation{padding:2px 10px; width:auto; float:right;  }
#newsletter_box input{padding:2px 5px; width:180px; margin-left:3px;}
#newsletter_box input.validation{padding:2px 10px; width:auto; float:right;  }