/* @override 
	http://localhost:8888/site_v3/css/mag-i.css
	https://www.mag-i.fr/css/mag-i.css
	http://localhost:8888/site_v11/css/mag-i.css
*/

/* CSS Document */

/*------------------------- */
/*     Balise générale      */
/*------------------------- */

body {
	background-color: #bababa;
	color: #868788;
	font-family: Trebuchet MS;
	margin: 0;
}

a {
	color: #cf79ac;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

.clear {
	clear: both;
}


h2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
}

h3 {
	margin: 0;
	padding: 0;
}


img {
	border: 0;
}

p {
	margin: 0;
	padding: 0;
}

strong {
	color: #4e4f50;
}

.blue {
	color: #2facb2;
}

.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

.texte_bleu {
	color: #00a4aa;
}

.texte_rose {
	color: #bc648f;
}

.texte_blanc {
	color: #ffffff;
}

.separation {
	padding: 0;
	margin: 0;
	clear: both;
}

li.puce01 {
 	list-style-image: url(../images/structure/puce01.png);
}

li.puce02 {
 	list-style-image: url(../images/structure/puce02.png);
}

li.puce03 {
 	list-style-image: url(../images/structure/puce03.png);
}

li.puce04 {
 	list-style-image: url(../images/structure/puce04.png);
}

li.puce05 {
 	list-style-image: url(../images/structure/puce05.png);
}

div.plus_rose {
	background-image: url(../images/plus_rose.png);
	width: 30px;
	height: 33px;
	text-indent: -300000px;
}

/*------------------------- */
/*          header          */
/*------------------------- */

#header {
	background: url(../images/structure/header.jpg) no-repeat;
	margin: 0 auto;
	height: 172px;
	width: 950px
}


	#header_img_mag-i {
		float: left;
		position: relative;
				top: 36px;
				left: 36px;
		z-index: 1;
	}
	
	#header_img_blizzpartners {
		float: left;
		position: relative;
				top: 85px;
				left: 120px;
		z-index: 3;
	}
	
	h1 {
		color: #ffffff;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		margin: 0;
		height: 20px;
		width: 230px;
		position: relative;
			top: 145px;
			left: -230px;
		z-index: 2;
	}
	
	#header h2 {
		color: #ffffff;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		margin: 0;
		height: 20px;
		width: 230px;
		position: relative;
			top: -25px;
			left: 426px;
		z-index: 4;
	}
	
	#header_choix-lang-fr {
		position: relative;
				top: 4px;
				left: 781px;
	}
	
	#header_choix-lang-en {
		position: relative;
				top: 4px;
				left: 783px;
	}
	


/*------------------------- */
/*   Structure du contenu   */
/*------------------------- */

