html, * {
margin: 0;
}

body{
	background:url('../images/fond-h.jpg') white repeat-x;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	height:100%;
}

img {
	border:0;
}

a {
	text-decoration: none;
}

a.nouveaute {
	font-weight: bold;
	color:#000000;
}

#page {
	width:900px; 
	margin:0 auto; 
	z-index:0;
}

#bandeau {
	position:relative; 
	height:81px; 
	margin-bottom:3px;
}

/*a.gmapSidebarItem{
	color:#000;
}*/

#bandeau_d {
	position:absolute; 
	right:0; 
	width:226px; 
	height:81px; 
	background:url('../images/header_1px.jpg');
}

#logo-b {
	position:absolute; 
	left:186px; 
	width:488px; 
	height:81px; 
	background:url('../images/logo/logo-b.jpg') no-repeat;
}

#logo-v {
	position:absolute; 
	left:186px; 
	width:488px; 
	height:81px; 
	background:url('../images/logo/logo-v.jpg') no-repeat;
}

#info {
	position:absolute; 
	right:225px; 
	bottom:0; 
	height:25px;
	color:white; 
	font-size:10px;
}

#info_g {
	position:absolute; 
	left:0; 
	width:16px; 
	height:25px; 
	background:url('../images/info-g.jpg');
}

#info_cg {
	position:absolute;
	left:15px;
	width:42px;
	height:25px;
	background:url('../images/info-c.jpg');
	line-height:25px;
}

#info_cd {
	position:absolute;
	left:57px;
	width:132px;
	height:25px;
	background:url('../images/info-c.jpg');
	line-height:25px;
}

#info_d {
	position:absolute; 
	left:189px; 
	width:13px; 
	height:25px; 
	background:url('../images/info-d.jpg');
}


/* Bloc menu */

#menu{
	position:absolute; 
	top:256px; 
	width:186px; 
	height:218px; 
	margin:0px 0;
}

#menu_h{
	width:186px;
	height:15px;
	background:url('../images/menu-h.png') no-repeat;
}

#menu_c{
	width:186px;
	background:url('../images/menu-c.png') repeat-y;
}

#menu_b{
	width:186px; 
	height:12px;
	background:url('../images/menu-b.png') no-repeat;
}

#bloc_menu {
	position:absolute; 
	width:186px;
}

#titre_authent{
	position:absolute; 
	left: 46px; 
	top: 31px; 
	font-size: 10px; 
	font-weight:bold;
}

#authent {
	position:absolute; 
	width:186px; 
	height:256px; 
	margin:0;
}

#authent_g {
	position:absolute; 
	width:8px; 
	height:256px;
	background:url('../images/login-g.jpg') no-repeat;
}

#authent_c {
	position:absolute; 
	left:8px; 
	top:0; 
	width:152px;
	height:256px;
	background:url('../images/login-c.jpg') repeat-x;
}

#authent_d {
	position:absolute; 
	right:0; 
	width:26px;
	height:256px;
	background:url('../images/login-d.jpg') no-repeat;
}

#login_etiket{
	position:absolute; 
	left: 6px; 
	top: 50px; 
	font-size: 
	10px; 
	font-style:italic; 
	font-weight:bold;
}

#pass_etiket{
	position:absolute; 
	left: 7px; 
	top: 72px; 
	font-size: 10px; 
	font-style:italic; 
	font-weight:bold;
}

#input_login {
	position:absolute; 
	width:103px; 
	height:14px; 
	margin:0; 
	border:0; 
	padding:2px; 
	background-image: url('../images/input.jpg'); 
	background-repeat:no-repeat; 
	left: 43px; 
	top: 48px; 
	font-size:10px;
}

#input_pass {
	position:absolute; 
	width:103px; 
	height:14px; 
	margin:0; 
	border:0; 
	padding:2px; 
	background-image: url('../images/input.jpg'); 
	background-repeat:no-repeat; 
	left: 43px; 
	top: 69px; 
	font-size:10px;
}

.ok{
	color:green;
}
#ok {
position:absolute; 
width:49px; 
height:22px; 
margin:0; 
border:0; 
padding:0; 
background-image: url('../images/login2.jpg'); 
background-repeat:no-repeat; 
left: 43px; 
top: 93px;
}

#ok:active{
background-position: 0 -22px;
}

