/* Mise en page CSS du site pour screen */
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(../images/fd-header.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
img {
	border: 0 none;
	padding: 0px;
	margin: 0px;
}

h1 {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	color: #297CBD;
}
h2 {
	color:#333333;
	font-size: 1em;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	text-align: left;

}
p {
	text-align: left;
	margin:0px;
	padding: 0px;
}
strong {
	color: #297CBD;
}
a:link, a:hover {
	text-decoration: none;
	color:#297CBD;
	outline:none;
}
a:hover {
	text-decoration: underline;
	outline:none;
}
a:visited {
	color:#297CBD;
	outline:none;
}
ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

abbr, acronym {
	border-bottom: 1px dotted #297CBD;
	cursor:help;
}

/*
hr {
display:none
}
*/
/*
th, td { 
	border-top: #CCCCCC solid 1px;
	font-size: .75em;
	text-align: center;
	padding: 5px;
	border-left: #CCCCCC solid 1px;
}
th.fin, td.fin { 
	font-size: .75em;
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}
th.no-border, td.no-border { border-LEFT:none 0px}*/

table{
border-collapse:collapse;
}

td,th{
border: #CCCCCC solid 1px;
font-size: .85em;
padding: 5px;
}


th.no-border, td.no-border { border:none 0px; font-size: .85em;}

/* //////////////////////////////////////////////////////// GESTION DES DIV ////////////////////////////////////////////////////// */

div#container {
	position: relative;
	width: 955px;
	margin-left: auto;
	margin-right:auto;
	margin-top: 10px;
	text-align: left;
 }
div#connexion {
	text-align:right;
	height: 23px;
	padding-top: 1px;
}
div#connexion a {
	color:	#FFFFFF;
	text-decoration: none;
	font-size:.8em;
	font-weight:bold;
}
div#connexion a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
div#fd-interface {
	width: 955px;
	text-align: left;
	background-image: url(../images/fd-container-int.gif);
	background-position: left top;
	background-repeat: repeat-y;
	float:left;
 }

