@charset "utf-8";
/* CSS Document */

html {
	padding:O;
	margin:0;
	height:100%;
}

body {
	background: #fff url(../images/graph/bg_atesol.jpg) center top no-repeat;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding:0;
	margin:0;
	height:100%;
	font-size:80%;
}

h2 {
	padding:0px;
	color: #37529B;
	background:url(../images/graph/fond-titre.jpg);
	background-repeat:no-repeat;
	padding:2px 12px;
}

h3 {
	padding:0px;
	margin:3px;
}

h1 {

	/*background-left:url(../images/graph/fond-titre-left.jpg);*/
	color: #37529B;
}

p{
	padding:0px;
	margin:3px;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	background-color: #3d59a5;
	background-repeat:no-repeat;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	color: #FFFFFF;
	width:145px;
}

#sectionLinks a:hover{

	background-image: url(../images/graph/sectionlinkbgh.jpg);
	background-repeat:repeat-x;
	background-color:#ecb00d;
	font-weight: bold;
	text-decoration: none;
	color: #000000
}

td p{
	padding:5px;

}


/* --------------------------- */ 


#container {
	width:1003px; height:auto;
	margin:0 auto; padding:0;
}

#main {
	width:960px; height:auto;
	margin:0; padding:0 20px 0 23px;
}


#mainMenu {
	width:960px; 
	margin:0; padding:40px 0 0 0;
	list-style:none;
	background:url(../images/menus/bg_menu.gif) left top no-repeat;
	position:relative;
	z-index:10;
	vertical-align:bottom;
}

#header {
	position:relative;
	width:1003px; height:114px;
	z-index:1;
}

#content {
	width:960px; height:auto;
	margin:0 0 15px 10; padding:30px 0px 0 0px;
	min-height:460px;
	background-color:#FFFFFF;
	position:relative;
	z-index:5;

}

#devis {
	position:absolute;
	top:10px;
	right:44px;
	width:220px;
	margin:0;
	padding:0;
	text-align:center;
	z-index:100;
}

#devis a{
	font-size:14px;
	color:#FFF;
}


#fil_dariane {
	position:absolute; top:3px; left:10px;
	z-index:8;}

#fil_dariane a {
	font-weight:normal;
}




/* Pied de page -------------------------------------------------------------------------------------------- */
#pied {
	width:960px;
	margin:0 20px 0 23px; padding:13px 0 13px 0;
	vertical-align:bottom;
	font-size:11px;
	color:#37529B;
}


/* MENU -------------------------- */   

#menu, #menu ul /* Liste */     
{
       padding : 0;  /*pas de marge intérieure */
       margin : 0;  /*ni extérieure */        
	   list-style : none;  /*on supprime le style par défaut de la liste */
     line-height : 21px; /* on définit une hauteur pour chaque élément */
	 text-align:center; 
}

#sectionLinks ul
{
       padding : 0px;  /*pas de marge intérieure */
       margin : 0px;  /*ni extérieure */        
	   list-style : none;  /*on supprime le style par défaut de la liste */
     line-height : 21px; /* on définit une hauteur pour chaque élément */
	 	text-align:left; 
}

#sectionLinks li    
{
       padding : 0px;  /*pas de marge intérieure */
       margin : 0;  /*ni extérieure */        
	   list-style : none;  /*on supprime le style par défaut de la liste */
     	line-height : 21px; /* on définit une hauteur pour chaque élément */
	 	text-align:left; 
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		border-color:#45519a;
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */    
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 130px; /* largeur */
}

#menu a:hover /* Contenu des listes */
{
		background-image: url(../images/graph/menubgh.jpg);
		background-color:#ecb00d;
		background-repeat:repeat-x;/*???*/
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid;
		background:url(../images/graph/fond_menu.jpg); /* on met une bordure blanche à droite de chaque élément */
		background-color: #37529b; /*bleu*/
}

/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu li
{
        border-right: 1px solid; /* on met une bordure transparente à droite de chaque élément */
		border-left: 1px solid; /* on met une bordure transparente à droite de chaque élément */
		border-color:#45519a;
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* masquage */
		font-size:12px;
		
		
}


#menu li ul li /* Éléments de sous-listes */
{
       /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
	   border-bottom:1px solid;
	   background:#3d59a5;
		/*background:#7d8dbf; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
		background-repeat:repeat-x;
}

#menu li ul li a:hover/* Éléments de sous-listes */
{
       /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
				background-color:#ecb00d;
}

/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu li ul li                
{
        border-bottom : 1px solid; /* on met une bordure transparente en haut de chaque élément */
}


#menu li ul li:hover, #menu li.sfhover li ul li/* Sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
       	left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}



/*----------*/

#tab {
	position:relative;
	z-index:3;
	padding: 12px 25px 20px 12px;
}

#titre-TD {
	background:url(../images/graph/barretitre.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#FFF;
	text-align:center;

}

#liens-TD{
	background:url(../images/graph/barretitre.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#FFF;
	text-align:right;
	padding-right:5em;
}

#liens-TD a{
	color:#FFF;

}

#tabcontenu {
	background:url(../images/graph/fond_tab.jpg);
	background-repeat:repeat-y;
	background-position:center;
		
}

#news {
	background:url(../images/graph/fond-news.jpg);
	width:600px;
	height:100px;
	color:#1E2B82;
}

#ref {
	background:url(../images/graph/ref-fond.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:250px;
	height:76px;
}

#mini {
	color:#999;
	size:10px;
}

/*liens*/

a:link {
	color:#33C;
	text-decoration: none;
	border:0;
}
a:visited {
	color:#22B;
}
a:hover {
	color:#E88C11;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}