#reset {
position:absolute; 
width:49px; 
height:22px; 
margin:0; 
border:0; 
padding:0; 
background-image: url('../images/reset.jpg'); 
background-repeat:no-repeat; 
left: 101px; 
top: 93px;
}

#reset:active{
background-position: 0 -22px;
}

#session_login{
	position:absolute; 
	left: 4px; 
	top: 45px; 
	font-size: 10px; 
	font-weight:bold;
}

#liste_session{ 
	position:absolute; 
	font-size: 10px; 
	left: 11px; 
	top: 64px; 
	width: 129px;
	list-style:none;
}
/* FIN Bloc menu */

/* FLUX RSS */
#bloc_RSS{
	position:absolute; 
	width:153px; 
	margin:0; 
	border:0; 
	padding:0; 
	background-repeat:no-repeat; 
	font-size: 11px; 
	left:0px; 
	top:136px; 
	text-align:justify;
}

.texte_client {
	text-align: justify;
}

.lien_client {
	font-style:italic;
	margin-bottom: 10px;
}

a.lien_ext:after {
content: "\0000a0[\2197]";
}

/* FIN FLUX RSS */

/* CSS MEnu dynamqiue accord�on */
#navigation {
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0;
	list-style-type: none;
	/*background: #000; couleur par d�faut du menu*/
	color: #535353; /*couleur de base du texte du menu*/
	width: 160px; /*largeur du menu*/
	font-size: 12px; /*taille du texte de tout le menu sachant que la taille des sousmenu est aussi modifi�e plus loin*/
	}
#navigation a, #navigation span {
	display: block;
	padding: 4px ; /*padding des liens du menu*/
	padding-left:25px;
	color: #535353; /*couleur du texte des liens du menu*/
	text-decoration: none;
	background: url(../images/menu/menu_spl.jpg) left bottom no-repeat; /*background des menus qui nont pas de sousmenus*/
	}
	
#navigation a:focus, #navigation a:hover {
	background: url(../images/menu/menu_spl.jpg) left bottom no-repeat; /*background des menus qui nont pas de sousmenus*/
}

#navigation a.actuel {
	background: url(../images/menu/menu_spl.jpg) left bottom no-repeat; /*background des menus qui nont pas de sousmenus*/
}

#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
	background-image: url(../images/menu/menu_er.jpg); /*image du bouton pour afficher qu'on peut enrouler (ici c'est une image de fond avec un  +)*/
	}
#navigation .open a, #navigation .open span {
	background-image: url(../images/menu/menu_dr.jpg);/*image du bouton pour afficher qu'on peut derouler (ici c'est une image de fond avec un -)*/
	}
#navigation a:hover, #navigation a:focus, #navigation a:active {
	text-decoration: underline; /*liens souslign� quand on passe dessus avec la souris*/
	}
#navigation .subMenu {
	font-size: 12px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
	list-style:none;
	}
#navigation ul.subMenu a {
	background: none;
	padding: 3px 15px;
	}
#navigation .subMenu li a {
	background:url(../images/menu/menu.jpg) no-repeat; /*background des sousmenus*/
}


#navigation .open_at_load {
	font-size: 12px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
	list-style:none;
	}
#navigation ul.open_at_load a {
	background: none;
	padding: 3px 15px;
	}
#navigation .open_at_load li a {
	background:url(../images/menu/menu.jpg) no-repeat; /*background des sousmenus*/
}


/* FIN menu */

/* Bloc contact*/
#contact {
	width:168px; 
	height:94px; 
	margin:0;
}

#contact_droite {
	position:absolute; 
	left:-29px; 
	width:93px; 
	height:94px; 
	background:url('../images/dame-g.png') no-repeat;
}

#contact_centre {
	position:absolute; 
	left:64px; 
	width:90px; 
	height:94px; 
	background:url('../images/dame-c.png') repeat-x;
}

#contact_gauche {
	position:absolute; 
	right:13px; 
	width:19px; 
	height:94px; 
	background:url('../images/dame-d.png') no-repeat;
}

#contact_titre {
	position:absolute; 
	width:100px; 
	left: 0; 
	top: 13px; 
	font-size:12px; 
	font-weight:bold;
}

#contact_tel{
	position:absolute; 
	width:100px; 
	left: 0; 
	top: 26px; 
	color:#0066CC; 
	font-size:12px; 
	font-weight:bold;
}

