@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	font-family: Arial, Geneva, sans-serif;
	font-size:12px;
	color:#3b3737;
	outline: none;
	line-height:1.6;
	}

body{
	background:url(../images/artpage_bgr.jpg) top left;
	}
.cache{
	display:none;
	}
#site_web{
	height:1px;
	width:1px;
	text-align:center;
	}	
.mot_souligne{
	border-bottom:1px dashed #838280;
	}	
hr{
	clear:both;
	visibility:hidden;
	}
	
.padd_left{
	padding-left:1em;
	}
strong{
	font-weight:normal;
	}	
.f_r{
	float:right;
	margin-right:2em;
	}
.f_l{
	float:left;
	margin:0 20px 15px 0;
	}
.red{
	color:#99173C;}
.site_round_corner, #wrap {
	-moz-border-radius:10px 10px 10px 10px;
	-moz-box-shadow:2px 2px 3px #999999;
	background:#EEEEF0 url(../images/bgr_rounded.jpg) bottom left repeat-x;
	padding:10px;
	text-shadow:1px 1px 0 #EFEFEF;}	
a{
	color:#838280;
	}	
a img{
	border:none;
	}
.img_border{
	padding:1px;
	border:1px solid #d8d8d8;
    }
p{
	margin:0 0 1.5em 0;
	font-size:12px;	
	padding-right:20px;
	}
h2{
	margin:0 0 1.5em 0;
	font-size:13px;
	color:#99173c;
	}
h3{
	margin:0.5em 0 1.5em 0;
	font-size:12px;
	color:#99173c;
	}	
h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#99173c;
	margin-bottom:1.5em;
	}
h1.underlined_h1, h1.underlined_h1 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;	
	}
h1.underlined_h1{
	background:#9E9E9E url(../images/web_concept_vaud_suisse.jpg) center bottom no-repeat;
	height:40px;
	line-height:35px;
	padding-bottom:10px;
	padding-left:10px;
	margin-bottom:1em;
	color:#f1f1f1;}

h1.underlined_h1 a{
	color:#ccc;
	text-decoration:none;
	}	
h1.underlined_h1 img{
	vertical-align:text-top;
	}
	
h1.main_title{	
	margin:0 auto;	
	width:1008px;	
	background:#f7f7f7 url(../images/maintitre_bgr.png) left center no-repeat;	
	}
h1.main_title a{
	display:block;
	text-decoration:none;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;	
	text-align:center;
	height:30px;
	padding-top:30px;
	padding-bottom:20px;
	color:#807777;
	text-shadow:0 1px #ccc;
	}

#page{
	margin:0 auto;
	width:968px;
	padding:0 20px 10px 20px;
	background:#F7F7F7;
	position:relative;
	}
#conception_web{
	position:absolute;
	top:-15px;
	left:23px;	
	font-size:12px;
	}	
/* Menu top */
ul#topnav {
	text-align:center;
	padding: 0 0 0 4px;
	margin:0;
	margin-top:15px;
	margin-bottom:15px;
	list-style: none; 
	clear: both;
	float: left;
	width:965px;
	background:#525252;
	height:29px;
	}
ul#topnav li{
	margin: 0; 
	padding: 0;  
	float: left; 
	height:29px;
	}
ul#topnav li a, ul#topnav li a.claire, p.devis a{
	padding: 2px 0px; 
	float: left; 
	text-decoration: none; 
	color: #fff;
	font-size:10px;
	font-weight:bold;
	text-transform: uppercase;
	text-align:center;
	clear: both;
	height: 25px;
	line-height: 25px;
	background:#525252;
	border-right:1px solid #fff;
	width:136px;
	}
ul#topnav li a.claire{
	background:#838280;
	}	
ul#topnav li a:hover, ul#topnav li.current a, p.devis a{
	background:#99173c;
	color:#fff;
	}
	/* Menu left */
#colonne_left{
	width: 200px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	}	
.menu_list {	
	width: 200px;
	margin-top:0px;
	background:#525252;
	}
.menu_head, .menu_type{
	padding: 7px 10px;
	cursor: pointer;
	position: relative;
    font-weight:bold;
    background: #525252;	
	color:#fff;
	font-size:13px;
	border-bottom:1px solid #fff;
	margin:0px;
	
	}
.menu_type{
	background:#99173c;
	color:#fff;
	text-align:center;
	height:3px;
	line-height:3px;
	padding:0;
	}	
.menu_body {
	display:none;
	}
.menu_body_open a{
	display:block;
	}	
.menu_body a, .menu_body_open a{
  	display:block;
  	color:#3b3737;
	font-size:12px;
  	background-color:#f7f7f7;
  	padding: 5px 0 5px 20px;
	border-bottom:1px dotted #999;
  	font-weight:bold;
  	text-decoration:none;
	}
