<style type="text/css">




.markermenu, .bullet{
list-style-type: none;
margin: 0;
padding: 0;
width: 113px;
border: 0px;
}

.markermenu a{
	list-style-type: square;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align:center;
	color: white;
	display: block;
	width: 113;
	padding: 8px 0;
	padding-left: 0px;
	text-decoration: none;
}

.bullet a{
background: transparent url(../images/sciage/bullet.gif) no-repeat 0px 3px;*/
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align:left;
color: white;
display: block;
width: auto;
padding: 0px 0;
padding-left: 13px;
text-decoration: none;
}



* html .markermenu a, .bullet a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 100px;
}

.markermenu a:visited, .markermenu a:active, .bullet a:visited, .bullet a:active{
color: white;
}

.markermenu a:hover, .bullet a:hover{
color: black;
background-color: red;
}




body {
	background-color: #13115C;
    margin:0; 
}


.styleservice {
	color: #FF0000;
	font-weight: bold;
	font-size: 16px;
	text-align:center;
}

.ligne {
border-bottom: 1px solid red;
}

.position_coin {
background-repeat: no-repeat; 
background-position: bottom right;
}

.titre {
 color: white;
 font-weight: bold;
 }


img.photoright{
float:right;
margin: 10px;
padding: 5px;
border-width: 1px;
border-style: solid; 
}

img.photoleft{
float:left;
margin: 10px;
padding: 5px;
border-width: 1px;
border-style: solid; 
}

img.photocenter{
float:center;
margin: 10px;
padding: 5px;
border-width: 1px;
border-style: solid; 
}


img.floatright{
float:right;
margin: 10px;
}

img.floatleft{
float:left;
margin: 10px;
}




.thumb img{
border: 4px solid #13115C;
margin: 0 5px 5px 0;
}

.thumb:hover{
background-color: transparent;
}


.thumb:hover img{
border: 4px solid blue;
}


</style>
