@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;}
	li{
		padding-bottom:5px;
		padding-top:5px}
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0
}
p{
	margin-bottom:10px;}
ul{
	margin-bottom:10px;
	margin-top:10px;}
button{
	border:none;
	background:transparent;
	cursor:pointer}
a {
	text-decoration: underline;
		color:#FE6C00;
}
.char{
	padding-top:50px;
	clear:both;
	height:300px;
	width:600px;
	margin-left:auto;
	margin-right:auto}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
hr { 
border : 0;
border-top : 1px dashed #767777;
height : 1px;
margin:0;
	padding:2;
}
input
{
	color:#474747;
	vertical-align:middle
}
.content_pavet{
	background:url(images/bg_sp-rouge.jpg) repeat-x top #FFFFFF;
	border-left:solid 1px #A8A8A8;
	border-right:solid 1px #A8A8A8;
	width:169px;}
#bloc1 
{
width:100%;
background-color:#CCCCCC;
display:none;
}
#bloc2
{
width:100%;
background-color:#00FF00;
display:none;
}
#bloc3
{width:100%;
	position:relative;
	background-color:#FFFFFF;

}
#bloc3-1
{
	position:relative;
	width:100%;
	background-image:url(images/bg_header.jpg);
	background-repeat:repeat-x;
}
#bloc3-1-1
{
	position:relative;
	width:995px;
	height:254px;
	margin-left:auto;
	margin-right:auto;
	/*border:#000000 1px solid;*/
}
.flash{
	float:right;
	position:absolute;
	top:40px;
	left:280px;
	}

#pub
{
	position:absolute;
	left: 362px;
	top: 60px;
}
#whois
{
	position:absolute;
	width:516px;
	height:112px;
	background-image:url(images/whois.jpg);
	left: 471px;
	top: 151px;
}
#formwhois
{
	position:absolute;
	width:334px;
	height:55px;
	left: 41px;
	top: 45px;
}
#textwhois
{
	position:absolute;
	left: 41px;
	top: 19px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
#wwwwhois
{
	color:#FFFFFF;
}
#b_client
{
	background-image:url(images/contact_button.gif);
	width:124px;
	height:22px;
	position:absolute;
	left: 735px;
	top: 0px;
	text-align:center;
	padding-top:5px;
}
#b_client a
{
	color:#FFFFFF;
}
#b_contact
{
	background-image:url(images/contact_button.gif);
	width:124px;
	height:22px;
	position:absolute;
	left: 607px;
	top: 0px;
	text-align:center;
	padding-top:5px;
}
#b_contact a
{
	color:#FFFFFF;
}
#motif_top
{
	position:absolute;
	top: 0px;
	right:0px;
}
#bloc3-2
{
width:995px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
.vmenu
{
	font-weight:bold;
	color:#FF4C00;
	font-size:14px;
}

.list_menu{
font-size:13px;
margin-top:0px;
margin-bottom:0px;
color:#666666;
list-style-image: url(images/fleche.jpg);
}
.list_menu li{
padding:3px;
}
#bloc3-2-1 ul{
	margin-left:25px;
}
.list_menu li a{
color:#666666;
	text-decoration:none;
}
.list_menu li a:hover{
	text-decoration:underline}
.text_menu{
font-size:13px;
margin-top:0px;
padding-left:5px;
padding-right:5px;
text-align:justify;
color:#666666;
}
#bloc3-2 input
{
	/*background-color:#EFEEEF;*/
	
}
#bloc3-2-1
{
width:170px;
float:left;
/*background-color:#33CCCC*/
}

#bloc3-2-1-1
{
width:100%;
background-color:#ffffff;
}
#bloc3-2-1-2
{
width:100%;
background-color:#ffffff;
}
#bloc3-2-2
{
width:194px;
padding-left:10px;
float:left;
/*background-color:#0055FF;*/
}
.titre_offre
{
font-size:17px;
font-weight:bold;
color:#000000;
text-align:right;
margin-right:25px;
padding-top:12px;
margin-bottom:5px;
}
.texte_offre
{
font-size:11px;
color:#000000;
padding-right:8px;
margin:0px;
}
.image_offre
{
font-size:11px;
color:#000000;
float:left;
padding-left:10px;
padding-right:5px;
margin:0px;
}
#bloc3-2-2-1
{
height:158px;
background-image:url(images/promo_bleu.gif);
background-repeat:no-repeat;
margin-top:6px;
margin-bottom:6px;
margin-left:14px;
}
#bloc3-2-2-2
{
height:158px;
background-image:url(images/promo_vert.gif);
background-repeat:no-repeat;
margin-top:6px;
margin-bottom:6px;
margin-left:14px;
margin-right:auto;
}
#bloc3-2-2-3
{

margin-top:6px;
margin-bottom:6px;
margin-left:14px;
margin-right:auto;
}
#bloc3-2-3
{
width:608px;
float: right;
/*background-color:#3300CC;*/
vertical-align:top;
}
#blocinterne
{
width:810px;
float:left;
margin-left:10px;
}
.prod_col ul{
	margin-left:30px;}
#bloc3-2-1 hr{
	margin-bottom:10px;
}
#blocinterne ul{
	margin-left:20px;
	list-style-image:url(images/puce_blue.jpg);}
