/*
 
 Theme Name: OSCAR Productions
 
 Theme URI: http://www.oscar.tm.fr
 
 Description: Theme Wordpress du site Oscar Productions
 
 Version: 3.0
 
 Author: Thomas COUDRAIS
 
 Author URI : http://www.thomas-coudrais.com
 
 */
/* --------------------------------
 
 -------------- GLOBAL -------------
 
 -------------------------------- */
@font-face {
	font-family: Gazole;
    src: url('GAZON___.TTF');
}
body {
   /* background: url(images/general/bg-body.png) repeat left top;*/
	/*background: url(images/general/background.jpg) no-repeat top;*/
    padding: 0px;
    margin: 0px;
    font: normal normal normal 12px Arial;
}
h1 {
    font-size: 18px;
    font-weight: normal;
}
h2, h3, h4, h5, h6, li, ul, img, p, a, a:hover {
    border: 0px;
    padding: 0px;
    margin: 0px;
    font: normal normal normal 12px Arial;
    color: #000000;
}
.titre{
	width:850px;
	height:40px;
	background: url(images/general/bg_titre.jpg) no-repeat top;
	 color: #fff;
    font: normal normal bold 28px Arial;
	padding-left:50px;
	padding-top: 3px;
	margin-bottom: 40px;
}
ul {
    list-style: none;
}
a, a:hover {
    cursor: pointer;
    text-decoration: none;
    outline-style: none;
}
.clear {
    clear: both;
}
input, label, form {
    background: transparent;
    padding: 0px;
    margin: 0px;
    outline: 0px;
    font-size: 100%;
    vertical-align: baseline;
}
/* --------------------------------
 
 ------------- GENERAL -------------
 
 -------------------------------- */
#container {
    background: white;
    width: 900px;
    height: auto;
    margin: 0px auto 0px auto;
}
#banner {
   background: url(images/general/bg_header.png) no-repeat right top;
    width: 900px;
    height: 126px;
}
#banner #logo{
   /* width: 900px;
    background: white;
    height: 30px;*/
	font-size: 18px;
    font-weight: normal;
	margin:0;
	padding:0px 0 0 15px;
	width:222px;
	float:left;
}
#banner .slide{
	float:right;
	width:634px;
}
#menu ul {
    float: left;
	padding:73px 0 0 50px;
}
#menu ul li {
    float: left;
	margin: 0 5px;
}
#menu ul li.page_item {
    /*position: relative;
    background-color: #000;
    text-align: center;*/
}
#menu ul li.page_item a.top-menu {
	text-align:center;
	font-size: 18px;
	color: #FFF;
	height:45px;
	padding-top:8px;
}
#menu ul li.page_item a.top-menu:hover {
    /*color: #CC0000;*/
}
#menu ul li.over {
    background-color: #FFF;
}
#menu ul li.maison-oscar{
	background: url(images/general/bt_maison.png) no-repeat;
	width:163px;
	height:53px;
}
#menu ul li.catalogue{
	background: url(images/general/bt_catalogue.png) no-repeat;
	width:100px;
	height:53px;
}
#menu ul li.espace-client{
	background: url(images/general/bt_client.png) no-repeat;
	width:141px;
	height:53px;
}
#menu ul li.nous-ecrire{
	background: url(images/general/bt_contact.png) no-repeat;
	width:141px;
	height:53px;
}
#menu ul li.maison-oscar:hover{
	background: url(images/general/bt_maison_hover.png) no-repeat;
}
#menu ul li.catalogue:hover{
	background: url(images/general/bt_catalogue_hover.png) no-repeat;
}
#menu ul li.espace-client:hover{
	background: url(images/general/bt_client_hover.png) no-repeat;
}
#menu ul li.nous-ecrire:hover{
	background: url(images/general/bt_contact_hover.png) no-repeat;
}
#menu ul li a {
    display: block;
    font-family: Arial;
    text-transform:;
}
#menu ul li.over a.top-menu {
    /*color: #CC0000 !important;*/
}
#footer {
	background: url(images/general/bg_footer.jpg) no-repeat;
    width: 100%;
    height: 283px;
	margin-top:35px;
}
#footer ul {
    float: left;
    width: 120px;
    padding-top: 15px;
    margin: 0px;
}
#footer ul.first {
    padding: 15px 0 0 150px;
	width: 150px;
}
#footer ul h3 {
    font: normal normal bold 12px Arial;
    color: #000;
}
#footer ul li a {
    font: normal normal normal 10px Arial;
    color: #585858;
}
p.version {
    float: right;
    margin-top: -15px;
    padding-right: 10px;
}
p.version a, p.version a:hover {
    float: left;
    padding-right: 10px;
    font: normal normal normal 10px Arial;
    color: #999999;
}
p.social {
    float: left;
    margin-top: -15px;
    padding-left: 10px;
}
p.social a, p.social a:hover {
    float: left;
    padding-left: 18px;
    font: normal normal normal 10px Arial;
    color: #999999;
    background: url(images/social/facebook-icone.png) no-repeat left;
}
a.splus, a:hover.splus {
    background: url(images/general/splus.png) no-repeat left bottom;
    padding-left: 15px;
    padding-top: 10px;
    display: block;
    font: normal normal normal 16px Arial;
    font-weight: bolder;
    color: #7DC7C8;
}
a.link, a:hover.link {
    color: #cc0000;
    text-decoration: underline;
}
/* --------------------------------
 
 --------------- HOME --------------
 
 -------------------------------- */
