/*  
	Document CSS  pour MZW 
	Camille FRONTON
	Créé le 09/10/2006
	Mise à jour le 04/04/2008
 */
/*
		Propriétés valables seulement dans IE
	scrollbar-face-color: #E5F8F8;
	scrollbar-shadow-color: #E5F8F8;
	scrollbar-highlight-color: #00B6FF;
	scrollbar-3dlight-color: #E5F8F8;
	scrollbar-darkshadow-color: #B7D3F0;
	scrollbar-track-color: #DFFFFF;
	scrollbar-arrow-color: #00FF00;
*/

/* sans marges, la page sera collée aux bords */
/* on définit la police de base dans la page */
/* on définit la taille de police de base dans la page */
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: verdana, arial, sans-serif; 
	font-size: 9pt; 
	background-color: #53566a;
}

/*-------  Délimitation de la zone générale d'affichage  ------*/
#le_total{
	width: 1000px;
}

/* alignement du logo à gauche */
/* placement du logo dans son conteneur, tete1 */
#logo {
	float: left; 
	margin-left: 3px;  
	margin-top: 3px;
	border: 0px;;
}

/*------ Image contextuelle de fond accompagnant le Logo -------*/
#tete1 {
	background-image: url('/images/hautpage.gif');
	width: 1000px;
	height: 70px;
}

#tete2 {
	background-image: url('/images/hautpage2.gif');
	background-repeat: no-repeat;
	width: 1000px;
	height: 36px;
} 

#teteAide {
	background-image: url('/images/hautpageAide.gif');
	width: 1000px;
	height: 70px;
}

#teteStockage {
	background-image: url('/images/hautpageStockage.gif');
	width: 1000px;
	height: 70px;
}

#teteContact {
	background-image: url('/images/hautpageContact.gif');
	width: 1000px;
	height: 70px;
}

#teteFichier {
	background-image: url('/images/hautpageFichier.gif');
	width: 1000px;
	height: 70px;
}

#teteProcesseur {
	background-image: url('/images/hautpageProcesseur.gif');
	width: 1000px;
	height: 70px;
}

#teteUnitcentr {
	background-image: url('/images/hautpageUnitcentr.gif');
	width: 1000px;
	height: 70px;
}


#teteHistoire {
	background-image: url('/images/hautpageHistoire.gif');
	width: 1000px;
	height: 70px;
}

#teteAstuces {
	background-image: url('/images/hautpageAstuces.gif');
	width: 1000px;
	height: 70px;
}

#teteVerole {
	background-image: url('/images/hautpageVerole.gif');
	width: 1000px;
	height: 70px;
}

#teteMateriel {
	background-image: url('/images/hautpageMateriel.gif');
	width: 1000px;
	height: 70px;
}

#teteInternet {
	background-image: url('/images/hautpageInternet.gif');
	width: 1000px;
	height: 70px;
}

#teteNouvelles {
	background-image: url('/images/hautpageNouvelles.gif');
	width: 1000px;
	height: 70px;
}

#teteLangages {
	background-image: url('/images/hautpageLangages.gif');
	width: 1000px;
	height: 70px;
}

#teteLogiciel {
	background-image: url('/images/hautpageLogiciel.gif');
	width: 1000px;
	height: 70px;
}
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_- 
Bloc de menu aligné à gauche.
 _-_-_-_-_-_-_-_-_-_-_-_-_ -_- */

#gauche {
	position: absolute; top: 106px; left: 0px;
	width: 140px;
	height: 850px;
	background-color: #F6FEFF;
}

#gauche2{
	width: 140px;
	max-height: 763px;
	min-height: 404px;
	background-image: url('/images/fond_sous-menu.png');
	background-repeat: repeat-x;
}
/*-------  Zone d'affichage centrale -------*/
#centre {
	position:absolute; top: 106px; left: 140px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-right: 1px solid #46FDFD;
	width: 860px;
	height: 850px;
	color: #1841B6;
	background-color: #f6feff;
	overflow: auto;
}
/*------  Ombre côté droit de la page ------*/
#coteD{
	background-image: url("/images/mzw_ombre_coteD.gif");
	background-repeat: repeat-y;
	position: absolute; top: 0px; left: 1000px;
	width: 40px;
	height: 1005px;
}

/* -------------- Bas de page -------------- */
#basdepage{
	background-image: url("/images/baspage.gif");
	position:absolute; top: 987px; left:0px;
	width: 1000px;
	height: 17px;
}


