BODY {
	margin:0px;
	padding:0px;
	
	background-color:#FFFFFF;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#858585;
	font-size:15px;
	line-height:24px;
	
	background-image:url(images/skin_fond_page.png);
	
}

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

}

a {
	color:#75cdf0;
	text-decoration:none;
}


/* TITRE */
h1 {
	margin:0px;
	padding:0px;
	margin-bottom:14px;
	
	font-size:24px;
	color:#75cdf0;
	font-weight:normal;
	
	font-family: 'HarabaraRegular';
	letter-spacing:1px;
}

h1.center {
	text-align:center;
}

h2 {
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	
	font-size:20px;
	color:#75cdf0;
	font-weight:normal;
	
	font-family: 'HarabaraRegular';
	letter-spacing:1px;
}

h2.titre_2 {
	margin-bottom:3px;
}

h3 {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	
	font-family: 'HarabaraRegular';
	letter-spacing:1px;
}

/* HEAD */
#head {
	height:150px;
	
	background-image:url(images/skin_fond.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#head a.logo {
	display:block;
	width:980px;
	height:150px;
	
	overflow:hidden;
	text-indent:-999px;
	margin:auto;
	
	background-image:url(images/skin_logo.png);
	background-repeat:no-repeat;
}

/* MENU */
#body .menu {
	position:absolute;
	background-image:url(images/skin_fond_menu.png);
	background-repeat:repeat-y;
	
	width:220px;
	margin-left:199px;
	
	*margin-left:-210px;
}

#body .menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#body .menu ul li {
}

#body .menu ul li .titre_menu {
	display:block;
	color:#000000;
	
	height:40px;
	line-height:40px;
	
	padding-left:12px;
	
	font-family: 'HarabaraRegular';
	letter-spacing:1px;
	font-size:22px;
}

#body .menu ul li a.titre_menu:hover,
#body .menu ul li a.sous_menu:hover {
	color:#2183a7;
}

#body .menu ul li .titre_menu_actif,
#body .menu ul li a.titre_menu_actif:hover {
	background-image:url(images/skin_actif_menu.png);
	background-repeat:no-repeat;
	background-position:-1px center;
	
	color:#FFFFFF;
}

#body .menu ul li a.sous_menu {
	display:block;
	
	line-height:20px;
	font-size:14px;
	color:#000000;
	
	padding:10px 0px 10px 18px;
}

#body .menu ul li a.sous_menu_actif {
	color:#2183a7;
}

#body .menu ul li.presentation {
	background-image:url(images/skin_ligne_menu.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#body .menu ul li.contact {
	background-image:url(images/skin_ligne_menu.png);
	background-position:left top;
	background-repeat:no-repeat;
}

/* IMAGE FOND */
#body .fond_image {
	padding-top:20px;
	
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/skin_image_1.jpg);
}

#body .page_presentation {
	background-image:url(images/skin_image_1.jpg);
}

#body .page_gestion_administrative_et_commerciale,
#body .page_assistance_commerciale,
#body .page_organisation_evenementiel,
#body .page_facturation {
	background-image:url(images/skin_image_2.jpg);
}

#body .page_contact {
	background-image:url(images/skin_image_3.jpg);
}

/* BODY */
#body {
	min-height:670px;
	
	background-image:url(images/skin_fond_body.png);
	background-repeat:repeat-x;
} 

#body .warp {
	width:980px;
	margin:auto;
}

#body .warp .zone_texte {
	background-color:#FFFFFF;
	width:545px;
	
	margin-left:410px;
	min-height:500px;
	
	text-align:justify;
}

#body .warp .zone_texte .padding {
	padding:15px;
}

#body .warp .zone_texte .separateur {
	border-top:1px dashed #AAA;
	margin-top:15px;
	height:15px;
}

#body .warp .zone_texte .paragraphe {
	padding:0px 10px;
}

#body .warp .zone_texte ul.liste_texte {
	margin:0px;
	padding:0px;
	list-style:none;
}

#body .warp .zone_texte ul.liste_texte li {
	padding-left:15px;
	padding-bottom:10px;
	background-image:url(images/skin_fleche.png);
	background-repeat:no-repeat;
	background-position:left 7px;
}

/* CONTACT */

.legende {
	margin-bottom:20px;
	font-size:13px;
} 
.erreur {
	color:red;
	margin-bottom:20px;
}

.label {
	margin-bottom:0px;
}

input.input {
	border:1px solid #858585;
	color:#858585;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	margin-bottom:10px;
	width:100%;
}

textarea.textarea {
	border:1px solid #858585;
	color:#858585;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	margin-bottom:10px;
	width:100%;
	height:80px;
}

input.bouton {
	border:1px solid #858585;
	background-color:#858585;
	color:#FFF;
	
	font-size:14px;
	padding:5px 20px;
}

/* FOOTER */

#footer {	
	width:950px;
	text-align:right;
	
	margin-top:15px;
	padding-bottom:30px;
	font-size:11px;
	color:#3f3c3b;
}

#footer a {
	color:#3f3c3b;
}

#footer a:hover {
	color:#FFF;
}

