/* Style du site Web de la Société d'Implantologie Dentaire */
@import url(styles-reset.css);
/* @import url(sIFR-screen.css); /* gestion de la typographie */
/* @import url(sIFR-print.css) print; */

body {
	background-color: #5c666d;
	margin: 0; padding: 0;
	margin-bottom: 15px;
}

body#popup {
	background-color: white;
}

img { border:none; }
p { margin-top: 17px; margin-bottom: 17px; }


#logo {
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	padding-top: 34px;
	padding-left: 82px;
}
#menu {
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	padding-top: 55px;
	padding-left: 42px;
}

#ligne {
	width: 100%;
	height: 1px;
	background-color: #c7c7c7;
}

#bas {
	margin-left:auto;
	margin-right:auto;
	padding-left: 42px;
	width: 800px;
}


/* Alignement du menu du haut des pages intérieures */
#mnu01int { margin-left: 70px; margin-bottom: -15px; }
#mnu02int, #mnu03int { margin-left: 12px; margin-bottom: -15px;	}

#mnuBas01int { margin-left: 386px; }
#mnuBas02int, #mnuBas03int { margin-left: 12px; }



#contenant {
	margin-left: auto; margin-right: auto;
	width: 750px;
	padding-left: 185px;
}

#contenu {
	background: white url(../images/fond_int_coin.jpg) no-repeat;
	padding: 50px 45px 30px 140px;
	width: 442px;
	margin-top: -2px;
		font-size: 11px;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
}

h1 { 
	color: #4e4e4e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
	margin-top: 10px;
	line-height: 21px;
	width: 420px;
}
h2 { /* Titre avec une barre grise en fond */
	margin-top: 22px; margin-bottom: 15px;
	margin-left: -140px; padding-left: 140px; margin-right: -45px;
	padding-top: 10px; padding-bottom: 8px;
	color: #4F1D1D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #e5e5e5;
	border-top: solid 4px #efefef;
	border-bottom: solid 3px #ccc;
}
table { width: 100%; }
table tr td, table tr th {
	border: 1px solid #c5cdba;	
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}
table.none { width: 90%; }
table.none tr td, table.none tr th {
	border: none;	
	vertical-align: top;
}

strong { font-weight: bold; }

#top {
	background-color: #666e5b;
	background-image: url(../images/bgint.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 135px;
	border-bottom: 1px solid #c7c7c7;
}

#top #header { margin-left: auto; margin-right: auto; width: 750px; }
#top #logoInt { margin-top: 15px; margin-left: 12px; }

#blocMnuBas {
	margin-left: auto; margin-right: auto;
	width: 750px;
	margin-bottom: 0;
}
.titreGraph {
	margin-top: 5px;
	margin-bottom: 1px;
}
div.liste {
	margin-top: 15px; margin-bottom: 15px;
	font-size: 10px;
	line-height: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
}
ul {
	width: 420px;
	margin-left: 25px;
	padding-bottom: 10px;
	font-size: 11px;
	line-height: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: disc;
	padding-top: 15px; 	
}
ul li{ padding-top: 3px; }

ul.menu {
	margin-top: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 15px;
	font-weight: bold;
	list-style-type: none;

}
ul#mnuAlign.menu {
	margin-top: 0px;
	margin-left: 0;
	padding-top: 20px;
	margin-bottom: 0;
	padding-bottom: 4px;
	width: 470px;

}
ul.menu a:link, ul.menu a:visited {
	color: #254262;
	text-decoration: none;
}
ul.menu a:hover, ul.menu a:active {
	color: #893937;
	text-decoration: underline;
}

