@charset "utf-8";
/* CSS Document */
/* Nouvelle feuille de styles du site www.juliecoutu.com */
/* Août 2010 */



body {
	margin						:0px;
	font-family					:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size 					:0.9em;
	color 						:#333333;
	background-color			:#20669b;
	background-image			:url(images/bg_julie_coutu.jpg);
	background-repeat			:repeat-x;	
}

h1, h2, h3, h4, h5, h6 {padding:0px;margin:0px;}
hr {
	height						:1px; 
	border						:1px dotted #cccccc;
}
img {
	border:none;
	}
a {
	outline:none;
	}
a:link, a:visited {
	text-decoration				:none;
	
	}
a:active, a:hover {
	text-decoration				: underline;
	}
#conteneur, #entete, #menu, #menu a:link, #menu a:visited, 
#menu a:active, #menu a:hover, #entete_droite, #gauche, 
#contenu, #soumission, #col_droite, .gauche, .droite {
	display						:block;
	position 					:relative;	
}

/* GESTION DES z-index --------------------------------------------------------*/

 #entete, #entete_droite, #conteneur, #gauche, #contenu, #soumission, #col_droite, .gauche, .droite, #conteneur2, #contenu_boutique   {

	z-index:0	;
}


#menu {

	z-index:500;
}
/* FIN GESTION z-index -------------------------------------------------------- */

#conteneur {
	margin						:auto;
	width						:970px; /* 970 de large avec le padding*/
}
#entete {
	padding 					:15px 0px;
	width						:970px;
}
#entete img {
	float						:left;
	margin-right				:250px;
}
#entete p {
	color						:#fffffe;
	text-align					:right;
	line-height					:2.3em;
	margin 						:0px;
}
.tel_julie_coutu { 				/*Tél. en entete qui est plus gros*/
	font-size					:1.5em;
	font-weight					:bold;
}
#conteneur2{
	display						:table;
	position					:relative;
	margin						:auto;
	width						:960px; /* 970 de large avec le padding*/
	padding						:5px 5px 5px 4px;
	background-color			:#FFFFFF;
	margin-bottom : -15px;

}
#menu {
	height 						:45px;
	padding						:0px;
	width						:960px;
	background-image			:url(images/bg_menu_haut.jpg);
	background-repeat			:repeat-x;

}

#entete_droite {
	float 						:right;
	width						:295px;
	height 						:240px;
	padding						:15px;
	background-color			:#163853;
	color 						:#FFFFFF;
	font-size					:1.15em;
	
}
#entete_droite  h1 {
	font-size					:1.2em; 
	margin-bottom				:40px;
}
#entete_droite li {
	font-size					:0.85em;
	margin-bottom				:20px;
	list-style-image			:url(images/puce3.jpg);

}

#entete_droite a {color:#fffffe;}

#gauche {
	float 						:right;
	width						:630px;
	height 						:270px;
	background-color 			:#20669b;
	margin-bottom				:5px;
	margin-right				:5px;
}
#gauche_boutique {
	float 						:right;
	width						:600px;
	height 						:270px;
	padding: 0px 15px;
	background-color 			:#ffffff;
	margin-bottom				:5px;
	margin-right				:5px;
}

#contenu {
	float						:left;
	width						:605px;
	padding						:10px 15px;
	clear						:both;
	background-color			:#FFFFFF;
	
}
#contenu h1, #contenu h3, #contenu_boutique h1, #contenu_boutique h2, #contenu_boutique h3  {
	color						:#0365ab;
}

#contenu h2 {
	background-image:url(images/icone_services_web.jpg); 
	background-repeat:no-repeat; 
	background-position:left; 
	padding: 10px 0px 0px 35px;
	color:#e15f00;
	
	}
#contenu h3 {
	background-image:url(images/icone_h3.jpg); 
	background-repeat:no-repeat; 
	background-position:left; 
	padding: 10px 0px 7px 35px;
	
	}

#contenu h3 {
	font-size					:1.1em;
}
#contenu ul li, contenu_boutique ul li {
	list-style-image			:url(images/puce.jpg);
	list-style-position			:outside;
	font-size					:0.9em;
	padding-left:0px;
	
}
#contenu a:link,    #contenu a:active, #contenu a:visited,      
#contenu_boutique a:link, #contenu_boutique a:active, #contenu_boutique a:visited,
.col_droite a:link, .col_droite a:active, .col_droite a:visited 
{
	color						:#0365ab;
	text-decoration:none;
}




#contenu a:hover,       
#contenu_boutique a:hover,
.col_droite a:hover 
{
	color						:#40a6ef;
	text-decoration:underline;
}
#contenu_boutique {
	clear						:both;
	width						:930px;
	padding						:10px 15px;

	background-color			:#FFFFFF;

}
.division {display:block; position:relative; float:left; width:300px;  margin:0px; padding:0px; }

