/*
Theme Name: CLS France
Theme URI: http:///www.colocarts.com
Description: Thème crée pour CLS France
Version: 1.0
Author: James Choux
Author URI: http://www.colocarts.com

Creation Theme by James Choux
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	margin: 0;
	padding: 0;
	background: url(images/main_deg.png) repeat-x #f4f4f4;
}

ul, li {
	margin: 0;
	padding: 0;
}

/* Bloc HEADER */
#head {
	margin: 0 auto 0 auto;
	padding: 0;
}

/* Bloc FOOTER */
#foot {
	margin: 0 auto 0 auto;
	background: #F5F5F5 url(images/footer_top_deg.png) repeat-x;
	height: 400px;
}

/* Bloc CONTENU */
#page {
	margin: 0 auto 0 auto;
	width: 936px;
	/*background: #FFFFFF;
	border: 1px solid #CCCCCC;*/
}

hr.hidden {
	clear: both;
	margin: 0 20px;
	background: #CCCCCC;
	visibility: hidden;
}

/* Header */

#logo {
	width: 632px;
	height: 83px;
	margin: 0 auto 0 auto;
	background: url(images/logo.png) no-repeat;
	z-index: 50;
	position: relative;
}

#link_page0 {
	position: absolute;
	width: 200px;
	height: 70px;
	z-index: 5;
	top: 30px;
	right: 20px;
}

.link01 { width: 270px; height: 52px; float: left; }
.link02 { width: 52px; height: 73px; float: left; margin: 0 20px; }
.link03 { width: 170px; height: 52px; float: left; }

.link01 a{ width: 170px; height: 52px; background: url(images/link010.png) no-repeat; float: left; }
.link01 a:hover{ width: 170px; height: 52px; background: url(images/link011.png) no-repeat; float: left; }
.link02 a{ width: 52px; height: 73px; float: left; }
.link03 a{ width: 170px; height: 52px; background: url(images/link030.png) no-repeat; float: left; }
.link03 a:hover{ width: 170px; height: 52px; background: url(images/link031.png) no-repeat; float: left; }

#logo .hidden { visibility: hidden; }

#header {
	margin: -50px auto 0 auto;
	/margin-top: -33px;
	background: url(images/menu_deg.png) repeat-x bottom;
	height: 88px;
}


#head #liens ul {
	list-style: none;
	text-align: right;
	display: inline;
}


/* Place le Titre et la description du site hors du champs visuel */
/* -------------------------------------------------------------- */
	h1 a {
		position: absolute;
		left: -5000px;
		top: -5000px;
		text-index: -5000px;
	}
	
	#header p {
		position: absolute;
		left: -5000px;
		top: -5000px;
		text-index: -5000px;
	}
/* -------------------------------------------------------------- */

/* Home content */

#content {
	width: 600px;
	margin-left: 20px;
	float: left;
	/*background: #FFFFFF;*/
}

#content h2 {
	color: #B00000;
}

#content h2 a {
	color: #B5B5B5;
	text-decoration: none;
	
}

#content #link_perso_archives h2 {
	display: inline;
}

#content_acc {
	width: 600px;
	margin-left: 20px;
	float: left;
	/*background: #FFFFFF;*/
}

.post_content {

}

.post_content img {
	float: left;
	border: 4px solid #d7d8d7;
	margin: 5px 10px 5px 0;
}

/* menu_space */

#menu_space {
	height: 41px;
	width: 936px;
	margin: 2px auto -20px auto;
}

#menu_space .particulier {
	width: 243px;
	height: 41px;
	float: left;
	margin: -57px 0 0 100px;
	/margin: -57px 0 0 100px;
}

#menu_space .particulier a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	height: 41px;
	width: 243px;
	background: url(images/btn/btn_part.png) no-repeat;
	padding: 3px 0 0 0;
	text-align: center;
}

#menu_space .professionnel {
	width: 243px;
	height: 41px;
	float: right;
	margin: -57px 100px 0 0;
}

#menu_space .professionnel a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	height: 41px;
	width: 243px;
	background: url(images/btn/btn_pro.png) no-repeat;
	padding: 7px 0 0 0;
	text-align: center;
}




/* Sidebar */

.sidebar {
	width: 270px;
	margin: 0 0 50px 0;
	float: right;
}