.menu_body a:hover, .menu_body_open a:hover{
  	color: #333;
  	text-decoration:underline;
  }	
 .menu_body_open a.on{	
	color:#991818;
	text-decoration:none;
	}
#tags{
	margin-top:30px;
	z-index:1;
	float:left;
	}
	/*News*/
.imgBorder{
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding:1px;
	margin:0 auto 5px;
	width:196px;
	height:120px;
	display:block;
	}	
div.nouvelles{
	margin-top:10px;	
	border-top:2px solid #d8d8d8;
	padding-bottom:10px;
	}
div.nouvelles p.titre{
	background:#99173C;
	border-top:3px solid #525252;
	padding:3px 10px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:0;
	}	
div.nouvelles h2, div.nouvelles p, div.nouvelles h1{
	margin:0 0 7px 0;
	padding:0 10px 0px;
	color:#525252;
	font-size:11px;
	}	
div.nouvelles h1{
	background:#838280;
	padding:0 0 0 15px;
	color:#fff;
	}
div.nouvelles p{
	font-size:11px;
	}	
	
	
  /*Header*/
#header{
	 width:968px;
	 height:288px;	 
	 clear:both;
	 background:#F7F7F7;
	 position:relative;	 
	 }
#googletop10{
	position:absolute;
	top:120px;
	left:-5px;
	z-index:0;}	
	
#header #achroche{
	width:185px;
	float:left;
	text-align:right;
	text-shadow:0 1px #ccc;
	color:#99173C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:13px;
	padding:35px 0 0 10px;
	margin-top:2px;
	margin-right:30px;		
	line-height:27px;
	background:url(../images/site_quote.gif) left 7% no-repeat;
	position:relative;
	z-index:2;
	}
#header #achroche span{
	font-weight:normal;	
	}	

#header #creersite_flash{
	float:right;
	width:734px;
	height:288px;
	background:url(../images/creersite_bgr.jpg) center center no-repeat;
	position:relative;
	}
#creersite_flash ul#site_web_creation_banniere{
	z-index:2000;
	position:absolute;
	bottom:10px;
	left:50px;
	text-align:left;
	list-style:none;
	}
#creersite_flash ul#site_web_creation_banniere li{
	margin-bottom:2px;
	background:#1F1F1F;
	filter:alpha(opacity=60);opacity: 0.60;-moz-opacity:0.60;
	border:0;
	}	
#creersite_flash #site_web_creation_banniere a{
	color:#fff;
	text-decoration:none;
	padding:0 10px;	
	display:block;
	font-weight:bold;
	height:25px;
	line-height:25px;
	width:220px;
	}	
p.fildariane{		
	padding:7px 0 0 7px;	
	color:#ccc;
	clear:both;
	margin:0;
	width:961px;	
	}	
  /* Content */
#content_conteiner{
	clear:both;
	margin-top:7px;
	padding-bottom:70px;
	position:relative;
	background:#F7F7F7 url(../images/bottomored.gif) left bottom no-repeat;
	_background:#F7F7F7;
	}
#ticker{
	width:734px;
	height:25px;
	line-height:25px;
	background:#525252;
	margin-left:14px;
	}
#ticker span{
	color:#fff;
	font-weight:bold;
	}	
#content_conteiner .main_content{
	padding-left:220px;
	}
.block_schema{
	float:left;
	position:relative;		
	padding-bottom:20px;
	padding-right:20px;
	}
.schema_prix{
	margin:40px 0 20px 0;
	}	
.schema_prix a{
	line-height:25px;
	height:32px;
	display:block;
	background:url(../images/prix_site_web.jpg) left center no-repeat;
	padding-left:30px;
	font-weight:bold;
	color:#99173C;
	_display:inline;
	padding-top:10px;
	}
.exemple_de_site a{
	line-height:25px;
	height:32px;
	display:block;
	background:url(../images/exemplesiteweb.jpg) left center no-repeat;
	padding-left:30px;
	margin:20px 0;
	font-weight:bold;
	color:#99173C;
	_display:inline;
	padding-top:10px;
	}
.commander_site a{
	line-height:25px;
	height:34px;
	display:block;
	background:url(../images/devis_creationsite.jpg) left center no-repeat;
	padding-left:30px;
	margin:20px 0;
	font-weight:bold;
	color:#99173C;
	_display:inline;
	padding-top:10px;
	}
.menu_voir_aussi a{
	padding:0 0 5px;
	line-height:1em;
	display:block;
	border-bottom:1px dotted #85B1DE;
	text-decoration:none;
	margin-right:20px;
	}	
	/*lists*/
.list_usual{
	list-style:none;
	}
.list_usual li{
	margin-bottom:1.5em;
	}	
