/** 
  CSS by Jeremy Marc (jmarc@justalab.com)
  Feel free to browse this, but don't copy 
  it completely. That's uncool :-)
*/

/**
* __Colors__
 * Body Background:     Image
 * Body Font:           C7C7C7
 * Pink Links:          C7C7C7
*/

/**
 * Redeclarations
 */ 
*										{ margin: 0; padding: 0; border: 0; position:relative /*IE7 : mettre le background du body au centre */}
body									{ font: 13px Helvetica; color:#606060; }
object 									{ outline:none; }


/**
 * Common
 */
a										{ text-decoration: none; color: #606060; }
a:hover									{ text-decoration: underline; }
ul 										{ list-style-image: none; list-style-position: outside; list-style-type: none; text-decoration: none; }
em										{ font-weight:bold; color:#777; }

.wrap-header 							{ width: 970px; margin: 0 auto; }
.wrap-main								{ width: 972px; margin: 1px auto; }

.clearfix:after 						{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix 								{ display: inline-block; } 


/**
 * Header
 */
.header									{ width: 970px; height: 70px; color: #fff; padding:5px 0 0; }
.header h1								{ font-size:24px; font-weight:bold; } 
.header h1 a							{ color:#fff; }
.header h2								{ margin-top: 0; font-size:18px; font-weight:bold; float:left; }
.header p								{ float: right;  padding:2px 0 5px; font-size:12px; font-weight:bold;}

/**
 * Main
 */
.main									{ width: 972px; margin: 0 auto; }
.nav									{ width: 100%; }
.nav li									{ display:inline; }
.nav li	a								{ float: left; width: 186px; height: 28px; margin:0 1px 0 0; text-align:center; font-size:18px; font-weight:bold; color:#fff; line-height:27px; }
.nav li.selected a						{ background:transparent url(img/nav_bg_over.png) no-repeat; }
.nav li.home a							{ width:37px; height:28px; margin-right:1px; text-indent:-9999px; font-size:0; }
.nav li a:hover							{ background:url(img/nav_bg_over.png); text-decoration:none; }
.nav li.prevention a					{ margin:0;}
.nav li.last a							{ margin: 0; }
.main .ban 								{ width: 970px; height: 348px; margin-top: 9px; }/*margin-top de 60px à 9px*/
.ban p.intro							{ color:#777777; float:left; font-size:17px; margin:50px 0 auto 58px; width:225px; }
.ban span.big					{ font-weight:bold; display:none;}
.ban div.frame							{ float:right; margin:30px 51px 0 0; padding:20px 21px 21px 21px; width:571px; height:225px; }
/*.content								{ padding:10px 10px 0; width:952px; min-height:316px !important; height:auto !important; height:316px; }*/
.content							{ height:auto !important; min-height:316px !important; padding:10px 20px 0; width:932px;}

.news, .doctor, .more					{ float: left; }
p.title									{ padding-bottom: 3px; font-size: 25px; margin:0 0 8px 0; width:96%; }


/**
 * News bloc
 */
.news									{ width:310px; }
/*.news									{ width:317px; }*/
span.care,
span.prevention,
span.aesthetic							{ text-transform:uppercase; font-weight:bold; }
p.newslist								{ padding:0 30px 0 82px; margin:16px 0 0 0; min-height:100px; color:#777; font-size:14px; } /*ajout du min-height*/
p.newslist span.prosthetics				{ display:block; font-weight:bold; }
p.newslist a.readmore					{ display:block; height:19px; line-height: 19px; min-width:74px !important; width:74px; padding:0 22px 0 0; }
a.advices								{ float:left; width:162px; padding:7px 0 8px 30px; margin:18px 0 0 87px; }
a.knowmore								{ float:left; width:162px; padding:7px 0 8px 28px; margin:18px 0 0 87px; }


/**
 * Doctor bloc
 */
.doctor									{ width:307px; padding:0 0 0 10px; }
.doctor ul li							{ float:left; margin:12px 0 5px 0; color:#676767; font-size:12px; overflow:hidden; width:100%; }/*au lieu de 49%*/
.doctor ul li a							{ color:#676767; }
div.picture								{ float:left; width:128px; height:88px; padding: 5px 0 0 5px; margin:0 5px 0 0; }
div.infos								{ padding:5px 0 0 0; }
p.doctorname							{ font-weight:bold; }


/**
 * More bloc
 */
.more									{ padding:0 0 0 20px; width:285px; }
/*.more									{ padding:0 0 0 20px; width:297px; }*/
.more ul								{ padding-left: 78px; margin-top: 25px; min-height:80px;} /*ajout du min-height*/
.more li								{ color: #676767; padding-left: 17px; margin-top: 3px; }
.more li a								{ color:#676767; font-size:14px;}
.ufsbd									{ margin: 20px 0 0 90px; }


/**
 * Footer
 */
.footer									{ clear: both; width:718px; padding:0 0 52px 252px; margin:0 auto; color:#666; font-size:12px; }
.footer	 a								{ color:#666; }
p.edition span.enps						{ float:left; background:transparent url(img/enps.jpg) no-repeat; width:204px; height:10px; text-indent:-9999px; font-size:0; margin:0 3px 0 0; }
p.edition								{ color:#4C4C4C; font-size:11px; margin:15px 0 0 0; line-height: 13px;}
p.edition span.txtedition				{ float:left; }



/*** Interne *****/
div.leftside							{ float:left; width:622px; margin:10px 0 30px 0; }/*62px à 48px*/
div.contentside							{ width:602px; min-height:806px !important;height:806px; height:auto; padding:20px 10px 20px 10px; }
div.bannerleft							{ width:560px; height:185px; padding:49px 0 0 62px; }
div.rightside							{ float:right; width:344px; margin:10px 0 30px; }/*62px à 48px*/
div.rightside p.bloctitle				{ font-size:23px; font-weight:normal; }
div.contacttop							{ width:306px; height:auto; padding:10px 24px 20px 14px; color:#606060; font-size:12px; }
div.contacttop p.bloctitle				{ font-size:20px; margin:0 0 10px 0; }
div.contacttop div.pictureleft			{ width:133px; height:87px; float:left; text-align:center; padding:7px 0 0 0; margin:0 5px 0px 0; }
div.contacttop p.name					{ font-weight:bold; margin:7px 0 0 0; }
div.contacttop a.contactus				{ display:block; clear:both; padding:19px 0 0 54px; color:#777; font-weight:bold; margin:0 0 0 137px; }
a.contactus {margin-left:4px;font-weight:bold;}

div.newsletter								{ width:287px; height:180px; padding:18px 35px 0 22px; font-size:15px;}
div.newsletter div							{ padding:20px 0 0 0; }

div.advices								{ width:287px; height:328px; padding:18px 35px 0 22px; font-size:15px; }
div.advices a.print						{ float:right; }
div.advices ul							{ clear:both; padding:10px 0 0 0; }
div.advices ul li						{ display:block; padding:0 0 5px 21px; line-height:18px; }
div.advices ul li a						{ color:#606060; }
div.search								{ width:287px; height:134px; padding:18px 35px 0 22px; }
div.search p.bloctitle span.advancedsearch	{ float:right; margin:7px 28px 0 0; font-size:14px; font-weight:bold; }
div.search div							{ padding:20px 0 0 0; }
div.search div input.search			{ width:198px; padding:12px 22px 17px 6px; border:0; float:left; }
div.search div input.submit			{ width:55px; height:44px; text-align:center; color:#fff; font-size:14px;padding-bottom:6px; text-transform:uppercase; border:0; font-weight:bold; }
div.search div input.submit:hover		{ background:transparent url(img/button_bg_over.png) no-repeat; cursor:pointer; }
div.tags								{ background-position:bottom left;background-repeat:repeat-x;width:314px; min-height:200px;height:auto; padding:18px 15px 0; color:#777; font-size:15px; line-height:24px; }
div.tags a								{ color:#777; margin:0 4px; }
div.tags a.big							{ font-size:19px; }
div.tags a.biggest						{ font-size:22px; }
div.knowmore							{ width:331px; height:220px; padding:12px 0 0 13px; }
div.knowmore p.bloctitle				{ margin:0 0 0 21px; }
div.knowmore ul 						{ font-size:14px; margin-top:15px; padding-left:90px; }
div.knowmore ul li 						{  margin-top:6px; padding-left:17px; }
div.knowmore ul li a 					{  }

/**** Content style *******/
.contentside h1							{ font-size:25px; font-weight:normal; height:29px; padding:0 0 0 15px; }
.contentside h2							{ font-size:22px; font-weight:normal; }
.contentside h3							{ font-size:19px; font-weight:normal; }
.contentside h4							{ font-size:17px; font-weight:normal; }
.contentside h5							{ font-size:14px; font-weight:normal; }
.contentside p							{ margin:20px 65px 0 35px; text-align:justify; }
.schedule, .meansofaccess, .rendezvous	{ font-weight:bold; display:block; }
.emergency								{ font-weight:bold; }
ul.listdoctors							{ margin:20px 0 0 35px; }
div.contentside p.imglist img			{ margin:0 6px 0 0; }
ul.listdoctors li						{ display:block; clear:both; width:100%; padding:10px 0 0 0; }
ul.listdoctors li img					{ float:left; margin:0 18px 0 0; }
ul.listdoctors li p						{ margin:0; }
ul.listdoctors li p.doctorname			{ margin:26px 0 0 0; }
#tooltip 								{ opacity:1; position:absolute; z-index:3000; }
#tooltip h3 							{ display:block; font-size:14px; padding:5px 5px 15px; width:300px; font-weight:normal; }
#tooltip h3 							{ background:url("img/tooltip_bg.gif") no-repeat scroll left bottom #FFFFFF; }


/*Modifications*/

/*Slider*/
.slider{_background:none; overflow:hidden;position:relative; width:571px;}
.sliderInter{_background:none; overflow:hidden;position:relative; width:496px;}
div.frame .slider img{ display:none; overflow:hidden; position:absolute; width:571px;}
.sliderInter img {	 }

/* Défilant */
.blocInfo { width:590px; clear:left; margin-top:0px; overflow:hidden;}
.blocInfo .mask { /* that serves as a mask. so you get a sort of padding both left and right */position: relative;left: 0px;width: 571px;overflow: hidden; padding-top:5px;}
.blocInfo {width:965px;}
.mask {width:965px!important;}
ul.textInfo { position: relative; left: 965px; font-size: 14px ; list-style-type: none; margin: 0; padding: 0; width: 965px;}
ul.textInfo li { display:block; float:left; white-space:nowrap; }

/*Page Article-Fiches conseils*/
.contentside a.info{display:inline-block;margin:10px 0px 2px 20px;}
.contentside p.rubDescription {margin:5px 15px 0px 35px;}
.contentside span.rubDescription, span.DescriptionRubrique {display:inline-block;font-size:smaller;margin-left:10px;margin-right:10px;font-weight:bold;}

.contentside .ListeArticles {display:inline-block;margin:20px 0px 0px 20px;}
.contentside .ListeArticles a.info {margin-top:0px;}
#ctl00_cph_mid_FormView1 {margin-left:10px;width:95%}
h1.color1 {margin-bottom:20px;}

/*Résultats de recherche*/
.bloc_fiche_conseil_petit{padding-left:20px}
h3.color1{margin-left:-20px}

/*Page Urgence*/
h2 {margin-bottom:10px;}

/*Page Cabinet*/
.contentside .title1 {font-weight:bold;}
.contentside .bloc_content {padding-left:15px;}
.contentside .bloc_content p {margin-top:10px;margin-left:0px;}
.contentside #bloc_bienvenue h1 {margin-bottom:20px;margin-right:10px;width:99.5%;}
.contentside .bloc_content h1 {margin:20px 10px 20px 0px;}
.contentside .bloc_content .title2 {font-weight:bold;}
.container_pres_personnel {width:435px}

/*Page Plan*/
.contentside #bloc_bienvenue div {padding-left:0px;}
.contentside #bloc_bienvenue  {padding-left:18px;}

/*Page Contact*/
input.title2 {border:1px #707070 solid;margin-bottom:5px;width:240px;}
textarea.title2 {border:1px #707070 solid;margin-bottom:20px;}

/*Accueil - cadre Praticiens*/
div.doctor div.pictureleft  	{ width:131px; height:87px; float:left; text-align:center; padding:7px 0 0 0; margin:0; }

/*Page Videos*/
#liste_videos h2 {margin-left:15px}
#liste_videos p {margin-top:10px}
#liste_videos p.titre {font-weight:bold}
/*#liste_videos a {display:inline-block;margin-top:5px;margin-left:35px;text-decoration:underline}*/

/*Ajustement des h1*/
h1.color1{margin-left:10px;margin-right:10px;width:95%;}
span.rubDescription{padding-left:10px;padding-bottom:10px;}

/*body {background:black!important;}*/
#blocNewsletter {height:130px;}
#blocVideo {height:90px;}

/*Bloc right*/
p.bloctitle {border-bottom:1px solid;margin-bottom:10px;margin-left:0px;}

/*VCard*/
.divVCard {padding-left:135px}

/*Article*/
.contentside #fiche_conseil {margin-top:0px;}
#conteneur_centre h1 {padding-left:10px;}
#conteneur_centre p {margin-left:15px;margin-right:15px;}

a.rubInfos, .ListItem a {font-weight:bold;font-size:larger;text-decoration:underline;}
 .ListItem .list_prev {font-weight:normal;font-size:larger;text-decoration:none}
a.rubInfos:hover, .ListItem a:hover {text-decoration:none;}
/*
a.vignette_video {float:left;}
div.texte_video {width:350px;float:left;}
div.video_pedagogique {width:550px;}*/


.clr {clear:both}


.video_pedagogique {clear:both;margin:20px 0px;min-height:75px;}
.video_pedagogique a.vignette_video img {float:left;margin-right:20px;}

/*Pour empêcher la 3ème ligne de l'en-tête (adresse) de passer à la ligne quand la 2ème ligne est trop grande*/
.header h2 {width:100%}
.wrap-header {height:89px;}

ul.textInfo li {margin-top:5px}