/* CSS de l'index*/

/*Permet de casser la "floataison" pour passer à la ligne les 3 autres images*/

.spacer {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	font-family:Lucida Sans;
	font-size:11pt;
}

/*Définir tout les liens*/
a{
text-decoration:none;/*pas souligné*/
font-size:11pt;/*taille ecriture*/
font-family:Lucida Sans;/*police*/

} 

/***************************************************************************************Construction de page ****************************************************************************/
/*le site */
#site {
	width: 1200px;/*Taille du site*/
	margin: auto;/**/
	padding: 0px;/**/
	font-family:Lucida Sans;/*police*/
	font-size:11pt;/*taille de la police*/
}

/*colone de droite avec le menu*/
#col_droite {
	float: left;/*floataison à gauche*/
	font-family:Lucida Sans;/*police*/
	font-size:11pt;/*taille de la police*/
}
/*colone du centre avec le contenu*/
#col_centre {
	margin-left: 80px;/*marde de 100 par rapport au menu*/
	float: left;/*floataison a gauche*/
	width: 620px;/*tailel du centre*/
	font-family:Lucida Sans;/*police utilise*/
	font-size:11pt;/*taille de la police*/
}
/*couleur des liens sous les descriptions acceuil*/
#col_centre a {
	color: #FF7400;	/*orange*/
}

/*colonne de gauche avec image*/
#col_gauche {
	font-family:Lucida Sans;/*police*/
	font-size:11pt;/*taille de la police*/
	float: left;/*floataison à gauche*/
}


/*bas de la page*/
#finPage{
	position: absolute;/**/
	margin-top: 630px ;/*marge en haut*/
	margin-left:40%;/*marge gauche*/
	width: 770px;/*largeur*/
	height: 50px;/*hauteur*/
	border: 0px #000000 solid;/**/
	clear:both; /*Place le pied en element flottant*/
	color: grey;/*couleur grise*/
	font-family:Lucida Sans;/*police*/
	font-style: italic;/*style de la police: italique*/
	font-size:11pt;/*taile de la police*/
} 


/*mention légales*/
#finPage a{
	color: grey;/*couleur grise */
	/*margin-left:10%;petit décalage pour centrer avec la copyright*/
} 
#finPage span{
	margin-left:5%;/*petit décalage pour centrer avec la copyright*/
} 
/***********************************************************************************PLAN************************************/
/**/
a:focus {
	font-family:Lucida Sans;/*police*/
	outline: none;/**pas de contour/
	font-size:11pt;/*taille police*/
}
/**/
.panel {
	font-family:Lucida Sans;/*police*/
	background: #fff;/*fond */
	height: 250px;/*hauteur*/
	display: none;/**/
	font-size:11pt;/*taille*/
}
/**/
.slide {
	font-family:Lucida Sans;/*police*/
	margin: 0px;/*marge*/
	padding: 0px;/*marge intérieur*/
	border-top: solid 4px #fff;/**/
	font-size:11pt;/**/
}
/**/
.active {
	font-family:Lucida Sans;/**/
	background-position: right 12px;/**/
	font-size:11pt;/**/
}
/************************************************************************************** Les autres pages *********************************************************************************/
/**/
#imageTitre{
	font-family:Lucida Sans;/**/
	margin-bottom: 20px;/**/
	font-size:21px;/*taille du texte*/
	font-weight:bold;/*grosseur du texte*/
	color: #FF7400;/*couleur du texte*/	
}
 /**/
 #imageTitre #text{
 font-family:Lucida Sans;/**/
	margin-left:5px;/*decalage par rapport au logo TCM*/
	text-shadow:0.5px 0.5px 0.5px grey ; /*faire une ombre*/
	line-height:50px;/**/
	font-size:13pt;/**/
 }


 /**/
#imageTheme{

font-family:Lucida Sans;
	float: left;
	font-size:11pt;
}


/*La liste de chaque page avec les fleches*/
ul .fleche{
	font-family:Lucida Sans;/*police*/
	font-size:11pt;/*taille*/
	width: 450px;/*longueur*/
	float: left;/*le mettre a coté de l'image*/
 }
 /*chauque point de la liste*/
.fleche li{ 
	font-family:Lucida Sans;/*police*/
	list-style-type:none;/*on retire les puces*/
	background-image: url('images/fleche.gif');/*pour le remplacer par des fleches*/
	background-repeat: no-repeat;/*une seul occurence de l'image*/
	margin-left:90px;/*decolage du bloc vers la gauche*/
	font-size:11pt;/*taille police*/
	line-height:17px;/*espace entre chaque ligne*/
 }

 /*permet au texte de ne pas se glisser sous la fleche*/
 .decalageListe{
	margin-left:25px;/*decalage par rapport à la puce*/
 }
 
/**/
#bonneQuestion img{
	font-family:Lucida Sans;/**/
	width:35px;/**/
	height:35px;/**/
	font-size:11pt;/**/
 }
 
 /**/
 #bonneQuestion {
	font-family:Lucida Sans;/**/
	float: left;/*floataison à gauche*/
	color:#FF7400;/*couleur du text*/
	font-size:18px;/*taille du texte*/
	font-weight:bold;/*grosseur du texte*/
 }
 
 /**/
#exemple{
	font-family:Lucida Sans;/**/
	margin-left: 70px;/**/
	float: left;/**/
	color:#FF7400;/*couleur du text*/
	font-size:18px;/*taille du texte*/
	font-weight:bold;
}