#contact_hor_titre {
	position:absolute; 
	width:100px; 
	left: 0; 
	top: 41px; 
	font-size:12px; 
	font-weight:bold;
}

#contact_hor {
	position:absolute; 
	width:100px; 
	left: 0; 
	top: 55px; 
	color:#0066CC; 
	font-size:12px; 
	font-weight:bold;
}
/* FIN Contact */


/* Certification */

#certif{
	font-size:12px; 
	margin-left:10px; 
	margin-bottom:0px; 
	text-align:center;
}

#certif img {
	margin-bottom:10px;
}
/* FIN Certification */

/* CONTENU */
#contenu
{
position:absolute; 
margin-left:186px; 
width:713px; 
background:#FFF;
}

#contenu_texte {
	padding:20px; 
	text-align:justify; 
	color:#535353; 
	font-size:12px; 
	border-right:solid 1px #cecece; 
	border-left:solid 1px #CCC;
}

#titre_page {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:22px; 
	color:#0078c1;
	margin-bottom: 10px;
}

#contenu_texte h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#004b78;
	font-weight:bold;
	margin-bottom: 7px;
}

#contenu_texte h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#535353;
	font-weight:bold;
	margin-bottom: 5px;
}

#contenu_texte a:visited, #contenu_texte a:active {
	color: #7a7a7a;
}

#contenu_texte a:hover {
	color: #0095d7;
}

#contenu_texte a {
	color: #67a200;
}

#contenu_texte span {
	padding:0;
	margin:0;
}

#contenu_texte a.ancre, #contenu_texte a.ancre:hover, #contenu_texte a.ancre:active, #contenu_texte a.ancre:visited {
	color:#535353;
	text-decoration: none;
}


/* FIN CONTENU */

/* FOOTER */

#footer {
	position:relative;
	height:75px;
	background:#ececec;
	border:solid 1px #EEE; 
	font-size:10px;
	color: #555;
}

#footer a:visited, #footer a:active {
	color: #7a7a7a;
}

#footer a:hover {
	color: #0095d7;
}

#footer a {
	color: #67a200;
}

#partenaires{
	width:400px; 
	text-align:center; 
	padding-top:15px; 
	margin:0 auto;
}

#liste_partenaires {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

#partenaires li {
	float: left;
}

#partenaires li a {
	display: block;
	margin: 5px 10px;
}

#actualis {
	background:url('../images/partenaires/actualis.jpg') top left no-repeat;
	width:100px;
	height:37px;
}

a#actualis:hover, a#actualis:active, a#actualis:focus {
	background:url('../images/partenaires/actualis.jpg') top right no-repeat;
}

#microsoft {
	background:url('../images/partenaires/microsoft_partner.jpg') top left no-repeat;
	width:62px;
	height:37px;
}

a#microsoft:hover, a#microsoft:active, a#microsoft:focus {
	background:url('../images/partenaires/microsoft_partner.jpg') top right no-repeat;
}

#supermicro {
	background:url('../images/partenaires/supermicro.jpg') top left no-repeat;
	width:78px;
	height:37px;
}

a#supermicro:hover, a#supermicro:active, a#supermicro:focus {
	background:url('../images/partenaires/supermicro.jpg') top right no-repeat;
}

#altitude {
	background:url('../images/partenaires/altitudetelecom.jpg') top left no-repeat;
	width:75px;
	height:37px;
}

a#altitude:hover, a#altitude:active, a#altitude:focus {
	background:url('../images/partenaires/altitudetelecom.jpg') top right no-repeat;
}
/* FIN FOOTER */


/* ACCUEIL*/

#blocs a:visited, #blocs a:active {
	color: #000000;
}

#blocs a:hover {
	color: #000000;
}
 
#blocs a {
	color: #000000;
	text-decoration: none;
}

#blocs {
	text-align:justify;
}

/* FIN ACCUEIL */



/* PORTFOLIO */
.titre_portfolio{
		font-weight:bold; 
		text-decoration:underline;
	}
	
.portfolio_box{
	position: absolute;
	width:230px; 
	height:500px; 
	border:solid 1px #e6e6e6;
	margin-left:4px;
}

#portfolio_box_1{
	left:0;
}

#portfolio_box_2{
	left:234px;
}

