/*----------------------------------------------------
  Interface pour http://www.osteodusport.com
  Design graphique: Raphael Bastide
------------------------------------------------------
  Postit couleurs
  Gris-liens-menu : #757575
      Bleu survol : #0b91b7
   Bleu-vert (h2) : #09718e
------------------------------------------------------
>En premi?re partie sont trait?s les blocs principaux
pour la gestion g?n?rale de la page. Au fil du doc on
rentre dans le d?tail.	Chaque bloc est d?taill? plus
bas avec une partie r?serv?e a chaque div.
----------------------------------------------------*/
#menuDeroulant
{
	list-style:none;
	width:800px;
	margin:0;
	padding:1px 0 0 40px;
	float:left;
}
#menuDeroulant li
{
	position:relative;
	z-index:1000;
	float:left;
	margin:0;
	padding:0;
	border:0;
}
#menuDeroulant li a
{
	float:left;
	margin:0;
	padding:0 8px;
	line-height:28px;
	font-size:14px;
	text-decoration:none;
	white-space:nowrap;
	color:#757575;
	border-right:1px solid #fff;
}
#menuDeroulant li a:hover{color:#0b91b7;}

#menuDeroulant .sousMenu
{
	list-style-type:none;
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	top:28px;
	left:0;
}
#menuDeroulant .sousMenu li
{
	float:none;
	margin:0;
	padding:0;
	width:175px;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display:block;
	float:none;
	color:#757575;
	margin:0;
	border:0;
	text-decoration:none;
	background:#f5f4f0;
	border:1px solid #d3e0e8;
	border-top:1px solid #ece7e3;
	border-bottom:0;
	zoom:1;
}
#menuDeroulant .sousMenu li a:hover
{
	color: #0b91b7;
}

.cf-before{
color:red;
}
body 
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#eff4f7;
}

textarea, input 
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

/*------------------------Blocs Principaux---*/

#all
{
	width: 100%;
	background:url(http://www.osteodusport.com/wp-content/themes/ods/img/header_bg.jpg) repeat-x;
	overflow: hidden;
	padding: 0;
}

#header 
{
  overflow:hidden;
	width: 750px;
	height:151px;
	margin: 0 auto 0 auto;
	padding:0;
}

#header h1 {
	display: none;
}



#contenu 
{
	position: relative; 
  	width: 770px;
	margin: 0 auto 10px auto;
	min-height: 300px;
}

#shadow
{
	width: 1px;
	position: relative;
	width: 1px;
}

#menu_droite
{
	position: absolute;
	right: 0;
	width: 	201px;
	margin-top: -35px;
	background: url(http://www.osteodusport.com/wp-content/themes/ods/img/menu_droite.jpg) no-repeat top left;
	height: 319px;
}

#footer
{
	clear: both;
	background: #ffffff url(http://www.osteodusport.com/wp-content/themes/ods/img/footer_bg.jpg) repeat-x;
	height:80px;
}

/*------------------------Header-------------*/
/*.logo, .logo a{
	border:none;
	margin:0 31px 25px 0;
}*/

#header a{float:left;margin:42px 36px 0 0;}
#header img.moto{float:left;margin:6px 0 0 0;}

/*------------------------Menu---------------*/
#menu 
{
	margin:0 auto;
	padding:0;
	background:url(http://www.osteodusport.com/wp-content/themes/ods/img/menu_bg.jpg) repeat-x;
	color:#e3ded6; /*Couleur des separateur*/
}

#container {	
	width:800px;
	height:29px;
	margin:0 auto;
	padding:0;
}
	


/*------------------------Contenu------------*/
#h1temple
{
	background: white;
}

h1, h1 a
{
	font-size: 18px;
	width: 750px;
	margin: 0 auto;
	padding: 40px 0 40px 0;
	font-weight: normal;
	color:#b5b4a7;
	text-decoration: none;
}

h2{
	font-weight: bold;
	color:#09718e;
	font-size: 14px;
}

#article
{
	 float: left;
	 width: 540px;
}

#comments 
{
	width: 520px;
	color: #3d505b;
	font-size:12px;
	line-height:18px;
	padding: 5px 10px 5px 10px;
	background: #FFFFFF;
}

#comments h3 
{
	display: inline;
}

textarea 
{
	width: 480px;
	
}

.entry{
	color: #3d505b;
	font-size: 12px;
	line-height: 18px;
	margin: 20px 0 10px 0;
	padding: 5px 10px 5px 10px;
	background: #FBFAF8;
}



.entry a, #comments a 
{
	text-decoration: none;
	color: #0b91b7;
}
	
	
.post {
	color:#3d505b;
	font-size:12px;
	line-height:18px;
}
.post h2 a {
	font-weight: bold;
	color:#09718e;
	font-size: 14px;
	text-decoration: none;
}
img.home{
	 float:left;
	 margin:-32px 0 150px -42px;
}

#float {
	clear:both;
}

