/* Page */
*{padding: 0; margin: 0;}
html, body{
font: normal 12px Arial, Verdana, sans-serif;
height: 100%;
background: url(images/bg_site.jpg) top repeat-x;
background-attachment: fixed;
background-color: #FFF;
}
#global{
background: #FFF;
min-height: 100%;
width: 959px;
margin-left: auto;
margin-right: auto;
}
a img{border: 0;}
#contenu a, #contenu-index a{
text-decoration: none;
font: normal 14px Trebuchet MS, Arial, sans-serif;
color: #CC0;
}
#contenu a:hover, #contenu-index a:hover{text-decoration: underline; color: #CC0;}
#contenu .colonnes h2{padding-bottom: 5px;}
#prd_col_left h2, #contenu .colonnes h2 a, .colonnes h2 a:hover{
font: normal 16px Arial, Verdana, sans-serif;
color: #F90;
text-decoration: none;
}
#contenu .voirdetail, #contenu .voirdetail a:hover, #contenu .voirdetail a{font-size: 11px; text-align: right;}

/********** Titles **********/
#contenu-index h1{font: bold 22px Arial, Verdana, sans-serif; color: #CC0;}
#contenu h1{font: bold 22px Arial, Verdana, sans-serif; color: #666; margin-bottom: 10px;}
h1#services{clear: both; padding: 10px; height: 22px; background: #000; font: bold 12px Arial, Verdana, sans-serif; color: #FFF;}
h1#services strong{font: normal 16px Arial, Verdana, sans-serif; color: #F90;}

/********** Header **********/
#header{
background: #000;
height: 148px;
}
#logo{padding: 12px 92px 0 36px; float: left;}
#bloc-header{padding-top: 32px;}
#ecommerce{margin-right: 50px;}

/********** Menu **********/
#menu ul{
width:950px;

list-style: none;
text-align: center;
}
#menu ul li{
display: inline;
}
#menu ul li a{
border-right: 1px solid #666;
display: block;
float: left;

background: url(images/bg_button.jpg);
padding: 9px 18px;
font-weight: bold;
color: #333;
text-decoration: none;
}
#menu ul li#button a{
padding: 9px 33px 9px 30px;
border-right: none;
}
#menu ul li a:hover{background: #CC0;}

/********** Contenu **********/
	/* fichier index.css à la racine */
#contenu{
color: #999;
font-size: 13px;
height: 100%;
padding: 20px;
clear: both;
}
#contenu p{margin: 5px 0 10px 0;}
#contenu p#texte{color: #000; font-size: 15px;}

#contenu-concurrentiel
{
	margin-left: 15px;
}

#contenu-concurrentiel h2 
{
	color: #F90;
	font: normal 16px Arial, Verdana, sans-serif;
	text-decoration: none;
}

.tdcolonnes{
border-top: 1px dashed #999;
width: 200px;
margin: 10px 35px 0 0;
}
	/* Page Nos Produits (gestion-site-web) */
.colonnes{
border-top: 1px dashed #999;
float: left;
width: 267px;
margin: 10px 35px 0 0;
}
.colonnes div{
padding: 10px 0;
border-bottom: 1px dashed #999;
}
.colonnes ul{margin: 0 0 0 10px;}
.colonnes ul li{color: #FB3;}
.colonnes ul li span{color: #999;}
	/**** Services ****/
		/* Position mots clés */
		form#surv_form, form#typidxform, #posmcform{margin: 20px 10px; width: 100%;}
		form#surv_form p, form#typidxform p, #posmcform p{font-weight: bold;margin: 2px 0;}
		form#surv_form p label, form#typidxform p label, #posmcform p label{float: left; width: 11em;}
		input.required{
		width: 200px;
		background-color: #EEE;
		border: 1px solid #666;
		}
		/* Popularité */
		.moteurs{margin: 10px; border: 1px solid #666; border-collapse: collapse;}
		.moteurs th{background: #CC0; color: #666; width: 150px;}
		.moteurs th, .moteurs td{border: 1px solid #666; padding: 2px 5px;}
		#typidxres{clear: both;}

#prd_col_left{width: 600px; float: left; margin-right: 50px;}
#prd_col_left p{text-align: justify; padding-bottom: 10px;}
#prd_col_right ul li{
list-style-type: circle;
color: #000;
font-size: 15px;
line-height: 20px;
}
#prd_col_right div{
margin-top: 15px;
padding-top: 15px;
border-top: 1px dashed #000;
margin-left: 635px;
}
.choix-cmd{margin: 10px 0 5px 0;padding: 0;}
.choix-cmd label{
padding-left: 10px;
font-weight: bold;
color: #CC0;
}
#prd_col_right div strong{font-size: 20px;padding-left: 30px;}
#ajouter a, #ajouter a:hover{padding: 3px 7px; background: #CC0; color: #FFF; font-size: 16px;}
#ajouter{padding-top: 15px; text-align: center;}

/********** Top Contenu **********/
#top-service{
clear: both;
background: url(images/bg_service.jpg) no-repeat;
width: 959px;
height: 190px;
}
#top-produit{
clear: both;
background: url(images/bg_produit.jpg) no-repeat;
width: 959px;
height: 189px;
}
#commentaires-top{
padding: 10px;
margin-top: 20px;
float: right;
background: #FFF;
width: 360px;
height: 130px;
}
#top-service div p, #top-produit div p, #commentaires p{font-size: 15px; font-weight: bold; text-align: justify;}
#top-service div p.comment, #top-produit div p.comment, #commentaires p.comment{
font: bold italic 12px Arial, Verdana, sans-serif;
text-align: right;
}
#top-service div p.comment, #top-produit div p.comment{color: #F90;}
#commentaires{
border: 0;
margin-top: 20px;
color: #FFF;
padding: 10px;
background: #CCC;
width: 260px;
}

/********** Footer **********/
#footer{
margin-top: 2px;
color: #333;
width: 100%;
font: bold 12px Arial, Verdana, sans-serif;
clear: both;
}
#footer ul{
background: url(images/bg_footer.jpg) repeat-x;
text-align: center;
width: 100%;
padding: 10px 0;
}
#footer ul li{list-style-type: none; display: inline; margin: 0 20px;}
#footer ul li a{color: #333; text-decoration: none;}
#footer ul li a:hover{text-decoration: underline;}
#footer p{font-weight: normal; text-align: center;padding: 7px 0 10px 0;}

/* Bouton input */
.btn_input{
margin-top: 10px;
padding: 2px 5px;
background: #CC0;
color: #666;
border: 1px solid #666;
}
#entree_audit_email{cursor: pointer;}

#poeme_enfnet{
left:80px;
position:relative;
top:120px;
width:290px;
}


#img_blog{
left:390px;
position:relative;
top:-600px;
width:500px;
}