@charset "utf-8";
/* CSS Document */

/*
Css Enozone - Commentaires placés pour expliciter rôles des parties et du code

2010






Page medias -
	
	Pour les images en faire 2 : 1 de 300L*200Hpx, pour galerie et lui appliquer le style img_MEDIAS, et une de taille optimale pour agrandissement lightbox


nom original du css :
css_skin02.css

précision pour les moments de tests visant à renommer cette feuille de style par sécurité

*/

html {font-size: 100%;}

body
{
	
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.85em "Arial", Helvetica, sans-serif;
	/*background:url(../images/BG06.jpg) no-repeat center top fixed;*/
	/*background-repeat:no-repeat;*/
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#000000;
}


a:link{color:#FFFFFF;
	text-decoration:none;
	}
a:visited{color:#FFFFFF;
	text-decoration:none;
	}
a:hover{color:#FF9900;
	text-decoration:none;
	}
a:active{color:#CCCCCC;
	text-decoration:none;
	}

/*LUTTE ANTI IE===========================================================================================*/


.alert-ie6
{
	padding-left:0px;
	margin:0px;
	text-align:left;
}



.alert-ie6 p
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	text-indent:0px;
	padding-left:5px;
	margin-left:0px;
	display:block;
}





/*LUTTE ANTI IE===========================================================================================*/



/*Typo===========================================================================================*/


h1
{
	font-size: 1.4em;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: lighter;
	margin-top: 20px;
	margin-left: 10px;
}


h2
{
	font-size: 1.2em;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 50px;
	margin-left: 5px;
	margin-bottom: 10px;
	background-image: url(../images/fd01_mediash2_1.png);
	height: 100%;
	background-repeat: no-repeat;
	width: 913px;
	display: block;
	padding-left: 47px;
	padding-top: 30px;
	padding-bottom: 20px;
}




/*h3 sert pour les titres des termes explicités dans la faq*/
h3
{
	padding-left: 20px;
	font-size:0.9em;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
}


h4
{
	padding-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size:1.1em;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
}



p
{
	font-size:0.9em;
	color:#FFFFFF;
	margin-left: 52px;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:27px;
	max-width: 875px;

	
}

.p2
{
	font-size:0.9em;
	color:#FFFFFF;
	margin-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:0px;
}

.hdp
{
	text-align:right;
	margin-top:15px;
	margin-right: 20px;
	font-size:0.8em;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-style:italic;
}

.espace_image
{
	margin-right:5px;
	border: 1px solid #000000;
	margin-bottom: 10px;
	margin-left: 10px;
}

.image_centree
{
	text-align:center;
}

.date_news
{
	text-indent:0px;
	padding-left: 25px;
	line-height: 25px;
	font-size: 0.85em;
	color: #FC9400;
	border-bottom: 1px dotted #FC9400;
	display: block;
	margin-left: 0px;
	
}






.p_f_projet
{
	font-size:1em;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 150px;
	margin-right: 50px;
	line-height: 20px;
}


.titre_pole
{
	margin-left:5px;
	margin-top: 50px;
	margin-bottom: 50px;
}


.pole_cdt
{
	
}


.liens_ancre
{
	font-size:0,9em;
	font-family:"Times New Roman", Times, serif;
	color:#CCCCCC;
	margin-left:50px;
	margin-top:5px;
	font-style:italic;
	display: block;

}



.copyright
{
	padding-right: 20px;
	text-align:right;
	font-size:0.75em;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 0px;
}




.titre_seul
{
	width:913px;
	margin-left: 5px;
	padding-left: 37px;
	margin-top: 50px;
	margin-bottom:50px;
	background-repeat: no-repeat;
	background-image: url(../images/fd01_medias.png);
	padding-top: 5px;
	height: 50px;
}


.texte_orange
{
	color:#FF9900;
	font-size:1em;

}


.texte_blanc_sans_marge
{
	margin-left:0px;
	padding-left:0px;
	text-indent:0px;
	font-size:0.9em;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}


/* MENU================================================================================================================= MENU  */

#menu
{
	border:0px;
	width:940px;
	margin:0px;
	padding: 0px;
	font-size: 1.25em;
	font-weight:bold;
	display: block;
	
}


