/* Start of CMSMS style sheet 'Style Docteur Sechaud' */
/********************* STYLES.CSS ************************/

* {
	border:0;
	margin:0;
	padding:0;
}

/* general */
a {
	color:#2469a2;
	text-decoration:none;
}

h2 em{
    color:#444;
    font-size: 70%;
}

.name{
	color:#444;
	text-decoration:none;
}

.name:hover{
	color:#444;
	text-decoration:none;
}

a:hover {
	color:#2469a2;
	text-decoration:underline;
}

blockquote {
	background:#f1f1f1;
	border-left:2px solid #7534aa;
	color:#444;
	display:block;
	font-style:oblique;
	line-height:20px;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}

/* body */
body {
	color:#666;
	font:0.7em Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

/* header */
#header {
	background:#fff url('images/ceb/body.jpg') repeat-x top;
	height:140px;
	padding-top:20px;
        padding-bottom:40px;
	position:relative;
}
#header table {
	margin-left:1%;
	margin-right:5%;
	width:90%;
	text-align:center;
}
#header img {
	height:100px;
}
#header p {
	color:#444;
	font-size:140%;
}

/* content */
#content {
	height:auto;
	margin:0 auto;
	margin-top:5px;
	width:99%;
}
#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
} 
/* Menu de navigation */
#navigation {
        float: left;
	width: 18%;
}


#navigation .box {
	background:url('images/ceb/box_bg_gauche.gif') 0 100% no-repeat;
	color:#555;
	display:block;
	font-size:90%;
	line-height:normal;
	margin:0 0 7px;
	padding:0 0 1px;
        width: 200px;
}

#navigation .box .titre {
	background:url('images/ceb/boutonGauche.png') 0 0 no-repeat;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:3px 0 7px 12px;
}

#navigation .box p{

}

#navigation input {
	background:#f1f1f1;
	color:#555;
	margin:10px;
	padding:5px;
	width:180px;
}


#navigation .more {
	display:block;
	text-align:right;
}

#contact{
   /* background:#c6e3e9;*/
}


#presentationDrSechaud{
    background:#c6e3e9;
}

#contactForm{
    background: url('images/ceb/fond-contact.gif') repeat-x top;
    height: 656px;
    color: black;
}

.big {
	color:#444;
	font-size:140%;
	font-weight:bold;
	display:block;
	text-align:center;
}

.medium {
	color:#444;
	font-size:120%;
	font-weight:bold;
}

#keyswords{
}

#keyswords ul {
}

#keyswords ul li {
	border-top:none;
	list-style:none;
}

#keyswords ul li a {
	color:#333;
	display:block;
	font-size:10px;
	font-weight:bold; 
	text-decoration:none;
	height: 15px;
	padding-top: 5px;
	padding-left: 10px;
}

#keyswords ul li a:hover {
	/*background-color:#c6e3e9;*/
	height: 15px;
        text-decoration: underline;
}

#keyswords ul li .interligne{
	margin-top: 5px;
}

/* Contenu principal */
#Principal {
	margin-left: 21%;
	margin-right: 15%;
	width:61%;
	background-color: #fff;
}

#FilAriane p {
	font-size:80%;
	color:#0066d4;
	padding-bottom: 15px;
}

#MenuCentral {	
	margin-top:10px;
}

#Document {
	padding-top: 20px;
}

/*
#Document table {
	border: 1px solid #808080;
        padding: 5px;
}
*/

#Document p {
	color: #444;
	line-height:150%;
	padding:10px;
	font-size:100%;
}
 

#Document h1 {
	color:#2469a2;
	font-size:130%;
	font-weight:bold;
	line-height:15px;
        margin-bottom: 10px;
	padding-top:20px;
}

#Document h1.encadre {
	font-size:100%;
	font-weight:bold;
        border:1px solid #444;
        margin-bottom: 10px;
        height: 15px;
}

#Document h2 {
	border-bottom:4px solid #2469a2;
	color:#2469a2;
	font-size:110%;
	font-weight:400;
        padding-bottom: 5px;
}

#Document h2 p {
	padding-left: 0px;
        color:#2469a2;
}


#Document h3 {
      padding:3px;
      font-size:110%;
      color:#808080;
}

#Document ul{
	padding-left: 40px;
	list-style: square;
	color: #444;
}
#Document ul li{
	padding-top: 10px;
        line-height: 15.5pt;
        list-style-type: disc;

}
#Document ul li ul li{
	padding-top: 10px;
        list-style-type: circle

}

.imgDrSechaud{
	position: relative; 
	margin-left:20px; 
	float:right;
	font-size:90%;
}

.video{
	position: relative; 
	margin-left:20px; 
	float:right;
	font-size:90%;
}

#Document p.legendeVideo{
	color:#2469a2;
	font-size: 9px;
	padding-bottom: 0px;
	text-align:left;
}

#basDocument{
	margin-top: 15px;
	padding-top: 5px;
	color:#333;
	font-size:80%;
}

/* Contenu secondaire */
#secondaire {
        float: right; 
	width: 16%;	
}

#secondaire .box {
	background:url('images/ceb/box_bg.gif') 0 100% no-repeat;
	color:#555;
	display:block;
	font-size:90%;
	line-height:normal;
	margin:0 0 7px;
	padding:0 0 1px;
        width: 158px;
}

