@charset "utf-8";
/* CSS Document */

	@font-face {
    font-family: 'Gotham-Ultra';
    src: url('../_fonts/Gotham-Ultra.eot');
    src: url('../_fonts/Gotham-Ultra.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Gotham-Ultra.woff') format('woff'),
         url('../_fonts/Gotham-Ultra.ttf') format('truetype'),
         url('../_fonts/Gotham-Ultra.svg#Sri-TSCRegular') format('svg');
  }
  
	@font-face {
    font-family: 'Gotham-Black';
    src: url('../_fonts/Gotham-Black.eot');
    src: url('../_fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Gotham-Black.woff') format('woff'),
         url('../_fonts/Gotham-Black.ttf') format('truetype'),
         url('../_fonts/Gotham-Black.svg#Sri-TSCRegular') format('svg');
  }

	@font-face {
    font-family: 'Gotham-BlackItalic';
    src: url('../_fonts/Gotham-BlackItalic.eot');
    src: url('../_fonts/Gotham-BlackItalic.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Gotham-BlackItalic.woff') format('woff'),
         url('../_fonts/Gotham-BlackItalic.ttf') format('truetype'),
         url('../_fonts/Gotham-BlackItalic.svg#Sri-TSCRegular') format('svg');
   }
   
	@font-face {
    font-family: 'Gotham-Bold';
    src: url('../_fonts/Gotham-Bold.eot');
    src: url('../_fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Gotham-Bold.woff') format('woff'),
         url('../_fonts/Gotham-Bold.ttf') format('truetype'),
         url('../_fonts/Gotham-Bold.svg#Sri-TSCRegular') format('svg');
   }
   
	@font-face {
    font-family: 'Gotham-BoldItalic';
    src: url('../_fonts/Gotham-BoldItalic.eot');
    src: url('../_fonts/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Gotham-BoldItalic.woff') format('woff'),
         url('../_fonts/Gotham-BoldItalic.ttf') format('truetype'),
         url('../_fonts/Gotham-BoldItalic.svg#Sri-TSCRegular') format('svg');
   }
   
	@font-face {
    font-family: 'Gotham-Book';
    src: url('../_fonts/Gotham-Book.eot');
    src: url('../_fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Gotham-Book.woff') format('woff'),
         url('../_fonts/Gotham-Book.ttf') format('truetype'),
         url('../_fonts/Gotham-Book.svg#Sri-TSCRegular') format('svg');
   }
   
	@font-face {
    font-family: 'Gotham-BookItalic';
    src: url('../_fonts/Gotham-BookItalic.eot');
    src: url('../_fonts/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Gotham-BookItalic.woff') format('woff'),
         url('../_fonts/Gotham-BookItalic.ttf') format('truetype'),
         url('../_fonts/Gotham-BookItalic.svg#Sri-TSCRegular') format('svg');
   }
   
	@font-face {
    font-family: 'Gotham-Medium';
    src: url('../_fonts/Gotham-Medium.eot');
    src: url('../_fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Gotham-Medium.woff') format('woff'),
         url('../_fonts/Gotham-Medium.ttf') format('truetype'),
         url('../_fonts/Gotham-Medium.svg#Sri-TSCRegular') format('svg');
   }
   
	@font-face {
    font-family: 'Gotham-MediumItalic';
    src: url('../_fonts/Gotham-MediumItalic.eot');
    src: url('../_fonts/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Gotham-MediumItalic.woff') format('woff'),
         url('../_fonts/Gotham-MediumItalic.ttf') format('truetype'),
         url('../_fonts/Gotham-MediumItalic.svg#Sri-TSCRegular') format('svg');
   }
   
   /* 
   	font-family: 'Gotham-Ultra', Arial, Helvetica, sans-serif;
   	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-family: 'Gotham-BlackItalic', Arial, Helvetica, sans-serif;
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-family: 'Gotham-BoldItalic', Arial, Helvetica, sans-serif;
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	font-family: 'Gotham-BookItalic', Arial, Helvetica, sans-serif;
	font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
	font-family: 'Gotham-MediumItalic', Arial, Helvetica, sans-serif;
*/