#menu li p
{
	padding: 0px 25px 0px 0px;
	font-size: 1em;
	text-align: center;
	line-height: 35px;
	display: block;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}


#menu ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	line-height: 35px;
}


#menu li
{
	display:inline;
	color:#FFFFFF;
	border:none;
	float: left;
	background-image: url(../images/fd_m01.gif);
	line-height: 35px;
	font-weight: normal;
	margin: 0;

	text-align: center;
}


#menu li a
{
	padding: 0px 25px;
	text-align: center;
	line-height: 35px;
	display: block;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}

#menu li a:hover, #menu li a:focus, #menu li a:active
{
	background-image: url(../images/fd_m02.gif);
	color: #FFFFFF;

}

#menu li2
{
	display:inline;
	color:#FFFFFF;
	border:none;
	float: left;
	background-image: url(../images/fd_m01.gif);
	line-height: 35px;
	font-weight: normal;
	margin: 0;

	text-align: center;
}

#menu li2 a
{
	padding: 0px 25px;
	text-align: center;
	line-height: 35px;
	display: block;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}


#menu li2 a:hover, #menu li2 a:focus, #menu li2 a:active
{
	background-image: url(../images/fd_m01.gif);
	color: #FFFFFF;

} /* a supprimer quand ttes les pages seront faites!!!!!*/

#menu li ul{
		background:#333333;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:125px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
		
#menu li:hover ul{
		display:block;
		
		}
	#menu li li {
		background-image: url(../images/fd_m01.gif);
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:125px;
		}
	#menu li:hover li a{
		background:none;
		
		}
	#menu li ul a{
		display:block;
		height:35px;
		font-weight: normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#menu li ul a:hover, .menu li ul li:hover a{
			background-image: url(../images/fd_m02.gif);
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}

#menu li li2 {
		background-image: url(../images/fd_m01.gif);
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:125px;
		}
	#menu li:hover li2 a{
		background:none;
		
		}
	#menu li ul a{
		display:block;
		height:35px;
		font-weight: normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#menu li2 ul a:hover, .menu li2 ul li2:hover a{
			background-image: url(../images/fd_m01.gif);
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}    /* a supprimer quand ttes les pages seront faites!!!!!*/


#menu li.actif a
{
	padding: 0px 25px;
	text-align: center;
	line-height: 35px;
	display: block;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/fd_m02.gif);
}
/* FIN MENU================================================================================================================= FIN MENU  */



/* SOUS MENU =============================================================================================================== SOUS MENU */



/* SOUS MENU =============================================================================================================== SOUS MENU */


/*     IMAGES     *//*     IMAGES     *//*     IMAGES     *//*     IMAGES     *//*     IMAGES     *//*     IMAGES     */

.img_gauche
{
	float:left;
	margin-right:10px;
	margin-bottom:30px;
	
	
}




/*     IMAGES     *//*     IMAGES     *//*     IMAGES     *//*     IMAGES     *//*     IMAGES     *//*     IMAGES     */


/*DIV DIV DIV DIV DIVDIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV */



div#bandeau_tete
{
	margin-top:0px;
	height:70px;
	width:100%;
	background-image:url(../images/fond_BH.jpg);
	text-align:left;
}

div#bandeau_tete img
{
	border:none;	
}






div#conteneur
{
	width: 965px;
	height:auto;
	/*height: auto;*/
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/fd_conteneur01.png);
	background-repeat: repeat-y;

}




div#blocmenu
{
	height:35px;
	width:945px;
	text-align: left;
	margin-top:5px;
	margin-left: 10px;
	vertical-align: middle;
	background-image: url(../images/fd_m01.gif);
	
}




div#menu_pole
{
	width:945px;
	height:80px;
	text-align:center;
	padding-top:40px;
	margin-left:5px;
	background-image: url(../images/fd_menu_poles.png);
	background-repeat: repeat-x;
	clip: rect(10px,auto,auto,5px);

}




div#header
{
	width:955px;
	height: 300px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color:#000000;
	
}


div#contenu
{
	width:965px;
	/*padding: 50 5px 0 5px ;*/
	border: 2px none #333333;
	color:#333333;
	padding: 0px;
	margin-top:40px;
	margin-bottom:25px;
}


