/* Start of CMSMS style sheet 'bg_hp_rub' */
/* BLOC SIMPLE*/

/*********************************/
/* BLOC REALISATIONS */
.der-realisations{
	float:left;
	width:280px;
}

/*********************************/
/* BLOC OPEN SOURCE */
.sol-open-source{
	float:left;
	margin:0px 5px !important;
        margin:0px 2px 0px 3px;
	width:280px;
}

/*********************************/
/* BLOC ESOLUTION */
.esolutions{
	float:left;
	width:280px;
}

/***********************************************************/
/* BLOC DOUBLE GAUCHE */
.bloc-d-g{
	float:left;
	width:562px;
	margin-right:5px;
	/*background-image: url(../img/commun/bg_hp_rub/bg_rub_double_g.jpg);
	background-repeat: no-repeat;*/
	
}
/***********************************************************/
/* BLOC DOUBLE DROITE */
.bloc-d-d{
	float:right;
	width:535px;
	margin-left:35px;
	background-image: url(../img/commun/bg_hp_rub/bg_rub_double_d.jpg);
	background-repeat: no-repeat;
}
/***********************************************************/
/* BLOC TRIPLE */
.bloc-t{
	width:847px;
	/*background-image: url(../img/commun/bg_hp_rub/bg_rub_triple.jpg);
	background-repeat: no-repeat;*/
}
/***********************************************************/
/* BLOC ENCART */
.bloc-encart{
	float:left;
	width:250px;
	margin-top:35px;
	background-image:url(../img/commun/bg_hp_rub/bg_block_encart.jpg);
	background-repeat:repeat-y;
}

/* End of 'bg_hp_rub' */

/* Start of CMSMS style sheet 'commun' */
/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
/*body{
	\height:100%;
}*/
/* Pour habiller les pages par défaut */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	/*background-color:white;*/
	background-image: url(../img/commun/bg_body.gif);
}
a{ 	color:#0000FF;	text-decoration:none; }
a:hover{ text-decoration:none;color: #0000FF; }
img {	border:0px; }
pre{
	background-color:black;
	color:#80FF80;
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ol,ul,blockquote,img {
	margin: 0;
	padding:0;
}
ul,ol,blockquote{	margin-left:15px; }

div,p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,font,small,big{ line-height:1.2em; }

/*  utiliser après une serie de div qui possède un tag FLOAT(left ou right)  */
.left-cleaner,
.right-cleaner,
.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}
.left-cleaner{clear:left;}
.right-cleaner{clear:right;}
.spacer{
	height:5px;
	line-height:0px;
	font-size:1px;
	margin:0px;
	padding:0px !important; /* seulement lu par les navigateurs FIREFOX et SAFARI */
}
.div-detection-flash{
	margin:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:1px solid #C6C5C0;
	padding:25px;
}

/* POSITIONNEMENT DU CONTENU DE LA PAGE  */

#contenaire-page{
	position: absolute;
	width:100%;
	z-index: 101;
	top: 337px;
}

#contenu-main{
	width:850px;
	background-image: url(../img/commun/bg_reflet_couleur.jpg);
	background-repeat: no-repeat;
	padding: 0 0 50px 0;
	margin:0 auto;
}

/********************************************************/
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */

#entete{
	position: absolute;
	z-index: 100;
	top: 5px;
	width:100%;
}

/*********************************************************/
/* CONTENU POUR L'ENTETE */
#contenu-entete{
	height: 305px;
	margin:0 auto;
	width:850px;
}
/*******************************************************/
/* MENU DU HAUT */
.menu-haut{
	width:250px;
	height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #494438;
	padding:10px 0 0 13px;
	float:right;
	margin-bottom: 22px;
}
.menu-haut ul{
	margin:0px;
	padding:0px;
}
.menu-haut li{
	list-style-type:none;
	display:inline;
}
.menu-haut li.lien-menu-haut-on{
	list-style-type:none;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
}
.menu-haut li a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #494438;
	texte-decoration:none;
}
.menu-haut li a:hover{
	color: #000000;
}
/*******************************************************/
/* LOGO */
.logo{
	float:left;
	width:280px;
	height:280px;
	background-image: url(../img/commun/logo_alcyonis.jpg);
	background-repeat: no-repeat;
}
.logo a.link-accueil{
	text-decoration:none;
	display:block;
	width:280px;
	height:280px;
	position: relative;
}
/*******************************************************/
/* MENU */
.menu{
	float:left;
	width:226px;
	height:230px;
	margin:0px 5px;
	background-image: url(../img/commun/bg_menu_hp.jpg);
	background-repeat: no-repeat;
	padding: 50px 0px 0px 54px;
	
}
.menu li{
	list-style-type: none;
}

