* { margin:0; padding:0; border:0; }
	
html, body {
	height: 100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #636567;
	text-decoration: none;
	text-align: justify;
/*   text-align: center; pour corriger le bug de centrage IE */
}

p {
	margin-top: 5px;	
}

#container
{
width: 955px;
margin: 10px auto;
background-color: #fff;
background: url(http://www.altran-ouest.fr/images/container_middle.gif) repeat-y left top;
}

#container_top {
	width: 955px;
	height: 10px;
	background: url(http://www.altran-ouest.fr/images/container_top.gif) no-repeat left top ;
}
#container_bottom {
	width: 955px;
	height: 10px;
	background: url(http://www.altran-ouest.fr/images/container_bottom.gif) no-repeat left bottom;
}

#header
{
	width: 915px;
	height: 215px;
	background: url(http://www.altran-ouest.fr/images/img_header_01.jpg) no-repeat left top;
	margin-left: auto;
	margin-right: auto;
	margin-top: -4px;
}
/* all navigator except IE PC */
*>#header {
margin-top: 0px;	
}

/*--------------------- MENU_TOP */
#menu_top {
	position: relative;
	width: 915px;
	height: 20px;
	margin-bottom: 11px;
	margin-left: 20px;
	margin-top: 5px;
	background: url(http://www.altran-ouest.fr/images/menu_top1.gif) no-repeat left top;
}

#menu_top, #menu_top a, #menu_top p {
	font-family: Tahoma ,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	padding: 0 15px 0 15px;
}
ul.menu_top1 {
}
ul.menu_top1 li {
	line-height: 20px;
	display: inline;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-left: -5px;
}

#menu_top li:hover, #menu_top a:hover, #menu_top p:hover, #menu_top a.selected{
	background-color: #bc004f;
	padding-top: 4px; /* IE il faut 3*/
	padding-bottom: 4px;
}
/* all navigator except IE PC */
*> #menu_top li:hover, #menu_top a:hover, #menu_top p:hover, #menu_top a.selected{
	padding-top: 3px;
}


/*-------------- Menu Left*/

#menu_left
{
	float: left;
	margin: 0 0 0 12px; /* PB attention si float : IE(Float + Margin) 10*2 */
	background-color: #7E9ED2;
	padding: 20px 0 40px 0;
	height: 450px;
	width: 168px;
	text-align: left;
	text-transform: none;
	background-image: url(http://www.altran-ouest.fr/images/arrondi-bd.gif);
	background-repeat: no-repeat;
	background-position: bottom right;

}
/* all navigator except IE PC */
*>#menu_left {margin: 0 0 5px 24px;}

#menu_left, #menu_left a, #menu_left p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#menu_left a:hover, #menu_left p:hover,#menu_left a.selected {
	font-weight:bold;
	color: #BC004F;
}

ul.menu_left1 li {

	line-height: 24px;
	text-indent: 15px;
	list-style: none;
}

ul.menu_left2 {
display: none;
}
ul.menu_left2 li {
	margin-left: 20px;
	/*background: url(http://www.altran-ouest.fr/images/chip_grey.gif) no-repeat left center;*/
	background: url(images/grey_square.GIF) no-repeat left center;
	line-height: normal;
	list-style: none;
}

/*-------------------- Fenetre de contenu */
#frame {
	float: left;
	margin: 0 0 0 5px;
	width: 557px;
	height: 500px;
	
}
/* all navigator except IE PC */
*>#frame {
	width: 557px;
	height: auto;
	min-height: 500px;
}

#frame_content {
	height:510px;
	width: 557px;
	
}
/* all navigator except IE PC */
*>#frame_content {
	height: auto;
	min-height:510px;
	width: 557px;
}

/*-------------------------- Pied de Page*/
#footer {
   clear: both;
	width: 915px;
	height: 20px;
	margin: 2px 20px 5px 25px;
	background: url(images/menu_top1.gif) no-repeat left bottom;
}

#footer, #footer a, #footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	text-transform: none;
}

#footer a, #footer p {
	background: url(http://www.altran-ouest.fr/images/star_blue.gif) no-repeat center left;
	margin-right: 20px;
}

