/*
Fichier de Style CSS du site Africa-Chat
*/

body {
	margin: 0px;
	background: #348dc4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
}

h1, h2, h3, h4 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	color: #417FDA;
}

a:hover {
	
}

#mettrenblanc {
	color: white;
}

#mettrenrougeclair {
	color: #e94c71;
}

#mettrenjaune {
	color: yellow;
}

#espaceapres {
	margin-bottom: 5px;
}

#mettreadroite {
	float: right;
}

#mettreagauche {
	float: left;
}

#petitecriture {
	font-size: 10px;
	margin-bottom: -5px;
}

/*///////////////////*/
/*  PARTIES de SITE  */
/*///////////////////*/

/* Cadre */

#cadre {
	width: 910px;
	margin: 0 auto;
	padding: 0px;
}

/* Haut */

#haut {
	width: 910px;
	height: 40px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	width: 640px;
	color: #FFFFFF;
}

#logo h1, #logo p {
}

#logo h1 {
	float: left;
	padding: 0;
	letter-spacing: -1px;
	font-size: 2.6em;
}

#logo p {
	float: left;
	margin: 0;
	padding: 10px 10px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

#banniere {
	width: 870px;
	height: 206px;
	margin: 0 auto;
	padding: 0;
	background: url(images/africachatitre.jpg) no-repeat left top;
}

/* Menu haut */

#menu {
	width: 908px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	border-right-color: #1f476f;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #1f476f;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-color: #1f476f;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #e6e9eb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background: #4476a7;
}

#menu ul {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	margin-top: 14px;
	margin-right: 3px;
	padding: 5px 10px 5px 10px;
	background: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border-style: none;
}

#menu a:hover, #menu .current_page_item a {
}

#menu a:hover {
	text-decoration: underline;
}

/* Page */

#page {
	width: 908px;
	margin: 0 auto;
	padding-top: 5px;
	background: #FFFFFF;
	border-right-color: #1f476f;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-color: #1f476f;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #1f476f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* Contenu */

#contenu {
	float: right;
	width: 675px;
	padding: 10px 15px 0 0;
}

#contenu h1, #contenu h2, #contenu h3, #contenu h4 {
	color: #F93D00;
}

.sujet {
}

.sujet .titres {
	color: #000000;
}

.sujet .titres a {
	background: none;
	color: #F93D00;
	border: none;
}

.sujet .titres a:hover {
	text-decoration: underline;
}

.sujet .meta {
	border-bottom: 1px dashed #D2D4C9;
	padding-bottom: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.sujet .entree {
	padding: 5px 0 5px 0;
	text-align: justify;
}


/* Barre de coté (gauche)*/

#barredecote {
	float: left;
	width: 160px;
	height: 450px;
	padding: 10px 10px 0 20px;
	color: #787878;
	border-right-color: #999999;
	border-right-width: 1px;
	border-right-style: dotted;
}

#interbarre1, #interbarre2, #interbarre3 {
	text-align: center;
	padding: 20px 15px 10px 10px;
}

#interbarre1 {
	background: url(images/menu1.jpg) no-repeat top;
}

#interbarre2 {
	background: url(images/menu2.jpg) no-repeat top;
}

#interbarre3 {
	background: url(images/menu3.jpg) no-repeat top;
}

#boutonbarre {
	background: url(images/bouton.png) no-repeat top right;
	width: 150px;
	height: 50px;
	margin-left: -8px;
	margin-bottom: 7px;
}

#mettrelistadroite {
	text-align: right;
}

#mettrelistagauche {
	float: left;
	text-align: left;
}

#barredecote h1, #barredecote h2, #barredecote h3, #barredecote h4 {
	color: #f0e925;
}

#barredecote h2 {
	/*letter-spacing: -.5px;
	color: #F93D00;*/
}

#barredecote p {
	color: #ffffff;
	line-height: 120%;
}

#barredecote a {
	/*color: #417FDA;*/
	color: #f0e925;
	border: none;
}

#barredecote a:hover {
	text-decoration: underline;
	/*color: #787878;*/
	color: #f0e925;
}

/* Pied */

#pied {
	width: 908px;
	height: 10px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right-color: #1f476f;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #1f476f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-color: #1f476f;
	border-left-width: 1px;
	border-left-style: solid;
	background: #4476a7;
}

#pied p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

#pied a {
	color: #FFFFFF;
}




/* Page Accueil */

#cadreconnexsite {
	float: left;
	width: 300px;
	padding: 0;
}

#cadreconnexirc {
	float: right;
	width: 300px;
	padding: 0;
}

#hautcadreconnex {
	background: url(images/connexsite.jpg) no-repeat top center;
	width: 300px;
	height: 50px;
	text-align: center;
	/* Centre au milieu*/
	color: white;
	font-size: 20px;
}

#milieucadreconnex {
	padding: 10px;
	background: #f8fac8;
	border-color: #1f476f;
	border-width: 3px;
	border-style: solid;
}

#bascadreconnex {
	background: url(images/sousconnex.jpg) no-repeat top center;
	width: 300px;
	height: 30px;
}

#barrebleu {
	width: 675px;
	height: 50px;
	background: url(images/barrebleu.png) no-repeat top center;
	text-align: center;
	/* Centre au milieu*/
	padding-top: 13px;
	color: white;
	font-size: 18px;
}

#tchatsecours {
	border-color: #1f476f;
	border-width: 3px;
	border-style: solid;
	margin-top: 5px;
	padding: 5px;
}

#facebookbouton {
	float: left;
  width: 100px;
	height: 36px;
}