/***************** STYLE GLOBAUX *****************/

a img{

border:none;

}

a:active, a:focus{

outline:none;

}

/***************** STYLE CONTENU *****************/

#contenu h1{

font:normal 20px Georgia, "Times New Roman", Times, serif;

color:#ff00ae;

margin:0 0 20px;

}

#contenu h1 span{

font:normal 15px Georgia, "Times New Roman", Times, serif;

color:#fff;

display:block;

text-align:right;

}



#contenu h1.galerie{

font:normal 20px Georgia, "Times New Roman", Times, serif;

color:#ff00ae;

margin:30px 0 5px 0;

text-align:center;

background:url(../images/integration/h1Galerie.jpg) no-repeat center top;

}

#contenu h2{

font:bold 15px Arial, Helvetica, sans-serif;

color:#b300ff;

letter-spacing:1px;

margin:;

}

#contenu h3{

font:normal 16px Georgia, "Times New Roman", Times, serif;

color:#fff;

margin:0 0 7px 0;

font-style:italic;

}





#contenu h4{

font:normal 16px Georgia, "Times New Roman", Times, serif;

color:#fff;

margin-bottom:1.0em;

}



#contenu p{

font:11px/1.2em Arial, Helvetica, sans-serif;

text-align:justify;

color:#aaa;

margin-bottom:1.2em;

}

#contenu p em{

font-weight:bold;

font-size:12px;

line-height:1.3em;

}

#contenu p strong{

color:#FFFFFF;

}

#contenu p.couleur, span.couleur{

font-weight:bold;

color:#b300ff;

}

#contenu p.center, #contenu .center{

text-align:center;

}

#contenu a:link, #contenu a:visited{

font-weight:bold;

text-decoration:none;

color:#ff00ae;

border-bottom:1px dotted #73004e;

}

#contenu a:hover, #contenu a:active{

color:#fd66cd;

}

/***************** STYLE FOOTER *****************/

#footer p{

font:10px/30px Arial, Helvetica, sans-serif;

color:#fff;

text-align:right;

letter-spacing:1px;

padding:0 10px 0 0;

}

#footer a:link, #footer a:visited{

text-decoration:none;

color:#fff;

}

#footer a:hover, #footer a:active{

text-decoration:underline;

color:#fff;

}







/***************** STYLE INTEGRATION *****************/

#texte{

width:430px;

}



/*************/

#diapo{

width:280px;

height:360px;

display:block;

}

#actu{

width:260px;

min-height:200px;

display:block;

background:url(../images/charte/bg-actu.jpg) left top no-repeat;

padding:10px;

font:11px/15px Arial, Helvetica, sans-serif;

}



.hr{

background:url(../images/integration/hr.jpg) no-repeat center center;

height:25px;

width:430px;

display:block;

margin:10px 0;

}





#contenu a.encartContact:link, #contenu a.encartContact:visited{

background-image:url(../images/integration/encartContact.jpg);

background-repeat: no-repeat;

background-position: top center;

height:60px;

width:175px;

display:block;

margin:20px auto;

border:none;

}



#contenu a.encartContact:hover, #contenu a.encartContact:active{

background-position: bottom center;

}



.tpageAccueil{

}



#txtAccueil{

background:url(../images/integration/illusAccueil.jpg) no-repeat left bottom ;

height:320px;

width: 240px;






margin:0 0 20px 0;

padding:15px 165px 170px 25px;

}





#contenu .creation{

background:#0f0f0f url(../images/integration/creations/laura/laura.gif) no-repeat left top;

padding:50px 10px 10px 10px;

width:190px;

float:left;

margin:10px 10px 10px 0;

}

#contenu .creation a:link, #contenu .creation a:visited{

display:block;

height:90px;

width:90px;

float:left;

margin:0 10px 10px 0;

filter: alpha(opacity=80);

-moz-opacity: 0.80;

opacity:0.80;

border:0;

}

#contenu .creation a:hover, #contenu .creation a:active{

filter: alpha(opacity=100);

-moz-opacity: 1.00;

opacity:1.00;

}

#contenu #marine{

background:#0f0f0f url(../images/integration/creations/marine/marine.gif) no-repeat left top;

}
#contenu #elodie{

background:#0f0f0f url(../images/integration/creations/elodie/elodie.gif) no-repeat left top;

margin:10px 0 10px 0;

}
#contenu #marine02{

background:#0f0f0f url(../images/integration/creations/marine02/marine02.gif) no-repeat left top;

}
#contenu #elodieV{

background:#0f0f0f url(../images/integration/creations/elodieV/elodieV.gif) no-repeat left top;

margin:10px 0 10px 0;

}


#contenu #angel{

background:#0f0f0f url(../images/integration/creations/angel/angel.gif) no-repeat left top;

}

#contenu #laura{