#footer a:hover, #footer p:hover { 
	background-color: transparent;
	text-decoration: underline;
}

ul.footer_lst {
	text-align: right;
	margin-right: 40px;
}
ul.footer_lst li {
	line-height: 20px;
	display: inline;
}

/*----------------- EDITO d'Acceuil */
/*-------------- Menu Left*/

#edito
{
	float: left;
	margin: 0 0 5px 10px; /* PB attention si float : IE(Float + Margin) 10*2 */
	background-color: #a3a4a4;
	padding: 20px 0 40px 0;
	height: 420px;
	width: 200px;
	text-align: left;
	text-transform: none;
	padding: 15px;
	
	background-repeat: no-repeat;
	background-position: bottom right;
}
/* all navigator except IE PC */
*>#edito {margin: 0 0 5px 20px;}

#panel1 {
	
	float: left;
	margin: 0 0 0 12px; /* PB attention si float : IE(Float + Margin) 10*2 */
	
	height: 420px; 
	width: 205px;
	text-align: left;
	text-transform: none;	

	background-repeat: no-repeat;
	background-position: bottom right;
}

/* all navigator except IE PC */
*>#panel1 {margin: 0 0 0 24px;}

#panel2{
	
	float:left; 
	height: 420px; 
	width: 520px; 
	margin-left:5px;
}

#panel2 #altitude{
	float:left;
	height: 158px; 
	width:243px; 
	background-color:#f0f0f0; 
}

#panel2 #rencontre{
	float:left; 
	margin-left:5px;
	height: 155px; 
	width:270px; 
	background-image: url('images/team.jpg'); 
}

#actu_frame{
	float:left; 
	width:176px; 
	margin-left:5px;
}

#actu_frame #frame_content2{
	height:410px;
	width:176px; 
}

#edito1 {
	background-image: url(images/arrondi-bd.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#edito1 h1{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding-left:5px; 
	color: #004991;
	text-decoration: none;
}

#edito1 b{
	font-size: 28px;
}

#fondation h1{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #004991;
	padding-left:5px;
	text-decoration: none;
}

#fondation b{
	font-size: 28px;
}
#endro {
	background-image: url(images/arrondi-bd.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#endro h1{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding-left:5px; 
	color: #004991;
	text-decoration: none;
}

#endro b{
	font-size: 28px;
}

#altitude {
	background-image: url(images/arrondi-bd.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#altitude h1{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding-left:5px; 
	color: #004991;
	text-decoration: none;
}

#altitude b{
	font-size: 28px;
}

#rencontre h1{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
	color: #805DA5;
	text-align : center;
	text-decoration: none;
}

#rencontre a {
	font-size: 30px;
	font-weight: bolder;
	text-align : center;
	color : #FFFFFF;
   list-style-type: none;
}	


#edito h1{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #BC004F;
	text-decoration: none;
}
#edito p{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}

#edito p.sign, p.sign {
	text-align: right;
	font-weight: bold;
}

.infos
{
	float: left;
	margin: 0 0 5px 10px; /* PB attention si float : IE(Float + Margin) */
	
	
	padding: 15px;
	background-image: url(http://www.altran-ouest.fr/images/arrondi-bd.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
/* all navigator except IE PC */
*>.infos {margin: 0 0 5px 10px;}

.infos h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #0070bc;
	text-decoration: none;
	text-transform: uppercase;
}

.infos ul a {
	font-family: Arial, Helvetica, sans-serif;
	/*background-image: url(http://www.altran-ouest.fr/images/chip_blue.gif);*/
	background-image: url(images/BD14985_.GIF);
	font-weight: bold;
	color: #0070bc;
}
.infos ul li {
	margin-top: 10px;
   list-style-type: none;
}

.infos a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	color: #0070bc;

	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 15px;
}

a:hover {
	text-decoration:underline;
}

#map span {
	font-size : 1px;
}

#fondation {
	background-image: url(images/arrondi-bd.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}


a {
	color: #1F497D;
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:active {
	text-decoration:none;
}

a:hover {
	color: #1F497D;
	text-decoration:none;
	 text-decoration:overline underline ; 
	
}