div#bandeauprojet
{
	padding-top:20px;
	height:125px;
	border-bottom: 2px dotted #000 ;

}


.actualites {
	width:315px;
	height:200px;

}


/*BLOC BANDEAU PROJET============================================================================================================================*/

.container_projet
{
	width:850px;
	height:200px;
	margin-top:20px;
	margin-left:5px;
	background-image:url(../images/bandeau_projet02.jpg);
	text-align: left;
	padding-left: 47px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 20;
}

.container_projet p
{
	font-size:0.9em;
	width:450px;
	height:110px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 350px;
	padding-top: 10px;
	padding-left: 0px;
	margin-bottom:0px;
	padding-top:0px;
	
}


.container_projet h1
{
	font-size: 1.4em;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: lighter;
	height:20px;
	margin-left:350px;
	margin-top: 0px;
}







.icone_cp
{
	width:100px;
	height:20px;
	margin-top: 0px;
	margin-right: 5px;
	text-align:right;
	position: absolute;
	padding-left: 0px;
	margin-left:750px;
	padding-top: 173px;
	z-index: 1;	
	
}

.icone_img
{
	height:20px;
	width:20px;
	margin-left:5px;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-top: 2px solid #111;
	z-index:10;
}


.icone_img:hover{border-top: 2px solid #FF9900;
	text-decoration:none;
	}

	
	
	
	
	
.image_cp
{
	height: 190px;
	float: left;
	border:none;
	z-index:200;
}

.domaine_E
{
	background-color:#FFFFFF;
	height:190px;
	width:30px;
	margin-right: 1px;
	background-image: url(../images/domaines_EVE.jpg);
	float: left;
}


.domaine_A
{
	background-color:#FFFFFF;
	height:190px;
	width:30px;
	margin-right: 1px;
	background-image: url(../images/domaines_ARCHI.jpg);
	float: left;
}


.domaine_I
{
	background-color:#FFFFFF;
	height:190px;
	width:30px;
	margin-right: 1px;
	background-image: url(../images/domaines_IND.jpg);
	float: left;
}



.domaine_P
{
	background-color:#FFFFFF;
	height:190px;
	width:30px;
	margin-right: 1px;
	background-image: url(../images/domaines_PRESTA.jpg);
	float: left;
}



/*BLOC BANDEAU PROJET============================================================================================================================*/






/*============================================================================================================================ infos projets*/

.corps_infos_projet
{
	width:965px;
	height:100%;
	padding-top: 50px;
	margin-bottom: 50px;
}



.infos_projet{
	width:200px;
	margin-top:155px;
	background-image:url(../images/infos_projets.png);
	background-repeat:repeat-y;
	/*margin-left: 708px;*/
	margin-top: 0px;
	min-height: 150px;
	padding-top: 0px;
	/*margin-bottom: 20px;*/
	/*	position: absolute;*/
	left: 197px;
	height: 100%;
	}
.infos_projet p{
	text-indent:0px;
	font-size:0.9em;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:5px;
}

.infos_projet h1{
	font-size:1em;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:5px;
	border-bottom:1px solid #666;
	font-weight:bold;
}


.infos_projet:link{color:#FFFFFF;
	text-decoration:none;
	}
.infos_projet:visited{color:#FFFFFF;
	text-decoration:none;
	}
.infos_projet:hover{color:#FF9900;
	text-decoration:none;
	}
.infos_projet:active{color:#CCCCCC;
	text-decoration:none;
	}


/*============================================================================================================================ infos projets*/





/*BLOC POLE============================================================================================================================*/





.pole_clientA
{
	width:913px;
	height:100%;
	margin-top: 5px;
	margin-bottom: 75px;
	margin-left: 5px;
	padding-left:47px;
	padding-top: 5px;

/*		width:845px;
	height:370px;
	margin-top: 60px;
	margin-bottom: 75px;
	margin-left: 60px;
*/
}