#container .home {
    min-height: 500px;
    position: relative;
}
#container .home #news-bar {
    margin: 2% 7% 0% 7%;
    padding-bottom: 1%;
    border-bottom: 2px dashed #555;
}
#container .home #news-title {
    width: 23%;
    font-size: 18px;
    color: #333;
    float: left;
}
#container .home #news-headlines {
    width: 75%;
    height: 22px;
    margin-left: 2%;
    float: left;
    overflow: hidden;
    line-height: 22px;
}
#container .home #news-headlines .news {
    display: none;
    color: #777;
    font-size: 13px;
}
#container .home #news-headlines .news-first {
    display: block;
}
#container .home .col1 {
    width: 840px;
    float: left;
    padding: 35px 0px 0px 30px;
    margin: 0px;
}
#container .home .bloc1 {
	width:900px;
}
#container .home .slide {
	width:900px;
	height:283px;
	background: url(images/general/bg_slide.png) no-repeat;
	margin-bottom:40px;
}
#container .home .bloc1 .texte {
    float: right;
    width: 450px;
    font-size: 18px;
	font-family: Arial;
	font-weight:bolder;
}
.slide-text-container{
	width:400px;
	float:left;
	padding-left:50px;
}
.slide-text-container h1.crossfade{
	padding-top:10px;
	text-decoration:none;
    padding-bottom: 7px;
    margin-bottom: 7px;
    color: #fff;
    font: normal normal bold 32px Arial;
}
.slide-text-container span, .slide-text-container span ul li{
	width:350px;
	font-size: 16px;
	font-weight:bolder;
}
.slide-image-container{
	float:left;
	padding-left:10px;
}
.slide-dot{
	width:10px;
	height:10px;
	border:1px #ffffff solid;
	background-color:#3e3e3e;
	margin-bottom:10px;
	margin-right:10px;
}
.slide-dot-selected{
	width:10px;
	height:10px;
	border:1px #3e3e3e solid;
	background-color:#ffffff;
	margin-bottom:10px;
	margin-right:10px;
}
#container .home .bloc2, #container .home .bloc3, #container .home .bloc4, #container .home .bloc5{
    /*position: absolute;*/
    /*left: 60px;*/
    /*bottom:-25px;*/
    width: 370px;
	float:left;
	margin-bottom:20px;
}
#container .home .bloc2 p, #container .home .bloc3 p, #container .home .bloc4 p{
	margin-bottom:15px;
	height:50px;
	font-size: 15px;
	line-height:20px;
}
#container .home .bloc2, #container .home .bloc4{
	margin-left:50px;
}
#container .home .bloc3, #container .home .bloc5{
	margin-left:50px;
}
#container .home .bloc2 p{
	width:210px;
	float:left;
}
#container .home .bloc2 p.visu_billeterie{
	background: url(images/general/visu_billeterie.png) no-repeat;
	width:130px;
	height:82px;
	float:right;
}
#container .home .bloc3 p{
	width:250px;
	float:left;
}
#container .home .bloc3 p.visu_bracelet{
	background: url(images/general/visu_bracelet.png) no-repeat;
	width:83px;
	height:84px;
	float:right;
}
#container .home .bloc4 p.contact{
	margin:0;
	height:auto;
	padding :0;
	line-height: 20px;
}
#container .home .bloc4 p.infos{
	color:#7d7d7d;
}
#container .home .bloc4 p.infos span.bold{
	font-weight:bold;
}
#container .home .bloc4 p.rouge{
	color:#db0a2c;
	margin-bottom:5px;
}
#container .home .bloc4 p.contact span.mail{
	padding-left:55px;
}
#container .home .bloc4 p.contact a.mail{
	color:#db0a2c;
	padding-left:55px;
	font-size:15px;
}
#container .home .bloc5 ul li{
	background: url(images/general/fleche.png) no-repeat;
	font-size: 15px;
    height: 20px;
    padding-left: 25px;
    padding-top: 5px;
	background-position:left center;
}
#container .home .bloc5 ul{
	margin-bottom:5px;
}
#container .home .bloc1 img.produit {
    height:250px;
}
#container .home .col2 {
    width: 445px;
    float: left;
    padding: 35px 0px 0px 0px;
    margin: 0px;
}
#container .home .col2 .bloc3 {
    display: none;
}
#container .home .col2 .bloc3 .image {
    padding-top: 25px;
    text-align: center;
}
#container .home h2 {
    background: url(images/general/pointille.png) repeat-x left bottom;
    padding-bottom: 7px;
    margin-bottom: 7px;
    font: normal normal bold 24px Arial;
    color: #cc0000;
}
#container .home h2 a, #container .home h2 a:hover {
    background: url(images/general/pointille.png) repeat-x left bottom;
    padding-bottom: 7px;
    margin-bottom: 7px;
    font: normal normal bold 21px Arial;
    color: #cc0000;
}
#container .home h3 {
    font: normal normal bold 16px Arial;
    color: #009999;
}
#container .home .col1 .bloc1 .p1 {
    background: url(images/home/bloc1-1.png) no-repeat right bottom;
    width: 300px;
    height: 184px;
    padding-top: 15px;
}
#container .home .col1 .bloc1 .p2 {
    background: url(images/home/bloc1-2.png) no-repeat right top;
    padding-right: 137px;
}
#container .home .col2 .bloc4 {
    background: url(images/home/bloc4-1.png) no-repeat right top;
    height: 295px;
}
#container .home .col2 .bloc4 h2 {
    width: 182px;
    padding-top: 40px;
}
#container .home .col2 .bloc4 .home-contact h2 {
    padding-top: 0px;
}
#container .home .col2 .bloc4 .home-contact a, #container .home .col2 .bloc4 .home-contact a:hover {
    display: block;
    padding-top: 20px;
    color: #CC0000;
    font: normal normal bold 13px Arial;
    text-decoration: underline;
}
#container .home .col2 .bloc4 .home-contact p {
    width: 200px;
}
#container .home  .frame_fb_like {
	float: right;
	padding-top: 5px;
	padding-right: 55px;
	margin-bottom: -40px;
}
/* --------------------------------
 
 ------- PAGE PRODUIT (Store) ------
 
 -------------------------------- */
