@CHARSET "UTF-8";


body{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4e4e4e;
}

ul{ margin:0; padding:0; }
p{ margin:10px 0; }
a{ text-decoration:none; color:#4e4e4e }
img{ border:none; }

/***************************
 * Titres de pages
 */
h2{	
	font-size:25px; 
	color:#d73282; 
	text-transform:lowercase; 
	margin:0 0 10px 0;
	background: url(seilia_images/images_v2/puces/puce_h2.gif) 0 12px no-repeat;
	padding-left:15px;
}

h2 span{ font-weight:normal; }

h3{ 
	font-size:13px; 
	text-transform:lowercase;
	background: url(seilia_images/images_v2/puces/puce_h3.gif) 0 5px no-repeat;
	padding-left:10px;
	color:#d73282;
	margin:10px 0;
}

/***************************
 * Entete de page
 */
div#entete{
	height:252px;
	width:100%;
	background:url(seilia_images/images_v2/header_pattern.gif) repeat-x;
}

	div#entete_contenu{
		width:953px;
		margin:0 auto;
	}
		
		div#entete_contenu h1{ margin:0 0 12px 0; padding:0; }
		
		#entete_bt_contact{ float:right; margin-right:1px; display:inline; }
		
		img#bandeau{ display:block;  }
		
		/****************************
		 * Menu du haut
		 */
		ul#menu_haut{
			list-style-type:none;
			margin:0;padding:0;
		}
		
			ul#menu_haut li{
				float:left;
				width:159px;
				height:26px;
				background:url(seilia_images/images_v2/menu_haut_back.gif);
				text-align:center;
				padding-top:12px;
			}
			
			ul#menu_haut li#lastItem{
				width:158px;
				background:url(seilia_images/images_v2/menu_haut_back_last.gif);
			}
			
			ul#menu_haut li a{
				font-weight:bold;
				font-size:13px;
			}
			
			ul#menu_haut li a:hover{ color:#d73282 }
			ul#menu_haut li a.On{ color:#d73282 }


/****************************
 * Corps de page
 */
