/* Style Antoine Garand .com*/

body{
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	text-align: center;	
	}


	/* corps de page */
	#header{
		width: 1000px;
		margin: 0 auto;
		text-align: center;	
		}
		
	#top{
	margin-top:20px;
	width:1000px;
	height:132px;
	background-image:url('../img/banniere.jpg');
	display:block;
	}
	
	
	
	/*Accueil*/
	   /*Mise en page accueil*/
	.col_g {
	margin-right:10px;
	width:423px;
	float:left;
	}
	
	.col_d{
	width:567px;
	float:left;
	}
	
	
	/*image nav*/
	.cache { display: none; } 
	
	.restau{
	margin-top:52px;
	width: 250px;
	height:250px;
	background-image: url('../img/restauration_nav.jpg');
	display: block;
	float:right;
	}
	
	.restau:hover{
	margin-top:52px;
	width: 250px;
	height:250px;
	background-image: url('../img/restauration_over_nav.jpg');
	display: block;
	float:right;
	}
	
	.crea{
	width: 250px;
	height:250px;
	background-image: url('../img/creation_nav.jpg');
	display: block;
	float:left;
	}
	
	.crea:hover{
	width: 250px;
	height:250px;
	background-image: url('../img/creation_over_nav.jpg');
	display: block;
	float:left;
	}
	
	.real{
	margin:0 10px;
	width: 150px;
	height:150px;
	background-image: url('../img/realisons_nav.jpg');
	display: block;
	float:left;
	}
	
	.real:hover{
	margin:0 10px;
	width: 150px;
	height:150px;
	background-image: url('../img/realisons_over_nav.jpg');
	display: block;
	float:left;
	}
	
	.mart{
		margin:14px 0 0 0;
	width: 150px;
	height:150px;
	background-image: url('../img/marteaux.jpg');
	display: block;
	float:right;
	clear:both;
	}
	
	.mart:hover{
		margin:14px 0 0 0;
	width: 150px;
	height:150px;
	background-image: url('../img/marteaux_over.jpg');
	display: block;
	float:right;
	clear:both;
	}	
	
	.contact{
	margin: 10px 0;
	width: 200px;
	height:200px;
	background-image: url('../img/contact_accueil.jpg');
	display: block;
	float:right;
	clear:both;
	}
	
	.anim{
margin:10px 0;	
	width: 410px;
	height:410px;
	display: block;
	float:left;
	clear:both;
	}
	
	/*mise en page texte*/
	.text_present{
	width:280px;
	clear:both;
	margin-top:12px;
	text-align:right;
	font-size:12px;
	font-weight: 500;
	float:right;
	overflow:hidden;
	}
	
	.text_antoine{
	text-align:right;
	font-size:24px;
	font-weight: 500;
	display:inline;
	}
	
	.text_contact{
	width:250px;
	margin-top:  3px;
	position:relative;
	clear:both;
	text-align:left;
	font-size:14px;
	font-weight: 500;
	float:left;
	overflow:hidden;
	letter-spacing: 2px;
	}
	
	.titre_contact{
	position:relative;
	clear:both;
	margin-top:9px;
	text-align:left;
	font-size:24px;
	font-weight: 500;
	float:left;
	overflow:hidden;
	}
	
	.txt_ml{
		clear:both;
	width:1000px;
	margin:10px 0;
	color:#999999;
	font-size:10px;
	text-align:center;
	}
	
	/*lien*/
	a.bann{
	position:relative;
	margin: 0px;
	width: 1000px;
	height: 132px;
	display:block;
	border: none;
	color:#000000;
	background-color:transparent;
	clear:both;
	}
	
	a.nav_petit{
	position:relative;
	margin: 0px;
	width: 150px;
	height: 150px;
	display:block;
	border: none;
	color:#000000;
	background-color:transparent;
	clear:both;
	}
	
	a.nav{
	position:relative;
	margin: 0px;
	width: 250px;
	height: 250px;
	display:block;
	border: none;
	color:#000000;
	background-color:transparent;
	clear:both;
	}
	
	/* lien copyright*/
	a.ml:link { 
		color:#999999;
		text-decoration: none ;
		border: none #000000;
		}
		
	a.ml:visited { 
		color: #999999;
		text-decoration: none ;
		border: none;
		background-color:transparent;
		}
	
	a.ml:hover { 
		color: #ffffff ;
		text-decoration: none ;
		}
		
	
		a.ml:active {
	color: #999999;
	text-decoration: none;
	background-color:transparent;
	border-color: #000000;
		}
		
		
/*mentions légales*/
.titre_ml{
	position:relative;
	clear:both;
	margin-top:50px;
	text-align:center;
	font-size:36px;
	font-weight: 500;
	overflow:hidden;
}

.mention_legale{
	position:relative;
	clear:both;
	margin-top:50px;
	text-align:left;
	font-size:12px;
	overflow:hidden;
}

.teamquotidia{
color:#66FF00;
		text-decoration: none ;
}

.teamquotidia:hover{
color:#FFFFFF;
		text-decoration: none ;
}

.logo_TQ{
width: 200px;
	height:36px;
	background-image: url('../img/LOGO-TQ1.jpg');
	display: block;
	float:left;
}

.logo_TQ_petit{
width: 118px;
	height:20px;
	background-image: url('../img/LOGO-TQ_petit.jpg');
	display:block;
	clear:both;
	text-align:center;
	margin-left:441px;
	margin-top:3px;
}