#tarifs {
			display:block;
			position:relative;
			float:left;
			width:605px;
			margin:0px;
			

}

#tarifs h2 { margin:0px;}

th {color: #fffffe; font-weight:bold;}
#soumission {
	background-color			:#163853;
	color						:#ffffff;
	width						:585px;
	padding 					:10px;
	height						:145px;
	
}

#soumission h4  {
	color						:#f7c328;
	margin-top					:0px;
	font-size:					1.4em;
}
#soumission a {
	color						:#fffffe;
}
.col_droite_vert {
	background-color:#c7d13a;
}
.col_droite {
	float						:left;
	width						:293px;
	padding						:0px 15px 5px 15px;
	background-color			:#ededed;
	border						: 1px solid #cccccc;
	margin 						: 0px 0px 5px 0px;

}
/*.col_droite a:link, .col_droite a:active, .col_droite a:visited {
	color						:#0365ab;
	text-decoration				:none;
}

.col_droite a:hover {
	color:#38c9ff;

	}*/
	
	
.col_droite h2 {
	font-size					:1.2em;
	margin:0px;
	padding-top:10px;
}

.col_droite h3 {
	
	margin:0px;
	padding-top:10px;
}
.col_droite ul li {
	list-style-image			:url(images/puce2.jpg);

	font-size					:0.9em;
}


#copyright {
	width						:100%;
	background-image			:url(images/bg_piedpage.jpg);
	background-repeat			:repeat-x;
	padding						:25px 0px;
	color						:#fffffe;
	font-size					:0.8em;
	margin						:0px auto;
	display						:block;
	position					:relative;
	text-align					:center;
	}

#copyright a {
	color						:#fffffe; /* Couleur lien sitemap bas de page */
}

/* ailleurs que sur la page d'accueil --------------------------------------------------------------------------------*/


.gauche {
	width: 295px;
	margin-right:5px;
	float:left;
	margin-bottom:15px;

	
}
.droite {
		width: 295px;
margin-bottom:15px;
	float:left;
}
/* les classes de couleurs -------------------------------------------------------------------------------------------- */
.blanc {color:#fffffe;}
.petit {font-size:0.85em; padding-left:45px;}
.bleupale_droite {
	color						:#6ccafd;
	text-align					:right;
}
.bleupale {
	color						:#6ccafd;
}
.orange {
	color						:#e15f00;
}

.jaune {
	color						:#f7c328;
}
.plusgros {
	font-size					: 1.5em;
}
.rouge {
	color						:#F00;
}

.bleuordinaire {color:#115382;}
.img_float {float:left; margin:0px;}

/*----STYLES POUR LES POP-UP DES DÉFINITIONS DE SERVICES VISIBLE HIDDEN SECTION SITE TRANSACTIONNEL ------------------------------------------------*/

.details {color:#00F; text-decoration:underline; cursor:pointer; font-size:0.7em;}
.legende {color:#00F; text-decoration:underline; cursor:pointer; font-size:1em;}
.rouge_pointeur {color:#F00; cursor:pointer;}
#nb_produits, #proprietaire, #web_design, #paiement, #cartes, #livraison, #telechargement, #shoppingcart, #compte, #recu, #rss, #top10, #module_shoppingcart, #module_ajoutproduits, #module_ajoutphotos, #module_categories, #module_description, #module_prix, #module_tri, #module_transport, #module_taxes, #module_certificat, #module_stat, #module_stat_achat, #legende, #ssl {
	display:block;
	position:fixed;
	width:550px;
	background-color:#ffffff;
	border: 5px solid #6ccafd;
	margin-left:50%;
	left:-300px;
	padding:25px;
	z-index:1000;
	margin-top:0%;
	} 



#nb_produits img, #proprietaire img, #web_design img, #paiement img, #cartes img, #livraison img, #telechargement img, #shoppingcart img, #compte img, #recu img, #rss img, #top10 img, #module_shoppingcart img, #module_ajoutproduits img, #module_ajoutphotos img, #module_categories img, #module_description img, #module_prix img, #module_tri img, #module_transport img, #module_taxes img, #module_certificat img, #module_stat img, #module_stat_achat img, #legende img, #ssl img {
	
	float:left;
	margin-right:8px;
}


/*----STYLES POUR LES POP-UP DES DÉFINITIONS DE SERVICES VISIBLE HIDDEN SECTION CRÉATION SITE WEB ------------------------------------------------*/

#nb_pages {
	display:block;
	position:fixed;
	width:550px;
	background-color:#ffffff;
	border: 5px solid #6ccafd;
	margin-left:50%;
	left:-300px;
	padding:25px;
	z-index:1500;
	margin-top:0%;
	}