.list_usual img{
	margin-right: 10px;
	vertical-align:middle;	
	}
.conceil{
	background:#fff url(../images/bgr_products.jpg) top left repeat-x;
	padding:10px 15px 20px 10px;
	width:172px;		
	margin:1.5em 0 1.5em;
	float:left;
	border:1px solid #d8d8d8;
	}
ul.block_ref{
	width:inherit;
	padding:15px;
	margin-top:0;
	list-style:none;
	}	
ul.block_ref li{
	margin-bottom:10px;
	}	
*|html[xmlns*=""] .conceil {
  border:1px solid #DFDFDF;
}/*hack opera*/
*|html[xmlns*=""] .block_ref {
  border:1px solid #DFDFDF;
}/*hack opera*/
	
	
.conceil h3{
	text-align:center;	
	}
.conceil h4{
	line-height:2}	

	/* Table prix creation de site */
table.prix_creationsite{
	width:100%;
	}	
.prix_creationsite th{
	width:200px;
	text-align:left;
	padding:10px 0;	
	}
.prix_creationsite td{
	text-align:center;
	}
.prix_creationsite h2{
	margin-top:0;
	color:#99173c;
	}	
	/* Réalisations */
.realisations{
	margin-bottom:20px;	
	border:1px solid #d8d8d8;
	padding:7px;
	background:#fff url(../images/bgr_products.jpg) left top repeat-x;
	position:relative;
	}



*|html[xmlns*=""] .realisations {
  border:1px solid #d8d8d8;
}/*hack opera*/
	
.realisations a img{
	float:left;
	border:1px solid #d8d8d8;
	}
.realisations .description{
	float:left;
	margin-left:20px;
	}	
.realisations .description a.red{
	color:#991818;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;	
	}	
.realisations .description p, .realisations .description h2{
	margin-top:0px;
	margin-bottom:7px;
	}
.realisations .description h2{
	margin-top:20px;
	}
.realisations .description h2 a{
	text-decoration:none;
	}	
	

/*--Footer--*/
#footer{
	width:968px;
	background:#f7f7f7;
	_background:#f7f7f7 url(../images/bottomored.gif) center top no-repeat;
	}
#footer ul{
	list-style:none;
	text-align:center;
	}
#footer ul li{
	display: inline;
	margin-right:15px;
	color:#999999;	
	}
#footer ul li a, #footer p{
	font-size:11px;
	color:#999999;
	text-decoration:none;
	}
#footer p{
	text-align:center;
	margin-top:20px;
	}	
	
	/*Contact*/
.contact_info{
	width:260px;
	float:right;
	margin-right:80px;
	_margin-right:40px;
	}	
#inputArea
  {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  background-color:#dfdfdf;
  padding: 10px;
  width:310px;
  margin-left:20px;
  border-top:1px solid #ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 0 1px #AFAFAF;
	-webkit-box-shadow:0 0 1px #AFAFAF;
	box-shadow:0 0 1px #AFAFAF;	
  }
*|html[xmlns*=""] #inputArea {
  border:1px solid #bebebe;
}/*hack opera*/ 

#inputArea h2{
	margin-top:20px;
	} 
#inputArea select{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 14px;
  display: block;
  padding: 4px;
  width: 300px;  
	}	
#inputArea input, #inputArea textarea
  {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 14px;
  display: block;
  padding: 4px;
  width: 300px;
  }
.activeField
  {
  background-image: none;
  background-color: #ffffff;
  border: solid 1px #ccc;
  }
.idle
  {
  border: solid 1px #bebebe;
  background-image:url(../images/gray_bg.png);
  background-repeat: repeat-x;
  background-position: top;
  background-color:#FFFFFF;
  }
#inputArea .btn{
	width: 150px;
	height:25px;
	display:block;
	margin:10px auto;
	background:#838280;
	border:1px solid #bebebe;
	color:#fff;
	padding:4px 7px;
	display:block;
	text-decoration:none;
	}
#inputArea .btn:hover{
	background:#991818;
	color:#fff;
	}	

#tell{
	position:absolute;
	top:-60px;
	right:20px;
	}
	
	/*Tables Utiles*/
h1.h1_utiles{
	border:1px solid #d8d8d8;
	border-bottom:none;
	margin-bottom:0;
	padding-left:1em;
	background:#fff url(../images/h1_utiles_bgr.jpg) top left repeat-x;
	height:28px;
	line-height:28px;
	font-size:14px;
	}
h1.h1_utiles span, .div_annonce .h1_utiles a{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	color:#525252;
	height:28px;
	line-height:28px;
	text-decoration:none;
	}
.div_annonce .h1_utiles a{
	color:#99173C;
	}	
table.table_utiles, table.table_links{
	width:100%;
	border:1px solid #d8d8d8;
	}