#conteneur_general {
	background: url(../images/structure/mosaic_fond.gif) center repeat-y;
	margin: 0 auto;
	width: 950px
}

	#conteneur {
		background: url(../images/structure/mosaic_footer.gif) bottom repeat-x;
		margin: 0 auto;
		height: 100%;
		width: 878px;
	}
	
		#menu_top {
			/*border: 1px solid #b8ef4e;*/
			background: url(../images/structure/mosaic_top.gif) repeat-x;
			border-top: 1px solid #ffffff;
			height: 42px;
		}
		
			#menu_top ul{
				list-style-type: none;
				margin-left: 25px;
				margin-top: -1px;
				padding: 0;
				width: 878px;
			}
			
				#menu_top li {
					border-right: 1px solid #FFFFFF;
					float: left;
					margin: 0;
					padding: 3px 10px;
					}
					
						#menu_top li.noborder {
							border-right: none;
						}
						
							#menu_top a.non_select {
								color: #868788;
								font-size: 13px;
							}
							
							#menu_top a.select {
								color: #b91068;
								font-size: 13px;
							}
							
	
		#gauche {
	/*border: 1px solid #b8ef4e;*/
			float: left;
	position: relative;
	top: 0;
	width: 420px;
		}
		
			#gauche img#ordinateur {
				float: left;
			}
			
			#gauche h2 {
				float: left;
				line-height: 1.45em;
				width: 305px;
				
			}
			
			#gauche p#retards {
				font-size: 13px;
				font-weight: bold;
				line-height: 22px;
				padding-left: 7px;
			}
			
			#gauche p#gestion {
				color: #cf79ac;
				font-size: 13px;
				font-weight: bold;
				line-height: 22px;
				padding-left: 7px;
				padding-bottom: 10px;
			}
			
			#gauche #screen_flash {
				position: relative;
			}			
			
				#gauche img.screen {
					position: relative;
						left: 0px;
						top: 0px;
					z-index: 0;	
				}
				
				#gauche img.flash {
					position: absolute;
						left: 350px;
						top: 110px;
					z-index: 1;	
				}
				
				#gauche p.texte_flash {
					color: #ffffff;
					font-size: 12px;
					line-height: 15px;
					position: absolute;
						left:375px;
						top:142px;
					text-align: center;
					width: 80px;
					z-index: 2;	
				}			
			
			#gauche #bloc_lien {
				height: 180px;
				position: relative;
			}
			
				#gauche #bloc_lien img.bloc_partners {
					position: absolute;
						left: 0px;
						top: 0px;
					z-index: 0;	
				}
				
				
					#gauche #bloc_lien p.partners {
						color: #6c7076;
						line-height: 15px;
						position: relative;
							left: 85px;
							top: 10px;
						z-index: 1;
					}
					
					#gauche #bloc_lien p.rejoindre {
						color: #6c7076;
						line-height: 15px;
						position: relative;
							left: 85px;
							top: -3px;
						z-index: 2;
					}
								
				#gauche #bloc_lien img.bloc_demo {
					position: absolute;
						left:0px;
						top:92px;
					z-index: 10;	
				}
					
					#gauche #bloc_lien p.demo {
						color: #6c7076;
						line-height: 15px;
						position: relative;
							left: 85px;
							top: 20px;
						z-index: 11;
					}
					
					#gauche #bloc_lien span.dispo {
						color: #ffffff;
						font-size: 11px;
					}
					
					#gauche #bloc_lien a.dispo {
						color: #ffffff;
						font-size: 11px;
					}
								
				#gauche #bloc_lien img.bloc_cal {
					position: absolute;
						left: 270px;
						top: 2px;
					z-index: 20;	
				}
				
					#gauche #bloc_lien p.calendrier {
						font-size: 10px;
						line-height: 14px;
						position: absolute;
							left:275px;
							top: 55px;
							width: 160px;
						z-index: 21;
					}
						
			#gauche img#prix {
				position: relative;
				left: -14px;
			}
		
		#droit {
	/*border: 1px solid #b8ef4e;*/
			float: left;
	position: relative;
	top: 0px;
	width: 440px;
	left: 10px;
		}
		
			
			#droit img#apple-expo {
				float: left;
				position: relative;
					left: 56px;
			}
			
			#droit h2#info_apple {
				background: url(../images/mosaic_banniere_expo.gif) repeat-x;
				color: #888888;
				float: left;
				font-size: 13px;
				font-weight: normal;
				line-height: 17px;
				padding-top: 15px;
				position: relative;
					left: 56px;
				height: 91px;
				width: 175px;
			}
			
			#droit h2#dernieres_actus {
				background: url(../images/mosaic_banniere_expo.gif) repeat-x;
				color: #888888;
				float: left;
				font-size: 13px;
				font-weight: normal;
				line-height: 17px;
				padding-top: 15px;
				position: relative;
					left: 10px;
				height: 91px;
				width: 438px;
			}
			
			#droit h2 .dernieres_actus {
				font-size: 14px;
				font-weight: bold;
			}
			
				#droit a#lien_apple {
					color: #b81068;
				}
						
			#droit img#img_atouts {
				float: left;
				position: relative;
					top: -10px;
			}
			
			#droit h2#atouts {
				color: #2facb2;
				float: left;
				font-size: 32px;
				font-weight: normal;
				/*height: 55px;
				padding-left: 60px;
				padding-top: 10px;*/
				width: 350px;
			}
						
			#droit h3#st_atouts {
				color: #2facb2;
				float: left;
				font-size: 14px;
				font-weight: normal;
				/*position: relative;
					left: 62px;
					top: -35px;*/
				width: 350px;
			}
			
			#droit ul {
				font-size: 12px;
				margin-left: 60px;
				padding: 0;
				/*position: relative;
					top: -35px;*/
				width: 370px;
			}
				
				#droit li#puce01 {
				 	list-style-image: url(../images/structure/puce01.png);
					line-height: 18px;
					padding: 0 0 15px 0;
				}
				
				#droit li#puce02 {
				 	list-style-image: url(../images/structure/puce02.png);
					line-height: 18px;
					padding: 0 0 15px 0;
				}
				
				#droit li#puce03 {
				 	list-style-image: url(../images/structure/puce03.png);
					line-height: 18px;
					padding: 0 0 15px 0;
				}
				
				#droit li#puce04 {
				 	list-style-image: url(../images/structure/puce04.png);
					line-height: 18px;
					padding: 0 0 15px 0;
				}
				
				#droit li#puce05 {
				 	list-style-image: url(../images/structure/puce05.png);
					line-height: 18px;
					padding: 0 0 15px 0;
				}
				
				
