/* 
    Document   : admin
    Created on : 04-sept.-2012, 9:40:32
    Author     : YAKA Faire
    Description:
        Purpose of the stylesheet follows.
*/

root {display: block;}

* {padding: 0; margin: 0}

html {font-size: 100%;}

html, body {
	height: 100%;
}

body {font-family: arial,sans-serif; min-width: 1000px; font-size: /* .8em */ 15px; line-height :1.428; background-image: url('../images/background-repeat.png');}

a,a:link,a:visited {text-decoration: none; color:#4D4D4D; font-weight:bold;}

a img,a,img {border: none;}

ul,ol {margin-left: 25px;}

#megawrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	background-image: url('../images/bar.png');
	background-position: center;
	background-repeat: repeat-y;
}

	#header {background-color: #fff; height: 120px;}
		#languages {text-align: right; color: #4D4D4D; font-size: 16px; padding: 10px 5px 0 0;}
			#languages a {color: #4D4D4D;}
			#languages a.active {font-weight: bold; color: #EA5013;}

		#logo {float: left;}

		#menu1 {margin-left: 350px; margin-top: 45px; text-align: right; margin-right: 5px;}
		#menu1 ul {margin-left: 0;}
			#menu1 li {display: inline-block; font-size: 16px; font-weight: bold; color: #4D4D4D; font-style: italic; text-transform: uppercase; padding-left: 20px;}
				#menu1 li a {color: #4D4D4D;}
				#menu1 li a.active,#menu1 li a:hover {color: #EA5013;}

	.wrap {width: 1000px; margin: auto;}

	#wrapper {width: 988px; padding: 0 6px; background-color: #fff; clear: both; color: #4D4D4D; min-height: 100%; margin: auto;}

		#ban {width: 988px; height: 430px; overflow: hidden; margin-bottom: 5px;}
		#menu2 {position: relative;}
		#menu2 ul, #menu2 li {margin-left: 0;}
		#menu2 li {display: inline-block; text-transform: uppercase; font-style: italic; font-weight: bold; color: #fff;width: 244px; height: 75px; margin-right: 0px; background-image: url('../images/picto-plus.png'); 
		background-position: 223px 54px; background-repeat: no-repeat; font-size: 16px;}
			#menu2 li a {color: #fff; display: table-cell; padding: 0px 10px 0 65px; vertical-align: middle; background-repeat: no-repeat; background-position: 8px 15px; height: 75px; width: 171px;}
		#menu2 #menu2-1 {background-color: #EA5013;}
			#menu2 #menu2-1 a { background-image: url('../images/picto-profil.png');}
		#menu2 #menu2-2 {background-color: #29abe2;}
			#menu2 #menu2-2 a { background-image: url('../images/picto-qualite.png');}
		#menu2 #menu2-3 {background-color: #009200;}
			#menu2 #menu2-3 a { background-image: url('../images/picto-developpement.png');}
		#menu2 #menu2-4 {background-color: #a4005d; position: absolute; top:0; right: 0;}
			#menu2 #menu2-4 a { background-image: url('../images/picto-flexibilite.png'); background-position: 8px 20px; padding: 0px 10px 0 90px;}

		#content {padding: 20px 30px; text-align: justify;}

		#text1 {width: 450px; float: left;}
		#text2 {margin-left: 480px;}

	#push {height: 60px;}

#footer {background-color: #b3b3b3; text-align: center; color: #fff;  clear: left; height: 20px; padding: 20px 0;}
	#footer a {color: #fff;}

.clearBoth {clear: both;}