@charset "utf-8";
/* Feuille de Style Tout Est Net */


/* Advertises*/
.adHeadline {
    font: bold 10pt Arial;
    text-decoration: underline;
    color: #FF6600;
    text-align:center;
}
.adText {
    font: normal 10pt Arial;
    text-decoration: none;
    color: #000000;
}
.pub {
    position:absolute;
    top:50px;
    left:20px;
    width:200px;
    border:1px dotted black;
    padding:5px;
}
  
/*Website*/
body {
    text-align:center;
	margin:auto;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:800px;
}
.conteneuse {
    text-align:center;
    margin:auto;
    float:right;
}
.baniere {
    text-align:center;
    float:left;
}
p {
	text-align:justify;
}
a {
	color:#663333;
	border:none;
	text-decoration:underline;
}
img {
	border:none;
}
a:visited{
	color:#663333;
	text-decoration:underline;
}
a:hover {
	color:#CC5500;
	text-decoration:none;
}
input[type=submit] {
	background:url(images/btn_tab.png) repeat-x;
}

.ten {
	font-size:14px;
	color:#CC8800;
	font-weight:bold;
	font-family:Arial Black;
}
.totale {
	margin:0px;
	padding:0px;
	width:800px;
	height:100%;
}

.gauche {
	float:left;
	width:300px;
}
ul.en-tete {
	float:right;
	text-align:right;
	padding:0px;
	margin:0px;
	background:url(images/header.jpg);
	width:574px;
	height:134px;
	list-style:none;
	color:#000000;

}
.en-tete li {
	padding:0px;
	margin:0px;
	width:400px;
}
li.prem {
	padding-top:55px;
}
.droite {
	float:left;
	width:210px;
}

.error:before {
	font-weight:bold;
	content:'Erreur : ';
}
.error {
	color:red;
}
.getInfo:before {
	font-weight:bold;
	color:#009933;
	content:"Information :";
}
.getInfo {
	color:#000000;
}
.btnTab {
	width:100%;
	height:18px;
	text-align:center;
	color:black;
	font-family:Arial;
	border:1px solid black;
	background-color:#DDDDDD;
	background:url(images/btn_tab.png);
	margin:0px;
}
/*
################################################################
						EXEMPLE DE SPRITE CSS
################################################################
a.etat_oui {
	background:#ffffff url(images/etats.png) 0px 0px no-repeat;
	height:30px;
	width:30px;
	position:relative;
	display:block;
}
################################################################
*/
a.btn_commander {
	background:#ffffff url(images/btns_sprite.png) 0px 0px no-repeat;
	height:36px;
	width:110px;
	position:relative;
	display:block;
}
a.btn_payer {
	background:#ffffff url(images/btns_sprite.png) 124px 9px no-repeat;
	height:36px;
	width:80px;
	position:relative;
	display:block;
}
a.btn_compte {
	background:#ffffff url(images/btns_sprite.png) 207px 0px no-repeat;
	height:36px;
	width:135px;
	position:relative;
	display:block;
}


/* LIGNE CONTENANT LE MENU HAUT, LA BANIERE ET LE SLOGAN*/
.head {
	width:100%;
}
.menu_haut {
    display:inline;
	float:left;
	margin:0px;
	margin-top:50px;
	padding:0px;
	list-style:none;
	width:215px;
	height:84px;
	background:url(images/menu-haut.jpg) repeat-y;
}
/* MENU HAUT */
.menu_haut li {  
	list-style:none;
	padding-left:72px;
	height:20px;
}
.menu_haut a {
	margin-top:-20px;
	color:white;
	text-decoration:none;
}
.menu_haut a:hover {
	text-decoration:underline;
}
/* BANIERE */
.img_haut {
	float:left;
}

