html, body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0px;
	margin:0px;
}

p,table,form{
	padding:0px;
	margin:0px;
}

.clear{
	clear:both;
}

.freepackage{
	padding:5px 10px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#E6FDC6;
	border:groove 0px #09C;
	margin:5px 0;
	line-height:17px;
}

.trainingText{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	line-height:17px;
}
/* ---------Le grand contenur---------------*/
#conteneur_general{
	width:971px;
	height:auto;
	margin:0 auto;
}

#conteneur_haut{
	width:971px;
	height:19px;
	background-image:url(../img/haut.jpg);
	background-repeat:no-repeat;
}

#conteneur_milieu{
	background-image:url(../img/milieu.jpg);
	background-repeat:repeat-y;
}

#conteneur_bas{
	height:19px;
	width:971px;
	background-image:url(../img/bas.jpg);
	background-repeat:no-repeat;
}

/* ---------Div logo ---------------*/
#logo{
	height:80px;
	width:925px;
	padding:3px 23px 3px 23px;
}

#cont_logo{
	width:320px;
	float:left;
	margin-top:12px;
}

#cont_link_haut{
	width:594px;
	float:right;
}

#cont_link1{
	padding:6px;
	margin:11px 0 7px 0;
	font-size:12px;
	color:#09C;
}
#cont_link1 a{
	text-decoration:none;
	color: #069;
	font-weight:bold;
}
#cont_link1 a:hover{
	border-bottom:groove 2px #09C;
}


#cont_link2{
	padding:6px;
	font-size:11px;
	text-align:right;
	color:#CCC;
}
#cont_link2 a{
	text-decoration:none;
	color:#9B7328;
}
#cont_link2 a:hover{
	border-bottom:groove 2px #F90;
}


/* ---------Banniere ---------------*/
#banniere{
	height:287px;
	width:971px;
/*	background-image:url(../img/banniere.jpg);
	background-repeat:no-repeat;*/
}

#softs{
	height:18px;
	width:956px;
	background-color:#FC0;
	color:#000;
	margin:0 auto;
	font-size:11px;
	text-indent:25px;
	padding:5px 0 0 0;
}

/* ---------------- Menu *-------------------*/

#premenu{
	height:5px;
	width:956px;
	background-color:#CC0001;
	margin:0 auto;
}

#div_menu{
	height:36px;
	width:956px;
	background-image:url(../img/menu_off.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
}

.menu_off{
	width:auto;
	padding:10px 19px 0 19px;
	font-size:14px;
	font-weight:bold;
	float:left;
	background-image:url(../img/menu_off.jpg);
	background-repeat:repeat-x;
	height:26px;
	border-right:dotted 0px #EAEBB1;
	color:#333;
	text-decoration:none;
}

.menu_off a{
	text-decoration:none;
	color:#000;
}

.menu_off:hover{
	background-image:url(../img/menu_on.jpg);
	background-repeat:repeat-x;
	border-right:solid 1px #EAEBB1;
	color:#FFF;
}
.menu_off a:hover{
	color:#FFF;
	text-decoration:none;
}

.menu_on{
	width:auto;
	padding:10px 19px 0 19px;
	font-size:14px;
	font-weight:bold;
	float:left;
	background-image:url(../img/menu_on.jpg);
	background-repeat:repeat-x;
	height:26px;
	border-right:solid 0px #EAEBB1;
	color:#FFF;
	text-decoration:none;
}

/* -------------------- conteneur blanc des 2 colonnes interieures ------------------*/
#conteneur_blanc{
	width:924px;
	background-color:#FFF;
	margin:8px 23px 0px 23px;
}

/* --------- conteneur global gauche et droite ---------------*/
#conteneur_gauche{
	width:450px;
	height:auto;
	float:left;
}

#conteneur_gauche a{
	text-decoration:none;
	color: #06C;
	font-weight:bold;
	border-bottom:dotted 0px #06C;
}
#conteneur_gauche a:hover{
	text-decoration:underline;
	color:#069;
}

#conteneur_droit{
	width:450px;
	height:auto;
	float:right;
}

/* --------- Panels general ---------------*/
.sep_panel{
	margin:0 0 10px 0;
}
.panel_haut{
	width:420px;
	height:25px;
	background-image:url(../img/panel_g_haut.jpg);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:5px 0 0 30px;
	color: #333;
	font-weight:bold;
}
.panel_milieu{
	width:440px;
	background-color:#FFF;
	padding:6px 15px 5px 6px;
	font-size:12px;
	line-height:18px;
	color: #6F4526;
	text-align:justify;
	border:solid 0px #CCC;
	line-height:17px;
}

/* ------------ panel milieu et bas Solutions e-commerce - ------------*/
.panel_milieu_ec{
	width:280px;
	height:auto;
	background-image:url(../img/bg_pdm.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding:8px 170px 0px 10px;
	font-size:11px;
	color: #666;
	line-height:17px;
	text-align:justify;
}
.panel_bas_ec{
	background-image:url(../img/bg_pdb.jpg);
	height:10px;
	width:450px;
	background-repeat:no-repeat;
	background-position:right;
}

.panel_bas{
	background-image:url(../img/panel_g_bas.jpg);
	height:10px;
	width:450px;
	background-repeat:no-repeat;
}

/* ------------ panel milieu et bas Solutions hosting - ------------*/
.panel_milieu_hosting{
	width:280px;
	height:auto;
	background-image:url(../img/bg_hosting.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding:8px 170px 0px 10px;
	font-size:11px;
	color: #666;
	text-align:justify;
	line-height:17px;
}


/* ------------ panel milieu et bas Solutions letavi - ------------*/
.panel_milieu_letavi{
	width:280px;
	height:auto;
	background-image:url(../img/bg_letavi.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding:8px 170px 0px 10px;
	font-size:11px;
	color: #666;
	text-align:justify;
	line-height:17px;
}

/* ---------conteneur des liens du bas ---------------*/

#footer_links{
	height:20px;
	width:924px;
	background-color:#E4DFBA;
	font-size:11px;
	margin:8px 23px 0px 23px;
	text-align:center;
	padding:5px 0 0 0;
}

#footer_links a{
	text-decoration:none;
	color: #524918;
}
#footer_links a:hover{
	color:#900;
}

