/************** IMPORT CSS RESET  *****************/
@import url("reset.css");

/* GLOBAL  //////////////////////////////////////////////////////*/

html, body{
	height:100%;
	width:100%;
}

body {
	font-family:Arial, Verdana, Tahoma;
	font-size:14px;
	line-height:20px;
	color:#333;
	margin:0 auto;
	padding:0;
	background:#fff;
	font-family:"DroidSansRegular", Verdana, Arial; font-weight:normal;
}
* {
	margin:0;
	padding:0;
}

*:focus {
	outline:none;
}

form {
	margin:0;
	padding:0;
}

a{
	color:#9a1a01;
	text-decoration: none;
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear; 
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;	
}

hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:0px 0px 30px 0px;
	padding:30px 0px 0px 0px;
	page-break-after:always;
	text-align:center;
	border-bottom:1px solid #eaeaea;
	width:100%;
	clear:both;
}

.separator {
	display:block;
	height:25px;
	text-align:center;
	width:100%;
	clear:both;
}

.separator.line {
	display:block;
	height:40px;
	text-align:center;
	width:100%;
	clear:both;
	margin:0 0 15px 0;
	background-image:url(../images/double_line.gif);
	background-repeat:repeat-x;
	background-position:center;
}

.space {
	line-height:8px;
	height:8px;
	display:block;
}

.clear {
	clear:both;
}

.bullet {
	color:#D10C2C;
}

/* DEFAULT STYLES ///////////////////////////////////////////////////////////////*/

h1{margin-bottom:0px;}
h2{margin-bottom:6px;}
h3{margin-bottom:6px;}
h4{margin-bottom:8px; padding-top:8px;}
h5, h6{margin-bottom:15px;}

h1 {font-size:90px; line-height:34px;}
h2 {font-size:24px; line-height:32px;}
h3 {font-size:16px; line-height:22px;}
h4 {font-size:16px; line-height:20px;}
h5 {font-size:13px; line-height:16px;}
h6 {font-size:12px; line-height:normal}
h1 {color:#9b9b9b; font-family:"Museo", Verdana, Arial; font-weight:normal; padding-top:68px; margin-top:30px; text-align: center;}
h2{color:#222; font-family:"Museo", Verdana, Arial; font-weight:normal;}
h3{color:#222; font-family:"CaviarDreams", Verdana, Arial; font-weight:normal; text-transform:uppercase; text-align:center; margin:0 auto;}
h4{color:#111; font-family:"DroidSansRegular", Verdana, Arial; font-weight:normal;}

.title {background:url(../images/bg_title.png) no-repeat; width:1024px; height:166px; margin:40px auto 0; }
.title_white {background:url(../images/bg_title_white.png) no-repeat; width:1024px; height:166px; margin:40px auto 0; color:#fff; }

p{font-family:"DroidSansRegular", Verdana, Arial; font-weight:normal;}

/* ../fonts //////////////////////////////////////////////////////////*/


@font-face {
    font-family:'DroidSansRegular';
    src:url('../fonts/DroidSans/DroidSans-webfont.eot');
    src:url('../fonts/DroidSans/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight:normal;
    font-style:normal;

}

@font-face {
    font-family:'DroidSansBold';
    src:url('../fonts/DroidSans/DroidSans-Bold-webfont.eot');
    src:url('../fonts/DroidSans/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight:normal;
    font-style:normal;

}

@font-face {
    font-family:'Museo';
    src:url('../fonts/Museo/museo500-regular-webfont.eot');
    src:url('../fonts/Museo/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo/museo500-regular-webfont.woff') format('woff'),
         url('../fonts/Museo/museo500-regular-webfont.ttf') format('truetype'),
         url('../fonts/Museo/museo500-regular-webfont.svg#Museo500') format('svg');
    font-weight:normal;
    font-style:normal;

}

@font-face {
    font-family:'CaviarDreams';
    src:url('../fonts/CaviarDreams/caviardreams_bold-webfont.eot');
    src:url('../fonts/CaviarDreams/caviardreams_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CaviarDreams/caviardreams_bold-webfont.woff') format('woff'),
         url('../fonts/CaviarDreams/caviardreams_bold-webfont.ttf') format('truetype'),
         url('../fonts/CaviarDreams/caviardreams_bold-webfont.svg#CaviarDreams') format('svg');
    font-weight:normal;
    font-style:normal;

}

@font-face {
    font-family:'Walkway';
    src:url('../fonts/Walkway/Walkway_Black-webfont.eot');
    src:url('../fonts/Walkway/Walkway_Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Walkway/Walkway_Black-webfont.woff') format('woff'),
         url('../fonts/Walkway/Walkway_Black-webfont.ttf') format('truetype'),
         url('../fonts/Walkway/Walkway_Black-webfont.svg#Walkway') format('svg');
    font-weight:normal;
    font-style:normal;

}


/* STRUCTURE //////////////////////////////////////////////////////////*/

#wrapper {
	width:100%;
	height:1790;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#container {
	width:1024px;
	margin:0 auto 60px;
}

.scrol-page{
	position:relative;
	min-height:100%;
	padding-top:112px;
}
.scrol-top, .scrol-contact{
	height:100%;
	position:relative;
	min-height:100%;
}

.dotted {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:10;
	background-image:url(../images/dot-pattern.png);
}

/* HEADER //////////////////////////////////////////////////////////*/

#top {
	background:url(../images/banner.jpg) no-repeat center center;
	background-attachment:fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	min-width:1024px;
	min-height:768px;
	padding-top:140px;
}

#header {
	background:url(../images/top-gradient.png) repeat-x scroll left top;
	width:100%;
	height:140px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000;
}

#topbar {
    background: url(../images/topbar-shadow.png) no-repeat scroll center -10px transparent;
    height: 30px;;
    width: 100%;
	margin-top:110px;
}

#header_content {
	width:1024px;
	margin:0 auto;
	background:#fff;
}

#baseline {
	width:928px;
	margin:170px auto;
}

#baseline h1 {
	font-size:80px;
	line-height:110px;
	color:#000;
}