#container .store {
    margin: 0px 50px;
	/*background: url(images/general/pointille.png) repeat-x left bottom;*/
}
#container .store .col_left{
	width:230px;
	float:left;
}
#container .store .col_left ul#menu_gauche{
	/*padding-top:40px;*/
}
#container .store .col_left ul#menu_gauche li a{
	font-size:14px;
	/*color:#969696;*/
	color:#000;
	line-height:22px;
}
#container .store .col_left ul#menu_gauche li a:hover{
	color:#CC0000;
}
#container .store .col_left ul#menu_gauche li.sep{
	border-bottom:#CC0000 dashed 1px;
	margin-top:14px;
	margin-bottom:12px;
	width:180px;
}
#container .store .col_right{
	width:570px;
	float:left;
}
#container .store .col_right .image_post{
	/*padding-top:30px;*/
}
#container .store h1 {
    padding-top: 10px;
    margin: 0;
    font: normal normal bold 34px Arial;
    color: #353535;
}
#container .store h4 {
    padding-bottom: 10px;
    font: normal normal normal 32px Arial;
    color: #660000;
}
#container .store h2 {
    background: url(images/general/etoile.jpg) repeat-x left bottom;
    padding-bottom: 18px;
    margin-bottom: 15px;
    color: #cc0000;
    font: normal normal normal 18px Arial;
}
#container .store a.prev, #container .store a.next {
    float: right;
    bottom: 0px;
    display: inline;
    height: 20px;
    font: normal normal normal 10px Arial;
    color: #cc0000;
    text-decoration: underline;
}
#container .store a.prev {
    background: url(images/general/prev.png) no-repeat right center;
    right: 68px;
    padding: 13px 35px 0px 0px;
}
#container .store a.next {
    background: url(images/general/next.png) no-repeat left center;
    right: 0px;
    padding: 13px 0px 0px 35px;
}
#container .store h3.colinfo {
    width: 560px;
    float: left;
}
#container .store h3.colinfo .descr {
    padding: 10px 0px;
	float:left;
}
#container .store h3.colinfo .descr p {
    color:#000;
	font: 15px Arial;
	padding-top:10px;
	line-height:20px;
}
#container .store .bottom a.shower, #container .home a.infos {
    background: transparent url("images/general/bt_infos.png") no-repeat;
    width: 104px;
    height: 25px;
    float:left;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-family: Arial;
	padding-top:3px;
	margin-top:3px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #000;
}
#container .store .bottom .show {
    display: none;
	float:left;
	width:590px;
	padding-top: 25px;
}
#container .store .bottom .show a, #container .store .bottom .show a:hover, #container .store .bottom .show a:visited  {
    color : #CC0000;
	text-decoration:underline;
}
#container .store div.palette {
    padding-bottom: 15px;
}
#container .store .bottom div.palette a {
    background-image: url(images/general/palette.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    width: 17px;
    height: 21px;
    margin-left: 3px;
    float: left;
}
#container .store .bottom div.palette .text {
    padding-bottom: 5px;
    padding-left: 4px;
}
#container .store .bottom div.palette .arrow img {
    padding-top: 2px;
    padding-left: 5px;
}
#container .store .infos {
	background: url(images/general/pdf.png) no-repeat 0px 12px;
    padding-top: 10px;
	float:left;
	width:560px;
	padding-left:45px;
}
#container .store a.pdf {
	display: block;
    color: #cc0000;
    font: normal normal normal 10px Arial;
    text-decoration: underline;
	padding-bottom:5px;
	padding-top: 5px;
}
#container .store p.pdf{
	background: url(images/general/pdf.png) no-repeat;	
	color: #cc0000;
    padding-top: 0px;
	/*height:41px;*/
	font: normal normal normal 14px Arial;
	font-weight:bolder;
	padding-bottom:5px;
	}
