* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-size: 11px;
	line-height: 19px;
	font-family: arial, sans-serif;
	color: #666666;
	background: #fff;
	min-width: 942px;
}

a {
	color: #B60A46;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	color: #CACACA;
}
a img { border: 0; }


article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell {
	width: 942px;
	margin: 0 auto;
}

header {
	height: 129px;
	background-color: #B60A46;
}

.shell h3{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:20px;
  color:#006699;
}




header .shell {
	position: relative;
	background-color: #B60A46;
}
#logo {
	position: absolute;
	top: 27px;
	left: -33px;
	width: 260px;
	font-size: 0;
	line-height: 0;
	height: 85px;
}
#logo a {
	height: 85px;
	background: url(../im/logo.png?r=5) no-repeat 0 0;
	display: block;
	text-indent: -4000px;
}
#navigation { text-align: right; font-size: 12px; padding-top: 60px; }
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { display: inline; background: url(../im/nav-border.png) no-repeat right 1px; padding: 0 11px 0 6px; }
#navigation ul li.last { background: transparent; padding-right: 0; }
#navigation li a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
#navigation li a:hover ,
#navigation li.active a {
	color: #FDE1EB;
	text-decoration: none;
}

.top-section1 {
	background: #f6f3f3 url(../im/top-section1.png) repeat-x center 0;
}

.top-section {
	background: #f6f3f3 url(../im/top-section.png) repeat-x center 0;
	padding-bottom: 20px;
}

.slider-holder { margin-bottom: 39px; position: relative; }
.slider-holder span.slider-shadow { background: url(../im/slider-shadow.png) no-repeat 0 0; width: 976px; height: 25px; position: absolute; bottom: -25px; right: -20px; }
.slider-holder span.overlay { height:  291px; width:  930px; position: absolute; top: 4px; left: 5px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2) inset; -o-box-shadow: 0px 0px 3px rgba(0,0,0,0.2) inset;  }

