/****************
	Bandeau
****************/
.top {
position: relative;


}


titre { 
	width:190px;
}


#liens-bandeau {
	position: absolute;
	top: 0;
	left: 764px;
	width: 236px;
	height: 61px;
	font: normal 1em/1.4 verdana, arial, sans-serif;
	padding-top:0px
}
#liens-bandeau li {
	list-style-type: none;
	margin-left:22px;
}
#liens-bandeau a {
	color: #fff;
}

#visuel-bandeau1 { 
	position :absolute;
}




/***********************
	Menu Horizontal
************************/

#menu {
min-height:21px;
/*	background:#862453;	*/
padding:7px 0 0 80px;
}

#menu-outils {
	display: none;   /**** A RETIRER de la JSP ****/
}



#menu li {
	list-style-type: none;
	float: left;
	
}
#menu a {
display: block;
padding: 0 10px 0 10px;
font-size : 1em;
line-height: 1;
color: #fff;
border-left: 1px solid #fff;
text-decoration: none;
}

#menu a:hover, #menu a.hover {
text-decoration: underline;
}

#menu a.first-menu-item {
border-left: 0;
}




#services  {    /*** A RETIRER DE LA JSP ***/
display:none ;
}


/************************
	Colonne de gauche
*************************/
.left {
	padding-top:48px;
}

#public .left {
	padding-left:4px; /* test da margin-left: 7px */
}

.left h3 {
	background:#32236C;
	color:#FFFFFF;
	margin-left:4px;
	width:140px;
	font-size:1.1em;
	padding-left:4px;

}


#raccourcis {
	margin:0 0 0 4px;
	width:101px;
	height:18px;
	text-indent: -9999px;
}

#public #raccourcis {
	width:121px;
	height:19px;
	
}

#menu-sec {
	margin:0 0 0 4px;
	width:101px;
	padding : 2px 10px;
	color : #fff;
	font: normal 1em/1 verdana, arial, sans-serif;
	
}

.left ul {
	background : #fff;
	margin:0 0 15px 4px;
	width:148px;
	padding:5px;
}

.left li { 
	list-style-type:none;
	line-height:1;
	margin: 10px 0;
	list-style-position:outside;
}

#public .left li { 
	border-bottom:1px dotted;
	padding-bottom:10px;
	list-style-type:none;
	line-height:1;
	margin: 10px 0;
	margin-right : 30px;
	list-style-position:outside;
}

.left a { 
	font-family: arial, sans-serif;
	color: #231F20;
	text-decoration:none;
}

.ingenieurs-france {
	background : white;
	border : 1px solid #32236C;
	margin:0 0 20px 4px;
	width:158px;

	
}

.espace-membre{
	border:1px solid #32236C;
	margin:0 0 15px 4px;
	width:158px;
	background-color:#FFFFFF;
	padding-top:2px;
	
	}
#connexion, #deconnexion {

	padding:0 0px 0 0px;
}
#deconnexion {
	text-align:left;
	margin:0;
	padding-left:2px;
}
#deconnexion a {

	color:#FFFFFF;
	background-color:#251956;
	padding:0 2px;
	margin:2px;
	text-decoration:none;
}
#deconnexion a:hover {

	color:#251956;
	background-color:#A0C9E8;
	padding:0 2px;
	margin:2px;
	text-decoration:none;
}
#connexion label {
	display:none;

}
#connexion legend{
	color:#000000;
}
#connexion .champ-saisie {
	width:120px;
	margin:4px 2px 2px 4px;
	font-size: .95em;
	font-family: arial, sans-serif;
	padding: 2px;
}
#connexion .valider {
	margin:5px 0 5px 10px;
	font-size: .95em;
	font-family: arial, sans-serif;
}
#oublie {
	margin:5px 0 0 0;
}
#oublie a {
	color:#000000;
	text-decoration: none;
	padding-left:6px;
}
#oublie a:hover {
	text-decoration: underline;
}


/************************
	Colonne de droite
*************************/

.right { 
font-size: 0.95em;
}

.right-top {
border-top: 1px solid #332e44;
border-bottom: 1px solid #332e44;
}