#portfolio_box_3{
	left:468px;
}

#portfolio{
	margin-top:15px;
	height:500px;
	width:100%;
}

#portfolio a:visited, #portfolio a:active {
	color: #7a7a7a;
}

#portfolio a:hover {
	color: #0095d7;
}

#portfolio a {
	color: #67a200;
}

.vignette{
	padding-top:15px; 
	padding-left:15px;
}

.img_descr_portfolio{
	float:left; 
	margin-top:5px; 
	margin-right:5px;
}

#text {
	padding:15px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#0a5c96;
}

.etat_site{
	margin:15px 0;
}

.img_etat_site{
	vertical-align:text-bottom;
	margin-right:2px;
}

#img_descrip_tech{
	float:left; 
	width:30px;
}

#txt_descrip_tech{
	float:left; 
	width:165px; 
	margin-left:5px;
}

#navig_box{
	margin-top:15px;
	margin-bottom:15px;
}

#navig_box a:visited, #navig_box a:active {
	color: #7a7a7a;
}

#navig_box a:hover {
	color: #0095d7;
}

#navig_box a {
	color: #67a200;
}

#navig_arrows{
	position:relative;
	width:230px; 
	height:22px; 
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#626262;
}

#fleche_g_portfolio{
	position:absolute; 
	left:0;
}

#fleche_d_portfolio{
	position:absolute; 
	right:0;
}

#txt_nav_portfolio{
	position:absolute; 
	bottom:5px; 
	left:25px;
	width:230px;
}

#txt_nav_portfolio img#fleche_g_portfolio {
	left: -25px;
}

#txt_nav_portfolio img#fleche_d_portfolio {
	right: 25px;
}


/* FIN PORTFOLIO */

/*ACCUEIL*/

#blocs {
	height:270px;
}

#bloc1 {
	position:absolute;
	left:10px;
}

#bloc_g1 {
	position:absolute;
	width:21px;
	height:258px;
	background:url('../images/bloc-blc-g.jpg');
}

#bloc_c1 {
	position:absolute;
	left:20px;
	width:130px;
	height:258px;
	background:url('../images/bloc-blc-c.jpg');
	top: 0px;
}

#bloc_d1 {
	position:absolute;
	left:150px;
	width:22px;
	height:258px;
	background:url('../images/bloc-blc-d.jpg');
	top: 0px;
}

#bloc_img1 {
	position:absolute;
	left:9px;
	width:155px;
	height:207px;
	background:url('../images/img-herg.jpg');
}

#bloc_fl1 {
	position:absolute;
	left:10px;
	width:33px;
	height:30px;
	background:url('../images/fleche-bleu.png') no-repeat;
	top: 213px;
}

#bloc_titre1 {
	position:absolute;
	left:49px;
	color:#0066CC;
	font-size:12px;
	top: 229px;
}


#bloc2 {
	position:absolute;
	left:183px;
}

#bloc_g2 {
	position:absolute;
	width:21px;
	height:258px;
	background:url('../images/bloc-blc-g.jpg');
}

#bloc_c2 {
	position:absolute;
	left:21px;
	width:130px;
	height:258px;
	background:url('../images/bloc-blc-c.jpg');
	top: 0px;
}

#bloc_d2 {
	position:absolute;
	left:151px;
	width:22px;
	height:258px;
	background:url('../images/bloc-blc-d.jpg');
	top: 0px;
}

#bloc_img2 {
	position:absolute;
	left:9px;
	width:155px;
	height:207px;
	background:url('../images/img-servV.jpg');
}

#bloc_fl2 {
	position:absolute;
	left:10px;
	width:33px;
	height:30px;
	background:url('../images/fleche-bleu.png') no-repeat;
	top: 213px;
}

#bloc_titre2 {
	position:absolute;
	left:47px;
	color:#0066CC;
	font-size:12px;
	top: 229px;
	width: 122px;
}


#bloc3 {
	position:absolute;
	left:356px;
}

#bloc_g3 {
	position:absolute;
	width:21px;
	height:258px;
	background:url('../images/bloc-blc-g.jpg');
}

#bloc_c3 {
	position:absolute;
	left:21px;
	width:130px;
	height:258px;
	background:url('../images/bloc-blc-c.jpg');
	top: 0px;
}

