/* Projet : rochette.fr
*  Auteur : PL-Datalinx
*  Historique : 15/07/2009 - Version initiale
*
*  Objet : Styles utilisés en front end
*/
body {
	margin: 0;
	padding: 0;
	text-align: center; /* pour corriger un bug de centrage IE (combiné avec #root) */
	background-color: #da0079;
	background-image: url(../images/bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	color: #3e3e3e;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}
A:link, A:visited {
	color: #9c9077;
    text-decoration: none;
}
A:hover, A:active {
	color: #06c;
    text-decoration: none;
}

P, H1, H2, H3, H4, H5, H6, form {
	margin: 0;
	padding: 0;
}

#root {
	margin: 0 auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
	width: 920px;
	border-left: 2px solid #771c4f;
	border-right: 2px solid #771c4f;
	border-bottom: 2px solid #771c4f;
	background-color: #fff;
	background-repeat: no-repeat;
}
#root img {
	border: none;
}

/***** Header & footer *****/
#header {
	width: 920px;
	height: 130px;
}
#header #toplinks {
	text-align: right;
	padding-top: 70px;
	padding-right: 10px;
}
#header #barmenus {
	text-align: right;
	padding-top: 50px;
}

#footer {
	font-size: 10px;
	font-weight: normal;
	color: #9c9077;
	text-transform: uppercase;
	text-align: right;
	line-height: 20px;
	padding-right: 5px;
}
#footer A:link, #footer A:visited {
	color: #fe824d;
}
#footer A:active, #footer A:hover {
	color: #3e3e3e;
}

#copyright {
	width: 920px;
	margin: 0 auto;
	font-size: 10px;
	font-weight: normal;
	color: #771c4f;
	text-transform: uppercase;
	line-height: 20px;
}
#copyright A:link, #copyright A:visited {
	color: #771c4f;
}
#copyright A:active, #copyright A:hover {
	color: #fff;
}

/***** wrapper (englobe sidebar + main) *****/
#wrap {
	min-height: 300px;
	margin: 0 20px;
	overflow: hidden;
}

/***** Sidebar *****/
#sidebar {
	float: left;
	width: 160px;
}
#sidebar div {
	overflow: hidden;
}
#sidebar #hg1, #sidebar #bg1 {
	float: left;
	width: 11px;
	height: 11px;
}
#sidebar #hd1, #sidebar #bd1 {
	float: right;
	width: 11px;
	height: 11px;
}
#sidebar #h1, #sidebar #b1 {
	background-color: #c8b898;
	float: left;
	width: 138px;
	height: 11px;
}
#sidebar #mid1 {
	min-height: 180px;
	background-color: #c8b898;
	text-align: left;
	padding: 0 10px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}
#sidebar #mid1 img {
	margin: 1px 0;
}

#sidebar .subtitle {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
#sidebar .texte {
	font-size: 11px;
	font-weight: normal;
	color: #9c9077;
}

#sidebar .legende {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #9c9077;
	text-align: justify;
}

/***** Zone de contenu *****/
#main {
	margin-left: 180px;
	overflow: hidden;
	width: 660px;
}

#main #title {
	margin-top: -2px;
}

#main #subtitle {
	margin-left: 40px;
	margin-top: -6px;
}

#bottom-home {
	clear: both;
	padding-top: 10px;
}

.cadre-hg { /* cadre coins arrondis fond blanc) */
	width: 12px;
	height: 12px;
	background-image: url(../images/cadres/hg.png);
	background-repeat: no-repeat;
}
.cadre-h {
	height: 12px;
	background-image: url(../images/cadres/h.png);
	background-repeat: repeat-x;
}
.cadre-hd {
	width: 12px;
	height: 12px;
	background-image: url(../images/cadres/hd.png);
	background-repeat: no-repeat;
}
.cadre-g {
	width: 12px;
	background-image: url(../images/cadres/g.png);
	background-repeat: repeat-y;
}
.cadre-d {
	width: 12px;
	background-image: url(../images/cadres/d.png);
	background-repeat: repeat-y;
}
.cadre-bg {
	width: 12px;
	height: 12px;
	background-image: url(../images/cadres/bg.png);
	background-repeat: no-repeat;
}
.cadre-b {
	height: 12px;
	background-image: url(../images/cadres/b.png);
	background-repeat: repeat-x;
}
.cadre-bd {
	width: 12px;
	height: 12px;
	background-image: url(../images/cadres/bd.png);
	background-repeat: no-repeat;
}

.med-titre {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #9c9077;
}

.signature {
	font-style: italic;
	color: #9c9077;
}

.textemaj {
	font-size: 10px;
	font-weight: normal;
	color: #3e3e3e;
	text-transform: uppercase;
}

.gd-titre {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #c8b898;
	text-transform: uppercase;
	line-height: 24px;
}
.texte11 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}
.texteintro {
	font-size: 10px;
	font-weight: normal;
	color: #9c9077;
	text-transform: uppercase;
}
.texteinfo {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #9c9077;
}

.asterisque {
	font-size: 10px;
	font-weight: normal;
	color: #f00;
	text-transform: uppercase;
}

/***** Formulaires *****/
button {
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #3e3e3e;
	width: 110px;
	height: 25px;
}

button img {
	padding: 0 4px 0 2px;
	margin: 0;
}

.form .item {
	margin: 0;
	padding: 0;
	padding-bottom: 4px;
	text-align: left;
	clear: both;
}

.form label {
	float: left;
	width: auto;
	font-size: 11px;
	font-weight: normal;
	color: #3e3e3e;
	text-transform: uppercase;
	text-align: right;
	margin: 0 3px 0 10px;
	line-height: 18px;
/*	border: 1px solid red; */
}

.form input, .form textarea, .form select {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #3e3e3e;
	background-color: #fff;
    border: solid 1px #9c9077;
    margin: 0;
	padding: 1px 2px;
}

.form .radio, .form .checkbox {
	font-size: 11px;
	font-weight: normal;
	color: #9c9077;
	text-transform: uppercase;
}
.form .radio input, .form .checkbox input {
	border: none;
	background-color: transparent;
}

.form .ss-titre {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #c8b898;
	text-transform: uppercase;
	line-height: 24px;
	clear: both;
}

.form fieldset {
	border: solid 1px #9c9077;
}
.form fieldset legend {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #c8b898;
	text-transform: uppercase;
	margin-left: 15px;
}

/***** Error block *****/
#error {
	width: 400px;
	background-color: #fbe0e0;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #f00;
	font-size: 11px;
	text-align: left;
	border: 0px solid #edb0b0;
	margin: 10px auto;
	padding: 3px 6px;
}
#error #title {
	font-weight: bold;
}
#error #msg {
	padding-left: 12px;
}

#err-msg {
	color: #f00;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
}