body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul,li { /*list-style: none;*/ }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { contenu:''; }
abbr,acronym { border: 0; }
ins { text-decoration: none; }
p {margin:0;}

html { font-size: 100%; } 

body { font-size: .625em; font-family: "Luxi sans","Lucida Grande",Lucida,"Lucida Sans Unicode",sans-serif; color: #eee;}


h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; /*font-family: Georgia, Times, serif;*/ }
h1 { margin: 0; padding: 0; 
font-size: 1.7em; font-weight: bold; color:#eee;background:#000;


}

h2 {
margin:6px 0px;
padding:3px 15px;
 background:#000;
line-height:1.6em;
font-size:1.4em;

-moz-border-radius-topleft: 21px; -webkit-border-top-left-radius: 21px;
-moz-border-radius-topright: 21px; -webkit-border-top-right-radius: 21px;
}
h2, h2 a, h2 a:hover { color:#eee;}

h3 { font-size: 1.2em; font-weight: bold; }

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Citations, code et poesie */
cite {}
q {}
blockquote {}

address {}

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }

p {margin-bottom:.5em;}





body { background: #000

;
margin: 0; padding: 12px 0px 0px 0px;
text-align: center;}






div#page {position:relative;top:1em;width:900px;margin: 0 auto;text-align:left;
 
margin-bottom:30px;

background:#000;
border:3px solid #eee;
-moz-border-radius: 30px; -webkit-border-radius: 30px;
}


div#bloc_haut {position:relative;clear: both;


padding:0px 0px 0px 80px;
background:#000 ;

-moz-border-radius: 30px; -webkit-border-radius: 30px;
}


div#top { position: relative;clear: both; 
width: 750px; 
height:170px; margin: 0;
background:#000 url(http://www.contrast-coiffure.com/IMG/png/image1.png) 0 0 no-repeat;


}

div#bloc_nom {
position:absolute;bottom:0;
/*clear: both;*/
width:30%;





}



div#bloc_nom a#nom_site_spip {

/*clear: both;*/
width:30%;



color:#000;




}

div#bloc_nom a#nom_site_spip span.nom {font-size:1em;line-height:0.5em;/*font-family: Monotype Corsiva;*/}
div#bloc_slogan {

/*clear: both;*/






}



div#bloc_slogan div.slogan {

/*clear: both;*/








font-size:1.6em;
line-height:0.8em;}
div#bloc_adresse {

/*clear: both;*/






}



div#bloc_adresse address {

/*clear: both;*/








font-size:1.2em;
line-height:1.2em;
}

 {display:block;}
div#bloc_horaires {

/*clear: both;*/






}


div#bloc_horaires div.horaires {

/*clear: both;*/








font-size:1.2em;/*font-family: Monotype Corsiva;*/}
div#bloc_pendule {
position:absolute;




background:transparent ;


}


div#bloc_pendule div#pendule {
position:absolute;





background:transparent ;


}







div#bloc_central {position:static;clear: both;
margin:20px 0px 0px 0px;

background:#000 ;


}


 
div#navigation { float: left; width: 200px;/*min-height:500px;height:500px;*/
margin:16px 15px 16px 5px;




overflow: hidden;display:inline;}
div#navigation ul#navlinksv {








font-size:1.5em;

}



div#navigation ul#navlinksv li {
width:200px;
margin:0px 0px 5px 15px;
padding:0px 0px 5px 5px;



border-bottom:1px solid #eee;
	
list-style:none;
}

 





div#navigation ul#navlinksv li.search {border:none;}
	


 
div#navigation ul#navlinksv li a.head {
display:block;







}






 
div#navigation ul#navlinksv li a.head:hover {






}




div#conteneur { clear: both; float: right; 
width: 680px;


background:#000 ;

-moz-border-radius: 30px; -webkit-border-radius: 30px;
 overflow: hidden;}


div#contenu {
margin:0px 5px 0px 10px;
padding:0px 5px 0px 10px;
}




 
div#bloc_extra {float: left; clear:left;width: 200px;/*min-height:500px;height:500px;*/
margin:20px 0px 0px 15px;

