@font-face {
    font-family: 'CaviarDreamsItalic';
    src: url('../police/CaviarDreamsItalic-webfont.eot');
    src: url('../police/CaviarDreamsItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../police/CaviarDreamsItalic-webfont.woff') format('woff'),
         url('../police/CaviarDreamsItalic-webfont.ttf') format('truetype'),
         url('../police/CaviarDreamsItalic-webfont.svg#CaviarDreamsItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsBoldItalic';
    src: url('../police/CaviarDreams_BoldItalic-webfont.eot');
    src: url('../police/CaviarDreams_BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../police/CaviarDreams_BoldItalic-webfont.woff') format('woff'),
         url('../police/CaviarDreams_BoldItalic-webfont.ttf') format('truetype'),
         url('../police/CaviarDreams_BoldItalic-webfont.svg#CaviarDreamsBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsRegular';
    src: url('../police/CaviarDreams-webfont.eot');
    src: url('../police/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('../police/CaviarDreams-webfont.woff') format('woff'),
         url('../police/CaviarDreams-webfont.ttf') format('truetype'),
         url('../police/CaviarDreams-webfont.svg#CaviarDreamsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsBold';
    src: url('../police/CaviarDreams_Bold-webfont.eot');
    src: url('../police/CaviarDreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../police/CaviarDreams_Bold-webfont.woff') format('woff'),
         url('../police/CaviarDreams_Bold-webfont.ttf') format('truetype'),
         url('../police/CaviarDreams_Bold-webfont.svg#CaviarDreamsBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'delphin';
    src: url('../police/delphin.otf');
    font-weight: normal;
    font-style: normal;

}







/* reset */
* {
margin: 0;
padding: 0;
}


header, footer, section, aside, nav, article, overlap1, overlap2 {
display: block;
}



body {
	line-height: 1;
	color: #666;
	background-color: #000;
	background-image: url(../images/fondEcran.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	}

/*#background {
	display: block;
  position: absolute;
  z-index: 1;

  width: 100%;
  height: 100%;
}*/


/* main layout */

#wrapper {
	font-family: 'delphin', Arial, Verdana, Helvetica, sans-serif;
	position: relative;
	z-index: 5;
	width: 900px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}

#pres {
	font-family: 'delphin', Arial, Verdana, Helvetica, sans-serif;
	position: relative;
	z-index: 5;
	width: 900px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}

header {
	width: 70%;
	height: 10%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
/*background: #1d1d1d url(../images/header2.png) no-repeat center top; 
background: #000 url(../images/header2.png) no-repeat center top; */

}

#main {
width: 100%;
margin: 0 auto;
/* background:  #transparent; change la couleur au centre */
overflow: hidden;
}
.scroll{
	background-color: #000000;
}
.inside{
background:  #D9D9D9; /* change la couleur au centre */
color: blue;

}


footer {
width: 70%;
margin: 0 auto;
clear: both;
}

/* basics */

h1,h2,h3,h4,h5,h6 {
font-weight: bold;
clear: both;
}

a:link, a:visited {
	/* color:#5C84CA; /*#F39;*/ 
	/*color:rgba(250,255,100,1*/
	color: #FF9933;
	text-decoration: none;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
}

a:hover, a:active {
text-decoration: underline;
/*color:#72C0EE;*/
/*color:#FF9933;*/
color: rgb(153,153,153);
}

p {
	margin-bottom: 18px;
	color: #999;
	font-size: 18px;
	padding-bottom: 0px;
}
#portfolioTab a:link, a:visited {
	/* color:#5C84CA; /*#F39;*/ 
	/*color:rgba(250,255,100,1*/
	color: #FF9933;
	text-decoration: none;
	font-size: 15px;
	font-style: normal;
	line-height: 15px;
}



/** HEADER */

header h1 {
	text-align: center;
	margin-top: 0px;
	color: #eee;
	padding-top: 20px;
}

header h1 {
	font-size: 250%;
	font-variant:  normal;
	font-weight: normal;
}

header h1 a:link, header h1 a:visited {
color: #fff;
}

header h2 {
	text-align: center;
	/* color: #5C84CA; */
	color: #FF9900;
	font-size: 150%;

}

#formation
{
	font-family: 'delphin';
	background-color:rgba(0,0,0,0.3);

}
#formationPar
{
font-size:15px;
}

#contactPage
{
	 /* font-family: 'delphin'; */ 
	background-color:rgba(0,0,0,0.5);

}

#photoEvePri
{
	font-family: 'delphin';
	background-color:rgba(0,0,0,0.5);
}

#intervenant
{
	background-color:rgba(0,0,0,0.3);
}


#comPhotos
{
	font-family: 'delphin';
	display:block;
	text-align:center;
	font-size:18px;
	color:#CCC;
	line-height:normal;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

#titrePhotos
{
	display:inline;
	text-align:center;
	font-size:14px;
	color:#CCC;
	line-height:normal;
	padding-top: 20px;
	padding-right: 140px;
	margin-left: 170px;
	
}

#commande
{
background-color:rgba(0,0,0,0.5);
}

#commande p
{
margin-bottom: 18px;
	color: #999;
	font-size: 22px;
	padding-bottom: 0px;
}

.commandeA
{
	font-size: 30px;
}

#content h1, h2, h3, h4, h5, h6 {
	color: #F0C;
	margin-right: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/* footer  blocks */

aside ul {
list-style: none;
margin-bottom: 20px;
margin-top: -15px;
}



#footer-area {
	color: #F3F;
	padding: 18px 0;
	overflow: hidden;
}

.footer-segment {
	float: none;
}

.first {
	display: inline;

}

.second {

}

.third {
	float: right;

}

.last {
	margin-right: 0px;
	font-size: 8px;
	float: right;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

footer aside h4 {
color: #FFF;
font-size: 14px;
line-height: 1.5em;
}

footer a:link, footer a:visited {
/* color: #5C84CA; /*#F09;*/
color: #FF9933;
}


/** Navigation */
.nav-wrap { margin-top: 5px;  margin-bottom: 5px; background-color: rgba(0,0,0,0); border-top: none ; border-top: 1px solid grey; }

.nav-wrap-two {
	margin-top: 30px;
	margin-bottom: 5px;
	background-color: rgba(0,0,0,0);
	border-top: none;
	border-bottom: 1px solid grey;
}

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }




#example-two {
	position: relative;
	text-align: center;
	padding-top: 20px;
}
#example-two li { display: inline; }
#example-two li a {
	position: relative;
	z-index: 300;
	color: #bbb;
	font-size: 16px;
	display: inline;
	text-transform: uppercase;
	padding-bottom: 4px;
	text-align: center;
	margin-right: 3%;
	margin-left: 3%;
	
}