.hide{display:none !important;}



#r2{display:block;}
*{margin:0; padding:0; text-decoration:none; border:none;}
h1, h2, h3, h4, h5, p{font-weight:400;}
.clr{clear:both;}
img{max-width:100%;}

body{
	font-size:18px;
	color:#fff;
}
.content{
	position:relative;
	max-width:1400px;
	margin:auto;
}
header{
	background:url(../_img/menu.png) top repeat-x;
	position:relative;
	width:100%;
	height:130px;
}

#logo,
nav{
	float:left;
}

header .content #logo{
	background:url(../_img/menu2.png) top right no-repeat;
	position:relative;
	width:25%; padding-right:5%;
	height:130px;
	text-align:left;
}
header #logo img{padding-top:24px;}

header .content nav{
	width:70%;
	height:100%;
	text-align:left;
}
header nav ul{
	margin:40px 0 0 3%;
	text-align:justify;
	width:91%;
	font-size:0;
	font-size: 12px\9; /*ie6-9 hack*/
	}
	
header nav ul li{
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-size:24px;
	list-style-type:none;
	display:inline-block;
	vertical-align:middle;
	text-transform:uppercase;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin:0 10px;
}

header nav ul:after{
	content:"";
	width:100%;
	display:inline-block;
	
	zoom:1;
	*display:inline;
}
header nav li a{color:#fff;}
header nav li a:hover{color:#ee3744;}

header nav li a.fb{
	background:url(../_img/icon_facebook.png) top no-repeat;
	background-position:0 0;
	display:block;
	height:40px;
	width:40px;
}
header nav li a.fb:hover{
	background-position:0 -63px;
}

section{
	position:relative;
}
.rotator{
	width:100%;
	position:relative;
	text-align:left;
}

.rotator .background{position:relative;}
.rotator .background #r1,
.rotator .background #r3
{
	position:absolute;
	top:0; left:0;
	opacity:0;
}

.rotator .overlay{
	position:absolute; top:0; left:0;
	z-index:10; width:62%; z-index:5
}

.rotator .txt{
	position:absolute; top:0; left:0;
	width:100%; height:auto; z-index:10;
}
.rotator .txt .content{
	margin-top:10%;
}

.rotator h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:3.3em;
	text-transform:uppercase;
	max-width:550px;
	margin:30px 0 50px;
}
.rotator h2:hover{ opacity:.7;}
.rotator a{color:#fff;}
/*.rotator a:hover{color:#EE3744;}*/


.rotator h3{
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-size:1.3em;
	max-width:550px;
}

.ho1{
	clear:both;
	position:relative;
	background:#1b1b1b;
	text-align:center;
	z-index:15;
	margin-top:-10px;
	padding:100px 0;
}

.ho1 h2,
.ho1 h3,
.ho1 p
{
	color:#6b6b6b;
	text-transform:uppercase;
}
	
.ho1 h2{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	font-size: 2em;
}
.ho1 h3,
.ho3 h3
{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size: 2em;
	margin:30px 0 45px;
}
.ho1 p{
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-size:1.3em;
}
.ho1 p img{ vertical-align:middle; margin-left:25px;}


.ho2{
	background:#ee3744;
	text-align:center;
	padding:50px 0;
}

.ho2 p{
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color:#fff;
	text-transform:uppercase;
}
.ho2 p a{color:#fff;}
.ho2 p img{ vertical-align:middle; margin:0 27px;}

.ho3{text-align:center; padding:90px 0;}
.ho3 h3{color:#1b1b1b; text-transform:uppercase;}
.ho3 ul,
.ho3 ul li {
	display:inline-block;
	vertical-align:middle;
}
.ho3 .l1{
	text-align:left;
}
.ho3 .l1 li{ margin-right:20px;}

.ho3 .l2 li{
	text-align:right;
	margin-left:30px;
}
.ho3 h3 em{ border-bottom: solid #1B1B1B 2px;}


.ga1{position:relative; width:100%;}
.ga1 article{
	position:absolute; bottom:7%; left:0;
	width:100%;
}

.ga1 ul li{
	list-style-type:none;
	vertical-align:bottom;
}

.ga1 article .content .ref{
	position:relative;
	width:51%;
	float:left;
	margin-right:7%;
	vertical-align:bottom;
}

.ga1 article .content .slog{
	position:relative;
	width:42%;	
	float:left;
	vertical-align:text-bottom;
}

.ga1 article .content .slog h1{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:4.4em;
	margin-top:30%;
	text-transform:uppercase
}
.ga1 h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	margin-bottom:30px;
}
.ga1 p{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.8em;
	margin-bottom:25px;
	text-align:left;
}

.ga2{
	clear:both;
	background:#ee3744;
	padding:80px 0;
	margin-top:-10px;
}

.ga2 .content article{
	display:inline-block;
	width:33%;
	text-align:center;
	vertical-align:top;
}

.ga2 h3{
	font-family: 'Gotham-Ultra', Arial, Helvetica, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	color:#212121;
	text-align:center;
	margin:15px 0 10px;
}

.ga2 p{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	color:#212121;
	text-align:center;
	max-width:400px; margin:auto;
	line-height:1.8em;
}
	
	
.me1{
	position:relative;
	width:100%;
	padding-bottom:1px;

}

.me1 article .overlay{
	position:absolute; top:0; right:0;
	z-index:10; width:63.2%; z-index:2
}

.me1 article .text{
	position:absolute; top:0; left:0;
	width:100%; height:auto; z-index:3;
}
.me1 article .text .content{
	margin-top:10%; padding:20px;
}
.me1 article .text .content div{
	float:right; text-align:left;
	max-width:600px;	
}

.me1 .text h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	margin-bottom:40px;
}
.me1 .text h4{
	font-family: 'Gotham-MediumItalic', Arial, Helvetica, sans-serif;
	font-size:1.3em;
	max-width:500px;
}
.me1 .text p{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin-bottom:8%;
}
.me1 .list{
	clear:both;
	background:url(../_img/opacity.png) top repeat;
	padding:95px 0 115px;
}

.me1 .list h3{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:1.3em;
	max-width:1050px;
	margin:auto;
	text-transform:uppercase;
	line-height:1.9em;
}

.me2{
	position:relative;
	width:100%;
	margin-top:-30px;
	padding:100px 0 0;
	z-index:4;
}

.me2 article{
	display:inline-block;
	margin-bottom:-5px;
	position:relative;
}
.me2 .img{width:50%;}
.me2 .img div{position:absolute; bottom:0; right:0;}
.me2 .text{width:47%; padding-left:2.5%;}
.me2 .text img{margin-bottom:100px;}
.me2 h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	margin-bottom:40px;
}
.me2 p{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin-bottom:40px;
	max-width:600px;
}

.me2 ul{margin-bottom:100px;}
.me2 ul li{
	list-style:outside;
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-left:20px;
	padding-left:20px;
	margin-bottom:16px;
}

.me3{
	position:relative;
	width:100%;
	margin-top:-5px;
	z-index:5;
}

.me3 ul,
.me3 ul li{
	position:relative;
	width:50%;
	float:left;
	list-style-type:none;
	margin:0; padding:0;
	font-size:0;
	overflow:hidden;
}

.me3 ul li div{
	position:absolute;
	width:100%; height:50%;
	left:50%; top:50%
}
.me3 ul li div h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	left:-50%;
	z-index:200;
	font-size:36px;
	text-align:center;
	padding:0 20px;
}

.ca1{
	position:relative;
	width:100%;	
}

.ca1 article .overlay{
	position:absolute; top:0; right:0;
	z-index:10; width:66.5%; z-index:2
}

.ca1 article .text{
	position:absolute; top:0; left:0;
	width:100%; height:auto; z-index:3;
}
.ca1 article .text .content{
	margin-top:7%; padding:20px;
}
.ca1 article .text .content div{
	float:right; text-align:left;
	max-width:615px;	
}
.ca1 .text h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	margin-bottom:40px;
}
.ca1 .text p{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	line-height:1.8em;
	margin-bottom:40px;
}
.ca1 .text h4{
	font-family: 'Gotham-MediumItalic', Arial, Helvetica, sans-serif;
	font-size:1.3em;
}