div#corps{
	width:921px;
	margin:0 auto;
	border:1px solid #cdcdcd;
	border-top:0;
	border-bottom:0;
	padding:15px;	
}
	/******************************
	 * Structure des colonnes
	 */
	div#colCentre{ width:auto; }
	div#colDroite{ width:165px;float:right }
	div#colGauche{ width:165px;float:left; height: 10px; }
	div.struct_deux_cols{ width:545px !important; float:left; padding:0 20px; }  
	div.struct_une_col{ width:740px !important; float:left; padding-right:10px; }
	
	/** Styles spéciaux pour la colonne du centre **/
	div#colCentre a{ text-decoration:underline; }
	div#colCentre ul li{ margin-bottom:5px }
	div#colCentre h2{ margin-bottom: 25px }
	
	/********************************
	 * Sous navigation pages internes
	 */
	ul#sous_nav { padding:0; margin:20px 0 0 0; list-style-type:none; }
	ul#sous_nav li ul { padding:0; margin-top:10px; list-style-type:none; }

	ul#sous_nav li, ul#sous_nav li ul li{
		margin-bottom:5px; 
		background: url(seilia_images/images_v2/puces/puce_h3.gif) 0 2px no-repeat; 
		padding-left:15px;
	}
	
	ul#sous_nav li.noPuce {background-image: none !important; }
	
	ul#sous_nav li a{ color:#D73282; }
	ul#sous_nav li a.On{ font-weight:bold; }
	
	/******************************
	 * Page ACCUEIL
	 */
	div#colPart1{ width:413px; }
	div#colPart2{ float:right; width:290px; margin-right:20px; display:inline; }
	
	ul#liste_modules_accueil{
		list-style-type:none;
		margin:0;padding:0;	
	}
		ul#liste_modules_accueil li{ display:inline; margin-right:10px } 
		
	div#cms_actu_home{
		background:#f0f0f0;
		padding:5px 10px;
		overflow: auto;
	}
	
		div.vignette_actu_home img{ border:1px solid #bebdbe; margin-bottom:5px }
		span.titre_actu{ display:block; font-weight:bold; margin-bottom:5px }
		a.suite_actu{ text-decoration:underline; font-weight:bold; color:#d73282; font-size:10px; }
	
	div#temoignage_home{
		background:#f0f0f0;
		padding:5px 10px;
		margin-bottom:15px;
	}	
	
	/*************************************
	 * Partie CMS
	 */
	div#cms a { text-decoration: none; }
	
	div#cms div.img {
		margin: 0pt 10px 5px 15px;
		display:inline;
	}
	div#cms ul {
		list-style:inside;
		margin-left:15px;
	}
	
	div#cms ul li{ margin-top:5px; }
	
	div#cms p{ margin-right:0 !important; margin-left:0 !important; }
	
	div#cms ul li p{
		margin:0 !important;
		padding:0 !important;
	}
	
	div#cms p { margin:10px 15px 0 15px; }
	
	/*************************************
	 * Page partenaires
	 */
	.blocPartenaire{
		clear:both;
		margin:15px 0 0 15px;
	}
	.blocPartenaire div.left{ width:500px }
	
	.blocPartenaire p{
		clear:both;float:left;
		margin:0;
		margin:10px 0;
		text-align:justify;
		width:500px;
	}
	
	.blocPartenaire img{ display:block;float:left; }
	
	.blocPartenaire a:link,.blocPartenaire a:hover,.blocPartenaire a:visited{
		clear:both;
		display:block;float:left;
		text-indent:10px;
	}

	/*************************************
	 * Les blocs publicitaires 
	 */	
	div.blocGauche img {
		margin:0;
	}
	
	div.blocGauche img {
		margin: 0;
	}
	
	div.blocGauche a.link_block{
		display:block;
		padding:5px;
		color:#fff;
		border-bottom:1px solid #fff;
	}
	
	div.blocGauche a.clients{
		background:#b155c1;
	}
	
	div.blocGauche a.clients:hover{
		background:#d981e7;
	}
	
	div.blocGauche a.batipole{
		background:#dc6900;
		text-decoration: none;
	}
	
	div.blocGauche a.batipole:hover{
		background:#f08a2c;
	}
	
	div.blocGauche a.ref{
		background:#af1b63;
	}
	
	div.blocGauche a.ref:hover{
		background:#d73282;
	}
	
	div.blocGauche a.ag{
		background:#e80000;
	}
	
	div.blocGauche a.ag:hover{
		background:#ee5c3c;
	}
	/***********************************
	 * Pages modules (solutions)
	 ***********************************/
    
    div#modules_roll {
    position:relative;
    }
    
    div#module_reseau {
    position:absolute;
    width:215px;
    height:250px;
    z-index: 500;
    }
    
    div#module_reseau span {
    z-index: 1000;
    position: absolute;
    top: -220px;
    left: -200px;
    display: none;
    border: 3px solid #3D3D3D;
    }
    
    div#module_reseau:hover span {
    display:inline;
    }
    
    
    
	/***********************************
	 * Pages modules (solutions)
	 ***********************************/
	ul#liste_modules{
		list-style:none;
		margin-left:10px;
		
	}
	
		ul#liste_modules li.first { min-height:150px; height: auto !important; height:150px; margin-bottom:30px; }
		ul#liste_modules li.first h2{ font-size:12px; } 
		ul#liste_modules li.first img{ display:block; float:left; margin-right:15px }
		
			ul#liste_modules li ul { list-style-type:circle; list-style-position:inside; padding-left:125px; }
		
		
	ul#listeModuleMultidiffusion{
		list-style-type:none;
	}
	
	ul#listeModuleMultidiffusion li {
		background-image:url(seilia_images/puce_valider.gif);
		background-repeat:no-repeat;
		background-position:0 0px;
		padding-left:25px;
		line-height:20px;
	}	
	
	/*********************************************
	* Page emailing FORM (démo en ligne)
	*********************************************/
	
	div#emailing { width:600px; margin:0 auto 30px auto; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
	div#emailing img{ border: none; display:block; }
	div#emailing p{ text-align:center !important; margin:5px 0 }
	div#emailing p.alignRight{ text-align: right; }
	div#emailing span.rouge{ color:#e23000 }
	div#emailing a{ text-decoration: none; color:#757575; }
	div#emailing .underline{ text-decoration:underline; }
	div#emailing div#action{ border:3px solid #777; padding:10px 0 5px 0; text-align:center; background: #404040;}
	div#emailing div#action img{ display:inline; }
	div#emailing div#infos{ color:#404040;  margin-bottom:20px; padding:10px;  }
	div#emailing div#infos a{ color:#ed3f94; text-decoration:underline }
	div#emailing div#infos p{ margin:4px 0; text-align:left !important;}
	
	/*********************************************
	* Page Inscription formulaire FORM (formulaire démo en ligne)
	*********************************************/
	
	div#inscriptionFORM { width:600px; margin:0 auto; font-family: Arial, Verdana; font-size:10px; color:#757575; padding-top:30px }
	div#inscriptionFORM img{ border: none; display:block; }
	div#inscriptionFORM p{ text-align:center; margin:5px 0 }
	div#inscriptionFORM p.alignRight{ text-align: right; }
	div#inscriptionFORM .rouge{ color:#e23000 }
	div#inscriptionFORM a{ text-decoration: none; color:#757575; }
	div#inscriptionFORM .underline{ text-decoration:underline; }
	div#inscriptionFORM div#infos{ color:#404040;  margin-bottom:20px; padding:10px; font-size:11px  }
	div#inscriptionFORM div#infos a{ color:#ed3f94; text-decoration:underline }
	div#inscriptionFORM div#infos p{ margin:4px 0; text-align:left}
	div#inscriptionFORM form#inscription{ margin:0; padding:0; border:none; background:url(seilia_images/bck_form.jpg) no-repeat; }
	div#inscriptionFORM form#inscription fieldset{ border:none }
	div#inscriptionFORM fieldset#fs_coords{ padding:25px 0 0 40px; height:315px; }
	div#inscriptionFORM fieldset#fs_coords h1{ font-size:17px; font-weight:bold; text-transform:uppercase; color:#404040; margin:0 0 10px 205px; padding:0; background:none; }
	div#inscriptionFORM fieldset#fs_coords label{ display:block; font-weight:bold; font-size:14px; color:#ed3f94 }
	div#inscriptionFORM fieldset#fs_coords div{ float:left; width:210px; }
	div#inscriptionFORM fieldset#fs_coords div#part1{ margin-right:95px; }
	div#inscriptionFORM fieldset#fs_coords input{ width:210px; margin-bottom:15px; border:1px solid #afaea9 }
	div#inscriptionFORM form#inscription fieldset#fs_submit{ border:3px solid #777; background:#404040; text-align:center; padding:5px 0 }
	div#inscriptionFORM .empty{ border: 1px solid #404040 !important; }
	div#inscriptionFORM .obligatoire{ color:#404040 }	
	