#example-two li a:hover {
	/* color: #5C84CA; /**#F06;*/
	 color: #FF9933;
}
#example-two #magic-line-two { position: absolute; width: 100px;  z-index: 100; }


#example-two-two {
	position: relative;
	text-align: center;
	padding-bottom: 20px;
}
#example-two-two li { display:inline; }
#example-two-two li a {
	position: relative;
	z-index: 300;
	/*color: #00b5b5;*/
	/*color: rgb(255,153,51);*/
	color: #bbb;
	font-size: 16px;
	display: inline;
	text-transform: uppercase;
	padding-bottom: 4px;
	text-align: center;
	margin-right: 5%;
	margin-left: 5%;
}
#example-two-two li a:hover {
	/*color: #5C84CA;*/
	/**#F06;*/
	color: rgb(153,153,153);
	}
#example-two-two #magic-line-two { position: absolute; width: 100px;  z-index: 100; }

#example-two-three {
	position: relative;
	text-align: center;
	padding-bottom: 20px;
}
#example-two-three li { display:inline; }
#example-two-three li a {
	position: relative;
	z-index: 300;
	/*color: #CCFF33;*/
	/*color: rgb(255,153,51);*/
	color: #bbb;
	font-size: 16px;
	display: inline;
	text-transform: uppercase;
	padding-bottom: 4px;
	text-align: center;
	margin-right: 5%;
	margin-left: 5%;
}
#example-two-three li a:hover {
	/*color: #5C84CA; */
	/**#F06;*/
	color: rgb(153,153,153);
}
#example-two-three #magic-line-two { position: absolute; width: 100px;  z-index: 100; }


.current_page_item a, .current_page_item_two a { color: white !important; }