.pole_clientA h1
{
	font-size: 1.4em;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: lighter;
	margin-top: 50px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.pole_clientA p
{
	margin-left: 0px;
	width: 475px;
	color: #FFFFFF;
	/*	height: 335px;*/
	height:100%;
	margin-bottom: 0px;
	margin-top: 15px;
	/*	background-image: url(../images/fd_texte_pole01.png);
*/	padding-bottom: 5px;
	padding-left: 45px;
	padding-right: 20px;
	padding-top: 0px;
	font-size: 1em;
	background-repeat: repeat-y;
	display: block;
	/*	background-image: url(../images/fd_pole02.gif);*/
	text-align: justify;
	min-height: 370px;
}


.pole_client_img
{
	width:300px;
	height:370px;
	margin-left:545px;
	margin-top: 5px;
	position: absolute;
}


.projet_dl
{
	width:125px;
	height:70px;
	margin-bottom: 0px;
	position: absolute;
	margin-left: 728px;
	margin-top: 0px;
}

.projet_dl img
{
	margin-bottom:10px;
	border: none;
}


.projet_dl2
{
	width:125px;
	height:70px;
	margin-bottom: 0px;
	margin-right: 0px;
	position: absolute;
	margin-top: 120px;
	margin-left: 225px;
}

.projet_dl2 img
{
	margin-top: 10px;
	border: none;
}

.projet_dl_fp
{
	width:125px;
	height:70px;
	margin-bottom: 0px;
	margin-left: 780px;	
/*	margin-top: 50px;*/
}

.projet_dl_fp img
{
	margin-bottom:10px;
	border: none;

}

/*BLOC POLE============================================================================================================================*/






/*IMAGES============================================================================================================================*/



.diapos img
{
	border-color: #000;
	border-style:solid;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 15px;
	box-shadow: 0px 0px 8px #000;
	-moz-box-shadow: 0px 0px 8px #000;
	-webkit-box-shadow: 0px 0px 8px #000;
	
}

.diapos
{
	width:913px;
	padding-left:47px;
	margin-left: 5px;
	margin-bottom: 75px;
	margin-top: 0px;
}


.ligne
{
	margin-left:10px;
	margin-top: 5px;
	
}



/* images illustrant le texte du projet===========*/
.diapos_cdt
{
	margin-right: 60px;
	border-color: #333;
	border-style:solid;
	box-shadow: 0px 0px 8px #000;
	-moz-box-shadow: 0px 0px 8px #000;
	-webkit-box-shadow: 0px 0px 8px #000;

}

/* 1ere image en tete de la fiche du projet===========*/
.head_img_pr
{
	width:850px;
	height:100px;
	background-color:#666666;
	margin-bottom: 50px;
	margin-left: 52px;
	display: block;
}


/* image entre deux paragraphes - centrée en largeur ===========*/
.img_inser
{
	margin-left: auto;
	margin-right: auto;
	width: 845px;
	margin-top:40px;
	margin-bottom:80px;
}

/*IMAGES============================================================================================================================*/



/*PAGE MEDIAS============================================================================================================================*/


.images_MEDIAS
{
	width:913px;
	margin-left: 5px;
	padding-left: 47px;
	margin-top: 0px;
	margin-bottom: 75px;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.images_MEDIAS h1
{
	font-size: 1.4em;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: lighter;
	margin-top: 50px;
	margin-left: 5px;
	margin-bottom: 10px;
	}


.images_MEDIAS p
{
	margin-left:0px;
	padding-left:0px;
	max-width: 850px;
}



.img_MEDIAS
{
	border: 5px solid #000;
	height: 100px;
	width: 150px;
	padding: 0px;
	margin: 4px;
}

.img_MEDIAS:hover{
	border: 5px solid #FF9900;
}

.bloc_demo
{
	width:350px;
	height:200px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../images/fd_bloc_menu01.png);
}


.bloc_demo p
{
	margin-left:0px;
	margin-top:5px;
	margin-bottom:0px;
	padding-left:0px;
	text-indent:0px;
	width:200px;
	height:75px;
	display:block;
}

/*Les éléments suivants permettent d'ajouter le domaine (Archi, presta...) en superposition à l'image du projet:
- mettre l'image juste après l'ouverture de la div bloc_demo
- mettre la classe nécéssaire
*/
.demoA
{
	position:absolute;
	width:40px;
	height:100px;
	margin-left:0px;
	margin-top:0px;
	padding-left:0px;
	padding-top:0px;
}



/*  videos   */

.demoB
{
	position:absolute;
	width:350px;
	height:100px;
	margin-left:0px;
	margin-top:0px;
	padding-left:0px;
	padding-top:0px;
}



.bloc_video
{
	width:900px;
	height:125px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../images/fd_bloc_video.png);
}