/**/
 #exemple img{
	font-family:Lucida Sans;/**/
	width:35px;/**/
	height:35px;/**/
	font-size:11pt;/**/
 }
 
 
 /**/
#text1{
	font-family:Lucida Sans;/**/
	width: 250px;/**/
	float: left;/**/
	line-height:18px;/*espace entre chaque ligne*/
	font-size:11pt;/**/
 }
 
 /**/
#texteFond{
	font-family:Lucida Sans;/**/
	margin-left: 50px;/**/
	width: 260px;/**/
	float: left;/**/
	background-color:#FF7400;/**/
	color: #fff;/**/
	font-size:11pt;/**/
 }
 /**/
#texteFond a{
	font-family:Lucida Sans;/**/
	color: white;/**/
	font-size:11pt;/**/
 }
 /**/
#texte2{
	font-family:Lucida Sans;/**/
	margin: 10px 20px 10px 20px ;/**/
	line-height:18px;/**/
	font-size:11pt;/**/
 }
 /************************************formation*****************************/
 /**/
 .contactnous a{
	font-family:Lucida Sans;/**/
	margin-left:50px;/**/
	color: #FF7400;/**/
	font-weight: bold;/**/
	font-size:16pt;/**/
 }
 
 /**/
 #imprimer{
	font-family:Lucida Sans;/**/
	margin-left: 500px;/**/
	font-size:11pt;/**/
 }

 /**/
 #telecharger a{
	font-family:Lucida Sans;/**/
	margin-left: 300px;/**/
	font-size:11pt;/**/
	color: #FF7400;/**/
	font-weight: bold;/**/
 }
 
 
 /***********************************Alliance***/
 /**/
 #image1_alliance{
	font-family:Lucida Sans;/**/
	font-size:11pt;/**/
	float: left;/**/
 }
 
 /**/
 #texte1_alliance{
	font-family:Lucida Sans;/**/
	font-size:11pt;/**/
	margin-left: 10px;/**/
	float: left;/**/
	width: 150px;/**/
 }
 
 /**/
 #image2_alliance{
	font-family:Lucida Sans;/**/
	float: left;/**/
	font-size:11pt;/**/
	margin-left: 30px;/**/
 }
 
 
 /**/
 #texte2_alliance{
	font-family:Lucida Sans;/**/
	float: left;/**/
	width: 160px;/**/
	margin-left: 10px;/**/
	font-size:11pt;/**/
 }
 
 /**/
  #autre{
	font-family:Lucida Sans;/**/
	float : left;/**/
	font-size:11pt;/**/
  }
 
/**************************************************************************************Fin des autres pages *********************************************************************************/

/********************************************************************************Fin de Construction de page ****************************************************************************/


/************************************************************************************Page d'acceuil***********************************************************************************/
/**/
#actu {
	font-family:Lucida Sans;/**/
	margin-bottom: 20px;/**/
	font-size:11pt;/**/
}
/**/
#visage {
	margin-left: 45px;/**/
	font-family:Lucida Sans;/**/
	font-size:11pt;/**/
}

/*Chaque type d'image*/
/**/
#servconso {
	width: 200px;/**/
	font-family:Lucida Sans;/**/
	float: left;/**/
	font-size:11pt;/**/
}
/**/
#metek {
	font-family:Lucida Sans;/**/
	width: 200px;/**/
	float: left;/**/
	font-size:11pt;/**/
}

/**/
#marketing {
	width: 200px;/**/
	font-family:Lucida Sans;/**/
	float: left;/**/
	font-size:11pt;/**/
}

/**/
#formation {
	float: left;/**/
	width: 200px;/**/
	font-family:Lucida Sans;/**/
	font-size:11pt;/**/
}

/**/
#main {
	width: 200px;/**/
	float: left;/**/
	font-family:Lucida Sans;/**/
	font-size:11pt;/**/
}

/**/
#recrutement {
	width: 200px;/**/
	font-family:Lucida Sans;/**/
	float: left;/**/
	font-size:11pt;/**/
}
/*fin des images par theme */

/*****************/
/**/
#tableau{
	margin-top: 30px;/**/
}

#planSite{
	color:#FF7400;/*couleur du text*/
	font-size:16px;/*taille du texte*/
}

#planSite p{
	margin-right:60px;
	float: left;
}




/******************************************************************************Fin page acceuil************************************************************************************************/


/***************************************************************************************************Construction du Menu****************************************************************************************/

/************************adresseEntrerpise**********************/
/**/
#tcm{
	float: left;/**/
}
/**/
#adresse{
	float: left;/**/
	margin-left: 100px;/**/
	margin-top: 40px;/**/
	margin-bottom: 50px;/**/
	border-color:#FF7400;/**/
	border-style:outset;/**/
	background-color:#FF7400;/**/
	color: white;/**/
}

/**/
#soeur{
	margin-top: 70px;/**/
	float : left;/**/
	margin-left: 60px;/**/
}

/**/
#texteSoeur{
	margin-top: 70px;/**/
	float: left;/**/
	border-color:#FEC4A5;/**/
	border-style:outset;/**/
	background-color:#FF7400;/**/
	color:white;/**/
}

/**/
#texteSoeur a{
	color: white;/**/
}

#elisabeth
{

}
#berangere{

}
   
   /************************************************************************************************* fin du Menu*********************************************************************************************/