/* GENERAL*/

html, body {
background:  #fff;
margin: 0 auto;
padding: 0;
text-align: center;

}
img {
margin: 0;
padding:0;
border:0;
}

/* ------------------------------------ CONTAINER */
#container {
background:  url(img_index/fondweb.jpg)  repeat;
margin: 0 auto;
padding:0;
width: 845px;
}


/* ------------------------------------ LEFT */
#left {
position:relative;
background: transparent  url(img_index/top.gif) no-repeat;
float:left;
margin: 0;
padding:0;
width: 320px;
height:278px;
text-align: right;
}
/* ------------------------------------ header */
#header {
text-align: right;
margin: 0;
padding:0;
width: 320px;
}
#header h1{
margin: 20px 12px 0 0;
padding:0 0 0 0;
font-family: georgia;
font-size: 46px;
font-weight: bold;
letter-spacing: 1px;
color:rgb(22,72,122);
}
#header h2{
margin: 0 12px 0 0;
padding:0;
font-family: verdana;
font-size: 15px;
font-weight: normal;
letter-spacing: 1px;
color:#666;
}
#header p{
margin: 18px 12px 0px 0;
padding: 0;
}
#header a {
font-family: georgia;
color:rgb(22,72,122);
text-decoration: none;
font-size: 46px;
text-decoration:none;
}

#header a:hover {
color: #666;
}
/* ------------------------------------ NAV */
#zone_nav{
position:absolute;
bottom:0;
left:0;
margin:0;
padding:0;
}

#zone_nav dl{
margin:0;
padding:0;
}
#zone_nav dt{
float:left;
line-height:16px;
border-top:3px solid #fff;
border-bottom:none;
padding:0;
width:320px;
}
#zone_nav dt a{
text-align:right;
background-color:rgb(22,72,122);
display:block;
font-family: verdana;
font-weight: bold;
font-size: 12px;
text-decoration: none;
color:#fff;
padding-right:12px;
padding-top:2px;
padding-bottom:2px;
}
#zone_nav dt a:hover{
background-color:#666;
color:#FFF;
}
#zone_nav dt a.select {
background:  #666;
}


/* ------------------------------------ RIGHT */
#right {
border-left: 3px solid #fff;
float:left;
margin: 0;
padding:0;
width: 522px;
height:278px;
}

/* ------------------------------------ CONTENT */
#content {
border-top: 3px solid #fff;
padding: 0;
margin: 0;
width:845px;
clear: both;

}
/* ------------------------------------ TEASERLEFT */
#teaserleft {
float:left;
padding: 0;
margin: 0;
width:320px;
text-align:center;
}
/* ------------------------------------ AD01 
background:  url(img_index/americacup.gif) no-repeat; */
#ad01 {
margin: 0 auto;
padding: 0;
text-align: center;
width: 280px;
text-align:left;
}
#ad01 h1{
margin: 0px 0 0 80px;
padding: 20px 0 4px 0;
border-bottom: 1px solid #333;
font-family: georgia;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
color:#333;
}
#ad01 p{
font-family: verdana;
font-size: 11px;
color:#666;
margin: 4px 0 0 80px;
padding:0;
background:  transparent;
}
#ad01 p.foto{
float:left;
margin: 35px 0 0 0 ;
padding:0;
}
#ad01 a {
font-family: verdana;
color: #16487A;
text-decoration: none;
font-size: 11px;
text-decoration:underline;
line-height:13px;
}
#ad01 a:hover {
color: #333;
}


#ad01 ul{
padding: 0px 0px 3px 0px;
margin: 0px 0px 0px 80px ;
list-style-type: none;
}

#ad01 li {
font-family: verdana;
font-size: 11px;
color:#666;
padding: 3px 0px 0px 0px;
margin: 3px 0px 0px 0px ;
list-style-type: none;
}


/* ------------------------------------ AD02 
background:  url(img_index/bic-patly_logo.jpg) no-repeat; */
#ad02 {
margin: 0 auto;
padding: 20px 0 0 0;
text-align: center;
width: 290px;
text-align:left;
}
#ad02 h1{
border-bottom: 1px solid #333;
margin: 0px 0 0 80px;
padding:0 0 4px 0;
font-family: georgia;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
color:#333;
}
#ad02 p.foto{
float:left;
margin: 20px 0 0 0 ;
padding:0;
}
#ad02 p{
font-family: verdana;
font-size: 11px;
color:#666;
margin: 4px 0 0 80px;
padding:0;
background:  transparent;
}
#ad02 a {
font-family: verdana;
color: #16487A;
text-decoration: none;
font-size: 11px;
text-decoration:underline;
}

