/********************************************************
   AUTHOR:  	     Réalisation graphique : David DEMAY 
   WEBSITE:   	     http://www.e.kreasite.fr 	
 ********************************************************/

@import url(formulaire.css);

body {margin: 0;padding: 0;line-height: 1.5em;font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #333;background: #fff url("images/bg.jpg") repeat-x top }

#fond_accueil {
	background: #FFF url(images/fond_accueil.png) no-repeat top;
}

a:link, a:visited { color: #686868; text-decoration: none; font-weight: bold;} 
a:active, a:hover { color: #ffffff; } 

h3 {
	font-size: 14px;
	color: #DAB236;
	padding: 3px 0 5px 0;
	margin: 0 0 10px 0;
}

h1 {
	font-size: 18px;
}

p {
	margin: 0px;
	padding: 0px;
	text-align:justify;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

.rc_btn a {
	float: right;
	clear: both;
	text-align: center;
	display: block;
	width: 103px;
	padding: 4px 0 5px 0;
	background: #333 url(images/btn.jpg) no-repeat;
	color: #EE9016;
	font-weight: bold;
	text-decoration: none;
}

.rc_btn a:hover {
	color: #fff;
}

#container {width: 980px;margin: 0 auto;}
#titre {width: 980px;height: 100px;background: url(images/title_bg.jpg) no-repeat;}
#title {color: #353535;width: 350px;font-size: 16px;	margin: -115px 0 0 660px ;padding: 70px 0 5px 0px; font-weight: bold;text-align: center; }


/* menu */

#menu {
	clear: both;
	width: 960px;
	height: 90px;
	padding: 0px 10px;
	background: url(images/menu_bg.jpg) no-repeat;
}

#menu ul {
	padding: 13px 0 0 0;
	margin: 0;
	list-style: none;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	float: left;
	width: 160px;
	padding: 10px 0;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	background: url(images/menu_divider.jpg) right no-repeat;
	color: #dab236;
	outline: none;
}

#menu li a:hover, #menu li .current {
	color: #D5D6DA;
}

#menu li .last {
	background: none;
}

#menu li span {
	display: block;
	margin-top: 10px;
	color: #666;
	font-size: 12px;
	font-weight: normal;
}

/* end of menu*/

/* banner */
#banner {
	clear: both;
	width: 960px;
	height: 320px;
	padding: 0 10px;
	background: url(images/banner_bg.jpg) no-repeat;
}
/* end of banner */

/* content */
#content {
	clear: both;
	width: 960px;
	padding: 0 10px;
	position: relative;
	background: url(images/content_bg.jpg) repeat-y;
}

#content .title {
	font-size: 18px;
	color: #DAB236;
	padding: 3 0 10px 0;
	margin: 0 0 10px 0;
}

#content .vert {
	font-size: 14px;
	font-weight: bold;
	color: #DAB236;
	padding: 3 0 10px 0;
	margin: 0 0 10px 0;
}

#content #bottom_bg {
	clear: both;
	width: 980px;
	height: 30px;
	margin-left: -10px;
	left: 0px;
	bottom: 0px;
	background: url(images/content_bottom_bg.jpg) no-repeat;
}

a#twitter { background: url(images/twitter.png) no-repeat; width: 38px; height: 138px; position:absolute;right:0;top:195px;z-index:998 }

a#twitter:hover { background: url(images/twitter_h.png) no-repeat; z-index:999 }

.price {
font-size: 14px;
color: red;
}

#content #content_central {
	float: left;
	width: 880px;
	margin: 40px 0 0 40px;
	text-align:justify;
}

#content #content_left {
	float: left;
	width: 560px;
	margin: 40px 0 0 40px;
}

#content #content_left p {
	text-align: justify;
	padding-bottom: 8px;
}

#content_left .testimonial_section {
	text-align: center;
}

#content_left .testimonial_section p {
	font-size: 14px;
	font-style: italic;
	text-align:center
}

#content #content_right {
	float: right;
	width: 280px;
	margin: 40px 40px 0 0;
}

 #content_right .content_right_box {
	 width: 240px;
	 height: 129px;
	 padding: 10px 20px;
	 background: url(images/newsletter_box.jpg) no-repeat;
 }
 
 .content_right_box .box_title {
 	font-size: 18px;
	color: #333;
	padding: 3px 0 5px 0;
	margin: 0 0 5px 0;
 }
 
 .content_right_box p {
	 line-height: 16px;
	 text-align: justify;
	 padding-bottom: 5px;
	 color: #FFF;
	 margin-top: 20px;
 }
 
  .content_right_box input {
	  margin-bottom: 10px;
	  *width: 80px;
  }
  
/* end of content */

