/* 
--------------------------------------------------------------------------------------------
Title : WEBDENTISTE 
Author : Anthony Messager
Compatibility : Firefox 1.5/2 - Internet Explorer 6/7 - Opera 9.21 - Safari 2.0.4
-------------------------------------------------------------------------------------------- 
*/

/* ############################## PAGE HOME ############################## */

/* global */
*{
margin:0;
padding:0;
}

body{
background: #fff;
font-family: verdana, tahoma, helvetica, sans-serif;
font-size: 0.7em;
}

a{
cursor: pointer;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

a.lire_suite, a.contact{
display: block;
width: 180px;
margin-top: 5px;
padding-left: 12px;
font-weight: 700;
}

a.lire_suite:hover{
text-decoration: underline;
} 

a.contact{
padding-left: 25px;
/* 
pour ne pas afficher l enveloppe, commenter les 2 lignes ci-dessus et ajouter :
background: none;
padding-left: 0;
*/ 
text-decoration: underline;
}

.separator{
clear: both;
visibility: hidden;
margin: 0;
padding: 0;
height: 1px;
line-height: 1px;
font-size: 1em;
}

/* container */
#container{
position: relative;
width: 784px;
margin: 0 auto;
}

/* header */
#header{
width: 784px;
height: 100px;
}

/* panel left */
.panel_left{
/* -------- mettre 'display: none;' pour ne pas afficher le bloc -------- */
float: left;
width: 230px;
margin: 7px 5px 0 0;
}

/* GR 19:31 29/09/2007 Suppression Newsletter */
/*.panel_left .bloc_11 {display:block;}*/
/*.panel_left #bloc_9 {padding-bottom:188px;}*/
/* GR 19:31 29/09/2007 Fin Suppression Newsletter */

/* panel center */
.panel_center{
/* -------- mettre 'display: none;' pour ne pas afficher le bloc -------- */
float: left;
width: 384px;
margin: 7px 0 0 0;
}

/* panel right */
.panel_right{
/* -------- mettre 'display: none;' pour ne pas afficher le bloc -------- */
float: left;
width: 160px;
margin: 7px 0 0 2px;
}

.panel_Actualite {
/* -------- mettre 'display: none;' pour ne pas afficher le bloc -------- */
float: left;
width: 384px !important;
margin: 7px 0 0 0;
}
.panel_Actualite img {
margin-top:12px;
}


/* bloc_21 : logo */
#bloc_21{
float: left;
}

/* bloc_1 : présentation médecin */
#bloc_1{
position:absolute;
top:23px;
left:450px;
padding: 5px;
font-size: 1.4em;
}

#bloc_1 p{
font-weight: 700;
font-size: 1.4em;
}

/* bloc_2 : barre de navigation */
#bloc_2{
margin: 5px 0 0 0;
}

#bloc_2 a:focus {outline: none;}

#bloc_2 ul{
float: left;
width: 689px;
list-style: none;
padding: 0 0 0 95px;
}

#bloc_2 ul li{
float: left;
height: 29px;
}

#bloc_2 ul li.accueil{width: 92px;}
#bloc_2 ul li.presentation{width: 138px;}
#bloc_2 ul li.plan{width: 138px;}
#bloc_2 ul li.urgence{width: 101px;}
#bloc_2 ul li.prevention{width: 138px;}

#bloc_2 ul li a{
display: block;
height: 29px;
text-indent: -5000px;
}

#bloc_2 ul li.accueil a{width: 92px;}
#bloc_2 ul li.presentation a, #bloc_2 ul li.plan a, #bloc_2 ul li.prevention a{width: 138px;}
#bloc_2 ul li.urgence a{width: 101px;}

/* bloc_8 : phrase déroulante */
#bloc_8{
margin: 5px 0 0 0;
font-size: 1.1em;
height: 15px;
}

/* Titre cabinet */
#titre_cabinet{
height: 30px;
text-indent: -5000px;
}

