/*********************************************************
	Coiffure Croisan - V2 (Decembre 2006)
	http://www.coiffurecroisan.com
**********************************************************

**********************************************************
CONTENTS:

-> Common Elements
-> Pages
	-> Index
	-> Conseils
	-> Tarifs
	-> Horaires et accès
	-> Partenaires
	-> Contact
	-> Fin Contact
	-> Modeles
	-> Plan du site
	-> Credits et Mentions legales
	-> Accessibilite
	-> Erreur
-> Presentation
	-> Visite Virtuelle
-> Specialites
	-> Defrisage
	-> Curly
	-> Extensions Capillaires
	-> Tresses et Tissages
	-> Coupes
	-> Permanente
	-> Couleurs et meches
	-> Coiffure occasions
-> Soins
	-> Hair Spa
-> Nouveautes
	-> Coloration Inspire
	-> Soins spécifiques
*********************************************************/



/* Body */
body {
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", Georgia, Trebuchet MS, sans-serif;
	background: url(images/bglogo.png) top left no-repeat;
}

/* No Javascript */
#nojs {
	width: 100%;
	padding: 15px;
	background-color: #FF9B9B;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-align:center;
}

/* Banner */
#banner {
	width: 100%;
	height: 130px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#gohome {
	margin: 0;
	padding: 0;
}

#gohome img {
	border: 0;
}

#pub {
	float: right;
	width: 160px;
	height: 130px;
}

#pub img {
	border: 0;
}

/* Menu */
#menu {
	width: 100%;
	height: auto;
	padding: 5px 0;
	background-color:#753e04;
	text-align:center;
}

#menu #inside {
	font-size: 85%;
	color: #FFF;
	font-weight: 600;
}

#menu #inside ul {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

#menu #inside ul li {
	list-style: none;
	display: inline;
}

#menu #inside ul li a {
	font-size: 90%;
	color: #FFF;
	font-weight: 600;
	text-decoration: none;
}

#menu #inside ul li a:hover {
	text-decoration: underline;
}

#menu #inside ul li a:active {
	color: #75EF2A;
	text-decoration: underline;
}

#menu #inside ul li a:focus {
	color: #CAEFB3;
	text-decoration: underline;
}

/* SubMenus */
#submenus ul {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

#submenus ul li {
	list-style: none;
	display: inline;
	font-size: 70%;
	color: #333;
	font-weight: bold;
}

#submenus ul li a {
	color: #333;
	text-decoration: none;
}

#submenus ul li a:hover {
	color: #FF0F2F;
	text-decoration: underline;
}

#menu_specialites {
	display: none;
	width: 100%;
	height: auto;
	padding: 5px 0;
	text-align: center;
	background-color: #FFE6BF;
}

#menu_soins {
	display: none;
	width: 100%;
	height: auto;
	padding: 5px 0;
	text-align: center;
	background-color: #D1EEFC;
}

#menu_nouveautes {
	display: none;
	width: 100%;
	height: auto;
	padding: 5px 0;
	text-align: center;
	background-color: #DFFFBF;
}

/* Mainframe */
#mainframe {
	width: 100%;
	height: 100%;
}

/* Titles */
h1 {
	margin-top: 0;
	padding: 15px 0 5px 0;
	font-size: 100%;
	font-weight: 600;
	color: #753e04;
	text-decoration: none;
	text-align:center;
}

h2 {
	font-size: 80%;
	font-weight: 700;
	font-style: italic;
	color: #FFB200;
	text-decoration: none;
	padding-top: 15px;
}

.content {
	font-size: 80%;
	color: #666;
	text-decoration: none;
}

.link {
	color: #6F71FF;
	text-decoration: underline;
}

/* Text Zone */
#textzone {
	float: left;
	width: 400px;
}

/* Pictures */
.pic {
	border: 0;
}

/* Footer */
#footer {
	width: 100%;
	border-top: 1px dashed #CCC;
	padding: 10px 0 30px 0;
	text-align: center;
}

.float-left {
	float: left;
	padding: 0 7px 0 0;
}

#fblink {
	display: block;
	margin: 0 auto;
	padding: 5px 0;
	width: 350px;
	text-align: left;
	font-size: 80%;
	color: #4669A6;
	text-decoration: none;	
}

#fblink img {
	border: 0;
}

#insidesubscription-form {
	padding: 10px 0 15px;
}

#insidesubscription-form fieldset {
	border: 0;
}