.menu a.lien-ingenierie,
.menu a.lien-esolutions,
.menu a.lien-emarketing,
.menu a.lien-ihm,
.menu a.lien-partenaires{
	display:block;
	height:27px;
	width:189px;
	text-decoration:none;
	background-image: url(../img/fra/bt_ingenierieweb.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom:5px;
}
.menu a.lien-esolutions{
	background-image: url(../img/fra/bt_esolution.gif);
	margin-bottom:10px;
}
.menu a.lien-emarketing{
	background-image: url(../img/fra/bt_emarketing.gif);
	margin-bottom:14px;
}
.menu a.lien-ihm{
	background-image: url(../img/fra/bt_ihm.gif);
	margin-bottom:6px;
}
.menu a.lien-partenaires{
	background-image: url(../img/fra/bt_partenaire.gif);
	margin-bottom: 0px;
}
.menu a.lien-ingenierie:hover,
.menu a.lien-esolutions:hover,
.menu a.lien-emarketing:hover,
.menu a.lien-ihm:hover,
.menu a.lien-partenaires:hover{
	background-position:0px -27px;
}

.menu li.lien-ingenierie-on,
.menu li.lien-esolutions-on,
.menu li.lien-emarketing-on,
.menu li.lien-ihm-on,
.menu li.lien-partenaires-on{
	display:block;
	height:27px;
	width:189px;
	text-decoration:none;
	background-image: url(../img/fra/bt_ingenierieweb.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
	margin-bottom:5px;
}
.menu li.lien-esolutions-on{
	background-image: url(../img/fra/bt_esolution.gif);
	margin-bottom:10px;
}
.menu li.lien-emarketing-on{
	background-image: url(../img/fra/bt_emarketing.gif);
	margin-bottom:14px;
}
.menu li.lien-ihm-on{
	background-image: url(../img/fra/bt_ihm.gif);
	margin-bottom:6px;
}
.menu li.lien-partenaires-on{
	background-image: url(../img/fra/bt_partenaire.gif);
	margin-bottom: 0px;
}
/*******************************************************/
/* VISUEL */
.animation{
	float:left;
	width:280px;
	height: 280px;
	/*background-image: url(../img/commun/bg_animation.jpg);
	background-repeat: no-repeat;*/
}

/*******************************************************/
/* LES COLONNES */
#colonne1{
	float:left;
	padding:10px;
	width:230px;
	/*height: 200px;*/
	border: 1px solid #DCDCDC;
	margin: 0px 2px 0px 20px !important;/* lu par FIREFOX et SAFARI */
	margin: 0px 2px 0px 10px;/* lu par IE  car IE double la longueur */
}
#colonne2{
	float:left;
	padding:10px;
	width:231px;
	margin-right:2px;
        /*height: 200px;*/
	border: 1px solid #DCDCDC;
}
#colonne3{
	float:right;
	padding:10px;
	width:230px;
	/*height: 200px;*/
	border: 1px solid #DCDCDC;
	margin-right: 20px !important;
	margin-right: 10px;
}


/*******************************************************/
/* TITRES */
.sous-titre{
	font-size: 14px;
	color:#00837E;
	padding: 0px 0px 10px 0px;
}
.sous-titre-cel{
	font-size: 14px;
	color:#333333;
	padding: 0px 0px 0px 0px;
}
.sous-titre-ital{
	font-size: 14px;
	color:#333333;
	font-style:italic;
	font-weight:normal;

}

.mini-font{
	font-size: 10px;
	}

/*******************************************************/
/* TABLO ACCESSOIRES */
.infotech td{
	padding: 5px 5px 10px 5px;
	background-color:#EAEAEA;
}