#container .client p.pdf {
	background: url(images/general/pdf.png) no-repeat;	
	color: #cc0000;
	padding-left: 50px;
    padding-top: 0px;
	/*height:41px;*/
	font: normal normal normal 14px Arial;
	font-weight:bolder;
	padding-bottom:5px;
	}
#container .store a.word {
    background: url(images/general/word.png) no-repeat left top;
}
#container .store .visu {
    width: 560px;
    float: left;
	background: url(images/general/pointille.png) repeat-x left bottom;
}
#container .store .visu img {
   float: left;
  padding:0 0 20px;
}
#container .store .bottom {
    height: 34px;
    position: relative;
	margin-top:30px;
}
#container .store .bottom .photo {
    float: right;
}
#container .store .bottom .photo a, #container .store .bottom .photo a:hover {
    background: transparent url("images/general/bt_photos.jpg") no-repeat;
    width: 145px;
    height: 31px;
   float:left;
    cursor: pointer;
    color: #fff;
    padding-left: 35px;    
    font-size: 13px;
    font-family: Arial;
	padding-top:10px;
	margin-right: 45px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #000;
	
}
/* --------------------------------
 
 ------------- DIAPORAMA -----------
 
 -------------------------------- */
#diaporama {
    background: url(images/general/ligth.png) repeat left top;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}