#insidesubscription-form label {
	font-size: 80%;
	color: #333;
}

#insidesubscription-form input[type=text] {
	color: #999;
	border: 1px solid #999;
	padding: 3px;
}

#insidesubscription-form input[type=text]:hover, #insidesubscription-form input[type=text]:focus {
	color: green;
	border: 1px solid green;
}

#insidesubscription-form input[type=submit], #insidesubscription-form input[type=button] {
	padding: 2px 7px;
	background: #E1E1E1;
	border: 1px solid #999;
	color: #333;
	cursor: pointer;
}

small {
	font-size: 70%;
	color: #333;	
}

#footlinks {
	width:980px;
	margin: 0 auto;
}

#footlinks ul {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

#footlinks ul li {
	list-style: none;
	display: inline;
	font-size: 70%;
	color: #666;
	text-decoration: none;
}

#footlinks ul li a {
	color: #666;
	text-decoration: none;
}

#footlinks ul li a:hover {
	text-decoration: underline;
}

#valid {
	width: 980px;
	margin: 0 auto;
	padding-top: 15px;
	font-size: 70%;
	color: #666;
	text-decoration: none;
}

#valid a {
	color: #666;
	text-decoration: none;
}

#valid a:hover {
	text-decoration: underline;
}

/* Referencement */
.ref {
	visibility: hidden;
}

/* Xiti Tag */
#xiti-logo {
	width: 100%;
	margin-top: 50px;
	text-align: center;
}

/* Lists */
.box_ul ul li {
	list-style-type: disc;
	color: #192889;
}

/* Center */
.centered {
	position: absolute;
	width: 110px;;
	left: 50%;
	margin-left: -160px;
	text-align: center;
}

/****************************************
PAGES
****************************************/

/* INDEX */
#mainzone_index {
	width: 880px;
	height: 400px;
	padding: 0 50px 20px 50px;
	margin: 0 auto;
	text-align: justify;
}

#mainzone_index #textzone {
	float: left;
	width: 450px;
	padding: 5px 0 0 60px;
}

#mainzone_index #textzone a, #mainzone_index #textzone a:visited {
	color: #666;
}

#mainzone_index #index_right {
	float: right;
	width: 200px;
	padding-right: 50px;
}

#mainzone_index #imageContainer {
	width: 200px;
	margin-bottom: 120px;
}

#mainzone_index #imageContainer img {
	display: none;
	position: absolute;
}

/* CONSEILS */
#mainzone_conseils {
	width: 880px;
	height: 1600px;
	padding: 0 50px 20px 50px;
	margin: 0 auto;
	text-align: justify;
}

#mainzone_conseils #textzone {
	float: left;
	width: 740px;
	padding-left: 80px;
}

h3 {
	font-size: 85%;
	font-weight: 600;
	color: #EF1E8B;
}

.reponse {
	font-size: 80%;
	color: #75C22A;
}

/* TARIFS */
#mainzone_tarifs {
	width: 880px;
	height: 1750px;
	padding: 0 50px 20px 50px;
	margin: 0 auto;
	text-align:center;
}

#mainzone_tarifs p {
	font-size: 85%;
	color: #666;
}

#mainzone_tarifs ul {
	font-size: 85%;
	color: #666;
	text-align: left;
	padding-left: 150px;
}

#mainzone_tarifs #textzone {
	width: 100%;
	padding-top: 15px;
	text-align: center;
}

.table_tarifs {
	width: 650px;
	margin: 0 auto 10px auto;
	border-collapse: collapse;
	background-color: #FAFDEE;
	text-align: center;
}

caption {
	margin: 0 auto;
	padding: 15px 0 5px 0;
	text-align: center;
	font-size: 100%;
	font-weight: 500;
	color: #FF9A41;
	text-decoration: none;
}

.table_header {
	color: #0099CC;
}

td {
	padding: 5px 0;
	background-color: #F9FADA;
	font-size: 80%;
	color: #192889;
	text-decoration: none;
	text-align: center;
	border: 1px solid #D6D6D6;
}

th {
	width: 525px;
	padding: 5px 0;
	background-color: #EEF6CD;
	font-size: 80%;
	color: #192889;
	text-decoration: none;
	text-align: center;
	border: 1px solid #D6D6D6;
}

/* HORAIRES ET ACCES */
#mainzone_acces {
	width: 880px;
	height: 420px;
	margin: 0 auto;
	padding: 0 50px 20px 50px;
	text-align: justify;
}

