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

html, body {
	padding: 0;
	margin:0;
	height:100%;
}
body{
	margin:0;
	font: 0.625em/1em Verdana, Arial, "Times New Roman";
	background-color:#054aa7;
	color:#000;
}

h1{
	text-indent:-2000px;
	float:left;
}
h2{
	color: #033884;
	font-size:1.3em;
	margin-top:2em;
	font-variant:small-caps;
}
h3{
	font-size:1.2em;
	font-weight:bold;
	text-decoration:underline;
}
h4{
	font-size:1.2em
}
p{
	margin:5px 0;
	padding:0;
}
blockquote{
	padding:4px;
	font-style:italic;
	width:80%;
	background-color:#Fff;
	border:  1px solid #594A43;
}
blockquote.bq{
	padding:5px;
	font-style:italic;
	font-weight:bold;
	width:700px;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:10px;
	border:3px solid #033884;
	background-color:#FFFFFF;
}
kbd {
	font-size : 1.1em;
	padding: 0px 2px;
	border: 1px solid #ccc;
}
ol li{	list-style-position:inside;}
#bq{
	position:relative;
	padding:80px 5px 5px 5px;
	font-style:italic;
	font-weight:bold;
	width:700px;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;
	border:3px solid #033884;
	background-color:#FFFFFF;
}
#bq2{
	position:relative;
	padding:5px 5px 5px 5px;
	font-style:italic;
	font-weight:bold;
	width:700px;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:10px;
	border:3px solid #033884;
	background-color:#FFFFFF;
}
.logogeoxia{
	position:absolute;
	right:5px;
	top:-10px;
}
/*=============================*/
/**  Classes de mise en page  **/
/*=============================*/
.bnull{border:0;}
.clear{clear:both;}
.gras{font-weight:bold;}
.souligne{text-decoration:underline;}
.left{float:left;}
.right{float:right; margin-left:10px;}
.tright{text-align:right}
.tleft{text-align:left}
.tcenter{text-align:center}
.tjustifie{text-align:justify}
.mar10{margin-right:10px;}
.sup{vertical-align:text-top; font-size:0.8em;}
.italic{font-style:italic}

.imp,.nclear{display:none}
.nright{float:right; margin-left:10px;}

