/* CSS Document */
/* FEUILLE DE STYLE SITE ESPACE NOUVEAUX DIPLOMES DU MMAA derniere version*/

body{
font-family: calibri, verdana, sans-serif;
}

a{
color: #525252;
font-size: 14px;
text-decoration: none;

}

#container{
position : relative;
width : 927px;
height:auto;
margin:0;
padding:0;
}

#main{
width:927px;
padding:0;
margin:0;
}

#bandeau2{
float:left;
height:225px;
width:1024px;
background :  url(lib/img/header.jpg) no-repeat;
margin : 0;
padding : 0;
}

#haut{
height:225px;
width:927px;
margin:0;
padding:0;
border:0;
}

#animbandeau{
float:left;
height:225px;
width:370px;
margin:0;
padding:0;
}

#bandeau img{
display : block;
}

/*SPECIAL PAGE ACCUEIL-----------------------------------------*/

#intro{
float:left;
width:475px;
height:500px;
margin: 0px;
padding: 0px;
}

#intro p{
font-family:Arial;
font-size:14px;
text-align : justify;
font-weight:bold;
color:#4a929d;
padding:30px 25px 0 75px;
}

.introgras{
color:#a0926e;
}

#bt-inscription{
float:left;
width:397px;
height:78px;
margin:40px 0 0 75px;
padding:0;
}

#carte{
float:right;
width:488px;
height:650px;
margin:0;
padding:30px 30px 0 0 ;
}

#carte p{
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#4a929d;
}

#separation{
float:left;
width:1px;
height:320px;
background-color:#a0926e;
margin:100px 0 0 20px;
}

/*MENU-----------------------------------------*/

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

ul#menu{
float : left;
width : 210px;
height : 170px;
list-style-type: none ;
line-height : 20px;
padding: 0;
margin: 65px 0 0 185px;
}

ul#menu li{
font-family: Arial;
font-weight: bold;
font-size: 16px;
text-align:left;
}

ul#menu li.rubrique{
padding-left:10px;
color:#9D8E69;
}

ul#menu li a{
text-decoration: none;
color:#9D8E69;
}

ul#menu li a:link{
text-decoration: none;
color:#9D8E69;
}

ul#menu li a:hover{
text-decoration: none;
font-weight: bold;
color:#7C9AB6;
}

/*COLONNE GAUCHE (carte + bt laser)-----------------------------------------*/
#colonnegche{
float:left;
width:317px;
height:950px;
padding: 0;
margin: 0 0 0 28px;
}
/*carte flash-----------------------------------------*/
#carteflash{
float:left;
width:315px;
height:526px;
/*background :  url(lib/img/carte.gif) no-repeat;*/
padding: 0;
margin: 0;
}

/*ON EN PARLE----------------------------------------*/
#articles{
float:left;
width:315px;
height:241px;
background :  url(lib/img/fondarticles2.gif) no-repeat;
margin-left: 10px;
}

.infos3{
font-family: Arial;
font-weight : bolder;
font-size: 13px;
text-align:left;
color : #696868;
padding : 0 0 0 140px;
margin : 0;
}

.infos3 a{
text-decoration: none;
color : #696868;
}

.infos3 a:link{
text-decoration: none;
color : #696868;
}

.infos3 a:hover{
text-decoration: none;
color : #7C9AB6;
}

#articles p{
font-family: Arial;
font-size: 12px;
text-align:left;
color : #3d3d3d;
padding : 0;
margin : 100px 0 0 50px;
}

#articles a{
text-decoration:underline;
color : #696868;
}

#articles a:hover{
text-decoration: none;
color : #7C9AB6;
}

/*menu Traitement au laser-----------------------------------------*/
#techniques{
float:left;
width:315px;
height:246px;
background : url(lib/img/les_techniques_morphologiques.jpg) no-repeat;
padding: 0;
margin: 20 20px 0 10;
}

#traitements{
float:left;
width:315px;
height:281px;
background : url(lib/img/traitements_preventifs.jpg) no-repeat;
padding: 0;
margin: 20 20px 0 10;
}


ul#listelaser{
float : right;
width : 210px;
list-style-type: none ;
line-height : 25px;
padding: 0;
padding-top: 5px;
margin: 15px 15px 0 0;
}

ul#listelaser li{
font-family: Arial;
font-weight : bolder;
font-size: 16px;
text-align:right;
color : #696868;
}

ul#listelaser li a{
text-decoration: none;
color:#696868;
}

