/* NOUSEFOOL CSS 1.0 SCREEN 2011 */

/*######################################################################################### CLASSES UTILES */
/*############### COLONNES */
/*
	X = Nombre total de colonnes 
	Y = Largeur de la colonne (en nombre de colonnes) 
	E = Espacement entre les colonnes 
	ESPACEMENT : (X - 1) * E divisible par X 
	WIDTH : (960 - Etotal) / X 
*/
.colXY{width: 0px; float: left;}
/*############### COULEURS DE TEXTE */
.cColor{color: #000000;}
/*############### TAILLE DU TEXTE */
/*
	Par défaut : body{font-size: 62.5%;}
	62.5% : 1em = 10px
*/
/*############### POLICE DE TEXTE */
@font-face
{
	font-family: Avantgarde;
	src: url('../font/avantgarde.eot');
	src: url('../font/avantgarde.eot?#iefix') format('embedded-opentype'),
	url('../font/avantgarde.ttf') format('truetype');
}

/*######################################################################################### TEMPLATE */
*{
	margin:0;
	padding:0;
	border:0;
}
html, body
{
	height: 100%;
	background: #c4c4c4;
}
#leftContainer, #rightContainer
{
	width: 50%; height: 100%;
	float: left;
}
#leftContainer{background: #000000 url('../img/bgBlack.jpg') no-repeat center right;}
#rightContainer{background: #c4c4c4 url('../img/bgWhite.jpg') no-repeat center left;}
#leftContent, #rightContent{position: relative;}
#leftContent
{
	width: 310px; height: 550px;
	/*top: 0%;*/
	margin: 0 auto 0 auto;
}
#rightContent
{
	width: 578px; height: 580px;
	top: 0%;
	margin: 0 auto 0 auto;
}

/*######################################################################################### GRAPHICS */
.spriteMain{display: block; background: url('../img/spriteMain.png') no-repeat;}
#logoSmall
{
	text-indent: -9999px;
	width: 152px; height: 64px;
	background-position: 0px 0px;
	position: absolute; 
	bottom: 0px; left: 79px;
}
#logo
{
	width: 294px; height: 337px;
	background-position: 0px -65px; 
	text-indent: -9999px;
	margin: 0 auto;
}
.line
{
	width: 367px; height: 9px;
	background-position: 0px -403px;
}
.dot1
{
	width: 9px; height: 9px;
	background-position: -18px -413px;
	display: inline-block;
}
.dot2
{
	width: 12px; height: 9px;
	background-position: 0px -414px;
	margin:0 auto;
}
#map
{
	margin: 30px auto 0 auto;
	display: block;
}
.hr
{
	width: 570px;
	background: no-repeat url('../img/hr-border.png') !important;
	/*width: 367px;*/ height: 10px;
	background-position: 0px -402px;
	margin: 20px auto;
}
.hr2
{
	width: 179px; height: 10px;
	background-position: -94px -402px;
	margin: 20px auto;
}
.hr3
{
	width: 292px; height: 10px;
	background-position: -38px -402px;
	margin: 11px auto;
}
.hr_bullet
{
	width: 44px; height: 10px;
	background-position: -161px -402px;
	margin: 5px auto;
}
#escarmelle
{
	width: 288px; height: 118px;
	background-position: -3px -283px;
	text-indent: -9999px;
	margin: 0 auto;
	position: relative;
}

/*######################################################################################### SLIDER */
#nuslider
{
	width: 304px; height: 304px;
	margin: 0 auto;
	display: block;
}






/*######################################################################################### NAV */
#bottomNav
{
	/*position: absolute; 
	left: 90px;*/margin-top: 20px;
}

#menu_top { position:absolute; margin:-30px 0 0 100px;;}
#menu_top  li{ float:left; border:1px solid #000; margin: 0 6px; padding:2px 4px;}
#menu_top  a{ text-decoration:none; font-size: 1.4em;}

/*######################################################################################### CONTENTS */
#historique
{
	width: 367px;
	margin: 0 auto;
}
#historique th{padding-right: 20px;}
#boutique1, #boutique2, #boutique3
{
	width: 179px; 
	float: left;
}
#pageBoutique p
{
	line-height: 1.5em;
	text-align: center;
	font-size: 1.4em;
}



/*######################################################################################### TEXTES */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,input,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,optgroup,option,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,textarea,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp
{font-family: Avantgarde; color:#000;}
#bottomNav a{text-decoration: none; font-size: 1.2em; padding: 0px 10px;}
#bottomNav a:hover{color: #444444;}
#pageMenu {display:none}
#pageMenu a{text-decoration: none; font-size: 2em; display: block; line-height: 2em; padding-left: 105px;}
#pageMenu a:hover{color: #444444;}
#pageMenu .sousmenu{font-size: 1.5em; text-indent: 12px;}
h3{font-size: 2.2em; text-align: center;}
h2{font-size: 3em; text-align: center;}
#historique th, #historique td{font-size: 1.4em; line-height: 1.2em;}
#historique th{font-weight: bold;}
.pB10{padding-bottom: 10px;}



#contact .center,#actuality .center {
	text-align: center;
	margin: 15px auto 0 auto;
	font-size: 1.4em;
	line-height: 1.2em;
}

#contact li {
	margin-top: 10px;
}

b,strong {
	font-weight: bold;
	font-size: 1.1em;
}

#orthopediste {
	padding:30px 0 0 0;
	
}

#orthopediste .dot2{
	margin-top: 5px;
}

#orthopediste .center {
	text-align: center;
	margin: 5px auto 0 auto;
	font-size: 1.4em;
	line-height: 1.2em;
}

#orthopediste li {
	margin-top: 10px;
}

#olivier_mergaux {
	background: no-repeat url('../img/olivier_mergaux.png');
	width: 259px;
	height: 70px;
	text-indent: -9999px;
	margin: 0 auto;
	position: relative;
	display: block
}

#actuality p {	
	  font-size: 1.2em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 380px;
}

#mentions .wrapper {
	overflow-y: scroll;
	height: 535px;
}
#mentions p {
	margin: 20px 0;
}

#mentions ul {
	list-style: disc;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 10px 0;
}

#mentions li {
	padding-left: 5px;
}

#coup_coeur {clear:both;}

#bottomNav2     {bottom: -30px;
    left: 250px;
    position: absolute;
}

#bottomNav3     {bottom: -130px;
    left: 265px;
    position: absolute;
}

#bottomNav2 a {
    font-size: 1.2em;
    padding: 0 10px;
    text-decoration: none;
}

#logocconcept {margin: 320px 0 0 50px;}
	
	#logocconcept a {color:#fff; text-decoration:none;}
	#logocconcept a:hover {text-decoration:underline;}
	
	div.petitp p {font-size: 12px;
    text-align: left;}
	
	
	#pageBoutique {
margin-top: -120px;

}

#pageMenu .optiondemenu {font-size:1.5em;}

#actuality ul {
	list-style: disc;
	text-align: left;
	padding-left: 15px;
}

#actuality ul li { margin: 10px 0; }
#actuality ul li:first-child { margin-top: 0; }
#actuality ul li:last-child { margin-bottom: 0; }