/* CSS Document */

/* Copyright Marc-Andre Marchand - 2004-2009 - */



/* ---------------------------------------------------------------------------------- */

/* Liens  */

a:link { color: #243039; text-decoration: underline; font-weight: bold; }

a:visited { color: #243039; text-decoration: underline; font-weight: bold; }

a:hover { color: #003366; text-decoration: underline; font-weight: bold;}

a:active { color: #243039; }

a.nongras:link { color: #243039; text-decoration: underline; font-weight: normal; }

a.nongras:hover { color: #003366; text-decoration: underline; font-weight: normal; }

/* Liens  */



/* ---------------------------------------------------------------------------------- */

/* Police de caractere */

body, h1.titreNouveaute, #tNouveaute, #copyright, #validator {

	font-family: Arial, verdana, sans-serif;

}

p {

	padding: 0 0 0 0;

	margin: 0 0 0 0;

}

p.tSousTitreGros {

	font-weight: bold;

	font-size: 14px;

	text-align: left;

	padding: 15px 0 0 0;

	margin: 0 0 0 0;

	width: 380px;

}

p.tSousTitre {

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	width: 380px;

}

p.tSousTitreListe {

	font-weight: bold;

	text-align: left;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	width: 250px;

}

p.tSousTitreD {

	font-weight: bold;

	text-align: left;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	width: 175px;

}

p.tSousTitreRejoindre {

	font-weight: bold;

	text-align: left;

	padding: 0 10px 0 10px;

	margin: 0 0 0 0;

}

p.tNormal {

	padding: 0 0 10px 0;

	margin: 0 0 0 0;

	width: 380px;

}

p.tNormalListe {

	padding: 0 0 10px 0;

	margin: 0 0 0 0;

	width: 250px;

}

p.tNormalD {

	width: 175px;

	margin: 0 0 0 0;

	padding: 0 10px 0 10px;

}

p.tNormalListeD {

	width: 150px;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

}

span.gras {

	font-weight: bold;

}

span.special { font-style: italic; font-weight: bold; color:#000000; }
span.specialSouligne { font-weight: bold; color:#000000; }

h2 {color: #243039;}
/* Police de caractere  */



/* ---------------------------------------------------------------------------------- */

/* Elements du body et conteneur */

body, #tEntete, #tSlogan, #conteneur1, #conteneur2, #basPage {

	background-position: top;

	margin: 0 auto;

	text-align: center;

}

body {

	border: none;

	background-color: #011C31;

	color: #001E2D;

	font-size: 12px;

}

#conteneur1 {

	background-image: url(../images/bg_repeat.jpg);

	background-repeat: repeat-y;

	position: relative;

	height: auto;

	left: 0px;

	top: 0px;

	width: 760px;

}

#conteneur2 {

	position: relative;

	background-image: url(../images/bg_entete.jpg);

	background-repeat: no-repeat;

	height: 100%;

	left: 0px;

	top: 0px;

	width: 760px;

}

#basPage {

	position: relative;

	background-image: url(../images/bg_bas.jpg);

	background-repeat: no-repeat;

	height: 46px;

	left: 0px;

	top: 0px;

	width: 760px;

}

/* Elements du body et conteneur*/



/* ---------------------------------------------------------------------------------- */

/* En-tete */

#tEntete {

	position: absolute;

	top: 25px;

	left: 45px;

	font-size: 14px;

	font-weight: bold;

	letter-spacing: 2px;

	width: 200px;

}

#tSlogan {

	position: absolute;

	top: 110px;

	left: 270px;

	font-size: 16px;

	font-weight: bold;

	letter-spacing: 3px;

	width: 400px;

}

/* En tete */



/* ---------------------------------------------------------------------------------- */

/* Boutons du menu haut */

#menu a {

	font-size: 12px;

	color: #D2D0D0;

	text-decoration: none;

}

#menu a:hover {

	color: #FFFFFF;

}

#bAccueil, #bBlog, #bActivites, #bAmigo, #bParrainages, #bMembre, #bAutres {

	position: absolute;

	top: 175px;

	height: 20px;

	width: 99px;

	padding: 0 0 0 0;

}

#bAccueil {

	left: 40px;

}

#bBlog {

	left: 95px;

}

#bActivites {

	left: 155px;

}

#bAmigo {

	left: 225px;

}

#bParrainages {

	left: 310px;

}

#bMembre {

	left: 415px;

}

#bAutres {

	left: 510px;

}

/* Boutons du menu haut */



/* ---------------------------------------------------------------------------------- */

/* Contenu */

#endroitSommes {

	position: absolute;

	top: 220px;

	left: 50px;

}

h1.tTitre, h1.tTitreUrgent {

	font-size: 16px;

	font-weight: bold;

	font-variant: small-caps;

	height: auto;

	width: auto;

	margin: 0 0 0 0;

	padding: 13px 0 0 40px;

	text-align: left;

}
h1.tTitre, h1.tTitreUrgent {
	color: #fff;
}

#contenueGauche {

	float: left;

	width: 400px;

	padding: 237px 0 0 40px;

	height: auto;

}
#contenueGaucheBIG {

	float: left;

	padding: 237px 0 0 40px;

	height: auto;

}
#contenueDroite {

	float: right;

	width: 244px;

	padding: 237px 45px 0 0;

	height: auto;

}