* html #diaporama {
    background: none;
}
* + html #diaporama {
    background: none;
}
#diaporama .content a.close {
    background: url(images/general/close.png) no-repeat right top;
    display: block;
    height: 20px;
    width: 55px;
    padding-top: 2px;
    position: absolute;
    right: 10px;
    top: 5px;
    font: normal normal normal 11px Arial;
    color: #cc0000;
    text-decoration: underline;
}
#diaporama .content a:hover.close {
    background: url(images/general/close-over.png) no-repeat right top;
}
#diaporama .content {
    position: relative;
    width: 850px;
    margin: 300px auto 0px auto;
}
#diaporama .content .diapo {
    background: white;
    border: 2px solid #cc0000;
    padding: 40px 0px 20px 0px;
}
#diaporama .content .diapo .item {
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    width: 0px;
    height: 350px;
}
#diaporama .content .diapo .item.current {
    width: 800px;
}
#diaporama .content .diapo .mini {
    height: 50px;
    padding-top: 20px;
    text-align: center;
    clear: both;
}
#diaporama .content .diapo .mini a {
    display: inline;
    margin: 0px 5px;
    width: 80px;
    height: 56px;
}
#diaporama .content .diapo .mini a img {
    border: 1px solid #cc0000;
}
/* --------------------------------
 
 --------------- POPUP -------------
 
 -------------------------------- */
#popup {
    background: url(images/general/ligth.png) repeat left top;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}
* html #popup {
    background: none;
}
* + html #popup {
    background: none;
}
#popup .content a.close {
    background: url(images/general/close.png) no-repeat right top;
    display: block;
    height: 20px;
    width: 55px;
    position: absolute;
    right: 10px;
    top: 5px;
    padding-top: 2px;
    font: normal normal normal 11px Arial;
    color: #cc0000;
    text-decoration: underline;
}
#popup .content a:hover.close {
    background: url(images/general/close-over.png) no-repeat right top;
}
#popup .content {
    position: relative;
    width: 850px;
    margin: 300px auto 0px auto;
}
#popup .content .diapo {
    background: white;
    border: 2px solid #cc0000;
    padding: 40px 0px 20px 0px;
}
#popup p {
    padding: 20px;
}
#popup h3 {
    padding: 20px 20px 0px 20px;
    color: #cc0000;
    font: normal normal normal 18px Arial;
}
/* --------------------------------
 
 ------------ MAISON OSCAR ---------
 
 -------------------------------- */
#container .maison {
    padding: 0px 50px;
}
* html .maison {
    padding: 0px 60px;
}
#container .maison h2 {
    background: url(images/general/pointille.png) repeat-x left bottom;
    padding-top: 30px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #cc0000;
    font: normal normal normal 18px Arial;
}
#container .maison .visu {
    float: left;
    padding-right: 30px;
}
#container .maison .trombi {
    background: url(images/general/pointille.png) repeat-x left bottom;
    width: 260px;
    height: 300px;
    position: relative;
    float: left;
}
#container .maison .trombi .mini {
    width: 36px;
    float: left;
    height: 51px;
    margin-right: 0px;
    cursor: pointer;
    overflow: hidden;
}
#container .maison .trombi .mini img {
    width: 35px;
    margin-top: -63px;
}
#container .maison .trombi .mini img.selected {
    margin-top: 0px;
}
#container .maison .trombi .large {
    height: 133px;
    width: 260px;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}