#mainzone_acces #textzone {
	float: left;
	width: 350px;
	padding: 50px 0 0 50px;
}

#acces_left {
	float: right; 
	margin-top: 10px;
	padding: 0 0 20px 20px;
	border-left: 1px solid #CCC;
}

#map {
	width: 450px;
	height: 300px;
}

#insidemap {
	width: 310px;
	padding-right: 5px;
	font-size: 75%;
	color: #666;
	text-decoration: none;
}

#insidemap a {
	color: #666;
}

/* PARTENAIRES */
#mainzone_partenaires {
	width: 980px;
	height: 450px;
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: justify;
}

#partenaires_firstline {
	height: 100px;
	padding: 10px 0;
	margin-bottom: 20px;
	text-align: center;
}

#partenaires_secondline {
	height: 100px;
	padding: 10px 0;
	text-align: center;
}

#partenaires_thirdline {
	height: 100px;
	padding: 10px 0;
	text-align: center;
}

/* CONTACT */
#mainzone_contact {
	width: 880px;
	height: 600px;
	margin: 0 auto;
	padding: 0 50px 20px 50px;
	text-align: justify;
	background-image: url(images/contact/mainzone_contact.png);
}

#mainzone_contact #textzone {
	float:left;
	width:340px;
}

#mainzone_contact #textzone a {
color:#666666;
}

#mainzone_contact #textzone a:hover {
color:#0000FF;
}

#mainzone_contact #textzone a:visited {
color:#0000FF;
}

#mainzone_contact #contact_right {
float:right;
width:520px;
border-left:1px solid #CCCCCC;
}

#mainzone_contact fieldset {
clear:left;
width:500px;
margin-left:auto;
margin-right:auto;
border:none;
text-align:center;
color:#666666;
}

#mainzone_contact fieldset legend {
font-size:85%;
color:#666666;
font-weight:bold;
}

#mainzone_contact fieldset ol {
list-style:none;
}

#mainzone_contact fieldset li {
padding-top:0px;
padding-bottom:5px;
text-align:left;
}

#mainzone_contact label {
padding-top:5px;
text-align:left;
display:block;
font-size:80%;
cursor:default;
}

#mainzone_contact .label_message {
text-align:center;
}

#mainzone_contact input {
background-color:#FFFFFF; 
border:1px solid #CCCCCC;
font-size:100%;
color:#666666;
}

#mainzone_contact input:focus {
background-color:#EFFFEF;
border:1px solid #999999;
}

#mainzone_contact select {
background-color:#FFFFFF; 
border:1px solid #CCCCCC;
font-size:100%;
color:#666666;
cursor:pointer;
}

#mainzone_contact select:focus {
background-color:#EFFFEF;
border:1px solid #999999;
}

#mainzone_contact .input_email {
font-variant:normal;
}

#mainzone_contact textarea {
margin-left:-3px;
background-color:#FFFFFF; 
border:1px solid #CCCCCC;
font-size:100%;
color:#666666;
cursor:text;
}

#mainzone_contact textarea:focus {
background-color:#EFFFEF;
border:1px solid #999999;
}

#mainzone_contact .inputsend {
width:100px; 
height:26px;
margin-top:5px;
border:1px solid #75C22A;
font-size:80%;
color:#75C22A;
cursor:pointer;
}

#mainzone_contact .inputsend:hover, .inputsend:focus  {
border:1px solid #0099CC;
color:#0099CC;
}

#mainzone_contact .required {
color:#FF0000;
cursor:text;
}

input .button {
	cursor: pointer;
}

#legal {
width:470px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
font-size:65%;
color:#666666;
text-align:justify;
cursor:text;
}

.alerte {
	font-size:90%;
	color: red;
}

/* FIN CONTACT */
#mainzone_fincontact {
width:880px;
height:300px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:center;
}

#mainzone_fincontact #textzone {
width:100%;
padding-top:50px;
}

/* FIN INSCRIPTION */
#mainzone_fininscription {
width:880px;
height:300px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:center;
}

#mainzone_fininscription #textzone {
width:100%;
padding-top:50px;
}

/* MODELES */
#mainzone_modeles {
width:880px;
height:800px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
}

#mainzone_modeles #contact_modeles {
width:520px;
margin: 0 auto;
}

#mainzone_modeles fieldset {
clear:left;
width:500px;
margin-left:auto;
margin-right:auto;
border: 1px solid #CCC;
text-align:center;
color:#666666;
}