.right-top-in {
padding: 3px 0 5px 20px;
border-right: 8px solid #ff6022;
}

.right-top .titre {
color: #332e44;
font-weight: 700;
font-size: 110%;
}

a.box-esp { 
display: block;
height: 10px;
width: 165px;
text-decoration: none;
margin-top: 10px;
}

a.box-esp span { 
display: none
}

.effacer, .valider {
	font-size:.95em;
	margin:5px 10px 10px 0;
	border:0;
	padding:2px;
	background: #B2DBED;
	cursor:pointer;
}
.valider:hover{
	background: #2C5CA6;
	color:#FFFFFF;}

.right li{
	font-style:normal;
	margin-left:7px;
}


/*********************************
	Zone Centrale
*********************************/
.outer {
	overflow:hidden;
	clear:both;
}
.center .liste-objets a{
font-weight:bold;}

.center {
font-size:100%;
margin-top:7px;
/*
padding-top: 5px;
border-top:1px solid #e6e1e4;
*/
}

#public .center {
margin-left:-17px; /*test da*/
padding-left:0px /*pour visu articles, enlever et placer autre part ?*/
}

 .center a:visited {
 color: #9187bc;
 }

h1 {
font-size: 1.65em;
color: #39276a;
font-weight: normal; 
font-family: "Trebuchet MS", verdana, arial, sans-serif;
margin: 0;
}

#public h1 {
font-size: 1.65em;
font-weight: bold;
font-family:  "arial", verdana, sans-serif;
color: #DDE155;
padding:11px;
}

h2 {
font-size: 1.4em;
color: #39276a;
font-family: "Trebuchet MS", verdana, arial, sans-serif;
margin: 0;
}


.ligne {
	overflow: hidden;
}


.conteneursousparagraphe {
	float:left;
}

.firstline {
border:0;
padding-top:0;
}

ul .liste-objets liste-actualites {
list-style-type: none;

}
.liste-articles {
list-style-type: none;

}
/*******************
	Pied de Page
********************/

.bottom { 
	position:relative;
	margin-top:0;
	font: normal 1em/1.2 verdana, arial, sans-serif;
	color: #fff;
	padding: 4px 0;
}

#public .bottom { 
	position:relative;
	margin-top:0;
	font: normal 1em/1.2 verdana, arial, sans-serif;
	color: #000;
	padding-top: 44px;
}

#membre .bottom { 
	position:relative;
	margin-top:0;
	font: normal 1em/1.2 verdana, arial, sans-serif;
	color: #FFFFFF;
	padding: 4px 0;
}

#public .bottom a, .bottom a:hover {
	color: #000;
	text-decoration:none;
}

.bottom a, .bottom a:hover {
	color: #fff;
	text-decoration:none;
}
.bottom a:hover {
	text-decoration:underline;
}
.bottom p {
	margin:.5px 0;
	padding-left:1em;
}
.bottom address {
	position:absolute;
	top:0.5em;
	left:560px;
}

#public .bottom address {
	top:4.5em;
}

.bottom address img {
	vertical-align: middle;
}

/*.actions {
	float : left;
	margin: 0 0 0 25px;
}*/

#haut-page {
margin-right:25px;
}
.bottom ul {
	margin-left:360px;
}
.bottom li {
	list-style-type: none;
	display:inline;
	margin-left:35px;
}
 
/**** Liste d'affichage ****/
.accesfiche-liste{text-decoration:none;
}

.div-liste {
margin: 0 ;
padding:10px 0;
clear:left;
border-bottom: 1px solid #CBADB5;
}

.div-liste a {
padding-left:0;
}

.img-liste {
float:left;
clear:left;
margin:0.3em 10px 0 0;
}

h4.titre-liste {
font-size:110%;
}

.resume-liste {
font-size:100%;
}

.date-liste {
color:#222e44;
}

.soustitre-liste {
margin-left:5px;
font-size:110%;
color:black;
}

.redac-liste {
font-size:110%;
font-style:italic;
color:#332e44;
}

/**** IE5 Mac ****/
*>html .top .ok {
position: absolute;
}

