/* apply a natural box layout model to all elements */
/* http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }






*{
    margin:0;
    padding:0;
}
body{
	-webkit-font-smoothing: antialiased; 
    background:#FFF;
    width:3565px;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
}

ul{
	list-style:disc;
}
li{
	margin-left:17px;
	margin-bottom:6px;
}

#wrapper{
	background:#5db5b4;
}
#menu{
	width: 100%;
	top: 0px;
	padding: 5px;
	background-color: #808080;
	font-weight: bold;
	color: #5DB5B4;
	position: fixed;
	left: 0px;
	padding-top: 4px;
}
#menu a{
	color:white;
	text-decoration:none;
}
#menu a:hover{
	color:white;
	text-decoration:none;
}

.section{
    margin:0px;
    bottom:0px;
    float:left;
}

#section0{
	float:left;
	width:637px;
	height:694px;
	display:block;
	background:url(../img/osteopathie-chambly-nancy-martin-1.jpg);
}

#logo{
	margin-left: 133px;
	width: 308px;
	height: 85px;
	display: block;
	margin-top: 83px;
}

#carte {
	padding-right: 16px;
	padding-top: 81px;
	text-align: right;
	margin-left: 269px;
	width: 368px;
	height: 185px;
	display: block;
	margin-top: 15px;
	color: #FFF;
	
}
#carte a{
	color:white;
	text-decoration:none;
}

.titre2{
	line-height: 34px;
	font-size: 25px;
	color: #5db5b4;
}

.titre3{
	margin-top: 23px;
	margin-left: 69px;
	line-height: 15px;
	font-size: 25px;
	color: #FFF;
}

#sectiona{
	float:left;
	background:#5db5b4;
	width: 449px;
	height:694px;
	display:block;
}


#section1{
	float:left;
	background:#5db5b4;
	width: 449px;
	height:694px;
	display:block;
}

#traitements{
	float:left;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	border-left: 3px solid #FFF;
	width: 449px;
	height: 187px;
	display: block;
	margin-top: 183px;
	background-color:#808080;
	color:white;
	line-height: 17px;
	font-size:14px;
}

#imagenancy{
	padding-right: 16px;
	padding-top: 81px;
	text-align: right;
	margin-left: 269px;
	width: 368px;
	height: 185px;
	display: block;
	margin-top: 15px;
	color: #FFF;
	background:url(../img/nancy_martin.jpg);
}

#imagenancy a{
	color:white;
	text-decoration:none;
}



#imagemassage{
    padding-right: 16px;
	float:left;
	border-right: 3px solid #FFF;
	border-left: 3px solid #FFF;
	width: 365px;
	height: 327px;
	display: block;
	
}



#image1{
	float:left;
	border-right: 3px solid #FFF;
	border-left: 3px solid #FFF;
	width: 236px;
	height: 324px;
	display: block;
	background:url(../img/osteopathie-chambly-nancy-martin-2.jpg);
}

#approche{
	float:left;
	border-right: 3px solid #FFF;
	width: 213px;
	height: 324px;
	display: block;
	color:white;
	line-height: 17px;
	font-size:14px;
}

#section2{
	float:left;
	background:#5db5b4;
	width: 599px;
	height:694px;
	display:block;
}

#quoiporter{
	float:left;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	width: 186px;
	height: 187px;
	display: block;
	margin-top: 183px;
	background-color:#808080;
	color:white;
	line-height: 17px;
	font-size:14px;
}

#pathologies{
	float:left;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	width: 413px;
	height: 187px;
	display: block;
	margin-top: 183px;
	background-color:#808080;
	color:white;
	line-height: 17px;
	font-size:14px;
}

#image2{
	float:left;
	border-right: 3px solid #FFF;
	width: 364px;
	height: 324px;
	display: block;
	background:url(../img/osteopathie-chambly-nancy-martin-3.jpg);
}

#abonnement{
	float:left;
	padding-top:330px;
	padding-left:10px;
	
	
}





#last{
	float:left;
	border-right: 3px solid #FFF;
	width: 235px;
	height: 324px;
	display: block;
	color:white;
	line-height: 17px;
	font-size:14px;
}

#section3{
	float:left;
	background:#5db5b4;
	width: 1880px;
	height:694px;
	display:block;
}

.titre1{
	padding-left: 10px;
	background-color: #55928D;
	height: 34px;
	width: 100%;
	line-height: 34px;
	font-size: 25px;
	color: #5db5b4;
}

#gauche{
	margin-top: 76px;
	float: left;
	text-align: right;
	width: 262px;
	color:#53908b;
}

#bouton_facebook{
	float:right;
	width:40px;
	height:40px;
	display:block;
	background:url(../img/bouton_facebook.jpg);
	margin-right: -4px;
	margin-bottom: 5px;
}

#bouton_in{
	float:right;
	width:40px;
	height:40px;
	display:block;
	background:url(../img/bouton_in.jpg);
	margin-right: -4px;
	margin-bottom: 5px;
}

#bouton_go{
	float:right;
	width:40px;
	height:40px;
	display:block;
	background:url(../img/bouton_gorendezvous.jpg);
	margin-right: -4px;
	margin-bottom: 5px;
}

.retouraccueil{
	margin-left: 20px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	margin-top: 192px;
	float: left;
}