hr { color: #c5cdba; background-color: #c5cdba; height: 1px; border:0; }
.choix { margin-left: -140px; margin-right: -45px; text-align: center; }
span.fleche {
	margin-left: 8px;
	margin-right: 8px;
	color: #c83e37;
	font-weight: bold;
}
div.retour {
	margin-left: -8px;
	margin-top: 28px;
}
div.retour a:link, div.retour a:visited {
	padding-top: 10px;	padding-bottom: 10px;
	color: #a83e37;
	text-decoration: none;
}
div.retour a:hover, div.retour a:active {
	color: #df2d1d;
	text-decoration: none;
}



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

/* *****     00 Accueil      *********************************************************************** */

/* ************************************************************************************************* */
/* Alignement du menu de la page d'accueil */
#mnu01 { margin-left: 18px; }
#mnu02, #mnu03 { margin-left: 14px; }

#mnuBas01 { margin-left: 18px; }
#mnuBas02, #mnuBas03 { margin-left: 14px; }

#accueilHaut {
	width: 100%;
	height: 347px;
	background: #1d1f21 url(../images/fond_haut.jpg) center no-repeat;
}
#accueilBas {
	width: 100%;
	background: url(../images/fond_bas.gif) center no-repeat;
	height: 283px;
}
#basIntro {
	margin-left: auto; margin-right: auto;
	width: 730px;
	padding-left: 12px;
}
#texteIntro {
	margin-top: -20px;
	padding-top: 0;
	color: white;
	font-size: 11px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 700px;
	text-align: justify;
	float: left;
}
#adresseIntro {
	color: #e0e0e0;
	font-size: 10px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 200px;	
	margin-top: 20px;
}
#codeIntro {
	color: #e0e0e0;
	float: right;
	font-size: 10px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: -20px;
	text-align: right;
	margin-right: 30px;
	border: 1px solid #7a868e;
	padding: 2px 8px;	
}
a.code {
	width:			100%;
	color:			#e0e0e0;
	font-size:		10px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	margin-top:		0px;

	
}
a.langue {
	position: relative;
	width:			100%;
	color:			#e0e0e0;
	font-size:		11px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	margin-left: 138px;
}
a.langue, a.langue:visited {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
a.langue:hover, a.langue:active {
	color: #FFd;
	font-weight: bold;
	text-decoration: underline;
}
a.langueFr {
	position: relative;
	width:			100%;
	color:			#e0e0e0;
	font-size:		11px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	margin-left: 125px;
}
a.langueFr, a.langueFr:visited {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
a.langueFr:hover, a.langueFr:active {
	color: #FFd;
	font-weight: bold;
	text-decoration: underline;
}

a.code, a.code:visited {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
a.code:hover, a.code:active {
	color: #FFd;
	font-weight: bold;
	text-decoration: underline;
}

#adresseIntro strong { color: white; }
#adresseIntro a { color: #e0e0e0; font-weight: bold; }
#adresseIntro a:hover, #adresseIntro a:active {
	color: white;
	font-weight: bold;	
}


/* *****     FIN Accueil     *********************************************************************** */



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

/* *****     01 L'impact réel d'une prothèse sur votre santé     *********************************** */

/* ************************************************************************************************* */
#contenu p {
	width: 400px;
}




#contenu dl {
	margin-top: 25px; padding-bottom: 10px;
	font-size: 11px;
	line-height: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 50px;	
	background-repeat:no-repeat;
	width: 370px;
}

