/************************************2 fonts utiliées en page événements***********************************/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 17, 2014 */
@font-face {
    font-family: 'zrnic_rgregular';
    src: url('polices/zrnic_rg-webfont.eot');
    src: url('polices/zrnic_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/zrnic_rg-webfont.woff') format('woff'),
         url('polices/zrnic_rg-webfont.ttf') format('truetype'),
         url('polices/zrnic_rg-webfont.svg#zrnic_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'MPMed';
    src: url('polices/maven_pro_medium-webfont.eot');
    src: url('polices/maven_pro_medium-webfont.eot?#iefix') format('eot'),
         url('polices/maven_pro_medium-webfont.woff') format('woff'),
         url('polices/maven_pro_medium-webfont.ttf') format('truetype'),
         url('polices/maven_pro_medium-webfont.svg#webfontNj5iy4Dl') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MPReg';
    src: url('polices/maven_pro_regular-webfont.eot');
    src: url('polices/maven_pro_regular-webfont.eot?#iefix') format('eot'),
         url('polices/maven_pro_regular-webfont.woff') format('woff'),
         url('polices/maven_pro_regular-webfont.ttf') format('truetype'),
         url('polices/maven_pro_regular-webfont.svg#webfontOM8fITNz') format('svg');
    font-weight: normal;
    font-style: normal;
}


/******************************************************************************************************/	
body{
background: #7c7c7c;
}
h1,h2,h3,h4,h5,p,ul,ol{
margin:0;
padding:0;
}
ul{
list-style:none;
}
h1{
font-family: 'zrnic_rgregular';
}
h1{
color: #e2e2e2;
font-size:57px;
margin-bottom:11px;
margin-top:10px;
margin-left:10px;
}
h2{
color:#ffffff;
font-size:51px;
margin-bottom:1px;
margin-left:10px;
}
h3{
color:#c8c8c8;
font-size:33px;
margin-bottom:75px;
margin-left:10px;
}
h2{
font-family: 'MPMed';
}
h3{
font-family: 'MPReg';
}
/*  ---------- titre horizontal menu "événements"  -----*****/
#droite{
	position: relative;
}
.evenements>p{
position: absolute;
left: 31px;
top: 10px;
font-family: 'MPMed';
font-size: 34px;
margin-left: 5px;
margin-top: 10px;
color:#7c7c7c;
text-shadow: 2px 3px 2px #000 ;
}

#principale{
width:1000px;
margin:0 auto;
border:solid 1px white;
padding:10px;
box-shadow:10px 10px 10px rgba(0,0,0,0.5);
background:#7c7c7c;
}

/*  ********  PARTIE GAUCHE  *******  */
#gauche{
width:485px;
float:left;
}

/*  ********  PARTIE DROITE *******  */
#droite{
margin-top:20px;
margin-bottom: 20px;
width:515px;
float:left;
position:relative;
}

/*  *******************  FOOTER  ******************************  */
footer{
clear:both;
}

footer li a{
font-size:17px;
font-family: 'MPReg';
text-decoration:none;
color:#c8c8c8;
}

/*  -----  liste footer bien ordonnée   -----  */
footer ul li {
display:inline;
}
footer ul li .pied {
padding-left:6px;
margin-right:60px;
}

footer ul li {
display:inline;
}
footer ul li .piedfin {
float: right;   
padding-right: 6px;
}
/*  **************************  CHANGEMENTS ETATS MENU  ***********  */
nav li:nth-child(1) a{
background:url(images/initial/spplongeon1.png) no-repeat top left;
}
nav li:nth-child(2) a{
background:url(images/initial/spplongeon2.png) no-repeat top left;
margin-top:10px;
}
nav li:nth-child(3) a{
background:url(images/initial/spplongeon3.png) no-repeat top left;
margin-top:10px;
}
nav li:nth-child(4) a{
background:url(images/initial/sptraineau.png) no-repeat top left;
margin-top:10px;
}


nav li a{
margin-left:36px;
height:45px;
width:250px;
font-family: 'MPReg';
display:block;
padding-left:170px;
padding-top:30px;
color:#c8c8c8;
text-decoration:none;
font-size:23px;
}
nav li:nth-child(1) a:hover{
background:url(images/initial/spplongeon1.png) no-repeat bottom left;
}
nav li:nth-child(2) a:hover{
background:url(images/initial/spplongeon2.png) no-repeat bottom left;
}
nav li:nth-child(3) a:hover{
background:url(images/initial/spplongeon3.png) no-repeat bottom left;
}
nav li:nth-child(4) a:hover{
background:url(images/initial/sptraineau.png) no-repeat bottom left;
}