.bt{
	padding: 0px 0px0px 0px;
	color:#FFFFFF;
	background-color:#333333;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	width: 100%;
}

/*******************************************************/
/* MENU DU BAS */
.contenu-menu-bas{
	background-image:url(../img/commun/bg_bando_bas.gif);
	background-repeat:repeat-x;
	width:100%;
}
.menu-bas{
	margin:0 auto;
	width:916px;
}

/* bloc informations */
.bloc-infos{
	float:left;
	margin-top:23px;
        margin-left:67px;
	width:203px;
}
/* menu rubriques et partie juridique */
.menu-juridique{
	float:right;
	margin:15px 25px 0px 0px;
	border-right:1px dotted #CECECE;
	padding-right: 15px;
	text-align: right;
	height: 90px;
        width:90px;
}
.menu-rub{
        float:right;
	border-right:1px dotted #CECECE;
	padding-right: 15px;
	text-align: right;
	height: 90px;
	margin:15px 55px 0px 0px !important;
        width:90px;
}

.menu-juridique li,
.menu-rub li{
	list-style-type: none;
	height:16px;
        font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:10px;
	color:#FFFFFF;
}
.menu-juridique li.lien-juridique-on,
.menu-rub li.lien-rub-on{
	list-style-type: none;
	height:16px;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:10px;
	color:#FFFFFF;
}
.menu-juridique li a,
.menu-rub li a{
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:10px;
	color:#CECECE;
	text-decoration:none;
}
.menu-juridique li a:hover,
.menu-rub li a:hover{
	color:#FFFFFF;
}
/* menu support abonnes et lettre d'infos */
.menu-supinfos{
	float:right;
	margin-top:16px;
        margin-right:80px;
	padding:0px;
}

.menu-supinfos li{
	list-style-type: none;
}
.menu-supinfos a.lien-support{
	display:block;
	margin-bottom:10px;
	text-decoration:none;
	height:17px;
	width:98px;
}
.menu-supinfos a.lien-support:hover{
	color:#000000;
}
.menu-supinfos a.lien-lettre{
	display:block;
	margin-bottom:10px;
	text-decoration:none;
	height:17px;
	width:82px;
}

.menu-supinfos a.lien-lettre:hover{
	color:#000000;
}
/*******************************************************/
/* ENCART AUTRES REFERENCES */
.autre-ref,
.log-cms{
       float:left;
       width:646px;
       overflow: hidden;
       color:#CECECE;
       padding:20px 20px 20px 20px;
       margin:20px 0px;
       font-size:10px;
       font-family:"Trebuchet MS", Arial, Helvetica;
       background-color:#4B4940;
       height:390px;
       border-top:1px solid #69675F;
       border-left:1px solid #69675F;
       border-bottom:1px solid #3A3831;
       border-right:1px solid #3A3831;
}
.log-cms{
       width:165px;
       margin:20px 0px 20px 20px!important;
       margin:20px 0px 20px 10px;
}
.autre-ref ul,
.log-cms ul{
       margin:0px;
       padding:2px 0px 0px 15px;
}
.autre-ref li,
.log-cms li{
       list-style-type:none;
       line-height:11px;
}
.autre-ref h1,
.log-cms h1{
       color:#CECECE;
       padding:0px 0px 10px 0px;
       font-size:12px;
       font-weight:bold;
       font-family:"Trebuchet MS", Arial, Helvetica;
}
.autre-ref h2,
.log-cms h2{
       color:#CECECE;
       font-size:12px;
       font-weight:bold;
       font-family:"Trebuchet MS", Arial, Helvetica;
}
.autre-ref a,
.log-cms a{
        font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:10px;
	color:#CECECE;
	text-decoration:none;
        font-weight:normal;
}
.autre-ref a:hover,
.log-cms a:hover{
        color:#FFFFFF;
}
/*******************************************************/
/* COPYRIGHT */
.copyright{
	text-align:center;
	height: 16px;
	line-height: 16px;
	color: #CECECE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 15px 0 10px 0;
}
.copyright a{
	font-size: 10px;
	color:#CECECE;
}
.copyright a:hover{
	color:#000;
}
/*****************************************************/
/* BLOC POUR LES INFOS LEGALES */
#info-legale{
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 37px;
	padding:20px;
}
#info-legale{
	display:none;
	z-index:109;
	width:600px;
	background-color:#FFFFFF;
	filter:alpha(opacity=95);/* IE*/        
    -moz-opacity:.95;/* Mozilla*/   
    opacity:.95; /*générale*/
	border:solid 1px #888888;
	margin-left: -300px; /* div ramené de 400 pixels sue la gauche pour etre centré */
	width:600px;
	voice-family:"\"}\"";/* pour que IE applique le bon positionnement */
	voice-family:inherit;	
	margin-left: -280px;
	width:560px;
}