/* bloc_3 : photo d'identité */
#bloc_3,  #bloc_19 {
padding: 7px 15px 5px 10px;
}
#bloc_5{
padding: 7px 15px 0px 10px;
}
#bloc_9 {
padding: 0px 15px 0px 10px;
}
#bloc_3{
/* -------- mettre 'display: none;' pour ne pas afficher le bloc -------- */
}

/*Logo Hon*/
.LogoHonType1 { display:inline-block ; margin:10px 0px 0px 0px ;}
.ImgLogoHonType1 { display:inline-block ; margin:0px 0px 0px 73px ; }
.TextLogoHonType1 { display:inline-block ; text-align:center ; font-size:10px ; }
.TextLogoHonType11 { display:inline-block ; font-size:10px ; }
.TextLogoHonType12 { display:inline-block ; font-size:10px ; }

.LogoHonType2 { display:inline-block ; float:right ; margin:10px 0px 0px 0px ; }
.ImgLogoHonType2 { display:inline-block ; float:right ; margin:0px 60px 0px 0px ;}
.TextLogoHonType2 { display:inline-block ; float:right ; font-size:10px ; text-align:center ; margin:10px 0px 0px 0px ; }
.TextLogoHonType21 { font-size:10px ; margin:0px 0px 0px 0px !important;}
.TextLogoHonType22 { font-size:10px ; margin:0px 0px 0px 0px !important;}

.LogoHonType3 { display:inline-block ; float:left ; margin:0px 0px 0px 52px ; padding:0px 0px 0px 0px ;}
.ImgLogoHonType3 { display:inline-block ; float:left ; }
.TextLogoHonType3 { display:inline-block ; float:left ; font-size:10px ;}
.TextLogoHonType31 { font-size:10px ; }
.TextLogoHonType32 { font-size:10px ; }

/*Logo UFSBD*/
#logoufsbd {
	margin-top:25px;
	margin-left:10px;
	text-align:center;
}

#logoufsbd img {
	border:none;
}

/* bloc_4 : fiche d'identité */
#bloc_4{
padding: 0 15px 5px 10px;
}

span#font_red{
font-weight: bold;
font-size: 1.5em;
}

/* bloc_5 : pavé adresse */
#bloc_5{float: left;}

#bloc_5 {
}
#bloc_5 .bloc_praticien {
float:left; padding:10px 0 5px 0;
}
#bloc_5 .bloc_praticien img.photo_identite {
float:left; padding-right:10px;
margin-bottom:6px;
}
#bloc_5 .bloc_praticien div.bloc_infos_praticien {
float:left; width:205px; 
 }

/* bloc_6 : pied de page */
#bloc_6{
height: 28px;
margin: 5px auto 5px auto;
text-align: center;
font-size: 0.9em;
padding-top: 1px;
}

#bloc_6 a{font-size: 1em;}

/* bloc_19 : texte de bienvenue */
#bloc_19{
/* -------- mettre 'display: none;' pour ne pas afficher le bloc -------- */
}

/* bloc_9 : texte de bienvenue */
#bloc_9{}

/* bloc_11 : newsletter */
.bloc_11{padding: 0px 0 5px 10px;
	/*GR 20080422*/
	display:block;}

.bloc_11 h1{
height: 24px;
text-indent: -5000px;
}

.bloc_11 p{
margin-top: 10px !important;
margin-top: 0;
}

.bloc_11 #formulair{
margin: 25px 0 20px 0 !important;
margin: 25px 0 10px 0;
}

.bloc_11 #formulair span{
display: block;
font-weight: 700;
}

div.row{position: relative;}

.bloc_11 #formulair input{margin-top: 6px;}

.bloc_11 .bt_submit_newsletter{
position: absolute;
top: -6px;
right: -15px;
margin-right: 15px;
width: 66px;
height: 33px;
text-indent: -5000px;
border: 0;
}

/* pointillés */
#pointille{text-indent: -5000px;}

