@font-face {
}
.cusft {
font-family : "Arial Rounded MT Bold", serif;
font-size : 25px;
font-weight : bold;
color : #435e9d;
margin : 0 0 5px 5px;
}
html, body, #wrapper {
height : 100%;
}
body > #wrapper {
height : auto;
min-height : 100%;
}
#sticky {
padding-bottom : 208px;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
body {
background-color : #ffffff;
background-image : url(../img/body-bg.png);
background-position : left top;
background-repeat : repeat-x;
background-attachment : fixed;
margin : 0;
font-size : 16px;
font-family : Corbel;
}
.input {
border : 0 solid #eff2f9;
width : 163px;
height : 24px;
background : url(../img/input-bg.png) left top;
color : #92a6c7;
padding : 5px 5px 0 5px;
}
.input:focus {
background : url(../img/input-bg.png) left bottom;
}
.input:hover {
background : url(../img/input-bg.png) left bottom;
}
#submit, .button {
background : #fff url(../img/btn-login.png);
width : 73px;
height : 31px;
outline : none;
border : 0;
cursor : pointer;
}
#topbar {
background : url(../img/topbar-bg.png) repeat-x;
width : 100%;
height : 39px;
position : fixed;
top : 0;
z-index : 999;
}
#topbar .content {
width : 867px;
margin : 0 auto 0 auto;
}
#topbar .left {
float : left;
line-height : 45px;
font-size : 12px;
font-weight : bold;
color : #468cb2;
font-family : "Good Times";
}
#topbar .right {
float : right;
line-height : 39px;
font-size : 12px;
font-weight : bold;
color : #468cb2;
}
#topbar .input {
background : #648fbb;
color : #ffffff;
border : 1px solid #90b6de;
height : 19px;
width : 80px;
font-size : 14px;
}
#topbar .button {
background : #373737;
color : #bcbcbc;
border : 1px solid #565656;
height : 26px;
width : 50px;
font-size : 10px;
margin-top : 3px;
}
#header {
background : url(../img/header-full.png) no-repeat;
width : 934px;
height : 249px;
z-index : -999;
margin-top : auto;
margin-right : auto;
margin-bottom : 20px;
margin-left : auto;
}
#wrapper {
width : 867px;
margin : 0 auto 0 auto;
}
#wrapper .top {
background : url(../img/wrapper-top.png) no-repeat;
width : 867px;
height : 25px;
}
#wrapper .outer {
background : url(../img/wrapper-fill.png) repeat-y left top;
color : #FFFFFF;
text-align : justify;
}
#navigation {
background : url(../img/nav-bg.png) no-repeat;
width : 833px;
height : 73px;
margin : 0 auto 0 auto;
}
#tabs {
	list-style : none;
	padding : 0;
	margin : 10px 0 0 40px;
	position : relative;
	float : left;
	height : 40px;
	z-index : 100;
}
#tabs ul {
margin : 0;
padding : 0;
}
#tabs li {
	float : left;
	display : inline;
	width : auto;
	margin : 0 10px 0 0;
	padding : 0;
	position : relative;
}
#tabs li a {
	background : url(../img/tab-bg.png) no-repeat left top;
	width : 117px;
	height : 46px;
	color : #ffffff;
	float : left;
	line-height : 46px;
	font-weight : bold;
	font-size : 16px;
	text-decoration : none;
	text-align : center;
	text-transform : none;
}
#tabs li a:hover, #tabs .chosen a:hover, #tabs li:hover a {
background : url(../img/tab-bg.png) no-repeat left bottom;
width : 117px;
height : 46px;
color : #3f5b9a;
text-decoration : none;
font-weight : bold;
}
#tabs .chosen a {
background : url(../img/tab-bg.png) no-repeat left bottom;
color : #3f5b9a;
text-transform : uppercase;
font-weight : bold;
}
#tabs .chosen a:hover {
color : #3f5b9a;
}
#banner {
background : url(../img/banner-bg.png) no-repeat;
width : 811px;
height : 300px;
margin : 0 auto 20px auto;
}
#banner .btn {
border : 0;
vertical-align : middle;
}
#banner .buttons {
padding : 200px 0 0 40px;
}
#banner .btn-learn {
float : left;
width : 120px;
height : 31px;
}
#banner .btn-order {
float : left;
width : 75px;
height : 31px;
margin-left : 240px;
}
#plans {
width : 816px;
margin : 0 auto 0 auto;
}
#plans p {
margin-top : 0;
}
#plans h1 {
float : left;
margin : 0;
color : #ffffff;
font-weight : bold;
padding : 0;
font-size : 15px;
}
#plans .btn {
border : 0;
vertical-align : middle;
}
#plans .icon {
float : left;
margin : 30px 10px 0 20px;
color : #ffffff;
font-weight : bold;
}
#plans .star {
width : 15px;
height : 16px;
vertical-align : middle;
border : 0;
}
#plans .title {
float : left;
margin : 30px 0 0 0;
color : #ffffff;
font-weight : bold;
}
#plans .buttons {
margin : 10px auto 0 auto;
}
#plans .btn-order {
float : left;
width : 75px;
height : 31px;
}
#plans .btn-view-plans {
float : right;
width : 115px;
height : 10px;
}
#plan-left {
width : 270px;
float : left;
}
#plan-left .top {
background : url(../img/plan-top.png) no-repeat;
width : 270px;
height : 68px;
}
#plan-left .middle {
background : url(../img/plan-fill.png) repeat-y left top;
width : 232px;
margin : 0 0 0 8px;
background-image : url(../img/fond%20cadre.png);
}
#plan-left .content {
padding : 0 15px 0 15px;
text-align : justify;
}
#plan-left .bottom {
background : url(../img/plan-bottom.png) no-repeat;
width : 232px;
height : 21px;
margin : 0 0 0 8px;
}
#plan-center {
width : 270px;
float : left;
}
#plan-center .top {
background : url(../img/plan-top.png) no-repeat;
width : 270px;
height : 68px;
}
#plan-center .middle {
background : url(../img/plan-fill.png) repeat-y left top;
width : 232px;
margin : 0 0 0 8px;
background-image : url(../img/fond%20cadre.png);
}
#plan-center .content {
padding : 0 15px 0 15px;
text-align : justify;
}
#plan-center .bottom {
background : url(../img/plan-bottom.png) no-repeat;
width : 232px;
height : 21px;
margin : 0 0 0 8px;
}
#plan-right {
width : 270px;
float : left;
}
#plan-right .top {
background : url(../img/plan-top.png) no-repeat;
width : 250px;
height : 68px;
}
#plan-right .middle {
background : url(../img/plan-fill.png) repeat-y left top;
width : 232px;
margin : 0 0 0 8px;
background-image : url(../img/fond%20cadre.png);
}
#plan-right .content {
padding : 0 15px 0 15px;
text-align : justify;
}
#plan-right .bottom {
background : url(../img/plan-bottom.png) no-repeat;
width : 232px;
height : 21px;
margin : 0 0 0 8px;
}
#main {
background : url(../img/main-fill.png) repeat-x left top;
width : 784px;
margin : -195px auto 0 auto;
}
#main .inner {
padding : 20px;
}
#main .left {
width : 410px;
float : left;
}
#main .right {
width : 294px;
float : right;
}
#main .container {
background-color : #fafbfc;
padding : 5px 10px 5px 10px;
border : 1px solid #e3e9f3;
margin : 0 0 20px 0;
visibility : inherit;
overflow : auto;
height : 230px;
}
#main .container2 {
padding : 5px 10px 5px 10px;
border : 1px solid #e3e9f3;
margin : 0 0 20px 0;
background-image : url(../img/fond%20reseaux.png);
}
#footer {
	background : url(../img/footer-hills.png) no-repeat;
	width : 1108px;
	height : 238px;
	margin : -160px auto 0 auto;
	position : relative;
	clear : both;
	background-image: url(../img/footer-hills.png);
}
#footer a {
padding : 5px;
color : #fcfdf1;
text-decoration : none;
font-size : 12px;
}
#footer a:hover {
background : #67aa4d;
padding : 5px;
font-size : 12px;
}
#footer .left {
float : left;
margin : 20px 0 0 40px;
font-size : 12px;
color : #fcfdf1;
font-weight : bold;
}
#footer .right {
float : right;
margin : 50px 150px 0 0;
font-size : 12px;
color : #fcfdf1;
font-weight : bold;
}
ul#menu_horizontal {
width : 800px;
height : 1px;
margin : 2em 0 0 0;
padding : 0;
background-color : #31312f;
list-style-type : none;
}
ul#menu_horizontal li {
padding : 0 0.5em;
line-height : 30px;
}
ul#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px dashed black;
}
ul#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px dashed black;
}
ul#menu_horizontal a {
color : #ffffff;
text-decoration : none;
padding : 0 0.5em;
font : 0.8em "Trebuchet MS";
}
ul#menu_horizontal a:hover {
text-decoration : underline;
}
ul#menu_horizontal a img {
border : none;
padding : 0 0.3em;
}
body {
background-color : #31312f;
}
.Style1 {
font-weight : bold;
}
.Style2 {
color : #fd3801;
font-size : 30px;
font-weight : bold;
}
.Style5 {
color : #ffffff;
}
.Style8 {
color : #ffffff;
font-size : 14px;
}
.Style9 {
font-size : 17px;
}
a:link {
color : #ffffff;
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #ffffff;
}
a:hover {
text-decoration : none;
color : #ffffff;
}
a:active {
text-decoration : none;
color : #31312f;
}
.tagcloud {
width : 300px;
border : 0 solid #000000;
padding : 2px;
text-align : center;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.tagcloud a {
text-decoration : none;
}
.tagcloud a:hover {
text-decoration : none;
background-color : #408ecc;
color : #ffffff;
}
.tag-1 {
color : #aa3406;
font-size : 16px;
font-weight : bold;
}
.tag-2 {
font-size : 14px;
color : #070089;
}
.tag-3 {
font-size : 12px;
color : #bf2470;
}
.tag-4 {
font-size : 10px;
color : #333333;
}
.refetv a {
background-color : #003366;
border : 1px solid #ff9933;
padding : 2px;
color : white;
font-size : 8px;
font-weight : bold;
text-transform : uppercase;
font-family : arial;
text-decoration : none;
}
.refetv a:hover {
background-color : #ff9933;
border : 1px solid #003366;
}