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


/* **************** STYLES ********************** */
.stylebleu{
	color:#3f94da;
	font-size:11px;
}
.petitblanc{
	color:#fff;
	font-size:11px;
}
.alert{
	color:#003;
}




/* **************** CSS ********************** */
body{
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	background-repeat:no-repeat;
}

#container{
	width:1140px;
}

#main{
	height:345px;
}


/* **************** HEADER ********************** */
#ici{
	float:left;
	height:345px;
	width:1005px;
}
.header1{
	float:left;
	width:445px;
	height:100px;
	background-image:url(../images/header_gauche.jpg);
	font-size:10px;
	font-weight:bold;
}
.header1MEDIAS{
	float:left;
	width:445px;
	height:100px;
	background-image:url(../images/header_gauche_medias.jpg);
	font-size:10px;
	font-weight:bold;
}

.header1MEDIASDE{
	float:left;
	width:445px;
	height:100px;
	background-image:url(../images/header_gauche_mediasDE.jpg);
	font-size:10px;
	font-weight:bold;
}


.header2{
	float:left;
	width:310px;
	height:100px;
	background-image:url(../images/header_droit.jpg);
}

.logo_cocoto{
	float:left;
	width:250px;
	height:100px;
	background-image:url(../images/logo.jpg);
}
	.logo_cocoto img{
		margin-top:10px;
	}
	
	
/* **************** MAIN ********************** */
.gauche{
	float:left;
	width:255px;
	height:245px;
	background-image:url(../images/bord_gauche.jpg);
}
.droite{
	float:left;
	width:120px;
	height:245px;
	background-image:url(../images/bord_droit.jpg);
}
.contenu{
	float:left;
	width:630px;
	height:245px;
	background-image:url(../images/contenu.jpg);
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	max-width:630px;
}
	.contenu p{
		margin-left:30px;
		margin-right:30px;
	}
	
.fp{
	width:630px;
	float:left;
}
.btMedias{
	width:163px;
	height:245px;
	float:left;
	background-image:url(../images/boutonsMedias.jpg);
}
.btMediasDE{
	width:163px;
	height:245px;
	float:left;
	background-image:url(../images/boutonsMediasDE.jpg);
}
#btGoodies{
	width:163px;
	height:245px;
	float:left;
	background-image:url(../images/boutonsGoodies.jpg);
}
	.img1{
		margin-left:85px; 
		padding-top:26px;
	}
	.img2{
		margin-left:85px; 
		padding-top:26px;
	}
	.img3{
		padding-top:0px; 
		margin-left:-45px;
	}
	.img4{
		margin-left:55px;
	}
	.img5{
		margin-left:-30px;
	}
	.img6{
		margin-left:116px; 
		padding-top:12px;
	}
	

.cartes{
	width:100px; 
	float:left; 
	margin-right:8px; 
	margin-left:8px;
}
	.cartes img{
		margin-left:10px;
	}
	.legende{
		font-size:10px; 
		width:116px;
	}
#envoi_ok{
	width:100px;
	float:left; 
	margin-left:50px;
}

/* **************** PROFIL MEMBRE ********************** */

.avatar{
	float:left;
	margin-left:100px;
}
.profil{
	float:left;
	margin-left:50px;
	text-align:left;
	font-size:12px;
}
.deconnexion{
	float:right;
	width:100px;
	margin-right:50px;
}
.deconnexion a{
	font-size:11px;
	color:#C00;
}
.charte{
	float:left;
	width:600px;
}


/* **************** FLAGS ********************** */

#flags{
	float:left;
	width:135px;
	height:345px;
	background-image:url(../images/flags.jpg);
}


/* **************** FLASH PERSOS ********************** */

#flash_intro{
	height:635px;
	background-image:url(../images/backgd_intro.jpg)
}

#flash{
	width:1140px;
	height:290px;
	background-image:url(../images/flash.jpg);
}

#flash_persos{
	width:1140px;
	height:290px;
	background-image:url(../images/flash_persos.jpg);
}




/* **************** FOOTER ********************** */

#bas{
	height:70px;
}

#footer{
	height:95px;
}

.logos{
	width:920px;
	float:left;
	height:70px;
	text-align:left;
	background-color:#FFF;
}
	.logos img{
		margin-right:60px;
		border:0px;
		width:132px;
	}

.wiware_iphone{
	width:220px;
	float:left;
	background-image:url(../images/ww.jpg);
	background-repeat:no-repeat;
	height:70px;
}

.tm{
	float:left;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	margin-left:235px;
	height:95px;
	width:685px;
	color:#999;
	font-size:10px;
	font-weight:bold;
}

	.tm img{
		margin-top:20px;
		margin-left:0px;
		margin-right:35px;
		margin-bottom:3px;
		border:0px;
	}
	
	.tm_intro{
		float:left;
		background-image:url(../images/footer.jpg);
		background-repeat:no-repeat;
		margin-left:235px;
		height:95px;
		width:685px;
		color:#999;
		font-size:10px;
		font-weight:bold;
	}
	.tm_intro img{
		margin-top:30px;
		margin-left:0px;
		margin-right:35px;
		margin-bottom:3px;
		border:0px;
	}

.menu{
	text-align:left;
	margin-left:-50px;
	color:#cc0000;
	font-size:10px;
	font-weight:bold;
}

	.menu a{
		color:#cc0000;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
	}
	
	.menu a:hover{
		color:#cc0000;
		font-size:11px;
		font-weight:bold;
	}
	

.footer_etoiles{
	float:left;
	background-image:url(../images/footer_etoiles.jpg);
	background-repeat:no-repeat;
	height:95px;
	width:220px;
}


/* ******************* PAGINATION ************************* */
#pages{
	width:600px;
	height:20px;
	padding-left:300px;
	margin-bottom:5px;
}
#pages_goodies{
	width:600px;
	height:20px;
	padding-left:360px;
	margin-bottom:5px;
}
.pagination{
	width:18px;
	height:20px;
	background-image:url(../images/pagination.png);
	background-repeat:no-repeat;
	color:#3f94da;
	font-size:10px;
	float:left;
	padding-top:3px;
	margin-right:2px;
	margin-left:2px;
}


/* IMAGES ET LIENS */
img{
	border:0px;
	text-decoration:none;
}

a{
	border:0px;
	outline:none;
	color:#fff;
	font-size:14px;
}
a:focus{
	color:#Fff;
}
:focus{-moz-outline-style:none;
}