/* ----------------------- GENERAL --------------------------*/
html{background-color: #707070;}

body {
	width: 1024px;
	height: auto;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size:  8.7pt; /* Resets 1em to 8.7pt */
	font-family: arial, sans-serif;
	color: rgb(40,64,126);
}

a {color: rgb(40,64,126); text-decoration: none;}
a:hover{color: rgb(40,64,126);text-decoration: none;cursor:pointer;}

img{ border: none;}

/*-------------------------CONTENEUR------------------------------*/
#conteneur {background-color:rgb(245,245,245);margin:0px;padding:0px;}


/* ----------------------- HAUT DE PAGE --------------------------*/

#haut_de_page {
	width: 100%;
	height: 110px;
	background-color: white;
}

#logo {
	position: absolute;
	top: 30px;
	width:200px;
	height:100px;
	margin-left: 5px;
}

#formulaire_menu_lang {
	position: absolute;
	border: 0px;
	top: 35px;
	width:810px;         /*1024-logo-espacedroite*/
	margin-left:205px;   /*logo + logomarginleft*/
	line-height: 25px;
	color: #707070;
	font-size: 0.9em;
	text-align: right;
	background-color: white;
	overflow: hidden;	
}
	#formulaire_menu_lang form select
	{
		/*On fait dépasser 'select' via 'margin-right' ci-dessous pour ne pas apercevoir la fleche du menu
		Le 'overflow: hidden' ci-dessus assure que ce qui depasse du conteneur ne sera pas visible
		(la fleche en l'occurence)*/
		margin-right: -20px;
		width: 100px;
		border: 0px;
		border-left: rgb(220,220,220) 1px solid;
		background-color : transparent;
		font-size: 1em;
		font-family: arial, sans-serif;
		color: #707070;
		text-transform: capitalize;
	}
	#formulaire_menu_lang form select:hover	{color: rgb(40,64,126);cursor: pointer;}

#rechercher {
	position: absolute;
	top: 70px;
	width:814px;          /*1024-logo-espacedroite*/
	margin-left: 202px;   /*logo + logomarginleft*/
	text-align: right;
	background-color: none;
}
#rechercher form input{border: 1px solid rgb(220,220,220);}
#rechercher form input:hover {cursor: pointer;}


/* ----------------------- MENU HORIZONTAL --------------------------*/
#zone_menu_horizontal {
	width:100%;
	background-color: white;
	padding-bottom: 20px;
	text-align: center;
}

#zone_onglets {
	width:1022px; /*1024(100%) - decollagede1pxdescotés*/
	margin-left:1px;
	height: 25px;
	border-collapse: collapse;
}
		#zone_onglets {height:23px\9} /*IE 7&8 hack*/
		@media screen and (-webkit-min-device-pixel-ratio:0){
			#zone_onglets {height:23px;border-collapse: collapse;} /*Safari hack */
			}

.onglet_vide {
	border-collapse: collapse;
	background-color: none;
	background-image: url(../../images/commun/onglet.gif); 
	background-repeat: repeat-x;
}

.onglet {
	height: 25px;
	text-align: center;
	color: white;
	border-collapse: collapse;
	background-color: none;
	background-image: url(../../images/commun/onglet.gif); 
	background-repeat: repeat-x;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
		.onglet {height:23px\9} /*IE 7&8 hack*/
		@media screen and (-webkit-min-device-pixel-ratio:0){
			.onglet {height:23px;border-collapse: collapse;} /*Safari hack */
			}

.onglet:hover {
	background-image: url(../../images/commun/onglet_hover.gif);
	cursor: pointer;
}


/* ----------------------- BLOC PRINCIPAL --------------------------*/
#bloc_principal {
	width:100%;
	height: 550px;
	background-color: rgb(245,245,245);
}

#contenu {
	background-color: white;
	width: 825px; /*largeurblocprincipal - padding right+left  */
	height: 550px;
	margin:auto;
	padding-top: 15px;
	border-left: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	border-bottom: 1px solid white;
}

#zone_carte {
	float:right;
	width:150px;
	height:150px;
	margin-top: 360px;
	margin-right:21px;
	padding-top:8px;
	background-image: url(../../images/sommaire/fond_carte.gif);
	background-repeat: no-repeat;
}
	#zone_carte img {margin-top:20px;margin-left:20px;}
	#paris, #aix, #toulouse {position:relative;}
    #paris {width:40px;top:-75px; left:72px;}
    #aix {width:30px;top:-48px; left:84px;}
    #toulouse {width:60px;top:-62px; left:22px;border: 0px solid red;}
    #paris a, #aix a, #toulouse a {color:rgb(40,64,126);}
    #paris a:hover,#aix a:hover, #toulouse a:hover {font-weight:bold;}

#zone_actu {
	position:absolute;
	top: 560px;
	margin-left:21px;
	padding-top:8px;
	width:624px;
	height:150px;
	background-image: url(../../images/sommaire/fond_actualite.gif);
	background-repeat: no-repeat;
}
		.chaque_actu {
			margin-left: 25px;
			margin-right: 25px;
			line-height: 25px;
			text-indent: 10px;
			font-size: 1em;
		}

