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


/*
bleu foncé 273340

 */

html, body
{
    	font-family: ITC Avant Garde Gothic, Avant Garde, Arial, Helvetica, Serif;
    	font-size: 11px;
    	font-weight: normal;
    	color: #777777;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	height: 100%;
    	max-height: 100%;
	text-align:center;
	background-color:#000;
}
a { text-decoration: none; outline-style:none;} /* enleve le pointillé rouge dans firefox */
a:hover { text-decoration: underline;}

* {outline: none;}/*  Enlever le bug bleu de safari */

ul, li {margin:0;padding:0;list-style:none; list-style-image:none;} /* Reset les listes */
 

img { border: none; display: block;} /* Pour ne pas qu'il y aie un espace sous les images*/
h1, h2, h3
{
    font-size: 1em;
    margin: 0;
}

h2{font-size:1.6em;font-weight:normal;color:#777;}

/* Bon à savoir */
a.info:hover{z-index:25; background-color:#ff0;}
a.info span{display: none;}

.wrapper {position:relative;min-width:955px;}
.bold{font-weight:bold;}

/* pour centrer la div principale*/
#divcentrale {
	margin: 0 auto;
	width: 955px; background-color:#000;} /* largeur du contenu */
#header { background-image:url(../../images/slice.jpg); background-repeat:repeat-x; background-position:0px 14px; margin-top:20px;height:601px;}
.home #header {margin-top:20px;}
    #top {margin:0 auto;width:885px;height:267px;}
    .home #top{width: 955px; height:540px;}
    #banner {background:url(../../images/fond_transparent2.png) no-repeat;height:267px;position:relative;}
    #menutop{height:90px; margin-bottom:-40px;margin-top:-1px;background-image:url(../../images/slice_menu.jpg); background-repeat:repeat-x; font-size:13px;}
    .home #menutop {margin-bottom:-40px;}
         #menutop li {float:left;margin-right:10px;height:90px;}
         #menutop a {display:block;color:#fff;padding:40px 2px 0 15px;height:50px;}
          #menutop a:hover {color:#fff; text-decoration:none;}
         #menutop .back1 {background:url(../../images/bout_slice.png) no-repeat right 40px;}
         #menutop .back2 {background:url(../../images/onglet_slice.png) no-repeat left 40px;margin-right:12px;}
         #menutop ul {display:block;width:863px;margin:0 auto 0 auto;}
         .home #menutop ul {width:900px;}
         *+html .home #menutop ul {width:864px;}
		 
		 #menutop li.active .back1 {background-position: right 10px;}
		 #menutop li.active .back2 {background-position: left 10px;}
         #btn-pantheon{ background:url(../../Images/btn-pantheon.png) no-repeat; width:348px; height:80px; padding-top:20px; padding-left:90px; text-align:left; color:#fff; }
         #btn-pantheon p{margin:0; padding:0; margin-top:5px;}
         #btn-pantheon a{color:#fff; }
         #btn-pantheon a.nounder:hover{ text-decoration:none;}
    
#contenu {overflow: hidden;}/* le overflow permet à un fond de s'étirer jusqu'en bas de la DIV */
	#sousmenu{margin:0; padding:0; width:160px; margin-top:60px; margin-left:80px; font-size:13px; color:#fff; overflow:hidden;}
	.sousmenu_case{width:160px; height:25px; text-align:left; padding-top:8px; padding-bottom:15px; padding-left:15px; border-bottom:1px dashed red;border-left:1px dashed red;}
	.sousmenu_case a{color:#fff; display:block;width:160px; height:25px;}
	.sousmenu_case a:hover{color:#fff; text-decoration:none;}
	.sousmenu_case:hover{ background-color:red; color:#fff;}
	#sousmenu .hover{ background-color:#DE0005;}
	#colonnedroite {width:610px;padding:0 0 120px 0;margin:20px auto 0 auto;background:#2e2e2e;text-align:left;}
	#colonnedroite.service {float:right; margin-right:70px;}
	.home #colonnedroite {margin:20px 38px 0 0;float:right;padding-bottom:40px;}
	#innerColonneDroite {padding:40px 60px 0px 60px;}
	.home #innerColonneDroite {padding-top:0;}
	#colonnedroite p { font-size:13px; color:#fff;}
	#colonnedroite li {font-size:13px;color:#fff; line-height:1.8em; background:url(../../images/7.gif) no-repeat 0 8px;left:0; top:3px; padding-left:20px;}
	#colonnedroite a {font-size:13px;color:#fff;}
	


#footer { background-color:#1a1a1a; margin:0; padding:0; overflow:hidden; height:300px;}
#barre_grise { background-color:#4d4d4d; height:50px;}
#menufooter tbody tr td{ padding-left:30px;}
#menufooter tbody tr td a{text-decoration:none; color:#fff;}
#menufooter tbody tr td a:hover{text-decoration:underline; color:#fff;}
#menufooter tbody tr td a:visited{color:#fff;}
.footer_table{display:inline-block; margin-top:30px; color:#fff;}
*+html .footer_table {display:inline;}

.footer_table a{ color:#fff;}
.footer_table a:visited{ color:#fff;}
.dashed{border-right:1px dashed gray; padding-left:15px; padding-right:15px; text-align:center; }
.titre_footer{font-size:14px;}
#tableaux{margin-top:30px;}

#copyright {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#ffffff; margin-top:20px;}

.icone {width: 354px;height: 34px;}

/* rollover */
.rollOver{display: block;background-repeat: no-repeat;background-position: 0 0;float: left;}
.rollOver:hover{background-position: bottom right;}
.rollOver span{display: none;}

/* CLEAR FIX pour régler les problemes de float, mettre sur la div conteneur */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}