/* DIVERS
-------------------------------------------------------------------------------------------- */
    .backwards {unicode-bidi:bidi-override; direction: rtl; color:#FF4E00;}

    #flashcontent {
	MARGIN: 0; height:300px;
}

    .clear {clear:both;}
	hr.clear{
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    border-width:0;
    margin:0;
    padding:0;
}


/* GENERAL
-------------------------------------------------------------------------------------------- */
    * {
    margin: 0;
    padding: 0;
}

    img { display: block; border: 0px;}

    ul li a {
    text-decoration:none;
}


		
/* ESPACE
---------------------------------------------- */
    #mascotte {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    width: 931px;
    height: 20px;
}
    #neamascotte {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    width: 931px;
    height: 20px;
}
    #mascotte h3.accueil0 {
    float:left;
    height: 20px;
	width:500px;
}
    #mascotte h3.accueil2 {
    float:right;
    height: 20px;
	width:400px;
}


/* nav_g0
-------------------------------------------------------------------------------------------- */

    ul#nav_g0 {
	width: 111px;
    margin: 25px 0 0 0;
    text-align: right;
}
    ul#nav_g0 li {
    list-style-type: none;
}
    ul#nav_g0 li {
    display: block;
    width: 111px;
    font-size: 120%;
    font-weight: bold;
    padding-bottom: 3px;
	color: #39B3F2;
    border-left: 2px solid #39B3F2;
}


/* nav_g
-------------------------------------------------------------------------------------------- */

    ul#nav_g {
	width: 111px;
    margin: 0 0 0 0;
    text-align: right;
}
    ul#nav_g li {
    list-style-type: none;
	padding-bottom: 2px;

}
    ul#nav_g li a {
    display: block;
    width: 111px;
    font-size: 120%;
    font-weight: bold;
    outline: 0;
	color: #000;
}
    ul#nav_g li.or a,
    ul#nav_g li a:hover {
    color: #000;
}
/* nav_g01
-------------------------------------------------------------------------------------------- */
    ul#nav_g01 {
    margin: 18px 0px 0px 0px;
    text-align: right;
    font-size: 110%;
	width: 111px;
}
    ul#nav_g01 li {
    list-style-type: none;
}
    ul#nav_g01 li {
    color: #39B3F2;
	font-weight:bold;
    border-left: 2px solid #39B3F2;
    display: block;
}



/* nav_g1
-------------------------------------------------------------------------------------------- */
    ul#nav_g1 {
	width: 111px;
    margin: 18px 0px 0px 0px;
    text-align: right;
    font-size: 110%;
}
    ul#nav_g1 li {
    list-style-type: none;
	border-bottom:1px solid #E7E7E7;
}
    ul#nav_g1 li a {
    display: block;
    padding-bottom: 5px;
}
    ul#nav_g1 li.or a, ul#nav_g1 li.or a:visited {
    color: #5C82A4;
}
    ul#nav_g1 li.or a:hover {
    color: black;
}
    ul#nav_g1 li.or0 a, ul#nav_g1 li.or0 a:visited {
    color: #39B3F2;
	font-weight:bold;
    border-left: 2px solid #39B3F2;
}



/* CONTENU
---------------------------------------------- */
    #content {
    overflow: hidden;
    margin: 2px 0 0 0;
    color: #000;
    /*background: url(../paris/orthodontiste-container.gif) repeat-y top right;*/
}

    #content #content-left {
    float: left;
    width: 110px;
    padding-bottom: 0px;
}
    #content #content-main {
    position: relative;
    overflow: hidden;
    float: right;
    width: 800px;
    background: transparent url(../orthodontiste/orthodontiste.jpg) top left no-repeat;
	border:#EFEFEE 1px solid;
    overflow: hidden;
}
    #content #content-main #min-height {
    height: 300px;
    width: 1px;
    float: left;
}
	
