body {
	background-color: #1B4E6A;
	background-image: url(images/fond.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: justify;
	
	scrollbar-face-color: #B0E6FA;
	scrollbar-shadow-color: #6AE1F7;
	scrollbar-highlight-color: #D9F5FF;
	scrollbar-3dlight-color: #C1E1ED;
	scrollbar-darkshadow-color: #9CE7F0;
	scrollbar-track-color: #F3F3F3;
	scrollbar-arrow-color: #1B4E6A;

}

#interface-accueil {
	position:relative;
	width:965px;
	height:520px;
	margin: auto;
	margin-top: 50px;
	background-image: url(images/interface_accueil.jpg);
}

#interface-simple {
	position:relative;
	width:965px;
	height:520px;
	margin: 0px auto;
	margin-top: 50px;
	background-image: url(images/interface_simple.jpg);
}

#interface-administration {
	position:relative;
	width:965px;
	height:520px;
	margin: 0px auto;
	margin-top: 50px;
	background-image: url(images/interface_administration.jpg);
}


/* DEBUT STRUCTURE GAUCHE DU SITE */

#partie-gauche {
	position:relative;
	left:10px;
	top:3px;
	width:196px;
	height:510px;
}

#menu-gauche {
	position:absolute;
	left:19px;
	top:181px;
	width:154px;
	height:154px;
}

/* FIN STRUCTURE GAUCHE DU SITE */



/* DEBUT STRUCTURE CENTRALE DU SITE */

#partie-centrale {
	position:absolute;
	left:209px;
	top:3px;
	width:548px;
	height:509px;
}

#contenu {
	position:absolute;
	left:14px;
	top:173px;
	width:518px;
	height:297px;
	overflow: auto;
}

#contenu2 {
	position:absolute;
	left:19px;
	top:143px;
	width:511px;
	height:336px;
	overflow: auto;
}


#mise_en_ligne {
	position:absolute;
	left:26px;
	top:124px;
	width:355px;
	height:307px;
	overflow: auto;
	margin:0px;
}
#mise_en_ligne a:link { font-weight: bold; color: #006699; text-decoration: none; }
#mise_en_ligne a:visited { font-weight:bold; color: #006699; text-decoration: none}
#mise_en_ligne a:hover { font-weight:bold; color: #CCCCCC; text-decoration: none}

#cliquez-ici{
	position:absolute;
	left:71px;
	top:434px;
	width:316px;
	height:21px;
}

#cliquez-ici a:link { font-weight: bold; color: #006699; text-decoration: none; }
#cliquez-ici a:visited { font-weight:bold; color: #006699; text-decoration: none}
#cliquez-ici a:hover { font-weight:bold; color: #CCCCCC; text-decoration: none}


#texte-defilant {
	position:absolute;
	left:101px;
	top:17px;
	width:436px;
	height:23px;
	font-size:9px;
}

#menu-onglet {
	position:absolute;
	left:5px;
	top:63px;
	width:540px;
	height:28px;
}

#dossier1 {
	position:absolute;
	left:615px;
	top:117px;
	width:129px;
	height:340px;
	margin-top:-2px;
	text-align: center;
}

#mentions {
	position:absolute;
	left:223px;
	top:525px;
	width:530px;
	height:9px;
	color: white;
	margin:0px;
}
#mentions a:link { font-weight:bold; color: #FFFFFF; text-decoration:none }
#mentions a:visited { font-weight:bold; color:#FFFFFF; text-decoration:none}
#mentions a:hover { font-weight:bold; color:#CCCBCB; text-decoration:none}


#date-videos {
	position:absolute;
	left:41px;
	top:109px;
	width:483px;
	height:11px;
	font-weight:bold;
	text-align: right;
}


/*début Tableau archives*/
#tableau-archives{
width:510;
height:94;
margin-right: 20px;
vertical-align: top;
}

#tableau-archives2{
width:510;
height:10;
margin-right: 20px;
vertical-align: top;
}
/*fin Tableau archives*/


#banniere {
	position:absolute;
	left:131px;
	top:108px;
	width:274px;
	height:59px;
}

/* FIN STRUCTURE CENTRALE DU SITE */


 
/* DEBUT STRUCTURE DROITE DU SITE */

#partie-droite {
	position:absolute;
	left:761px;
	top:2px;
	width:192px;
	height:508px;
}

#logo {
	position:absolute;
	left:60px;
	top:17px;
	width:66px;
	height:66px;
	margin:auto;
}

#menu-deroulant {
	position:absolute;
	left:20px;
	top:99px;
	width:170px;
	height:299px;
}

.menu{
	cursor: pointer;
	margin: 2px 0;
	height: 19px;
	text-align: left;
	font-weight: bold;
	background-image: url(images/barre-menu7.png);
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 21px;
	}

.espace-menu{
margin-left: 35px;
}

.menu2{
	cursor: pointer;
	margin: 2px 0;
	height: 13px;
	text-align: left;
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	}

.sousmenu{
	height:12px;
	width:170px;
	color:#fff;
	margin-top:-1px;
	border-color: #FFFFFF;
}

.sousmenu a{
	display:block;
	width:100%;
	height:100%;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	}
	