.ca2{
	position:relative;
	text-align:center;
	padding:110px 0;
	z-index:3; margin-top:-5px;
}
.ca2 h2{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	margin-bottom:60px;
}
.ca2 h2 em{
	font-style:normal;
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
}
.ca2 img{margin:0 12px;}

.ca2 h4{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:3.3em;
	text-transform:uppercase;
	margin-top:35px;
}
.ca2 h4 img{}

.ca2 .pic{max-width:1400px; margin:auto;}
.ca2 .pic img{max-width:47%;}

.ca3{
	position:relative;
	width:100%;
	margin-top:-10px;

}
.ca3 article .overlay{
	position:absolute; top:0; left:0;
	z-index:10; width:66.5%; z-index:2
}

.ca3 article .text{
	position:absolute; top:0; left:0;
	width:100%; height:auto; z-index:3;
}
.ca3 article .text .content{
	margin-top:5%; padding:20px;
}
.ca3 article .text .content div{
	float:left; text-align:left;
	max-width:600px;	
}
.ca3 h2{margin-bottom:35px;}
.ca3 .text p{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	line-height:1.8em;
	margin-bottom:40px;
}

.pn1{
	background:#f7f6f6;
	position:relative;
	padding-top:100px;
}
.pn1 article{
	display:inline-block;
	vertical-align:top;
}
.pn1 article.pic{width:51%;}
.pn1 article.text{width:45%; padding:0 0 0 3%;}
.pn1 h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	margin-bottom:40px;
	color:#1b1b1b;
}
.pn1 p{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	line-height:1.8em;
	margin-bottom:40px;
	max-width:580px;
	color:#1b1b1b;
}	
.pn1 p em{
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-style:normal;
}
.pn1 article div{
	display:inline-block;
	width:267px;
}
.pn1 article .left{
	border-right: solid 1px #1b1b1b;
}
.pn1 article .right{
	padding-left:7%;
}
.pn1 h3{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:1.3em;
	text-transform:uppercase;
	color:#1b1b1b;
}
.pn1 h4{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:3.3em;
	color:#1b1b1b;
}
.pn1 h4 sup{font-size:.6em;}