ul#listelaser li a:link{
text-decoration: none;
color:#696868;
}

ul#listelaser li a:hover{
text-decoration: none;
font-weight : lighter;
color:#869FB5;
}

/*Bouton LA MEDECINE ESTHETIQUE-----------------------------------------*/

#btesthetique{
float:left;
width:315px;
height:139px;
background :  url(lib/img/boutonmedecine-esthetique.gif) no-repeat;*
}

.infos2{
float:left;
font-family: Arial;
font-weight : bolder;
font-size: 13px;
text-align:left;
color : #696868;
padding : 105px 0 0 15px;
margin : 0;
}

.infos2 a{
text-decoration: none;
color : #696868;
}

.infos2 a:link{
text-decoration: none;
color : #696868;
}

.infos2 a:hover{
text-decoration: none;
color : #7C9AB6;
}

/*Bouton LA MEDECINE ANTI AGE-----------------------------------------*/

#btantiage{
float:left;
width:315px;
height:139px;
background :  url(lib/img/boutonmedecine-antiage.gif) no-repeat;*
}

.infos1{
float:right;
font-family: Arial;
font-weight : bolder;
font-size: 13px;
text-align:right;
color : #696868;
padding : 105px 15px 0 0;
margin : 0;
}

.infos1 a{
text-decoration: none;
color : #696868;
}

.infos1 a:link{
text-decoration: none;
color : #696868;
}

.infos1 a:hover{
text-decoration: none;
color : #7C9AB6;
}

/*BOUTON LIEN SOFMMAA----------------------------------------*/

#lien-sofmmaa a img{
border:0;
}

#lien-sofmmaa a:link{
border:0;
}

#lien-sofmmaa a:hover{
border:0;
}

#lien-sofmmaa a:visited{
border:0;
}

/*TEXTE-----------------------------------------*/

#zonetxt{
float : left;
width : 1024px;
height : 470px;
background:  url(lib/img/traitfd2.jpg) repeat-y;
padding:0;
margin-top: -10px;
/*border: 1px solid;*/
}


#txt{
float:left;
width : 615px;
padding-left:15px;
}

#txtmedecin{
width : 865px;
margin-left:70px;
}

#txtmedecin p{
font-family:Arial;
font-size:12px;
text-align : justify;
}

#txt p{
font-family:Arial;
font-size:12px;
text-align : justify;
color:#55534E;
}

h5{
font-family:Arial;
color:#7C9AB6;
font-size:16px;
text-align:right;
margin:20px 0 50px 0;
padding:0;
}

h4{
font-family:Arial;
color:#9D8E69;
text-align:left;
font-size:16px;
margin:20px 0 20px 0;
padding:0;
}

h4 a{
text-decoration : none;
color:#9D8E69;
}

h4 a:link{
text-decoration : none;
color:#9D8E69;
}


h4 a:visited{
color:#9D8E69;
text-decoration : none;
}


h4 a:hover{
color:#7C9AB6;
text-decoration : none;
}


.ensavoirplus a{
color:#9D8E69;
text-decoration: underline;
font-weight: bold;
}

.slogan{
font-family:Arial;
font-size:16px;
color:#9D8E69;
padding:0;
}


#txt p a{
text-decoration : none;
}

#txt p a:link{
text-decoration : none;
color:#7C9AB6;
}

#txt p a:hover{
text-decoration : none;
color:#9D8E69;
}

#txt p a:visited{
text-decoration : none;
color:#7C9AB6;
}

.gras{
font-family:Arial;
font-size:12px;
text-align : justify;
color:#9D8E69;
font-weight:bolder;
}

.retourindex a{
float:right;
text-decoration: underline;
font-family:Arial;
font-size:12px;
color:#7C9AB6;
font-weight:bolder;
}

.retourindex a:hover{
float:right;
text-decoration: underline;
font-family:Arial;
font-size:12px;
color:#9D8E69;
font-weight:bolder;
}

.retourindex img{
border : none;
}

.retourindex img a{
border : none;
}

.retourhaut a{
float:right;
font-family:Arial;
font-size:12px;
color:#9D8E69;
font-weight:bolder;
}

.retourhaut a:hover{
float:right;
font-family:Arial;
font-size:12px;
color:#7C9AB6;
font-weight:bolder;
}

.retourhaut img{
border : none;
}

.retourhaut img a{
border : none;
}

/*FORMULAIRE-----------------------------------------*/

#formContact{
float : left;
padding : 0 0 0 50px;
border:none;
}

