/* Reset */
/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin: 0; 
  padding: 0; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex:  */ 
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  font-size: .8em; /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
  color: black; 
  background: white; 
} 

/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link { 
  color: #11C; 
} 
a:visited { 
  color: #339; 
} 
a:hover, a:focus, a:active { 
  color: #00F; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}



/* Layout */


#page{
width:990px;
margin: 0 auto;
}

/* Style */


@font-face {
	font-family: 'L2v';
	src: url('/font/l2v/l2v-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'L2v';
	src: local('☺'), url(/font/l2v/L2v.otf) format("opentype"), url(/font/l2v/L2v.svg) format("svg");
	font-weight: bold;
	font-style: normal;
	}



@font-face {
	font-family: 'PTSans';
	src: url('/font/ptsans/ptsans-bold-webfont.eot');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'PTSans';
	src: local('☺'), url(/font/ptsans/PTSans-Bold.ttf) format("truetype"), url(/font/ptsans/PTSans-Bold.svg) format("svg");
	font-weight: bold;
	font-style: normal;
	}

/* Menu */

div#menu ul {
             padding: 0;
             margin:0px;
			 
            }

div#menu ul li {
                position:relative;
                list-style: none; 
				background-color:#01aaad;
				padding:5px 2px 4px 15px;
				margin: 0 3px 0 3px;
               }

div#menu ul li.first{
				padding:5px 15px 4px 15px;
				margin: 0 2px 0 0px;
               }			   
div#menu ul li.last{
				padding-right:4px;
               }			   


div#menu ul ul {
                position: absolute;
                top: 25px;
                left: 0px;
				z-index:88;
				zoom:1;
               }   
.mtp-show{
width:25px;
height:18px;
display:inline-block;
background: transparent url(/imagerie_v2/home/sprite/sprite-home-2.png) 0px -79px;
}
		   
ul.mtp-niveau-1 li.sousmenu:hover ul.mtp-niveau-2
 {
    display:block;
	z-index:89;
}

ul.mtp-niveau-1 li{
display: inline;
}
ul.mtp-niveau-2{
                position: absolute;
                top: 0;
                left: 100px;
                display:none;
				background-color:#FFF;
				width: 230px;
				z-index:89;
				border:1px solid #fefefe;
               }

div#menu  li.last ul.mtp-niveau-2{

                left: -122px;
               } 			   
div#menu ul.mtp-niveau-2 li{
position:relative;
display: block;
margin: 4px;
background-color:#fff;
z-index:90;
}

div#menu ul li a{
font-family: 'PTSans', Verdana,sans-serif;
font-size: 15px;
font-weight:normal;
}
div#menu ul li a:link,
div#menu ul li a:visited{
color: #fff;
text-decoration: none;
}
div#menu ul li a:hover,
div#menu ul li a:active{
color: #fff;
text-decoration: underline;
}
div#menu ul li ul a{
font-family: Arial, Helvetica, FreeSans, sans-serif;
font-size:12px;
font-weight: normal;
text-transform: none;

}
div#menu ul li ul a:link,
div#menu ul li ul a:visited{
color: #01AAAD;
text-decoration: none;
}
div#menu ul li ul a:hover,
div#menu ul li ul a:active{
color: #01AAAD;
text-decoration: underline;
}
.mn-tp-item{
border-radius:6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
-khtml-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;

}
#appel-facebook{
position:absolute;
top: 80px;
right:0px;
z-index:99;
}
#appel-facebook a:link,
#appel-facebook a:visited{
width:53px;
height:200px;
display: block;
background: transparent url(/imagerie_v2/commun/facebook/appel-facebook.png) no-repeat 0px 90px;
}
#appel-facebook a:hover,
#appel-facebook a:active{
width:210px;
height:210px;
display: block;
background: transparent url(/imagerie_v2/commun/facebook/appel-facebook.gif) no-repeat 0px 0;
}
.tooltip {
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
#message-nl{
	display:none;
	background:transparent url(/imagerie_v2/commun/newsletter/nl_msg_bkgd.gif);
	height:34px;
	width:340px;
	position:absolute;
	left:-343px;
	z-index:84;
}
#message-nl p{
padding: 2px;
font-size:11px;
line-height: 13px;
color:#07A0A1;
}
#loader-nl{
	display:none;
	height:35px;
	width:35px;
	position:absolute;
	left:-44px;
	top:-5px;
	z-index:84;
}
#message-nl p{
	margin:0;
	padding: 2px 4px 4px;
}
#newsletter{
float:right;
}
#newsletter a{
padding: 1px 4px;
background-color:#e8e7e5;
border:1px solid #cccccc;
margin-left:4px;
text-decoration:none;
cursor: pointer;
border-radius:3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}
#newsletter a:link,
#newsletter a:active {
color:#000;
text-decoration:none;
}
#newsletter a:hover,
#newsletter a:visited {
background-color:#d8d8d8;
color:#000;
text-decoration:none;
}