/*--------------------------------- ZONE METIERS ----------------------------------*/
.blocs_metiers { /* =blocs sous metiers + bloc_systemes_critiques */
	position: absolute;
	top:390px; 
	width: 134px; 
	height: 134px; 
	background-position: -128px 2px;
	background-repeat:no-repeat;
}
		#bloc_expertise_systemes{top:268px;margin-left: 20px;background-image: url(../../images/sommaire/expertise_systeme.jpg);}
		#bloc_logiciel_securitaire{margin-left: 230px;background-image: url(../../images/sommaire/logiciel_securitaire.jpg);}
		#bloc_equipement_embarque{margin-left: 460px;background-image: url(../../images/sommaire/equipement_embarque.jpg);}
		#bloc_moyens_tests{top:268px;margin-left: 670px;background-image: url(../../images/sommaire/moyens_tests.jpg);}
		
		#bloc_systemes_critiques{
			top:190px;
			width:154px;
			height:154px;
			margin-left: 334px;
			background-image: url(../../images/sommaire/systemes_critiques.jpg);
			background-position: -148px 2px;}
			
.blocs_metiers:hover {cursor: pointer; background-position: 2px 2px;}
#bloc_systemes_critiques:hover {background-position: 2px 2px;}
.blocs_metiers:hover > .titre_blocs {
						-moz-opacity: 1 ; /* Gecko -> Firefox, Netscape */
						-ms-filter:alpha(opacity=100); /* IE8 */
						filter:alpha(opacity=100); /* IE < 8 */
						opacity:1; /* CSS 3*/
						}

.liaisons{
	position:absolute;
	top:344px; 
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
#liaison_centre_gauche{
	margin-left:230px;
	width:182px;
	height:46px;
	background-image: url(../../images/sommaire/liaison_centre_gauche.jpg);
	}
#liaison_centre_droite{
	margin-left:411px;
	width:182px;
	height:46px;
	background-image: url(../../images/sommaire/liaison_centre_droite.jpg);
	}
#liaison_gauche{
	margin-left:20px;
	width:362px;
	height:46px;
	background-image: url(../../images/sommaire/liaison_gauche.gif);
	}
#liaison_droite{
	margin-left:440px;
	width:362px;
	height:46px;
	background-image: url(../../images/sommaire/liaison_droite.gif);
	}

.masque_blocs_sous_metiers {
	width:134px;
	height:134px;
	background-position: 50% 50%;
	background-repeat:no-repeat;
	background-image:url(../../images/sommaire/masque_blocs_sous_metiers.gif);
}
#masque_bloc_systemes_critiques {
	width:154px;
	height:154px;
	background-position: 50% 50%;
	background-repeat:no-repeat;
	background-image:url(../../images/sommaire/masque_bloc_systemes_critiques.gif);
}

.zone_titre_blocs_sous_metiers, #zone_titre_bloc_systemes_critiques {
	margin:auto;
	margin-top:-95px;
	width:125px;
	height:55px;
	-moz-opacity: 0.7; /* Gecko -> Firefox, Netscape */
	-ms-filter:alpha(opacity=70); /* IE8 */
	filter:alpha(opacity=70); /* IE < 8 */
	opacity:0.7; /* CSS 3*/
	background-image: url(../../images/sommaire/fond_zone_titre_blocs_sous_metiers.gif);
	background-repeat: no-repeat;
}
#zone_titre_bloc_systemes_critiques {
	margin-top:-105px;
	background-image: url(../../images/sommaire/fond_zone_titre_bloc_systemes_critiques.gif);
	-moz-opacity: 0.6; /* Gecko -> Firefox, Netscape */
	-ms-filter:alpha(opacity=60); /* IE8 */
	filter:alpha(opacity=60); /* IE < 8 */
	opacity:0.6; /* CSS 3*/}

.titre_blocs {
	position:relative;
	top:-55px;
	width:125px;
	height:55px;
	margin:auto;
	font-size: 2em;
	text-align: center;
	-moz-opacity: 0.9; /* Gecko -> Firefox, Netscape */
	-ms-filter:alpha(opacity=90); /* IE8 */
	filter:alpha(opacity=90); /* IE < 8 */
	opacity:0.9; /* CSS 3*/
}
		.titre_blocs a{color:white;}
		.titre_blocs a:hover{color:white;}


/* ----------------------- SEPARATEUR BAS --------------------------*/
#separateur_bas{
	clear: both;
	width: 100%;
	height : 5px;
	background-color: white;
	background-image: url(../../images/commun/separateur_bas.png);
	background-repeat: no-repeat; 
	background-position: 50% 100%;
}

/* ----------------------- PIED DE PAGE --------------------------*/
#zone_pied_de_page {
	width: 100%;
	height: 50px;
	text-align: center;
	font-size: 0.8em;
	background-color: white;
	color:  rgb(40,64,126);
}

#pied_de_page {
	position: relative;
	top: 18%
}

#photos_libres {
	color: rgb(220,220,220);
	/*margin-left:965px;*/
	font-size: 0.8em;
	text-align: right;
	width:100%;
	font-size: 0.8em;
}
		
#photos_libres:hover {color:rgb(220,220,220);}

ul.column {
    list-style: none outside none;
}
ul.column {
    list-style: none outside none;
    margin: 10px 0 0 20px;
    padding: 0;
    width: 100%;
}
ul.column li {
    display: inline;
    float: left;
    margin: 5px 0;
    padding: 0;
    width: 220px;
}

/* ----------------------- SPIP --------------------------*/
.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}