/*------------------------- */
/* gestion contenu 1 colonne*/
/*------------------------- */						
				
		#center {
			/*border: 1px solid #b8ef4e;*/
			/*float: left;
			position: relative;
				top: 0px;
			width: 870px;*/
		}
		
			
			#center img#apple-expo {
				float: left;
				position: relative;
					left: 56px;
			}
			
			
			
			#center p#txt {
				font-size: 15px;
				font-weight: bold;
				line-height: 20px;
				padding-left: 20px;
			}
			
			.txt-intro {
				color: #2facb2;
				font-size: 15px;
				font-weight: bold;
				line-height: 20px;
				/*padding-left: 20px;*/
			}
			
			
			.txt-intro02 {
				color: #2facb2;
				font-size: 18px;
				font-weight: bold;
				line-height: 20px;
				margin-left: -25px;
				padding-left: 20px;
			}
			
			
			#center p#adresse {
				color: #cf79ac;
				font-size: 15px;
				font-weight: bold;
				line-height: 22px;
				padding-left: 60px;
				padding-bottom: 10px;
			}
			
			
			
			#center h2#info_apple {
				background: url(../images/mosaic_banniere_expo.gif) repeat-x;
				color: #888888;
				float: left;
				font-size: 13px;
				font-weight: normal;
				line-height: 17px;
				padding-top: 15px;
				position: relative;
					left: 56px;
				height: 91px;
				width: 175px;
			}
			
			#center h2#dernieres_actus {
				background: url(../images/mosaic_banniere_expo.gif) repeat-x;
				color: #888888;
				float: left;
				font-size: 13px;
				font-weight: normal;
				line-height: 17px;
				padding-top: 15px;
				position: relative;
					left: 10px;
				height: 91px;
				width: 438px;
			}
			
			#center h2 .dernieres_actus {
				font-size: 14px;
				font-weight: bold;
			}
			
				#center a#lien_apple {
					color: #b81068;
				}
						
			#center img#img_atouts {
				float: left;
				position: relative;
					top: -10px;
			}
			
			#center h2#atouts {
				/*border: 1px solid #b8ef4e;*/
				color: #2facb2;
				float: left;
				font-size: 32px;
				font-weight: normal;
				/*height: 55px;
				padding-left: 60px;
				padding-top: 10px;*/
				width: 800px;
			}
						
			#center h3#st_atouts {
				/*border: 1px solid #b8ef4e;*/
				color: #2facb2;
				/*float: left;*/
				font-size: 14px;
				font-weight: normal;
				/*position: relative;
					left: 62px;
					top: -35px;*/
				width: 870px;
			}
			
			#center h3#st_atouts02 {
				/*border: 1px solid #b8ef4e;*/
				color: #2facb2;
				/*float: left;*/
				font-size: 18px;
				font-weight: bold;
				position: relative;
					left: 20px;
					/*top: -35px;*/
				width: 830px;
			}
			
			#center ul {
				/*border: 1px solid #b8ef4e;*/
				font-size: 12px;
				margin-left: 60px;
				padding: 0;
				/*position: relative;
					top: -35px;*/
				width: 800px;
			}
				
				#center li#puce01 {
				 	list-style-image: url(../images/structure/puce01.png);
					line-height: 18px;
					padding: 0 0 15px 0;
				}
				
				#center li#puce02 {
				 	list-style-image: url(../images/structure/puce02.png);
					line-height: 18px;
					padding: 0 0 15px 0;
				}
				
				#center li#puce03 {
				 	list-style-image: url(../images/structure/puce03.png);
					line-height: 18px;
					padding: 0 0 15px 0;
				}
				
				#center li#puce04 {
				 	list-style-image: url(../images/structure/puce04.png);
					line-height: 18px;
					padding: 0 0 15px 0;
				}
				
				#center li#puce05 {
				 	list-style-image: url(../images/structure/puce05.png);
					line-height: 18px;
					padding: 0 0 15px 0;
				}


/* Partie Formulaire Bêta */

#txtInscriptionOk, #txtInscriptionImpossible, #txtErreurServeur{
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 20px;
}

#txtInscriptionOk {
	display: none;
}

#txtInscriptionImpossible {
	display: none;
}

#txtErreurServeur {
	display: none;
}

form#form_inscription {
	width: 750px;
	position: relative;
	margin-left: 50%;
	left: -375px;
}

