/* CSS Document */
body {
	background-color :#FFFFFF;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(images/spirale.png);
	background-repeat: no-repeat;
	background-position: left top;
	behavior: url(csshover.htc);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}

a img {
	border:none;
}

div#haut {
	background-image: url(images/degrade_haut.png);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 130px;
	width: 100%;
}

div#contenu_haut {
	height: 130px;
	width: 914px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
}


div#logo {
	text-align: left;
	display: block;
	height: 130px;
	float: left;
	width: 447px;
	padding-left:10px;
}

div#newsletter {
	text-align: right;
	display: block;
	width: 447px;
	height: 130px;
	float: left;
	padding-right:10px;
	background-image: url(images/bck_newsletter.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div#actualite {
	width:150px;
	text-align:left;
	margin: 0px;
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
}

div#fond_menu {
	display: block;
	width: 100%;
	height: 36px;
	background-image: url(images/fond_menu.png);
	background-repeat: repeat-x;
	background-position: left center;
}

div#main {
	background-image: url(images/degrade_jaune.png);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.table_main {
	width: 914px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	margin: 0px;
	padding: 0px;
}

.wrapper_gauche {
	width:152px;
	text-align:center;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.centre {
	display: block;
	
}

.wrapper_droite {
	width:160px;
	text-align:left;
	margin: 0px;
	padding: 0px;
	background-color: #9E191F;
	vertical-align: top;
	background-image: url(images/bck_wrapper.png);
	background-repeat: repeat-y;
	background-position: center top;
}

div#actualite_fond {
	width:150px;
	text-align:left;
	margin: 0px;
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	background-color: #9E191F;
}

div#bas {
	display: block;
	width: 100%;
	height:100px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-image: url(images/image_bas.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
	clear:both;
}

div#image_grande {
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 50px;
}

a.actua {
	display: block;
	width: 152px;
	margin-bottom: 3px;
}

a.actua:hover {
	display: block;
	width: 152px;
	margin-bottom: 3px;
}



/* menu principale */
div#menu {
    width:912px;
	list-style-type: none;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	position: absolute;
	top: 130px;
	left:50%;
	margin-left: -456px;
	height: 36px;
	z-index:60;
         } 

div#menu ul {
             padding: 0;
             width: 912px;
             margin:0px;
            }

/*On positionne les elements du menu */
div#menu ul li {
                position:relative;
                float: left;
				width: 152px;
				margin: 0;
				border: 0;
				height: 36px;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 0;
				margin-top:0px;
				list-style: none;
               }

div#menu ul ul {
	display:none;
	width:150px;
	text-align:left;
	height:474px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
               } 
			   
div#menu ul ul li{
 				float: none;
				border: 0;
				width: 150px;
				height: 24px;
				display: block;
				padding-top: 0;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 0;
				margin-top: 0;
				margin-right: 0;
				margin-bottom: 0;
				margin-left: 0;
               }  

div#menu li a:link, div#menu li a:visited  {
               	display: block;
				color: #FFCC00;
				margin: 0;
				text-decoration: none;
				height: 26px;
				padding-top: 10px;
				font-size: 12px;
              }

div#menu li a:hover {			  
			 display: block;
			color: #FFF;
			margin: 0;
			text-decoration: none;
			height: 26px;
			padding-top: 10px;
			background-image: url(images/fond_bouton_menu.png);
			background-repeat: no-repeat;
			background-position: center center;
}

div#menu ul ul li a:link, div#menu ul ul li a:visited {
 				display: block;
				color: #FFFFFF;
				margin: 0;
				border: 0;
				text-decoration: none;
				padding-left: 3px;
				font-size: 11px;
				font-weight: bold;
				clear:both;
               }
div#menu ul ul li a:hover 
{
	display: block;
	color: #FFCC00;
	margin: 0;
	border: 0;
	text-decoration: none;
	background-image: url(images/fond_bouton_menu.png);
	background-repeat: no-repeat;
	background-position: center center;
}


/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
			display:block;
}
/* fin menu principale */
/* liens texte */
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #9E191F;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #9E191F;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

a.liens:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #9E191F;
	text-decoration: none;
}
a.liens:visited {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #9E191F;
	text-decoration: none;
}
a.liens:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

a.actu:link, a.actu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.actu:hover {
	color: #000000;
	text-decoration: none;
}
/* fin liens texte */
/* texte */
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 110%;
	color: #333333;
	display: block;
	width: 555px;
	padding-left: 45px;
	font-weight: bold;
	background-color: #FFCC00;
	padding-top: 2px;
	padding-bottom: 2px;
	height:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