#afterFooter{
	height:20px;
	width:924px;
	font-size:11px;
	margin:0 auto;
	color:#C36;
	padding:5px 0 0 0;
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.www{
	color:#930;
	font-size:14px;
	font-variant:small-caps;
}

.www_detail{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	line-height:normal;
}

/* ------------- Paquet d'hebergements ---------*/
.sep_table_bas{
	border-bottom:dotted 1px #958E79;
	line-height:18px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}

.sep_table_bas:hover{
	background-color:#FFF;
}

.sep_table_bas2{
	border-bottom:dotted 1px #958E79;
	line-height:20px;
	background-color:#FEEEE9;
}

/* -------- Couleurs ----------------- */
.rouge{
	color:#C00;
	line-height:18px;
}
.rouge_grand{
	color:#C00;
	line-height:18px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
}
.gris{
	color: #403C2F;
	line-height:18px;
}

.more_ccle{
	background-image:url(../img/more.gif);
	background-repeat:no-repeat;
	width:81px;
	height:17px;
	float:right;
	text-align:center;
	font-size:11px;
	color:#C00;
	font-variant:normal;
	padding:2px 0 0 0;
	text-decoration:none;
}

.more_ccle a{
	text-decoration:none;
	color: #C00;
}
.more_ccle a:hover{
	text-decoration:none;
	color: #000;
}


/*---------------- div note ------------------*/
#inote{
	background-color:#EAF464;
	padding:6px 6px 6px 40px;
	font-size:11px;
	background-image:url(../img/inote.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:auto;
	line-height:17px;
	color:#333;
	margin:2px 0;
}


/*---------------- div succes ------------------*/
#succes{
	background-color:#759B00;
	padding:6px 6px 6px 40px;
	font-size:11px;
	background-image:url(../img/succes.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:auto;
	line-height:17px;
	color:#FFF;
	margin:2px 0;
}
/*---------------- div erreur ------------------*/
#warn{
	background-color:#FF9900;
	padding:6px 6px 6px 40px;
	font-size:11px;
	background-image:url(../img/warn.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:auto;
	line-height:17px;
	color:#FFF;
	margin:2px 0;
}

/* erreur de validation formulaire */
.erreur{
	font-size:10px;
	color:#F00;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
}

#spamm{
	color:#F30;
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#envoyerbut{
	padding:6px;
	cursor:pointer;
}

h1{
	font-size:33px;
	color:#C9790E;
	padding:0px;
	margin:0px;
}

h2{
	font-size:20px;
	color:#F60;
	padding:0px;
	margin:3px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:100;
}

.sepModule{
	padding:3px 0;
	border-bottom:solid 1px #F90;
}

.sepModule a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#C00;
	text-decoration:none;
}


.sepModulePerm{
	padding:3px 6px;
	border-bottom:dotted 1px #09F;
	color:#178ACE;
	background-color:#E2ECFA;
}

.sepModulePerm a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C00;
	text-decoration:none;
}

.details{
	font-size:13px;
	line-height:18px;
	color:#4D4D4D;
}
.sttitre{
	font-variant:small-caps;
	color:#F30;
	font-size:15px;
}

.pk_details{
	background-color:#F0F5DE;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:5px;
	font-weight:normal;
}
.tahoma11{
	font-size:12px;
	color:#666;
	text-align:justify;
}
.cknaf{
	background-color:#FCF0CD;
	padding:5px;
	font-size:12px;
	border-bottom:solid 1px #FFF;
}


.inputbg{
	width:173px;
	height:26px;
	background-image: url(../img/bginput.jpg);
	background-repeat:no-repeat;
	border:0px;
	padding:0 6px;
	color:#666;
}

.folio_link{
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#03C;
	text-decoration:none;
	font-weight:normal;
	font-style:italic;
}
.folio_link a{
	font-weight:normal;
}

.button{
	border:outset 1px #030;
	background-color:#489100;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#FFF;
	padding:5px 7px;
}

.loading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#F00;
	text-align:center;
}

#trainingDetail{
	padding:6px 10px 6px 0;
}
#train_bg{
	background-image:url(../img/bgtrainingpng.png);
	background-repeat:repeat-y;
	padding:6px 10px 6px 0;
}

#train_annonce{
	font-size:11px;
	color:#303;
	letter-spacing:2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}
#train_date{
	font-size:11px;
	color:#303;
	letter-spacing:2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F00;
}

#train_tit{
	font-size:29px;
	color:#906;
	font-variant:small-caps;
	margin:5px 0;
}

.train_titre1{
	font-size:17px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C00;
}

.train_titre2{
	font-size:15px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#06C;
}

.train_text{
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	text-align:justify;
}

.notee{
	background-color:#C4E4F7;
	padding:5px 10px;
	color:#000;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.table_haut{
	padding:3px 5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFBA91;
}

.table_bas{
	padding:3px 5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFE0C4;
	color:#000;
}