#secondaire .box .titre {
	background:url('images/ceb/bouton.png') 0 0 no-repeat;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:3px 0 7px 12px;
}

#secondaire .box .titreQuestion {
	background:url('images/ceb/bouton.png') 0 0 no-repeat;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	margin:0;
	padding:3px 0 7px 12px;
}

#secondaire .box p{
	padding:3px 0 7px 12px;
}

#secondaire h2 {
	color:#2469a2;
	font-size:120%;
	font-weight:400;
	line-height:20px;
}


#secondaire input {
	background:#f1f1f1;
	color:#555;
	margin:10px;
	padding:5px;
	width:180px;
}


.moreDroite {
	display:block;
	text-align:right;
        padding-right:5px;
        padding-bottom:5px;
}

.moreGauche{
	display:block;
	text-align:left;
        padding-left:5px;
        padding-top:5px;
}

.moreGaucheQuestion{
	display:block;
	text-align:left;
        padding-left:5px;
        padding-top:5px;
        font-size: 94%;
}

/* footer */
#footer {
	margin:10px auto;
	width:90%;
}
#footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#footer p {
	border-top:2px solid #2469a2;
	color:#555;
	font-size:90%;
	line-height:20px;
	padding:10px;
	text-align:center;
}

#contactForm .fieldset{
        border:2px solid #2469a2;
        color:#333;
	display:block;
	font-size:10px;
	font-weight:bold; 
	text-decoration:none;
}

#contactForm legend{
        color:#2469a2;
	font-size:12px;
	font-weight:bold; 
	text-decoration:none;
}

#contactForm input{
        color: #444;
        font-size:11px;
	border:1px solid black;
}

#contactForm textarea{
        color: #444;
        font-size:12px;
	border:1px solid black;
}

/********************* FIN STYLES.CSS ************************/


/********************* MENU *********************************/

.preload1 {background: url(images/ceb/pro_drop4_2a.gif);}
.preload1 {background: url(images/ceb/pro_drop4_2b.gif);}

.prodrop4 {
	padding:0px; 
	margin:0; 
	list-style:none; 
	height:31px; 
	position:relative;
	z-index:500; 
	font-family:Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

.prodrop4 li.top {
	display:block; 
	float:left;
}

.prodrop4 li a.top_link {
	display:block; 
	float:left; 
	height:31px; 
	line-height:10px; 
	color:#000; 
	text-decoration:none; 
	font-size:11px; 
	font-weight:bold; 
	padding:0 0 0 5px; 
	cursor:pointer;
	background: url(images/ceb/pro_drop4_0a.gif) no-repeat;
}

.prodrop4 li a.top_link span {
	float:left; 
	display:block; 
	padding-top:10px; 
	padding-right:5px;
	height:21px;
	width: 75px;
	text-align:center;
	background:url(images/ceb/pro_drop4_0b.gif) right top;
}

.prodrop4 li a.top_link2 {
	display:block; 
	float:left; 
	height:31px; 
	line-height:10px; 
	color:#000; 
	text-decoration:none; 
	font-size:11px; 
	font-weight:bold; 
	padding:0 0 0 5px; 
	cursor:pointer;
	background: url(images/ceb/pro_drop4_0a.gif) no-repeat;
}

.prodrop4 li a.top_link2 span {
	float:left; 
	display:block; 
	padding-top:7px; 
	padding-right:5px;
	height:24px;
	width: 75px;
	text-align:center;
	background:url(images/ceb/pro_drop4_0b.gif) right top;
}

.prodrop4 li a.top_link:hover {color:#000; background: url(images/ceb/pro_drop4_2a.gif) no-repeat;}
.prodrop4 li a.top_link:hover span {background:url(images/ceb/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(images/ceb/pro_drop4_2a.gif) no-repeat;}
.prodrop4 li:hover > a.top_link span {background:url(images/ceb/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li a.top_link2:hover {color:#000; background: url(images/ceb/pro_drop4_2a.gif) no-repeat;}
.prodrop4 li a.top_link2:hover span {background:url(images/ceb/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link2 {color:#000; background: url(images/ceb/pro_drop4_2a.gif) no-repeat;}
.prodrop4 li:hover > a.top_link2 span {background:url(images/ceb/pro_drop4_2b.gif) no-repeat right top;}

.bleue{
color:#0066d4;
}

.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/********************* FIN MENU ******************************/



/******** LIGHTBOX ********/

#lightbox{	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}
#lightbox img{ 
	width: auto; height: auto;
}
#lightbox a img{ 
	border: none; 
}

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}
#imageContainer{ 
	padding: 10px; 
}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

/* En commentaire car provoque une erreur de validation W3C #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block; }*/
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/ceb/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/ceb/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/******** FIN LIGHTBOX ********/

/******** ERREUR 404 ********/
#goog-wm h3.closest-match {}

#goog-wm h3.closest-match a { }
   
#goog-wm h3.other-things {}
   
#goog-wm ul li { }
   
#goog-wm li.search-goog {
padding-top: 10px;
}

#goog-wm-qt{
  color: #444;
  font-size:11px;
  border:1px solid black;
}

#goog-wm-sb{
  color: #444;
  font-size:11px;
  border:1px solid black;
  margin-left: 10px;
}
/******** FIN ERREUR 404 ********/
/* End of 'Style Docteur Sechaud' */

