body
{
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

a
{
	color: steelblue;
	text-decoration: none;
	font-family: MyriadPro-regular, Calibri, Garamond, serif;
}

a:visited
{
	color: steelblue;
}

img
{
	border: none;
}

p, h1, h2, h3, h4, h5, a
{
	color: steelblue;
	font-family: MyriadPro-regular, Calibri, Arial, serif;
}

span
{
	font-family: MyriadPro-regular, Calibri, Garamond, serif;
	font-size: bold;
}

p
{
	text-align: justify;
	text-indent: 10px;
	margin-bottom: 0px;
	font-size: 15px;
}

h1, h2, h3, h4, h5
{
	text-align: center;
	font-weight: bold;
	margin: 5px;
}

.fond_site
{
	z-index: -5;
	height: 100%;
	width: 100%;
	position: absolute;
}

/*---------------------------------------- Corps du site ----------------------------------------*/
#corps
{
	padding-top: 1.5%;
	position: absolute;
	width: 80%;
	height: 95%;
	margin-left: 10%;
	padding-bottom: 0px;
}

/*--------------------------------------- Composants principaux ------------------------1---------------*/
#header
{
}

#contenu
{
	clear: both;
	position: relative;
	top: -48px;
	height: 58%;
	width: 100%;
	background: white;
	border-top: solid 2px #f6995d;
}

#footer
{
	position: relative;
	height: 17%;
	top: -47px;
	border-top: solid #f6995d 2px;
}

/*---------------------------------------- Sous-composants ----------------------------------------*/

/*---------------------------------------- En-tête[header] ----------------------------------------*/
/*---------------------------------------- Onglets langues ----------------------------------------*/
.barre_lang
{
	width: 100%;
}

.onglet_lang
{
	height: 15px;
	width: 2.2%;
	position: relative;
	left: 94%;
	top: 2px;
	padding-top: 10px;
	margin-top: 10px;
}

/*---------------------------------------- Bannière ----------------------------------------*/
.banniere
{
	width: 100%;
}

.bas_banniere
{
	position: relative;
	top: -42px;
	z-index: -1;
	height: 30px;
	width: 100%;
}

/*---------------------------------------- Menu ----------------------------------------*/
#menu
{
	position: relative;
	top: -15px;
}

#menu li
{
	float: left;
	list-style-type: none;
	position: relative;
	left: 22%;
	right: 10%;
	width: 10%;
	padding-right: 25px;
}

#menu li a
{
	display: list-item;
	list-style-position: inside;
	list-style-image: url('../images/icones/lbleu.JPEG');
	font-weight: bold;
}

#menu li a:hover
{
	list-style-image: url('../images/icones/lorange.JPEG');
	color: #f6995d;
}

#menu li .lien_administration
{
	visibility: hidden;
}

#menu li .lien_publications
{
	visibility: hidden;
}

/*---------------------------------------- [Contenu] ----------------------------------------*/
.carres
{
	height: 100.5%;
	width: 24%;
	float: left;
}

#lien_g
{
	position: absolute;
	height: 24%;
	width: 13%;
	padding-top: 5%;
	top: 0%;
	text-align: center;
	background-color: #f6995d;
	z-index: 3;
}

#lien_g a
{
	color: white;
	font-size: 25px;
}

#lien_g a:hover
{
	text-decoration: underline;
}

#lien_g a:visited
{
	color: white;
}

#lien_gb
{
	position: absolute;
	top: 60%;
	left: 4.5%;
	height: 23.5%;
	width: 19%;
	padding-top: 5%;
	text-align: center;
	background-color: rgb(90,150,176);
	z-index: 3;
}

#lien_gb a
{
	color: white;
	font-size: 25px;
}

#lien_gb a:hover
{
	text-decoration: underline;
}

#lien_gb a:visited
{
	color: white;
}

/*---------------------------------------- Descriptif ----------------------------------------*/
.descriptif
{
	height: 100.5%;
	width: 76.25%;
	float: left;
	margin-left: -0.25%;
	position: relative;
}

#img_des
{
	 position: absolute;
	 height: 100%;
	 width: 100%;
}

/*---------------------------------------- Loggin & news ----------------------------------------*/
.log_news
{
	position: absolute;
	height: 100%;
	width: 21%;
	left: 54.5%;
}

/*---------------------------------------- Partie loggin ----------------------------------------*/
.loggin
{
	position: relative;
	height: 50%;
}

.table_loggin
{
	position: relative;
	height: 93%;
	width: 83%;
	left: 11%;
	top: 11%;
	font-size: 15px;
	font-weight: none;
	text-align: center;
}

.table_loggin td
{
	padding: 0px;
}

.table_loggin a:hover
{
	text-decoration: underline
}

.table_loggin .espace_ent
{
	color: white;
	font-weight: normal;
}

.table_loggin .espace_ent:hover
{
	color: white;
}

.table_loggin .ss_espace_ent
{
	font-size: 13px;
	color: #f6995d;
}

/*---------------------------------------- Partie news ----------------------------------------*/
.news
{
	position: relative;
	height: 45%;
	width: 100%;
	top: 3%;
}

.news .text_news
{
	margin-left: -1%;
	margin-top: 7%;
	height: 65%;
	width: 106%;
	overflow: auto;
	overflow-x: hidden;
	background: none;
	font-family: MyriadPro-regular, Calibri, Garamond, serif;
	border: solid silver 1px;
}

#news_titre
{
	margin-top: 5%;
}

/*---------------------------------------- Reste de la section ----------------------------------------*/
.reste
{
	float: right;
	position: relative;
	height: 100%;
	width: 17%;
}

/*---------------------------------------- Pied de page[footer] ----------------------------------------*/
.bas_carres
{
	position: relative;
	width: 23.8%;
}

.barre_bleue
{
	position: relative;
	height: 100%;
	width: 100%;
	top: -4px;
}

#lien_b
{
	position: relative;
	height: 35%;
	width: 80%;
	bottom: 106%;
	left: 5%;
	font-size: 25px;
	color: white;
	background-color: rgb(51,102,154);
	z-index: 4;
	border: solid rgb(51,102,154) 0.1px;
}

#lien_b a:hover
{
	text-decoration: underline;
}

#lien_b a:visited
{
	color: white;
}

.copyrights
{
	position: relative;
	margin-top: -8%;
	margin-left: 30%;
	text-align: center;
	width: 50%;
	font-size: 12px;
}

/*----------------------------------------- Eléments liés à "l'animation" ---------------------------------*/
#cr_txt, #rh_txt, #ci_txt
{
	visibility: hidden;
}
#witness,#witness1,#witness2
{
	display: none;
}