/*******************************    BODY   *********************************/

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0px 0 0px 0;
padding: 0;
background-attachment:fixed;
background-color:#FFFFFF;
text-align:center;
}


table {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0px 0 0px 0;
padding: 0;
text-align:justify;
background-attachment:fixed;
background-color:#FFFFFF;
line-height:15px;
}



/*******************************    LIENS ET TEXTE   *********************************/

.menubanner {color: #888888 ; font-family: Arial,Verdana, Helvetica; font-size: 11px; font-weight: bold; text-decoration:none;}
.menubanner:hover {color: #000000 ; font-family: Arial,Verdana, Helvetica; font-size: 11px; font-weight: bold; text-decoration:none;}

.sousmenu {color: #757575 ; font-family: Arial,Verdana, Helvetica; font-size: 11px; font-weight: bold; text-decoration:none;}
.ariane {color: #757575 ; font-family: Arial,Verdana, Helvetica; font-size: 11px; font-weight: bold; text-decoration:none;}
.sousmenu:hover {color: #000000 ; font-family: Arial,Verdana, Helvetica; font-size: 11px; font-weight: bold; text-decoration:none;}

.sousmenu-actif {color: #2886a9 ; font-family: Arial,Verdana, Helvetica; font-size: 11px; font-weight: bold; text-decoration:underline;}

.menugauche {color: #4d4d4d ; font-family: Arial,Verdana, Helvetica; font-size: 12px; font-weight: bold; text-decoration:none;}
.menugauche:hover {color: #000000 ; font-family: Arial,Verdana, Helvetica; font-size: 12px; font-weight: bold; text-decoration:none;}

.menugauche-actif {color: #000000 ; font-family: Arial,Verdana, Helvetica; font-size: 12px; font-weight: bold; text-decoration:underline;}

.footer {color: #888888 ; font-family: Arial,Verdana, Helvetica; font-size: 10px; font-weight: normal; text-decoration:none;}
.footer:hover {color: #000000 ; font-family: Arial,Verdana, Helvetica; font-size: 10px; font-weight: normal; text-decoration:none;}


.footer2 {color: #888888 ; font-family: Arial,Verdana, Helvetica; font-size: 10px; font-weight: normal; text-decoration:underline;}
.footer2:hover {color: #000000 ; font-family: Arial,Verdana, Helvetica; font-size: 10px; font-weight: normal; text-decoration:none;}


.plan-gros {color:#525252; font-family: Arial,Verdana, Helvetica; font-size: 14px; font-weight: bold; text-decoration:none;}
.plan-gros:hover {color: #000000; font-family: Arial,Verdana, Helvetica; font-size: 14px; font-weight: bold; text-decoration:none;}


.plan-gros-actif {color:#2886a9; font-family: Arial,Verdana, Helvetica; font-size: 14px; font-weight: bold; text-decoration:none;}
.plan-gros-actif:hover {color: #2886a9; font-family: Arial,Verdana, Helvetica; font-size: 14px; font-weight: bold; text-decoration:none;}

.plan-petit {color:#888888; font-family: Arial,Verdana, Helvetica; font-size: 12px; font-weight: bold; text-decoration:none;}
.plan-petit:hover {color: #000000; font-family: Arial,Verdana, Helvetica; font-size: 12px; font-weight: bold; text-decoration:none;}

.menu-greffe {color:#2886a9; font-family: Arial,Verdana, Helvetica; font-size: 12px; font-weight: bold; text-decoration:none;}
.menu-greffe:hover {color: #000000; font-family: Arial,Verdana, Helvetica; font-size: 12px; font-weight: bold; text-decoration:none;}


.rubrique {color:#2886a9; font-family: Arial,Verdana, Helvetica; font-size: 14px; font-weight: bold; text-decoration:none; text-transform:uppercase;}
.rubrique:hover {color: #2886a9; font-family: Arial,Verdana, Helvetica; font-size: 14px; font-weight: bold; text-decoration:underline; text-transform:uppercase;}

.h3 {font-size:13px;color:#000;}



.titre-faq {color:#2886a9; font-family: Arial,Verdana, Helvetica; font-size: 16px; font-weight: bold; text-decoration:none;}

.contact {color:#1e5367; font-family: Arial,Verdana, Helvetica; font-size: 14px; font-weight: bold; text-decoration:none; line-height:25px;}

.mentions {color:#000000; font-family: Arial,Verdana, Helvetica; font-size: 9px; text-decoration:none;}



.faq-titre{
background-image: url(images/contenu-titre2.jpg);
background-repeat: no-repeat;
height: 42px;
margin : 0px 0px 0px 0px;
padding : 13px 10px 0px 20px;
overflow:hidden;
font-size : 14px;
text-align:left;
font-weight:bold;
color:#2886a9;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}


#faq-titre2{
background-image: url(images/contenu-titre3.jpg);
background-repeat: no-repeat;
height: 42px;
margin : 0px 0px 0px 0px;
padding : 13px 10px 0px 20px;
overflow:hidden;
font-size : 14px;
text-align:left;
font-weight:bold;
color:#2886a9;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}


.planpuce{
font-family: Arial,Verdana, Helvetica;
font-size: 12px; 
font-weight: bold; 
text-decoration:none;
line-height:20px;
margin: 15px;
padding : 0;
}
.planpuce li{
font-family: Arial,Verdana, Helvetica;
font-size: 12px; 
font-weight: bold; 
text-decoration:none;
line-height:20px;
margin: 15px;
padding : 0;
}

/*span {display:none;}*/



/*******************************    CONTOUR PRINCIPAL   *********************************/

#principal {
position: relative;
width: 863px;
margin: 0; 
/*border-bottom:1px #000000 solid;
border-right:1px #000000 solid;
border-left:1px #000000 solid;*/
}


/*******************************   MENU BANNER TXT   *********************************/

#minimenu {
position:relative;
width: 863px;
height:20px;
overflow:hidden;
text-align:right;
vertical-align:middle;
font-size:11px;
font-weight: normal;
color:#888888;
margin: 0 auto; 
padding-top:7px;
padding-right:10px;
background-color:#ffffff;
}


/*******************************    BANNIERE   *********************************/

#banniere a{
display:block;
width :863px;
height:89px;
/*background-image: url(images/banniere-clinique-petraque.jpg);
background-repeat: no-repeat;
background-position: 0 0;
border-right:1px #d2d4d1 solid;
border-left:1px #d2d4d1 solid;*/
}


/*******************************   MENU PRINCIPAL   *********************************/
#contact3{
	width:274px;
	height:68px;
	margin-bottom:21px;
	 margin-top: 3px;
	background-image:url(images/contact2.jpg);
	 margin-left: 4px;
}

#menuprincipal{
height : 51px;
margin-bottom: 15px;
padding : 0;
/*border-right:1px #d2d4d1 solid;
border-left:1px #d2d4d1 solid;*/
}

.menuprincipalliens{
list-style-type: none;
margin: 0;
padding:0;
height : 51px;
}
.menuprincipalliens li{
float:left;
margin: 0;
padding : 0;
}

/*   01 Accueil  */
.accueil a{
	display:block;
	width :76px;
	height:51px;
	background-image: url(images/menu-principal_01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.accueil a:hover{
	background-image: url(images/menu-principal_01.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
.accueil-actif a{
	display:block;
	width :76px;
	height:51px;
	background-image: url(images/menu-principal_01.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}


/*   02 Chirurgie du visage  */
.visage a{
	display:block;
	width :89px;
	height:51px;
	background-image: url(images/menu-principal_02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.visage a:hover{
	background-image: url(images/menu-principal_02.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
.visage-actif a{
	display:block;
	width :89px;
	height:51px;
	background-image: url(images/menu-principal_02.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}

/*   03 Chirurgie du corps  */
.corps a{
	display:block;
	width :86px;
	height:51px;
	background-image: url(images/menu-principal_03.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.corps a:hover{
	background-image: url(images/menu-principal_03.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
.corps-actif a{
	display:block;
	width :86px;
	height:51px;
	background-image: url(images/menu-principal_03.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}


/*   04 M?decine Esthetique  */
.medecineesthetique a{
	display:block;
	width :97px;
	height:51px;
	background-image: url(images/menu-principal_04.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.medecineesthetique a:hover{
	background-image: url(images/menu-principal_04.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
.medecineesthetique-actif a{
	display:block;
	width :97px;
	height:51px;
	background-image: url(images/menu-principal_04.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}


/*   05 Microgreffes sans cicatrices  */
.microgreffes a{
	display:block;
	width :120px;
	height:51px;
	background-image: url(images/menu-principal_05.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.microgreffes a:hover{
	background-image: url(images/menu-principal_05.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
.microgreffes-actif a{
	display:block;
	width :120px;
	height:51px;
	background-image: url(images/menu-principal_05.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}


/*   06 Anesthesie  */
.anesthesie a{
	display:block;
	width :81px;
	height:51px;
	background-image: url(images/menu-principal_06.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.anesthesie a:hover{
	background-image: url(images/menu-principal_06.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
.anesthesie-actif a{
	display:block;
	width :81px;
	height:51px;
	background-image: url(images/menu-principal_06.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}


/*   07 Dr Sydney Ohana  */
.sydneyohana a{
	display:block;
	width :86px;
	height:51px;
	background-image: url(images/menu-principal_07.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.sydneyohana a:hover{
	background-image: url(images/menu-principal_07.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
.sydneyohana-actif a{
	display:block;
	width :86px;
	height:51px;
	background-image: url(images/menu-principal_07.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}


/*   08 La clinique  */
.clinique a{
	display:block;
	width :82px;
	height:51px;
	background-image: url(images/menu-principal_08.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.clinique a:hover{
	background-image: url(images/menu-principal_08.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
.clinique-actif a{
	display:block;
	width :82px;
	height:51px;
	background-image: url(images/menu-principal_08.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}

/*   09 Blog  */
#menuprincipal .blog a{
	display:block;
	width :71px;
	height:51px;
	background-image: url(images/menu-principal_09.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#menuprincipal .blog a:hover{
	background-image: url(images/menu-principal_09.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
#menuprincipal .blog-actif a{
	display:block;
	width :71px;
	height:51px;
	background-image: url(images/menu-principal_09.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}

/*   10 Contact  */
.contact a{
	display:block;
	width :75px;
	height:51px;
	background-image: url(images/menu-principal_10.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.contact a:hover{
	background-image: url(images/menu-principal_10.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
.contact-actif a{
	display:block;
	width :75px;
	height:51px;
	background-image: url(images/menu-principal_10.jpg);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}




/*******************************   SOUS MENU   *********************************/

#sousmenu {
width :863px;
height:60px;
line-height:25px;
text-align:left;
text-transform: uppercase;
padding : 15px 0 0 0px;
font-size:12px;
color:#888888;
font-weight: normal;
margin: 0 auto; 
}


/*******************************   SANS SOUS MENU   *********************************/

#sanssousmenu {
width :863px;
height:10px;
text-align:left;
text-transform: uppercase;
padding : 5px 0 0 0px;
font-size:12px;
color:#888888;
font-weight: normal;
margin: 0 auto; 
}



/*******************************   MODULE FLASH   *********************************/

#moduleflash {
width :863px;
height:300px;
padding-top:10px;
padding-bottom:15px;
padding-left:0px;
padding-right:0px;
margin: 0 auto; 
}



/*******************************    CONTENEUR MODULE INDEX   *********************************/

.conteneur {
height: 189px;
width: 863px;
padding-top: 0px;
padding-bottom:5px;
}


/*******************************    MENU GAUCHE   *********************************/

#gauche {
position: absolute;
left:0px;
width: 285px;
height:100%;
/*border:1px solid #000;*/
}

.haut-module-interne{
background-image: url(images/sous-menu-top.jpg);
background-repeat: no-repeat;
height:42px;
color:#000000;
font-weight: bold;
font-size : 13px;
padding : 12px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
text-transform:uppercase;
/*border:1px solid #000;*/
}
.module-interne{
background-image: url(images/sous-menu-center.jpg);
background-repeat: repeat-y;
font-size : 12px;
padding : 0 10px 10px 15px;
/*border:1px solid #000;*/
}

.bas-module-interne{
background-image: url(images/sous-menu-bottom.jpg);
background-repeat: no-repeat;
height:29px;
margin : 0 0 0 0;
/*border:1px solid #000;*/
}

.liste-module-interne{
/*border:1px solid #ff0000;*/
margin : 0;
padding : 0px 0px 0px 15px;
}

.liste-module-articles{
/*border:1px solid #ff0000;*/
margin : 0;
padding : 0px 25px 0px 10px;
}


.liste-module-interne li{
list-style: none;
height : 18px;
line-height:20px;
margin : 0 0 8px 0;
width : 230px;
font-size : 12px;
font-weight: bold;
color:#323232;
/*border:1px solid #0000ff;*/
}
.liste-module-interne li.sousmenu{
height : auto;
}

/*******************************    BLOC CONTENU  *********************************/

.bloc-texte-index{
width : 573px;
margin:0;
padding:0;
}
.haut-texte-index{
/*background-image: url(images/contenu-titre.jpg);
background-repeat: no-repeat;
height: 42px;
margin:0;
padding:0;
padding : 13px 20px 0px 20px;
overflow:hidden;
font-size : 14px;
text-align:left;
font-weight:bold;
color:#2886a9;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;*/
    color: #2886A9;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
     margin: 0 0 10px 5px;
    overflow: hidden;
    padding: 2px 20px 5px;
    text-align: left;
    text-transform: uppercase;
	border:1px solid #cfcfcf;
	box-shadow: 1px 1px 5px #cfcfcf; 
	webkit-box-shadow: 1px 1px 5px #cfcfcf;
	-moz-box-shadow: 1px 1px 5px #cfcfcf;
}

.texte-index{
font-size : 12px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
padding : 5px 20px 10px 20px;

}
.texte-index a {color:#000}
.texte-index a:hover {color:#2886A9}
#bas-texte-index{
height: 32px;
margin:0;
padding:0;
}

/*******************************    BLOC CONTENU LONG *********************************/
#lien-petrarque {

font-size : 14px;
text-align:left;
font-weight:bold;
color:#2886a9;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}

.bloc-texte-index-long{
width : 840px;
margin:0;
padding:0;
}
.haut-texte-index-long{
background-image: url(images/contenu-titre-long.jpg);
background-repeat: no-repeat;
height: 42px;
margin:0;
padding:0;
padding : 13px 10px 0px 20px;
overflow:hidden;
font-size : 14px;
text-align:left;
font-weight:bold;
color:#2886a9;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}
.texte-index-long{
font-size : 12px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
padding : 5px 5px 5px 5px;

}
.bas-texte-index-long{
height: 10px;
margin:0;
padding:0;
}


/*******************************    MODULES SITE   *********************************/


.bloc1 a{
background-image: url(images/module-01-morphing.jpg);
background-repeat: no-repeat;
display:block;
height: 189px;
width: 285px;
float: left;
margin-bottom:8px;
}
.bloc2 a{
background-image: url(images/module-02-videos.jpg);
background-repeat: no-repeat;
height: 189px;
width: 285px;
float: left;
margin-left: 4px;
margin-bottom:8px;
}
.bloc3 a{
background-image: url(images/module-03-epilation.jpg);
background-repeat: no-repeat;
height: 189px;
width: 285px;
float: left;
margin-bottom:8px;
}

.bloc4 a{
background-image: url(images/module-04-corps.jpg);
background-repeat: no-repeat;
height: 189px;
width: 285px;
float: left;
margin-bottom:8px;
}
.bloc5 a{
background-image: url(images/module-05-visage.jpg);
background-repeat: no-repeat;
height: 189px;
width: 285px;
float: left;
margin-left: 4px;
margin-bottom:8px;
}
.bloc6 a{
background-image: url(images/module-06-ohana.jpg);
background-repeat: no-repeat;
height: 189px;
width: 285px;
float: left;
margin-left: 4px;
margin-bottom:8px;
}

.bloc7 a{
background-image: url(images/module-07-clinique.jpg);
background-repeat: no-repeat;
height: 189px;
width: 285px;
float: left;
margin-left: 4px;
margin-bottom:8px;
}

.bloc8 a{
background-image: url(images/module-08-anesthesie.jpg);
background-repeat: no-repeat;
height: 189px;
width: 285px;
float: left;
margin-left: 4px;
margin-bottom:8px;
}

.bloc9 a{
background-image: url(images/module-09-medecine.jpg);
background-repeat: no-repeat;
height: 189px;
width: 285px;
float: left;
margin-left: 4px;
margin-bottom:8px;
}

.bloc10 {
background-image: url(images/module-10-contact.jpg);
background-repeat: no-repeat;
height: 159px;
width: 285px;
float: left;
margin-left: 4px;
margin-bottom:8px;
text-indent:-9999em;
}


/*******************************    FOOTER   *********************************/

#pied {
height: 25px;
text-align:center;	
font-size:11px;
color:#727272;
background-color:#efefef;
margin-top:10px;
border-top:1px #c5c5c5 solid;
padding : 10px 0px 0 0;
bottom:0;
min-height: 100%;
left: 50%;
right: 50%;
margin-left: auto;
margin-right: auto;
}
#pied a{
	text-decoration: underline;
	color:#3a3a3a;
}
#pied a:hover{
	text-decoration: none;
}

/****************************** FORMULAIRE ***********************************************/

#formulaire {
float: right;
margin-right: 200px;
/margin-right: 0px;
margin-top: -6px;
}

#formulaire2 {
float: right;
margin-right: 100px;
/margin-right: 0px;
margin-top: -6px;
}

#formulaire2 input, select {
height: 23px;
margin-top: 6px;

}

#formulaire input {
height: 16px;
margin-top: 6px;

}

.envoyer {
border:none;
width: 112px;
height: 44px;
background: url('images/envoyer.jpg') center no-repeat;
margin-left: 200px;
}

/******************  En-tête ***************************/

.upline {
color:#727272; 
font-size:9px;
padding-top:5px;
text-align:center;
}

.liens1{
color:#061313;
text-decoration:none;
}

.liens1:hover {
color:#959588;
text-decoration:underline;
}


h1.index {
color:#666666;
font-size:14px;
font-weight:normal;
}

/*ajouts*/
.ul_espace {padding-left:10px;margin-top:5px;}
.ul_espace li{padding-top:7px;padding-bottom:7px;}
.ul_normal {padding-left:10px;margin:0;}

.no_puce {list-style-type:none;}

.error_404 {text-align:center;font-weight:bold;font-size:15px;color:#145B87;margin-bottom:200px;}
h2 {font-size:16px;}
h3 {color:#4D4D4D;font-size:14px;}

#pied .twitter{float:left;padding-left:10px;padding-right:10px;padding-top:2px;}
#pied .share {float:left;padding-top:2px;}
#pied .partage {clear:both;margin-left:10px;display: inline-block;margin-top: -5px;height: 15px;}

.bloc {border:1px solid #cecece;padding:10px;background:#EFEFEF;}