/*
Theme Name: Referencement Positionnement
Theme URI: http://www.referencementpositionnement.fr/
Description: Customized theme created for <a href="http://www.serrurerieparis.fr/">serrurerie paris</a> site
Version: 1
Author: Referencement Positionnement
Author URI: http://www.referencementpositionnement.fr/
Tags: blue, custom header, fixed width, three columns, widgets
colors: #e46f00 - orange ; #32485d - dark blue 
*/
body{text-align:center; margin:auto; font-size:80%; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; background:#fff}

.aligncenter{text-align:center;}
.alignright {float:right; margin:0 0 5px 5px;}
.alignleft {float:left; margin:0 0 5px 5px;}
a img{border:none;}

#container {width:775px; margin:auto; text-align:left}

#left{width:200px; background:url(images/leftbg.gif) top left no-repeat; padding-top:235px; float:left}
#left div.title{width:200px; color:#fff; height:40px; background:url(images/lefttitlesh.gif) no-repeat left bottom #BEA339; letter-spacing:1px; vertical-align:middle; line-height:25px; text-align:center; font-weight:bold;}
#left ul{list-style:none; padding-top:0; margin-top:5px}
#left ul li{background:url(images/arrow.gif) no-repeat left center; padding-left:20px}
#left a, #left a:visited{color:#444; text-decoration:none; border-bottom:1px dotted #444 }
#left ul li.blue a, #left ul li.blue:visited{color:#00f}
#left a:hover{color: #BEA339;  border-bottom:1px solid #BEA339 }
#left hr{color:#fff; width:1px}

div.banner {
	text-align: center;
	margin: 5px;
}

#right{float:left; width:570px;margin-left:5px;}

#header{ height:100px;}
#header div.logo{float:left}
#header div.motto{float:left; vertical-align:middle; display:block; padding-left:20px; padding-right:20px; margin-left:20px; margin-top:10px; padding-top:20px;}
#header div.numerovert{ background:url(images/numerovert.gif) no-repeat; width:205px; height:78px; float:left; margin-top:10px; padding-left:25px;}


#menu{width:570px; color:#fff; height:40px; background:url(images/menush.gif) no-repeat left bottom #444; vertical-align:middle; line-height:25px; font-weight:bold; text-align:center}
#menu ul{margin:0; padding:0; list-style:none;}
#menu ul li{margin:0; padding:0; list-style:none; float:left;}
#menu ul li a, #menu a:visited{color:#fff; display:block; float:left; padding:0 15px; text-decoration:none}
#menu ul li a:hover{color:#BEA339; background:#fff}

#body{padding:0 0 5px 15px;background:url(images/spbg.gif) repeat-y;text-align:center;	height: auto !important;height: 400px;min-height: 400px; text-align:left}
#body p.subh {text-align:justify; padding-left:20px}
#body ul{list-style:none}
#body ul li{padding-left:20px; background:url(images/arrow.gif) left center no-repeat;text-align:left;margin-bottom:5px;}
#body a{color:#BEA339; text-decoration:none; border-bottom:1px dotted #BEA339}
#body a:visited {color:#8A7425; border-bottom:1px dotted #BEA339}
#body a:hover {color:#444; border-bottom:1px dotted #444}
#body a:active {background:#BEA339; color:#fff}
#body .first img{float:right;margin:auto 10px;}
#body .sec {margin:5px 0px 5px -15px;background:url(images/spbgm.gif) repeat-y;border-top:1px solid #c3aa47; border-bottom:1px solid #c3aa47; padding-top:10px;padding-bottom:10px;padding-left:15px;}
#body .sec img{float:left; margin-right:5px;}
#body .art img{float:right;margin-right:5px;}
#body .hom img{margin-right:5px;}
#body .cont img{float:right;margin-right:1px;}
#body .cont,#body .demande,#body .edit, #body .login{text-align:left}
#body .hom img{float:right;}
#body h1{margin-top:0px;}
#body h2{margin-top:0px;}

#formular fieldset{border:none; border-top:1px solid #BEA339; padding-top:10px;}
#formular label, #formular  input, #formular  textarea{float:left; margin-top:4px;}
#formular label{display:block; width:140px; vertical-align:top; clear:both;}
#formular input, #formular  textarea{border:1px solid #BEA339; width:210px;}
#formular input.button{background:#444; color:#fff; clear:both; margin-left:140px; width:7em;}
#formular input.checkbox{width:auto; border:none;}
#formular legend{color:#444; font-weight:bold; font-size:120%; padding:0px 10px; border-left:3px solid #BEA339;}
/*
fieldset{border:none; border-top:1px solid #BEA339; padding-top:10px}
label{width:200px; vertical-align:top; display:block}
input, textarea{border:1px solid #BEA339}
input{width:180px} 
input.button{background:#444; color:#fff}
input.checkbox{width:auto; border:none}
legend{color:#444; font-weight:bold; font-size:120%; padding:0px 10px; border-left:3px solid #BEA339}
*/

#footer{border-top:1px dotted #aaa; clear:both; text-align:center; padding-top:10px}
#footer a, #footer a:visited{color:#000}
/* basic */
img{border:0}
h1{font-size:140%; font-weight:bold;text-align:left;padding-left:20px;padding-top:10px;margin-bottom:0px;}
h2{font-size:110%;}
/* misc */
p.paragraph{padding-left:15px;  margin-left:30px}
p.paragraph2{padding-left:15px; border-left:3px solid #BEA339; margin-left:30px}
p.new{padding-left:10px; padding-right:10px;}
.half{float:left; width:200px; padding:0 15px}
.clear{clear:both}
div.msg{padding:10px 20px; font-weight:bold; color:#BEA339; background:#444; margin:10px 30px}
span#green{color:#009900;}
.holder{clear:both;}
.edit{padding-right:0px;}

.poze{text-align:center; padding:10px 0 10px 0;}

#voirprof {width:120px; border:none; top:270px; position:absolute; z-index:100; position:absolute; margin-left:-120px; }
#voirprof a.rollover { display:block; width:120px; height:94px; background:url(images/voir-le-profil.PNG) right top no-repeat; border:none;}
#voirprof a.rollover:hover {background-image:none; border:none; }
#voirover{display:none; background-color:#bea339; z-index:100; color:#fff; }
#voirprof a.rollover:hover #voirover{display:block; background-image:none; padding:10px; width:100px}


/*
#voirprof {width:30px; border:none; top:270px; position:absolute; z-index:100; position:absolute; margin-left:-25px}
#voirprof a.rollover { display:block; width:26px; height:94px; background:url(images/voir-le-profil.PNG) left top no-repeat; border:none;}
#voirprof a.rollover:hover {background-image:none; border:none; }
#voirover{display:none; background-color:#bea339; z-index:100; color:#fff; }
#voirprof a.rollover:hover #voirover{display:block; background-image:none; padding:10px; width:100px}

*/