*{
	margin:0px;
	padding:0px;
}
ul{
list-style:none;
}
body{
	background:url("../images/fond-cj.jpg") top center no-repeat #291c17;
	color:#fff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/**********************************************************
						 GENERAL
**********************************************************/
/**********************************************************
					 Bande haut & bas
**********************************************************/
div#haut{
	position:relative;
	width:1010px;
	height:125px;
	margin:auto;	
} 
div#haut img{
	position:relative;
	margin:auto;
	display:block;
}
div#bas{
	position:relative;
	width:1010px;
	height:120px;
	margin:auto;
}
/*********************************************************
					mainContent
*********************************************************/
div#mainContent{
	position:relative;
	width:1010px;
	margin:auto;
	
}
/*********************************************************
					 sidebar Gauche
**********************************************************/
div#sidebarGauche{
	position:absolute;
	width:290px;
}
div#sidebarGauche a{
 text-decoration:none;

}

.menu{
	position:relative;
	top:-10px;
	position:relative;
	font-variant:small-caps;
	
}
.menuPrestation{
	position:relative;
 color:#fff;
 left:54px;
 list-style:none;
 font-size:1.4em;
}
.menuPrestation li{
	height:20px;
	margin-bottom:0px;
	
}
.menuPrestation li a{
	color:#fff;
	padding-left:30px;
}
#sidebarGauche .menuPrestation li a:hover, #sidebarGauche .menuPrestation li a.active{
	color:#f00;
	background:url("../images/fond-bouton.png")top left no-repeat;	
}
.menuCj{
	font-size:1.1em;
	margin-top:20px;
	position:relative;
	right:180px;
	list-style:none;
	color:red;
	text-align:right;
}
.menuCj li{
	margin-top:-5px;
	padding:5px;
	
}
.menuCj li a{
	color:#f00;
	padding:6px;
	padding-right:30px;
	
}
.menuCj li a:hover, .menuCj li a.active{
	color:#fff;
	background:url("../images/fond-bouton.png")top right no-repeat;	
}

/*********************************************************
					 Sidebar Droite
**********************************************************/
div#sidebarDroite{
	position:absolute;
	right:0px;
	top:0px;
	width:200px;
	min-height:400px;
	
}


/*********************************************************
						Contenu
**********************************************************/
div#contenu{
	position:relative;
	left:300px;
	width:500px;
	min-height:400px;	
}
.btnRetour{
 float:right;
}
/*********************************************************
						modules
**********************************************************/
.uneQuestion{
	margin:20px;
	margin-top:0px;
}

.uneQuestion p{
	margin-bottom:5px;
}
.uneQuestion label{
	padding:5px;
}
.uneQuestion input.champs{
	background:url("../images/reliefchamps.jpg") repeat-x top white;
	border:#291c17 2px solid;
	height:15px;
	width:120px;
}
.uneQuestion input.champs:focus{
	border:red 2px solid;
}
.uneQuestion .boutonQuestion{
	background:url("../images/bt-envoyer_01.png");
	width:80px;
	height:20px;
	border:none;
}
.uneQuestion input.boutonQuestion:hover{
	background:url("../images/bt-envoyer_02.png");
	border:none;
}
uneQuestion input.boutonQuestion:focus{
	border:#291c17 solid 2px;
}

.unDevis{
	padding-top:5px;	
}
.unDevis p{
	width:145px;
}
.boutonDevis{
	background:url("../images/cliquez01.png");
	width:99px;
	height:24px;
	border:none;
	display:block;
}
.boutonDevis:hover{
	background:url("../images/cliquez02.png");
}
.vuSurWeb{
width:145px;
}
.infosCj{
	width:150px;
	font-size:0.9em;
}
.infosCj .numeroTel{
	color:#f00;
	font-size:1.4em;
	font-weight:lighter;
	
}
#sidebarGauche .infosCj{
	position:relative;
	text-align:right;
	top:210px;
	margin-left:60px;
}
#haut .infosCj{
	position:absolute;
	top:0px;
	right:0px;
	text-align:left;
	float:right;
	margin-top:10px;
	margin-right:50px;
	
}

.imgActus{
max-width:145px;
}

/**********************************************************
					pages
***********************************************************/
#contenu{
	padding-top:20px;
	margin-bottom:150px;
}
#contenu h3, #contenu h2{
	color:#f00;
}
#contenu a{
	color:red;
	text-decoration:none;
	
}