#blocinterne hr{
	padding-bottom:10px;
}
#blocinterne  h2{
	font-size:14px;
	margin-top:10px;
	margin-bottom:10px;
	color:#016897}
#blocinterne  p{
	margin-bottom:10px;
}
#blocinterne  h3{
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
}
.herber li{
	font-size:11px;
	color:#000000;}
.herber  h3,ul{
	color:#032D79}
.titre_page
{
	color:#FF4C00;
	font-weight:bold;
	border-bottom:1px dashed #767777;
	padding-bottom:5px;
}
#pani h2{
	border-bottom: dotted 1px #55C2D9;/*99A6C8*/
	font-weight:bold;
	margin-left:0px;
	/*color:#000000;*/
	font-size:12px;}
.det{
	color:#999999;
	padding-left:5px;
	clear:both}
.titre_article
{
	color:#FF4C00;
	font-size:21px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	
}
.commander{
	background-image:url(images/commander.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	height:35px;
	width:127px}
.titre_page img{
	padding-right:2px;
	vertical-align:text-bottom;}
.acroche_article
{
	color:#004D73;
	font-size:11px;
	padding-left:5px;
}
.article
{
	color:#4C4C4C;
	text-align:justify;
	padding:5px;
	margin:0px;
}
.text_c{
	text-align:justify}
.text_c h1{
	font-size:14px;
	color:#FF4C00;}
.text_c ul{
	color:#000000}
.details
{
	color:#FE0B14;
	text-align:right;
}
.mot_herber{
	color:#016FA1;
	text-align:center;
	padding:20px;}
.details a
{
color:#FE0B14;
}
#bloc3-2-3-1
{
width:100%;
/*background-color:#CCFF33*/
}
.separateur
{
width:100%;
border:0px;
border-top : 1px dashed #767777;
height : 1px;
clear:both;
}
#bloc3-2-3-3
{
width:100%;
height:90px;
background-color:#FE7817;
background-image:url(images/bg_produits.jpg);
background-repeat:repeat-x;
margin-top:5px;
margin-bottom:5px;
}
.prod_col
{
float:left;
padding-left:12px;
padding-top:10px;
}
.titre_produit
{
	font-weight:bold;
	color:#FFFFFF;
	padding-left:12px;
	padding-bottom:4px;
	margin:0px;
}
.liste_produits
{
	font-size:13px;
	margin-top:0px;
	margin-bottom:0px;
	color:#A5191D;
	list-style-type:square;
}
.liste_produits li{
padding:1px;
margin:0px;
/*text-decoration:underline;*/
}
.liste_produits li a{
text-decoration:none;
color:#A5191D;
}
.liste_produits li a:hover{
text-decoration:underline;
}
#bloc3-2-3-4
{
width:100%;
/*background-color:#009999*/
}
#bloc3-2-3-5
{
width:100%;
/*background-color:#ff9900*/
}
.realisation
{
float:left;
width:33%;
}
.realisation2
{
float:left;
width:170px;
/*border:solid 1px #CCCCCC;
*/margin-right:10px;
margin-bottom:10px;
padding:10px
}
#bloc3-3
{
bottom:0;
clear:both;
width:100%;
background-image:url(images/bg_footer.jpg);
background-repeat:repeat-x;
}
#fmenu
{
	float:left;
	width: 512px;
	color:#FFFFFF;
}
#fmenu a{
	color:#FFFFFF}
#logof
{	float:right;
	width:99px;
	color:#FFFFFF;
}

#bloc3-3-1
{

	width:955px;
	padding-left:20px;
	padding-right:20px;
	padding-top:35px;
	height:47px;
	margin-left:auto;
	margin-right:auto;
/*background-color:#33660F;*/
}
#c{
	
	background-color:#3B4701;
	clear:both;
	width:100%;
	}
.boutton_acc{
	background-image:url(images/botom_acce.jpg);
	background-repeat:no-repeat;
	color:#000000;
	width:98px;
	height:25px;
	}

.lien_ac a{
	color:#FFFFFF;
	text-decoration:underline;}
.lien_ac a:hover{
	text-decoration:none;}
#c3 input{
	border:1px solid #000000;
	padding:1px;
	width:160px;}
#c3{
	background:url(images/left_accem.jpg) no-repeat left bottom #3B4701;
	padding-left:386px;
	width:289px;
	margin-left:auto;
	margin-right:auto;
	height:332px;
	}
#c2{
	background:url(images/bonnehomme.jpg) no-repeat left bottom;
	padding-left:175px;}
