/* Master CSS de Bodyboard Land */ 

/* ---- reseaux sociaux ----- */
#icones_social{
	float:left;
	margin-top:10px;
}

#icones_social div{
	float:left;
	margin-right:4px;
	overflow:hidden;
}

#icones_social a:link,
#icones_social a:visited{
	display:block;
	width:28px;
	height:28px;
	text-decoration:none;
}
	
div.icon_facebook a:link,
div.icon_facebook a:visited{
	background:url('/images/icone_sociaux.png') no-repeat;
	background-position:0 -304px;
}

div.icon_twitter a:link,
div.icon_twitter a:visited{
	background:url('/images/icone_sociaux.png') no-repeat;
	background-position:0 -342px;
}

div.icon_mail a:link,
div.icon_mail a:visited{
	background:url('/images/icone_sociaux.png') no-repeat;
	background-position:0 -266px;
}

div.icon_facebook a:hover{
	background:url('/images/icone_sociaux.png')no-repeat;
	background-position:0 -114px;
}

div.icon_twitter a:hover{
	background:url('/images/icone_sociaux.png')no-repeat;
	background-position:0 -152px;
}

div.icon_mail a:hover{
	background:url('/images/icone_sociaux.png')no-repeat;
	background-position:0 -76px;
}

/* ---- Texte ---- */

a.LienDetail {
	background-image:url(/images/bullette.gif);
	background-repeat: no-repeat;
	background-position: center left;
	/*padding-right: 18px;*/
	padding-left: 18px;
	margin-left:5px;
	margin-right:10px;
}

.LienNombrePage a {
	background: #ebebeb;
	border: 1px solid #ccc;
	padding: .3em .4em;
	font-weight: bold;
}

.TexteNormalCentre{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:center;
}

.TexteNormal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
}

.TexteNormalDroite{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:right;
}

.TexteNormalCentre550{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:center;
	width:550px;
}

.TexteNormal550{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:justify;
	width:550px;
}

.TexteNormalEspaceBas550{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:justify;
	width:550px;
	margin-bottom:30px;
}

.TexteNormalEspaceBas568{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:justify;
	width:568px;
	margin-bottom:30px;
}

/*.TexteNormalCentre200{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:center;
	width:200px;
}*/

.TexteNormal200{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:justify;
	width:200px;
}

.TextePetitNormal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
}

.TextePetitRouge{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#990000;
	text-decoration:none;
}

.TitreNormal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	color:#0C2E47;
	font-weight:bold;
}

.TitreNormalBleu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	color:#6666FF;
	font-weight:bold;
}

.TitreBarreGauche {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	color:#7092AB;
	font-weight:bold;	
	border-left:2px solid #535089;
	padding-left: 4px;
}

.TitreNews{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	color:#08065f;
	font-weight:bold;
}

.DateNews{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	text-decoration:none;
	color:#c4c2c2;
}

.TitreNormalBleuClair{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	color:#7092AB;
	font-weight:bold;
}

/* *** Liste toaster *** */
.ListeBBL{
	padding-right:5px;
}

.ListeBBL li{
	text-align:justify;
	list-style-image:url(/images/toasto.gif);
}

.ListeBBL li a{	
	color:#A2C4DD ;
}

.ListeBBL li a:hover{
	color:#0C2E47;
	text-decoration:none;
}

/* *** Liste fleche bleue*** */
.ListeFlecheB{
	padding-right:5px;
}

.ListeFlecheB li{
	text-align:justify;
	padding-bottom:8px;
	list-style-image:url(images/fleche.gif);
}


/* *** Liste fleche *** */
.ListeBBL2{
	padding-right:5px;
}

.ListeBBL2 li{
	text-align:justify;
	padding-bottom:8px;
	list-style-image:url(images/bullette.gif);
}

.ListeBBL2 li a{	
	color:#A2C4DD ;
}

.ListeBBL2 li a:hover{
	color:#0C2E47;
	text-decoration:none;
}

/* *** Liste fleche non décalée *** */
.ListeFleche{
	margin-left:4px;
	padding-right:5px;
}

.ListeFleche li{
	text-align:justify;
	padding-bottom:8px;
	list-style-image:url(images/bullette.gif);
}

.ListeFleche li a{	
	color:#A2C4DD ;
}

.ListeFleche li a:hover{
	color:#0C2E47;
	text-decoration:none;
}

/* *** IMG alignee a gauche *** */
.VideoGauche540{
	float:left;
	margin-right:2px;
	border:none;
}

.ImageTextGauche{
	float:left;
	margin-right:2px;
	border:none;
}

/*.ImageTextDroite{
	float:right;
	margin-right:2px;
	border:none;
}*/

.ImageTextGaucheBordure{
	float:left;
	margin-right:2px;
	border:1px;
	border-color:#000033;
}

.ImageTextGaucheLien{
	float:left;
	margin-right:2px;
	border:solid 1px;
	color:#A2C4DD;
}

.ImageTextGaucheSpaceBlanc{
	float:left;
	margin-right:10px;
	border:1px;
	border-color:#FFFFFF;
}

.ImageTextGaucheSpace{
	float:left;
	margin-right:20px;
	border:none;
}