.flexslider { width: 940px; position: relative; z-index: 2; height: 299px; !important; }
.flexslider ul { list-style: none; list-style-position: outside; position: relative; }
.flexslider ul li { float: left; width: 940px; height: 299px; position: relative; }
.flexslider ul li img { width: 940px; height: 299px;}
.flexslider ul li .slide-cnt {
	width: 776px;
	position: absolute;
	top: 25px;
	left: 15px;
	font-size: 50px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
.flexslider ul li .slide-cnt h2 { font-size: 44px; line-height: 55px; text-align: center; font-weight: normal; padding-bottom: 85px; }
.flexslider ul li .slide-cnt .btns { width: 360px; height: 30px; margin: 0 auto; background: url(../im/slider-btns.png) no-repeat 0 0;}
.flexslider ul li .slide-cnt .btns a.left-btn { background: url(../im/left-btn.png) no-repeat 0 0; padding: 0 0 0 12px; float: left; font-size: 15px; font-weight: bold; color: #fff; text-shadow: rgba(0,0,0,0.6) 0px 1px 2px; }
.flexslider ul li .slide-cnt .btns a.left-btn span { background: url(../im/left-btn.png) no-repeat right 0; padding: 0 28px 0 0; float: left; position: relative; left: 20px; line-height: 30px; height: 30px; }
.flexslider ul li .slide-cnt .btns a.right-btn { float: right; font-size: 15px; color: #696969; font-weight: bold; line-height: 30px; margin-right: 28px; }
.flexslider ul li .slide-cnt .btns a.right-btn:hover { color: #333; }
.flexslider ul li .slide-cnt .btns a:hover { text-decoration: none; color: #ebe5f2; } 

.boxes { padding-bottom: 29px; }

.boxes1 {
	padding-bottom: 10px;
}

.boxes .box {
	width: 268px;
	float: left;
	background: #fff url(../im/box-bg.png) repeat-x 0 bottom;
	position: relative;
	border: 1px solid #e6e6e6;
	padding: 10px;
	height: 150px;
}
.boxes .box + .box { margin-left: 35px; }
.boxes .box h4 {
	font-size: 14px;
	color: #696969;
	text-align: center;
	text-transform: none;
}
.boxes .box h4 a {
	color: #696969;
	text-shadow: rgba(251,251,251,1) 1px 1px 0px;
	font-weight: bold;
}
.boxes .box h4 a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.boxes .box .img-holder {
	position: relative;
	width: 268px;
	margin:  0 auto 8px auto;
	height: 120px;
	background-color: #D2D2D2;
}
.boxes .box .img-holder:before { position: absolute; font-size: 0; line-height: 0; text-indent: -4000px; top: 0; left:  0; right:  0; bottom: 0; content:''; box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset; -o-box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset; }

.boxes .box img { display: block; }

.boxes .box span.box-shadow { background: url(../im/box-shadow.png) no-repeat 0 0; width: 298px; height: 9px; position: absolute; bottom: -9px; left: 0; }

.main {
	background: url(../im/main.png) repeat-x 0 0;
	padding-top: 60px;
	padding-bottom: 17px;
}

.main section {
	padding-bottom: 25px;
}

.main h2 { font-size: 20px; line-height: 20px; font-weight: normal; }

.main h3 {
	font-weight: normal;
	font-size: 26px;
	color: #B60A46;
	display: block;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #999999;
	text-indent: 10px;
	margin-bottom: 10px;
	padding: 5px 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.main h3 a {
	color: #B60A46;
}

.main h3 a:hover {
	color: #999999;
	text-decoration:none;
}

.main .cols .col { width: 208px; float: left; }
.main .cols .col + .col { padding-left: 36px; }
.main .cols .last-col { padding-right: 0; }
.main .cols .col ul { list-style: none; list-style-position: outside; }
.main .cols .col ul li { background: url(../im/list-arr.png) no-repeat 0 6px; padding-left: 14px; color: #696969; font-size: 12px; padding-bottom: 4px; }
.main .cols .col ul li a { color: #696969; }
.main .cols .col ul li a:hover {
	color: #B60A46;
	text-decoration: none;
}

.section-bottom  { padding-top: 56px;  background: url(../im/section-bottom.png) repeat-x center 0; }
.section-bottom .cols .col { width: 274px; float: left; }
.section-bottom .cols .col + .col { padding-left: 55px; }
.section-bottom .cols .col h2 { font-size: 20px; line-height: 20px; font-weight: normal; }
.section-bottom .cols .col h2 span.plus { color: #bebebe; }
.section-bottom .cols .col h3 { color: #696969; font-size: 18px; font-weight: normal; position: relative; padding-bottom: 25px; height: 100%; }
.section-bottom .cols .col h3 a {
	color: #0099CC;
	padding-left: 67px;
}
.section-bottom .cols .col h3 span { width: 48px; height: 46px; position: absolute; top: -17px; left: 2px; display: block;  background: url(../im/title-ico.png) no-repeat 0 0; }
.section-bottom .cols .col h3 span.about-ico { background-position: 0 0; }
.section-bottom .cols .col h3 span.news-ico { background-position: -48px 0; }
.section-bottom .cols .col h3 span.subscribe-ico { background-position: -97px 0; }
.section-bottom .cols .col p { color: #696969; padding-bottom: 18px; }
.section-bottom .cols .col a:hover {
	color: #666666;
}
.section-bottom .cols .col a.more-btn { padding: 5px 24px 5px 24px; font-size: 12px; color: #fff; font-weight: bold;  background: url(../im/more-btn.png) repeat-x 0 0; }
.section-bottom .cols .col a.more-btn:hover { text-decoration: none; background-position: 0 bottom; }
.section-bottom .cols .col ul { list-style: none; list-style-position: outside; }
.section-bottom .cols .col ul li {
	background: transparent;
	background-color: #FFFF77;
	margin-bottom: 2px;
	padding: 7px 9px 8px;
}
.section-bottom .cols .col ul li.bg { background-color: #f8f4f4;  }
.section-bottom .cols .col ul li small { font-size: 11px; display: block; line-height: 16px; }
.section-bottom .cols .col ul li h5 { font-size: 14px; font-weight: bold; }

.section-bottom .cols .subscribe-col { padding-left: 44px  !important; }
.section-bottom .cols .subscribe-col .col-cnt { width: 234px; padding-left: 15px; }
.section-bottom .cols .subscribe-col p { padding-bottom: 14px; }

.section-bottom .cols .col form { position: relative; width: 235px; padding-bottom: 23px; height: 100%; }
.section-bottom .cols .col input.field { width: 143px; height: 15px; padding: 4px 24px 4px 15px; border: 0; background-color: #f4eef5;
box-shadow: 3px 2px 2px #eae5eb inset; -moz-box-shadow: 3px 2px 2px #eae5eb inset; -webkit-box-shadow: 3px 2px 2px #eae5eb inset; -o-box-shadow: 3px 2px 2px #eae5eb inset; font-size: 12px; color: #b1aeb2; }
.section-bottom .cols .col input.submit-btn { width: 70px; height: 23px; background: url(../im/submit-btn.png) repeat-x 0 0; text-align: center; line-height: px; cursor: pointer; border: 0;
 color: #fff; font-size: 11px; font-weight: bold; position: absolute; top: 0; right: 0; }
.section-bottom .cols .col input.submit-btn:hover { background-position: 0 bottom;  }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -46px; }
#footer, #footer-push { height: 46px; }
#footer {
	background-color: #E4E4E4;
	line-height: 46px;
	font-size: 11px;
	height: 70px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #BEBEBE;
}

#footer a{
  color:#000000;
}

#footer a:hover{
  color:#000000;
}

#footer p.copy {
	color: #000000;
}
#footer p.copy a {
	color: #000000;
	text-decoration: underline;
}
#footer p.copy a:hover { text-decoration: none; }

.footer-nav ul { list-style: none; list-style-position: outside; }
.footer-nav ul li { display: inline; background: url(../im/nav-border.png) no-repeat right 0; padding: 0 10px; }
.footer-nav ul li.last { background: transparent; padding-right: 0; }
.footer-nav li a {
	color: #FFFFFF;
}
.footer-nav li a:hover ,
.footer-nav li.active a {
	color: #FFFFFF;
	text-decoration: none;
	font-size:11px;
}


#banner_qui_sommes_nous{
	height:250px;
	margin-bottom: 5px;
	background-color: #B60A46;
	background-image: url(../im/presentation.jpg);
}


#banner_sign_up{
	height:300px;
	margin-bottom: 5px;
	background-color: #B60A46;
	background-image: url(../im/presentation.jpg);
}



#banner_creer_compte{
	height:300px;
	margin-bottom: 5px;
	background-color: #B60A46;
	background-image: url(../im/avantages.png);
}


#banner_presentation{
	height:300px;
	margin-bottom: 5px;
	background-color: #B60A46;
	background-image: url(../im/presentation.png);
}




#banner_contact{
	height:250px;
	margin-bottom: 5px;
	background-color: #B60A46;
	background-image: url(../im/form.jpg);
}


#banner_tarification{
	height:250px;
	margin-bottom: 5px;
	background-color: #B60A46;
	background-image: url(../im/combien.jpg);
}


#banner_fonctionnalites{
	height:250px;
	margin-bottom: 5px;
	background-color: #B60A46;
	background-image: url(../im/fonctionnalitees.jpg);
}


#banner_avantages{
	height:300px;
	margin-bottom: 5px;
	background-color: #B60A46;
	background-image: url(../im/tarification.png);
}



#banner_page{
	height:290px;
	margin-bottom: 5px;
	background-color: #FFCC00;
	background-image: url(../im/slide-img1.png);
}