.formacce{
	background:url(images/right_accem.jpg) no-repeat left bottom;
	width:359px;
	height:322px;
	padding-top:10px;
	color:#FFFFFF;
	}
.piontille{
	background:url(images/piontille.jpg) repeat-y left;
	padding-left:10px;
	height:230px;
	}
#contact {
	
	clear:both;
	width:100%;
	margin:0px;
	padding:0px;  
  
}
.t{
	 background:url(images/contactbar.jpg) repeat-x bottom left  #580602;
	 padding-bottom:19px;

	 }
.t_client{
	 background:url(images/clientbar.jpg) repeat-x bottom left  #3B4701;
	 padding-bottom:20px;

	 }
#contact2 
{ 
	background:url(images/right_contact.jpg) no-repeat bottom left #580602;
	padding-left:10px;
	height:327px;
	padding-right:10px;
	padding-top:5px;
	color:#FFFFFF;
	
}

#contact3 
{ 
	background-image:url(images/left_contact.jpg);
	height:332px;
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:253px;
	background-color:#580602;
	 width:498px;
	 margin-left:auto;
	 margin-right:auto
}
#contact3 input{
	border:1px solid #000000;
	padding:1px;
	width:200px;}

	
.chargemant{
width:100%;
height:250px;
padding-top:100px;
text-align:center;
background-image:url(images/bg_chargement.jpg);

}
.motif{
	width:996px;
	margin-left:auto;
	margin-right:auto;
	height:250px;
	background-image:url(images/motif.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;}
.pio{
	background:url(images/piotle_contact.jpg) repeat-x bottom;
	padding-bottom:5px;}
.service li{
	padding-bottom:5px;
	padding-top:5px;}
.service li a{
	text-decoration:underline}
.service li a:hover{
	text-decoration:none}
.pavet h3{
	margin:0px;}
.pavet{
	border-left:solid 1px #B9B9B9;
	clear:both;
	border-right:solid 1px #B9B9B9;
	background:url(images/bg_pavet.gif) repeat-x top;
	padding-left:10px;
	padding-right:10px;
	}
.pavet li{
	list-style-image: url(images/fleche.jpg);
	}
.pavet ul{
	margin-bottom:0px;
	margin-top:0px;}
.pavet strong{
color:#FFB100;
font-size:13px;
}
.baswhois{
	background:url(images/whois_bas.gif) no-repeat top;
	height:36px;
	text-align:center;
	clear:both;}
.etape_dom{
	padding-left:10px;
	padding-right:10px;
	background-color:#FCFCFC;
	padding-bottom:10px;
	border-left: solid 1px #D7D7D7;
	border-right: solid 1px #D7D7D7;}
.etape{
	border-left: solid 1px #44B7D7;
	border-right: solid 1px #44B7D7;}
.etape_dom ul{
	margin-top:0px;
	}
.etape_dom li{
margin-top:0px;
	float:left;
	list-style:none}
.border{
	padding-left:5px;
	padding-right:5px;
	margin-left:6px;
	border-left: solid 1px #CDCDCD;
	border-bottom: solid 1px #CDCDCD;
	border-right: solid 1px #CDCDCD;
	background-color:#FFFFFF;
	text-align:center;
	width:169px;
	padding-bottom:10px;
	height:100px;}
.border strong{
	color:#999999
	}
.pop{
	position:absolute;
	top:360px;
	left:200px;
	padding:5px;
	filter:DropShadow (color=A0A0A0, offx=4,offy=4);
	width:750px;}
.pop td{background-color:#FFFFFF;}
.pop th{padding:2px;
	text-align:left;
	color:#1D84B6;
	background-color:#FFFFFF;
	}
.sep{
	clear:both;
	height:10px;}
.div_heberge{
	width:260px;
	float:left;
	font-weight:bold}
.div_heberge ul{
	padding-left:10px;}
.realisation a{
	text-decoration:underline}
.realisation a:hover{
	text-decoration:none}
.realisation img{
	padding-top:10px;}
.bg_offre{
	width:171px;
	height:100px;
	border-left:solid 1px #C5C5C5;
	border-right:solid 1px #C5C5C5;
	background:url(images/bg-offre.gif) top left no-repeat #FFDA30;}
.bg_offre2{
	width:169px;
	height:100px;
	border-left:solid 1px #C5C5C5;
	border-right:solid 1px #C5C5C5;
	background:#F6F6F6 ;
}
.commande{
	float:left;
	width:580px}
.panier{
	float:left;
	padding-left:10px;
	width:200px}
.commande th{
	color:#133789;
	/*background-color:#C2D6F1;*/
	background-color:#CEEEFC;
	text-align:left;
	height:25px;
	padding-left:5px;}
.commande td{
	/*background-color:#E9F0FA;*/
	padding-left:5px;
	padding-bottom:3px;
	padding-right:5px;
	background-color:#F4FDFF}
.espacement td{
	padding-left:0;
	padding-right:0;}
.w th{
	color:#133789;
	background-color:#CEEEFC;
	text-align:left;
	height:25px;
	padding-left:5px;}
.w td{
	background-color:#F4FDFF;
	padding-left:5px;
	padding-bottom:3px;
	padding-right:5px}
.prix{
	color:#133789;
}
.contenu_panier{
	border: solid 1px #55C2D9}
.contenu_panier h2{
	padding-left:5px;}

.whois strong{
	text-decoration:underline;
	color:#0A328C}
.whois img{
	vertical-align:middle}
.total{
	/*color:#ffffff;*/
	color:#168CCC;
	font-weight:bold}
.total td{
	/*background-color:#B0C9EB;*/
	background-color:#DCF4FE;
	line-height:18px;}
.modif a{
	color:#666666;
	}
.mobi{
	background:url(images/mobi_pavet.jpg) no-repeat;
	height:87px;
	width:701px;
	padding-right:100px;
	padding-left:10px;
	padding-top:40px;
	padding-bottom:10px;}
.cout{
	height:20px;
	line-height:20px;
	padding:5px;
	font-weight:bold;
	color:#FF4C00;
	}
.texte {
	padding-top:10px;}
.d_panier p{
	clear:both;
	font-size:11px;
	color:#666666;
	padding-left:5px;
	padding-right:5px;}
.d_panier ul{
	list-style-image:none;
	list-style:none;
	margin:0;
	padding:0px}
.d_panier li{
	list-style:none;
	list-style-image:none;
	padding:0;
	margin:0;
	color:#666666;
	font-size:11px;}
#referance{
	float:left;
	width:168px;
	height:104px;
	padding-top:5px;
	background-image:url(images/referance.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-right:30px;
	margin-bottom:10px;
	text-align:center;}
#referance .site{
	height:25px;
	text-align:left;
	padding-top:3px;
	padding-left:10px;
	}
#referance .site a{
color:#016897;
	text-decoration:none
}
#webdesign{
	float:left;
	width:168px;
	height:124px;
	padding-top:5px;
	margin-right:30px;
	margin-bottom:10px;
	text-align:center;}
.news{
	border-left:solid 1px #8b8b8b;
	border-right:solid 1px #8b8b8b;}
.article{
	float:left;
	width:275px;
	}
.sep_v{
	width:5px;
	border-right:solid 1px #8b8b8b;
	margin-right:5px}
.article img{
	float:left;
	padding-right:10px}
.border_pavet{
	border-left:solid 1px #8b8b8b;
	border-right:solid 1px #8b8b8b;
	padding-left:5px;
	padding-right:5px;
	}
.pavet_index{
	width:194px;
	float:left;
	margin-right:10px}
.starter{
	background:url(images/bas_starter.gif) no-repeat bottom;
	height:165px;
	padding:10px}
.pro{
	background:url(images/bas_pro.gif) no-repeat bottom;
	height:165px;
	padding:10px}
.expert{
	background:url(images/bas_expert.gif) no-repeat bottom;
	height:165px;
	padding:10px}
.title_index{
	color:#489bac;
	font-weight:bold;
	padding:5px 0;
	}
.border_pavet ul ,.border_pavet li{
	list-style:none;
	margin:0;
	padding:0}
.border_pavet li {
	padding-left:12px;
	color:#4d4c4c;}
.border_pavet li a{
	text-decoration:none;
	color:#4d4c4c;}
.border_pavet li a:hover{
	text-decoration: underline;}
.titre_pack{
	color:#489BAC;
	font-weight:bold;
	text-align:center;
	font-size:17px;
	padding-bottom:5px;}
.starter ul, .pro ul, .expert ul{
	list-style:none;
	margin:0;
	padding:0}
	
.starter li, .pro li, .expert li{
	list-style: url(images/fleche.jpg);
	margin:3px 0 3px 10px;
	padding:0;
	color:#4d4c4c;}
.prix_pack{
	background:url(images/btn_rouge.gif) no-repeat;
	border:none;
	width:94px;
	height:26px;
	vertical-align:middle;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;}
.pading_pack{
	margin-top:20px;}
table.fixed  {
table-layout:fixed;
}
table.type-a, table.type-b {
border:0 none;
border-spacing:0;
padding:0;
width:100%;
}
table.type-a tr.highlighted, li.highlighted {
background:none repeat scroll 0 0 #F8F8EF;
border:0 none;
padding:0;
}
table.type-a tr.hover {
background-color:#FFFF99;
}
table tr.tanheader td {
border:0 none;
}
table.type-a td, table.type-b td {
border-bottom:1px solid #CCCCCC;
padding:4px 6px;
}
td.narrow {
width:2em;
}
td.x-narrow {
width:1em;
}
td.wide {
width:100px;
}
td.x-wide {
width:150px;
}
td.xx-wide {
width:200px;
}
td.xxx-wide {
width:250px;
}
table.extra-padding td {
padding-bottom:6px;
padding-top:6px;
}
table.extra-padding tr.tanheader td {
padding:4px 6px;
}