/***************************
 * Pied de page
 */
div#pied{
	height:120px;
	background:url(seilia_images/images_v2/footer_pattern.gif) repeat-x;  
	border-top:3px solid #d73282;
}

	div#pied_contenu{
		width:953px;
		margin:0 auto;
		padding-top:3px;
	}
	
	div#pied_contenu p#mentions{
		font-size:9px;
		color:#4e4e4e;
		margin:0;
		padding-top:1px;
	}
	
		/****************************
		 * Menu du bas
		 */
		ul#menu_bas{
			float:right;
			list-style-type:none;
			margin:0;padding:0;
		}
		
			ul#menu_bas li{
				display:inline;
				width:80px;
				
				background:url(seilia_images/images_v2/footer_menu_separator.gif) right 3px no-repeat;

				padding-right:10px;
				margin-right:8px;
			}
			
			ul#menu_bas li#lastItemMenuBas{ background:0; padding-right:0; margin-right:0 }
			
			ul#menu_bas li a{ font-weight:bold; font-size:10px; }
			ul#menu_bas li a:hover{ color:#d73282 }
			ul#menu_bas li a.On{ color:#d73282 }

		
		/***************************************
		 * Liste de partenaires en bas de page
		 */
		ul#footer_partenaires{
			float:right;
			list-style-type:none;
			margin:20px 0 0 0;padding:0;
		}
		
			ul#footer_partenaires li{
				display:inline;
				margin-left:5px;
			}

	
/****************************
 * Espace Pro
 */
#tab_espace_pro td.hg{
    padding-right:10px;
    border:none;
    border-right:1px solid #d73282;
}

#tab_espace_pro td.bg{
    padding-right:10px;
    border:none;
    border-right:1px solid #d73282;
}