@charset "utf-8";
/* CSS Document */

* {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	background-image: url('../images/fond.gif');
	background-repeat:repeat-x;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}

.interface {
	background-image: url('../images/fondinterface.png');
	background-repeat:repeat-y;
	position:absolute;
	width: 918px;
	left:50%;
	margin-left: -459px;
	min-height: 100%;
	height:auto !important; 
	height:100%;
}

/* ////////// Header //////////*/


.header {
	width: 918px;
	padding: 15px 9px;
}

.logo {
	position: relative;
	height: 183px;
	width: 204px;
	float: left;
	margin-left: 30px;
	/*margin-top: 10px;*/
}

.apercugauche {
	position: relative;
	background-image: url('../images/headg.png');
	background-repeat: no-repeat;
	height: 185px;
	width: 9px;
	margin-left: 20px;
	float: left;
	/*top:10px;*/
}

.apercucontent {
	position: relative;
	background-image: url('../images/head.png');
	background-repeat: repeat-x;
	height: 185px;
	width: 278px;
	float: left;
	/*top:10px;*/
}

.apercudroit {
	position: relative; 
	background-image: url('../images/headd.png');
	background-repeat: no-repeat;
	height: 185px;
	width: 9px;
	float: left;

}

.enteteadministrationcontact {
	position: relative;
	height: 183px;
	margin-left: 20px;
	float: left;
}

.enteteadministration {
	position: relative;
}

.administrationgauche {
	position: relative;
	background-image: url('../images/headadmg.png');
	background-repeat: no-repeat;
	height: 86px;
	width: 9px;
	float: left;
}

.administrationcontent {
	position: relative;
	background-image: url('../images/headadm.png');
	background-repeat: repeat-x;
	height: 86px;
	width: 278px;
	float: left;
}

.administrationdroit {
	position: relative; 
	background-image: url('../images/headadmd.png');
	background-repeat: no-repeat;
	height: 86px;
	width: 9px;
	float: left;
}

.entetecontact {
	position: relative;
	clear:both;
}

.contactentetegauche {
	position: relative;
	background-image: url('../images/headcntg.png');
	background-repeat: no-repeat;
	height: 50px;
	width: 9px;
	float: left;
}

.contactentetecontent {
	position: relative;
	background-image: url('../images/headcnt.png');
	background-repeat: repeat-x;
	height: 50px;
	width: 278px;
	float: left;
}

.contactentetedroit {
	position: relative; 
	background-image: url('../images/headcntd.png');
	background-repeat: no-repeat;
	height: 50px;
	width: 9px;
   	float: left;
}

.entetefin {
	position: relative; 
	height: 183px;
	width: 10px;
	top:10px;
}


/* ////////// Fin Header //////////*/

/* ////////// Header Contact //////////*/

.logo_mailing {
	position: relative;
	height: 100px;
	width: 204px;
	float: left;
	margin-left: 30px;
}

/* ////////// Fin Header Contact //////////*/

/* ////////// Header Administration //////////*/

.headeradmin {
	position: relative;
	height: 183px;
	width: 598px;
	margin-left: 270px;
	margin-top: 10px;
}

.headeradmingauche {
	position: relative;
	background-image: url('../images/headg.png');
	background-repeat: no-repeat;
	height: 183px;
	width: 9px;
	float: left;
	top:0px;
}

.headeradmincontent {
	position: relative;
	background-image: url('../images/head.png');
	background-repeat: repeat-x;
	height: 183px;
	width: 580px;
	float: left;
	top:0px;
}

.headeradmindroit {
	position: relative !important;
	position: absolute;
	background-image: url('../images/headd.png');
	background-repeat: no-repeat;
	height: 183px;
	width: 9px;
	margin-left: 589px !important;
	margin-left: 0px;

}


/* ////////// Fin Header Administration //////////*/

/* ////////// Menu ////////// */


.menu {
	position: relative;
	background-image: url('../images/menu.png');
	background-repeat: repeat-x;
	width: 900px;
	height: 45px;
	margin-top: 20px;
	padding-top: 15px;
}