background:#000 ;
border:1px solid #eee;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
overflow: hidden;
font-size:1.2em;
}


div#extra {/*height:100px;*/

padding:0px 0px 0px 5px;
background:#000 ;
border:1px solid #eee;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
 #actu {
	position: relative;
	height:200px;
	width: 100%;
	overflow:hidden;
	}
	
.manchette {
position:absolute;
height:200px;
top:210px;
overflow:hidden;
}

.fade-slice {
position:absolute;
width:250px;
height:2px;
background:#000;
z-index:3;
}


div#bloc_bas {clear: both;width: 100%;text-align: center;

padding:10px 0px;
background:#000 ;

-moz-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px;
-moz-border-radius-bottomleft: 30px; -webkit-border-bottom-left-radius: 30px;

}


div#pied {width: 100%;


background:#000 ;

-moz-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px;
-moz-border-radius-bottomleft: 30px; -webkit-border-bottom-left-radius: 30px;

}


div#carte_de_visite {
width:100%;




-moz-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px;
-moz-border-radius-bottomleft: 30px; -webkit-border-bottom-left-radius: 30px;


font-size:1.2em;
}


div#pied_menu {




-moz-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px;
-moz-border-radius-bottomleft: 30px; -webkit-border-bottom-left-radius: 30px;


font-size:1.2em;	
}

div#pied_menu a {}	

div#pied_menu a:hover {}	

div#pied_menu a.on {font-weight:bold;}	

div#pied_menu img { vertical-align: bottom;width:1.2em;height:1.2em; }


.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }


.invisible { position: absolute; top: -3000em; height: 1%; }


.formulaire_inscription, .formulaire_site, #recommander, .formulaire_modif_abonnement2 {padding-bottom:1em;background:#000;}
#recommander h2:hover {color:#000;}
.bloc div#spiplistes-formabo {background:#000;}
div#spiplistes-formabo form div.spip_bouton {background:#000;padding-top:10px;}


.menu_langues { background: none; margin: 0; padding: 1em 0; vertical-align: top; }
.formulaire_menu_lang { background: none; margin: 0; padding: 1em 0; }


div#bloc_recherche {

/*clear: both;*/






}


div#bloc_recherche #formulaire_recherche {

/*clear: both;*/








font-size:1em;/*font-family: Monotype Corsiva;*/}


div#bloc_recherche #formulaire_recherche label { display: none; font-size: 1em;margin-top:0;padding-bottom:0; }
div#bloc_recherche .formulaire_recherche * { display: inline; vertical-align: middle; }
div#bloc_recherche #formulaire_recherche form div input.text {display: inline;width:7.6em;padding-left: 25px;color:#333;background:#fff  url(plugins/modulation/images/rechercher.gif) no-repeat left center;margin:0;}
div#bloc_recherche .formulaire_recherche form div input.submit { display: inline;vertical-align: middle;padding-right:3px;padding-left:2px;margin-left:1px;margin-right:0;font-size:.9em; }

#bloc_services {float:right;width:80px;height:24px;padding-top:10px;}

#bloc_services #services {padding:2px;}
body.page_sommaire #bloc_services {display:none;}
#hierarchie { clear: both; margin-bottom: 2em; font-size: .9em; color: #eee; }

.surtitre, .soustitre { font-size: .9em; color: #999; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche .traductions { font-size: .9em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }

.chapo { margin-bottom: 1.5em; font-weight: bold; color: #330; line-height: 1.4em; }
 
.texte { line-height: 1.68em;font-size:1.2em;}
.texte h2.spip { margin-top:1em; }
.texte p {padding:0 1.5em;text-align:justify; }
.hyperlien { display: block; background: #eee; padding: .5em 1em; font-weight: bold; color: #8b6f92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.4em; }
.notes { clear: both; font-size: .9em; }

abbr.published { border: 0; }



.extrait { line-height: 1.2em;text-align:justify;}


#documents_portfolio { clear: both; margin: 0  auto 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; border: 1px solid #ddd; }
#documents_portfolio a:hover .spip_logos { border-color: #f57900; }
#documents_portfolio a.on .spip_logos { border-color: #8b6f92; }
#document_actif { margin: 1em auto; }
#document_actif img { padding: 4px; border: 1px solid #ddd; }


.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }


ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }


ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }


ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #fefefe; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .signature_recherche { text-align: right; }
#signatures .signature_recherche input.forml { width: 12em; }
#signatures .signature_recherche input.bouton { vertical-align: middle; }