#mainzone_modeles fieldset legend {
font-size:85%;
color:#666666;
font-weight:bold;
}

#mainzone_modeles fieldset ol {
list-style:none;
}

#mainzone_modeles fieldset li {
padding-top:0px;
padding-bottom:5px;
text-align:left;
}

#mainzone_modeles label {
padding-top:5px;
text-align:left;
display:block;
font-size:80%;
cursor:default;
}

#mainzone_modeles .label_message {
text-align:center;
}

.alerte {
	font-weight: 700;
	color: red;
}

#mainzone_modeles input {
background-color:#FFFFFF; 
border:1px solid #CCCCCC;
font-size:95%;
color:#666666;
cursor:text;
}

#mainzone_modeles input:focus {
background-color:#EFFFEF;
border:1px solid #999999;
}

#mainzone_modeles select {
background-color:#FFFFFF; 
border:1px solid #CCCCCC;
font-size:95%;
color:#666666;
cursor:pointer;
}

#mainzone_modeles select:focus {
background-color:#EFFFEF;
border:1px solid #999999;
}

#mainzone_modeles .input_email {
font-variant:normal;
}

#mainzone_modeles textarea {
margin-left:-3px;
background-color:#FFFFFF; 
border:1px solid #CCCCCC;
font-size:95%;
color:#666666;
cursor:text;
}

#mainzone_modeles textarea:focus {
background-color:#EFFFEF;
border:1px solid #999999;
}

#mainzone_modeles .inputsend {
width:100px; 
height:26px;
margin-top:5px;
border:1px solid #75C22A;
font-size:75%;
color:#75C22A;
cursor:pointer;
}

#mainzone_modeles .inputsend:hover, .inputsend:focus  {
border:1px solid #0099CC;
color:#0099CC;
}

#mainzone_modeles .required {
color:#FF0000;
cursor:text;
}

#reponseenvoi {
	font-size: 85%;
	color: #75C22A;
	font-weight: 600;
}

/* PLAN DU SITE */
#mainzone_plandusite {
width:880px;
height:700px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
}

#mainzone_plandusite #textzone {
width:400px;
padding-top:15px;
padding-left:400px;
}

#mainzone_plandusite ul {
color:#999999;
}

#mainzone_plandusite ul li a {
font-size:80%;
}

/* CREDITS ET MENTIONS LEGALES */
#mainzone_mentionslegales {
width:880px;
height:100%;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
}

/* ACCESSIBILITE */
#mainzone_accessibilite {
width:880px;
height:100%;
line-height:1.5em;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
}

.keyboard {
padding:0px 5px 0px 5px;
border:1px solid #666666;
color:#666666;
text-decoration:none;
}

/* ERREUR */
#mainzone_erreur {
width:880px;
height:250px;
line-height:1.5em;
margin-left:auto;
margin-right:auto;
padding-top:100px;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:center;
}

/****************************************
-> PRESENTATION
****************************************/

/* VISITE VIRTUELLE */
#mainzone_visitevirtuelle {
width:880px;
height:580px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
}

#mainzone_visitevirtuelle #textzone {
float:left;
width:600px;
padding-top:35px;
padding-left:170px;
text-align:center;
}

#view360 {
padding-top:20px;
padding-bottom:20px;
}

/* hides the second object from all versions of IE */
* html object.mov {
display:none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
display:inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
display/**/: none;
}


/****************************************
-> SPECIALITES
****************************************/

/* DEFRISAGE */
#mainzone_defrisage {
width:880px;
height:1100px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
background:url(images/specialites/defrisage/mainzone_defrisage.png) top center no-repeat;
}

#mainzone_defrisage #textzone {
float:left;
width:400px;
padding-top:35px;
padding-left:170px;
}

#mainzone_defrisage #imageContainer {
float:right;
width:300px;
}

#mainzone_defrisage #imageContainer img {
display:none;
position:absolute;
}

/* LISSAGE BRESILIEN */
#mainzone_lissagebresilien {
width:880px;
height:1500px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
}

#mainzone_lissagebresilien #textzone {
float:left;
width:400px;
padding-top:35px;
padding-left:170px;
}

#mainzone_lissagebresilien #imageContainer {
float:right;
width:300px;
}

#mainzone_lissagebresilien #imageContainer img {
display:none;
position:absolute;
}