.ligne1 {
	height:134px;
}
/* SLOGAN */
.slogan {
	color:#000000;
	font-weight:bold;
	margin:0px;
	font-size:14px;
	font-family:Times New Roman;
	margin-top:5px;
	padding:2px;
	text-align:left;
	padding-left:30px;
	width:762px;
	background:url(images/separateur.png) no-repeat;
	height:25px;
}
.slogan img {
	position:relative;
	height:23px;
	margin:0px;
	padding:0px;
	padding-right:15px;
	float:right;
}
.slogan a {
	text-decoration:none;
	color:#880000;
	border:none;
}

.menu_gauche {
	padding:0px;
	width:160px;
	height:600px;
	margin-left:10px;
	padding-bottom:20px;
	text-align:left;
	float:left;
}
.menu_gauche h1	{
	margin:0px;
	margin-top:20px;
	padding-top:10px;
	text-align:center;
	background:url(images/menulogo.jpg) no-repeat;
	width:154px;
	text-align:center;
	height:23px;
	font-size:10px;
	color:white;
	font-weight:bold;
}
.menu_gauche ul {
	margin:0px;
	padding:0px;
	background:url(images/menufond.jpg) repeat-y;
	width:154px;
}
.menu_gauche li {
	margin:0px;
	padding:0px;
	padding-left:15px;
	list-style:none;
}
.menu_gauche a {
	color:white;
	text-decoration:none;
}
.menu_gauche a:hover {
	padding-left:7px;
	color:#FF8822;
}
.fin_menu {
	background:url(images/menubas.jpg) no-repeat;
	margin:0px;
	padding:0px;
	height:13px;
	width:154px;
}

.contenu {
	margin:5px;
	margin-bottom:20px;
	float:left;
	text-align:left;
	width:610px;
}

.pied {
	clear:both;
	width:792px;
	padding-top:5px;
	background:url(images/separateur.png) no-repeat;
	color:#000000;
	height:30px;
	text-align:center;
}

/* TABLEAU : HEBERGEMENT */
/* TITRE = TH contenant les noms des rubriques*/
.titre {
	font-weight:bold;
	font-size:14px;
	text-align:center;
	background:#CC8800;
}
/* CLASS INFO = TD contenant des caractéristiques*/
.info {
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}

.tab_heberge td {
	border:1px solid #AA5500;
}

.titre_cat {
	height:20px;
	text-align:center;
	background:#FFCC99;
	font-weight:bold;
	border:1px solid #000000;
}

.tab_titre {
	text-align:center;
}

.prix_recap {
	background:#FFD8D8;
}
fieldset.acc {
	border:1px solid #CC4400;
	width:42%;
	padding:10px;
	margin:5px;
	height:auto;
}
.acc legend {
	color:#CC4400;
	background:#FFEFEC;
	border:1px solid #CC4400;
	padding:5px;
}
.pied_acc ul {
	list-style:none;
	margin-top:0px;
	padding:0px;
	text-align:left;
}
.pied_acc li {
	padding:0px;
	margin:0px;
}
.pied_acc {
	clear:both;
	background:#FFEFEC;
	padding:10px;
	color:#555555;
	font-size:11px;
}
.pied_acc a:hover {
	color:#CC5500;
}
.pied_acc a {
	color:#555555;
	text-decoration:none;
}
.crea {
	border:1px solid #CCAA66;
	padding:5px;
	width:45%;
	margin-bottom:15px;
}
.crea legend {
	border-left:2px solid #885500;
	border-right:2px solid #885500;
	background:#FFCCAA;
	font-size:13px;
	font-weight:bold;
	padding:5px;
}
.crea img {
	float:left;
	margin:10px;
	margin-bottom:5px;
}

.tab_titre {
	text-align:right;
	padding-right:15px;
	width:200px;
}