#bloc_d3 {
	position:absolute;
	left:151px;
	width:22px;
	height:258px;
	background:url('../images/bloc-blc-d.jpg');
	top: 0px;
}

#bloc_img3 {
	position:absolute;
	left:9px;
	width:155px;
	height:207px;
	background:url('../images/img-baie.jpg');
}

#bloc_fl3 {
	position:absolute;
	left:10px;
	width:33px;
	height:30px;
	background:url('../images/fleche-bleu.png') no-repeat;
	top: 213px;
}

#bloc_titre3 {
	position:absolute;
	left:49px;
	color:#0066CC;
	font-size:12px;
	top: 229px;
	width: 120px;
}

#bloc4 {
	position:absolute;
	left:529px;
}

#bloc_g4 {
	position:absolute;
	width:21px;
	height:258px;
	background:url('../images/bloc-blc-g.jpg');
}

#bloc_c4 {
	position:absolute;
	left:20px;
	width:130px;
	height:258px;
	background:url('../images/bloc-blc-c.jpg');
	top: 0px;
}

#bloc_d4 {
	position:absolute;
	left:150px;
	width:22px;
	height:258px;
	background:url('../images/bloc-blc-d.jpg');
	top: 0px;
}

#bloc_img4 {
	position:absolute;
	left:9px;
	width:155px;
	height:207px;
	background:url('../images/img-voc.jpg');
}

#bloc_fl4 {
	position:absolute;
	left:10px;
	width:33px;
	height:30px;
	background:url('../images/fleche-bleu.png') no-repeat;
	top: 213px;
}

#bloc_titre4 {
	position:absolute;
	left:49px;
	color:#0066CC;
	font-size:12px;
	top: 229px;
	width: 120px;
}

/* A la une */
#bloc_alaune {
	position:relative;
	height:195px;
	background:#dcdcdc;
	border:solid 3px #EEE;
}

#alaune_img {
	position:absolute;
	width:329px;
	height:183px;
	background:url('../images/img2.jpg');
	left: 26px;
	top: 8px;
}

#alaune_img1 {
	position:absolute;
	width:329px;
	height:183px;
	background:url('../images/site/portail_intranet.jpg');
	left: 26px;
	top: 8px;
}

#alaune_titre {
	position:absolute;
	left:50px;
	top:-5px;
	height:25px;
}

#alaune_titre_g {
	position:absolute;
	left:0;
	width:38px;
	height:53px;
	background:url('../images/titre-g.png');
}

#alaune_titre_c {
	position:absolute;
	left:38px;
	width:126px;
	height:53px;
	background:url('../images/titre-c.png');
	line-height:53px;
	top: 0px;
}

#alaune_titre_txt {
	color:#0066CC;
	font-size:12px;
	margin-left:5px;
}

#alaune_titre_d {
	position:absolute;
	left:164px;
	width:21px;
	height:53px;
	background:url('../images/titre-d.png');
}

#alaune_bloc_txt {
	text-align:justify;
}

#alaune_txt_titre {
	position:absolute;
	color:#555;
	font-size:14px;
	margin-left:5px;
	left: 370px;
	top: 11px;
	width: 311px;
	line-height:17px;
}

#alaune_txt {
	position:absolute;
	color:#555;
	font-size:12px;
	margin-left:5px;
	left: 370px;
	top: 56px;
	width: 318px;
	line-height:17px;
}

#alaune_voir {
	position:absolute;
	right:0;
	bottom:0;
	width:55px;
	height:25px;
	background:url('../images/voir.jpg');
}
/*FIN A la une */

/* Debut Nico */
#grille_tarifaire{
	position:relative;
	background-image:url(../images/tableau.jpg);
	background-repeat:no-repeat;
	width:668px;
	height:889px;
	color:#d2ff99;
}
#prix_offre1_3_mois{
	position:absolute;
	top:600px;
	left:185px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}
#prix_offre1_6_mois{
	position:absolute;
	top:645px;
	left:180px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}

#prix_offre1_12_mois{
	position:absolute;
	top:690px;
	left:180px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}
#prix_offre1_24_mois{
	position:absolute;
	top:740px;
	left:180px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}