#contenu dl.no1 { background-image: url(../images/1.gif); margin-left: 80px; margin-top: 20px; width: 300px; }
#contenu dl.no2 { background-image: url(../images/2.gif); margin-left: 35px; margin-top: 15px; width: 185px; }
#contenu dl.no3 { background-image: url(../images/3.gif); margin-left: 120px; margin-top: 45px; width: 280px; }
#contenu dl.no4 { background-image: url(../images/4.gif); margin-left: 120px; margin-top: 25px; width: 280px; }
#contenu dl.no5 { background-image: url(../images/5.gif); }
#contenu dl.no6 { background-image: url(../images/6.gif);}
#contenu dl.no7 { background-image: url(../images/7.gif); }
#contenu dl.no8 { background-image: url(../images/8.gif); margin-top: 40px; width: 250px; margin-bottom: 40px;  }
#contenu dl.no9 { background-image: url(../images/9.gif); }
#contenu dl.no10 { background-image: url(../images/10.gif); width: 200px; }
#contenu dl.no11 { background-image: url(../images/11.gif); }
#contenu dl.no12 { background-image: url(../images/12.gif); }
#contenu dl.no13 { background-image: url(../images/13.gif); }
#contenu dl.no14 { background-image: url(../images/14.gif); background-position: 0 28px; padding-top: 30px;}
#contenu dl.no15 { background-image: url(../images/15.gif); margin-top: 40px; }
#contenu dl.no16 { background-image: url(../images/16.gif); margin-top: 40px; padding-bottom: 40px; }
#contenu dl dt { font-weight: bold; font-size: 12px; color: #394148; padding-top: 3px; }
#contenu div#photo01 {
	width: 487px;
	margin-left: -140px;
	padding-left: 140px;
	background-image: url(../images/image01.gif); background-repeat: no-repeat; background-position: 9px 0px;
}
#contenu div#photo02 {
	width: 487px;
	margin-left: -140px;
	padding-left: 140px;
	background-image: url(../images/image02.jpg); background-repeat: no-repeat; background-position: 450px 490px;
}
#contenu div#photo03 {
	width: 487px;
	margin-left: -140px;
	padding-left: 140px;
	background-image: url(../images/image03.gif); background-repeat: no-repeat; background-position: 402px 52px;
}
#contenu div#photo04 {
	width: 487px;
	margin-left: -140px;
	padding-left: 140px;
	background-image: url(../images/image04.gif); background-repeat: no-repeat; background-position: 335px 0;
}
#images3 {
	margin-left: -85px;
}

/* *****     FIN L'impact réel d'une prothèse sur votre santé     ********************************** */


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

/* *****     03 Consultation gratuite près de chez vous     **************************************** */

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




div.listeResultats {
	clear: both;
	border: 1px #ddd solid;
	margin-top: 35px;
	margin-left: -118px;
	padding-left: 118px;
}
div.listeResultats a:link  {
	color: #2020df;
}
div.listeResultats a:visited {
	color: #5050cf;
}

div.listeResultats a:hover, div.listeResultats a:active {
	color: #7f1d1d;
}

.liste { margin-bottom: 30px; }

.listeNom {
	font-weight: bold;
	font-size: 110%;
	color: #4e4e4e;
}
.listeContact { font-style: italic; }
/* *****     FIN Consultation gratuite près de chez vous     *************************************** */


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

/* *****     Styles du popup      ****************************************************************** */

/* ************************************************************************************************* */
#popup #contenu {
	background: white url(../images/fond_int_coin.jpg) no-repeat;
	padding: 1px 5px 30px 30px;
	width: 572px;
	margin-top: -2px;
	height: 330px;
}

#popup #contenu #texte {
	float: left;
	font-size: 10px;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 302px;
}

#popup #contenu #texte ul {
	font-size: 10px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 292px;
	padding-left: 20px;
	list-style-type:disc;
}

#popup #contenu #photo {
	float: left;
	margin-left: 65px;
	margin-top: 10px;
	}

#popup #contenu #close {

	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-top: -44px;
	margin-right: -30px;
	margin-bottom: 30px;
}
#popup p.fermer {
	clear: both;
	font-weight: bold;
	width: 97%;
	background-color: #e5e5e5;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#popup p.fermer a:link, #popup p.fermer a:visited {
	color: #6F1D1D;
}
#popup p.fermer a:hover, #popup p.fermer a:active {
	color: #AF1D1D;
}


#popup #contenu #close a {
	color: #4F1D1D;
}
.fineprint {
	font-size: 9px;
	font-style:italic;
	line-height: 12px;
}
sup {
	vertical-align: 5px;
	font-size: 8px;
}
/* *****     FIN des styles du popup     *********************************************************** */



@media print {
	/* style pour l'imprimante */


}