/* CSS Document */

body#luma {
	margin: 0;
	padding: 0;
	background: #c4bfcf;
	color: #2e124e;
	font-size: 76%;
	font-family: Verdana, Arial, Helvetica, serif;
	padding-bottom:30px;
	text-align:center;
}

/*--------header-----------*/

#header {
	position: relative;
	height: 140px;
	/*width:750px;*/
	margin-left:auto;
	margin-right:auto;
	margin:0;
	background: #2e124e url(img/header.jpg) center no-repeat;
	border-bottom: 4px solid #FF9933;
	/*border-top: 4px solid #FF9933;*/
}


/*--------div id="logo"-----------*/

#logohome {
	float: none;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	border: 1px solid #2e124e;
	border-bottom:0;
	background: url(img/logohome.jpg) no-repeat left center;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:748px;
	}
	
#logophilo {
	float: none;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	border: 1px solid #2e124e;
	border-bottom:0;
	background: url(img/logophilo.jpg) no-repeat left center;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:748px;
	}
	
#logoprest {
	float: none;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	border: 1px solid #2e124e;
	border-bottom:0;
	background: url(img/logoprest.jpg) no-repeat left center;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:748px;
	}
	
#logoliens {
	float: none;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	border: 1px solid #2e124e;
	border-bottom:0;
	background: url(img/logoliens.jpg) no-repeat left center;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:748px;
	}
	
#logocon {
	float: none;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	border: 1px solid #2e124e;
	border-bottom:0;
	background: url(img/logocon.jpg) no-repeat left center;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:748px;
	}
	
html>body #logohome #logophilo #logoprest #logoliens #logocon{
	width:748px;
	}
#logohome p {
	font-size:1.1em;
	width:740px;
	margin:0;
	padding:40px 30px 40px 210px;
	font-style: italic;
	color: #2e124e;
	background:transparent /*url(img/logo2_spirale.jpg) no-repeat left center*/;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:500px;
	}
	
#logophilo p {
	font-size:1.1em;
	width:740px;
	margin:0;
	padding:40px 30px 40px 210px;
	font-style: italic;
	color: #2e124e;
	background:transparent /*url(img/logo2_spirale.jpg) no-repeat left center*/;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:500px;
	}
	
#logoprest p {
	font-size:1.1em;
	width:740px;
	margin:0;
	padding:40px 30px 40px 210px;
	font-style: italic;
	color: #2e124e;
	background:transparent /*url(img/logo2_spirale.jpg) no-repeat left center*/;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:500px;
	}
	
#logoliens p {
	font-size:1.1em;
	width:740px;
	margin:0;
	padding:40px 30px 40px 210px;
	font-style: italic;
	color: #2e124e;
	background:transparent /*url(img/logo2_spirale.jpg) no-repeat left center*/;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:500px;
	}

#logocon p {
	font-size:1.1em;
	width:740px;
	margin:0;
	padding:40px 30px 40px 210px;
	font-style: italic;
	color: #2e124e;
	background:transparent /*url(img/logo2_spirale.jpg) no-repeat left center*/;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:500px;
	}
	
html>body #logohome p #logophilo p #logoprest p #logoliens p #logocon p{
	width:500px;
	}

/*--------container-----------*/

#conteneur {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	/*text-align:left;*/
	background:#FFF url(img/backcontent.jpg) repeat-y 0 0;
	margin-bottom:20px;
	border-top: 1px solid #2e124e;
	font-size:1em;
}

/*--------contenu-----------*/

#nav{float: left;
	width:190px;
	text-align:center;
	padding-top:80px;
}
#content {
	float: left;
	width:560px;
	margin:0;
	padding:0;
	padding-bottom:40px;
	padding-top:40px;
	text-align:left;
	}
#content p {margin:1em;
	padding:0.2em 1em 0.2em 2em;
}


#content span {
	color: #FF9900;
	font-weight: bold;
}

/*--------div formulaire-----------*/

#corps{
	float: left;
	width:500px;
	border-top:1px dotted #666;
	margin: 75px 20px 40px 20px;
	padding:0;
	}

/*--------fin div formulaire-----------*/
p.right{
	text-align:right;
	}
a {
	color:#97A6C3;
	text-decoration:none;
	}
	
a:hover{
	color:#97A6C3;
	text-decoration:underline;
	}
/*--------navigation-----------*/


#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#nav li{
	margin:0;
	padding:0;
	text-align:center;
	list-style-type: none;	
}
#nav a{
	display:block;
	width:170px;
	padding:10px 0;
	text-decoration:none;
	text-align:center;
	color:#2e124e;
	font-weight:normal;
	border-bottom:1px dotted #2e124e;
}
html>body #nav a{margin-left:10px;
	}

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

#nav a:visited{
	text-decoration:underline;
	color:#c4bfcf;
}

#nav a:active{
	text-decoration:none;
	color:#ff9933;
}


/*----------page contact formulaire-----------*/
form{margin:0;padding:0;color:#9c91b3;
	}
form.def label{display:block;
	float:left;
	width:100px;
	text-align:right;
	margin-right:10px;
	margin-bottom:5px;
	color:#9c91b3;
	clear:left;
	}
form.def input{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	display:block;
	float:left;
	width:200px;
	margin-bottom:5px;
	background:#fff;
	border:1px solid #888;
	padding:2px 4px;
	color:#9c91b3;
	}
form.def label.option, form.def input.option, form.def br.option{display:none;
	}
form.def textarea{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	display:block;
	float:left;
	margin-bottom:5px;
	background:#fff;
	border:1px solid #9c91b3;
	padding:0 4px;
	color:#9c91b3;
	clear:right;
	width:300px;
	}
form.def input:focus, form.def textarea:focus{border:1px solid #9c91b3;
	}
br{clear:left;
	}
form.def .send{margin-left:55px;
	width:90px;
	color:#9c91b3;
	background:#fff;
	}
html>body form.def .send{margin-left:110px;
	}
form.insert{line-height:2em;
	}
form.insert label{font-weight:bold;
	text-align:left;
	color:#9c91b3;
	padding-bottom:5px;
	}
form.insert label span{font-weight:normal;display:block;clear:both;
	}
form.insert input{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	width:250px;
	background:#30353E;
	border:1px solid #818188;
	padding:2px 4px;
	color:#818188;
	float:none;
	}
form.insert textarea{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	background:#30353E;
	border:1px solid #818188;
	padding:4px 0 4px 4px;
	color:#818188;
	width:300px;
	float:none;
	}
form.insert select{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background:#FFF;
	border:1px solid #000;
	color:#818188;
	margin-bottom:15px;
	clear:both;
	}
form.insert input:focus, form.insert textarea:focus{border:1px solid #CCC;
	}
form.insert .send{color:#9c91b3;
	margin:0;
	clear:none;
	width:auto;
	background:#363F4F;
	border:1px solid #9c91b3;
	}
span.tel{float:right;width:45%;display:block;text-align:right;}
span.adr{float:left;width:55%;display:block;text-align:left;}
div.clearing{clear:both;}

/*---------- fin page contact formulaire--------*/

/*--------class="titre"-----------*/
p.titre{
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom: 10px;
	color:#FF9933;
}
#footer {
	font-size:0.9em;
	/*display:block;*/
	color:#fff;
	width:748px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-1px;
	background:#9c91b3;
	border:1px solid #2e124e;
	border-width:1px 0;
	line-height:2.5em;
	text-align:center;
	padding:2px 0;
	clear:both;
}