/* -------------------------- 
STYLE DE LA PAGE
--------------------------- */

#contenu {font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:17px;}

#contenu-gauche{float:left;width:450px;margin:0 25px 0 15px;}

/* -------------------------- 
STYLE DE TEXTE 
--------------------------- */
#contenu h1{font-weight:bold;font-size:1.5em;line-height:1.1em;color:#ea69b5;margin:0 0 12px 0;border-bottom:1px dotted #ea69b5;width:99%;}
#contenu h1.ideo_gbl_sans{font-weight:bold;font-size:1.5em;line-height:1.1em;color:#ea69b5;margin:0 0 12px 0;border-bottom:1px dotted #ea69b5;width:99%;}
#contenu h2{font-weight:bold;font-size:1.2em;color:#ffaadc;margin:0 0 7px;border:1px solid #705750;padding:3px;background:url(../../images/integration/h2.jpg) no-repeat;text-indent:25px;}
#contenu h3{font-variant:small-caps;font-weight:bold;font-size:1.1em;color:#E11D71;padding:2px 0px 2px 1px;margin-bottom:8px;text-align:left;border-top:1px solid #E11D71;background:url(../../images/integration/h3.jpg) no-repeat;padding:2px 3px 5px 3px;}
#contenu h3.ideo_gbl_sans{background:none;border-bottom:1px solid #E11D71;}
#contenu h4 {font-variant:small-caps;font-size:1.1em;font-weight:bold;background:none;border-bottom:1px solid #e6e6e6;padding:0;width:100%;text-align:left;margin:15px 0;color:#000;float:left;}
#contenu p{font-size:1em;text-align:justify;color:#f3ecb4;margin-bottom:1.2em;}
#contenu p em{font-weight:bold;font-size:1em;}
#contenu sup{font-size:0.7em;}
#contenu p.ideo_gbl_couleur, #contenu span.ideo_gbl_couleur{font-weight:bold;color:#fae77d;}
p.couleur, span.couleur{font-weight:bold;color:#fae77d;}
#contenu strong{color:#fae77d;}
#contenu .ideo_gbl_petit, #contenu p.ideo_gbl_petit{font-size:0.8em;line-height:1.2em;}
#contenu .ideo_gbl_nota, #contenu p.ideo_gbl_nota{font-size:0.8em;line-height:1.2em;font-style:italic;padding:0 10px 0 0;}
#contenu .ideo_gbl_alerte, #contenu p.ideo_gbl_alerte{color:#a6240a;}
#contenu a:link, #contenu a:visited{font-weight:bold;text-decoration:underline;color:#d849a0;}
#contenu a:hover, #contenu a:active{color:#E11D71;text-decoration:none;}
#contenu a:link img, #contenu a:visited img{filter: alpha(opacity=100);-moz-opacity: 1.00; opacity:1.00;border:none;}
#contenu a:hover img, #contenu a:active img{filter: alpha(opacity=70);-moz-opacity: 0.70; opacity:0.70;border:none;}
img {border:1px solid #E11D71;}
a img {border:none;}
a:active, a:focus{outline:none;}
#contenu ul{margin:10px 0 10px 20px;}
#contenu ul li{background:url(../../images/integration/puce.jpg) no-repeat;list-style:none;font:12px normal Arial, Helvetica, sans-serif;color:#f3ecb4;margin:5px 0;padding:3px 0 2px 27px;}
#contenu ul li ul li{background:url(../../images/integration/puce1.jpg) no-repeat;list-style:none;font:12px normal Arial, Helvetica, sans-serif;color:#f3ecb4;margin:5px 0;padding:0px 0 2px 27px;}

/* -------------------------- 
VISUEL
--------------------------- */
.ideo_gbl_visuel {float:left;margin:5px 0 10px 5px;padding:0 7px 1px 0;width:161px;}
.ideo_gbl_visuelRight {float:right;padding:0 7px 1px 0;margin:5px 5px 10px 10px;width:161px;}
.ideo_gbl_visuelRight1 {float:right;padding:0 7px 1px 0;margin:15px 5px 10px 10px;width:161px;}
#contenu .imgcentre {margin:10px auto;width:350px;}
#contenu .imgcentre2 {margin:10px auto;width:380px;}
#contenu .imgcentre img{margin-right:10px;}
/* -------------------------- 
FORMULAIRE
--------------------------- */
#contenu select {color:#000000;border:1px solid #E11D71;background-color:#ffffff;width:152px;}
#contenu input{background-color:#ffffff;border:1px solid #E11D71;color:#000000;height:15px;}
#contenu textarea{background-color:#ffffff;border:1px solid #E11D71;color:#000000;}

/* -------------------------- 
PAGINATION 
--------------------------- */
#contenu #ideo_inc_pagination {margin:20px auto;width:100%;}
#contenu #ideo_inc_pagination span{font-size:1em;text-align:center;}
#contenu #ideo_inc_pagination p{text-align:center;color:#fae77d;margin:0;}
#contenu #ideo_inc_pagination label{font-size:0.9em;}

/* -------------------------- 
MENU 
--------------------------- */
#contenu #ideo_inc_menu {padding:0 0 20px 2px;width:100%;float:left;text-align:left;}
#contenu #ideo_inc_menu ul {list-style-image:none;margin:0;padding:0;}
#contenu #ideo_inc_menu li {display:inline;font-size:0.9em;list-style-image:none;background:none;margin:0; 
padding:0;}
#contenu #ideo_inc_menu li .encours{color:#E11D71;text-decoration:underline;}

/* -------------------------- 
REFERENCEMENT 
--------------------------- */
#footer_ref {float:left;display:block;width:735px;margin:20px 0 0 0;}
#footer_ref p {color:#f3ecb4;margin:0 0 6px 0;}
#footer_ref h1, #footer_ref h2 {font-size:12px;border:none;border-bottom:1px dotted #ea69b5;font-weight:bold;background:none;color:#f3ecb4;}

/* -------------------------- 
ENCART CONTACT 
--------------------------- */
#contenu .ideo_inc_contact{width:100%;text-align:center;}
#contenu .ideo_inc_contact p{text-align:center;font-weight:bold;font-size:1em;margin:0;}



/* ************************************************************ */
/* ***************** STYLE DES PAGES STATIQUE ***************** */
/* ************************************************************ */

/* -------------------------- 
PAGE INDEX 
--------------------------- */
.video {float:left;margin:0 0 0 12px;}
#contenu .centre {text-align:center;}
#contenu .encartcontact{width:370px;height:59px;margin:10px auto;background:url(../../images/integration/encartcontact.jpg) no-repeat;padding:50px 0 0 25px;text-align:center;
}
#contenu .encartcontact p{width:350px;text-align:center;}
#contenu .txtgauche2 {width:260px;float:left;margin-top:40px;}
#contenu .haut {width:111px;height:24px;background:url(../../images/integration/haut.jpg) no-repeat;float:right;margin:10px 0;}
/* -------------------------- 
PAGE Soins du visage 
--------------------------- */
#contenu .soin {width:420px;margin:20px auto;background:url(../../images/integration/soin.jpg) no-repeat;border:1px solid #fb79c5;padding:33px 5px 5px 5px;}
#contenu .soin p.titresoin{width:300px;text-align:center;color:#ff33ab;margin-left:50px;margin-bottom:15px;height:30px;}
#contenu .soin p.titresoin strong{color:#ff33ab;}
/* -------------------------- 
PAGE Soins du visage 
--------------------------- */
#contenu .txtgauche {width:260px;float:left;margin-top:60px;}
/* -------------------------- 
PAGE Ongle 
--------------------------- */
#contenu .txtgauche1 {width:260px;float:left;margin-top:20px;}
/* -------------------------- 
PAGE Maquillage 
--------------------------- */
#contenu .txtgauche2 {width:260px;float:left;margin-top:40px;}
