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

/*PRINCIPAL*/

body {
	margin: 0;
	padding: 0;
	width: 1000px;
	margin: 0 auto;
	font: 11px/1.1em Arial, Helvetica, Verdana;
	
	color: #000;
	text-align: justify;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-top: 0;
	color: #814EA7;
}
a {
	text-decoration: none;
	color: #814EA7;
	font-weight: bold;
}
a:hover {	
	color:#000;
}
img {
	border:0;
	padding:0;
}
/* ENTETE */
#entete {
	width: 100%;
	height: 160px;
	margin: 0 auto;
}
/*MENU*/


h2 {
        font: bold 14px Arial, Helvetica, Verdana, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

/*- Menu --------------------------- */

    #menu {
    font-size:150%;
    line-height:normal;
	padding: 5px 0 0 0 ;
	font-weight:none;
	text-transform : uppercase;
	}
	
	 #menu a {
	 border-left:1px solid  #FFF;
	 color:#DDD;
	 padding: 2px;
	 }

    
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover span {
      color:#FFF;
	  border-left:1px solid  #FFF;
	  background:url("img/bkgProg.gif") repeat-x top left; 
      }
    #menu a:hover {
	  padding: 2px;
      background-position:0% -42px;
      }
    #menu a:hover span {
      background-position:100% -42px;
      }

        #menu .current  {
			color:#BBB;
        }
		
		#menu .secondaire {
		border-left:8px solid  #BF5000;
		padding: 5px 0 0 15px;
		font-weight:none;
		font-size:0.8em;
		font-variant: small-caps;
		color:#DDD;
		}
		
.sousMenu {
	font-size:120%;
    line-height:normal;
	padding: 5px 0 0 0 ;
	font-weight:none;
	text-transform : uppercase;
	background:#DBDBDB;
}

.sousMenuItems {
	display:block;
	float:left;
	margin:0 5px;
	padding:0 5px;
	width:300px;
	border-bottom:2px groove #814EA7;
}

.sousMenuItems #current {
	color:#FFF;
}

.contact {
	width:480px;
	text-align:left;
	background:url("img/contact.png") no-repeat top left;  
}
.contact input {
	background-color:#333;
	color:#FFF;
}
.contact textarea {
	background-color:#333;
	color:#FFF;
}
/* =-=-=-=-=-=-=-[Menu Btn]-=-=-=-=-=-=-=- */
/* PRESENTATION DE L'ANNUAIRE */
.annuaire{
	display:block;
	float:left;
	padding:0px;
	margin:5px 5px 0 0;
	width:300px;
	border-right:1px solid #BBB;
}
.annuaireIdentite{
	color:#DDD;
	background:#333;
	font-size:120%;
	height:10px;
	padding:5px;
	font-weight:bold;
}
.annuaireAdresse img, p {
	padding:2px;
}

.annuaireHat {
	width:300 px;
	background:url("img/Annu_hat.png") no-repeat top right;
}

.annuaireBottom {
	width:300 px;
	background:url("img/Annu_Bottom.png") no-repeat top right;
	height:5px;
}

/* PRESENTATION AGENDA */
.agenda {
	display:block;
	float:left;
	padding:0px;
	margin:5px 5px 0 0;
	width:480px;
	height:300px;
	border-right:1px solid #BBB;
	overflow:auto;
}
.agendaCadre {
	padding:5px;
}
.agendaCadre img{
	padding:5px;
}
.agendaEntete {
	color:#DDD;
	background:#333;
	font-size:120%;
	height:10px;
	padding:5px;
	font-weight:bold;
}


/* contenu */

#contenu {
	width: 1000px;
	height:500px;
	margin: 0 auto 1em auto;
}
#contenu * {
	line-height: 100%;
}
/* format colonne A normale */
#ColonneA {
	float: left;
	width: 1000px;
	
	padding: 0 5px 0 0;
	color:#000;
	overflow:none; 
}

#ColonneA .titrePage {
	font-size: 4em; 
	width:100%;
	height:30px;
	background:#333;
	display:block;
	font-family: Arial, Helvetica, Verdana; 
	color: #FFF;
	font-weight:bold;
	text-transform : uppercase;
	text-align:right;
	margin:0;
	padding:5px 0px;
	overflow:none; 
	line-height: 55px;
}
#ColonneA .sousTitre {
	float:left;
    display:block;
	font-size: 1.3em;
	font-weight:bold;
	padding:3px 30px;
	margin:2px;
	color:#814EA7;
	background:url("img/sousTitre.png") no-repeat left center;
	width:100%;
	text-align:left;
}

.escamotable{
	display:block;
	float:left;
	padding:0px;
	margin:5px 5px 0 0;
	width:480px;
	border-right:1px solid #BBB;
}

.btnEscamotable {
	color:#DDD;
	background:#333;
	font-size:120%;
	height:10px;
	padding:5px;
	font-weight:bold;
}
.txtEscamotable {}


.lien ul{
	padding:10px;
}
.lien li{
	background:url("img/admin.gif") no-repeat right top;
	list-style-image:url("img/specialite.png");
	padding:5px;
}
#ColonneB {
	float: right;
	width: 1000px;
	/* height:40px;*/
	padding: 0;
	
}
#ColonneB .first a {
	border: none;
	color : #0000FF;
	text-decoration : none;
}
#ColonneB a:hover {
	border: none;
	color : #000;
	text-decoration : none;
}
#menuBtn {
        width: 240px;
        margin: 2px;
        }
#menuBtn ul {		
		 list-style: none;
}
#menuBtn li a {
        height: 24px;
        text-decoration: none;
        }

#menuBtn li a:link, #menuBtn li a:visited {
        color: #DD8;
        display: block;
        background:  url(img/menuBtn.gif);
        padding: 8px 0 0 10px;
        }

#menuBtn li a:hover, #menuBtn li #current {
        color: #FFF;
        background:  url(img/menuBtn.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }

#separateurPied yocot {
    margin:0;
    padding:10px 10px 0 0px;
	list-style: none;
}
#separateurPied yoco {
	display:inline;
    margin:0;
    padding:0;
}
#separateurPied yoc  {
	width:100%;
    float:left;
    background:url("img/piedleft.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 7px;
    text-decoration:none;
}
#separateurPied yoc yo {
    float:left;
    display:block;
    background:url("img/piedright.gif") no-repeat right top;
    padding:5px 0px 4px 6px;
    color:#888;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#separateurPied yoc yo {float:none;}
    /* End IE5-Mac hack */


/* PIED DE PAGE */

#PiedDePage {
	width: 100%;
	margin: 0 auto;
	border-top:3px groove #814EA7;
	padding-bottom: 0px;
	color: #EEE;
	background:url("img/pied.png") no-repeat center bottom #FFF;
}

#PiedDePage p {
	margin: 0px 0px 0px 0px;
	padding: .7em 15px 0px 0;
	text-align: right;
	font: x-small Arial, Helvetica, sans-serif;
	color:#814EA7;
}
#PiedDePage a {
text-decoration : none;
padding : 3px;
text-align: center;
color:#555;
}
#PiedDePage h6 {
	margin: 0px 0px 0px 0px;
	padding: .7em 15px 0px 0;
	text-align: left;
	font: x-small Arial, Helvetica, sans-serif;
	color:#EEE;
}