#contenu a:hover{
	color:white;
	text-decoration:none;
}
#contenu ul.offsite li {

	background:url("../images/icon_offsite_cj.gif") 1px 0.5em no-repeat;
	list-style:none;
	font-size:1.1em;
	padding-left:18px;
	margin-bottom:10px;
	line-height:2em;
}
#contenu ul.liensite li {
background-image:url("../images/icon_liensite_cj.gif");
background-position:left 8px;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:1.1em;
padding-left:18px;
text-indent:0;
line-height:2em;
}
#contenu .teaser h3 a {
color:red;
text-decoration:none;
font-weight:normal;
font-size:1.2em;
letter-spacing:0px;
font-variant:small-caps;
}
#contenu .teaser a{
	color:red;
	text-decoration:none;
	font-weight:normal;
}
.more{
	color:#f00;
	text-decoration:none;
	padding-right:20px;
	background:url("../images/icon_insite01_cj.png") no-repeat right;
}
a.more:hover{
	color:#fff;
	background:url("../images/icon_insite02_cj.png") no-repeat right;
}

#contenu .teaser p{
	padding-left:40px;
	font-size:1.1em;
	letter-spacing:0.5px;
	line-height:1.2em;
	font-weight:lighter;
}

#contenu .teaser{
margin-bottom:20px;	
}
/******************************************************************
								galerie
******************************************************************/
a img{
 border:none;	
} 
.urlVignette a{
	color:white;
	text-decoration:none;
	font-weight:bold;
}
.urlVignette{
	position:relative;
	height:25px;
	top:-28px;
	text-align:center;	
	background:url("../images/fondBlack50.png");
}
.urlVignette a:hover{
	color:red;
	
}

#galerie > div {
	
	

}
.blocImage {
	float:left;
	overflow:hidden;
	width:225px;
	height:50px;
	
	margin-bottom:5px;
	margin-right:15px;
	
}
.imageGalerie {
	position:relative;
	float:left;
	width:400px;
	height:566px;
	
}
.titre .important{
	color:red;
	font-weight:bold;
}
.blocImage .titre{

	color:#fff;
	
	
	float:left;
	top:25px;
	width:225px;
	height:25px;
}
 
.hide{
display:none;
}
.box {
	text-align:center;
}
/*******************************************************************************
					NEWS / Actus
*******************************************************************************/
.blocnews{
	position:relative;
	border-bottom:1px solid red;
	margin-bottom:20px;
	min-height:150px;
}
.blocnews img.imgActus{
	float:right;
	right:10px;
	top:20px;
	margin:0 5px 10px 0;
	max-width:200px;
	
}
.blocnews p{
	font-size:0.9em;
	line-height:2em;
}
/*********************************************************************************

					portfolio		

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

/********************************************************************************
					savoir-faire
*********************************************************************************/

#contenu .affiche-wrapper h3{
	color:#fff;
	background:url("../images/icon_offsite_cj.gif")  0.5em no-repeat;
	font-size:1.1em;
	padding-left:25px;
	margin-bottom:10px;
	line-height:2em;
}
#contenu .affiche-wrapper h3{
	color:#fff;
	background:url("../images/icon_offsite_cj.gif")  0.5em 10px no-repeat;
	font-size:1.1em;
	padding-left:25px;
	margin-bottom:0px;
	line-height:2em;
}

#contenu .affiche-wrapper p{
	font-size:1.1em;
	padding-left:25px;
	margin-bottom:10px;
	line-height:2em;
}

/**********************************************************************************
COLLECTIONS
**************************************************************************************/

.packCollection{

clear:both;
 border-top: 2px solid #3e332d;
 padding:5px;
 margin-bottom:10px;
}
#contenu .packCollection .infosCollec{
	font-size:10px;
	text-align:right;
}
#contenu .packCollection .liste_image{
padding:10px 5px 10px 5px;
}
#contenu .packCollection table{
text-align:center;
width:100%;
}

#contenu .packCollection td{
border-bottom:1px solid #3e332d;

}
#contenu .packCollection th{
border-bottom:1px solid #3e332d;
}
hr.clear{ clear:both; visibility:hidden;}
.hidden{  visibility:hidden; width:99px;}
.unDevis a{ text-decoration:none;}