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

/* REDEFINITION */
body{  background-image:url(../images/bg.png); background-repeat:repeat-x; margin:0; padding:0; background-color:#202021; font:11px Tahoma, Geneva, sans-serif; color:#FFF; text-align:justify;}

a:focus{ outline:none;}

/* ID */

#general_index{ width:443px; height:300px; margin-left:auto; margin-right:auto;}
#general_index p{ text-align:center;}
#general_index a{ text-decoration:none; color:#FFF;}
#general_index a:hover{ text-decoration:none; color:#bdcd00;}

#general{ width:980px; margin-left:auto; margin-right:auto;}

#header{width:980px; height:32px; float:left; margin-bottom:1px;}
#header p{margin-left:29px; margin-top:10px;}

#header h1{margin-left:29px; margin-top:10px; font:11px Tahoma, Geneva, sans-serif;}

#menu{width:980px; height:36px; float:left;}

#logo_kadesign{ width:980px; height:144px; float:left;}
#logo_kadesign img{ margin-left:20px;}

#content{width:980px; height:796px; float:left; margin-bottom:1px; margin-top:1px;}

#derouleur{ width:924px; height:244px; float:left; margin-left:auto; margin-right:auto; overflow:hidden; position:relative;}
#derouleur_realisations{ width:924px; height:570px; margin-left:auto; margin-right:auto; overflow:hidden; position:relative;}
#derouleur-les-box{ width:923px; height:292px; margin-left:28px; position:relative; margin-top:-48px;}
#derouleur-conseil{ width:924px; height:308px; margin-left:auto; margin-right:auto; position:relative; margin-top:-45px;}
#derouleur-communication{ width:941px; height:377px; margin-left:27px; position:relative; margin-top:-81px;}
#derouleur-referencement{ width:925px; height:243px; margin-left:auto; margin-right:auto; position:relative;}
#derouleur-emailing{ width:924px; height:258px; margin-left:auto; margin-right:auto; position:relative;}
#derouleur-carte-de-visite{ width:984px; height:258px; margin-left:-2px; position:relative;}
#derouleur-creation-logo{ width:984px; height:328px; margin-left:auto; margin-right:auto; position:relative;}
#derouleur-creation-graphique{ width:924px; height:244px; float:left; margin-left:auto; margin-right:auto; overflow:hidden; position:relative;}
#derouleur_presentation{ width:570px; height:600px; float:left; margin-left:auto; margin-right:auto; overflow:hidden; position:relative;}
#derouleur_contact{ width:924px; height:284px; float:left; margin-left:auto; margin-right:auto; overflow:hidden; position:relative;}
/*#galerie_presentation{ width:980px; float:left;}*/
#createur_idee{ width:980px; height:64px; float:left;}

#plan_du_site{ width:800px; height:500px; margin-left:auto; margin-right:auto;}
#plan_du_site1{ width:400px; height:500px; float:left;}
#plan_du_site2{ width:400px; height:500px; float:left;}
#plan_du_site1 a{ color:#FFF; text-decoration:underline;}
#plan_du_site1 a:hover{ color:#bdcd00; text-decoration:underline;}
#plan_du_site2 a{ color:#FFF; text-decoration:underline;}
#plan_du_site2 a:hover{ color:#bdcd00; text-decoration:underline;}

#menu_milieu{ width:980px; height:132px; float:left;}
#menu_milieu_box{ width:980px; float:left; height:240px;}

#menu_gauche{ width:410px; height:600px; float:left;}

.cadre_menu_gauche{ width:230px; height:130px; float:left;}
.cadre_menu_gauche ul li a{ color:#FFF; text-decoration:none;}

.cadre_menu_gauche ul li a:hover{ color:#bdcd00; text-decoration:none; font-weight:bold;}

#contenu{ width:980px; float:left;}

#actu{ width:924px; margin-left:auto; margin-right:auto; height:600px;}

#content_bas{ width:980px; float:left;}

#filets_bas{ width:922px; height:179px; float:left;}

#footer{width:980px; height:50px; float:left;  margin-top:1px;}
#footer p{margin-left:29px; margin-top:5px;} 
#footer a{ color:#FFF; text-decoration:none;} 
#footer a:hover{ color:#FFF; text-decoration:underline;}
#footer a img{ border:none;}

#navigation{ width:80px; height:21px; text-align:center; margin-left:auto; margin-right:auto;}
#navigation a{ font-size:12px; color:#FFF; text-decoration:none;}
#navigation a:hover{ font-size:12px; color:#a5c400; text-decoration:none;}

#demander_devis{ width:980px; float:left;}

#formulaire{ width:550px; margin-left:auto; margin-right:auto; margin-top:20px;}
.label{ width:150px; float:left; margin-bottom:3px;}
.cadre{ width:400px; float:left; margin-bottom:3px;}

.label_crypt{ width:150px; height:40px; float:left; margin-bottom:3px;}
.cadre_crypt{ width:400px; height:40px; float:left; margin-bottom:3px;}

#loi{ width:550px; float:left; margin-left:165px; margin-top:20px;}

#mentions_legales{ width:922px; margin-left:auto; margin-right:auto; margin-top:100px;}
#mentions_legales a{ color:#FFF; text-decoration:underline;}
#mentions_legales a:hover{ color:#bdcd00; text-decoration:underline;}
#mentions_legales_left{ width:461px; float:left;}
#mentions_legales_right{ width:461px; float:left;}

#contact{ width:500px; height:300px; margin-left:auto; margin-right:auto; }
#contact a{ color:#FFF; text-decoration:underline;}
#contact a:hover{ color:#bdcd00; text-decoration:underline;}

#portfolio{ width:822px; height:400px; margin-left:auto; margin-right:auto;}
#portfolio p{ line-height:1.4;}
#portfolio h2{ margin-top:10px; font-size:14px; margin-bottom:5px;}
#portfolio a{ color:#FFF; text-decoration:underline;}
#portfolio a:hover{ color:#a5c400; text-decoration:underline;}

#realisations_visuels{ width:570px; height:600px; float:left;}
#realisations_visuels_images{ width:570px; height:470px; float:left;}
#realisations_visuels_images_pizzeria{ width:570px; height:500px; float:left;}
#realisations_visuels_liens{ width:570px; height:130px; float:left;}
#realisations_visuels_liens p{ text-align:right; margin-right:100px;}
#realisations_visuels_liens a{ text-decoration:none; color:#FFF;}
#realisations_visuels_liens a:hover{ text-decoration:none; color:#bdcd00;}

#portfolio-creation-graphique{ width:980px; float:left;}

#titre_page{ width:800px; height:20px; margin-left:auto; margin-right:auto; border-bottom:1px ridge #999; margin-top:20px;}

#texte_principal{ width:800px; margin-left:auto; margin-right:auto;}
#texte_principal p{ padding-left:27px; padding-right:27px;}

#visuel{ width:400px; /*height:350px;*/ float:left;}
#visuel p{ padding-left:37px; padding-right:37px; margin-top:10px; margin-bottom:0px;}

#descriptif{ width:400px; /*height:350px;*/ float:left;}
#descriptif p{ padding-left:37px; padding-right:37px; margin-top:10px; margin-bottom:0px;}

#tagsphere{ float:left; width:244px; height:100px; margin-left:80px;}

/* CLASSES */

.bloc_realisation{ width:924px; height:170px; float:left; margin-bottom:20px;}
.bloc_realisation_haut{ width:924px; height:137px; float:left;}
.bloc_realisation_bas{ width:750px; height:30px; float:left; border-bottom:1px ridge #999; margin-left:80px;}
.bloc_realisation_bas p{ margin-top:10px;}

.box{width:922px; float:left;}

.cadre_fleche{ width:28px; float:left;}
.cadre_petite_fleche{  width:16px; height:21px; float:left;}
.cadre_numerotation{ height:21px; float:left;}
.cadre_numerotation p{ margin-top:3px;}

.cadre_menu{ width:230px; height:130px; float:left;}
.cadre_menu ul li a{ color:#FFF; text-decoration:none;}

.cadre_menu ul li a:hover{ color:#bdcd00; text-decoration:none; font-weight:bold;}

.cadre_vide{ width:29px; height:130px; float:left;}

.ligne_content_bas{ width:800px; height:29px; border-bottom:1px ridge #999; margin-left:auto; margin-right:auto; margin-top:15px;}

.ligne_content_titre_croix{ width:21px; float:left;}
.ligne_content_titre_texte{ width:779px; float:left;}
.ligne_content_titre_texte p{ margin-top:3px; margin-bottom:0px; margin-left:5px;}

.ligne_content_bas_croix{ width:21px; float:left;}
.ligne_content_bas_texte{ width:779px; float:left;}
.ligne_content_bas_texte p{ margin-top:3px; margin-bottom:10px; margin-left:5px;}

.petit_titre_page { width:460px; height:50px; float:left;}
.petit_titre_page h2{  padding-left:30px; padding-right:30px;}

.slidebox{position:relative; width:5000px;} 

.box_presentation{width:570px; float:left;}
.slidebox_presentation{position:relative; width:10000px; height:600px;} 

.titre_page{ width:800px; height:20px; margin-left:auto; margin-right:auto; border-bottom:1px ridge #999; margin-top:20px;}

.portfolio_presentation{ width:570px; height:600px; float:left;}
.portfolio_presentation p{ line-height:1.4;}
.portfolio_presentation h2{ margin-top:10px; font-size:14px; margin-bottom:5px;}
.portfolio_presentation a{ color:#FFF; text-decoration:underline;}
.portfolio_presentation a:hover{ color:#a5c400; text-decoration:underline;}

.titre_page_presentation{ width:480px; height:20px; float:left; border-bottom:1px ridge #999; margin-top:20px;}

.ligne_content_titre_croix_presentation{ width:21px; float:left;}
.ligne_content_titre_texte_presentation{ width:459px; float:left;}
.ligne_content_titre_texte_presentation p{ margin-top:3px; margin-bottom:0px; margin-left:5px;}

.texte_principal_presentation{ width:570px; height:550px; float:inherit;}
.texte_principal_presentation p{ padding-left:27px; padding-right:27px;}

.visuel_presentation{ width:255px; /*height:350px;*/ float:left;}
.visuel_presentation p{ padding-left:37px; padding-right:37px; margin-top:10px; margin-bottom:0px;}

.descriptif_presentation{ width:255px; /*height:350px;*/ float:left;}
.descriptif_presentation p{ padding-left:37px; padding-right:37px; margin-top:10px; margin-bottom:0px;}

.cadre_services_kadesign{ width:244px; height:60px; float:left; margin-left:80px;}

.cadre_image_realisations{ width:244px; height:70px; float:left; margin-left:70px;}

.cadre_menu_gauche{ width:244px; height:100px; float:left; margin-left:80px;}
.cadre_menu_gauche ul{ list-style-type:none; margin-left:27px; padding-left:0;}
.cadre_menu_gauche ul li a{ color:#FFF; text-decoration:none;}
.cadre_menu_gauche ul li a:hover{ color:#bdcd00; text-decoration:none; font-weight:bold;}

.titre_page_menu_gauche_presentation{ width:244px; height:20px; margin-left:auto; margin-right:auto; border-bottom:1px ridge #999; margin-top:20px;}

.ligne_content_titre_croix_presentation{ width:21px; float:left;}
.ligne_content_titre_menu_gauche_texte_presentation{ width:223px; float:left;}
.ligne_content_titre_menu_gauche_texte_presentation p{ margin-top:3px; margin-bottom:0px; margin-left:5px;}

#list{ margin:0 auto; height:100px; width:244px; overflow:hidden; position:relative; float:left; /*margin-left:80px;*/}
#list ul, #list li{ list-style:none; margin:0; padding:0;}
#list a{ position:absolute; text-decoration: none; color:#666;}
#list a:hover{ color:#ccc;}

.slideshow {  width:922px; height:244px; margin-left:auto; margin-right:auto;}
.slideshow img{}

.plan1{ margin-left:0px; margin-top:0px; margin-bottom:5px; font-weight:bold;}
.plan2{ margin-left:20px; margin-top:5px; margin-bottom:5px;}

.gris_input{ width:290px; font-style:italic; color:#666;}
.noir_input{ width:290px; font-style:normal; color:#000;}

.main2{
	height:556px;
	float:left;
	position:relative;
	width:980px;
}

#footer ul {
	width: 980px;
	position: absolute;
	top: -6px;
	margin-left: -530px;
	left: 50%;
	text-align: right;
}

#footer ul li {
	list-style-type: none;
	float: right;
	padding-left: 10px;
}

#footer ul li a img {
	-moz-box-shadow: 0 0 3px #FFF;
	-webkit-box-shadow: 0 0 3px #FFF;
	box-shadow: 0 0 3px #FFF;
}

.infos{ position: absolute; margin-left: -10000px;}

.ligne_content_titre_menu_gauche_texte_presentation h3{ margin-top:1px; margin-left:5px;}

.ligne_content_titre_texte_presentation h2{ margin-top:4px; margin-left:5px; font-size:11px; text-transform:uppercase;}

#portfolio-realisations{ width:922px; margin:0 auto;}

#portfolio-filtre{ width:922px; float:left; margin-top:80px; margin-left:29px;}

#filter{ list-style-type:none; padding:0; margin:0 auto; width:922px;}
#filter li{ float:left; margin:0 20px;}

#filter li a{ font-size:14px; color:#a4c400;}
#filter li.current a{ font-size:14px; color:#a4c400; text-decoration:underline;}

.portfolio-horizontal{ width:922px; float:left;}

.portfolio-bloc{ width:922px; list-style-type:none; margin:10px 0px; padding:0;}
.portfolio-bloc li{ float:left; margin:10px 10px;}

.corner{ width:279px; height:193px;}

.boxgrid{ 
				width: 279px; 
				height: 193px; 
				/*margin:10px; */
				float:left; 
				background:#202021;  
				overflow: hidden; 
				position: relative; 
			}
.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
}

.boxgrid h3{ 
					padding: 0 10px; 
					color:#a4c400; 
					font-weight:bold; 
					font-size:12px;
					margin-top:10px;
					margin-bottom:10px;
				}
				
.boxgrid p{ 
					padding: 0 10px; 
				}

.boxgrid p a{
	color:#FFF; text-decoration:underline;
}
.boxgrid p a:hover{
	color:#FFF; text-decoration:none;
}

.boxgrid a{
	color:#FFF; text-decoration:underline;
}
.boxgrid a:hover{
	color:#FFF; text-decoration:none;
}

.boxgrid p a img{ 
					position: absolute; 
					top: 0; 
					left: 0;
					margin-left:240px;
					margin-top:155px;
					border: 0; 
}

#conteneur{  width:922px; height:440px; float:left; position:relative; overflow:hidden;}

.slidebox{ position:relative; width:20000px;}
.box{ width:922px; float:left;}

#nav-realisations{ width:922px; float:left;}
#nav-realisations p{ margin-top:0px; text-align:center;}
#nav-realisations p a{ color:#FFF; text-decoration:underline;}
#nav-realisations p a:hover{ color:#FFF; text-decoration:none;}