/* ---------------CSS commun à toute les pages--------------------*/

.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #000000;
	background-color: #F7F7F7;
}
/* ---------------CSS menu site--------------------*/

.conteneur_menu{/* ---------------div qui contient l'ensemble du menu--------------------*/
	height:80px;
}

#logo{/* ---------------agit sur le placement du logo--------------------*/
	position:relative;
	margin-top: 40px;
	margin-left:6px;
}

#background_menu{/* ---------------agit sur le placement de l'image de fond (menu)--------------------*/
	height:37px;
	position:relative;
	top: -64px;
	margin-left: 90px;
}

/*----------------------Placement du texte dans le menu----------------------------------*/
#acceuil_menu{
	padding-top:40px;
	height:37px;
	position:relative;
	top: -138px;
	margin-left: 109px;
}

#applications_menu{
	height:37px;
	position:relative;
	top: -175px;
	margin-left: 215px;
}

#sites_menu{
	position:relative; 
	top:-212px; 
	margin-left:445px; 
}

#contact_menu{
	position:relative; 
	top:-226px; 
	margin-left: 528px;
}

/* ---------------CSS du sous menu applications_mobiles et serveurs--------------------*/

#placement_menu_appli{
	position:relative;
	margin-left: -6px;
}

#iphone_placement{
	position:relative; 
	top:5px; 
	margin-left:-50px;
}

#java_placement{
	position:relative;
	top: -9px; 
	margin-left:68px;
}

#windows_mobile_placement{
	 position:relative; 
	 top: -23px; 
	 margin-left:170px;
}

#serveurs_placement{
	position:relative; 
	top: -37px; 
	margin-left: 330px;
}

/* ---------------CSS du menu sites internet--------------------*/

#contact_menu_site{
	position:relative;
	top:-254px; 
	margin-left:528px;
}

#referencement_placement{
	position:relative;
	top:5px; 
	margin-left:-230px;
}

#realisation_placement{
	position:relative; 
	top:-9px; 
	margin-left:37px;
}

/* ---------------CSS de la page presentation_identification_content.php--------------------*/
#presentation{
	position: relative;
	padding: 0px;
	top: 10px; 
}

#texte_presentation{
	position:relative;
	margin-top: -84px;
	margin-left: 11px;
	margin-right: 242px;
	text-align:justify;
	font-weight:bold;
}

#texte_identification{
	position:relative; 
	top: -110px; 
	right: -480px;
}

#ens_cadre_identification{
	position:relative;
	top: 95px;
}

#identification{
	float:right;
	position:relative;
	top:-99px;
	right:70px;
}

#mdpoublie{
	position:relative; 
	top: -155px; 
	right: -480px;
}

.champs{
	position:relative;
	top:-88px;
	left: 10px;
}

#etoile_champs{
	color: #990000;
}

input.login {
	color: #193454;
	text-align: center; 
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #193454;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-top: -1px;
	width:90px;
}

input.password{
	color: #193454;
	text-align: center; 
	font-size: 12px;
	padding-bottom: 2px;
	background-color: #FFFFFF;
	border: 1px solid #193454;
	margin-top:12px;
	width:90px;
}

#bouton_ok{
	position:relative;
	top: -124px;
	right: -50px;
	margin-left:70px;
}

#lien{
	position:relative;
	top: -2px;
	right: -10px;
}


#placement_mess_error{
	position:relative;
	top: -165px;
	right: -430px;
	font-size: 11px;
	font-weight:normal;
	color:#ff0000;
}

#identifier{
	position:relative;
	top: -90px;
	right: -220px;
	text-align: center; 
	font-size: 12px;
	font-weight:bold;
	color:#295d7f;
}

#bouton_deconnection{
	position:relative;
	top: -74px;
	right: -460px;
}

#deconnection{
	position:relative;
	top: 5px;
	right: -12px;
}

#texte_message_ok{
	position:relative;
	top: -337px;
	right: -112px;
}

#texte_message{
	position:relative;
	top: -337px;
	right: -182px;
}

#texte_retour_1{
	position:relative;
	top: -310px;
	right: 160px;
}

#texte_retour_2{
	position:relative;
	top: -310px;
	right: 9px;
}
/* ---------------CSS de la page realisations_content.php--------------------*/
#realisation{
	position: relative;
	padding: 0px;
	top:-58px;
	margin-bottom: 10px;  
}

#texte_realisations{
	position:relative;
	top: -342px;
	right: -48px;
}

#tableau_realisation{
	position:relative;
	top: -332px;
}

#texte_realisation1{
	position:relative;
	top: -456px;
	left:32px;
	margin-left: 10px;
	margin-right: 478px;
	text-align:justify;
}

#texte_realisation2{
	position:relative;
	top: -552px;
	left:234px;
	margin-left: 10px;
	margin-right: 478px;
	text-align:justify;
}

#texte_realisation3{
	position:relative;
	top: -636px;
	left:434px;
	margin-left: 10px;
	margin-right: 478px;
	text-align:justify;
}

#bouton_voir_1{
	position:relative;
	top: -621px;
	right: -145px;
	border:0;
}

#voir_1{
	position:relative;
	top: -635px;
	right: -115px;
}

#bouton_voir_2{
	position:relative;
	top: -647px;
	right: -345px;
	border:0;
}

#voir_2{
	position:relative;
	top: -661px;
	right: -315px;
}

#bouton_voir_3{
	position:relative;
	top: -674px;
	right: -550px;
	border:0;
}

#voir_3{
	position:relative;
	top: -687px;
	right: -505px;
}