#container .maison .trombi .large img {
    width: 93px;
}
#container .maison .trombi .large p {
    position: absolute;
    bottom: 30px;
    right: 0px;
    font: normal normal bold 11px Arial;
    color: #cc0000;
}
#container .maison .trombi .large a {
    position: absolute;
    bottom: 15px;
    right: 0px;
    font: normal normal normal 11px Arial;
    color: #cc0000;
}
#container .maison .trombi .large span {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font: normal normal normal 11px Arial;
    color: #a9a9a9;
}
#container .maison .bio {
    padding: 20px 0px 20px 0px;
    background: url(images/general/pointille.png) repeat-x left bottom;
}
#container .maison .bio p {
    margin-bottom: 15px;
	font-size: 14px;
    line-height: 20px;
}
#container .maison .mentions {
    padding: 20px 0px 0px 0px;
}
#container .maison .mentions p {
    font: normal normal normal 10px Arial;
    color: #999999;
}
/* --------------------------------
 
 ---------- DEVENIR CLIENT ---------
 
 -------------------------------- */
#container .client {
    padding: 0px 50px;
}
* html #container .client {
    padding: 0px 60px;
}
/*#container .client h2 {
    padding-top: 30px;
    padding-bottom: 0px;
    color: #cc0000;
    font: normal normal normal 18px Arial;
}*/
#container .client .blc {
    background: url(images/general/pointille.png) repeat-x left bottom;
    margin-right: 15px;
    padding-bottom: 20px;
	margin-bottom:20px;
	width:auto;
	 display: inline-block;
}
#container .client .blc p.texte{
	width: 500px;
	float:left;
	font-size:14px;
	line-height: 20px;
}
#container .client .blc p.texte span{
	display:block;
}
#container .client .blc p.texte a {
	color: #CC0000;
	font-size: 15px;
	text-decoration: underline;
}
#container .client .blc .droite{
 	float: left;
    padding-left: 35px;
	width: 250px;
	overflow: hidden;
}
#container .client .blc .droite p.livraison{
	background: url(images/general/livraison.png) no-repeat left top;
	height:38px;
	padding-left:50px;
}
#container .client .blc h3 {
    width: 500px;
	padding-bottom: 5px;
    font: normal normal bold 21px Arial;
    color: #CC0000;
}
#container .client a.pdf {
    /*background: url(images/general/pdf.png) no-repeat left top;*/
    display: block;
    /*padding-left: 38px;*/
    padding-top:5px;
    margin-bottom: 5px;
    color: #cc0000;
    font: normal normal normal 10px Arial;
    text-decoration: underline;
}
#container .client .bottom {
    background: url(images/general/pointille.png) repeat-x left bottom;
    height: 1px;
    margin-top: 80px;
}
/* --------------------------------
 -------------- CONTACT ----------- 
 -------------------------------- */