.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: .2em 0; padding: .2em .1em; }
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu ul li { margin: .2em 0; padding: .2em; border-bottom: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; }
.menu ul li li { padding: 0; border: 0; }


.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }


.rubriques ul li { background: #EEE; border: 0; }


.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.40em 0; padding: 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }
.colonne1,#col1 {width:47%;float:left;clear:left;margin-left:.5em;}
.colonne2,#col2 {width:47%;float:right;clear:right;margin-right:.5em;}
body.page_plan #contenu ul {list-style:none;padding-left:1em;margin-bottom:1em;}
.pass .boutons {margin-right:50%;}
.c-1 {float:left;clear:left;width:66%;}
.c-1 .formulaire_inscription2 input {padding-right:12px;}
.c-2 {float:right;clear:right;width:30%;}
.c-2 h3, .c-1 h3 {text-align:center;font-weight:bold;margin-bottom:1.5em;font-size:1.5em;}
.c-2 li {list-style-type:none;background:#eee;-webkit-border-radius: 5px;-moz-border-radius:5px;margin-bottom:5px;}
.c-2 a {display:block;text-align:center;}
.c-1 p {margin:2em 0;}
.page {width:80%;margin:2em 3em;padding:1em;background:#f8fb88;border:1px solid #eee;-webkit-border-radius: 5px;-moz-border-radius:5px;margin-bottom:5px;}
.masque05 {opacity:.50;}
.masque075 {opacity:.75;}

li.zone1 {width:100%;line-height:1.2em;padding-left:24px;background: #fff url(plugins/modulation/images/security.png) 80% center no-repeat;}
li.zone1 a {display:block;width:250px;padding-left:100px;}

.formulaire_site p.explication, .formulaire_login li.editer_password span.details {display:none;}
.formulaire_site #nom_site, .formulaire_site #url_site, .formulaire_site li textarea {width:70%;}
.formulaire_site p.boutons, .formulaire_clevermail p.boutons {margin-right:30%;}

.formulaire_login li.editer_password input#password {width:45%;}
fieldset legend {display:none;}

li.editer_sexe fieldset legend {display:block;font-weight:bold;line-height:1.2em;padding-bottom:3px;}
li.editer_sexe fieldset ul {margin-top:5px;}
li.editer_sexe fieldset ul li {display:inline;}
li.editer_sexe fieldset ul li label {display:inline;padding-right:10px;padding-bottom:2px;}
li.editer_sexe fieldset ul li input {display:inline;}

li label {padding-bottom:3px;margin-top:5px;}

fieldset li.editer_nom_famille {float:right;clear:right;width:180px;}
fieldset li.editer_prenom {float:left;clear:left;width:180px;}
li.editer_adresse {float:left;clear:left;width:70%;}
.formulaire_inscription2 #adresse {width:100%;}

fieldset li.editer_code_postal {float:left;clear:left;width:180px;}
fieldset li.editer_ville {float:right;clear:right;width:180px;}

fieldset li.editer_telephone {float:left;clear:left;width:180px;}
fieldset li.editer_fax {float:right;clear:right;width:180px;}

fieldset.info_pro {float:left;clear:left;width:48%;margin:0;padding:0;}
fieldset li.editer_societe {float:left;width:180px;}

fieldset.info_connection {float:right;clear:right;width:48%;margin:0;padding:0;}
fieldset li.editer_email {float:right;width:180px;}

.formulaire_spip fieldset li input.text, .textarea {line-height:1.5em;}

.formulaire_inscription2 fieldset li.editer_email {position:absolute;top:66.4%;right:34.6%;width:180px;}
.formulaire_inscription2 .editer_sexe fieldset legend {background:#000;}

.formulaire_oubli {width:200px;}

.formulaire_inscription2 li.obligatoire input, .formulaire_inscription2 li.obligatoire textarea {line-height:1.2em;background: #fff url(plugins/modulation/images/etoile-rouge-10.png) 99% center no-repeat;}

.formulaire_inscription2 .boutons {padding-top:1.5em;}
#colonne_une {width:99%;}






.page_sommaire .spip_documents_left img {float:left;}
.page_sommaire dl.spip_documents_right img {float:right;}

.suite {display:block;width:100%;margin:1em 0;padding-top:12px;line-height:1.2em;height:1.2em;text-align:right;}

 
.blok {
float:left;width:99%;
margin:5px;
background:#000  ;
border:2px solid #eee;
-moz-border-radius: 20px; -webkit-border-radius: 20px;
}






 
.editorial2 {
padding:0px 5px;
text-align:justify;
line-height: 1.44em;font-size:1.2em;
}
.formulaire_contact {width:97%;background:#000;}

.obligatoile, span.obligatoire {color:red;}

.formulaire_contact li.erreur span.erreur_message {display: block; color: #c30; font-weight: bold;}
.formulaire_contact li.erreur input.text, .formulaire_contact li.erreur textarea { background-color: #fcc; border-style: solid; border-color: #c30; }
.formulaire_contact li.erreur .choix { background-color: #fcc;}
li.erreur span.erreur {font-weight:bold;color:red;}
.formulaire_contact p.formulaire_ok {font-size:1.5em;padding:30px 10px;}

.saisie_civilite .explication, .saisie_qui .explication {font-weight:bold;}
.saisie_civilite .explication {padding-left:0;}
.choix {display:inline;}
.choix label {padding-right:1em;}

.formulaire_contact fieldset li input.text {width:95%;}
.formulaire_contact fieldset li.saisie_prenom, .formulaire_contact fieldset li.saisie_mail {float:left;clear:left;width:48%;}
.formulaire_contact fieldset li.saisie_nom, .formulaire_contact fieldset li.saisie_telephone {float:right;clear:right;width:48%;}
 
.formulaire_contact fieldset li.saisie_raison_sociale {display:none;float:right;clear:right;width:48%;padding-top:1.3em;}
.formulaire_contact fieldset li.saisie_adresse {float:left;clear:left;width:100%;}
 
.formulaire_contact fieldset li.saisie_code_postal {float:left;clear:left;width:48%;}
.formulaire_contact fieldset li.saisie_ville {float:right;clear:right;width:48%;}
#info_adresse, #info_sujet {width:97.5%;}
#texte {float:left;clear:left;width:97.5%;}

.formulaire_contact .boutons {float:left;clear:left;width:95%;padding-top:1em;}


div#contact_coord address span.org {display:block;font-size:1.5em;}
div#contact_coord address span.adresse {}
div#contact_coord address span.adresse span.voie {display:block;}
div#contact_coord address span.adresse span.cp {}
div#contact_coord address span.adresse span.ville {}
div#contact_coord address span.tel {display:block;}
div#contact_coord address span.tel span.n_tel {}
div#contact_coord address span.fax {display:block;}
div#contact_coord address span.fax span.n_fax {}
div#contact_coord address span.cell {display:block;}

.carte {position:relative;margin:0;padding:0;border:none;}
.carte img {margin:0;padding:0;border:none;}
.carte img.bord {border: 1px solid black;}


	
.separation {margin: 2em auto;background: transparent;}
.separation hr {display: none;}


a, a.spip_in { color: #eee; text-decoration: none; }
a.spip_out { color: #009; padding-right: 10px; background: url(plugins/modulation/images/spip_out.gif) no-repeat right center; }
a:focus,a:hover,a:active { color: #f50022; text-decoration: underline; }
a.on { color: #fff; text-decoration: none; }


.occulter {display:none!important;}
.structure {display:none;}