.pn1 ul li{
	display:inline-block;
	width:33.33%;
	margin-bottom:0;
}
.pn1 ul li.center{margin:0 -5px;}
.pn2{
	clear:both;
	position:relative;
	width:100%;
	padding:10% 0 30%;
	margin-top:-7px;
	text-align:center;
}
.pn2 h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:30px;
}
.pn2 h3{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:30px;
}
.pn2 p{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	line-height:1.8em;
} 

.pn3{
	position:relative;
	width:100%;
	margin-top:-15px;
	margin-bottom:-20px;
}
.pn3 .text{
	background:url(../_img/peinture_overlay.png) top right no-repeat;	
	padding:10% 0 20%; width:65%;
	float:left;
}
.pn3 .text .content div{
	max-width: 600px;
	float:right; margin-right:40%;
}
.pn3 h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:30px;
}
.pn3 p{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	line-height:1.8em;
	max-width:600px;
	margin-bottom:20px;
}
.pn3 ul li{
	list-style:outside;
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-left:20px;
	padding-left:20px;
	margin-bottom:16px;
	list-style-type:none;
}

.co1{
	position:relative;
	width:100%;
}
.co1 .text{
	position:absolute; bottom:7%; left:0;
	width:100%; height:auto;
}
.co1 .text article{
	text-align:center;
}
.co1 h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:20px;
}
.co1 ul li{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#fff;
	text-transform:uppercase;	
	margin-bottom:20px;
}
.co1 a{color:#fff;}
.co2{
	position:relative;
	width:100%;
	margin-top:-8px;
}

.co3{
	position:relative;
	background-color: #1B1B1B;
	background-image: url(../_img/banniere.png);
	background-position:bottom;
	background-repeat:repeat-x;		
	padding:5% 0 6%;
	text-align:center;
	z-index:20;
	margin-top:-20px;
}

.co3 h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:50px;
}
.co3 p{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	line-height:1.8em;
	max-width:900px;
	margin:auto;
	margin-bottom:35px;
}
.co3 h3{
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#ee3744;
	text-transform:uppercase;
}

