@charset "utf-8";
/* CSS Document created by Nicolas Fiorini - CREATOX */

/* Propriété générale */
* {
	margin:0;
	padding:0;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
}

/* Corps de page */
body {
	background:url(../images/background.jpg);
}

/* Titre de news avec flèche */
h2 {
	background:url(../images/fleche.jpg) no-repeat;
	padding-left:28px;
	color:#EEE;
	font-weight:normal;
	font: 14px Verdana;
	line-height:33px;
}

/* Style de paragraphe */
p {
	margin-bottom:15px;
}

/* Liens généraux */
a {
	color:#09F;
	font-weight:bold;
	text-decoration:none;
}

/* Lors du survol */
a:hover {
	text-decoration:underline;
	color:#3CF;
}

/* Style de balise input de formulaire classe members */
input.members {
	background:url(../images/input.png) no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:146px;
	height:17px;
	border:none;
	color:#333;
	padding:3px;
}

/* Style de saisie de texte de formulaire */
textarea {
	background:url(../images/textarea.gif) no-repeat;
	width:339px;
	height:250px;
	border:none;
	color:#FFF;
	padding:10px;
}

/* Ligne séparatrice */
hr {
	border:dashed #CCC 1px;
	margin-top:10px;
	margin-bottom:10px;
}

/* Placement de l'entête */
#site {
	background:url(../images/header.jpg) no-repeat top center;
	width:1000px;
	margin:auto;
}


/* Tête de page */
#body_head {
	background:url(../images/members.png) no-repeat;
	width:205px;
	height:181px;
	padding:30px 10px 10px 10px;
	color:#C4C4C4;
	margin-left:675px;
}

/* Bloc de recherche */
.recherche {
	background:url(../images/recherche.png) no-repeat;
	margin-right:128px;
	width:179px;
	height:25px;
	padding:10px;
    text-align:center; 
	float:right;
}

/* Son input */
.recherche input {
	background:url(../images/input_recherche.png) no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:135px;
	height:20px;
	padding-left:5px;
	border:none;
	color:#333;
}

/* Bloc de menu */
.menu {
	background:url(../images/menu.png) no-repeat;
	margin-left:126px;
	width:532px;
	height:45px;
    list-style:none; 
    text-align:center; 
}

/* Une case de menu */
.menu li { 
	float:left; 
}

/* Un lien du menu */
.menu li a { 
	height:45px;
	display:block;
    color:#FFF;  
    font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:50px ; 
    text-align:center ; 
    text-decoration: none;
	padding-left:17px;
	padding-right:17px;
}

/* Le lien survolé */
.menu li a:hover {
	background:url(../images/fleche.png) no-repeat center bottom;
	color:#F63;
}

/* Le lien de la page en cours */
.menu li a.focus {
	background:url(../images/fleche.png) no-repeat center bottom;
	color:#F63;
}

/* Container en tête */
#container_head {
	background:url(../images/top_site.png) no-repeat center;
	margin:auto;
	height:184px;
	width:779px;
	padding:15px;
	margin-top:0px;
}

/* Texte vert */
.vert {
	color:#9bef72;
	font-size:12px;
	font-weight:bold;
}

/* Texte orange */
.orange {
	color:#df9034;
	font-size:12px;
	font-weight:bold;
}

/* Texte jaune */
.jaune {
	color:#c8b134;
	font-size:12px;
	font-weight:bold;
}

/* Texte orange foncé */
.orange_fc {
	color:#be4b33;
	font-size:12px;
	font-weight:bold;
}

/* Texte rouge */
.rouge {
	color:#d13636;
	font-size:12px;
	font-weight:bold;
}

/* Bloc de contenu global */
#container {
	width:809px;
	margin-right:auto;
	margin-left:auto;
}

#container .head {
	background:url(../images/body_head.png) no-repeat;
	width:809px;
	height:20px;
	margin-top:-16px;
}

#container .body {
	background:url(../images/body_bg.png) repeat-y;
	width:779px;
	padding:50px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CCC;
}

/*coté droit du body */
.right_side {
	width:375px;
	padding-left:15px;
	float:right;
	display:inline;
}

/* coté gauche du body */
.left_side {
	width:375px;
	padding-right:15px;
	display:inline;
}

/* bloc de nom de domaine */
.domaine {
	background:url(../images/domaine.jpg) no-repeat;
	width:300px;
	height:39px;
	padding-top:40px;
	padding-left:25px;
	color:#333;
	margin-bottom:20px;
}

.domaine input {
	background:url(../images/domaine_nm.png) no-repeat;
	width:162px;
	height:17px;
	border:none;
	padding:3px;
	color:#333;
}

.domaine select {
	color:#333;
}

/* bloc d'hébergement mini */
.mini {
	background:url(../images/mini.jpg) no-repeat;
	width:279px;
	height:159px;
	padding:50px 15px 15px 35px;
	color:#333;
	margin-bottom:20px;
}

.mini .vert_big {
	margin-top:16px;
	margin-left:90px;
	color:#9bef72;
	font-size:14px;
	font-weight:bold;
}

.mini .btn {
	margin-top:3px;
	margin-left:65px;
}

.mini ul {
	margin:0;
	width:250px;
	list-style:url(../images/puce.png);
}

.mini ul li {
	margin-left:25px;
	font-size:16px;
	font-weight:bold;
	color:#303030;
}

/* bloc d'hébergement large */
.large {
	background:url(../images/large.jpg) no-repeat;
	width:279px;
	height:169px;
	padding:40px 15px 15px 35px;
	color:#333;
	margin-bottom:20px;
}

.large .bleu_big {
	margin-top:5px;
	margin-left:90px;
	color:#449fd4;
	font-size:14px;
	font-weight:bold;
}

.large .btn {
	margin-top:3px;
	margin-left:65px;
}

.large ul {
	margin:0;
	width:250px;
	list-style:url(../images/puce.png);
}

.large ul li {
	margin-left:25px;
	font-size:16px;
	font-weight:bold;
	color:#303030;
}

/* bloc d'hébergement medium */
.medium {
	background:url(../images/medium.jpg) no-repeat;
	width:252px;
	height:280px;
	padding:62px 15px 15px 35px;
	color:#333;
	margin-bottom:20px;
}

.medium .orange_big {
	margin-top:19px;
	margin-left:85px;
	color:#df9034;
	font-size:14px;
	font-weight:bold;
}

.medium .btn {
	margin-top:23px;
	margin-left:45px;
}

.medium ul {
	margin:0;
	width:250px;
	list-style:url(../images/puce.png);
}

.medium ul li {
	margin-left:25px;
	font-size:16px;
	font-weight:bold;
	color:#303030;
}

/* bloc de logos de paiement */
.paiement {
	margin-top:40px;
	margin-left:135px;
}

/* bloc de logos */
.logos {
	background:url(../images/logos.jpg) no-repeat;
	width:296px;
	height:296px;
}

/* bloc de hack d'affichage */
.hack {
	clear:both;
}

#container .foot {
	background:url(../images/footer.png) no-repeat;
	width:779px;
	height:30px;
	padding:18px 15px 15px 15px;
	font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CCC;
}