.tvert{color:#477402;}
.tblanc{color:#FFFFFF;}
.tbleu{color:#033884;}
a.tblanc{color:#FFFFFF; text-decoration:underline;}
a.tblanc:hover{color:#afbfd2; text-decoration:none;}
a.tacces{color:#FFFFFF; text-decoration:underline; font-weight:bold; font-style:italic;}
a.tacces:hover{color:#afbfd2; text-decoration:none;}
a.tblanc2{color:#FFFFFF; text-decoration:none;}
a.tblanc2:hover{color:#afbfd2; text-decoration:none;}
a.tvert{color:#477402; text-decoration:none; font-style:italic; font-weight:bold;}
a.tvert:hover{color:#8fb222; text-decoration:underline;}
a.tbleu{color:#033884; text-decoration:none; font-style:italic; font-weight:bold;}
a.tbleu:hover{color:#054AA7; text-decoration:underline;}
a.externe {
	background: url(../theme/externe.gif) no-repeat right;
	padding:0 1.1em 0 0;
	border-bottom: 0;
}
.erreur{
	color: #F00
}
.reussite {	
	color: #3C3
}
.bleu{
color:#033884;  font-weight:bold;

}
.petit {
    font-size:0.8em
    }
.bnl{
	position:absolute;
	top:0;
	left:0;
}
.bsl{
	position:absolute;
	top:0;
	right:0;
}
/*=============================*/
/**  Mise en Forme du design  **/
/*=============================*/
.UMF{
	position:relative;
	float:right;
	border:1px solid #477402;
	margin:-40px 10px 0 10px;
}
#fond{
	position:absolute;
	width:100%;
	height:150px;
	top:0;
	left:0;
	background-color:#033884;
}
.accessibilite,.pied{
	position:relative;
	width:800px;
	margin:0 auto;
	padding:0;
	height:20px;
}
.accessibilite ul,.pied ul{
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:right;
}
.accessibilite li,.pied li{
	padding:0;
	margin:0;
	color:#FFFFFF;
	line-height:20px;
	display:inline;
}
#site{
	position:relative;
	margin:0 auto;
	padding:10px;
	width:780px;
	background-color:#FFFFFF;
	font-size:1.2em;
	line-height:1.2em;
}
a#logo{
	position:absolute;
	top:-30px;
	left:0;
}
#menu{
	position:relative;
	width:780px;
	height:40px;
	background-color:#012146;
}
#ban{
	position:relative;
	margin:1px 0;
	width:780px;
	height:390px;
	background-image:url(../theme/ban.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#ztext{
	position:relative;
	width:780px;
	margin-bottom:1px;
	background-color:#012146;
}
.hpage{
	position:relative;
	margin:0 -10px;
	background-image:url(../theme/hpage.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:760px;
	padding:20px;
}
.hpage2{
	position:relative;
	margin:0 -10px;
	background-image:url(../theme/hpage2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:760px;
	padding:20px;
}
#diap{
	position:relative;
	width:780px;
	height:105px;
	background-image:url(../theme/diap.jpg);
}
#page{	position:relative; }
#page2{	position:relative; padding:70px 0 0 0; text-align:justify;}

/**   MENU   **/
#menu ul{
	position:relative;
	list-style-type:none;
	padding:0;
	margin:0 0 0 175px;
}
#menu li{
	line-height:40px;
	color:#FFFFFF;
	padding:0 8px;
	margin:0;
	font-weight:bold;
	font-variant:small-caps;
	display:inline;
}
.bacc{
	position:absolute;
	top:0;
	left:170px;
	width:74px;
	height:40px;
	background-image:url(../theme/bacc.jpg);
}

/** ACCUEIL **/
#case1{
	position:absolute;
	width:200px;
	color:#FFFFFF;
	font-style:italic;
	top:50px;
	right:10px;
}
#case2{
	position:absolute;
	width:235px;
	color:#FFFFFF;
	font-style:italic;
	top:155px;
	right:10px;
}
#savoir1{
	position:absolute;
	top:122px;
	right:15px;
}
#savoir2{
	position:absolute;
	top:363px;
	right:35px;
}
#pavillon{
	position:relative;
	background-color:#002c5e;
	padding:10px;
	float:left;
	margin:0;
	width:280px;
	color:#FFFFFF;
}
#actu{
	position:relative;
	color:#FFFFFF;
	padding:10px;
	float:left;
}
#actui{
	position:relative;
	background-color:#FFFFFF;
	padding:5px;
	width:445px;
	height:130px;
	border:1px solid #415974;
	color: #415974;
}
#actui h2{
	margin-top:0em;
	text-decoration:underline
}
/*** page contact ***/
#formulaire fieldset {
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom: 20px;
	border: 1px solid #033884;
}
legend{
	color:#033884; 
	background-color:#fff;
}
form p{
    float: left;
     display: inline;
     text-align: right;
     width: 300px;
     margin: 5px 0 5px 20px;
}
#formulaire p.type{
     width:360px;
}
#formulaire p.message{	
     width:500px
}
#formulaire p.long{	
     width:730px;
	 text-align:justify;
	 margin-top:15px
}
#formulaire p.mail  {
     width:317px
}
#formulaire textarea, input, select{
     vertical-align: middle;
     background-color: #fff;
	 color: #000;
	 border: #033884 1px solid ;
}
#formulaire a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#formulaire a.aide img {
	margin: 0;
	padding: 0;
	border: 0;
}
#formulaire a.aide:hover {	
	cursor: help;
}	
.valid{
    background-color:#033884;  
    border:1px solid #033884;
    color:#fff;
    cursor:pointer;
    font-weight:600;
    height:21px;
    padding-bottom:4px;
    text-align:center
}

.valid:hover, .valid:focus, .valid:active{
    background-color:#B3CCEF; 
	color:#fff;  
    border-color:#033884;
}

form input.valid:active{
    background-color:#B3CCEF;
	color:#fff;
    border-color:#033884
}
/*** page partenaires ***/
ul#part{
	list-style-type:none;	
	padding:0;
	margin:0;
	width:780px;
	position:relative;
}
#part li{
	display: inline;
	float:left;
	/*padding:10px 5px;*/
	text-align:center;
	width:150px;
	height:50px;
	margin:3px;/*background-color:red;*/
}

#part img{
	border:none;
	top:50%;
	position:relative;
	margin-top:-25px
}

/*** page mentions ***/
#meng{
	position:relative;
	margin-left:40px;
		float:left
}
#mend{
	position:relative;
	margin-left:80px; 
	margin-bottom:40px;
	float:left	
}

/*=============================*/
/**           Hack            **/
/*=============================*/
*+html ul#accessibilite{top:12px;}
*+html #connexion{top:37px;}
* html .right{margin-top:30px;}
*+html .right{margin-top:30px;}
* html #savoir1{margin-right:-5px;}
* html #savoir2{margin-right:-5px;}