.sidebar #liens ul li{
	list-style: none;
	text-align: right;
	height: 49px;
	width: 167px;
	text-align: right;
	background: url(images/btn_pages.png) no-repeat;
}

.sidebar .link_pages1 a{
	height: 49px;
	width: 167px;
	background: url(images/btn_contact_01.png) no-repeat;
	float: left;
}

.sidebar .link_pages2 a{
	height: 49px;
	width: 167px;
	background: url(images/btn_devis_01.png) no-repeat;
	float: left;
}

.sidebar .link_pages3 a{
	height: 49px;
	width: 167px;
	background: url(images/btn_condit_01.png) no-repeat;
	float: left;
}

.sidebar .link_pages4 a{
	height: 49px;
	width: 167px;
	background: url(images/btn_part_01.png) no-repeat;
	float: left;
}

.sidebar .link_pages5 a{
	height: 49px;
	width: 167px;
	background: url(images/btn_blogs_01.png) no-repeat;
	float: left;
}

.sidebar .link_pages6 a{
	height: 49px;
	width: 167px;
	background: url(images/btn_news_01.png) no-repeat;
	float: left;
}

.sidebar .link_pages1 a:hover{
	height: 49px;
	width: 167px;
	background: url(images/btn_contact_02.png) no-repeat;
	float: left;
}

.sidebar .link_pages2 a:hover{
	height: 49px;
	width: 167px;
	background: url(images/btn_devis_02.png) no-repeat;
	float: left;
}

.sidebar .link_pages3 a:hover{
	height: 49px;
	width: 167px;
	background: url(images/btn_condit_02.png) no-repeat;
	float: left;
}

.sidebar .link_pages4 a:hover{
	height: 49px;
	width: 167px;
	background: url(images/btn_part_02.png) no-repeat;
	float: left;
}

.sidebar .link_pages5 a:hover{
	height: 49px;
	width: 167px;
	background: url(images/btn_blogs_02.png) no-repeat;
	float: left;
}

.sidebar .link_pages6 a:hover{
	height: 49px;
	width: 167px;
	background: url(images/btn_news_02.png) no-repeat;
	float: left;
}


/* ------------------------------------ Footer -------------------------------------------- */

#partenaires { 
	margin: 0 auto 0 auto;
	width: 936px;
}

#partenaires .contain {
	width: 544px;
	padding: 20px 0 10px 0;
	margin: 0 78px 0 0;
	/*background: url(images/title/partenaires.png) no-repeat top left;*/
	float: left;
}

#partenaires .deco {
	width: 305px;
	height: 267px;
	/*background: #333333;*/
	float: right;
	background: url(images/luxe_01.jpg) no-repeat;
	position: relative;
	z-index: 50;
	margin: -50px 0 0 0;
}

#partenaires ul h2{
	visibility: hidden;
}

#partenaires ul li {
	list-style: none;
	display: inline;
	
}

#partenaires ul li a {
	margin: 10px;
	color: #C9C9C9;
}

#footer {
	clear: both;
	margin: 120px 0 0 0;
	/margin: 0;
}

#footer p {
	padding: 80px 0;
	background: url(images/footer_deg.png) repeat-x;
	text-align: center;
	color: #CCCCCC;
	font-size: 11px;
}

#footer p a {
	color: #dfce58;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* Navigation */

/* Bloc MENU */
#menu {
	height: 52px;
	border-bottom: 1px solid #d7d8d7;
	margin: 0 0 10px 0;
}

#nav {
	list-style: none;
	width: 936px;
}

#nav li {
	float: left;
	display: block;
	margin: 0 24px;
	
}

#nav a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	height: 42px;
	width: 410px;
	background: url(images/btn/inactive.png) no-repeat;
	padding: 13px 0 0 0;
	text-align: center;
}

#nav a:hover {
	background: url(images/btn/hover.png) no-repeat;
}

#nav a:link {
	background: url(images/btn/active.png) no-repeat;
}