.menu ul {
	padding:0;
 	margin:0;
	list-style-type:none;
	text-align: center;
}

.menu li {
	display : inline;
	margin: 0 19px;
	padding: 0;
	list-style: none;
	float: left;
}

.menu li a
{	font-size: 16px;
	display: block;
	font-weight: bold;
	color: #06F;
	text-decoration: none;
}

.menu li a:hover
{	color: #0000cc;
}

.menu div {	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #F4F4F4; /*#EDEDED;*/
	//border: 0 none;
	border-bottom: 2px solid #C4C4C4; /*black;*/
	border-right: 2px solid #C4C4C4; /*black;*/   
	//-moz-border-radius:15px 15px 15px 15px;
	//-khtml-border-radius:15px 15px 15px 15px;
	//border-radius: 1px 1px 1px 1px;
	overflow:auto;
	height:auto;
	width:200px;
	z-index: 1;
}

.menu div a {	
	font-size: 12px;
	font-weight: bold;
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	text-align: left;
	text-decoration: none;
	border: 0 none;
	color: #06F;
	overflow:auto;
	width:auto;
}

.menu div a:hover {	
	color: #0000cc;
}

#menuassistance
{	color: #9C0306;
}

#menuassistance:hover
{	color: #0000cc;
}

/* ////////// Fin Menu ////////// */


/* ////////// Slide ////////// */


.slide {
	clear: both;
	height: 183px;
	width: 240px;
	margin: auto !important;
	//margin: 0 25px;
}

.slide ul, .slide li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#slidecontent {
	font-size: 12px;
	color: #06F;
}

.imgslide {
	//margin-right: 20px;
	border: 1px solid black; margin: auto !important;
}

#slidediv {
	width: 20em;
 	margin-left: auto;
  	margin-right: auto;
  	text-align: center;
}

#slidethead {
	font-size: 18px;
	color: #06F;
	font-weight: bold;
}

#slideth {
	height: 31px;
}

#slidethcontact {
	height: 44px;
}

#slideacontact {
	color: #06F;
	text-decoration: none;
}

#slideacontact:hover
{
	color: #0000cc;
}

#slidethcollectivite {
	height: 78px;
}

#slideacollectivite {
	font-size: 22px;
	color: white;
	text-decoration: none;
}

#slideacollectivite:hover
{
	color: #FFA0A0;
}

#slidetf {
	font-size: 12px;
	text-align: center;
}

.slide a {
	font-size: 12px;
	text-align: center;
}

/* ////////// Fin Slide ////////// */


/* ////////// Content ////////// */


.content {
	width: 835px;
	margin-left: 40px;
	text-align:justify;
	font-size: 14px
}

h1 {
	text-align: center;
	font-size: 24px;
	color: #06F;
	margin-bottom: 30px;
	font-weight: bold;
}

h2 {
	margin-left: 30px;
	font-size: 18px;
	color: #06F;
}

h3 {
	text-align: center;
	font-size: 24px;
	color: #06F;
	font-weight: bold;
	margin: 10px auto 20px auto;
}

h4 {
	text-align: center;
	font-size: 18px;
	color: #06F;
	font-weight: bold;
	margin: 10px auto 20px auto;
}
/* ////////// Fin Content ////////// */


/* ////////// Footer ////////// */
.footer {
	clear: both;
	text-align: center;
	font:normal 11px Verdana;
	color: #06F;
	/*margin-top: 10px;*/
}

.footer hr{
	color: #06F;
}

.footer a{
	color: #06F;
}

.footer a:hover {
	color: #06F;
}

/* ////////// Fin Footer ////////// */

/* ////////// Index ////////// */

.content #div_normal {	
	color: #06F;
	font-weight: bold;
	height: 80px;
	text-decoration: none;
}

.content #div_marginleft {	
	color: #06F;
	font-weight: bold;
	height: 80px;
	text-decoration: none;
}


