/* CSS Document */
*{
	margin:0;
	padding:0;
	border:0;
}

body{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color:#fff;
}

#drapeau
{
position: absolute;
width: 100px; /* largeur à adapter, image + texte  */
height: 27px;
top: 30px;
right: 0px;
}

#drapeau img
{
vertical-align: middle;
margin-left:5px;
}


#page{
	width:760px;
	height:550px;
	position:absolute;
	left:50%;
	margin-left:-380px;
	top:20px;
}

html>body #page{

	height:auto;
	min-height:520px;
}

hr{
	position:absolute;
	clear:both;
	visibility:hidden;
}

/* ### TITRES ### */

h1{

	background-image:url(img/site/logo-axone-design2.gif);
	width:160px;
	height:60px;
	position:absolute;
	top:0;
	left:0;
} 

h1 span{

	display:none;
}

h2{

	margin-left:0.1em;
	color:#616c75;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:1em;
	height:1.6em;
	line-height:1.6em;
	border: 0.1em solid #b0b5ba;
	padding-left:0.5em;
}

a{	/*Les liens*/
	color:#c8cccf;
	text-decoration:none;
	}

a:hover{	/* Les liens au survol */
	color:#616c75;
	}

/* ############# */
/* ### MENUS ### */
/* ############# */

#menu_principal{

	background-color:#626c75;
	height:23px;
	width:555px;
	line-height:23px;
	position:absolute;
	left:0;
	top:60px;
	
}

#menu_secondaire{

	height:32px;
	width:100%;
	line-height:32px;
	border-bottom:1px solid #616c75;
	position:absolute;
	top:83px;
	left:0;
}

#menu_principal a,
#menu_secondaire a{

	display:block;
	float:right;
	font-weight:bold;
	color:#c8cccf;
	font-size:85%
}

#menu_principal span,
#menu_secondaire span{

	display:block;
	float:right;
	visibility:hidden;
}

#menu_principal a{

	background: url(img/site/carre_menu_principal.gif) no-repeat scroll center bottom;
	margin: 0 35px 0 40px;
	color:#b0b5ba;
	font-size:90%;
	text-transform:uppercase
}

#menu_principal a:hover{

	color:#fff;
}

#menu_secondaire a{

	background: url(img/site/carre_menu_secondaire.gif) no-repeat scroll center bottom;
	margin: 0 45px 0 45px;
	padding-right:20px;
	font-size:80%;

}

#menu_secondaire a:hover{

	color:#616c75;
}

#menu_secondaire div{

	position:absolute;
	right:205px;
	bottom:0;

}
/* ########################## */
/* ### CARRE REALISATIONS ### */ 
/* ########################## */

#carre_rea{
	
	position:absolute;
	top:60px;
	left:555px;
	width:205px;
	height:40px;
}
/*html>body #carre_rea{

	width:195px
}*/

#carre_rea h2,
#carre_rea select{

	margin-left:0.1em;
	color:#616c75;
	font-weight:bold;
	border:0.1em solid #b0b5ba;
}

#carre_rea h2{

	text-transform:uppercase;
	font-size:90%;
	height:1.6em;
	line-height:1.6em;
	padding-left:0.5em;
	margin-bottom:0.1em;
}

#carre_rea select{

	width:100%;
	font-size:80%; /* Taille de Police FORMULAIRE REALISATIONS */
        background-color:#C6CACD;
}

/* ############### */
/* ### CONTENU ### */
/* ############### */
#contenu_gauche,
#contenu_droite{

	top:125px;
	position:absolute;
	height:450px;
	font-size:90%; /* Taille de Police GENERALE */

}
html>body #contenu_gauche,
html>body #contenu_droite{

	height:auto;
	min-height:450px;
	
}

#contenu_gauche{

	width:560px;
	left:0;
}


#contenu_gauche img{

	margin-top:20px;
}

#contenu_droite{
	
	width:235px;
	border-left:1px solid #616c75;
	background: url(img/site/barre_bas.gif) no-repeat scroll left bottom;
	padding-left:10px; /* Marge Gauche colonne de Droite. */
	position:absolute;
	z-index:20;
	left:560px;
}
/*html>body #contenu_droite{
	margin-left:560px;
}*/


/* #################### */
/* ### PIED DE PAGE ### */
/* #################### */

#footer{

        border-top:1px solid #616c75;
        width:760px;
        height:45px;
        position:absolute;
        top:650px;
        left:50%;
        margin: 20px 0 0 -380px ;
        background: url(img/site/copyright.gif) no-repeat scroll 580px 5px;
}