/* content */
#bottom_panel {
	clear: both;
	width: 930px;
	padding: 40px 0 50px 40px;
	background: #FFF url(images/bottom_section_bg.jpg) right bottom no-repeat;
}

#bottom_panel .bottom_section {
	float: left;
	margin-right: 40px;
	width: 260px;
}

.bottom_section ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.bottom_section li {
	margin: 0px;
	padding: 0 0 3px 0;
}

.bottom_section li a, a:hover, a:visited {
	color: #808080;
	text-decoration: none;
	font-weight: normal;
}


/* footer */
#footer {
	clear: both;
	width: 980px;
	padding: 5px 0 20px 0;
	text-align: center;
	color: #333;
	background-color: #FFF;
}

#footer a {
	font-weight: normal;
}
/* Fin du footer */

h4 {
	clear: both;
	margin: 0px;
	padding: 15px 0px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
}

/* Colones Packs */
#features{
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 30px 20px 10px 20px;
	width: 860px;
}

.titlerow {
	clear: both;
	float: left;
	padding: 5px 0px;
	width: 840px;
	margin: 15px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #333333;	
	border-bottom: 1px solid #CCCCCC;
}

.subrow {
	clear: both;
	padding: 5px 0px;
	font-size: 12px;
	background: #ffffff;
}

.name_column {
	float: left;
	padding-left: 10px;
	width: 320px;
	font-weight: bold;
}

.plan_column {
	float: left;
	width: 240px;
}

.plan_column img{
	display: block;
	width: 18px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border: none;
}
.readmore_black a{
	clear: both;
	display: block;
	width: 100px;
	height: 22px;
	padding-top: 3px;
	text-align: center;
	background: url(images/more_black.gif) no-repeat;
	color: #ffb21e;
	text-decoration: none;
}

.readmore_white a{
	clear: both;
	display: block;
	width: 100px;
	height: 22px;
	padding-top: 3px;
	background: url(images/more_white.gif) no-repeat;
	color: #000000;
	text-decoration: none;
	text-align: center;
}
/* Fin Colones Packs */

/* Pack Présence */
#featurespresence{
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 30px 20px 10px 20px;
	width: 860px;
}

.titlerowpresence {
	clear: both;
	float: left;
	padding: 5px 0px;
	width: 860px;
	margin: 15px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #333333;	
	border-bottom: 1px solid #CCCCCC;
}

.subrowpresence{
	clear: both;
	padding: 5px 0px;
	font-size: 12px;
	background: #ffffff;
}

.name_columnpresence {
	float: left;
	padding-left: 10px;
	width: 740px;
	font-weight: normal;
}

.plan_columnpresence {
	float: left;
	width: 110px;
}

.plan_columnpresence img{
	display: block;
	width: 18px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border: none;
}
/* Fin Pack Présence*/
					 
a.opacity img {filter:alpha(opacity=80);
               -moz-opacity: 0.8;
               opacity: 0.8;}

a.opacity:hover img {filter:alpha(opacity=100);  
                     -moz-opacity: 1.0;  
                     opacity: 1.0;}
					 
#partenaires a {
	font-size: 9px;
	text-align:center;
	line-height: 31px;
	color: #fff;
	text-decoration:none;
	padding-top:0px;
	float:left;
	margin-left: -300px;
	margin-top: -40px;
}
#partenaires a:hover  {
	color: #fff;
	text-decoration:none;
}

/* this is the CSS for the menu that you will need. */
#menu_holder {
	height: 58px;
	display: block;
	position: absolute;
	width: 442px;
	margin-left:280px;
	*margin-left:-340px;
	top: -58px;
}
#nav {
	height: 58px;
	width: 442px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(right.png);
	background-repeat: no-repeat;
	background-position: right;
}
#hit_area {
	height: 120px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url(badge.jpg);
	background-repeat: no-repeat;
}
#hit_area2 {
	width: 100%;
	background-image: url(activate_text.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	display: block;
	position: absolute;
	margin: 0px;
	left: 0px;
	top: 120px;
}
#nav ul {
	margin: 0px;
	padding: 0px 0px 0px 21px;
	height: 58px;
	list-style-type: none;
	background-image: url(left.png);
	background-repeat: no-repeat;
}
#nav li{
	margin: 0px;
	padding: 0px;
	float: left;
}
#nav li a:link, #nav li a:active, #nav li a:visited {
	background-image: url(middle.png);
	background-repeat: repeat-x;
	height: 58px;
	width: 100px;
	display: block;
	line-height: 58px;
	font-weight: bold;
	color: #DAB236;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 120%;
}
#nav li a:focus, #nav li a:hover{
	text-decoration : none;
	-moz-outline:0;
	color: #FFFFFF;
	background-image: url(rollOver.png);
	background-repeat: repeat-x;
}
form.std p.desc_contact span.like_input {
	width: 366px;
	text-align: left;
}