background:#0f0f0f url(../images/integration/creations/laura/laura.gif) no-repeat left top;

margin:10px 0 10px 0;

}



#contenu #julien{

background:#0f0f0f url(../images/integration/creations/julien/julien.gif) no-repeat left top;

}

#contenu #laurianne{

background:#0f0f0f url(../images/integration/creations/laurianne/laurianne.gif) no-repeat left top;

margin:10px 0 10px 0;

}

#contenu #morgane{

background:#0f0f0f url(../images/integration/creations/morgane/morgane.gif) no-repeat left top;





}



#contenu #gaelle{

background:#0f0f0f url(../images/integration/creations/gaelle/gaelle.gif) no-repeat left top;

margin:10px 0 10px 0;

}


#contenu #extensions{

width:240px;

margin:20px 0 0 0;

float:left;

}



#contenu #blocDiaporamaExtensions{

width:150px;

height:250px;

padding:10px;

margin:20px 20px 0 0;

float:left;

background:#0f0f0f url(../images/integration/extensions/fond.gif) no-repeat left top;

}



#contenu #makeup{

width:170px;

margin:20px 0 0 0;

float:left;

padding:25px;

}



#contenu #blocDiaporamaMakeup{

width:150px;

height:250px;

padding:10px;

margin:20px 20px 0 10px;;

float:left;

background:#0f0f0f url(../images/integration/makeup/fond.gif) no-repeat left top;

}







#contenu #blocDiaporamaMariee{

width:150px;

height:250px;

padding:10px;

margin:0px 20px 0 0;

float:left;

background:#0f0f0f url(../images/integration/extensions/fond.gif) no-repeat left top;

}





#contenu #mariee{

width:240px;

margin:20px 0 0 0;

float:left;

}





#contenu #tigi, #contenu #tigi2{

width:200px;

margin:10px 20px 0px 0;

float:left;

}

#contenu #tigi2{

margin:10px 0 0px 20px;

}



#contenu #blocDiaporamaTigi, #contenu #blocDiaporamaTigi2{

width:180px;

height:180px;

padding:10px;

margin:10px 0 20px 0;

float:left;

background:#0f0f0f;

}



.produits{

padding:10px;

background:#0f0f0f;

}



.produitsWella{

padding:10px;

background:#0f0f0f;

float:left;

margin:0 10px 20px 0;

}







#contenu #goldwell{

width:200px;

margin:10px 20px 0px 0;

padding:15px 0 0 0;

float:left;

}

#contenu #blocDiaporamaGoldwell{

width:180px;

height:180px;

padding:10px;

margin:10px 0 20px 0;

float:left;

background:#0f0f0f;

}





.illusActu{

padding:10px;

background:#0f0f0f;

float:left;

margin:0 15px 10px 0;

}





.menu {

	color:#AAA;

	width: 430px;

	list-style: none;

	margin: 0 0 2em;

	padding: 0;

	font: 12px/100% Arial, Helvetica, sans-serif;

}

.menu li {

	clear: both;

	margin: 0;

	padding: 0 0 2.1em 0;

	position: relative;

	border-bottom: dotted 1px #444;

}

.menu strong {

	background: #000;

	padding: 0 10px 0 0;

	font-weight: normal;

	position: absolute;

	bottom: -.3em;

	left: 0;

}

.menu em {

	color:#FF00AE;

	background: #000;

	padding: 0 0 0 5px;

	font: 15px/120% Georgia, "Times New Roman", Times, serif;

	position: absolute;

	bottom: -.2em;

	right: 125px;

}

.menu .titreTarif em {

	font: 14px/100% Georgia, "Times New Roman", Times, serif;

	color:#666;

}

.menu em.miLong {

	right: 50px;

}

.menu em.long {

	right: 0px;

}

.menu sup {

	font-size: 9px;

	color: #666;

	margin-left: 3px;

}

/* clearfix */

.menu li:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

.menu li {display: inline-block;}

/* Hides from IE-mac \*/

* html .menu li {height: 1%;}

.menu li {display: block;}

/* End hide from IE-mac */











#contenu #blocContact{

width:430px;

height:279px;

margin:0;

position:relative;

}



#blocAdresse{

position:absolute;

width:210px;

bottom:20px;

left:20px;

padding:10px;

background:url(../images/integration/contact/fond.png) repeat;

}





#contenu #blocDiaporamaContact{

width:410px;

height:259px;

padding:10px;

margin:0;

background:#0f0f0f;

}













/* -------------------------- 

	MODULE CONTACT 

--------------------------- */

#contenu {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:15px;

}



#contenu .ideo_gbl_nota, #contenu p.ideo_gbl_nota {

	font-size:0.8em;

	line-height:1.2em;

	padding:0pt;

}

#contenu .ideo_gbl_alerte {color:#FF0000;}



#ideo_cnt_global{

margin:30px 0 0 0;

}