#pagecontent{
	color:#333333;
	font-size: 12px;
}



#pagecontent h1{
	color:#666666;
	font-size:36px;
	display:block;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #EC0D5B;
	text-indent: 15px;
	font-weight:lighter;
	margin-bottom: 30px;
	padding: 10px 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}



#pagecontent p{
	color:#333333;
	font-size:13px;
	display:block;
	font-weight:lighter;
	margin-bottom: 10px;
	border: 5px none #FFFFFF;
	margin-left: 0px;
	line-height: 200%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}


#pagecontent input{
	padding:5px;
	font-size:13px;
	border: 1px solid #cccccc;
	color: #9F093E;
}

#pagecontent textarea{
	padding:5px;
	font-size:13px;
	border: 1px solid #cccccc;
	color: #9F093E;
}

.error_input{
	border:1px solid #FF0000;
	background-color: #FFDFE4;
}


#top_action{
	height:20px;
	float:right;
	width: 100%;
	background-color: #830733;
	text-align: right;
	padding: 5px 10px;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F32E73;
}


#top_action a{
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
}


#top_action a:visited; a:active{
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#top_action a:hover{
	color: #F55A91;
	text-decoration:none;
	font-weight:bold;
}


.liste_modules_main { width: 942px; margin: 0 auto; }

.liste_modules
{
	width:390px;
	color:#333333;
	font-size:14px;
	float: left;
	margin: 10px 40px 20px 0px;
	line-height: 250%;
	padding: 10px 0 10px 35px;
	background-color: #F9F9F9;
	font-style: normal;
	border: 1px solid #cccccc;
}


.liste_modules ul
{
 display:inline;
}


.liste_modules li
{
	list-style-image:url(../im/puces_list.png);
	font-weight: lighter;
}



.fonction1{
	width:205px;
	float:left;
	background-color:#FFFFFF;
	margin-right: 38px;
}



.fonction1_img{
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	height:100px;
	width: 193px;
	background-color: #F4F4F4;
	background-repeat: no-repeat;
}


.fonction1_img1{
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	height:120px;
	width: 193px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(../im/fonctionnalites.jpg);
}


.fonction1_img2{
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	height:120px;
	width: 193px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(../im/prix.jpg);
}


.fonction1_img3{
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	height:120px;
	width: 193px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(../im/account.jpg);
}


.fonction1_img4{
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	height:100px;
	width: 193px;
	background-color: #F4F4F4;
	background-repeat: no-repeat;
}


.fonction1_h1{
	color:#B60A46;
	font-size:14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height:30px;
}

.fonction1_h1 a{
	color:#333333;
	font-size:13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.fonction1_h1 a:hover{
	color:#B60A46;
	font-size:13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}





.fonction2{
	width:205px;
	float:left;
	background-color:#FFFFFF;
}



.fonction2_img{
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	height:120px;
	width: 193px;
	background-color: #F4F4F4;
	background-image: url(../im/connex.jpg);
}

.fonction2_h1{
	color:#B60A46;
	font-size:14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height:30px;
}

.fonction2_h1 a{
	color:#333333;
	font-size:13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.fonction2_h1 a:hover{
	color:#B60A46;
	font-size:13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}


#display_pricing{
	width:930px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #cccccc;
	color: #000000;
	font-size: 12px;
}


.mess_error{
	color:#B60A46;
	font-style:italic;
	font-weight: bold;
}


.mess_succes{
	color:#0066cc;
	font-style:italic;
	font-weight: bold;
}


#partenairs{
	width:940px;
	height:80px;
	background-image: url(../im/logo_bottom.jpg);
	background-position: center;
	margin: 40px auto 0;
}