#ad02 a:hover {
color: #333;
}

/* ------------------------------------ TEASERRIGHT01 */
#teaserright01 {
border-left: solid #fff 3px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0 0px 0px;
width:522px;
text-align: left;
}
#teaserright01 h1{
border-left: solid rgb(22,72,122) 6px;
margin: 20px 12px 10px 12px;
padding:0 0 0 6px;
font-family: georgia;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
color:rgb(22,72,122);
}
#teaserright01 h2{
margin: 10px 12px 0 15px;
padding:0;
font-family: georgia;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
color:#333;
}

#teaserright01 p{
font-family: verdana;
font-size: 11px;
color:#666;
margin: 5px 12px 0 12px;
padding:0;
background:  transparent;
}
#teaserright01 p.liens{
font-family: verdana;
font-size: 11px;
color:#666;
margin: 0px 12px 0 12px;
padding:0;
background:  transparent;
}
#teaserright01 p.film{
text-align: center;
margin: 0;
padding:0;
background:  transparent;
}
#teaserright01 a {
font-family: verdana;
color: #16487A;
text-decoration: none;
font-size: 11px;
text-decoration:underline;
}couv

#teaserright01 a:hover {
color: #333;
}
#teaserright01 p.couv{
float:left;
margin: 4px 12px 0 0px;
padding:0px 0px 0 12px;
}

/* ------------------------------------ TEASERRIGHT02 TEASERRIGHT03 */
#teaserright02{
border-left: solid #fff 3px;

float:left;
padding: 0px 0 20px 0px;
margin: 0px 0 0px 0px;
width:261px;
text-align: left;
}
#teaserright03 {

float:left;
padding: 0px 0 20px 0px;
margin: 0px 0 0px 0px;
width:261px;
text-align: left;
}
#teaserright02 h1, #teaserright03 h1{
border-left: solid rgb(22,72,122) 6px;
margin: 20px 12px 10px 12px;
padding:0 0 0 6px;
font-family: georgia;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
color:rgb(22,72,122);
}
#teaserright02 h2, #teaserright03 h2{
margin: 10px 12px 0 15px;
padding:0;
font-family: georgia;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
color:#333;
}

#teaserright02 p, #teaserright03 p{
font-family: verdana;
font-size: 11px;
color:#666;
margin: 4px 12px 0 12px;
padding:0;
background:  transparent;
}
#teaserright02 a, #teaserright03 a {
font-family: verdana;
color: #16487A;
text-decoration: none;
font-size: 11px;
text-decoration:underline;
}

#teaserright02 a:hover, #teaserright03 a:hover {
color: #333;
}


/* ------------------------------------ BLANK */
#blank {
padding: 0;
margin: 0;
visibility: hidden;
width:840px;
clear: both;
}
/* ------------------------------------ FOOTER */
#footer {
border-top: 3px solid #fff;
margin: 0 auto;
padding:0;
width: 845px;
background: #fff url(img_index/bottom.gif)  no-repeat;
text-align:center;
}
#footer p{
margin: 5px 0 10px 0;
padding:0;
background:  transparent;
font-size: 11px;
color: #ccc;
font-family: verdana;
}
#footer ul {
list-style: none;
margin: 10px 0 10px 0;
padding: 0;
}

#footer li {
margin: 0 2px 0 2px ;
padding: 0;
display:inline;
}

#footer a {
font-family: verdana;
letter-spacing: 1px;
color: #999;
text-decoration:underline;
font-size: 11px;
}

#footer a:hover {
color: #333;
}


/* --------------------------form */
#form {
float: left;
text-align:center;
background:transparent ;
padding: 0px 10px 0px 10px;
margin:0 auto;
width: 100%;
}
p {
margin:0;
padding: 0px 0px 6px 0px;
}
label {
font-family: verdana;
font-size: 11px;
font-weight:normal;
color:#666;
margin:0;
padding: 0px 0px 0px 0px;
}
input {
margin: 0;
border:1px solid black;
background-color:#ccc;
color:#000;
width:300px;
}
select, option {
background-color:#ccc;
color:#000;
}
textarea {
border:1px solid black;
background-color:#ccc;
color:#000;
width:300px;
}
input.bouton {
border:2px outset #ccc;
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
background-color:#000;
color:#fff;
}
input.bouton:active {
border:2px inset #F5F5F5;
background-color:#000;
color:#fff;
}