/* -- FORMULAIRE --- */

#contenu #ideo_cnt_global input , 

#contenu #ideo_cnt_global select , 

#contenu #ideo_cnt_global textarea {

	background-color:#191919;

	border:1px solid #3f3e3e;

	color:#AAAAAA;

	font-family:Arial,Helvetica,sans-serif;

	font-size:1em;

	height:15px;

	padding-left:2px;

}

#contenu #ideo_cnt_global textarea {height:55px;}

#contenu #ideo_cnt_global select {height:17px;}

#contenu #ideo_cnt_global .ideo_cnt_blocFormulaire h4 {

	float:none;

	border-bottom:1px solid #3b3b3b;

	color:#000000;

	float:left;

	font-size:1.1em;

	font-variant:small-caps;

	font-weight:bold;

	margin:15px 0pt;

	padding:0pt;

	text-align:left;

	width:100%;

}



/* -- STYLES SPECIFIQUES AU MODULE -- */

#contenu .ideo_cnt_blocFormulaire {

	clear:both;

	float:left;

	width:100%;

}



#contenu .ideo_cnt_blocFormulaire label {

	width:33%;

	float:left;

	margin:0;

	text-align:right;

	padding-right:10px;

	font-size:1em;

	color:#AAA;

	font-weight:bold;

}

#contenu .ideo_cnt_blocFormulaire .ideo_cnt_blocLigneFormulaire {margin-bottom:5px;}

#contenu .ideo_cnt_blocLigneFormulaire input , 

#contenu .ideo_cnt_blocValidation input , 

#contenu .ideo_cnt_blocLigneFormulaire textarea {width:40%;}

#contenu .ideo_cnt_blocLigneFormulaire textarea {height:45px;}

#contenu .ideo_cnt_blocLigneFormulaire select {width:41%;}

#contenu #ideo_cnt_global .ideo_cnt_blocLigneFormulaire input:hover , 

#contenu #ideo_cnt_global .ideo_cnt_blocLigneFormulaire textarea:hover , 

#contenu #ideo_cnt_global .ideo_cnt_blocLigneFormulaire select:hover {

	border:1px solid #626161;

	font-size:1em;

}

#contenu .ideo_cnt_blocFormulaire .ideo_cnt_blocCheck {

	float:left;

	width:auto;

	margin:0 0 10px 0;

}

#contenu .ideo_cnt_blocCheck span {

	display:block;

	width:auto;

	margin:0 0 1px 0;

	color:#0f6ebd;

}	

#contenu #ideo_cnt_global .ideo_cnt_blocCheck input{

	width:15px;

	border:none;

	margin:0 3px 0 0;

	background:none;

	vertical-align:middle;

}

#contenu .ideo_cnt_blocCheck label{

	margin:0;

	padding:0;

	float:none;

	width:100%;

}

#contenu .ideo_cnt_blocFormulaire .ideo_cnt_blocRadio {

	float:left;

	width:auto;

	margin:0 0 10px 0;

}

#contenu .ideo_cnt_blocRadio span {

	display:block;

	margin:0 0 1px 0;

	color:#0f6ebd;

}	

#contenu #ideo_cnt_global .ideo_cnt_blocRadio input {

	width:15px;

	border:none;

	background:none;

	margin:0 3px 0 0;

	vertical-align:middle;

}

#contenu #ideo_cnt_global .ideo_cnt_blocCheck input:hover , 

#contenu #ideo_cnt_global .ideo_cnt_blocRadio input:hover {border:none;}

#contenu .ideo_cnt_blocRadio label {

	margin:0;

	padding:0;

	float:none;

	width:100%;

}

#contenu .ideo_cnt_blocFormulaire img {

	border:none;

	margin:0px 0 1px 0;

	vertical-align:bottom;

}

#contenu .ideo_cnt_blocFormulaire .ideo_cnt_blocBouton{

	text-align:center;

	margin:15px 0 0 52px;

}

#contenu #ideo_cnt_global .ideo_cnt_blocBouton input{

	width:80px;

	cursor:pointer;

	color:#fff;

	font-weight:bold;

	height:17px;

	margin:0 8px 0 0;

	padding:0;

	font-size:0.9em;

	background:#FF00AE;

	border:1px solid #FF00AE;

}

#contenu #ideo_cnt_global .ideo_cnt_blocBouton input:hover {

	color:#35383e;

}







/* -------------------------- 

	FIN MODULE CONTACT 

--------------------------- */

#contenu #planSite h3{

margin:0 0 13px 0;

}

#contenu h3 a:link,#contenu h3 a:visited{

font:normal 16px Georgia, "Times New Roman", Times, serif;

color:#fff;

margin:0 0 12px 0;

font-style:italic;

border-bottom:1px dotted #555;

}



#contenu h3 a:hover,#contenu h3 a:active{

color:#aaa;

}