/* content-main VIGNETTES ------------------------------ */	
	
    #content-main #texte_vignettes {
    width: 310px;
    margin:0;
    padding-left: 20px;
    padding-right: 10px;
    float: left;
    font: normal 11px/16px arial, helvetica, sans-serif;
    color: #000;
    text-align:left;
}
    #content-main #texte_vignettes h2.vignet{
    padding:20px 0 5px 0; margin:0;
    font: normal 18px/22px arial, helvetica, sans-serif;
    color: #39B3F2;
}

		
/* VIGNETTE
-------------------------------------------------------------------------------------------------------------------*/
    #content-main  #texte_vignettes .vignette {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 330px;
    overflow: hidden;
    margin: 0px 0px 1px 13px;
}
    #content-main  #texte_vignettes .vignette img {
    float: left;
	padding: 4px;
	margin: 0 7px 27px 0;
	border: 0;
	background: url(../orthodontiste/bg-vignette.gif) no-repeat;
}
    .vignette a:hover img {
	padding: 4px;
	margin: 0 7px 27px 20px;
	border: 0;
}

    .vignette a:hover img {
	background: #FFF;
	filter:alpha(opacity=65); 
	-moz-opacity: 0.65; 
	opacity: 0.65;
}
	
/* content-main
---------------------------------------------- */	
	
	#content-main #text-container {
	width: 308px;
	padding-left: 19px;
	float: left;
	font: normal 11px/16px arial, helvetica, sans-serif;
	color: #DCDCDC;
	text-align:center;
}
    #content-main #text-container h2.lahmi{
	padding:24px 0 2px 0; margin:0;
	font: normal 18px/20px arial, helvetica, sans-serif;
	color: #DCDCDC;
}
    #content-main #image-container {
	width: 450px;
	height: 300px;
	float: right;
}
    #content #hopital {
	line-height: 20px;
	height: 20px;
	font-size: 110%;
	clear: both;
	padding: 0px 0px 80px 520px;
	background-color: #FAFAF0;
}
    #content #hopital a#americain {
	background: url(../orthodontistes/bullet-orthodontie.gif) left center no-repeat;
	padding: 0 0 0 20px;
	color:#B0C4DE;
	text-decoration:none;
}
    #content #hopital a#americain:hover {color:#4682B4; text-decoration:underline; }
    /* LIENS content-main */
    #content-main a {
    text-decoration: underline;
}

/* Liens EID*/
    #content #hopital p.eid {color:#4682B4; font: normal 11px/17px arial, helvetica, sans-serif; color:#2F4F4F; }
    #content #hopital p.eid a, #content #hopital p.eid a:link, #content #hopital p.eid a:visited {
	background: url(../orthodontistes/bullet-orthodontie.gif) 3px 7px no-repeat;
	font: normal 11px/17px arial, helvetica, sans-serif;
	padding: 4px 0 0 20px;
	margin:5px 0 0 0;
	color:#B0C4DE;
	text-decoration:none;
}
    #content #hopital p.eid a:hover {color:#4682B4; text-decoration:underline; }


/* COMMUN */
    h2 {
    padding: 15px 0px 19px 0px;
    font-size: 200%;
    font-weight: normal;
}
    p {
    padding: 0px 0px 21px 0px;
    font-size: 120%;
}
    #content-main ul {
    font-size: 120%;
    padding: 0px 21px 21px 21px;
}


/* FORMULAIRE
-------------------------------------------------------------------------------------------- */
    #patient {
    width: 245px;
    padding: 7px 10px 0px 0px;
    float: right;
}
    #patient input {
    margin: 0px 3px 0px 0px;
    width: 65px;
    border: 1px solid #fff;
    color: black;
    background-color: #B0C4DE;
    font-size: 100%;
}
    #patient .submit {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: transparent;
    border: none;
    font-weight: bold;
    font-size: 110%;
    color: #B0C4DE;
}

    fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: right;
}
    .field-container {
    font-size: 110%;
}