/* bloc_12 : charte déontologique */
/* bloc_13 : honoraires et remboursement */
/* espace_pro : espace professionnel */
#bloc_12, #espace_pro{padding: 0 0 1px 5px;}
#bloc_13{padding: 6px 0 1px 5px;}

#bloc_12{padding: 10px 0 1px 5px;}
#bloc_13{
/* -------- mettre 'display: none;' pour ne pas afficher le bloc -------- */
/*display: none;*/
}

#espace_pro{padding: 0 0 10px 5px;}

#bloc_12 a, #bloc_13 a, #espace_pro a{
display: block;
height: 33px;
text-indent: -5000px;
}

/* bloc_18 : bloc photos du cabinet */
#bloc_18{
/* -------- mettre 'display: none;' pour ne pas afficher le bloc -------- */
	position:absolute;
}


#bloc_17{
/* -------- mettre 'display: none;' pour ne pas afficher le bloc -------- */
}

#bloc_17 h1{
height: 22px;
text-indent: -5000px;
margin: 2px 0 0px 0;
}

.bloc_17_actu{margin-bottom: 18px;}

.bloc_17_actu h2, .bloc_20 h2 {font-size: 1.4em;}

.bloc_17_actu p, .bloc_20 p{font-size: 1em;}

/* bloc_14 : 200 conseils pratiques */
#bloc_14{
margin-top:25px;
height: 77px;
text-indent: -5000px;
} 

#bloc_10 #rech_Formulaire{
padding: 5px 0 5px 5px !important;
padding: 5px 0 0 5px;
}

#bloc_10 #rech_Formulaire span{
font-weight: 700;
text-transform: uppercase;
font-size: 0.80em !important;
}

#bloc_10 #rech_Formulaire input{margin-top: 6px;}

#bloc_10 #rech_Formulaire .bt_submit_search{
position: absolute;
top: -7px;
right: 0;
width: 44px;
height: 32px;
text-indent: -5000px;
border: 0;
}

/* bloc_15 : liste des rubriques */
#bloc_15{
padding: 22px 0 8px 11px;
margin-bottom: 3px;
}

#bloc_15 ul{
width: 140px;
margin: 0;
padding: 0;
list-style: none;
}

#bloc_15 ul li{
padding-left: 15px;
margin-bottom: 10px;
position: relative;
}

#bloc_15 ul li a{font-weight: 700;}

/* bloc_7 : liens Ordre National et Annuaire des Chirurgiens-Dentistes */
#bloc_7, #bloc_7bis{
text-align: center;
padding: 10px 0 5px 0;
}

#bloc_7 a, #bloc_7bis a{text-decoration: underline;}

#bloc_7bis{padding: 0 0 10px 0;}

.bloc_20{padding: 11px 0 5px 6px;}

#bloc_16{
	text-align:justify;
	padding: 10px;
	/*width:548px;*/
}
#bloc_16 h1{
height: 24px;
text-indent: -5000px;
}

.tags {padding:0px 2px 1px 2px;}

/* infobulle */
a.rubInfos:visited{
	color:red;
}

rubInfos {
	font-weight:bold;
	font-size: 11px;
}

a.info, a.info2{position: relative;}

a.info span, a.info2 span{display: none;}

a.info:hover, a.info2:hover{
background: none;
z-index: 500;
}

a.info:hover span, a.info2:hover span{
display: inline;
position: absolute;
z-index: 500;
top: 2em;
left: 1em;
padding: 5px;
width: 150px;
text-decoration: none !important;
font-size: 12px;
font-weight: 100;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}

a.info2:hover span{
top: 0;
left: -191px;
}

.info2 {
	text-decoration: none !important;
}

#bloc_16 a.tag1{font-size: 1em;}
#bloc_16 a.tag2{font-size: 1.2em;}
#bloc_16 a.tag3{font-size: 1.5em;}
#bloc_16 a.tag4{font-size: 2em;}

#bloc_16 a.tag1:hover, #bloc_16 a.tag2:hover, #bloc_16 a.tag3:hover, #bloc_16 a.tag4:hover{text-decoration: underline;}