.sousmenu a:hover{ color: #84D7F3;}

.sousmenu2{
	height:12px;
	width:300px;
	color: #FF0000;
	margin-top:-2px;
	margin-left: 15px;
}

/* FIN STRUCTURE DROITE DU SITE */



/* DEBUT MISE EN FORME DU TEXTE DU SITE */

h3{
font-size: 11px;
color: #000033;
text-align: center;
}

h4{
	color: #A4A4A6;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-top: -0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

h5{
	color: #1B99BE;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
}

h6{
	color: #1B6C8D;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin-top: -2px;
}

h7{
	color: #1B99BE;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	margin-left: 107px;
}

h5{
	color: #000000;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
}

.date-emission{
	color: #CC0033;
}

.titre-emission{
	color: #157D9B;
}

.contenu-emission{
	color: #1B99BE;
}

.date-php{
color: #1B6C8D;
font-size: 11px;
}

.texte{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
margin-left: 10px;
margin-right: 10px;
}

.texte a:link { font-weight: normal; color: #1B99BE; text-decoration: none;}
.texte a:visited { font-weight: normal; color: #1B99BE; text-decoration:none;}
.texte a:hover { font-weight: normal; color: #CCCCCC; text-decoration:none;}

.texte2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
margin-right: 20px;
}

.supprimer{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CC0033;
text-align: center;
font-weight: bold;
}

.titre-php{
font-weight: bold;
}

.contenu-php{
text-align: justify;
margin-right: 8px;
margin-top: -8px;
}

.titre-etape{
font-style: italic;
}

.espace-titre{
margin-left: 7px;
}

.titre-archives{
vertical-align: top;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #00CCFF;
height: 10px;
}

.image-archives{
vertical-align: top;
}

.partie-droite-archives{
vertical-align: top;
width: 390px;
text-align: justify;
}

.partie-centre-archives{
vertical-align: top;
width: 20px;
text-align: justify;
}

.lien-archives{
vertical-align: top;
}

.espace-archives{
height: 20px;
}

.images-centre{
text-align: center;
}

.titre{
vertical-align: top;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #00CCFF;
height: 10px;
margin-left: 10px;
}

.titre-admin{
vertical-align: top;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #0099FF;
height: 10px;
margin-left: 10px;
}

.ss-titre{
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333333;
height: 10px;
text-align: justify;
}

.mot-important{
color: #000000;
}

.noms{
color: #1B99BE;
}

.fleche-menu{
color: #00CCFF;
}

.lien-formulaire{
color: #00CCFF;
font-weight: bold;
}

.liens a:link { font-weight:bold; color: #006699; text-decoration:none }
.liens a:visited { font-weight:bold; color: #006699; text-decoration:none}
.liens a:hover { font-weight:bold; color:#CCCCCC; text-decoration:none}

.liensadmin a:link { font-weight:bold; color: #000000; text-decoration:none }
.liensadmin a:visited { font-weight:bold; color: #000000; text-decoration:none}
.liensadmin a:hover { font-weight:bold; color:#CCCCCC; text-decoration:none}

.lien-formulaire a:link { font-weight:bold; color: #00CCFF; text-decoration:none;}
.lien-formulaire a:visited { font-weight:bold; color: #00CCFF; text-decoration:none;}
.lien-formulaire a:hover { font-weight:bold; color: #CCCCCC; text-decoration:none;}

.texte-conteneur{
color: #1B99BE;
text-align: center;
}

.texte-conteneur2{
color: #F59D16;
text-align: center;
}

/* FIN MISE EN FORME DU TEXTE DU SITE */


#arbo {
	position:absolute;
	left:20px;
	top:125px;
	width:508px;
	height:350px;
	overflow: auto;
	
}

#arbo-image{
position:absolute;
	left:20px;
	top:10px;
	width:470px;
	height:550px;
	overflow: auto;
background-image: url(images/arborescence.png);
background-repeat: no-repeat;
}


#arbo-accueil {
	position:absolute;
	left:146px;
	top:45px;
	width:43px;
	height:78px;
}

.lien-arbo a:link { font-weight: normal; color: #000000; text-decoration: none;}
.lien-arbo a:visited { font-weight: normal; color: #000000; text-decoration:none;}
.lien-arbo a:hover { font-weight: normal; color: #CCCCCC; text-decoration:none;}


#arbo1 {
	position:absolute;
	left:254px;
	top:143px;
	width:127px;
	height:105px;
}
#arbo2 {
	position:absolute;
	left:253px;
	top:261px;
	width:206px;
	height:37px;
}
#arbo3 {
	position:absolute;
	left:254px;
	top:310px;
	width:204px;
	height:31px;
}
#arbo4 {
	position:absolute;
	left:254px;
	top:357px;
	width:184px;
	height:27px;
}
#arbo5 {
	position:absolute;
	left:35px;
	top:400px;
	width:206px;
	height:117px;
}

#t1 {
	position:absolute;
	left:50px;
	top:41px;
	width:33px;
	height:6px;
	font-size:9px;
	color: #CC0033;
}

#t2 {
	position:absolute;
	left:138px;
	top:138px;
	width:36px;
	height:4px;
	font-size:9px;
	color: #CC0033;
}

#t3 {
	position:absolute;
	left:139px;
	top:259px;
	width:55px;
	height:6px;
	font-size:9px;
	color: #CC0033;
}

#t4 {
	position:absolute;
	left:140px;
	top:309px;
	width:61px;
	height:5px;
	font-size:9px;
	color: #CC0033;
}

#t5 {
	position:absolute;
	left:138px;
	top:357px;
	width:100px;
	height:4px;
	font-size:9px;
	color: #CC0033;
}

.marge-separateur{
	margin-left: 7px;
}

.ss-barre{
	margin-top: -200px;
}

.marge-archive{
	margin-left: 30px;
}


.grand-texte{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333;
text-align: justify;
}