/* CSS Document */

/* Général */

body {
	background-image: url(images_medianef/bkBleuBlanc.jpg);
	/*background-image: url(images_medianef/bg-20100318.gif);*/
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	background-attachment: scroll;
	background-position: center top;
	background-color: #D3E7F2;
}

div {
	position:relative;
}

/*p { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#565656 !important}*/

h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; line-height:20px; font-style: italic; margin:0; 
	padding-top:7px; padding-bottom:1px; letter-spacing:-1px; color: #2E4C82;}

h2 {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:13px; margin:0; padding:0;letter-spacing:0px; color:#5877bd; padding-top:3px;}

h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:12px; margin:0; padding:0;letter-spacing:0px; color:#000; padding-top:8px; margin-bottom:0px;}

h4 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:12px; margin:0; padding:0;letter-spacing:0px; color:#5877bd; display:inline; padding-bottom:1px;}


div.line { width:524px; height:3px; background-color:#8d94a1; margin-bottom:11px;}
div.lineR { width:200px; height:3px; background-color:#8d94a1; margin-bottom:11px;}

h3.one {padding-top:0px ;}


.descOutils { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#565656 }








/*  NAVIGATION  */
a:link {
	color: #214c98;
}

a:visited {
	color: #214c98;
}

a:hover {
	color: #EB951A;
}

a:active {
	color: #FF9900;
}


/* HORLOGE  */
	#heureJavascript {
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #436197;
	text-align: center;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right-width: 10px;
	border-left-width: 15px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #94A8CB;
	border-left-color: #2E4C82;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 15px;	
}



/* Tag div par ID ----------------------------------------------------------------------- */


/* CONTENEUR / CONTAINER */
#myContainer {
	top: 0px;
	left: 50%;
	width:980px;
	height:auto;
	margin-left: -490px;
	background-color: #FFFFFF;
	}


/* ENTETE / HEADER ------------------------------ */
   #header {
	width:980px;
	height:119px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
   }
 
 
   
/* MIDDLE / SECTION DU CENTRE ---------------- */   
   #middle {
   width:980px;
   height:700px;
   }
#middleContact {
	width:980px;
	height:570px;
}

#middleContactPhp {
	width:980px;
	height:780px;
	background-color: #FFF;
}
#middleMultimedia {
	width:980px;
	height:1350px;
	background-color: #FFF;
}


   #middleAccueil {
   width:980px;
   height:720px;
   }
   #middleDesign {
   width:980px;
   height:720px;
   }
   #middleOutils {
   width:980px;
   height:720px;
   }
   #middleMerci {
   width:980px;
   height:350px;
   }


/* section gauche de la section centrale ---------- */
	#left {
		width:180px;
		height:700px;
		background-color:#FFFFFF;
		float:left;
		 }
#leftContact {
	width:180px;
	background-color:#FFFFFF;
	float:left;
}

	/*#leftDesign {
		width:180px;
		height:800px;
		background-color:#FFFFFF;
		float:left;
		 }*/
	#leftMerci {
		width:180px;
		height:350px;
		background-color:#FFFFFF;
		float:left;
		 }

		/*début menu gauche*/
			#boutton {
			width: auto;
			padding: 0;
			margin-top: 20px;
			margin-left: 15px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align: left;
			font-weight: bold;
		   }
   
			#boutton ul {
 			list-style: none;
			margin:0;
			padding:0;
			border: none;
			}

			#boutton li {
		    border-bottom: 1px solid #90bade;
		    margin: 0;
		   }
  
			#boutton li a {
			display: block;
			padding: 5px 5px 5px 0.5em;
			background-color: #436197;
			color: #fff;
			text-decoration: none;
			width: auto;
			border-right-width: 10px;
			border-left-width: 15px;
			border-right-style: solid;
			border-left-style: solid;
			border-right-color: #94A8CB;
			border-left-color: #2E4C82;
			}

			#boutton li a:hover {
			background-color: #607FB6;
			color: #fff;
			border-right-width: 10px;
			border-left-width: 15px;
			border-right-style: solid;
			border-left-style: solid;
			border-right-color: #E4A615;
			border-left-color: #5573A9;
		   }
		/*fin menu gauche*/  



/* section du centre de la section centrale ---------- */		  
 	#content {
	width:570px;
	height:700px;
	background-color:#FFFFFF;
	float:left;
	          }
#contentContact {
	width:570px;
	height:550px;
	background-color:#FFFFFF;
	float:left;
}