html>body #info-legale{
	margin-left: -280px;
	width:560px;		
}

#info-legale .copyright-legale{
	border-top:solid 1px #888888;
	height:30px;
	line-height:30px;
	text-align:right;
	font-size:11px;
	margin-top: 15px;
}
#info-legale .logo-legale{
	border-bottom:solid 1px #888888;
	margin-bottom: 15px;
	padding:0px 0px 10px 0px;
}
#info-legale .logo-legale h1.titre-legale{
	color: #888888;
	font-size:16px;
	font-weight:bold;
}
/* End of 'commun' */

/* Start of CMSMS style sheet 'rub' */
/* CSS Document */

/* CONTENU TEXT GENERAL */
.contenu-text-gen{
	padding:50px 40px 40px 40px;
	
}

/* CONTENU TEXT MINI COL */
.contenu-mini-col{
	padding:50px 20px 20px 20px;
	
}
h1{
	font-size:18px;
	font-weight:bold;
	color:#6F6C6C;
	margin-bottom: 10px;
}

h2{
	font-size:14px;
	font-weight:bold;
	color:#6F6C6C;
	margin-bottom: 10px;
}

/* CONTENU TEXT SOLUTION */
.contenu-text-soluce{
	padding:0px 0px 0px 0px;
	
}

/*******************************/
/* SEPARATEUR */
.separateur-gen{
	margin:10px 0px;
	height:1px;
	font-size:2px;
	border-top-style: dashed;
        border-top-color: #CACACA;
	border-top-width: 1px;
}
.separateur{
	margin:15px 15px;
	height:1px;
	font-size:2px;
	border-top-style: dashed;
        border-top-color: #CACACA;
	border-top-width: 10px;
}
/*******************************/
/* RUBRIQUE PARTENAIRES */
.bloc-partenaires-argumentaire{
	margin:0px 15px 20px 15px;
}
.bloc-partenaires{
	margin:0px 15px 0px 15px;
}
.bloc-partenaires h1.titre-partenaires,
.bloc-partenaires-argumentaire h1.titre-partenaires{
	font-size:14px;
	font-weight:bold;
	color:#232936;
	margin-bottom: 5px;
}
.bloc-partenaires p{
	font-size:12px;
	color:#000000;
}
/*******************************/
/* RUBRIQUE CONTACT */

/* CONTENU COL  CONTACT*/
.contenu-col-contact{
	padding:40px 20px 20px 20px;
	
}


h1.titre-contact{
	font-size:14px;
	font-weight:bold;
	color:#232936;
	margin-bottom: 10px;
}
h2.fonction-contact{
	font-size:11px;
	font-weight:bold;
	color:#232936;
}
p.text-contact{
	padding-left:10px;
	font-size:10px;
	color:#000000;
}
p.text-contact img{
        border:1px solid #B1AFB0;
}
/**************/
/* FORMULAIRE */
/**************/
.table-form{
	font-size:11px;
}
/* BUG IE5.5*/
@media tty {
   i{content:"\";/*" "*/}}@m; .table-form{width:86%;} /*";}
   }/* */


.table-form td{padding:2px 5px 2px 0px}
.table-form .libelle{
	text-align:right;
	font-weight:bold;
}
.table-form textarea,
.table-form select ,
.table-form input { font-size:11px; border:1px solid #B8C2CD;}
.table-form textarea{width:200px;}
/* End of 'rub' */

/* Start of CMSMS style sheet 'encart' */
/*-------------encart open source logo -------*/
.open-source{
      width:280px;
       text-align:center;
}
/*.open-source{
      width:250px;
       text-align:center;
}*/

/* End of 'encart' */