@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'jaunedoeufBold';
    src: url('../includes/polices/jaunedoeuf_bold-webfont.eot');
    src: url('../includes/polices/jaunedoeuf_bold-webfont.eot?iefix') format('eot'),
         url('../includes/polices/jaunedoeuf_bold-webfont.woff') format('woff'),
         url('../includes/polices/jaunedoeuf_bold-webfont.ttf') format('truetype'),
         url('../includes/polices/jaunedoeuf_bold-webfont.svg#webfontl5N5Cpig') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin:0;
	padding:0;
	background:#bbbbbb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

#page {
	width:1000px;
	margin:auto;
}

#page #entete {
	height:195px;
	position:relative;
}

#page #entete #logo {
	width:515px;
	float:left;
}

#page #entete #logo p {
	margin:0;
}

#page #entete #logo p.accroche {
	font-family:'jaunedoeufBold';
	font-size:19px;
	color:#ffffff;
	position:absolute;
	top:143px;
	left:20px;
}

#page #entete #logo .btn-contact {
	width:180px;
	height:180px;
	position:absolute;
	top:20px;
	left:480px;
	z-index:100;
}

#page #entete #logo .btn-contact a {
	display:inline-block;
	width:180px;
	height:180px;
	background:url(../images/btn-contact.png) no-repeat;
}

#page #entete #logo .btn-contact a:hover {
	background:url(../images/btn-contact.png) 0 -180px;
}

#page #entete #menu {
	width:485px;
	height:195px;
	background:url(../images/entete-menu.jpg) no-repeat;
	float:right;
}

#page #entete #menu-int {
	width:485px;
	height:195px;
	background:url(../images/entete-menu-int.jpg) no-repeat;
	float:right;
}

#page #entete #menu p {
	position:absolute;
	top:0;
	right:40px;
}

#page #entete #menu a {
	color:#333333;
}

#page #corps {
	width:1000px;
	position:relative;
}

#page #corps #img-corps {
	position:absolute;
	top:0;
	right:0px;
	width:1000px;
	height:345px;
	z-index:0;
}

#page #corps #img-corps-int {
	position:absolute;
	top:0;
	right:0px;
	width:1000px;
	height:345px;
	z-index:0;
}

#page #corps #contenu {
	width:511px;
	padding:25px 450px 0 0;
	min-height:315px;
	_height:325px;
}

#page #corps #contenu-int {
	position:relative;
	width:941px;
	padding:5px 10px 0 10px;
	background-color:#FFFFFF;
	min-height:315px;
	_height:325px;
	z-index:0;
}

#page #pied-de-page {
	width:960px;
	height:70px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

#page #pied-de-page a {
	color:#333333;
}

#page #pied-de-page #coordonnees {
	width:850px;
	float:left;
}

#page #pied-de-page #coordonnees p, #a-propos p {
margin:0; padding:0;
}

#page #pied-de-page #a-propos {
	width:105px;
	float:left;
}

#page #pied-de-page #coordonnees p, #page #pied-de-page #reseaux p, #page #pied-de-page #a-propos p {
	line-height:20px;
}

a {
	color:#333333;
	text-decoration:none;
}

img {
	border:none;
}

.clear {
	clear:both;
}

.justif {
	text-align:justify;
}

.erreur {
	color:#ff0000;
	font-weight:bold;
}

/**************************************** INDEX *****************************************/

#edito {
	width:911px;
	height:75px;
	padding:1px 30px 20px 20px;
	background:#ffffff;
}


.edito {
	font-size:11px;
	color:#9f9f9f;
	line-height:17px;
	text-align:justify;
	
}

/**************************************** DIAPORAMA ****************************************/

#diaporama {
	width:450px;
	height:275px;
	border:1px solid #8b8a8b;
	margin:0 0 0 50px;
}
#textereference {
	width:250px;
	height:275px;
	position:absolute;
	top:5px;
	left:540px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
	line-height:22px;
	color:#000000;
} 

#textereference ul {
	list-style:disc;
}

#ombre {
	position:relative;
	width:450px;
	height:25px;
	margin:0 0 0 50px;
	background:url(../images/ombre-diaporama.jpg) no-repeat;
	z-index:1;
}

#diaporama :focus { 
	outline:0; 
}

#diaporama a:active { 
	outline:none; 
}

#diaporama ol,ul { 
	list-style:none; 
}

#diaporama table { 
	border-collapse:separate; 
	border-spacing:0; 
}

#diaporama caption,th,td { 
	text-align:left; 
	font-weight:normal; 
}

#diaporama blockquote:before,blockquote:after,q:before,q:after { 
	content:""; 
}

#diaporama blockquote,q { 
	quotes:"" ""; 
}

#diaporama .slides_container {
	width:452px;
	overflow:hidden;
	position:relative;
	display:none;
	z-index:100000;
}

#diaporama .slides_container div.slide {
	width:450px;
	height:275px;
	display:block;
	border:1px grey solid;
}

/**************************************** FORMULAIRES *****************************************/

#contactform label {
	display:inline-block; 
	width:100px;
}

#contactform input[type="text"] {
	width:350px;
}

#contactform textarea {
	width:456px;
}