/*
#nav{
	list-style: none;
	font-size: 12px;
	float: left;
	line-height: 1.5;
	padding: 0;
	position: relative;
	left: 50%;
	margin: -10px auto 0 -448px;
	width: 936px;
	background: ;
}

#nav ul {
	list-style: none;
	float: left;
	display: block;
	line-height: 1.5;
	padding: 0;
	margin: 0;
	width: 900px;
	background: ;
}


#nav a {
	display: block;
	text-decoration: none;
	border: none;
	color: #777;
	text-align: center;
	padding: 8px 0 0 0;
	width: 300px;
	height: 42px;
	background: url(images/btn/inactive.png) no-repeat;
}

#nav li {
	float: left;
	list-style: none;
}

#nav a:hover {
	background: url(images/btn/hover.png) no-repeat;
	text-decoration: none;
	color: #FFFFFF;
}*/






		




a.main:hover{
	background: none;
}

#searchform {
	float: right;
	text-align: right;
	margin: 0;
	padding: 4px 10px;
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */



/************************************************************************************/
/* Modele de page - ACCUEIL */
/************************************************************************************/
	
	.post_content_acc {
		background: url(images/txt_acc_bot.png) repeat-y bottom;
		height: 195px;
		width: 570px;
		padding: 0 15px;
		margin: 30px 0 0 0;
	}
	
	#list_categ {
		width: 591px;
		background: url(images/title/list_categ.png) no-repeat top;
		font-size: 12px;
		margin: 0 0 0 0;
		padding: 50px 0 0 25px;
	}
	
/************************************************************************************/
/************************************************************************************/


/************************************************************************************/
/* Modele de page - ARCHIVES */
/************************************************************************************/

#link_perso_archives {
	margin: 10px 0;
}

#link_perso_archives.left {
	width: 158px;
	height: 96px;
	float: left;
	margin-right: 10px;
}

#link_perso_archives.right {
	width: 400px;
	height: 96px;
	float: left;
}

#link_perso_archives.right h2{
	padding: 0;
	margin: 0;
}

#link_perso_archives.right a{
	text-decoration: none;
	color: #ad0101;
}

hr.archives {
	clear: both;
	color: #FF0000;
	border-top: 1px solid #d7d8d7;
	border-bottom: 1px solid #F3F3F3;
}

img#vignette_archives {
	border: 1px solid #d7d8d7;
}

img#vignette_article {
	border: 3px solid #d7d8d7;
}

/************************************************************************************/
/************************************************************************************/


/************************************************************************************/
/* Modele de page - INTRODUCTION PAGES */
/************************************************************************************/

#content.particulier {
	width: 936px;
}

#content.professionnel {
	width: 936px;
}

#title_part {
	background: url(images/title/esp_part.png) no-repeat;
	width: 308px;
	height: 51px;
}

#title_pro {
	background: url(images/title/esp_pro.png) no-repeat;
	width: 308px;
	height: 51px;
}

#intro_page.left {
	width: 321px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #d7d8d7;
}

#intro_page.right {
	width: 540px;
	float: left;
}

#intro_page.right .link {
	float: left;
	padding: 0 270px 0 0;
}

#intro_page.right .link_pages1 a{
	height: 49px;
	width: 167px;
	background: url(images/btn_contact_01.png) no-repeat;
	
}

#intro_page.right .link_pages2 a{
	height: 49px;
	width: 167px;
	background: url(images/btn_devis_01.png) no-repeat;
}

#intro_page.right .link_pages3 a{
	height: 49px;
	width: 167px;
	background: url(images/btn_condit_01.png) no-repeat;
}

#intro_page.right .link_pages1 a:hover{
	height: 49px;
	width: 167px;
	background: url(images/btn_contact_02.png) no-repeat;
	float: left;
}

#intro_page.right .link_pages2 a:hover{
	height: 49px;
	width: 167px;
	background: url(images/btn_devis_02.png) no-repeat;
	float: left;
}

#intro_page.right .link_pages3 a:hover{
	height: 49px;
	width: 167px;
	background: url(images/btn_condit_02.png) no-repeat;
	float: left;
}

#intro_page.right hr {
	visibility: hidden;
	margin: 0 0 120px 0;
}

/************************************************************************************/
/************************************************************************************/


/************************************************************************************/
/* Modele de page - PARTENAIRES ET LIENS */
/************************************************************************************/
 
 #content ul li {
 	text-decoration: none;
	list-style: none;
	margin: 5px 0;
	width: 580px;
	height: 18px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 0 10px;
 }
 
 #content ul li a {
	color: #B00000;
	text-decoration: none;
 }

 #content ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	list-style: none;
	width: 100%;
	border: 1px solid #CCCCCC;
	background: #B00000;
 }

 #img_partenaires {
 	width: 607px;
	height: 43px;
	background: url(images/btn_partenaires.png) no-repeat;
 }