.ImageCentreeDiapo{
	border:solid 1px;
	color:#FFFFFF;
	/*margin-left:20px;
	margin-top:33px;*/
	text-decoration:none;
}

.ImageCentre{
	margin-left:50px;
	border:solid 1px;
	margin-top:30px;
}

.ImageCentree{
	border:solid 1px;
	display:block;
	margin:0 auto; 
}

.ImageCentreeBlancVignette{
	border:solid 1px;
	color:#FFFFFF;
	display:block;
	margin:0 auto;
	margin-top:5px; 
}

.ImageSansBord{
	border:none;
	margin-top:5px;
}

/*.ImageSansBordAligne{
	border:none;
	margin-right:20px;
	margin-left:20px;
	vertical-align:middle;
}*/

.ImageSansBordAligneVert{
	border:none;
	margin-right:10px;
	margin-left:10px;
	vertical-align:middle;
	margin-bottom:10px;
}

.ImageLien{
	margin-left:2px;
	border:solid 1px;
	color:#A2C4DD;
}

.ImageLienBlanc{
	border:solid 1px;
	color:#FFFFFF;
}

.ImageTextGaucheBlanc{
	float:left;
	margin-right:2px;
	border:solid 1px;
	color:#FFFFFF;
}

/* ****** Formulaire ******** */
.BodyboardFrm{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	margin:0;
}

.BodyboardBtn{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#A2C4DD;
	background-color:#0C2E47;
	border-color:#A2C4DD;
	border-style:solid;
	border-width:1px;
	margin-right:10px;
}

/* ***** Info bulle pour message ***** */
.InfoBulle{
	border:1px solid #E8E8E8;
	border-width:1px 0;
	background:#F5F5F5;
	margin-bottom:20px;
}

.Bulle{
	background-image:url(rubrique/messages/images/bulles.gif);
	background-position:left;
	background-repeat:no-repeat;
}

/* ***** Competition souligne ***** */
.ZoneSoulignee550{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:justify;
	width:560px;
	margin-bottom:5px;
	/*height:140px;*/
	height:auto;
	/*border-bottom-style:dotted;*/
	background-image:url(images/scissor-cut.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:hidden;
}

/*.ZoneSoulignee550big{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:justify;
	width:550px;
	margin-bottom:5px;
	height:280px;
	border-bottom-style:dotted;
}*/

.TexteCiseauxBas{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:justify;
	width:560px;
	margin-bottom:5px;
	background-image:url(images/scissor-cut.gif);
	background-repeat:no-repeat;
	background-position:top;
	overflow:hidden;
}

/* **** Tableau *********** */
div#video td{
	width:50%;
	vertical-align:top;
	text-align:left;
}

/*div#LienBodyboard td{
	width:50%;
	vertical-align:top;
	text-align:left;
}*/

div#Magazine td{
	width:50%;
	vertical-align:top;
	text-align:left;
}

.EnteteTableau{
	background-color:#003366;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

/*.CelluleTableau{
	width:165px;
	vertical-align:top;
}*/

/*.CelluleTableauCentre{
	width:190px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:center;
	padding-bottom:20px;
}*/

.TableauPlancheContact{
	margin:0;
	border:0;
	width:568px;
}

.CellulePlancheContact{
	width:142px;
	height:142px;
	vertical-align:middle;
	text-align:center;
	background-image:url(images/diapositive.gif);
}

.DescriptionSite{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:justify;
	width:568px;
	margin-bottom:30px;
	margin-left:5px;
	margin-top:20px;
	padding-left:5px;
	border:1px solid;
	border-color:#b2b5b6;
}

.DescriptionMedia{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0C2E47;
	text-decoration:none;
	text-align:justify;
	width:555px;
	margin-bottom:30px;
	margin-left:5px;
	margin-top:20px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	border:1px solid;
	border-color:#b2b5b6;
	overflow:auto;
}

.CelluleVideo{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;
	text-align:left;
	border-bottom:1px solid #36606d;
	width:260px;
	float:left;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	overflow:hidden;
}

.CelluleVideo3{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;
	text-align:left;
	border-bottom:1px solid #36606d;
	width:170px;
	float:left;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	overflow:hidden;
}

.Cellules3{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;
	text-align:left;
	width:170px;
	float:left;
	margin-left:5px;
	margin-right:3px;
	margin-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	overflow:hidden;
}

div#contenu a{
	color:#8a0 ;
}

div#contenu a:hover{
	color:#9b2;
}

/* passage à la ligne après des div en float left */
.clearall {
	clear:both;
}

/* On met en forme les liens contenu dans la page */
p#footer{
	margin:0;
	padding-right:10px;
	line-height:30px;
	text-align:right;
	color:#8a0;
}

/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */
pre{
	overflow:auto;
	background:#dea;
	border:2px solid #9b2;
	padding:5px 0 0 5px;
	font-size:1.2em;
}

/*une couleur de fond, une bordure, la taille de police et un leger espace entre le texte et les bords du pre */
* html pre{
	width:636px;
}

pre span{
	color:#560;
}

/* Couleur de texte des elements compris dans des span eux memes compris dans un pre */
pre span.comment{
	color:#b30000;
}