/************************************2 fonts utiliées en page r&alisations***********************************/
/* 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:11px;
margin-left:10px;
}
h2{
font-family: 'MPMed';
}
h3{
font-family: 'MPReg';
}
#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;
width:515px;
float:left;
position:relative;
}
/*  ---------- titre horizontal menu "événements"  -----*****/
#droite{
position: relative;
}
.realisations > p{
position: absolute;
left: 31px;
top: 10px;
font-family: 'MPReg';
font-size: 20px;
margin-left: 5px;
margin-top: 1px;
color: white;
/*text-shadow: 2px 3px 2px #000 ;*/
}
/*  ************************  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/cuba/sphavane.png) no-repeat top left;
}
nav li:nth-child(2) a{
background:url(images/cuba/sptrinidad.png) no-repeat top left;
margin-top:10px;
}
nav li:nth-child(3) a{
background:url(images/cuba/spest.png) no-repeat top left;
margin-top:10px;
}nav li:nth-child(4) a{
background:url(images/cuba/spouest.png) no-repeat top left;
margin-top:10px;
}
nav li:nth-child(5) a{
background:url(images/cuba/spcigare.png) no-repeat top left;
margin-top:10px;
}
nav li:nth-child(6) a{
background:url(images/cuba/spgenaro.png) no-repeat top left;
margin-top:10px;
margin-bottom:0px;
}

nav li a{
margin-left:36px;
height:45px;
width:250px;
font-family: 'MPReg';
display:block;
padding-left:165px;
padding-top:30px;
color:#c8c8c8;
text-decoration:none;
font-size:22px;
}
nav li:nth-child(1) a:hover{
background:url(images/cuba/sphavane.png) no-repeat bottom left;
}
nav li:nth-child(2) a:hover{
background:url(images/cuba/sptrinidad.png) no-repeat bottom left;
}
nav li:nth-child(3) a:hover{
background:url(images/cuba/spest.png) no-repeat bottom left;
}
nav li:nth-child(4) a:hover{
background:url(images/cuba/spouest.png) no-repeat bottom left;
}
nav li:nth-child(5) a:hover{
background:url(images/cuba/spcigare.png) no-repeat bottom left;
}
nav li:nth-child(6) a:hover{
background:url(images/cuba/spgenaro.png) no-repeat bottom left;
}