table.table_utiles td, table.table_links td{
	padding:7px;
	border-right:1px solid #d8d8d8;
	width:33%;
	vertical-align:top;
	}
table.table_utiles td.td_no_border, table.table_links td.td_no_border{
	border-right:none;
	}
table.table_utiles th{
	border-bottom:1px solid #d8d8d8;
	background:#525252;
	border-top: 3px solid #99173C;
	color:#fff;
	padding:4px 0;
	text-align:center;
	}	
table.table_utiles td p{
	font-size:11px;
	margin-bottom:0px;
	line-height:15px;
	padding:0;
	margin-bottom:5px;
	font-weight:bold;
	}	
table.table_links td p{
	 margin-bottom:0;
	 }	
table.table_utiles td ul{
	list-style:none;
	margin:0;
	}
table.table_utiles td ul li{
	background:url(../images/siteweb_pusse.gif) left center no-repeat;
	padding-left:15px;
	margin-bottom:5px;
	}
table.table_utiles td ul a{
	font-size:11px;
	}
table.table_links a{
	font-weight:bold;
	font-size:13px;
	}
table.table_links tr.tr_gris td{
	background:#EFEFEF;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding:10px 5px;
	}	
table.table_links a.red{
	font-size:11px;
	text-decoration:none;
	}	
	/*table small*/
.table_small{
	margin-bottom:5px;
	}	
	/*CMS DEMO*/
.bloc_bgr_degr{
	margin:40px 0;
	padding:0 20px;
	}
#CMS_demo{
	border:1px solid #d8d8d8;
	height:195px;
	overflow:hidden;
	background:#fff url(../images/bgr_products_hover.jpg) bottom left repeat-x;
	text-align:center;
	padding-bottom:20px;
	}	
		/*DIV ANNONCES*/
.div_annonce{
	background:#fff url(../images/bgr_products_hover.jpg) bottom left repeat-x;
	padding:0 0 10px;
	border:1px solid #d8d8d8;
	border-top:none;
	margin:40px 0;
	clear:both;
	}		
.div_annonce .h1_utiles{
	border-bottom:1px solid #d8d8d8;
	border-left:none;
	border-right:none;
	}
.div_annonce p{
	margin:10px 0;
	}
.handcursor{
cursor:hand;
cursor:pointer;
}
/*Pictogrames*/
.item {
	width:125px;
	height:125px;	
	border:4px solid #838280;	
	margin:5px 5px 5px 0;
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
}

.item .caption {
	width:125px;
	height:125px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;		
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.item .caption p {
	padding:5px;	
	margin:0;
	font-size:10px;
	text-indent:-20000px;
	float:left;
}
.item .caption a{
	line-height:115px;
	height:115px;
	text-align:center;
	}

.item img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}
/*timer*/
#cd {
	border-top: 1px solid #d94a75;
   background: #c9466d;
   background: -webkit-gradient(linear, left top, left bottom, from(#99173c), to(#c9466d));
   background: -moz-linear-gradient(top, #99173c, #c9466d);
   padding: 16.5px 33px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 21px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   width:200px;
   text-align:center;
   }
.button:hover {
   border-top-color: #313233;
   background: #313233;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

ul.creation_site_adult{
	list-style-type:none;
	margin:20px;
	float:left;	
	}
ul.creation_site_adult li{
	float:left;
	margin-right:20px;
	}	


.headline2 {
        border-bottom: 1px solid #aaa;
        margin: 15px 0;
        padding: 5px 0;
        position: relative;
}

.headline2:before,
.headline2:after{
        content: '';
        border-right: 20px solid #F7F7F7;
        border-top: 15px solid #aaa;
        bottom: -15px;
        position: absolute;
        left: 25px;
}

.headline2:after{
        border-top-color: #F7F7F7;
        border-right-color: transparent;
        bottom: -13px;
        left: 26px;
}

div.cont_titre_creation{
	height:43px;
	line-height:43px;
	background:url(../images/titre_creation.jpg) top left repeat-x;
	border-top:3px solid #99173C;
	margin-bottom:20px;
	}
.titre_creation{
	height:40px;
	line-height:40px;
	padding:2px 0 0 0;
	border-top:1px solid #f1f1f1;
	
	
	}
.titre_creation a{
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	padding:0;		
	text-decoration:none;
	text-transform:uppercase;
	color:#f7f7f7;	
	width:374px;
	text-align:center;	
	}

.titre_creation a.crea_active_r{
	background: #f7f7f7 url(../images/bgr_creation_coin.jpg) top right no-repeat;	
	color:#807777;
	
	}
.titre_creation a.crea_active_l{
	background: #f7f7f7 url(../images/bgr_creation_coin_left.jpg) top left no-repeat;	
	color:#807777;		
	}