#contentContactPhp {
	width:570px;
	height:750px;
	background-color:#FFFFFF;
	float:left;
}


 	#contentAccueil {
	width:570px;
	height:720px;
	background-color:#FFFFFF;
	float:left;
	          }

 	#contentMerci {
	width:570px;
	height:350px;
	background-color:#FFFFFF;
	float:left;
	          }


 	/*#contentDesign {
	width:570px;
	height:800px;
	background-color:#FFFFFF;
	float:left;
	          }*/


			#titreBubrique{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images_medianef/BgTitreRubrique.jpg);
	background-repeat: repeat-x;
	line-height: 26px;
	text-align: left;
	text-indent: 20px;
	vertical-align: middle;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	position: absolute;
	width: 550px;
	z-index: 2;
			}

			#texteFondBleu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #1F3D73;
	background-color: #e4e9f2;
	text-align: left;
	vertical-align: top;
	margin-top: 46px;
	margin-left: 20px;
	line-height: 16px;
	list-style-type: square;
	z-index: 2;
	position: absolute;
	width: 510px;
	/*overflow: auto;*/
	padding: 20px;
			}

/*-------------------------------------------------------------*/
#texteFondBleuClavier {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #1F3D73;
	background-color: #e4e9f2;
	text-align: left;
	vertical-align: top;
	margin-top: 46px;
	margin-left: 20px;
	line-height: 16px;
	list-style-type: square;
	z-index: 2;
	position: absolute;
	width: 510px;
	/*overflow: auto;*/
	padding: 20px;
	background-image: url(images_medianef/bkClavierBleu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#texteFondBleuDesign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #1F3D73;
	background-color: #e4e9f2;
	text-align: left;
	vertical-align: top;
	margin-top: 46px;
	margin-left: 20px;
	line-height: 16px;
	list-style-type: square;
	z-index: 2;
	position: absolute;
	width: 510px;
	/*overflow: auto;*/
	padding: 20px;
	background-image: url(images_medianef/bkFeuillesBleu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	left: 3px;
	top: 1px;
}
#texteFondContact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #1F3D73;
	text-align: left;
	vertical-align: top;
	margin-top: 46px;
	margin-left: 20px;
	line-height: 16px;
	list-style-type: square;
	z-index: 2;
	position: absolute;
	width: 510px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(images_medianef/realContact-2011.jpg);
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}







/* section droite de la section centrale ---------- */
	#right {
	width:215px;
	height:700px;
	background-color:#FFFFFF;
	float:left;
	text-align: left;
	vertical-align: top;
	padding-left: 15px;
			}
#rightContact {
	width:215px;
	background-color:#FFFFFF;
	float:left;
	text-align: left;
	vertical-align: top;
	padding-left: 15px;
}


	#rightMerci {
	width:215px;
	height:350px;
	background-color:#FFFFFF;
	float:left;
	text-align: left;
	vertical-align: top;
	padding-left: 15px;
			}

	/*#rightDesign {
	width:215px;
	height:800px;
	background-color:#FFFFFF;
	float:left;
	text-align: left;
	vertical-align: top;
	padding-left: 15px;
			}*/

				/*  début colonne Outils ------------------------------ */
				#modContent {
				float:left;
				width:200px;
				z-index:150;				
				}
				
				#modContent ul { 
				list-style:none;
				list-style-position:outside; 
				list-style-type:none;
				margin-left: 0px;
				padding:0;
				}
				
				#modContent ul li img { border:0; margin-right:0px;}
				#modContent ul li p { padding-left:15px; padding-top:0px;padding-bottom:1px;}
				
				#modContent ul li a:link, #modContent ul li a:visited {
				text-decoration:none;
				width:auto;
				line-height:17px;
				} 
				
				/*#modContent ul li a:hover {
				background:url(file:///C|/Documents and Settings/Utilisateur/Mes documents/Médianef/images/dotted.png) bottom repeat-x;
				}*/
				/*  fin colonne Outils ------------------------------------ */



   
/* FOOTER - pied de bas de page --------------------------- */
   #footer {
	width:980px;
	height:125px;
	background-color:#FFFFFF;
	text-align: left;
	position: relative;
	padding-top: 10px;
   }
#footerContactPhp {
	width:980px;
	height:125px;
	background-color:#FFFFFF;
	text-align: left;
	position: absolute;
	padding-top: 10px;
	left: 0px;
	top: 814px;
}


	#ligneJaune {
	width: 550px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 200px;
	border-top-style: solid;
	border-top-color: #EA9810;
	border-top-width: 3px;
	}
.classLigneJaune {
	width: 550px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 200px;
	border-top-style: solid;
	border-top-color: #EA9810;
	border-top-width: 3px;
}


	#menuFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #214c98;
	margin-left: 200px;
	width: 550px;
	text-align: center;
	}

	#logoCopyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #214C98;
	text-align: center;
	width: 150px;
	position: relative;
	left: 790px;
	top: -80px;
	z-index: 2;
	
	}