ul#form_partie_gauche {
	width: 300px;
	float: left;
	margin: 0 0 0 100px;
	padding: 0;
	list-style-position: outside;
}

ul#form_partie_droite {
	width: 300px;
	float: right;
	margin: 0;
	padding: 0;
}

#form_inscription div{
	margin: 0;
	padding: 0;
	text-align: center;
}

#form_inscription .form_saisie {
	width: 200px;
}

#form_inscription textarea.form_saisie {
	height: 50px;
}

#form_inscription span.legend {
	color: #cf79ac;
}

#form_inscription span.etoile {
	color: #cf79ac;
}

#form_inscription h3 {
	margin-bottom: 20px;
}

/* Formulaire réservation */

ul#newsletter_type {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	text-align: left;
	list-style-image: none;
}

#newsletter_type li label {
	color: #868788;
}

#menu_top_left {
	float: left;
	margin: 0 0 0 10px;
}

#menu_top_right {
	float: right;
	margin: 0 10px 0 0;
}

/*------------------------- */
/*         modules          */
/*------------------------- */

#gauche_modules {
	/*border: 1px solid #b8ef4e;*/
	float: left;
	position: relative;
		top: 0;
		left: 20px;
	width: 400px;
}

#gauche_modules p {
	font-size: 13px;
	/*font-weight: bold;*/
	line-height: 18px;
}

#gauche_modules ul {
	position: absolute;
		left: 105px;
	margin-top: 25px;
	width: 280px;
}

#gauche_modules li {
	font-size: 13px;
}

#droit_modules {
	/*border: 1px solid #b8ef4e;*/
	float: left;
	position: relative;
		top: 0px;
		left: 40px;
	width: 400px;
}


#droit_modules p {
	font-size: 13px;
	/*font-weight: bold;*/
	line-height: 18px;
}

#droit_modules ul {
	position: absolute;
		left: 105px;
	margin-top: 25px;
	width: 280px;
}

#droit_modules li {
	font-size: 13px;
}

#gauche_modules h2 {
	font-size: 18px;
}

#droit_modules h2 {
	font-size: 18px;
}

#img_modules {
	color: #2facb2;
	float: left;
}

#titre_societes, #titre_factures {
	color: #2facb2;
	float: left;
	width: 270px;
}

#titre_offres {
	color: #9d55aa;
	float: left;
	width: 270px;
}

#titre_contacts, #titre_projets, #titre_connaissance {
	color: #c56e99;
	float: left;
	width: 270px;
}

#titre_agenda, #titre_appels, #titre_commande {
	color: #f69f2b;
	float: left;
	width: 270px;
}

#titre_actions-co, #titre_reunion {
	color: #70a82d;
	float: left;
	width: 270px;
}

#titre_book {
	color: #b3b337;
	float: left;
	width: 270px;
}

		

/*------------------------- */
/*          footer          */
/*------------------------- */
	
#footer {
	background: url(../images/structure/footer.gif) no-repeat;
	margin: 0 auto;
	height: 68px;
	width: 950px;
}

	#footer ul{
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		width: 250px;
		}
		
			#footer li {
				background: url(../images/structure/filet_menu_footer.gif) right no-repeat;
				float: left;
				height: 22px;
				line-height: 22px;
				margin: 0 0 0 0;
				padding: 0 12px;
				}
			
					#footer li.noborder {
						background:none;
					}
					
						#footer a.lien_bottom {
							color: #ffffff;
							font-size: 11px;
							}
						
						
						#footer a {
							color: #000000;
							font-size: 11px;
							}
							
							#footer a:link {
								text-decoration: underline;
							}
							
							#footer a:visited {
								text-decoration: underline;
							}
							
							#footer a:hover {
								text-decoration: underline;
							}
							
							#footer a:active {
								text-decoration: underline;
							}
							
								#footer p#copyright {
									color:#333333;
									font-size: 11px;
									line-height: 20px;
									padding-bottom: 30px;
									position: relative;
										top: 35px;
									text-align: center;
								}

div.cnil {
	font-size: 0.8em;
	color: #868788;
}


/*------------------------- */
/*           host           */
/*------------------------- */


#host {
	margin: 0 auto;
	height: 70px;
	width: 950px;
	text-align: center;
}

#host img {
	margin: 0 5px 30px 5px;
}
								
					
								
/*------------------------- */
/*          table           */
/*------------------------- */
	
.tarifs {
	/*border: 1px;
	border-width: 2px;
	border-color:#000000;*/
	margin: 0 auto;
	width: 600px;
}