div#header {
	width: 292px;
	background-color: #E5E5E7;
	padding-top: 10px;
	float:left;
	height: 531px;
}
div#header h1 {
	text-indent: -9000em;
	display:none;
}
#logo {
	width: 292px;
	height: 86px;
	display: block;
	overflow: hidden;
}
#retour-accueil {
	text-indent: -9000em;

}
#mainnav {
	width: 243px;
	height: auto;
	padding-top: 15px;
	margin-left: 22px;
	background-color: transparent;
}
#mainnav ul, #mainnav li {
	display:block;
	list-style: none;
	text-align: left;
}
#mainnav li a{
	width: 243px;
	height: 30px;
	display: block;
	text-indent:-9000em;
	margin-bottom: 4px;
}
#emploi a{
	width: 243px;
	height: 49px;
	display: block;
	text-indent:-9000em;
	margin: 16px 0;
	margin-left: 22px;
}
#nav-secondaire {
	width: 243px;
	margin-left: 22px;
}
#contact {
	width: 243px;
	margin-left: 0px;
	background-image:url(../images/fd-contact.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 35px;
	height: 35px;
	padding-top: 5px;
	font-size:.8em;
	color: #297CBD;
}
#contact a {
	color:#555555;
	padding-top: 8px;
	text-decoration:none;
}
#ecole {
	width: 243px;
	margin-left: 0px;
	background-image:url(../images/fd-esc.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top: 3px;
	height: 36px;
	line-height: 1em;
	font-size:.8em;
}
#ecole a {
	color:#555555;
	text-decoration: none;
	line-height: 0em;
}
#contact a:hover, #ecole a:hover {
	color:#297CBD;
	text-decoration: underline;
}
#partenaires {
	width: 243px;
	margin: 10px 0 0 22px;
	padding-bottom: 15px;
}
div#colonne-droite {
	float:right;
	width: 662px;
	border-right: #E5E5E7 solid 1px;
	height: 536px;
	padding-top: 6px;
}
#visuels {
	background-image: url(../images/visuel-groupe.jpg);
	background-position: 0px 76px;
	background-repeat: no-repeat;
	height: 451px;
}
#visuels h2 {
	text-indent: -9000em;
	display:none;
}
#coordonnees {
	background-image: url(../images/fd-coordonnees.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 84px;
	color:#FFFFFF;
	font-size: .85em;
	padding-top: 16px;
	padding-left: 45px;
}
#coordonnees p strong { color:#FFFFFF}
#left {
	background-image: url(../images/puce-coordonnees.gif);
	background-repeat:no-repeat;
	background-position: left 3px;
	padding-left: 13px;
	float:left; 
}
#right{
	background-image: url(../images/puce-coordonnees.gif);
	background-repeat:no-repeat;
	background-position: left 3px;
	padding-left: 13px;
	float:left;
	margin-left: 70px;
}
div#contenu {
	float: right;
	width: 630px;
	margin: 0;
	padding-left: 32px;
	overflow: hidden;
}
#entete {
	width:630px;
	background-image: url(../images/fd-contenu.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	height: 103px;
	float:left;
}
#titre {
	margin-top: 36px;
}
#fin-entete {
	background-image: url(../images/haut-contenu.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height: 5px;
	margin-top: 3px;
}
div#zone-texte {
	background-image: url(../images/fd-contenu-int.gif);
	background-repeat: repeat-y;
	background-position:left top;
	margin-top: 3px;
}
#coordonnees-int {
	font-size: .85em;
	margin-top: 4px;
	padding: 16px 10px 0 10px;
	width: 166px;
	float:right;
}
#coordonnees-int p { 
	background-image: url(../images/puce-coordonnees.gif);
	background-repeat:no-repeat;
	background-position: left 3px;
	padding-left: 13px;
	color:#666666;
	margin: 2px 0 10px 0;
	float:right;
}
#coordonnees-int p strong{ 
	color:#666666;
}
#texte { 
	font-family: Arial, Helvetica, sans-serif;
	width:415px;
	float:left;
	padding: 0px;
	margin-top: 10px;
	color:#333333;
	margin-bottom: 20px;
}
.normal p{ 
	display:block;
	padding: 0px;
}
.normal img{ 
	display:block;
	margin-top: 8px;
}
.normal p strong{ 
	color:#666666;
	font-size: .9em;
}
#texte h2, #texte h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 30px 0 5px 0;
	padding: 0 0 2px 15px;
	color: #297CBD;
	text-transform: uppercase;
	background-image: url(../images/puce-contenu.gif);
	background-repeat:no-repeat;
	background-position: left 3px;
	border-bottom: #CCCCCC solid 1px;
}
#texte ul {
	margin: 14px 0 5px 20px;
	color: #666666;
}
#texte li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	padding-left: 15px;
	color: #666666;
	background-image: url(../images/puce-services.gif);
	background-repeat:no-repeat;
	background-position: left 3px;
}
#texte li a {
	color: #277BBB;
}
#texte p {
	margin: 8px 0 16px 0;
	color: #666666;
}
#texte #services {
	width:415px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #888888;
	text-align: right;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 10px;
}
#texte #services ul, #services li {
	margin: 5px 0;
	display:inline;
}
#texte #services li { margin-left: 10px;}
#texte #services li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #888888;
	text-decoration:none;
}
#texte #services li a:hover {
	text-decoration: underline;
}