.formIdent {
	border:1px solid black;
	background:#FFEECC;
	width:350px;
	height:auto;
}
p.question:before {
	content:"-> ";
}
p.question {
	color:#FF9911;
	font-weight:bold;
	margin-bottom:0px;
}
p.reponse {
	color:#000000;
	border-left:1px solid black;
	margin-left:60px;
	padding-left:10px;
	margin-bottom:20px;
	margin-top:0px;
	width:80%;
}
.nompart a {
	font-weight:bold;
	font-size:16px;
	font-family:Arial Black;
	color:#000077;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

.nompart img {
	float:left;
	border:1px solid black;
	margin-right:10px;
	margin-bottom:20px;
}
.nompart {
	padding-bottom:5px;
}
.hrpart {
	margin:20px;
	width:70%;
	text-align:center;
	clear:both;
}

.cadre_produits {
	border:1px solid black;
	background:#FFEECF;
	width:500px;
	text-align:center;
	padding:20px;
}
.cadre_produits a {
	text-decoration:none;
}

.cadre_news {
	margin-top:30px;
	width:500px;
	border:1px solid #000000;
	background:#FFFFFF;
	color:#000000;
	padding:20px;
}
.titre_news {
	border:1px solid #000000;
	border-bottom:none;
	background:#DDDDDD;
	position:absolute;
	margin-top:-22px;
	margin-left:-23px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding:2px;
}

.cadre_tools {
	width:700px;
	border:1px solid #000000;
	background:#FFFFFF;
	color:#000000;
	padding:20px;
}

.menu_admin {
	font-weight:bold;
	height:auto;
	position:absolute;
	top:140px;
	left:10px;
	color:#000000;
	text-align:left;
	margin:0px;
}
.menu_admin .categorie {
	height:20px;
	width:210px;
	padding:5px;
	background:url(images/btn_admin.png);
	color:#FFFFFF;
	margin:0px;
	border-right:4px outset #ADADAD;
	text-align:center;
}
.menu_admin .categorie a {
	color:#FFFFFF;
	margin:0px;
}

.menu_admin .categorie a:hover {
	color:#CC8800;
}
.menu_admin a {
	text-decoration:none;
	color:#000000;
}
.menu_admin a:hover  {
	color:#CC8800;
}
.menu_admin ul {
	border:1px solid #000000;
	border-right:4px outset #ADADAD;
	border-left:none;
	margin:0px;
	margin-bottom:25px;
	padding:0px;
	padding-top:10px;
	padding-bottom:20px;
	list-style-type:none;
	background-color:#FFFFFF;
	width:219px;
}
.menu_admin li {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:20px;
}

.ariane {
	background-color:#F5F5F5;
	color:#000000;
	padding:2px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	font-size:10px;
	margin:5px;
}
.ariane a {
	text-decoration:none;
	color:#CC0000;
}

/* MISE EN FORME DE LA FAQ */
.sommaire {
	height:50%;
	margin-bottom:50px;
	margin-left:30px;
	list-style-type:none;
}
.sommaire ul li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.sommaire li {
	margin-top:15px;
}
.sommaire a {
	font-size:16px;
	text-decoration:none;
}
.titreFAQ {
	font-size:16px;
	color:#AA5500;
	text-align:left;
	padding:0px;
	margin-top:10px;
	margin-bottom:20px;
}
.stitreFAQ {
	color:#CC4400;
	font-size:14px;
	text-align:left;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:50px;
}
.pFAQ {
	color:#000000;
	text-align:justify;
	font-size:14px;
	text-indent:15px;
	font-family:Arial;
}
.pFAQ a {
	color:#880000;
	font-weight:bold;
	font-family:Arial Arrow;
	text-decoration:none;
	font-size:12px;
}
.pFAQ a:hover {
	text-decoration:underline;
}

.avis {
	width:600px;
	border:1px solid black;
	font-family:Arial;
	font-size:12px;
}
.avis td {
	padding:5px;
}
.avis .head {
	font-weight:bold;
	font-size:10px;
	background:#DDDDDD;
	margin:0px;
}
.avi .message {
	background:#666666;
	color:#FFFFFF;
}

.tabHeb td {
	border:1px solid #CC8800;
}
.hebInfo {
	border:none;
	color:#000000;
	background:#FFFFFF;
	text-align:center;
}