.spacer {
	clear:none;
}

img{
border:0;
}
/*------------------------Menu_Droite--------*/

#menu_droite{
	margin-left: 550px;
	padding: 50px 0px 0px 5px;
	position: absolute;
}

#menu_droite a {
	border: none;
}

/*------------------------Footer-------------*/

#footer p, #footer a
{
	padding:20px 0 0 0;
	font-size:10px;
	color:#878787;
  	width: 750px;
  	margin: 0 auto;
}

#footer a:hover{
	color:#4B4B4B;
}

/*------------------------HTML & Classes-----*/


.clear 
{
    clear: both;
    height: 1px;
    overflow: hidden;
}

td{
	vertical-align:top;
	background:;
}

.backtop{
       display:block;
       text-align:right;
       border-bottom:1px dotted grey;
}












/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */

.cform { 
	margin:10px auto 0 auto; 
	width: 475px; 
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:5px 0 5px 0; 
	border:none;
}

.cform fieldset.cf_hidden { 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	margin-left:10px;
	padding: 0 0 10px 0; 
	font:normal 18px Verdana; 
	color: #aaa;
}

ol.cf-ol { 
	margin:0; 
	padding:0; 
}
ol.cf-ol li	{ 
	margin:5px 0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	padding:3px 0; 
	text-align:left;
	font-size:0.9em;
	color:#3d505b;
	font-weight: bold;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	width:200px; 
	margin:2px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:right;
	vertical-align:top;
	color: #3d505b;
	font:0.9em Trebuchet MS,sans-serif;
}
.cform label span {
	width:200px; /* must be the same as above!*/
	display:block; 
}

label.cf-before {
text-align:left;
font-size:0.8em;
	padding: 0px;
	margin:0 10px 0 0; 
	width: 400px;
}

label.cf-before span {
	width: 400px;
}

.textonly {
color:red;
}

label.cf-after 	{
	margin:0 0 0 6px;
	width:2500px;
	text-align:left;
}

label.cf-after span {
	width:250px;
	display:block;
}

label.cf-group-after {
	margin:0 0 0 2px;
	width:60px;
	text-align:left;
}
label.cf-group-after span {
	width:60px;
	display:block;
	margin-top:3px;
	line-height:1.1em;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	padding:1px 3px;
	background: #f9f9f9; 
	border: 1px solid #aaa; 
	font:0.9em Trebuchet MS,sans-serif;
	color:#888;
	background:url(../images/field-bg-top.gif) repeat-x top left; 


}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	border: 1px solid #FFCC00;
	background:url(../images/field-bg-bottom.gif) repeat-x bottom left; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	color:#666;
	background:url(../images/field-bg-bottom.gif) repeat-x bottom left; 
}

.cform textarea,
.cform input {
	width:200px; 
}
.cform select {
	width:258px; /* attempt to have equal length */
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	overflow:auto;
}

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	margin:0px 5px 7px 225px;
	display: block; 
	vertical-align:top;
	color: #aaa;
	font-size:0.8em;
	line-height:1.2em;
}


/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	padding-left:100px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cf-box-a,
input.cf-box-b 	{ 
	margin:1px 0 0 0; 
	width:16px; 
	border:none!important;
	background:none!important;
}

input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	padding: 0 0 5px 100px; 
} 


/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	margin: 0;
	text-align:left;
}
.cform input.sendbutton	{ 
	width:100px;  
	padding:2px; 
	margin: 0 0 0 100px;
	font-size:0.8em;
	background:url(../images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}


/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */

.cform .error 		{ color:red!important; border:1px solid #FF0000!important; padding:1px 3px; }
.cform .errortxt    	{ color:red!important; }


/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.seccap {
	margin-top: 6px;
}
label.secq,
label.secq span {
	margin-top: 2px;
	width:174px;
}
input.secinput {
	width:45px;
	margin: 3px 0 0 0;
	vertical-align:top;
}

#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
}


/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

p.info 		{
	margin:10px 0;
	text-align:center;
}
p.success 	{
	color:green;
}
p.failure 	{
	color:red;
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */

.cform input.cf_upload  {
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	margin:10px 0 10px 50px!important;
	padding:0!important;	
	text-align:center!important;;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;
}
* html .cform fieldset.cf_hidden { 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: -8px; 
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html img.captcha	{
	margin-top:1px;
}
*+html input.cf-box-a,
*+html input.cf-box-b {
	margin-top:0px;
	background:none;
}
* html input.cf-box-a,
* html input.cf-box-b { 
	height:1.2em;
	margin-top:0px;
	background:none;
}
*+html label.cf-after 	{
	margin-top:2px;
}

.linklove{
display:none;
}