#container .contact {
    padding: 0px 50px;
}
* html #container .contact {
    padding: 0px 60px;
}
#container .contact .encart {
    padding-bottom: 20px;
}
#container .contact .encart p {
    color: #7DC7C8;
    font: normal normal bold 16px Arial;
}
#container .contact p.tel_mail, #container .contact p.tel_mail a {
	margin:5px 0;
	color:#828282;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
}
#container .contact h3, #container .legislation h3 {
    padding-bottom: 5px;
    color: #cc0000;
    font: normal normal bold 21px Arial;
	background: url(images/general/pointille.png) repeat-x left bottom;
	margin-bottom:10px;
}
#container .contact .ggmap {
    padding-bottom: 20px;
}
#container .contact p{
	line-height:20px;
	font-size:14px;
}
#container .contact .blc {
    margin-right: 15px;
    padding-bottom: 20px;
	margin-bottom:20px;
	width:auto;
	display: inline-block;
}
#container .contact .blc p.texte{
	width: 500px;
	float:left;
	font-size:14px;
	line-height: 20px;
}
#container .contact .blc p.texte span{
	display:block;
}
#container .contact .blc .droite{
 	float: left;
    padding-left: 55px;
}
#container .contact p.pdf {
    background: url("images/general/pdf.png") no-repeat scroll 0 0 transparent;
    color: #CC0000;
    font: bolder 14px Arial;
    padding-bottom: 5px;
    padding-left: 50px;
    padding-top: 0;
}
#container .contact a.pdf {
    color: #CC0000;
    display: block;
    font: 10px Arial;
    margin-bottom: 5px;
    padding-top: 5px;
    text-decoration: underline;
}
#container .contact .bottom {
    background: url(images/general/pointille.png) repeat-x left bottom;
    height: 1px;
    margin-top: 50px;
}
#contact-form{
	margin-bottom: 25px;
	padding: 0px 10px;
}
#contact-form p{
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
}
#contact-form .contact-field{
	width:100%;
	height:auto;
	padding: 5px 0px;
}
#contact-form .contact-field label{
	font-size: 14px;
	width: 20%;
	padding-top: 2px;
	height: 18px;
	display: block;
	float: left;
}
#contact-form .contact-field .label-demande {
	display: inline;
	float: none;
	font-size: 13px;
	line-height: 23px;
	margin-left: 2px;
	margin-right: 18px;
}
#contact-form .contact-field input[type=text]{
	width: 55%;
	height: 20px;
	padding-left: 2px;
	display: block;
	float: left;
	font-size: 12px;
	border: 1px solid grey;
}
#contact-form .contact-field select{
	width: 55%;
	padding-top: 1px;
	height: 23px;
	font-size: 12px;
	display: block;
	float: left;
}
#contact-form .contact-field textarea{
	width: 55%;
	height: 150px;
	font-size: 12px;
	display: block;
	float: left;
}
#contact-form .contact-field .contact-error{
	height: 100%;
	width: 22%;
	padding-left: 1%;
	padding-top: 3px;
	display: none;
	float: left;
	font-size: 12px;
	color: red;
}
#contact-form #ajax-loader {
	float: right;
	display: none;
	height: 29px;
	padding-top: 10px;
	width: 50px;
	
	text-align: center;
}
#contact-form #contact-submit {
	width: 100px;
	height: 39px;
	background: transparent url(images/general/bt_send.png) no-repeat center center;
	border: none;
	float: right;
	margin-right: 25%;
	
	text-align: center;
	font-weight: normal;
	color: #FFF;
    font-size: 18px;
    text-align: center;
	cursor: pointer;
}
#contact-form #contact-submit:hover {
	background: transparent url(images/general/bt_send_hover.png) no-repeat center center;
}
#contact-result{
	padding: 5px 0px;
	margin-bottom: 25px;
}
#contact-result .contact-success{
	font-size: 16px;
	color: green;
}
#contact-result .contact-failure{
	font-size: 16px;
	color: red;
}
.contact-status {
	height: 400px;
}
.contact-status-success .contact-status-title {
	padding: 100px 0px 50px 0px;
	
	font-size: 40px;
	text-align: center;
	color: green;
	text-shadow: 1px 1px 1px #BBB;
}
.contact-status-failure .contact-status-title {
	padding: 100px 0px 50px 0px;
	
	font-size: 40px;
	text-align: center;
	color: #CC0000;
	text-shadow: 1px 1px 1px #BBB;
}
.contact-status .contact-status-details {
	padding: 50px 0px 0px 0px;
}
.contact-status .contact-status-details p {
	padding: 0px 25px;
	margin-bottom: 15px;
	
	font-size: 20px;
	text-align: center;
}
.contact-status .contact-status-details a {
	font-size: 16px;
	color: #CC0000;
	text-decoration: underline;
	text-align: center;
}
/* --------------------------------
 
 ------------- PAGE TYPE -----------
 
 -------------------------------- */
#container .page {
    padding: 0px 50px;
}
* html .page {
    padding: 0px 60px;
}
#container .page h2 {
    color: #cc0000;
    font: normal normal normal 18px Arial;
    padding-top: 30px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    background: url(images/general/pointille.png) repeat-x left bottom;
}
#container .legislation p {
    margin-bottom: 15px;
}
#container .page a.pdf {
    background: url(images/general/pdf.png) no-repeat left top;
    display: block;
    height: 18px;
    padding-left: 25px;
    padding-top: 7px;
    margin-bottom: 5px;
    color: #cc0000;
    font: normal normal normal 10px Arial;
    text-decoration: underline;
}
#container .page .bottom {
    background: url(images/general/pointille.png) repeat-x left bottom;
    height: 1px;
    margin-bottom: 15px;
	margin-top: 15px;
}
#container .mentions{
	min-height:300px;
}