*>html #menu-outils a {
float: left;
}

*>html .ligne { clear: none;
float: left;
}

/**** Fin IE5 Mac ****/ 






/***** Styles Specifiques ******/
#institutionnel .wrapper {
	background: #fff url(../../images/institutionnel/filets.gif) repeat-y;
}
#institutionnel .wrapper-in {
	background: url(../../images/institutionnel/fond.gif) no-repeat;
}
#public .wrapper {
	background: #fff url(../../images/public/fond_fluide_1004px.png) repeat-y;
}
#public .wrapper-in {
	background: url(../../images/public/fond_flo.gif) no-repeat;
}
#membre .wrapper {
	background: #fff url(../../images/membre/filets.gif) repeat-y;
}
#membre .wrapper-in {
	background: url(../../images/membre/fond.gif) no-repeat;
}
/* Bandeau */


#public .top {
	height: 138px;
}
#institutionnel .top {
	height: 96px;

}

#institutionnel #visuel-bandeau1 {
	top:0px;
	left:191px;
	width:809px;
	height:95px;
}
#public #visuel-bandeau1 {
	position :absolute;
	top:64px;
	left:309px;
	width:691px;
	height:72px;
}


/*position label defi21 */
#visuel-bandeau {
	position :absolute;
	top:0px;
	left:838px;
	width:128px;
	height:128px;
	}


/* Menu */

#public #menu {
   padding:7px 0 0 302px;

}

#institutionnel #menu a.first-menu-item {
border-left: 1px solid #000;
}

#membre #menu a, #membre #menu {
	background:#222A5F;
}
#institutionnel #menu {
	min-height: 22px;
	/*padding:0 0 0 80px;*/
	padding:0 0 0 1px;
}
#institutionnel #menu a {
display: block;
height:32px;
padding: 0 10px 0 10px;
font-size : 1.2em;
line-height: 27px;
color: #fff;
border-right: 1px solid #000;
border-left: 0px;
text-decoration: none;
}

#public #menu a {
display: block;
height:32px;
padding: 0 10px 0 10px;
font-size : 1.2em;
line-height: 31px;
color: #fff;
border-right: 1px solid #000;
border-left: 0px;
text-decoration: none;
margin-top: -10px;
}

#institutionnel #menu a:hover,#institutionnel #menu a.hover {
text-decoration: none;
background :#000 url('../../images/institutionnel/bouton_barre.gif') repeat-x;
line-height: 32px;}

#public #menu a:hover,#public #menu a.hover {
text-decoration: none;
background :#bdc70e repeat-x;
line-height: 32px;}

/* Gauche */
#institutionnel #raccourcis {
	background: url(../../images/institutionnel/raccourcis.gif) no-repeat;
}
#public #raccourcis {
	background: url(../../images/public/raccourcis_green.gif) no-repeat;
}
#membre #raccourcis {
	background: url(../../images/membre/raccourcis.gif) no-repeat;
}

#institutionnel #menu-sec { /*** Raccourcis ***/
	background: #862453;
}
#public #menu-sec { 
	background: #dde155;
	border: none;
	border-bottom:0;
	padding-bottom:6px;
}
#membre #menu-sec { 
	background: #9C161E;
}




#institutionnel .left ul { /*** Raccourcis ***/
	border: 1px solid #862453;
}
#public .left ul { 
	border: none;
	background: url(../../images/public/etiquettebas.png) no-repeat;
	background-position:10px 0px;

}
#membre .left ul { 
	border: 1px solid #9C161E;
}

/* Droite */
#public .right { 
	margin-top: 12px;
}


/* Pied */
#public .bottom { 
	background: transparent url(../../images/public/pied_1004px.png) no-repeat scroll 0 0;
}
#institutionnel .bottom { 
	background: #000000 url(../../images/institutionnel/fond-pied.gif) repeat-x;
	height:28px;
}
#membre .bottom { 
	background: #AF2827 url(../../images/membre/fond-pied.gif) no-repeat 206px 0;
}
#membre .coins3 {
width:802px;
margin:auto;
background:#E4EFFF url(../../images/membre/coin5.png) no-repeat bottom center;
}