/* TOOLTIP2
-------------------------------------------------------------------------------------------- */
    a.tooltip2 {color:#c00;}
    a.tooltip2 b {display:none;}
    a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
    a.tooltip2:hover b {display:block; position:absolute; top:0px; left:120px; padding:5px; font-weight:normal; color:#fff; border:1px solid #5692BE; background:#00B8E4; width:394px;}
    a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #5692BE; overflow:hidden; z-index:100;}
    a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #00B8E4; overflow:hidden;; z-index:100;}
	
	/* FOOTER
---------------------------------------------- */
    #footer {
    position: absolute;
    bottom: 0px;
    left: 131px;
    height: 78px;
    width: 800px;
	background: transparent url(../orthodontiste/orthodontie-bg.gif) repeat-x top left;
}
    #footer p.boulogne { float: left; width:60%; font: normal 10px/16px arial, helvetica, sans-serif; color: #729DB2; ; padding: 7px 20px 0px 10px; margin:0;}
    #footer p.boulogne a, #footer p.boulogne a:link, #footer p.boulogne a:visited { color: #84B5CC; }
    #footer p.boulogne a:hover { color: #fff; }
	#footer p.patient { float: right; width:30%; text-align:right; font: normal 10px/16px arial, helvetica, sans-serif; color: #729DB2; ; padding: 7px 20px 0px 10px; margin:0;}
    #footer p.patient a, #footer p.patient a:link, #footer p.patient a:visited { color: #A4C5D5; border-bottom:1px solid #4D7D91; text-decoration:none;}
    #footer p.patient a:hover { color: #fff;  }
    #footer p.copy { float: left; width:60%; font: normal 10px/16px arial, helvetica, sans-serif; color: #7C8B92; ; padding: 14px 20px 0px 10px;margin:0; color: #6E98AC; }
    #footer p.nea { float: right; width:30%; text-align:right; font: normal 10px/16px arial, helvetica, sans-serif; color: #7C8B92; ; padding: 14px 20px 0 1px;margin:0; color: #6E98AC; }
	#footer p.nea a, #footer p.nea a:link, #footer p.nea a:visited { color: #84B5CC; text-decoration:none;}
    #footer p.nea a:hover { color: #fff;  }

	

/* a venir
-------------------------------------------------------------------------------------------- */


#content-main .news h2 {
    padding: 5px 0px 10px 0px;
}

/* PHOTOS NEWS */
.news-image {
    padding: 85px 0px 20px 0px;
    float: right;
}
.news-image p {
    padding: 5px 0px 5px 0px;
    font-size: 110%;
}




		
/* VIGNETTE 1 IMAGE
-------------------------------------------------------------------------------------------------------------------*/

    #content-main  #texte_vignettes .vignette1 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 330px;
    overflow: hidden;
    margin: 0px 0px 14px 13px;
	background: url(../orthodontiste/bg-orthodontie-1on.gif)  bottom left no-repeat;
}
    #content-main  #texte_vignettes .vignette1 img {
    float: left;
	padding: 4px;
	margin: 0 7px 27px 0;
	border: 0;
	background: url(../orthodontiste/bg-vignette.gif) no-repeat;
}

    .vignette1 a:hover img {
	padding: 4px;
	margin: 0 7px 27px 20px;
	border: 0;
}

    .vignette1 a:hover img {
	background: #FFF;
	filter:alpha(opacity=65); 
	-moz-opacity: 0.65; 
	opacity: 0.65;
}