/* ############################## PAGE PRESENTATION ############################## */
/* panel center interne */
.panel_center_interne{
float: left;
width: 549px;
margin: 7px 0 0 0;
padding-top: 30px;
}

.panel_center_interne h1{font-size: 1.5em;}

.panel_center_interne h2{
font-size: 1.7em;
text-transform: uppercase;
margin: 0 0 10px 0;
}

.panel_center_interne h3{font-size: 1em;}
.panel_center_interne h4{font-size: 1.3em;}

.panel_center_interne img{
float: left;
margin-right: 2px;
}

div.container_pres_personnel {width:350px;}
.panel_center_interne a{text-decoration: underline;}

/*div.pres_personnel{margin-top: 40px;}*/

div.pres_personnel a{text-decoration: underline;}

div.pres_personnel p{margin-top: 3px;}


/* ############################## PAGE NEWSLETTER ############################## */
.color1{font-weight: 700;}

.fond1{
float: left;
padding: 0 7px;
margin: 25px 0 5px 0;
height: 20px;
line-height: 20px;
font-weight: 700;
}

#formulaire_NL{margin: 5px 0 30px 0;}

#formulaire_NL input{
float: left;
height: 18px;
}

.bt_submit{
float: left;
border: 0 !important;
width: 56px !important;
height: 20px !important;
margin: 0 0 0 4px;
cursor:pointer;
}

#imageNewsLetter {
	float:left;
	width:169px;
}

#inscNewsLetter {
	float:left;
	width:380px;
}
div.confidentialite{margin-top: 80px;clear:left}


/* ############################## PAGE PREVENTION ############################## */
/* panel left intene */
.panel_left_before{
/* -------- mettre 'display: none;' pour ne pas afficher le bloc -------- */
float: left;
width: 614px;
margin: 7px 5px 5px 0;
}

.bloc_fiche_conseil{
width: 300px;
height: 59px;
background: url(images/fiche_conseil.gif) 0 0 no-repeat;
margin-top: 15px;
}

.bloc_fiche_conseil_petit{
padding-left:5px;
padding-right:5px;
text-transform:uppercase;
width:106px;
font-weight:bold;
}

.bloc_prevention{margin: 20px 0 0 45px;}

.bloc_prevention span{
	font-weight:bold;
}

.bloc_prevention h1{
font-size: 1.8em;
margin-bottom: 15px;
}

.bloc_prev_left{
float: left;
width: 30px;
margin-top: 15px;
border-top: 1px solid #85afab;
}

.bloc_prev_right{
float: left;
width: 565px;
margin-top: 15px;
border-left: 1px solid #85afab;
padding-left: 15px;
}

.bloc_prev_right a{font-size: 1.3em;}

.bloc_prev_right p{margin-bottom: 5px;}

.list_prev{font-size: 1.3em;}
.list_prev a{font-size: 1em;}


/* ############################## PAGE URGENCE ############################## */
hr{
height: 5px;
margin: 15px 0 15px 0;
}

a.hilit:link, a.hilit:visited {
	color: #DF0000;
	text-decoration: underline;
}

.pres_personnel .title2 {
	color: #666666;
	font-weight:bold;
	font-size:1.1em;
}
#bloc_serv_garde, #bloc_urgence{
	font-size:1.2em;
}

.title1 {font-weight:bold;}

/*......................... TOOLTIP 1  ......................*/
.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	opacity: 0.9;
	visibility: hidden;
}

.glt-elm p{
	background: #e5efef;
	margin: 0;
	padding: 0.5em;
	border: 1px solid;
	font-size:small;
}

.glt-elm img{
	display: block;
}

