/* CSS Document */

body {
background-color:#03070e ;
background-image:url(img/accueil/bg.gif);
background-position:top;
background-repeat:repeat-x;
margin:0px 0px 0px 0px;
color:#fff;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
}

div.wrapper {
	margin:0px;
	position:relative;
	float:left;
	vertical-align:top;
}
div.wrapper img{	
	float:left;
}
div.wrapper div{	
	position:absolute;
	width: 58px;
	height: 58px;
}
div.wrapper div.tl{
	background:transparent url(img/icone/photo.png) top left no-repeat;
	left:-20px;
	top:-30px;
}

div.wrapper div.tl2{
	background:transparent url(img/icone/video.png) top left no-repeat;
	left:-20px;
	top:-30px;
}

#boutique {
position: absolute;
top: 95px;
z-index: 50;
left: 50%;
margin-left:290px;
}

#etoile_contacts {
position: absolute;
top: 95px;
z-index: 50;
left: 50%;
margin-left:90px;
}


.post-date {
	float: left;
	display: inline;
	text-align: center;
	margin: 0px 10px 0 0;
	width: 56px;
	height: 63px;
	background: url(img/blog_date.gif) no-repeat;
}
 
.month {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.6em;
}

.day {
	padding-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 0.5em;
} 

/*****RECHERCHE BLOG***********/
.searchtext {
	font-size: 1.6em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	padding-bottom:0px;
}


.findbutton {
	width: 84px;
	height: 32px;
	display: block;
	text-indent: -6666px;
	border: none;
	background: url(img/recherche.gif) left no-repeat;
}

/********************************/

a.btn_ok5:link, a.btn_ok5:visited, a.btn_ok5:active {
	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:9px;
	text-align: center;
	text-decoration: underline;
	
}

a.btn_ok5:hover {
font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:9px;
	text-align: center;
	text-decoration: none;
}

a.btn_ok4:link, a.btn_ok4:visited, a.btn_ok4:active {
	background:url(img/btn_ok.jpg) left no-repeat;
	width: 97px;
	height: 28px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:9px;
	text-align: center;
	margin: -23px 4px auto auto;
	padding: 8px 0 0 20px;
	text-decoration: none;
	border:none;
}

a.btn_ok4:hover {
	background-position:right;
}

a.btn_ok3:link, a.btn_ok3:visited, a.btn_ok3:active {
	background:url(img/btn_ok.jpg) left no-repeat;
	width: 97px;
	height: 28px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:9px;
	text-align: center;
	margin: -30px 3px auto auto;
	padding: 8px 0 0 20px;
	text-decoration: none;
	border:none;
}

a.btn_ok3:hover {
	background-position:right;
}

a.btn_ok2:link, a.btn_ok2:visited, a.btn_ok2:active {
	background:url(img/btn_ok.jpg) left no-repeat;
	width: 97px;
	height: 28px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:9px;
	text-align: center;
	margin: -30px -4px auto auto;
	padding: 8px 0 0 20px;
	text-decoration: none;
	border:none;
}

a.btn_ok2:hover {
	background-position:right;
}

.pack_pyro {
	background-color:#131416;
	padding: 15px 15px 15px 15px;
	/*border: #2b4ca0 2px solid;*/
}

.pack_pyro2 {
	background-color:#131416;
	padding: 15px 15px 15px 15px;
	border: #684098 2px solid;
}

.pack_pyro3 {
	background-color:#131416;
	padding: 15px 15px 15px 15px;
	border: #e98a10 2px solid;
}

.pack_pyro4 {
	background-color:#131416;
	padding: 15px 15px 15px 15px;
	border: #a86208 2px solid;
}

.pack_pyro5 {
	background-color:#131416;
	padding: 15px 15px 15px 15px;
	border: #08a813 2px solid;
}

.pack_pyro6 {
	background-color:#131416;
	padding: 15px 15px 15px 15px;
	border: #f629c8 2px solid;
}

.programme_pyro {
	float:right;
	margin: -40px 5px auto 20px;
}

a.more-link:link, a.more-link:visited, a.more-link:active {
	width: 117px;
	height: 35px;
	display: block;
	clear: both;
	text-indent: -6666px;
	float: right;
	border: none;
	background: url(img/blog_plus.gif) left no-repeat;
}

a.more-link:hover {
	background-position: right;
	border: none;
}

/*******BAS GROUPE***********/

#email {
	background:url(img/entites/email.jpg) left no-repeat;
	height: 220px;
	width:280px;
	float: left;
	
}

#email:hover, #deux:hover, #newsletter:hover {
	background-position: right;
}

#deux {
	background:url(img/entites/boutique.jpg) left no-repeat;
	height: 220px;
	width:279px;
	float:left;
}

#newsletter {
	background:url(img/entites/newsletter.jpg) left no-repeat;
	height: 220px;
	width: 280px;
	float:right;
}

#deux .txt, #newsletter .txt, #email .txt {
	padding: 110px 0 0 15px;
	width: 254px;
	line-height: 20px;
	font-size: 12px;
	text-align:justify;
}


/****************************/

/*********BOUTON OK*****************/

a.btn_ok:link, a.btn_ok:visited, a.btn_ok:active {
	background:url(img/btn_ok.jpg) left no-repeat;
	width: 97px;
	height: 28px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
text-transform:uppercase;
	font-size:9px;
	text-align: center;
	margin: 8px -4px auto auto;
	padding: 8px 0 0 20px;
	text-decoration: none;
	border:none;
}

a.btn_ok:hover {
	background-position:right;
}

#home a.btn_ok:link, #home a.btn_ok:visited,#home a.btn_ok:active {
	background:url(img/btn_ok.jpg) left no-repeat;
}

#home a.btn_ok:hover {
	background-position:right;
}
/********************************************/

h1, h2,h3,h4,p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style-type: none;
}

.ligne_separ {
border-top:1px dotted #666666;
}

h1 {
	padding: 0px 0 0px 0;
	letter-spacing: -1px;
	font-size: 24px;
	margin-bottom: 8px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8ec6c6;
	font-style:italic;
}

.titre_violet_italique {
	padding: 0px 0 0px 0;
	letter-spacing: -1px;
	font-size: 20px;
	margin-bottom: 8px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9883a6;
	font-style:italic;
}

.txt_violet_italique {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9883a6;
	font-style:italic;
}

h3 {
	font-size: 14px;
	color: #CCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom: 16px;
	font-weight: bold;
	padding: 0 0 8px 0;
	background: url(img/menu/line.gif) left bottom no-repeat;
}

.historique {
	color:#fff;
	font-size:14px;
	padding-bottom:18px;
	/*line-height: 20px;*/
	/*height: 26px;*/
	font-family:Georgia, "Times New Roman", Times, serif;
}

#navigation {
position: absolute;
top: 0px;
z-index: 50;
left: 50%;
margin-left:-499px;
}


#nav {
	height: 86px;
}
#nav, #nav ul {
	margin: 0;
	padding: 0;
	padding-top: 1px;
	padding-left: 4px;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	line-height: 1.5em; 
}

#nav a {
	border: none;
}

#nav a.home:link, #nav a.home:visited, #nav a.home:active {
	width: 119px;
	height: 86px;
	padding: 0px;
	margin: 0px;
	background: url(img/menu/btn/1-accueil.jpg) left no-repeat;
	text-indent: -6666px;
	display: block;
}
#nav a.home:hover {
	background-position: right;
}
#nav a.what-we-do:link, #nav a.what-we-do:visited, #nav a.what-we-do:active {
	width: 156px;
	height: 86px;
	padding: 0px;
	margin: 0px;
	background: url(img/menu/btn/2-groupe.jpg) left no-repeat;
	text-indent: -6666px;
	display: block;
}
#nav a.what-we-do:hover {
	background-position: right;
}
#nav a.what-weve-done, #nav a.what-weve-done:visited, #nav a.what-weve-done:active {
	width: 164px;
	height: 86px;
	padding: 0px;
	margin: 0px;
	background: url(img/menu/btn/3-etoiles.jpg) left no-repeat;
	text-indent: -6666px;
	display: block;
}
#nav a.what-weve-done:hover {
	background-position: right;
}
#nav a.who-we-are, #nav a.who-we-are:visited, #nav a.who-we-are:active {
	width: 143px;
	height: 86px;
	padding: 0px;
	margin: 0px;
	background: url(img/menu/btn/4-pyro.jpg) left no-repeat;
	text-indent: -6666px;
	display: block;
}
#nav a.who-we-are:hover {
	background-position: right;
}
#nav a.contact, #nav a.contact:visited, #nav a.contact:active {
	width: 184px;
	height: 86px;
	padding: 0px;
	margin: 0px;
	background: url(img/menu/btn/5-jm2a.jpg) left no-repeat;
	text-indent: -6666px;
	display: block;
}
#nav a.contact:hover {
	background-position: right;
}
#nav a.blog, #nav a.blog:visited, #nav a.blog:active {
	width: 110px;
	height: 86px;
	padding: 0px;
	margin: 0px;
	background: url(img/menu/btn/6-blog.jpg) center no-repeat;
	text-indent: -6666px;
	display: block;
}
#nav a.blog:hover {
	background-position: right;
}


#nav a.contacts, #nav a.contacts:visited, #nav a.contacts:active {
	width: 110px;
	height: 86px;
	padding: 0px;
	margin: 0px;
	background: url(img/menu/btn/7-contacts.jpg) center no-repeat;
	text-indent: -6666px;
	display: block;
}
#nav a.contacts:hover {
	background-position: right;
}




#nav li {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}





#etoiles {
position: absolute;
top: 303px;
z-index: 50;
left: 50%;
margin-left:-489px;
}

#pyro {
position: absolute;
top: 303px;
z-index: 50;
left: 50%;
margin-left:-163px;
}

#jm2a {
position: absolute;
top: 303px;
z-index: 50;
left: 50%;
margin-left:165px;
}

.accueil{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
padding-right:20px;
padding-left:20px;
}

#logo {
position: absolute;
top: 25px;
z-index: 50;
left: 50%;
margin-left:80px;
}

#logo2 {
	position: absolute;
	top: 0px;
	z-index: 50;
	left: 50%;
margin-left:-470px;
}




form {
margin : 0px;
padding : 0px;
}

a img {
border: 0;
}




h2{
	font-family:Georgia, "Times New Roman", Times, serif;
font-size:26px; 
color: #9883a6;
	font-weight:normal;
	padding-bottom:5px;

}

a:link, a:active, a:visited {
color:#999999;
text-decoration:underline;
}

a:hover {
color:#fff;
text-decoration:none;
}




.txt_rouge {
font-family:"Trebuchet MS", Arial, "Segoe UI", Calibri, sans-serif;
font-size:15px;
color:#990000;
font-style:italic;
font-weight:bold;
text-align:center;
text-transform:lowercase;
}


/*menu espace admin*/
#login a
	{
	float: right;
width: 105px;
height: 30px;
	background: url(img/login.gif) 0 0 no-repeat;
	/*margin: 0 15px 0 0;*/
	padding-right:15px;
	display: block;
	overflow: hidden;
	display: inline;
	}
	
#login a:hover
	{
	background: url(img/login.gif) 0 -30px no-repeat;
	}







a.lien_blog_cat,a.lien_blog_cat:visited   {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;

color:#FFFFFF;
text-decoration:underline;
    }
	
a.lien_blog_cat:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#ffffff;
text-decoration:none;
}




a.lien_blanc,a.lien_blanc:visited   {

color:#FFFFFF;
text-decoration:underline;
    }
	
a.lien_blanc:hover {
color:#ec8c08;
text-decoration:none;
}

a.pyro,a.pyro:visited   {

	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#fff;
	font-style:italic;
text-decoration:underline;
    }
	
a.pyro:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-style:italic;
text-decoration:none;
	font-size:17px;
}


a.lien_violet,a.lien_violet:visited   {

	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9883a6;
	font-style:italic;
text-decoration:underline;
    }
	
a.lien_violet:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9883a6;
	font-style:italic;
text-decoration:none;
}




#blog_form input {
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:13px;
border:1px solid #555555;
background-color:#000000;
padding-top:5px;
padding-left:10px;
height:24px;
width:168px;
}

#form input {
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:13px;
border:1px solid #555555;
background-color:#000000;
padding-top:7px;
padding-left:10px;
height:24px;
width:240px;
}

#form textarea {
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:13px;
border:1px solid #555555;
background-color:#000000;
padding-top:7px;
padding-left:10px;
height:120px;
width:240px;
line-height:20px;
}


#form2 input {
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:13px;
border:1px solid #555555;
background-color:#000000;
padding-top:7px;
padding-left:10px;
height:24px;
width:240px;
}

#form2 textarea {
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:13px;
border:1px solid #555555;
background-color:#000000;
padding-top:7px;
padding-left:10px;
height:120px;
width:550px;
line-height:20px;
}


/******PAGINATION***********/
a.pagination,a.pagination:visited   {
color:#4176a3;
text-decoration:underline;
font-size:18px;
font-family:"Arial Narrow", Arial, Calibri;
padding:3px;
    }
	
a.pagination:hover {
color:#123255;
text-decoration:none;
font-size:18px;
font-family:"Arial Narrow", Arial, Calibri;
padding:3px;
}

#pagination{
border-collapse:collapse;
}
#pagination td{
border:1px solid #000000;
}
/*******************************/