/*
#prix_offre2_3_mois{
	position:absolute;
	top:620px;
	left:270px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}
#prix_offre2_6_mois{
	position:absolute;
	top:675px;
	left:265px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}
#prix_offre2_12_mois{
	position:absolute;
	top:720px;
	left:265px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}
#prix_offre2_24_mois{
	position:absolute;
	top:770px;
	left:265px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}*/
#prix_offre3_3_mois{
	position:absolute;
	top:600px;
	left:275px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}
#prix_offre3_6_mois{
	position:absolute;
	top:645px;
	left:275px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}
#prix_offre3_12_mois{
	position:absolute;
	top:690px;
	left:275px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}
#prix_offre3_24_mois{
	position:absolute;
	top:740px;
	left:275px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}
#prix_offre4_3_mois{
	position:absolute;
	top:600px;
	left:380px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}
#prix_offre4_6_mois{
	position:absolute;
	top:645px;
	left:380px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}
#prix_offre4_12_mois{
	position:absolute;
	top:690px;
	left:380px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}
#prix_offre4_24_mois{
	position:absolute;
	top:740px;
	left:375px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}
#prix_offre5_3_mois{
	position:absolute;
	top:600px;
	left:490px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}
#prix_offre5_6_mois{
	position:absolute;
	top:645px;
	left:490px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}
#prix_offre5_12_mois{
	position:absolute;
	top:690px;
	left:485px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}
#prix_offre5_24_mois{
	position:absolute;
	top:740px;
	left:485px;
	color:#0090ff;
	font-weight:bold;
	font-size:21px;
}
#prix_offre6_3_mois{
	position:absolute;
	top:600px;
	left:590px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}
#prix_offre6_6_mois{
	position:absolute;
	top:645px;
	left:585px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}
#prix_offre6_12_mois{
	position:absolute;
	top:690px;
	left:585px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}
#prix_offre6_24_mois{
	position:absolute;
	top:740px;
	left:585px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	font-size:21px;
}

#commander_offre1{
	position:absolute;
	top:775px;
	left:164px;
	width:75px;
}

#commander_offre1_go{
	position:absolute;
	top:5px;
	left:13px;
	text-transform:uppercase;
	font-size:21px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	width:65px;
}

#commander_offre1_commander{
	position:absolute;
	top:30px;
	left:5px;
	font-size:10px;
	color:#0c334e;
	font-weight:bold;
	width:75px;
}
/*
#commander_offre2{
	position:absolute;
	top:805px;
	left:245px;
}

#commander_offre2_go{
	position:absolute;
	top:5px;
	left:13px;
	text-transform:uppercase;
	font-size:21px;
	color:#0090ff;
	font-weight:bold;
	width:65px;
}

#commander_offre2_commander{
	position:absolute;
	top:30px;
	left:5px;
	font-size:10px;
	color:#0c334e;
	font-weight:bold;
	width:75px;
}
*/

#commander_offre3{
	position:absolute;
	top:775px;
	left:261px;
}

#commander_offre3_go{
	position:absolute;
	top:5px;
	left:13px;
	text-transform:uppercase;
	font-size:21px;
	color:#0090ff;
	font-weight:bold;
	width:65px;
}

#commander_offre3_commander{
	position:absolute;
	top:30px;
	left:5px;
	font-size:10px;
	color:#0c334e;
	font-weight:bold;
	width:75px;
}


#commander_offre4{
	position:absolute;
	top:775px;
	left:366px;
}

#commander_offre4_go{
	position:absolute;
	top:5px;
	left:13px;
	text-transform:uppercase;
	font-size:21px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	width:65px;
}

#commander_offre4_commander{
	position:absolute;
	top:30px;
	left:5px;
	font-size:10px;
	color:#0c334e;
	font-weight:bold;
	width:75px;
}

#commander_offre5{
	position:absolute;
	top:775px;
	left:474px;
}

#commander_offre5_go{
	position:absolute;
	top:5px;
	left:13px;
	text-transform:uppercase;
	font-size:21px;
	color:#0090ff;
	font-weight:bold;
	width:65px;
}

#commander_offre5_commander{
	position:absolute;
	top:30px;
	left:5px;
	font-size:10px;
	color:#0c334e;
	font-weight:bold;
	width:75px;
}

#commander_offre6{
	position:absolute;
	top:775px;
	left:575px;	
}

