/* 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;}
#menu{background:url("images/bg_button.jpg") repeat scroll 0 0 transparent;height:34px;}
/********** 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-left: 1px solid #666;
display: block;
float: left;

background: url(images/bg_button.jpg);
padding: 9px 35px;
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;}

#vente_refpro
{
	border: 3px inset black;
	width: 600px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	background-color: #f9dc20;
}
#vente_refpro td
{
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	border: 3px hidden black;
}
#vente_refpro a
{
	color: #56A3A3;
}
#vente_refpro a:hover
{
	text-decoration: none;
	color: #ffffff;
}
#vente_refpro caption
{
	background: url
}
#Position_garanti
{
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 600px;
	font-size: 12px;
	font-weight: bold;
}
#Position_garanti td
{
	border: 1px hidden black;
	height: 50px;
}

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

#contenu-concurrentiel h2 
{
	color: #F90;
	font: normal 16px Arial, Verdana, sans-serif;
	text-decoration: none;
}
#tuto h1,h2 { text-align:center; }
#tuto  { padding-left: 20px; }

.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 h2{color:#CCCC00}
/*#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;
}
.form_tab{font-family:Verdana;border:1px solid #DDDDDD;height:auto;padding:5px;width:650px;margin-left:10px;margin-bottom:20px;}
.form_tab2{font-family:Verdana;border:1px solid #DDDDDD;height:auto;padding:5px;width:900px;margin-left:10px;margin-bottom:20px;}
.td-title{text-align:center;color:#CCCC00;font-size:18px;padding:5px;}
.td-header{text-align:center;color:#CCCC00;width:100px;}
.td-footer{text-align:center;color:#CCCC00;font-size:12px;width:100px;}
.td-service{text-align:right;font-weight:bold;color:#56a3a3;font-size:12px;padding-right:8px;width:300px;background:#eeeeee;}
.td-center{text-align:center;}
.td-essai {text-decoration:none;color:#CCCC00;font-weight:bold;font-size:15px;}

.td-essai a{text-decoration:none;color:#CCCC00;font-weight:bold;font-size:15px;display:block;background:url('./images/test.png') no-repeat top center;height:52px;}
.td-essai a{background:url('./images/test_bouton.gif') no-repeat top center;}
.td-essai2 a{text-decoration:none;color:#CCCC00;font-weight:bold;font-size:15px;display:block;height:52px; }

.form_tab thead td{border:collapse;border-color:-moz-use-text-color #DDDDDD #DDDDDD;border-style:none solid solid;border-width:medium 1px 1px;height:48px;}
.form_tab2 thead td{border:collapse;border-color:-moz-use-text-color #DDDDDD #DDDDDD;border-style:none solid solid;border-width:medium 1px 1px;height:48px;}
.form_tab tfoot td{border:collapse;border-color:-moz-use-text-color #DDDDDD #DDDDDD;border-style:none solid solid;border-width:medium 1px 1px;height:48px;}
.form_tab2 tfoot td{border:collapse;border-color:-moz-use-text-color #DDDDDD #DDDDDD;border-style:none solid solid;border-width:medium 1px 1px;height:48px;}
.form_tab tbody td{border:collapse;border-color:-moz-use-text-color #DDDDDD #DDDDDD;border-style:none solid solid;border-width:medium 1px 1px;height:18px;}
.form_tab2 tbody td{border:collapse;border-color:-moz-use-text-color #DDDDDD #DDDDDD;border-style:none solid solid;border-width:medium 1px 1px;height:18px;}
.essai-gratuit {text-align:center;font-family:Verdana;text-decoration:none;color:#CCCC00;font-size:18px;}

.essai-gratuit a {text-decoration:none;color:#CCCC00;font-size:18px;background:url('./images/audit-gratuit.gif') no-repeat top center;display:block;height:40px;}
.essai-gratuit a {background:url('./images/audit-gratuit.gif') no-repeat top center;}