#baseline h1 span {
	background:#fff;
	padding:4px 8px;
	/* SAFARI TRES VIELLE VERSION < 2.1 */
    -khtml-opacity:0.7;
/* FIREFOX TRES VIELLE VERSION <= 0.9*/
    -moz-opacity : 0.7;
/* IE 8 ET COMPRIS PAR IE 10*/
    -ms-filter: "alpha(opacity=70)";
/* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
/* IE 4 */
    filter : alpha(opacity=70);
/* AUTRE */
    opacity : 0.7;
}
	

#baseline img {
	display:block;
	width:387px;
	margin:15px auto;
}

#spacer {
	width:100%;
	height:310px;
}

#logo {
	width:98px;
	height:97px;
	background:url(../images/logo_kaia.png) no-repeat;
	margin-top:13px;
	float:left;
}

#banner {
	background:url(images/banner.jpg) no-repeat center center;
	background-attachment:fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;min-width:1024px;min-height:768px;
}

.social {
	margin:5px 0 0 50px;
}

.social td {
	vertical-align:middle;
	padding:0 10px 0 10px;
}

.social img {
	opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.social img:hover {
	opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter : alpha(opacity=70); /* IE < 8 */
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

#button_more {
	background:url(../images/button_more.png) no-repeat;
	width:257px;
	height:72px;
	position:absolute;
	bottom:0px;
	left:43%;
	z-index:20;
}

/*------ menu -------*/

#menu {
	width:600px;
	float:right;
}

#menu ul {
	padding:0;
	margin:0;
	font-family:"CaviarDreams", Arial;
	font-size:14px;
	text-transform:uppercase;
	height:105px;
	overflow:hidden;
	display:block;
	list-style:none;
	background:url(../images/top-menu-divider.png) no-repeat left top;
}

#menu ul li {
	float:left;
	list-style-type: inherit;
	color:#fff;
	background:url(../images/top-menu-divider.png) no-repeat scroll right top transparent;
	height:106px;
	position:relative;
}

#menu ul li:last-child {
	margin-right:0;
}

#menu ul li a {
	display:block;
	text-decoration:none;
	color:#666;
	padding:70px 24px 36px;
	line-height:0;
}

/*
#menu ul li:hover {
	background:url(../images/top-menu-divider.png) no-repeat scroll left top transparent;
	height:106px;
	position:relative;
}

#menu ul li a:hover, #menu ul li a.current {
	display:block;
	background:url(../images/top-menu-hover.png) repeat-x left top;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-left: -2px;
}
*/

#menu ul li a:hover, #menu ul li a.current {
	display:block;
	color:#D10E2E;
}


/* CONTENT //////////////////////////////////////////////////////////*/

/*----- societe -------*/

#societe_content {
	width:1024px;
	margin:0 auto;
}

#societe_content ul {
	margin-right:45px;
	float:left;
	width:310px;
}

#societe_content li {
	width:310px;
}

#societe_content p {
	text-align:center;
	margin-left:10px;
	width:330px;
}

.border {
	border-top:1px solid #9a1a01;
	border-bottom:1px solid #9a1a01;
	padding:0 15px 0 15px;
}

.number {
	display:block;
	font-family:"Sansation", Verdana, Geneva, sans-serif;
	font-size:90px;
	text-align:center;
	color:#9a1a01;
	margin:12px auto;
}

.continue {
	width:380px;
	border-top:1px solid #222;
	margin:60px auto 40px;
	padding-top:15px;
}

#domaines li {
	list-style-type:circle;
	margin-left:15px;
	margin-top:0px;
}

/*----- image séparation -------*/