/* CURLY */
#mainzone_curly {
width:880px;
height:310px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
background-image:url(images/specialites/curly/mainzone_curly.png);
}

#mainzone_curly #textzone {
float:left;
width:400px;
padding-top:25px;
padding-left:160px;
}

#mainzone_curly #imageContainer {
float:right;
width:300px;
}

#mainzone_curly #imageContainer img {
display:none;
position:absolute;
}

/* EXTENSIONS CAPILLAIRES */
#mainzone_extensions {
width:880px;
height:550px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
background:url(images/specialites/extensions/mainzone_extensions.png) no-repeat top center;
}

#mainzone_extensions #textzone {
float:left;
width:340px;
padding-top:25px;
padding-left:210px;
}

#mainzone_extensions #imageContainer {
float:right;
margin-top:25px;
width:300px;
}

#mainzone_extensions #imageContainer img {
display:none;
position:absolute;
}

/* TRESSES ET TISSAGES */
#mainzone_tresses {
width:880px;
height:390px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
background-image:url(images/specialites/tresses/mainzone_tresses.png);
}

#mainzone_tresses #textzone {
float:left;
width:400px;
padding-top:30px;
padding-left:60px;
}

#mainzone_tresses #imageContainer {
float:right;
width:300px;
}

#mainzone_tresses #imageContainer img {
display:none;
position:absolute;
}

/* COUPES */
#mainzone_coupes {
width:880px;
height:310px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
background-image:url(images/specialites/coupes/mainzone_coupes.png);
}

#mainzone_coupes #textzone {
float:left;
width:400px;
padding-top:35px;
padding-left:155px;
padding-right:20px;
}

#mainzone_coupes #imageContainer {
float:right;
width:300px;
}

#mainzone_coupes #imageContainer img {
display:none;
position:absolute;
}

/* PERMANENTE */
#mainzone_permanente {
width:880px;
height:310px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
background-image:url(images/specialites/permanente/mainzone_permanente.png);
}

#mainzone_permanente #textzone {
float:left;
width:350px;
padding-top:30px;
padding-left:230px;
}

#mainzone_permanente #imageContainer {
float:right;
margin-top:5px;
width:300px;
}

#mainzone_permanente #imageContainer img {
display:none;
position:absolute;
}

/* COULEURS ET MECHES */
#mainzone_couleurmeches {
width:880px;
height:390px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
background-image:url(images/specialites/couleurmeches/mainzone_couleurmeches.png);
}

#mainzone_couleurmeches #textzone {
float:left;
width:400px;
padding-left:70px;
}

#mainzone_couleurmeches #imageContainer {
float:right;
margin-top:20px;
width:300px;
}

#mainzone_couleurmeches #imageContainer img {
display:none;
position:absolute;
}

/* COIFFURE OCCASIONS */
#mainzone_coiffureoccasion {
width:880px;
height:290px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
background-image:url(images/specialites/coiffureoccasion/mainzone_coiffureoccasion.png);
}

#mainzone_coiffureoccasion #textzone {
float:left;
width:400px;
padding-top:70px;
padding-left:150px;
}

#mainzone_coiffureoccasion #imageContainer {
float:right;
width:300px;
}

#mainzone_coiffureoccasion #imageContainer img {
display:none;
position:absolute;
}

/****************************************
-> SOINS
****************************************/

/* HAIRSPA */
#mainzone_hairspa {
width:880px;
height:390px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
background-image:url(images/soins/hairspa/mainzone_hairspa.png);
}

#mainzone_hairspa #textzone {
float:left;
width:350px;
padding-top:20px;
padding-left:100px;
padding-right:70px;
}

#mainzone_hairspa #imageContainer {
float:right;
width:300px;
padding-top:40px;
}

#mainzone_hairspa #imageContainer img {
display:none;
position:absolute;
}

/****************************************
-> NOUVEAUTES
****************************************/

/* COLORATION INSPIRE */
#mainzone_coloration {
width:880px;
height:290px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
background-image:url(images/nouveautes/coloration/mainzone_coloration.png);
}

#mainzone_coloration #textzone {
float:left;
width:500px;
padding-top:30px;
padding-left:270px;
}

/* SOINS SPECIFIQUES */
#mainzone_soins {
width:880px;
height:290px;
margin-top:0px;
padding-top:0px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
text-align:justify;
background-image:url(images/nouveautes/soins/mainzone_soins.png);
}

#mainzone_soins #textzone {
float:left;
width:400px;
padding-top:30px;
}