.bloc_video p
{
	margin-left:360px;
	text-indent:0px;
	width:350px;
}

.bloc_video h4
{
	margin-left:360px;
	text-indent:0px;
	margin-top:0px;
}


/*PAGE MEDIAS============================================================================================================================*/


/*PAGE PLAN DU SITE ============================================================================================================================*/

.pds
{
	width:400px;
	height:100%;
	margin-left:52px;
	margin-top:50px;
	padding-bottom: 50px;
}

.pds h1
{
	margin-left:0px;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
}

.pds h2
{
	font-size: 1.1em;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: lighter;
	margin-top: 5px;
	margin-left: 40px;
	margin-bottom: 0px;
	background-image:none;
	height: 100%;
	width: 100%;
	display: block;
	padding-left: 0px;
	padding-top: 0px;
	list-style:disc;
	font-style: italic;
}

.pds:link{color:#FFFFFF;
	text-decoration:none;
	}
.pds:visited{color:#FFFFFF;
	text-decoration:none;
	}
.pds:hover{color:#FF9900;
	text-decoration:none;
	}
.pds:active{color:#CCCCCC;
	text-decoration:none;
	}




/*WEB PLAYER ============================================================================================================================*/


.webplayer{
	width:640px;
	height:480px;
	left50%;
	margin-left:167.5px;
	margin-top:100px;
	margin-bottom:150px;
}



/*WEB PLAYER ============================================================================================================================*/


/*PAGE PLAN DU SITE ============================================================================================================================*/

/*============================================================================================================================MENTIONS LEGALES*/

.ml{
	width:850px;
	margin-left:52px;
	margin-bottom:100px;
}

.ml p{
	text-indent:0px;
	font-size:1.1em;
}

.ml h1{
	margin-left:47px;
}

/*============================================================================================================================MENTIONS LEGALES*/


/*    contacts         contacts         contacts         contacts         contacts         contacts         contacts         contacts     */

.sous_menu
{


	margin-top: 50px;
	margin-left: 5px;
	margin-bottom: 10px;
	background-image: url(../images/fd01_mediash2_1.png);
	height: 70px;
	background-repeat: no-repeat;
	width: 913px;
/*	display: block;
*/	padding-left: 47px;
	padding-top: 15px;
	padding-bottom: 20px;

}



#s_menu
{
	border:0px;
	width:940px;
	margin:0px;
	padding: 0px;
	font-size: 1.25em;
	font-weight:bold;
	display: block;
	
}

#s_menu li p
{
	padding: 0px 25px 0px 0px;
	font-size: 1em;
	text-align: left;
	display: block;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}


#s_menu ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}


#s_menu li
{
	display:inline;
	color:#FFFFFF;
	border:none;
	float: left;
	line-height: 35px;
	font-weight: normal;
	margin: 0;

	text-align: left;
}


#s_menu li a
{
	padding: 0px 25px 0px 0px;
	text-align: left;
	line-height: 35px;
	display: block;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}

#s_menu li a:hover, #s_menu li a:focus, #s_menu li a:active
{
	color: #FF9900;

}






/*    contacts         contacts         contacts         contacts         contacts         contacts         contacts         contacts     */



p#footer
{
	margin: 0;
	padding-top:15px;
	line-height: 30px;
	text-align: center;
	color: #FC9400;
	width: 955px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
 
 
.foot
 {
	height:20px;
	text-align:right;
	position:relative;
	padding-top:50px;
	padding-bottom:20px;
	margin-bottom:0px;
	margin-left:5px;
	background: url(../images/footer1.png) no-repeat left top;
	color:#FFFFFF;
	top: 0;
	left: 0;
	width: 920px;
	padding-right: 40px;
	
 }

.foot p
{
	/*padding-bottom:0px;
	text-align:right;
	text-indent:none;
	font-size:0.75em;
	margin-bottom: 0px;*/
	font-size:0.75em;
	margin-left: 52px;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:27px;
	max-width: 100%;
}