.content #div_marginright {	
	color: #06F;
	font-weight: bold;
	height: 80px;
	text-decoration: none;
}

.content #div_normal a:hover
{	color: #0000cc;
}

.content #div_marginleft a:hover
{	color: #0000cc;
}

.content #div_marginright a:hover
{	color: #0000cc;
}

.content #div_normal a, .content #div_marginleft a, .content #div_marginright a {
	color: #06F;
	text-decoration: none;
}

.content div div {	
	position: relative;
	overflow:auto;
	height:auto;
}

.content div div a {	
	font-size: 11px;
	display: block;
	text-align: center;
	color: #06F;
	overflow:auto;
	width:auto;
	text-decoration: none;
	font-weight: normal;
}

.content div div a:hover {	
	color: #0000cc;
}

/* ////////// Fin Index ////////// */

/* ////////// Formulaire ////////// */

.left {
	position: relative;
	float: left;
	width: 400px;
	text-align: center;
}

.right {
	position: relative;
	margin-left: 400px;
	width: 400px;
	text-align: center;
}

.center {
	clear: both;
	position: relative;
	width: 800px;
	text-align: center;
}

table {
	text-align: center;
}

/* ////////// Fin Formaulaire ////////// */


/* ////////// Alignement Image ////////// */

.imgd {
position: relative;
float: right;
margin : 15px 0 15px 30px;
}

.imgg {
position: relative;
float: left;
margin: 15px 30px 15px 0;
}

.imgc {
position: relative;
margin : 15px 30px 15px 30px;
}

/* ////////// Fin Alignement Image ////////// */


/* ////////// Contact //////////*/

.logocontact {
	position: relative;
	height: 233px;
	width: 204px;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
}

.contact {
	position: relative;
	width: 598px;
	margin-left:160px;
	margin-top: 30px;
	margin-bottom:0px;
	padding:0px;
	font-size: 14px;
}

.contactgauche {
	position: relative;
	background-image: url('../images/contactg.png');
	background-repeat: no-repeat;
	height: 243px;
	width: 9px;
	float: left;
}

.contactcontent {
	position: relative;
	background-image: url('../images/contact.png');
	background-repeat: repeat-x;
	height: 243px;
	width: 580px;
	float: left;
}

.contactdroit {
	position: relative !important;
	position: absolute;
	background-image: url('../images/contactd.png');
	background-repeat: no-repeat;
	height: 243px;
	width: 9px;
	margin-left: 589px !important;
	margin-left: 0px;
}

.txtcontact {
	text-align: right;
	margin-top: 20px;
	margin-right: 20px;
}

/* ////////// Fin Contact //////////*/
	

/* Suppléments */

.educationnationalecontent {
	position: relative;
	background-image: url('../images/headedunat.png');
	background-repeat: repeat-x;
	height: 136px;
	width: 296px;
	float: left;
}

.educationnationaleentetegauche {
	position: relative;
	background-image: url('../images/headadmg.png');
	background-repeat: no-repeat;
	height: 50px;
	width: 9px;
	float: left;
}

.educationnationaleentetecontent {
	position: relative;
	background-image: url('../images/headadm.png');
	background-repeat: repeat-x;
	height: 50px;
	width: 278px;
	float: left;
}

.educationnationaleentetedroit {
	position: relative; 
	background-image: url('../images/headadmd.png');
	background-repeat: no-repeat;
	height: 50px;
	width: 9px;
   	float: left;
}

#slideehead {
	font-size: 18px;
	color:  white;
	font-weight: bold;
}

#slideecontact {
	color: white;
	text-decoration: none;
}

#slideecontact:hover
{
	color: #FFA0A0;
}

#edb {
	font-size: 18px;
}

#edgb {
	font-size: 22px; 
	color: #06F;
}

#edcggb {
	font-size: 28px; 
	text-align: center; 
	color: #06F;
}

#edcgb {
	font-size: 24px; 
	text-align: center; 
	color: #06F;
}

#edcb {
	font-size: 16px;
	text-align: center; 
}

#ec {
	text-align: center; 
}