/* ---------------CSS de la page applications_mobiles_serveurs.php--------------------*/
#image_appli{
	position:relative;
	top:10px;
}

#background_appli{
	position: relative;
	padding: 0px;
	top:27px;
	margin-bottom: 10px;  
}

#tableau_appli{
	position:relative;
	top: -428px;
}

#bouton_iphone{
	position:relative;
	top: -14px;
	margin-left:4px;
	border:0;
	width:20px;
}

#bouton_java{
	position:relative;
	top: -14px;
	margin-left:5px;
	border:0;
	width:20px;
}

#bouton_win{
	position:relative;
	top: -21px;
	margin-left:5px;
	border:0;
	width:20px;
}

#bouton_serveurs{
	position:relative;
	top: -15px;
	margin-left:5px;
	border:0;
	width:20px;
}

#titre_iphone{
	position:relative;
	top: 7px;
	margin-left:30px;
}

#titre_java{
	position:relative;
	top: 7px;
	margin-left:29px;
}

#titre_win{
	position:relative;
	top: -1px;
	margin-left:30px;
}

#titre_serveurs{
	position:relative;
	top: 6px;
	margin-left:30px;
}

#texte_iphone{
	position:relative;
	top: -6px;
	margin-left:10px;
}

#texte_java{
	position:relative;
	top: -4px;
	margin-left:10px;
}

#texte_win{
	position:relative;
	top: -9px;
	margin-left:10px;
}

#texte_serveurs{
	position:relative;
	top: -5px;
	margin-left:10px;
}

/* ---------------CSS de la page applications_iphone_content.php--------------------*/
#image_iphone{
	position:relative;
	top:10px;
}

#background_iphone_rea{
	margin-top:25px;
}

#tableau_gauche_realisation{
	margin-top:-400px;
}

#titre{
	position:relative;
	top: 14px;
	right: -48px;
	width:40px;
}

#titre2{
	position:relative;
	top: -34px;
	right: -28px;
	width:40px;
}

#tableau_droite_realisation{
	margin-top:-400px;
	margin-left:240px;
}

/* ---------------CSS de la page plan_content.php--------------------*/
td.fond{
   background-image: url('img/plan.png');
}

#placement_plan_contact{
	margin-top: 4px; 
	height:50px;
}

/* ---------------CSS de la page sites_internet_content.php--------------------*/

#background_site{
	padding: 0px;
	margin-top:23px; 
}

#tableau_site{
	position:relative;
	top: -308px;
}


/* ---------------CSS de la page contact_content.php--------------------*/
#tableau_contact{
	margin-top:-412px;
}

#champs_obligatoires{
	margin-top:-50px;
	margin-left:420px;
}


/*-----------------CSS partie bas site (réglaques selon les pages)----------------------*/

#navbas{
	position:relative;
	top:-684px;
}

#placement_plan_iphone{
	margin-top: 3px; 
	height:50px;
}

#placement_plan_java{
	margin-top: 3px; 
	height:50px;
}

#placement_plan_win_mob{
	margin-top: 3px; 
	height:50px;	
}

#placement_plan_serveurs{
	margin-top: 3px; 
	height:50px;
}

#placement_plan_sites{
	margin-top: -214px; 
	height:50px;
}

#placement_plan_ref{
	margin-top: 3px; 
	height:50px;
}

#placement_plan_rea_site{
	margin-top: 3px; 
	height:50px;
}

#placement_plan_accueil{
	margin-top: -648px; 
	height:50px;
}

#placement_plan_appli{
	margin-top: -368px; 
	height:50px;
}

#placement_plan_message{
	margin-top: -3px; 
	height:50px;
}

#placement_bas_appli{
	margin-top:10px;
}

/* ---------------CSS pour la page qui liste les messages dans un tableau--------------------*/
.tab_messages { 
  border: 1px solid #35789a; /* contour du tableau */
  border-collapse: collapse;
  text-align:center;
}

thead{
	background-color:#dcdcdc;
	border:1px solid #35789a;
	font-size: 10px;
}

/* ---------------CSS pour les titres et les liens--------------------*/

.etoile{
	color: #990000;
}

.titres1 {
	font-size: 11px;
	color: #FFFFFF;
	font-weight:normal;
}

.titres1b {
	font-size: 11px;
	color: #D4D6D8;
	font-weight:normal;
}

.titres1c {
	font-size: 11px;
	color: #43D0F5;
}
.titres2 {
	font-size: 11px;
	color: #FFFFFF;
}

.titres3 {
	font-size: 14px;
	font-weight:bold;
	color: #000000;
}

.titres4 {
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
}

.titres5 {
	font-size: 10px;
	color: #173252;
}

.titres6 {
	font-size: 16px;
	font-weight:regular;
	color: #19526F;
}

.titres7{
	font-size: 13px;
	font-weight:bold;
	color: #000000;
}

.titres8{
	font-size: 13px;
	color: #000000;
}

.titres9{
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}

.titres10{
	font-size: 18px;
	font-weight:normal;
	color: #FFFFFF;
}

.titres11{
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
}

.titres12{
	font-size: 16px;
	font-weight:bold;
	color: #FFFFFF;
}

.titres13{
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}

.titres14{
	font-size: 11px;
	font-weight:bold;
	color: #43D0F5;
}

.titres15 {
	font-size: 12px;
	color: #173252;
}

/* ---------------action sur les liens hypertextes--------------------*/
a{
	text-decoration:none;
}

.decors_lien:hover{
	text-decoration: underline;
	color: #43D0F5;
}

a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

a img{
	border: none;
}