.co4{
	position:relative;
	width:100%;
	z-index:10;
	padding:80px 0 0;
}

.co4 .content{padding:0 3%;}
.co4 #s1 ul li,
.co4 #s2 ul li,
.co4 #s3 ul li,
.co4 #s6 ul li{
	display:inline-block;
	vertical-align:bottom;
}
.co4 ul li:first-child{margin-right:25px;}
.co4 .content .left,
.co4 .content .right{
	display:inline-block;
	width:49.5%;
	vertical-align:top;
}
.co4 .content .left div{margin-bottom:10%;}
.co4 .content .right div{margin-left:15%;}

.co4 .left ul li img{margin-bottom:-7px; margin-left:30px;}
.co4 h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	color:#1b1b1b;
	font-size:2em;
	text-transform:uppercase;
}
.co4 h3{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif !important;
	color:#1b1b1b;
	font-weight:700;
	font-size:1.3em;
	text-transform:uppercase;
	margin-bottom:17px;
}
.co4 input{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	font-size: 1em;
	outline:none;
	margin-right:20px;
}

.co4 label{
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#1b1b1b;
	font-weight:700;
	text-transform:uppercase;
}
.co4 label span{
	font-size:.77em;
	font-family: 'Gotham-BookItalic', Arial, Helvetica, sans-serif;
	text-transform:none;
}
.co4 #s4 ul li{
	position:relative; width:100%;
	margin-bottom:21px;
}
.co4 #s4 ul li input{
	position:absolute; left:300px;
}

#s1 input{
	border:solid 2px #1b1b1b;
	width:397px;
	height:49px;
	text-align:center;

}

#s4 input{
	border-bottom:solid 2px #1b1b1b;
	width:269px;

}
#s4 ul li{
	margin-bottom:2%;
}
#s5 input[type="text"]{
	border-bottom:solid 2px #1b1b1b;
	width:400px;
}
#s5 ul li{
	margin-bottom:2%;
}
.co4 #s5 label{
	text-transform:none;
}
#s5 .s5a{
	margin-top:6.8%;
}
#s6{margin-top:4%; text-align:center;}
#s6 input{
	border-bottom:solid 2px #1b1b1b;
	width:95%;
	margin:0 !important;

}
#s6 textarea{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	font-size: 1em;
	outline:none;
	border:solid 2px #1b1b1b;
	width:91%;
	height:220px;
	padding: 40px 5%;
}
#s6 h2{
	margin-bottom:80px;
}
#s6 ul{margin-bottom:50px;}
#s6 ul li{
	width:33%; margin:0;
}
.button{
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif !important;
	font-size:1.3em;
	color:#fff; font-weight:700;
	background:#ee3744;
	width:100%;
	padding:40px 0;
	margin-top:50px;
	cursor:pointer;
}