#validationW3C{
	background-color:#f6feff;
	position:absolute; top: 956px; left:0px;
	width: 1000px;
	height: 31px;
}
#Signal-Danger{
	background-color: #bf2e4c;
	width: 90%;
}

.signal-dang TABLE TD{
	color: #7cf169;
	font-family: "Comic san Ms";
	font-size: 14px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
.ladate{
	font-size: 7pt;
	font-family: Verdana, Arial;
	color: #9747CF;
}

.textepetit{
	font-family: Arial;
	font-size: 9pt;
	color: #2636AC;
}

.texteChapo{
	background-image: url("/images/fond_chapo.gif");
	background-repeat: no-repeat;
	font-family: "Comic sans-ms";
	font-size: 11pt;
	font-weight: bold;
	color: #26aca7;
	background-color: #eee8ff;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 1px dashed #2636AC;
	border-right: 1px dashed #2636AC;
}

.entourage {
	background:#F6FFFE;
	font-size : 12px;
	padding: 10px;
	border: 1px solid #80C0FF;
}


/* _-_-_-_-_-_-_-_-_-_-_-_-_-_- 
Menu : bleuté avec la souris dessus. 
Texte : construit sous forme de liste (dont l'apparence est modifiée, voir plus loin).
 _-_-_-_-_-_-_-_-_-_-_-_-_-_- */
/* on définit un conteneur pour le menu */

.boutonMenu TD{
	vertical-align: middle;
	height: 32px;
}
  /* background-image: url(images/bouton_mzw_100.gif);
	background-repeat: no-repeat;
	*/
.boutonMenu{
	background-image: url(images/bouton_mzw_100.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 32px;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}

.boutonMenu A{
	display: block;
	width: 100px;
	height: 32px;
	text-decoration: none;
	font-weight: bold;
	color: #060CAF;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}

.boutonMenu A:hover{
	background-image: url(images/bouton_mzw_100_c.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 32px;
	text-decoration: none;
	font-weight: bold;
	color:  #060CAF;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}

.alignemenuhaut{
	float: right;
	border-top: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
}


/*------------------------------- Menu Vertical ----------------------------------------------------------*/
.menuVertic UL {
	list-style-type: none; /* pour ne pas avoir de puces */
	margin: 0px;
	padding: 0px;
	line-height: 14px; /* interligne */
}

.menuVertic UL{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

.menuVertic LI{
	border-top: #D8E5F1 1px solid; 
	border-bottom: #888CAA 1px solid; 
	list-style-type: none;
}

.menuVertic LI A{
	padding-right: 4px; 
	padding-bottom: 8px; 
	padding-left: 12px; 
	padding-top: 8px; 
	display: block; 
	background-color: #7DCECF; 
	color: #444B55; 
	text-decoration: none;
	font-family: Verdana;
	font-size: 8pt;
}

.menuVertic LI A:hover{
	background: #B2E1E2; 
	color: #444866;
	font-family: Verdana;
	font-size: 8pt;
}

.menuVertic H2{
	background: #62b6b7;
	padding-left: 7px;
	padding-right: 5px;
	font-size: 10pt; 
	margin: 0px; 
	color: #4A4A44; 
	border-top: #CCC 1px solid; 
	border-bottom: #999 1px solid; 
	height: 22px;
	text-align: center;
}
/*-------------------------------------------------------------------------------------------------------------*/
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-  les hyperliens _-_-_-_-_-_-_-_-_-_-_-_-_-_- */
.lienGeneral{
	font-family: Arial;
	font-size: 9pt;
	color: #2636ac;
}

.lienGeneral a {
	text-decoration:none;
	color: #cf9747;
	font-size: 12px;
	font-weight: bold;
	border-left:1px solid #E5F8F8;
	border-right:1px solid #E5F8F8;
	border-top:1px solid #E5F8F8;
	border-bottom:1px solid #E5F8F8;
	padding-left:2px;
	padding-right:2px;
}

.lienGeneral a:hover {
	text-decoration:none;
	color: #9747CF;
	font-size: 12px;
	font-weight: bold;
	border-left:1px solid #C6BEFF;
	border-right:1px solid #C6BEFF;
	border-top:1px solid #C6BEFF;
	border-bottom:1px solid #C6BEFF;
	padding-left:2px;
	padding-right:2px;
}


/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-   _-_-_-_-_-_-_-_-_-_-_-_-_-_- */

h1{
	font-size: 140%;
	text-align: right;
}


h2{
	font-size: 120%;
	text-align: right;
}

h3 {
	font-size: 110%;
	text-align: right;
}

h4 {
	font-size: 100%;
	text-align: right;
}

h5 {
	font-size: 90%;
	text-align: right;
}

p {
	font-family: Arial;
	text-align: justify;
	text-indent: 0.5cm;
}

.mesPub{
	width: 490px;
	height: 60px;
	text-align: center;
}

#mesPub2{
	width: 170px;
	height: 50px;
	text-align: center;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.mesPub1 TABLE{
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.mesPub1 TD{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---  Utilisé par  creation_site.php  et les fichiers auxiliaires defini_site et creat_site   ---*/

.monTitre1{
	background-image: URL('/images/fond_titre1.gif');
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 120%;
	font-weight: bolder;
	text-align: center;
}

.monTitre2{
	font-family: Arial;
	font-size: 120%;
	font-weight: bolder;
	text-align: center;
}

.monTitre3{
	font-family: Arial;
	font-size: 120%;
	font-weight: bolder;
	text-align: justify;
	text-decoration: underline;
}

/* à l'usage de ---- creation_site.php ---- */
#monTexte{
	padding-left: 6px;
	padding-right: 6px;
	border-left: #7fa2a6 1px dashed;
	border-right: #7fa2a6 1px dashed;
}

.marqRouge{
	color: red;
}

.exemple{
	font-family: "comic sans ms";
	font-size: 14px;
	font-weight: normal;
	border: #4d7479 1px dotted;
	padding: 5px;
	background-color: #d6dfe0;
}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------  CopyRight et autres  ---------------------------------------------------- */

/* signature, en bas à droite ---*/
.signe{
	font-family: Arial;
	font-size: 80%;
	text-align: right;
}

.marqLang{
	color: #2922b0; 
	font-weight: bold; 
	font-size: 15px;
}

/*----:* Copyright *:-----*/
.copyrt {
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 9px;
	color: #6a6ddb;
}

.copyrt a{
	text-decoration:none;
	color: #6a6ddb;
	font-size: 9px;
	font-weight: bold;
	
}

.copyrt a:hover {
	text-decoration:none;
	color: #9747CF;
	font-size: 9px;
	font-weight: bold;
	
}
/*------------------------------------------------------------*/

.lecontact{
	text-align: right;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 9px;
	color: #F7FDFE;
}


/*
	border-left:1px solid #E5F8F8;
	border-right:1px solid #E5F8F8;
	border-top:1px solid #E5F8F8;
	border-bottom:1px solid #E5F8F8;
	padding-left:2px;
	padding-right:2px;
*/


/*
	border-left:1px solid #C6BEFF;
	border-right:1px solid #C6BEFF;
	border-top:1px solid #C6BEFF;
	border-bottom:1px solid #C6BEFF;
	padding-left:2px;
	padding-right:2px;
*/

/* ::::: Autres ::::: */

.letexte {
	font-size: 12px;
	color: #1841B6;
}

.celluleExemple{
	font-family : Arial;
	font-size: 1em;
	background-color: #eff2fb;
	color: #4c4cb7;
}

.CelluleInfo1{
	font-size: 12px;
	font-family: Verdana, Arial;
	color: #1841B6;
	background-color:#daf6fe;
}

.celluleCours3{
	font-size: 1.2em; 
	font-weight: bold;
	background-color: #eff2fb; 
	color: #0000CC;
}

.contoureCelluleInfo1{
	font-size: 12px;
	font-family: Verdana, Arial;
	color:#006699;
	background-color:#d3e3ee;
	border-left:1px solid #006699; 
	border-top:1px solid #006699;
	border-right:1px solid #006699; 
	border-bottom:1px solid #006699;
	padding-left:3px; 
	padding-top:3px;
	padding-right:3px; 
	padding-bottom:3px;
}

.contourecellule{
	background-color:#b7d3f0;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	
}

.contourecellule2{
	border-top: 2px solid #a5bbcb;
	border-left: 1px dashed #a5bbcb;
	border-right: 1px dashed #a5bbcb;
	border-bottom: 2px solid #a5bbcb;
	-moz-border-radius:6px;
	padding: 5px;
	vertical-align: top;
	font-family: "Arial";
	font-size: 13px;
	color: #2636AC;
}