hr.hauteur {
	clear: both;
	visibility:hidden;
	margin: 0;
	padding: 0;
}
div#footer {
	height: 30px;
	width: 955px;
	font-size: .8em;
	padding-left: 2px;
	margin-top: -1px;
}
div#footer-int {
	background-image: url(../images/fd-footer.gif);
	background-repeat:no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	height: 45px;
	width: 955px;
	font-size: .8em;
	padding-left: 2px;
	margin-top: -1px;
	float:left;
}
div#footer-int #partenaires {
	margin-top: -80px;
	float: none;
}
div#footer p {
	color: #999999;
	background-image:url(../images/puce-footer.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 12px 0 0 0;
	margin: 0 0 0 -3px;
	float:left;
}
div#footer-int p {
	color: #999999;
	background-image:url(../images/puce-footer.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 12px 0 0 0;
	margin: 2px 0 0 -2px;
	float:left;
}
div#footer ul, div#footer li, div#footer-int ul, div#footer-int li {
	display: inline;
	float: left;
}
div#footer ul li {
	background-image:url(../images/puce-footer.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-right: 40px;
	margin: 0px 0 0 -1px;
}
div#footer-int ul li {
	background-image:url(../images/puce-footer.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-right: 40px;
	margin: 2px 0 0 -1px;
}
div#footer a, div#footer-int a {
	color: #999999;
	text-decoration: none;
}
div#footer a:hover, div#footer-int a:hover {
	text-decoration: underline;
}
/* ///////////////////////////////////////////////////// GESTION DES ROLL-OVER /////////////////////////////////////////////////// */
#rub1 a {
   	background: url(../images/fd-nav.gif)
               0px 0px no-repeat;
}
#rub1 a:hover {
   background: transparent url(../images/fd-nav.gif) 
               -243px 0px no-repeat;
}
#rub1 {
	margin-bottom: 4px;
	height: 30px;
	display: block;
	text-indent:-9000em;
   background: transparent url(../images/fd-nav.gif) 
               -243px 0px no-repeat;
}
#rub2 a {
   	background: url(../images/fd-nav.gif)
               0px -32px no-repeat;
}
#rub2 a:hover {
   background: transparent url(../images/fd-nav.gif) 
               -243px -32px no-repeat;
}
#rub2 {
	margin-bottom: 4px;
	height: 30px;
	display: block;
	text-indent:-9000em;
   background: transparent url(../images/fd-nav.gif) 
               -243px -32px no-repeat;
}
#rub3 a {
   	background: url(../images/fd-nav.gif)
               0px -64px no-repeat;
}
#rub3 a:hover {
   background: transparent url(../images/fd-nav.gif) 
               -243px -64px no-repeat;
}
#rub3 {
	margin-bottom: 4px;
	height: 30px;
	display: block;
	text-indent:-9000em;
   background: transparent url(../images/fd-nav.gif) 
               -243px -64px no-repeat;
}
#rub4 a {
   	background: url(../images/fd-nav.gif)
               0px -96px no-repeat;
}
#rub4 a:hover {
   background: transparent url(../images/fd-nav.gif) 
               -243px -96px no-repeat;
}
#rub4 {
	margin-bottom: 4px;
	height: 30px;
	display: block;
	text-indent:-9000em;
   background: transparent url(../images/fd-nav.gif) 
               -243px -96px no-repeat;
}
#rub5 a {
   	background: url(../images/fd-nav.gif)
               0px -128px no-repeat;
}
#rub5 a:hover {
   background: transparent url(../images/fd-nav.gif) 
               -243px -128px no-repeat;
}
#rub5 {
	margin-bottom: 4px;
	height: 30px;
	display: block;
	text-indent:-9000em;
   background: transparent url(../images/fd-nav.gif) 
               -243px -128px no-repeat;
}
#emploi a {
   	background: url(../images/tit-offres.gif)
               0px 0px no-repeat;
}
#emploi a:hover {
   background: transparent url(../images/tit-offres.gif)
               -243px 0px no-repeat;
}
#retour-accueil a {
	width: 292px;
	height: 86px;
	display: block;
	overflow: hidden;
   	background: url(../images/retour-accueil.gif)
               0px 0px no-repeat;
}
#retour-accueil a:hover {
   background: url(../images/retour-accueil.gif)
               0px -86px no-repeat;
}
/* /////////////////////////////////////////////////////// GESTION DES STYLES ///////////////////////////////////////////////////// */
.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-style: normal;
	font-weight: normal;
	color: #012537;
}
.txt-bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	font-weight: normal;
	color: #8CCDEF;
}
.txt-bleu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	font-weight: normal;
	color:#297CBD;
}
.fil-ariane {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #888888;
	text-align: left;
	margin: 30px 0 20px 0;
}
.fil-ariane a {
	text-decoration: none;
	color: #888888;
}
.fil-ariane a:hover {
	text-decoration: underline;
	color: #297CBD;
}
.mentions {
	color: #297CBD;
	font-size: .85em;
	margin-top: 2px;
	margin-bottom: 4px;
	padding: 15px 8px 0 5px;
	text-align: left;
	display: block;
}
.mentions a:hover {
	text-decoration: underline;
}
/* /////////////////////////////////////////////////////// GESTION DU FORMULAIRE DE CONTACT ///////////////////////////////////////////////////// */
#corpForm {	
	padding: 0em;
	color: black;
	margin: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: .85em;
}
#corpForm fieldset {	
	margin: 0;
	font-style: normal;
	padding: 0 4em 1em;
}
#corpForm legend {	
	font-weight: bold;
	color: black;
}
#corpForm p {	
	padding: .4em 0;
	margin: 0 0 .3em 0;
}
#corpForm fieldset#form label {	
	float: left;	
	width: 25%;	
	text-align: right;	
	margin: 0;
	padding: 0 .6em 0 0;
	line-height: 1.8em;	
}
#corpForm label.oblig {
	font-weight: bold;
}
#corpForm .legende {
	font-style: italic;
	color:#297CBD;
	margin-left: 88px;
	padding: 0px;
}
#validForm {
	text-align: left; 
	padding-left: 87px;
	padding-top: 6px;
}
#validForm input {
	font-size: .8em;
	font-weight: bold; 
	margin-left: 0em;
	color:#297CBD;
}