#index_videos_pedagogiques {display:block;margin-top:40px;}
#index_videos_pedagogiques .video_pedagogique {padding-left:10px;clear:both;}
#index_videos_pedagogiques .video_pedagogique p.titre{font-weight:bold;font-size:larger;}
#index_videos_pedagogiques .video_pedagogique p{margin-bottom:6px;}
#index_videos_pedagogiques h1{margin-bottom:12px;}
#index_videos_pedagogiques h2{margin-bottom:8px;}
#index_videos_pedagogiques img{border:0px;}
#index_videos_pedagogiques .video_pedagogique a.lire_suite {display:inline;padding-top:2px;}

#AutresInfosAcces {padding-left:12px;}
#AutresInfosAcces #TextesComplementaires{font-size:larger;}
#AutresInfosAcces #TextesComplementaires p {margin-bottom:8px;}
#AutresInfosAcces #StreetView{margin:18px 0 15px 0px;}

#liste_videos {display:block;border:0px solid;float:left;width:450px;}
#liste_videos div.video_pedagogique div.texte_video {float:left;/*height:80px;width:320px;clear:right;*/}
#liste_videos div.video_pedagogique a.vignette_video {float:left;clear:left;}

#panel_photos.art_panel_right a {float:left;}

.cabinet-bloc h1 {padding-top:1px; margin:10px 0 7px 0; font-size:20px} 
.cabinet-bloc h2 {font-size:16px; margin:7px 0 3px 20px; text-transform:none }
.cabinet-bloc p {margin-top:0; margin-left:30px}


.lienPageLang {float:right;position:absolute;right:0;text-align: right; margin-top:7px;}
#header .lienPageLang a {border-width:0px;}
#header .lienPageLang img {height:25px; width:25px; border-width:0px; }


/*Videos2*/
#index_videos_pedagogiques  h2.current_video_title, #MainGrid #liste_videos h2 span {display:block;font-size:16px;margin-bottom:3px}
#index_videos_pedagogiques h2.current_video_title , .video_player {margin-left:120px; text-align:center}
#liste_videos .rubrique_videos {width:540px}
#liste_videos .rubrique_videos .video_pedagogique {width:250px; clear:none; height:auto}
#liste_videos .rubrique_videos .video_pedagogique .vignette_video img {width:80px ;height:auto ;margin-right:10px}
#liste_videos .rubrique_videos .video_pedagogique .titre {font-weight:bold; margin-bottom:0}
#liste_videos .rubrique_videos .video_pedagogique .texte_video {width:140px}
#liste_videos .rubrique_videos .video_pedagogique .texte_video .lire_suite{font-weight:bold;text-decoration:none;margin:0 0 0 10px}
#liste_videos .rubrique_videos .video_pedagogique .descr_video {font-size:12px}


.ComplementInfos {text-align:center; display:inline-block}
.ComplementInfos img {margin:10px; border:none}
.ComplementInfosLink {display:block; width:200px; font-weight:bold; font-size:14px; text-decoration:underline }

/*#panel_photos h6.Legende {clear:both}*/

/* ArticlesPDF  */
.AdminArticlesRubrique td{padding:20px;vertical-align:top}
.AdminArticlesRubrique td h2{padding: 10px 0 10px 0}
.ArticlePrint{padding:7px;border-width:1px;cursor:pointer;margin-bottom:15px;margin-right:15px}
.ArticlesByRubrique input{float:left;margin:1px 7px 0 0}
.ArticlesByRubrique a{text-decoration:underline!important;}
.ArticlesByRubrique label{padding-left:20px;display:block;}

/* Contact Form */
.message {padding:5px; clear:both;}
.message .title2 {margin:5px;}
.message .go { cursor:pointer; border-style:groove; border-width:0px; padding:4px; margin:5px; margin-left:10px;color:#FFF}

/* Cpyright */
.copyrightUC > .MentionWD {background:#FDF8E8; font-size:10px; color:#AAA}
.copyrightUC  .Logo { font-size:xx-small; height:13px; background:white url(/images/copyright.gif) no-repeat 0 50%; display:inline-block; width:240px}

.tags a {display:inline-block;}


/*Livre d'or*/
#livreOr {margin-left:250px}