/*******************************
	TEMPLATE CSS COMMUN
*******************************/




/*****************************
      BALISES COMMUNNES
******************************/
body {
	font-family: "Trebuchet MS";
	font-size: 10px;
	margin: 0;
	padding: 0;
	background-color:#747474;
}
a{
	color:#0000FF;
	text-decoration:none;
}
a:hover{
	color:#000079;
}
img {
	border:0px;
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ul,blockquote,img {
	margin: 0;
	padding:0;
}
.texte-optimise{
	display:none;
}
.cleaner{
	clear:both;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow: hidden;*/
	font-size: 1px;
}
.min-height{width:1px;float:left;height:410px;}

.div-detection-flash{height:150px;margin:0px;font-weight:normal;text-align:center;width:auto;padding:10px;}
.div-detection-flash {
	height:100px;
	voice-family:inherit;
	voice-family:"\"}\"";
	height:80px;
}
html>body .div-detection-flash {
	height:80px;
}
/* FORMULAIRE */
input.textfield,
textarea,
input.button{
	font-size:10px;
}


/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
#contenu-page{
	position: absolute;
	left: 50%;
	margin-left: -380px;
	/*z-index: 101;*/
	top:251px;
	width:761px;
}
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
#entete{
	position: absolute;
	left: 50%;
	margin-left: -380px;
	/*z-index: 100;*/
	top:0px;
	width:761px;
}

/**********/
/* ENTETE */
#logo{
	height:126px;
	background-image: url("../img/commun/logo.jpg");
	background-repeat:no-repeat;
}

#logo .lien-index{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:300px;
	height:126px;
}
#mini-logo{
	margin-top:10px;
	height:76px;
	background-image: url("../img/commun/mini_logo.jpg");
	background-repeat:no-repeat;
	background-position: 20px;
}
#logo-print{
	display:none;
}
#btn-login{
	top:42px;
	right:30px;
	position:absolute;
}

/*************/
/* MENU HAUT */

#menu-haut{
	position:relative;
	text-align:right;
	padding-right:32px;
	background-color:#005BAB;
	border-top:1px solid #2C6DA4;
}
#menu-haut{
	line-height:24px;
	height:24px;
	voice-family:"\"}\"";
	voice-family:inherit;
	line-height:23px;
	height:23px;
}
html>body #menu-haut{
	line-height:23px;
	height:23px;
}
#menu-haut #version-langue{
	width:90px;
	text-align:left;
	position:absolute;
	left:71px;
	display:block;
	top:0px;
}
#menu-haut input {
	font-size: 10px;
	line-height: 12px;
	border: 0;
	padding-bottom: 0px;
	margin-top: 3px;
}

#menu-haut,
#menu-haut a,
#menu-haut #version-langue{

color:#8CB5D9;
}
#menu-haut a:hover,
#menu-haut a#version-langue:hover{
color:#D7E6F2;
}

/*********/
/* VISUEL */
#visuel{
	background-color:#FFFFFF;
	height:101px;
}
/************/
/* MENU BAS */

#menu-bas{
	background-image: url("../img/commun/liseret_menu_bas.gif");
	text-align:center;
}

#menu-bas,
#menu-bas a{
background-color:#FFFFFF;
line-height:21px;
height:21px;
color:#929595;
}
#menu-bas a:hover{
color:#000000;
}
/*************/
/* COPYRIGHT */

#copyright{
text-align:center;
background-color:/*#747474*/#FFFFFF;
/*margin-bottom:20px;*/
}

#copyright,
#copyright a{
height:21px;
line-height:21px;
color:/*#FFFFFF*/#747474;
}
#copyright a:hover{
color:/*#E9E9E9*/#000000;
}