.button:hover{background:#CA303E;}
footer{
	clear:both;
	background:#e1e1e1;
	padding:50px 0;
	text-align:center;
	position:relative;
	z-index:50;
	margin-top:-10px;
	/*padding-bottom:115px;  catfish space */
}


/* CATFISH
--------------------------------- */
footer .pubopen{
	position:fixed; bottom:0px; left:0;
	margin-bottom:-368px;
	width:100%;
	height:368px;
	overflow:hidden;
	background:url(../_img/promo/concours_pneus-hiver/back-open.png) top repeat-x;
	z-index:50;
}
footer .pubopen .close{
			font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
			position: absolute;
			display: block;
			cursor: pointer;
			z-index: 50;
			right:30px; top:20px;
			color:#fff;
		}
footer .pubopen .close a{
	width:60px; height:24px;
}

footer .pubclose{
	position:fixed; bottom:0px; left:0;
	margin-bottom:-116px;
	width:100%;
	height:116px;
	overflow:hidden;
	background:url(../_img/promo/concours_pneus-hiver/back-closed.png) top repeat-x;
	z-index:10;
}
footer .pubclose a{
	cursor:pointer;
}

.pubopen .content div{vertical-align:top;}
.pubopen .content .left{
	display:inline-block;
	*display:inline-block;
	zoom:1;
	width:370px;
	padding-top:30px;
	text-align:left;
	z-index:50;
}
.pubopen .content .right{
	display:inline-block;
	*display:inline-block;
	zoom:1;
	width:588px;
	text-align:left;
	padding-top:40px;
	z-index:50;
}
.pubopen .content .right div{
	display:inline-block;
	*display:inline-block;
	zoom:1;
	width:270px;
	vertical-align:top;
	z-index:50;
}
.pubopen .content .right .leftt{
	margin-right:40px;
	z-index:50;
}
footer h2{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:2.6em;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:3px;
	margin-left:8px;
}
footer h3{
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:1.11em;
	color:#fff;
	border-bottom:solid 1px #fff;
	display:inline-block;
	*display:inline-block;
	zoom:1;
	margin:auto;
	text-transform:uppercase;
	margin-bottom:10px;
	letter-spacing:1px;
	margin-left:8px;
}

footer h4{
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	font-size:0.71em;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-left:8px;
}
footer .right p{text-align:center; margin-top:15px; font-size:.7em; color:#5D6D8E}
footer .right p a{color:#5D6D8E}
footer input{
	width:264px;
	border-bottom: solid #fff 2px;
	background:transparent;
	font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:1em;
	padding-bottom:3px;
	margin-bottom:35px;
	outline:none;
}
footer input[type="radio"]{width:20px; margin-right:20px;}
footer input[name="type"]{
	border-bottom:#097aed solid 2px;
	color:#097aed;
	margin-top:20px;
	margin-bottom:0;
}
footer input[name="submit"]{
	border:solid #097aed 2px;
	background:#097aed;
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	color:#fff; padding:8px 0 7px;
	margin-bottom:0;
}
footer input[name="submit"]:hover{
	background:#fff;
	border:solid #097aed 2px;
	color:#097aed;
	cursor:pointer;
}
footer label{
	color:#097aed;
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
	font-size:1em;
}
footer ul li{list-style-type:none;}
footer ul li.frow{
	margin-bottom:75px;		
}
footer label{position:relative; width:260px;}
footer label span{
	position:absolute; left:40px; top:2px;
	font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
	font-size:.72em; width:260px;
	text-align:left;
}
/* RESPONSIVE
--------------------------------- */

@media screen and (max-width: 1800px){
.isdp{width:70%;}
}
@media screen and (max-width: 1600px){
.ca1 .text{width:80%;}
.ca1 article .text .content{margin-top:4%;}


.me3 ul li div h2{font-size:28px;}
.pn3 .text .content div{
	max-width: 600px;
	float:right; margin-right:30%;
}
.isdp{width:50%;}
}

@media screen and (max-width: 1480px){
	
header nav ul li{font-size:21px;}

.hicon{ max-width:30%;}
.rotator .txt{padding-left:3%; width:57%;}

.rotator h2{
	font-size:2.5em;
	max-width:400px;
	margin:30px 0;
}

.rotator h3{
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	max-width:400px;
}

.ho1 h2{font-size: 1.5em;}

.ho1 h3,
.ho3 h3
{
	font-size: 1.5em;
	margin:30px 0 45px;
}
.ho1 p{font-size:1em;}

.ga1 article .content{padding-left:20px;}
.ga1 article .content .slog{display:none;}
.ga1 h2{font-size:2.4em;}
.ga1 article .content .ref{	width:100%;}
.ga1 p{
	width:95%;
	font-size:1.05em;
	line-height:1.4em;
	margin-bottom:15px;
}
.ga2 .content article{
	width:29%;
	padding:0 2%;
}
.ga2 .content article p{line-height:1.4em;}

.me1 article .text .content div{
	float:right; text-align:left;
	max-width:500px;	
}
.me2 h2{
	font-size:2em;
	margin-bottom:15px;
}
.me2 p{
	line-height:1.2em;
	margin-bottom:20px;
}

.me2 ul{margin-bottom:70px;}
.me2 ul li{
	font-size:1em;
	margin-bottom:5px;
}
.me3 ul li div h2{font-size:24px;}


.ca1 .text h2{font-size:1.5em; margin-bottom:7%;}
.ca1 .text p{line-height:1.4em; font-size:.9em; margin-bottom:5%;}

.ca1 article .text .content div{max-width:500px;}

.ca3 .text p{
	font-size:.9em;
	line-height:1.2em;
}
.isdp{width:40%;}

.pn1 article div{
	display:inline-block;
	width:245px;
}


.pn3 .text{width:75%;}
.pn3 .text .content div{
	max-width: 600px;
	float:right; margin-right:30%;
}
}

@media screen and (max-width: 1280px){
	.ho3 h3
{
	font-size: 2.5em;
	margin:30px 0 45px;
}
.ho3 ul{
	display:block;
	width:100%;
	vertical-align:middle;
	text-align:center;
}
.ho3 .l1{
	text-align:center;
}
}


@media screen and (max-width: 1200px){
	
header nav ul li{font-size:16px;}
		
.hicon{ max-width:20%;}

.rotator h2{
	font-size:2em;
	max-width:400px;
	margin:20px 0;
}

.rotator h3{
	font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
	font-size:1em;
	max-width:400px;
}

.ho1 h2{font-size:1.4em;}
.ho1 p{font-size:.7em;}
.ga1 article{
	position:relative;
	bottom:0;
	background:#F00;
	margin-top:-20%;
}
.ga1 article{background:#1B1B1B; padding:65px 0;}
.ga1 article .content{padding-left:20px;}
.ga1 ul li{float:none !important;}
.ga1 article .content .slog{display:none;}
.ga1 h2{font-size:1.3em;}
.ga1 article .content .ref{	width:100%;}
.ga1 p{
	font-size:.7em;
	line-height:1.2em;
	margin-bottom:15px;
}
.ga1 p.second{	display:none;}
.ga2 .content article{
	width:28%;
	padding:0 2%;
}
.ga2 .content article p{line-height:1.4em;}


.me1 article .overlay{display:none;}
.me1 article .text{
	position:relative;
	background:#1b1b1b;
	padding:30px 0 40px;
	margin-top:-15px;
}
.me1 article .text .content{
	margin-top:0; padding:20px;
}
.me1 article .text .content div{
	float:none;
	text-align:left;
	max-width:1400px !important; 	
}
.me1 .text h2{
	font-size:1.5em;
	margin-bottom:6%;
	max-width:100%;
}
.me1 .text h4{font-size:.7em; max-width:100%;}
.me1 article .text p{
	font-size:.7em !important;
	line-height:1.1em;
	max-width:100%;
	margin-bottom:4%;

}
.me2{margin-top:-10px;}
.me2 .img{display:none;}
.me2 .text{width:98%; }
.me2 h2{
	font-size:1.6em;
	margin-bottom:6%;
}
.me2 article p{
	font-size:.7em !important;
	line-height:1.1em;
	max-width:100%;
	margin:auto;
	margin-bottom:4%;
	
}

.me2 ul{margin-bottom:50px;}
.me2 article ul li{
	font-size:.5em !important;
	margin-bottom:10px;
	list-style:inside;
}

.me3 ul li div h2{font-size:20px;}

.ca1 .overlay{display:none;}
.ca1 article .text{
	position:relative;
	background:#1B1B1B;
	width:100%;
	margin-top:-15px;
	padding:65px 0;
}
.ca1 article .text .content{
	margin-top:0; padding:20px;
}
.ca1 article .text .content div{
	float:none;
	text-align:center;
	max-width:1400px !important; 	
}
.ca1 .text h2{
	font-size:1.4em;
	margin-bottom:30px;
}
.ca1 .text p{
	font-size:.7em;
	line-height:1.1em;
	max-width:780px; margin:auto;
	margin-bottom:25px;
	text-align:left;
}
.ca1 .text h4{font-size:.7em; max-width:80%; margin:auto; margin-top:30px;}

.ca2 h2{font-size:1.2em;}
.ca2 h4{font-size:1.4em;}
.ca2 h4 img{width:20%; margin-bottom:-5px;}
.ca3 .overlay{display:none;}
.ca3 article .text{
	position:relative;
	background:#1b1b1b;
	width:100%;
	margin-top:-15px;
	padding:30px 0;
	text-align:center;
}
.ca3 article .text .content{
	margin-top:0; padding:20px;
}
.ca3 article .text .content div{
	float:none;
	text-align:center;
	max-width:1400px !important; 	
}
.ca3 h2{width:50%; margin-bottom:5%; padding-top:15px;}
.ca3 .text p{
	float:left;
	font-size:.9em;
	line-height:1.7em;
	width:50%;
	margin:auto;
	margin-bottom:40px;
}
.ca3 .text p.first{text-align:left;}
.isdp{width:100%; margin-top:-120px;}
/*.ca3 .text{width:70%;}
.ca3 h2{display:none;}
.ca3 .text p{
	width:70%;
	line-height:1.3em;
}*/
.isdp{max-width:70%;}

.pn1 h2{margin-bottom:25px;}
.pn1 p{
	line-height:1.2em;
	margin-bottom:25px;
}
.pn1 article{padding-bottom:100px;}	
.pn1 article div{
	display:inline-block;
	width:190px;
}
.pn1 article .right{
	padding-left:7%;
}
.pn1 h3{font-size:1.1em;}
.pn1 h4{font-size:3.1em;}

.pn2{padding:7% 0 40%;}
.pn2 h2{
	font-size:1.5em;
}
.pn2 h3{
	font-size:1.5em;
}
.pn2 p{
	display:none;
	max-width:800px;
	margin:auto;
}



.pn3 .text{width:75%; padding-left:4%;}
.pn3 .text .content div{
	max-width: 600px;
	float:right; margin-right:25%;
}
.pn3 h2{
	font-size:1.6em;
	margin-bottom:15px;
}
.pn3 p{
	display:none;
	line-height:1.4em;
	margin-bottom:10px;
}
.pn3 ul li{
	font-size:.9em;
	margin-bottom:6px;
}

.co1 .text{
	position:relative;
	background:#1b1b1b;
	width:100%;
	margin-top:-15px;
	padding:30px 0;
	text-align:center;
}
.co1 h2{font-size:1.5em;}
.co1 ul li{font-size:.7em;}
.co3{padding-bottom:80px;}
.co3 h2{
	margin-bottom:25px;
	font-size:1.3em;
}
.co3 p{font-size:.7em; line-height:.9em;}
.co3 h3{font-size:.7em !important;}

.co4 .content .left,
.co4 .content .right{
	display:inline-block;
	width:90%;
	vertical-align:top;
}
input[type='checkbox'],
input[type='radio']
 { 
	width:2em;
	height:2em;
 }
.co4 #s4 ul li input{
	position:relative;
	margin-left:0;
	left:0;
}
.co4 .content .right div{margin-left:0;}
#s4 ul li span{display:none;}
#s4 input{
	border-bottom:solid 2px #1b1b1b;
	width:180px;

}
#s6 ul li{
	width:95%; margin:0;
	text-align:left;
	left:0;
}
.pubopen .content .left{
	Display:none;
}
}