/* utile */
div#utile {
	width:25px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	top: 165px;
	left:50%;
	margin-left: -300px;
	} 
	
div#utile ul {
	padding:0px;
	margin:0px;
	 } 

/*On positionne les elements du menu */ 
div#utile ul li { 
                position:relative; 
                list-style: none; /*on enleve les icones de liste */ 
				padding:0px;
				margin:0px;
              } 

div#utile ul ul { 
                position: absolute; 
                display:none;
				padding:0px;
				margin:0px;
               }
div#utile ul ul ul { 
                position: absolute; 
                top: 0; 
                left: 25px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/ 
				display:none;
				padding:0px;
				margin:0px;
               } 
			   
div#utile ul ul ul li { 
               position:relative; 
               list-style: none; /*on enleve les icones de liste */ 
			   width:83 px;
			   height : 25px;
			   padding:0px;
				margin:0px;
				border:1px solid #FFFFFF;
               }   

div#utile li a:link, div#utile li a:visited { 
               	text-decoration: none; /* plus de soulignement pour les liens */
				width: 25px;
				height:25px;
			  	padding: 0px;
				border:1px solid #666666;
				margin:0px;
				display:block;
				} 
div#utile li a:hover, div#utile li a:visited { 
               	text-decoration: none; /* plus de soulignement pour les liens */
				border:1px solid #FFFFFF;
				}
div#utile ul.utile1 li.sousmenuutile:hover ul.utile2,
div#utile ul.utile2 li.sousmenuutile:hover ul.utile3 {
			display:block;
}
/*fin utile */
/*contenu */

.table_contenu {
	width:580px;
	padding:10px;
}

.table_contenu_accueil {
	width:578px;
	margin:10px;
	border: 1px solid #000000;
	height:362px;
	display:block;
	font-size: 14px;
	line-height: 110%;
	color: #FEEB01;
	font-weight: bold;
}
.td_contenu_accueil {
	width:230px;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	background-image: url(images/blanc.png);
	background-repeat: repeat;
	font-size: 10px;	
}

.td_image {
	width:220px;
	padding-top:10px;
}
.td_texte {
	width:360px;
	padding:10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #999999;
	border-left-color: #999999;	
}

.td_actua {
	width:580px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}

.td_recrut {
	width:580px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9E191F;
	background-image: url(images/bck_recrutement.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 19px;
}

.td_agenda {
	width:66px;
	height:91px;
	display:block;
	text-align:center;
	background-image: url(images/agenda.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.jour_affiche{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #666666;
	display: block;
	width: 66px;
	padding-top: 20px;
	margin-bottom: -5px;
}

.mois_affiche{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #666666;
	display: block;
	width: 66px;
	text-transform: uppercase;
}
/*fin contenu */
.image {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9E191F;
	border-right-color: #9E191F;
	border-bottom-color: #9E191F;
	border-left-color: #9E191F;
}
.image_debord {
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #9E191F;
}
.diaporama{
	border: 1px solid #9E191F;
	width: 222px;
	display:block;
	background-color: #FFFFFF;
}
/* les formes */
.submitt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color: #9E191F;
	text-align: center;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	border: 1px solid #000000;
	background-image: url(images/fond_submitt.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.p{
clear:both;
}

input.text, textarea {
	width: 60%;
	background-color: #FFFFFF;
	border: 1px solid #4C7F9B;
	margin-right: 0.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}

input.text, select {
	width: 60%;
	background-color: #FFFFFF;
	border: 1px solid #4C7F9B;
	margin-right: 0.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #666666;
}


input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
	background-color: #CCCCCC;
}

label.text {
	display: block;
	float: left;
	width: 20%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9E191F;
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
}

fieldset
{
	margin-bottom: 0px;
}

/* h */
.txt_blanc {
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
	font-weight: bold;
}
.txt_rouge {
	color: #9E191F;
	}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	padding:0;
	margin:0;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #9E191F;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	margin:0;
	padding:0;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 140%;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 140%;
	font-weight: bold;
	font-variant: normal;
	color: #9E191F;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 140%;
	font-weight: bold;
	font-variant: normal;
	color: #9E191F;
}
/* ms */
.table_plan {
	background-color: #FFFFFF;
	margin: 2px;
	width: 100%;
	border: 1px solid #999999;
	font-size: 12px;
}

.td_plan {
	background-color: #E6E6E6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}