/* @override 
	http://www.quelleorientation.com/css/styleqo.css
	http://localhost:81/QuelleOrientation/nouveau/css/styleqo.css
*/

ul,li,p {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:15px;
	color: #546e76;
	background-image: url(../images/degrade-fond.jpg);
	background-repeat:repeat-x;
	margin: 0px;
	padding: 20px 0 20px 0;
	background-color:#000000;
	text-align: center;
}

a {
	color:#704140;
}

a:hover {
	color:#9d2a27;
}
#enveloppe {
	margin: 0 auto;
	width: 900px;
}
.principal {
	margin: 0 auto 10px;
	width: 900px;

}
#header {
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	height: 187px;
	position: relative;
}
.mon_menu {
	position: absolute;
	bottom: 20px;
	right: 10px;
}
#header-gauche {
	float: left;
	width: 450px;
}

#contact {
	font-size:13px;
	color:#fff;
	font-weight:bolder;

	position: absolute;
	left: 135px;
	top: 150px;
}

#contact a {
	color:#fff;
	text-decoration:none;
}

#contact a:hover{
	color:#546e76;
}

#header-droit {
	float: right;
	width: 450px;
}

#recherche {
	background-image: url(../images/recherche.jpg);
	background-repeat: no-repeat;
	width: 167px;
	height: 32px;

	position: absolute;
	right: 5px;
	top: 60px;
}

#recherche input {
	width: 118px;
	height: 14px;
	background: none;
	border: none;
	font-size: 11px;
	color: #333333;
	margin-left:13px;
	margin-top:11px;
}

#login {
	background-image: url(../images/login.jpg);
	background-repeat: no-repeat;
	width: 264px;
	height: 65px;
	position: absolute;
	right: 5px;
	top: 110px;
}

#login input {
	width: 92px;
	height: 18px;
	background: none;
	border: none;
	font-size: 11px;
	color: #333333;
	margin-left:60px;
	margin-top:10px;
}

#menu {
	height:46px;
	background-image: url(../images/fond_nav.jpg);
}

#navcontainer {
	margin: 0;
	display:block;
	height:46px;
}
#navcontainer ul {
	list-style-type: none;
	margin: 0 0 0 0;
	display:block;
	height:46px;
}
#navcontainer ul li {
	display: inline;
	float:left;
	height:46px;
	
	margin: 0;
	line-height: 46px;
	text-align: center;
}
#navcontainer a:link,#navcontainer a:visited {
	width:145px;
	height:46px;
	text-decoration: none;
	display:block;
	border-right:1px solid #fff;
	color: #575757;
	height:46px;
	background-image: url('../images/fond_nav.jpg');
	background-color:#f7f6f6;
	background-repeat:repeat-x;
	font-size: 13px;
	font-weight: bold;
	word-spacing: -2px;
}
#navcontainer a:hover,#navcontainer a:active {
	text-decoration: none;
	
	background-image: url('../images/fond_nav_hover.jpg');
	color: #758890;
	font-weight:bolder;
}

#contenu {
	background-color:#FFF;
	float: left;
	width: 900px;
}

#contenu a {
	color:#704140;
}

#contenu a:hover {
	color:#9d2a27;
}

#contenu-gauche {
	float:left;
	background-color:#ffffff;
	width:250px;
	padding: 5px;
}

#encadre_sous-rubriques {
	height: 165px;
	float:left;
	margin-bottom: 0;

	line-height:150%;
	font-weight:bolder;
	background: url(../images/fond_sous-rubriques.jpg) no-repeat 0 top;
	padding: 15px 30px 20px 10px;
	margin-top: 10px;
	margin-left: 10px;
}
#encadre_sous-rubriques ul {
	width:150px;
}
#encadre_sous-rubriques ul li {
	list-style-type: none;
	
}
#encadre_sous-rubriques a {
	text-decoration:none;
	color:#435c64;
}

#encadre_sous-rubriques a:hover {
	text-decoration:none;
	color:#9d2a27;
}

#image {
	border: 1 px solid #ccc;
	width:188px;
	height:auto;
	float:left;
	overflow:hidden;
}


#titre-rubriques {
	width:28px;
	height:auto;
	float:right;
	vertical-align:top;

}

#contenu-droit {
	float:right;
	background-color:#f7f6f6;

	font-size:12px;
	padding: 54px 22px 54px 62px;
}
#contenu-droit div {
	width:556px;
}
#contenu-droit h1 {
	font-size:18px;
	color:#9d2a27;
	margin-bottom:32px;
}

#contenu-droit h2 {
	font-size:14px;
	font-weight:bolder;
	color:#546e76;
	margin-bottom:10px;
}

#contenu-droit li {
	margin-left:70px;
	list-style-type:none;
	list-style-image:url(../images/puce.jpg);
	background-repeat:no-repeat;
	line-height:128%;
}
.tableau {
	font-size: 12px;
	width: 556px;
}
#bilan-orientation {
	background-image:url(../images/bilan-orientation.jpg);
	width:100%;
	height:58px;
	font-size:13px;
	font-weight:bolder;
	clear: both;
	position: relative;
}
#bilan-orientation p {
	position: absolute;
	left: 90px;
	margin-top: 35px;
	width: 300px;
	text-align: left;
	height: 20px;
}
#bilan-orientation a {
	color:#704140;
	text-decoration:none;
	position: absolute;
}

#bilan-orientation a:hover {
	color:#9d2a27;
}

#footer-top {
	background-color:#704140;
	height:57px;
	color:#fff;
	text-align:center;
	padding-top:18px;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	clear: both;
	line-height: 20px;
}

#footer-top a {
	color:#fff;
	text-decoration:none;
}

#footer-top a:hover {
	color:#b9ce51;
	font-weight:bolder;
}

#footer-bottom {
	background-image:url(../images/footer.png);
	height:12px;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	clear: both;
}
.case1 {
	border-left:2px solid #d48032; 
	border-bottom:2px solid #fff; 
	text-align:left; 
	padding:8px;
	background-color: #f5ece4;
	font-weight: bold;
}
.case2 {
	border-bottom:2px solid #fff; 
	color:#d48032;
	background-color: #f0decd;
}
.forum_droite {
	background: url(../images/encadre_right.jpg) repeat-y;
	padding-right: 1px;
}
.forum_droite img {
	width: 15px;
}
.livre {

	text-align: center;
	font-weight: bold;
	width: 200px;
	clear: left;
	float: left;
	padding-top: 10px;
}
.livre p img {
	border: 1px solid #6f838b;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.france3 {
	width: 450px;
	height: 70px;
	text-align: left;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	margin: 10px auto;
}
.france3 img {
	float: left;
	vertical-align: middle;
}