/*  SOUS MENU */
#btn-ss-rubrique{
	background-image:url("../img/commun/liseret_colone_societe.gif");
	background-repeat:repeat-x;
	background-position:bottom right;
	text-align: center;
	background-color:#FFFFFF;
}
#btn-ss-rubrique, 
#btn-ss-rubrique a{
	background-color:#FFFFFF;
	height:28px;
	line-height:28px;
	color:#747474;
	font-size: 12px;
}
#btn-ss-rubrique a{
	padding-left:10px;
	padding-right:10px;
}
#bloc-texte {
height: 100%;
	background-repeat:repeat-x;
	background-position:left top;
	padding:0px;
	padding-top:30px;
	padding-bottom:30px;
	font-size:11px;
	padding-left:30px;
}
#bloc-texte h1{
	font-size:18px;
	line-height:20px;
	margin-bottom:20px;
}
#bloc-texte h2{
	line-height:16px;
	font-size:14px;
}
#bloc-texte p{
	line-height:13px;
	font-size:11px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#bloc-texte #bloc-droite ul{
	margin-left:30px;
}
#bloc-gauche{
	background-image:url("../img/commun/bg_logo_filaire.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:300px;
	padding:0;
	overflow:visible;
	width:190px;
	float:left;
	
}
#bloc-gauche p{
	padding:160px 0px 0px 15px;
	color:#777776;
	font-size:13px;
}
#bloc-gauche span{
	font-size:16px;
	font-weight:bold;
}
#bloc-droite{
	height: 100%;
	margin-left:220px;
	border:1px solid #B9B9B9;
	background-color:white;
	padding:25px;
	/*display:block;*/
	margin-right: 60px;
}

/* MENU DOWNLOAD */
#bloc-gauche ul#menu-download{
	list-style-type:none;
	margin-top:20px;
	margin-left:8px;
	margin-right:0px;
}

#bloc-gauche ul#menu-download li{

	font-size:11px;
	/*height:20px;*/
	/*line-height:20px;*/
}
#bloc-gauche ul#menu-download li.liseret{
	border-bottom:1px dashed #747474;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-top:10px
	margin-top:10px;
}
#bloc-gauche ul#menu-download li.titre{
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
}

#bloc-gauche ul#menu-download li a{
	color:black;
}
#bloc-gauche ul#menu-download li a:hover{
	color:#747474;
}
/* MENU DE GAUCHE */
#bloc-gauche ul#lien-sous-rubrique{
	font-size:11px;
	width:190px;
	/*margin-left:15px;*/
	list-style-type:none;
	margin-top:70px;
}

#bloc-gauche ul#lien-sous-rubrique li{
	text-align:right;
	margin:0px;
	font-size: 14px;
	line-height:16px;
	padding:5px 0px 5px 0px;
}
#bloc-gauche ul#lien-sous-rubrique li a {
	color:black;
	font-size: 14px;
	line-height:16px;
}
#bloc-gauche ul#lien-sous-rubrique li a:hover{
	color:#747474;
} 
#bloc-gauche ul#lien-sous-rubrique li.titre{
	font-size:14px;
	line-height:16px;
	font-weight: bold;
	padding-bottom: 10px;
}
#bloc-gauche ul#lien-sous-rubrique li.liseret{
	padding:0px;
	height:0px;
	line-height:0px;
	font-size:1px;
	margin:0px;
	/*background-color:#0000FF;*/
	border-top: 1px dashed #747474;
}




/*********************/
/* Fond formulaire   */
/*********************/
.fond-gris{
	background-color:#FAFAFA;
}
.fond-gris em{
	padding-left:25px;
	display:block;
}
/**********************/
/*  BLOC NEWSLETTER   */
/**********************/
#bloc-newsletter {
	margin-top:75px;
	margin-left:-30px;
	width:180px;
	border:1px solid #B9B9B9;
	background-color: #FFFFFF;
}
#bloc-newsletter .form-input-field {
	width: 110px;
}
#newsletter-texte table{
	margin-right:auto;
	margin-left:auto;
	background-color: #FFFFFF;
}
#newsletter-texte td {}
#newsletter-texte {
	padding:0px 7px 15px 7px;
	text-align:center;

}
#newsletter-titre {
	text-indent:30px;
	padding-top:12px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	line-height:17px;
	font-weight:bold;
	font-size: 12px;
	background-position:10px 7px;
	background-image:url("../img/commun/newsletter.gif");
	background-repeat:no-repeat;
}
#newsletter-texte td {
	text-align:left;
	padding:2px;

	background-color: #FFFFFF;
}
#newsletter-texte td.label{
	text-align:right;
	padding:2px;
	background-color: #FFFFFF;
}
#newsletter-texte td.btn{
	padding-top:7px;
	text-align:center;
}

.lien-newsletter{
	margin-left:0px;
	padding-left: 30px;
        padding-right: 30px;
	background-repeat:no-repeat;
	background-image: url('../img/commun/newsletter.gif');
	background-position:0px 2px;
}








/* fin css */