/* VIGNETTE 2 IMAGE ON LEFT ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

    #content-main  #texte_vignettes .vignette2L {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 330px;
    overflow: hidden;
    margin: 0px 0px 14px 13px;
	background: url(../orthodontiste/bg-orthodontie-2onLeft.gif)  bottom left no-repeat;
}
    #content-main  #texte_vignettes .vignette2L img {
    float: left;
	padding: 4px;
	margin: 0 7px 27px 0;
	border: 0;
	background: url(../orthodontiste/bg-vignette.gif) no-repeat;
}

	.vignette2L a:hover img {
	padding: 4px;
	margin: 0 7px 27px 20px;
	border: 0;
}

    .vignette2L a:hover img {
	background: #FFF;
	filter:alpha(opacity=65); 
	-moz-opacity: 0.65; 
	opacity: 0.65;
}
/* VIGNETTE 2 IMAGE ON RIGHT -----------------------*/


    #content-main  #texte_vignettes .vignette2R {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 330px;
    overflow: hidden;
    margin: 0px 0px 14px 13px;
	background: url(../orthodontiste/bg-orthodontie-2onright.gif)  bottom left no-repeat;
}
    #content-main  #texte_vignettes .vignette2R img {
    float: left;
	padding: 4px;
	margin: 0 7px 27px 0;
	border: 0;
	background: url(../orthodontiste/bg-vignette.gif) no-repeat;
}

	.vignette3R a:hover img {
	padding: 4px;
	margin: 0 7px 27px 20px;
	border: 0;
}

    .vignette3R a:hover img {
	background: #FFF;
	filter:alpha(opacity=65); 
	-moz-opacity: 0.65; 
	opacity: 0.65;
}

/* VIGNETTE 3 IMAGES ON LEFT ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/



    #content-main  #texte_vignettes .vignette3L {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 330px;
    overflow: hidden;
    margin: 0px 0px 14px 13px;
	background: url(../orthodontiste/bg-orthodontie-3onLeft.gif) bottom left no-repeat;
}
    #content-main  #texte_vignettes .vignette3L img {
    float: left;
	padding: 4px;
	margin: 0 7px 27px 0;
	border: 0;
	background: url(../orthodontiste/bg-vignette.gif) no-repeat;
}
    .vignette3L a:hover img {
	padding: 4px;
	margin: 0 7px 27px 20px;
	border: 0;
}

    .vignette3L a:hover img {
	background: #FFF;
	filter:alpha(opacity=65); 
	-moz-opacity: 0.65; 
	opacity: 0.65;
}
/* VIGNETTE 3 IMAGES ON MIDDLE -----------------------*/


    #content-main  #texte_vignettes .vignette3M {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 330px;
    overflow: hidden;
    margin: 0px 0px 14px 13px;
	background: url(../orthodontiste/bg-orthodontie-3onMiddle.gif)  bottom left no-repeat;
}
    #content-main  #texte_vignettes .vignette3M img {
    float: left;
	padding: 4px;
	margin: 0 7px 27px 0;
	border: 0;
	background: url(../orthodontiste/bg-vignette.gif) no-repeat;
}	
	.vignette3M a:hover img {
	padding: 4px;
	margin: 0 7px 27px 20px;
	border: 0;
}

    .vignette3M a:hover img {
	background: #FFF;
	filter:alpha(opacity=65); 
	-moz-opacity: 0.65; 
	opacity: 0.65;
}

/* VIGNETTE 3 IMAGES ON RIGHT -----------------------*/


    #content-main  #texte_vignettes .vignette3R {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 330px;
    overflow: hidden;
    margin: 0px 0px 14px 13px;
	background: url(../orthodontiste/bg-orthodontie-3onright.gif)  bottom left no-repeat;
}
    #content-main  #texte_vignettes .vignette3R img {
    float: left;
	padding: 4px;
	margin: 0 7px 27px 0;
	border: 0;
	background: url(../orthodontiste/bg-vignette.gif) no-repeat;
}

	.vignette3R a:hover img {
	padding: 4px;
	margin: 0 7px 27px 20px;
	border: 0;
}

    .vignette3R a:hover img {
	background: #FFF;
	filter:alpha(opacity=65); 
	-moz-opacity: 0.65; 
	opacity: 0.65;
}