#commander_offre6_go{
	position:absolute;
	top:5px;
	left:13px;
	text-transform:uppercase;
	font-size:21px;
	color:#063;/*:#c2ff58;*/
	font-weight:bold;
	width:65px;
}

#commander_offre6_commander{
	position:absolute;
	top:30px;
	left:5px;
	font-size:10px;
	color:#0c334e;
	font-weight:bold;
	width:75px;
}

#menu_client{
	position:relative;
	width:630px;
	height:250px;
	padding:15px;
	margin:auto;
	border: 3px solid #e5e5e5;
}

#perso{
	position:absolute;
	width:150px;
	height:84px;
	left:30px;
}

#service{
	position:absolute;
	width:150px;
	height:84px;
	left:350px;
}

#facture{
	position:absolute;
	width:150px;
	height:80px;
	left:30px;
	top:150px;
}

#deconnexion{
	position:absolute;
	width:150px;
	height:84px;
	left:350px;
	top : 150px;
}

#image_perso{
	position:absolute;
	background-image:url(../images/perso.jpg);
	background-repeat:no-repeat;
	width:83px;
	height:84px;
}

#image_service{
	position:absolute;
	background-image:url(../images/service.jpg);
	background-repeat:no-repeat;
	width:90px;
	height:84px;
	left:-2px;
	top:5px;
}

#image_facture{
	position:absolute;
	background-image:url(../images/facture.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:84px;
	left:10px;
}

#image_deconnexion{
	position:absolute;
	background-image:url(../images/deco.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:84px;
	margin-left:10px;
}

#rond{
	position:absolute;
	background-image:url(../images/rond.jpg);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
	left:95px;
	top:46px;
}

#liens{
	position:absolute;
	width:180px;
	height:20px;
	padding-bottom:10px;
	left:105px;
	top:40px;
}

#liens a{
	color:#01b0f9;
	font-size:14px;
}

#border{
	position:absolute;
	top:80px;
	left:100px;
	background-image:url(../images/rond.jpg);
	background-repeat:repeat-x;
	width:150px;
	height:5px;
}
#liste_perso{
	padding-left:100px;
	padding-top:30px;
}

#icone_perso{
	position:absolute;
	width:90px;
	height:90px;
	background-image:url(../images/perso.jpg);
	background-repeat:no-repeat;
}

#titre_facture{
	padding-left:80px;
	padding-bottom:60px;
}

#icone_facture{
	position:absolute;
	width:90px;
	height:90px;
	background-image:url(../images/facture.jpg);
	background-repeat:no-repeat;
}
th#tete_tableau_facture{
	color:#01b0f9;
	font-weight:bold;
}

table#tableau_facture th{
	color:#01b0f9;
	font-weight:bold;
	text-align: center;
}

table#tableau_facture tr.clair{
	background-color: #FFFFFF;
	text-align: center;

}

table#tableau_facture tr.fonce{
	background-color: #EEEEEE;
	text-align: center;
}

#sous-titre-service{
	color:#01b0f9;
	font-weight:bold;
}

#tab_service{
	border-color:#01b0f9;
	width:530px;
	margin-left:120px;
	border-style:solid;
}

#couleur_vert{
	color:#67a200;
}

#icone_service{
	position:absolute;
	width:90px;
	height:90px;
	background-image:url(../images/service.jpg);
	background-repeat:no-repeat;	
}
/* FIN Nico */
/* DEBUT Vivien : pages offres packs (18.04.2010)*/

#pack_online   { color:#ff8400; }
#pack_blog        { color:#42820b; }
#pack_vitrine { color:#0074e1; }
#pack_evo          { color:#c422a6; }
#pack_eco          { color:#b81100; }

#content_online { background-image:url('../images/packs/pack-online/centre-online.jpg'); }
#content_blog { background-image:url('../images/packs/pack-blog/centre-blog.jpg'); }
#content_vitrine { background-image:url('../images/packs/pack-vitrine/centre-vitrine.jpg'); }
#content_eco { background-image:url('../images/packs/pack-eco/centre-eco.jpg'); }
#content_evo { background-image:url('../images/packs/pack-evo/centre-evo.jpg'); }

#header_online{ background:url('../images/packs/pack-online/haut-online.jpg');}
#header_blog{ background:url('../images/packs/pack-blog/haut-blog.jpg');}
#header_vitrine{ background:url('../images/packs/pack-vitrine/haut-vitrine.jpg');}
#header_evo{ background:url('../images/packs/pack-evo/haut-evo.jpg');}
#header_eco{ background:url('../images/packs/pack-eco/haut-eco.jpg');}


