/* CSS Document */
body {
	margin : 0;
	padding : 0;
	text-align : center;
	font-family : arial, verdana, sans-serif;
	font-size : 80%;
	color : #333;
}

a.suite {
	display : block;
	text-align : right;
	color : #FF9900;
}

a.suite:hover {
	color : #0E415A;
}

#conteneur {
	width : 770px;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
}

#tete-page {
	background : url(../images/logo.png) top left no-repeat;
	height : 100px;
	border-bottom : 1px solid #0E415A;
}

#tete-page h1 {
	display : none;
}

#tete-page p#slogan {
	position : absolute;
	width : 340px;
	display : block;
	margin-left : 430px;
	margin-top : 40px;
}

#menu {
	border-bottom : 1px solid #0E415A;
	padding : 10px 0;
	background : url(../images/numero-vert.png) 600px 9px no-repeat;
}

#menu ul {
	margin : 0;
	padding : 0 0 0 3px;
}

#menu ul li {
	display : inline;
	padding : 0;
	margin : 0;
}

#menu ul li a {
	padding : 2px 10px;
	margin : 0 15px 0 0;
	text-decoration : none;
}

#menu ul li a.actif, #menu ul li a:hover {
	border-bottom : 2px solid #FF9900;
}

#menu ul li a span {
	visibility : hidden;
}

#menu ul li a#menu-accueil {
	width : 100px;
	height : 20px;
	background : url(../images/menu-accueil.png) top center no-repeat;
}

#menu ul li a#menu-concepts {
	background : url(../images/menu-concepts.png) top center no-repeat;
}

#menu ul li a#menu-formations {
	background : url(../images/menu-formations.png) top center no-repeat;
}

#menu ul li a#menu-liens {
	background : url(../images/menu-liens.png) top center no-repeat;
}

#menu ul li a#menu-contact {
	background : url(../images/menu-contact.png) top center no-repeat;
}

#newsletter {
	position : absolute;
	width : 150px;
	margin : 33px 0 0 598px;
	padding : 6px 0 0 20px;
	background-color : #F2F9FF;
}

#newsletter h3 {
	font-size : 100%;
	color : #0E415A;
	margin : 0 0 10px 0;
}

#newsletter p {
	margin : 5px 0;
}

#newsletter input {
	display : block;
	width : 120px;
	border : 1px solid #0E415A;
	font-family : arial, verdana, sans-serif;
	margin: 0 0 5px 0;
}

#newsletter input.submit {
	background-color : #0E415A;
	border : none;
	color : #FFF;
	width : 60px;
	margin : 0;
}

#contenu {
	background : url(../images/atalante.gif) 620px 200px no-repeat;
	padding : 15px 200px 20px 10px;
	vertical-align : top;
}

#contenu h2 {
	padding : 1px 10px 5px 15px;
	margin-bottom : 5px;
	clear : both;
	font-size : 100%;
	color : #0E415A;
	background : url(../images/fond-titre.png) 0 0 no-repeat;
}

#contenu h3 {
	margin : 10px 0 5px 15px;
	font-size : 100%;
	color : #666;
	font-style : italic;
}

#contenu p {
	text-align : justify;
	margin-top : 0;
}

#pied-page {
	border-top : 1px solid #0E415A;
	text-align : right;
}

/********************************************/

#form-contact {
	margin-top: 0;
	width: 98%;
	margin-right : auto;
	margin-left : auto;
}

#form-contact * {
	font-family : arial, verdana, sans-serif;
}

#form-contact fieldset {
	border: none;
	padding: 19px 15px 15px 15px;
}

#form-contact > fieldset {
	padding-top: 25px;
}

#form-contact label {
	float: left;
	padding-bottom: 19px;
	width: 15%;
	text-align: right;
	color : #0E415A;
}

#form-contact input, #form-contact textarea {
	float: right;
	margin-bottom: 15px;
	width: 80%;
	border: 1px solid #0E415A;
	color: #333333;
	font-size : 100%;
}

#form-contact #submit-contact {
	background-color : #0E415A;
	border : none;
	color : #FFF;
	width : 70px;
	margin : 0;
	clear: both;
}

#form-contact #submit-contact:hover {
	color: #ffffff;
	background-color: #FF9900;
}