/* ------------------------------------------------ */

/* Boites gauches */

.conteneurBoite {
	float: left;
	width: 400px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	text-align: left;
	clear:left;
}
.conteneurBoiteBIG {

	float: left;

	width: 680px;

	padding: 10px 0 0 0;

	margin: 0 auto;

	text-align: left;

}
.boiteGHaut {

	background-image: url(../images/boite_g_haut.gif);

	background-repeat: no-repeat;

	float: left;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	width: 400px;

	height: 43px;

}
.boiteGHautBIG {

	background-image: url(../images/boite_g_haut_big.gif);

	background-repeat: no-repeat;

	float: left;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	width: 680px;

	height: 43px;

}
.boiteGHautUrgent {

	background-image: url(../images/boite_g_haut_urgent.gif);

	background-repeat: no-repeat;

	float: left;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	width: 400px;

	height: 43px;

}

.boiteGRepeat {

	background-image: url(../images/boite_g_repeat.gif);

	background-repeat: repeat-y;

	float: left;

	width: 400px;

	height: auto;

	padding: 10px 10px 0 10px;

	margin: 0 0 0 0;

	text-align: left;

}
.boiteGRepeatBIG {

	background-image: url(../images/boite_g_repeat_big.gif);

	background-repeat: repeat-y;

	float: left;

	width: 660px;

	height: auto;

	padding: 10px 10px 0 10px;

	margin: 0 0 0 0;

	text-align: left;

}
.boiteGRepeatUrgent {

	background-image: url(../images/boite_g_repeat_urgent.gif);

	background-repeat: repeat-y;

	float: left;

	width: 400px;

	height: auto;

	padding: 10px 10px 0 10px;

	margin: 0 0 0 0;

	text-align: left;

}
.boiteGBas {

	background-image: url(../images/boite_g_bas.gif);

	background-repeat: no-repeat;

	float: left;

	width: 400px;

	height: 36px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

}
.boiteGBasBIG {

	background-image: url(../images/boite_g_bas_big.gif);

	background-repeat: no-repeat;

	float: left;

	width: 690px;

	height: 36px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

}
.boiteGBasUrgent {

	background-image: url(../images/boite_g_bas_urgent.gif);

	background-repeat: no-repeat;

	float: left;

	width: 400px;

	height: 36px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

}

/* Boites gauches */

/* ------------------------------------------------ */



/* ------------------------------------------------ */

/* Boites droites */

.conteneurBoiteDroite {

	float: right;

	width: 244px;

	padding: 10px 0 0 0;

	margin: 0 auto;

	text-align: left;

	line-height: 14px;
	clear:right;

}

.boitepHaut {

	background-image: url(../images/boite_p_haut.gif);

	background-repeat: no-repeat;

	float: right;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	width: 244px;

	height: 43px;

}

.boitepRepeat {

	background-image: url(../images/boite_p_repeat.gif);

	background-repeat: repeat-y;

	float: right;

	text-align: left;

	width: 244px;

	height: auto;

	padding: 10px 0 0 0;

	margin: 0 0 0 0;

	line-height: 17px;

}

.boitepBas {

	background-image: url(../images/boite_p_bas.gif);

	background-repeat: no-repeat;

	float: right;

	width: 244px;

	height: 43px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

}

.videoSensibilisation {
	margin-left: 2px;
	text-align: center;
	width: 240px;
	font-size: 70%;
	line-height:1.2em;
}
/* Boites droites */

/* ------------------------------------------------ */



ul {

	list-style-image: url(../images/puce.gif);

	padding: 0 0 0 40px;

	margin: 0 0 0 0;

}

li {

	margin: 0 0 0 0;

	padding: 0 0 10px 0;

	width: 330px;

}

li.listeDroite {

	margin: 0 0 0 0;

	padding: 0 0 10px 0;

	width: 175px;

}

img {

	border: none;

}
img.blogIMG {
	text-align: right;
	width: 350px;
	margin: 20px 0 20px 0;
	border: 1px solid #011C31;
}
img.ptiteIMG {

	float: left;

	padding: 0 0 0 0;

	margin: 5px 11px 5px 0;

	width: 93px;

	height: 85px;

	border: 1px solid #074F74;

}

img.ptitLogoliens {

	float: left;

	padding: 0 0 0 0;

	margin: 5px 11px 5px 0;

	width: 50px;

	height: 43px;

	border: 1px solid #074F74;

}

/* Contenu */



/* ---------------------------------------------------------------------------------- */

/* Bas de page */

#copyright {

	padding: 20px 0 15px 0;

	font-size: 10px;

	text-align: center;

	clear: both;

}
#copyright p {
	padding: 5px 0 0 0;
	line-height:1.2em;
}
#validator {

	padding: 0 0 0 50px;

	float: left;

	font-size: 10px;

	margin-top: 5px;

	text-align: left;

}

#concepteur {

	padding: 0 50px 15px 0;

	font-size: 10px;

	margin: 5px 0 0 0;

	text-align: right;

}