#formContact fieldset{
padding : 40px 0 0 5px;
margin : 0;
width: 430px;
}

#formContact fieldset input{
width : 300px;
border: #CCC 1px solid;
background-color:#D2DBF3;
margin:0 0 20px 3px;
}

#formContact fieldset input.codepost{
width : 90px;
margin-right : 190px;
}

#formContact fieldset input.boutonEnvoyer{
width:106px;
height:29px;
border:0;
margin : 15px 0 0 300px;
}

#formContact fieldset label{
float: left;
width : 100px;
font-family : arial;
color:#9D8E69;
font-size : 14px;
text-align: right;
}

#formContact fieldset textarea {
float :left;
width : 300px;
height : 100px;
border: #CCC 1px solid;
margin: 3px 0 3px 5px;
background-color:#D2DBF3;
}

/*Page medecin-----------------------------------------*/

#imagedr{
float : left;
width : 162px;
height : 193px;
margin-left:35px;
padding-top:30px;
}

#coordonnees{
float :right;
width : 349px;
height : 250px;
background :  url(lib/img/contact.gif) no-repeat;
margin: 15px 30px 0 0;
padding:0;
}

#coordonnees p{
font-family:arial;
font-size:14px;
font-weight:bold;
text-align : right;
color : #66778B;
padding :110px 25px 0 0;
}

#infos{
float : left;
width : 777px;
height : 70px;
margin-left:30px;
}

#infos p{
font-family:arial;
font-size:14px;
text-align : left;
color : #66778B;
padding-left :20px;
}

#specialites{
float : left;
width : 777px;
height : 128px;
background : url(lib/img/specialites.gif) no-repeat;
margin-left:30px;
}

#specialites p{
font-family:arial;
font-size:14px;
text-align : left;
color : #66778B;
padding :100px 0 0 115px;
}

#diplomes{
float : left;
width : 777px;
height : 128px;
background :  url(lib/img/diplome.gif) no-repeat;
margin:60px 0 0 30px;
}

#diplomes p{
font-family:arial;
font-size:14px;
text-align : left;
color : #66778B;
padding :100px 0 0 115px;
}

#retour{
float :left;
height:50px;
width:1000px;
text-align : center;
background :  url(lib/img/traitfd.jpg) repeat-y;
margin-top:110px;
border : solid 1px;
}

#retour p{
font-family:arial;
font-size:14px;
text-align : right;
color : #66778B;
}

#retour a:link{
text-decoration:underline;
color:#9D8E69;
}

#retour a:hover{
text-decoration:none;
color:#9D8E69;
}

#retour a:visited{
text-decoration:underline;
color:#9D8E69;
}

.reponse{
font-weight : bold;
font-size:14px;
color:#7C9AB6;
padding-left : 75px;
}

#commentaire{
float : left;
width : 777px;
height : 128px;
margin:60px 0 0 30px;
}

#commentaire p{
font-family:arial;
font-size:14px;
text-align : left;
color : #66778B;
padding :30px 115px 0 160px;
}

.champs{
font-family:arial;
font-size:10px;
color : #66778B;
margin-left:300px;
}

.articles{
font-family:Arial;
text-decoration:underline;
font-size:12px;
text-align : justify;
color:#55534E;
}

/*Footer-----------------------------------------*/

#footer{
float :left;
height:50px;
width:927px;
text-align : center;
word-spacing: 5px;
background :  url(lib/img/traitfd2.jpg) repeat-y;
margin-top :0;
padding:0;
}

#footer a{
text-decoration : none;
color:#7C9AB6;
}

#footer a:link{
text-decoration : none;
color:#7C9AB6;
}

#footer a:hover{
text-decoration : none;
font-weight:bold;
}

.menubas{
font-family:Arial;
color:#7C9AB6;
font-size:12px;
margin:0;
padding:0;
}

.copy{
font-family:Arial;
color:#9D8E69;
font-size:12px;
margin:0;
padding:0;
}

/*Legendes IMG-----------------------------------------*/
.legend{
font-family:Arial;
font-weight:bolder;
color:#9D8E69;
font-size:12px;
}

.lienannuaire{
width:200px;
height:150px;
margin:20px auto 0 auto;
padding:0;
}

#compteur{
float:right;
width:100px;
margin:20px 60px 0 0;
padding:0;
}

.nutrition-img1{
float:left;
width:220px;
height:292px;
background:url(lib/img/photos/nutrition1.jpg);
margin:5px 10px 5px 0;
padding:0;
}