/************************************************************************************/
/************************************************************************************/

#contact {
	height: 170px;
	width: 260px;
	border: 1px solid #d7d8d7;
	float: left;
	padding : 0 5px;
	margin-right: 10px;
	margin-top: 5px;
}

#contact h3 {
	color: #af0001;
}

#plan {
	float: left;
}




/**************** propriétés des catégories ****************/

	.children {
		
		float: left;
		padding-right: 50px;
	}
	
	li.cat-item a {
		
	}

	/****** propriétés des liens des catégories ******/
	
	/* PARTICULIERS */
	.cat-item-3 a {
		color: #AF0000; 
		font-weight: bold;
		line-height: 20px;
	} 
	/* PROFESSIONNELS */
	.cat-item-4 a { 
		color: #AF0000;
		font-weight: bold; 
		line-height: 20px;
	} 
	/* DIVERS */
	.cat-item-14 a { 
		color: #AF0000;
		font-weight: bold; 
		line-height: 20px;
	} 
	
	/* SOUS-CATEGORIES */
	.cat-item-5 a { color: #444; font-weight: 100; text-decoration: none; }
	.cat-item-12 a { color: #444; font-weight: 100; text-decoration: none; }
	.cat-item-6 a { color: #444; font-weight: 100; text-decoration: none; }




/************************************************************************************/
/************************************************************************************/


#filariane {
	width: 100%;
	height: 22px;
	background: #F9F9F9;
	color: #888888;
	font-weight: bold;
	padding: 5px 0 0 0;
}

#filariane a {
	text-decoration: none;
	color: #c00000;
}



/***********************************************************************************/
/***********************************************************************************/
	
	hr {
		clear: both;
		border: 1px solid #CCCCCC;
	}
	
	input {
		margin: 2px 5px 2px 0;
		height: 16px;
		border: 1px solid #CCCCCC;
	}
	
	textarea {
		border: 1px solid #CCCCCC;
	}
	
	input.envoyer {
		height: 26px;
	}
	
	h2 {
		margin: 20px 0 10px 0;
		padding: 0;
		color: #B00000;
	}
	
	h2.partenaires {
		margin: 0 0 20px 0;
	}
	
	.lieu h5 {
		font-size: 14px;
		font-weight: bold;
	}
	
	#titre {
		padding: 0;
		margin: 2px 0;
		font-weight: normal;
		float: left;
	}
	
	.infos_perso #float {
		float: left;
		padding-right: 30px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	.lieu #float {
		float: left;
		width: 280px;
		font-weight: bold;
		margin: 0 10px 10px 0;
	}
	
	.type_event #float {
		float: left;
		width: 280px;
		font-weight: bold;
		margin: 0 10px 10px 0;
	}
	
	.type_food #float {
		float: left;
		width: 280px;
		font-weight: bold;
		margin: 0 10px 10px 0;
	}
	
	.type_equip #float {
		float: left;
		width: 280px;
		font-weight: bold;
		margin: 0 10px 10px 0;
	}
	
	.other_presta #float {
		float: left;
		width: 280px;
		font-weight: bold;
		margin: 0 10px 10px 0;
	}
	
	.infos_perso #float input.radio {
		margin-top: 20px;
	}
	
	.infos_perso  #titre { width: 110px; }
	.lieu #titre { width: 90px; }
	.type_event #titre { width: 50px; }
	.personnes #titre { width: 210px; }
	.type_food #titre { width: 90px; }
	.type_equip #titre { width: 90px; }
	.other_presta #titre { width: 90px; }
	.carlux_presta #titre { width: 130px; }
	.carlux_forfait #titre { width: 100px; }
	
	#cartouche {
		width: 580px;
		background: #F9F9F9;
		padding: 5px 10px;
		margin: 10px 0;
		border: 1px solid #CCCCCC;
	}

/***********************************************************************************/
/***********************************************************************************/

#btn_infos {
	
	
}

#btn_infos a {
	height: 14px;
	padding-right: 80px;
	background: url(images/btn_infos.jpg) no-repeat right ;
}