.box {
	background-attachment:fixed;
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	box-shadow:0 0 20px rgba(0, 0, 0, 0.5) inset;
	-o-box-shadow:0 0 20px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.5) inset;
	width:100%;
	height:350px;
}

@media screen (max-width:1200px) {
	.box {
		height:200px;
	}
}

.inner_box {
	width:1000px;
	margin:0 auto;
}

.text_box {
	position:relative;
	top:100px;
	left:150px;
	height:100px;
	padding:20px;
	opacity:0.8;
}

.text_bg {
	font-size:36px;
	font-family:"Museo", Verdana, Arial;
	color:#000;
	background:#fff;
	padding:3px 8px;
	/* SAFARI TRES VIELLE VERSION < 2.1 */
    -khtml-opacity:0.7;
/* FIREFOX TRES VIELLE VERSION <= 0.9*/
    -moz-opacity : 0.7;
/* IE 8 ET COMPRIS PAR IE 10*/
    -ms-filter: "alpha(opacity=70)";
/* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
/* IE 4 */
    filter : alpha(opacity=70);
/* AUTRE */
    opacity : 0.7;
}

.sep1 {
	background-image:url(../images/img_sep1.jpg);
}

.sep2 {
	background-image:url(../images/img_sep2.jpg);
}

/*----- equipe -------*/

#equipe_content {
	width:1024px;
	margin:0 auto;
}

#equipe_content li {
	width:310px;
	margin-right:50px;
	float:left;
}

#equipe_content li:last-child {
	margin-right:0;
	width:650px;
}

#equipe_content p {
	text-align:center;
}

#equipe_content img {
	margin:0 0 10px 45px;
}



/*----- societe -------*/

#productions_content {
	width:1024px;
	margin:0 auto;
}

#productions_content ul {
	margin-right:70px;
	margin-left:30px;
	float:left;
}

#productions_content li:nth-child(2) {
	margin-right:0px;
	margin-top:5px;
	width:434px;
}

#productions_content p {
	margin:10px 0 40px 0;
	width:434px;
}


/*----- productions -------*/

.text_video {
	width:434px;
	height:10px;
	border-bottom:1px solid #222;
}

.title_video {
	font-family:"Museo", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#222;
	text-align:center;
	background:#fff;
	padding:0 10px;
}

.center {
	text-align:center;
}

/*----- contact -------*/

#contact {
	padding-top:50px;
}

#contact_content {
	width:100%;
	height:930px;
	background:#181818 url(../images/dot-pattern.png) repeat;
	padding-top:60px;
	margin-top:40px;
	color:#666;
	
}

#contact_content h2 {
	color:#fff;
	font-size:28px;
}

#contact_text {
	width:1024px;
	margin:0 auto;
}

#contact_left {
	width:600px;
	float:left;
	margin-right:40px;
}

#contact_right {
	width:220px;
	float:left;
	margin:0 0 0 60px;
	padding-left:50px;
	border-left:6px solid #333;
}

#button_top {
	display:block;
	background:url(../images/button_top.png) no-repeat;
	width:284px;
	height:72px;
	margin:-72px auto 0;
}

#radar {
	position:absolute;
	bottom:60px;
	left:20%;
}

#contact span.required{ font-size: 20px; color: #D10E2E; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

/* FOOTER //////////////////////////////////////////////////////////*/

#footer {
	width:100%;
	height:60px;
	background:#000;
	position:absolute;
	bottom:-110px;
	left:0;
	z-index:500;
}

#footer_content {
	width:1024px;
	margin:0 auto;
	color:#fff;
	text-align:center;
	padding-top:20px;
	font-size:14px;
}


/* FORM //////////////////////////////////////////////////////////*/

input[type="text"] {
	width:445px;
	height:56px;
	background:url(../images/bg_input.png) no-repeat;
	border:none;
	font-size:22px;
	color:#666;
	padding:0 15px;
	margin:0 0 20px 20px;
	font-weight:normal;
	float:left;
}

textarea {
	width:442px;
	height:169px;
	background:url(../images/bg_textarea.png) no-repeat;
	border:none;
	margin-left:20px;
	font-size:22px;
	color:#666;
	padding:15px;
}

.submit {
	width:145px;
	height:43px;
	background:url(../images/bg_submit.png) no-repeat;
	border:none;
	float:right;
	margin:6px 10px 10px 0;
	cursor:pointer;
}

label {
	font-family:"Museo", Verdana, Arial;
	font-weight:normal;
	font-size:22px;
	color:#fff;
	text-align:right;
	display:block;
	width:105px;
	float:left;
	margin-top:14px;
}

.error {
	font-size:16px;
	color:red;
	float:none;
	width:275px;
	margin:0 0 -30px 0;
}

textarea.error {
	width:443px;
	height:147px;
	background:url(../images/bg_textarea.png) no-repeat;
	border:none;
	margin:0 0 0 20px;
}