#footer_online{ background-image:url('../images/packs/pack-online/bas-online.jpg'); color:#ff8400;}
#footer_blog{ background-image:url('../images/packs/pack-blog/bas-blog.jpg'); }
#footer_vitrine{ background-image:url('../images/packs/pack-vitrine/bas-vitrine.jpg'); }
#footer_evo{ background-image:url('../images/packs/pack-evo/bas-evo.jpg'); }
#footer_eco{ background-image:url('../images/packs/pack-eco/bas-eco.jpg'); }


.descrip_pack_online { background-image:url('../images/packs/pack-online/v-online.jpg'); }
.descrip_pack_blog { background-image:url('../images/packs/pack-blog/v-blog.jpg'); }
.descrip_pack_vitrine { background-image:url('../images/packs/pack-vitrine/v-vitrine.jpg'); }
.descrip_pack_evo{ background-image:url('../images/packs/pack-evo/v-evo.jpg'); }
.descrip_pack_eco { background-image:url('../images/packs/pack-eco/v-eco.jpg'); }


.pack{
	width:676px;
	position:relative;
	margin-bottom:50px
}

/* HEADER PACK*/
.header_pack{
	background-repeat:no-repeat;
	position:relative;
	height:34px; 
}

.titre_pack{	
	position:absolute;
	top:6px;
	width: 190px;
	left:122px;
	text-align:center;
	font-size:large;
	font-weight: bold;
	color:white;
}

.titre_resume_pack{
	position:absolute;
	top:10px;
	left:329px;
	color:#535353;
	font-weight:bold;
	
}
/* /HEADER PACK*/


/* CONTENT PACK */

.content_pack{
	width:676px;
	position:relative;
	display: table;
	background-repeat:repeat-y;
	padding-bottom:60px;
	
}

.img_pack{
	position:relative;
	display:table-cell;
	float:left;
	top:-20px;
	left:5px;
}

.caract_pack{
	position: relative;
	display:table-cell;
	float:left;
	top:12px;
	left:8px;
	width:197px;
	text-align:left;
}

	.ul_pack{
		margin:0px;
		padding:0px;
		position:relative;
		list-style:none;
	}
		.descrip_pack{
			position:relative;
			font-size:11px;
			font-weight:bold;
			background-repeat:no-repeat;
			background-position:left;
			margin-bottom:2px;
			padding-left:35px;
			min-height: 27px;
		}
		.separat_pack{
			background-image:url('../images/packs/separation.jpg');
			background-repeat:no-repeat;
			height:1px;
			margin-bottom:2px;
			background-position:right;
		}

.resume_pack{
	position:relative;
	display:table-cell;
	float:left;
	top:0px;
	left:24px;
	width:325px;
	color:#535353;
}

/* /CONTENT PACK */


/* FOOTER PACK */

.footer_pack{
	margin:0px;
	padding:0px;
	position:relative;
	height:123px;
	background-repeat:no-repeat;
}


.prix_pack{
	position:absolute;
	top:21px;
	left:18px;
}

	.apartir{
		font-size:11px;
		padding-left:5px;
		color:#535353;
	}

	.valeur_prix_pack{
		font-size:20px;
		font-weight:bold;
		padding-left:0px;
		text-align: center;
		width: 70px;
	}

	.ht{
		position: absolute;
		top: 35px;
		left:50px;
		font-size:11px;
		font-weight:bold;
		color:#535353;
	}

	
.savoirplus{
	position:absolute;
	text-align: center;
	width: 234px;
	top:47px;
	left: 280px;
	
	
}


.savoirplus a:link,.savoirplus a:hover,.savoirplus a:visited{
	color:#FFFFFF;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;
	font-size:11px;
}


.exemple_pack{
	position:absolute;
	top:-42px;
	left:330px;
	text-align:left;
}

	.lien_exemple_pack{
		text-decoration:underline;
		font-style:italic;
		font-weight:bold;
		padding-left:5px;
	}

/* /FOOTER PACK */


/* FIN Vivien : pages offres packs */

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#gallery { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url('/images/galerie/themes/loader.gif') center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }