/* Style PPI */

body {
	margin: 0;
	padding: 0;
	background: #e2dbd0 url(../img/fond_ppi.jpg) repeat-y center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3e385e;
	height: 100%;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2.1em;
	font-weight: normal;
	color: #FF7814;
	letter-spacing:0.9px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.6em;
	font-weight: bold;
	font-style:italic;
	color: #3e385e;
	letter-spacing:1.2px;
	font-family: Times New Roman, Helvetica, sans-serif;
}

h3 {
	font-size: 1.4em;
}

p {
	margin-top: 0;
}

ul, ol {
	margin-top: 0;
	line-height: 135%;
}
img {
	border:none;
}

ul, ol {
	margin: 0px;
	padding: 0px;
}

/* LIENS */ 

a {
	color: #3E385E;
	text-decoration:underline;
}

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

h2 a {
	text-decoration: none;
}

/* BOUTONS */

a.btn1{
	display: block;
	color:#FFF;
	background-color:#3e385e;
	width:95px;
	font-size:10px;
	letter-spacing:1px;
	padding: 0 0 0 7px;
	margin-top:4px;
	text-decoration:none;
}

a.btn1:hover {
	text-decoration: none;
	color:#FFF;
	background-color:#333333;
}

a.btn1:visited {
	text-decoration: none;
	color: #FFF;
	background-color:#3E385E;
}

a.btn2{
	display: block;
	color:#FFF;
	background-color: #FF7814;
	width:95px;
	height:12px;
	font-size:10px;
	letter-spacing:1px;
	padding: 0 0 1px 7px;
	margin-top:4px;
	text-decoration:none;
}

a.btn2:hover {
	text-decoration: none;
	color: #FFF;
	background-color:#969696;
}

a.btn2:visited {
	text-decoration: none;
	color: #FFF;
}

a.btn3{
	display: block;
	color:#FFF;
	background-color: #FF7814;
	width:80px;
	font-size:10px;
	letter-spacing:1px;
	padding: 3px 0 3px 0px;
	text-align:center;
	text-decoration:none;
	line-height:normal;
}

a.btn3:hover {
	text-decoration: none;
	color: #FFF;
	background-color:#969696;
}

a.btn3:visited {
	text-decoration: none;
	color: #FFF;
}

a.blanc, a.blanc:visited {
	color:#FFFFFF;
}

a.blanc:hover {
	color: #FF7814;
}

img.icones{
	padding-left:105px;
	/*margin-top:-12px;*/
}

/* P */
p.txt-small{
	font-size:10px;
	line-height:1.6em;
} 

/* WRAPPER */

#wrapper-accueil {
	margin: 0px;
	padding: 0px;
	width:990px;
	margin-left: auto;
    margin-right: auto;
	/*background:#FF7814;*/
}

#wrapper {
	margin: 0px;
	padding: 0px;
	width:990px;
	/*height:100%;*/
	padding-left: 1px; !important;
	margin-left: auto;
    margin-right: auto;

}


/* Flash */

#flashcontent {
	margin-left: auto;
    margin-right: auto;
	margin:0; padding:0;
	position:absolute;
	text-align:center;
	visibility:visible;
	text-align:center;
}

.noflash {
	background-color: #FFF;
	padding:150px 0;
	position:absolute;
	text-align:center;
	width:990px;
	height:80px;
	z-index:100;
}

.img_top{
	margin-top:4px;
	vertical-align: top;
}

/* Header */

#header-accueil {
	width: 990px;
	height: 400px;
	margin: 0 auto;
	padding: 0px;
}

#header {
	height:175px;
	width: 990px;
	margin: 0px auto;
	padding: 0px;
	background: #FFF;
}


/* bloc hp */
.hp-lien{
	padding-top:2px;
	float:left;
	width:110px;
}

.hp-img{
	padding-top:3px;
	/*float:left;*/
}


/* Menu */

#menu {
	background-color: #969696;
	width: 990px;
	height: 38px;
	margin: -3px auto;
	padding: 0;
}

#menu ul {
	float: left;
	margin: 0;
	padding: 0px 0px 0px 70px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	width: 170px;
	height: 35px;
	/*margin-left: 8px;*/
	/*padding-top: 0px;*/
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	letter-spacing:0.8px;
	font-weight:normal;
	color: #FFFFFF;
	border: none;
}

#menu .company a{
background: url(../img/company.png) no-repeat left top;
/*background: none;*/ /* Il supprimer l'image de fond s'il y en a une de déclarée dans la feuille de styles principale */
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/company.png", sizingMethod="image");*/
}
#menu .company a:hover{background: url(../img/company_on.png) no-repeat left top;}
#menu .company-on a{background: url(../img/company_on.png) no-repeat left top;}

#menu .products a{background: url(../img/products.png) no-repeat left top;}
#menu .products a:hover{background: url(../img/products_on.png) no-repeat left top;}
#menu .products-on a{background: url(../img/products_on.png) no-repeat left top;}

#menu .performances a{background: url(../img/performances.png) no-repeat left top;}
#menu .performances a:hover{background: url(../img/performances_on.png) no-repeat left top;}
#menu .performances-on a{background: url(../img/performances_on.png) no-repeat left top;}

#menu .blog a{background: url(../img/blog.png) no-repeat left top;}
#menu .blog a:hover{background: url(../img/blog_on.png) no-repeat left top;}
#menu .blog-on a{background: url(../img/blog_on.png) no-repeat left top;}

#menu .contact a{background: url(../img/contact.png) no-repeat left top;}
#menu .contact a:hover{background: url(../img/contact_on.png) no-repeat left top;}
#menu .contact-on a{background: url(../img/contact_on.png) no-repeat left top;}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
}

#menu .current_page_item a {
	background: #d3d3d3;
	padding-left: 0;
	color: #969696;
}

/* Sous menu */

#sous-menu {
	background-color: #FF7814;
	width: 990px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
}

#sous-menu ul {
	float: left;
	margin: 0;
	padding: 0px 0px 0px 70px !important; /* tous les navigateurs sauf ie6 */
	padding: 0px 0px 0px 40px; /* pour ie6 */
	list-style: none;
	line-height: normal;
}

#sous-menu li {
	float: left;
	width:auto !important; /* tous les navigateurs sauf ie6 */
	width:230px;		   /* pour ie6 */
	text-align:center;
}

#sous-menu a {
	display: block;
	height: 16px;
	padding: 4px 34px 0px 35px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	letter-spacing:0.8px;
	font-weight:normal;
	color: #FFFFFF;
	border: none;
}

#sous-menu a:hover, #sous-menu .current_page_item a {
	text-decoration: none;
	padding: 4px 34px 0px 35px;
	
}

#sous-menu a:hover{
	background: #FFF;
	color: #FF7814;
}

#sous-menu .current_page_item a {
	background: #FFF;
	color: #FF7814;
}

/* Breadcrumb */ 
#breadcrumb{
	text-transform:uppercase;
	font-size:9px;
	background:#FFF;
	padding:20px 0 0 70px;	
	color: #3E385E;
	letter-spacing:0.7px;
}

/* Page */

#page {
	position:relative;
	width: 890px;
	height:80%;
	margin: 0 auto 0 auto;
	padding: 25px 50px 40px 50px;
	background:#FFF;
}


#page-accueil {
	position:relative;
	width: 890px;
	height:80%;
	margin: 0px auto 0px auto;
	padding: 40px 50px 0px 50px;
	background:#FF7814;
}


/* Blocs page d'accueil */
.bloc {
	float: left;
	width: 250px;
	height:170px;
	padding-left:20px;
}

.bloc .title {
	height: 10px;
	margin-bottom: 10px;
	padding: 12px 0 0 0px;
	letter-spacing: -.5px;
	font-size: 12px;
	font-weight:bold;
	letter-spacing:0.6px;
	color: #3E385E;
}

.bloc .title a {
	color: #3E385E;
	border: none;
}

.bloc .entry {
	width:170px;
	padding: 0px 0px;
	text-align:left;
	font-size: 12px;
}



/* Content */

#content-accueil {
	float: left;
	/*width: 850px;*/
	min-height:300px;
	padding: 0px 0px 0px 55px;
}


#content {
	float: left;
	width: 850px;
	height:auto !important;
	min-height:555px;
	padding: 0px 0px 0px 20px;
	color:#3e385e;
}

#paragraphs{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	font-size: 12px;
	padding-top:10px;
}

#paragraphs ul {
	margin:0 0 20px 0;
}

#paragraphs li {
	margin:0 0 5px 15px;
}

#paragraphs h2 {
	font-size: 2em;
	margin:30px 0 15px 0;
}

#paragraphs .orange{
	color:#FF7814
}

/* Colonne seule */
#paragraphs .column1 {
	text-align:justify;
	clear: both;
	width: 680px;
}

/* Colonnes 2/3 1/3 */
#paragraphs .columnA1 {
	text-align:justify;
	clear: both;
	float: left;
	width: 530px;
}

#paragraphs .columnA2 {
	float: right;
	width: 240px;
	/*padding:15px;*/
	/*background:#f7f5f1;*/
} 

/* Colonnes 1/3 2/3 */
#paragraphs .columnB1 {
	text-align:justify;
	clear: both;
	float: left;
	margin:5px;
	width: 200px;
}

#paragraphs .columnB2 {
	float: right;
	width: 580px;
	margin:5px;

} 


.contact{
	line-height:1.5em;
}

/* Footer */

#footer-accueil {
	display:block;
	width: 990px;
	height:18px;
	padding-top:5px;
	margin-bottom:0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	background:#969696;
	color: #FFF;
	text-align:center;
}

#footer {
	float:left;
	width: 990px;
	min-height:18px;
	padding:5px 0 0 0;
	margin-bottom:0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	background:#969696;
	color: #FFF;
	text-align:center;
}

#legal {
	display:block;
	width: 990px;
	padding:10px 0;
	margin: 0 auto;
	font-size: 11px;
	background:#767676;
	color: #FFF;
	text-align:center;
	font-size:9px;
	letter-spacing:0.01em;
}

#footer2-accueil {
	display:block;
	width: 990px;
	height:18px;
	padding-top:5px;
	margin-bottom:0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 9px;
	background:#767676;
	color: #FFF;
	text-align:center;
}

/* Formulaire */

.formulaire{
	background-color:#FFF;
	margin-top:25px;
}

label {
	display: inline; 
	float: left; 
	margin:0;
	width:100px;
	padding-top:3px;
	text-align:left;
}

input {
	border:1px solid #DDD;
	background-color:#EEEEEE;
	color: #3E385E;
	margin-top:5px;
	width:300px;
}

input[type=radio] {
	background-color:transparent;
}

input[type=checkbox] {
	background-color:transparent;
}

input[type=submit], input[type=reset] {
	color:#FFF;
	background-color: #FF7814;
	font-size:11px;
	padding:2px;
	width:80px;
	border:none;
	font-size:10px;
	letter-spacing:1px;
	width:85px;
	margin:10px 0 0 316px;
}

select, option {
	border:1px solid #e5eef3;
	background-color:#e5eef3;
	color:#00588B;
}

input[type=submit]:hover{
	color: #FFF;
	background-color:#969696;
}

textarea {
	background-color:#EEEEEE;
	border:1px solid #DDD;
	color: #3E385E;
	font-weight: normal;
	margin-top:4px;
	width:300px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}