/* CSS Document  - Feuille de style toiture solaire pour INDEX.PHP */

/* FOND DU SITE ET GENERALITES */
.page
{
	background-image : url(images/site_fond.jpg); 
	font-family: verdana, arial, serif;
}

/* APPARENCE GENERALE DES LIENS */
a
{
	color: #ff0000;
	text-decoration: none;
	font-weight:bold;
}

a:hover
{
	color: #35a42c;
}
a img
{
	border:0px;
}

/* CORPS DU SITE PROPREMENT DIT - CONTIENT TOUT LE SITE */
#corps
{
	margin:auto;
	width:1024px;
	height:724px;
	color:#212121;
	/*background-color:#212121;*/
}

/* LA BANIERE ET SON CONTENU */
#banniere
{
	float:left;
	width:1024px;
	height:80px;
	margin-top: 0px;
	margin-left:0px;
	/*background-color:red;*/
}
#logo_site
{
	float:left;
	margin-left: -20px;
}
#baniere_site
{
	float:right;
}

/* LE MENU PRINCIPAL HORIZONTAL */
#menu
{
	float:left;
	width:1024px;
	height:40px;
	margin-left:0px;
	text-align:right;
	/*background-color:blue;*/
}
#menu p
{
	margin-top: 10px;
}

/* COLONNE DE GAUCHE */
#colgauche
{
	float:left;
	width:250px;
	height:550px;
	text-align:justify;
	/*background-color:orange;*/
}
#colgauche h1
{
	margin-top:40px;
	text-align:left;
	font-weight:bold;
	color:black;
}
#colgauche p
{
	margin-top:0px;
	margin-left: 0px;
	margin-right: 40px;
}
#actu
{
	float:left;
	width:250px;
	height:510px;
	text-align:justify;
}
#actu_maj_1 /*textarea 1 administration */
{
	width:220px;
	height:430px;
}
#maj
{
	float:left;
	width:250px;
	height:40px;
	text-align:justify;
	/*background-color:blue;*/
}
/* PARTIE CENTRALE */
#centretitre
{
	float:left;
	width:574px;
	height:40px;
	/*background-color:blue;*/
}
#centre
{
	float:left;
	width:574px;
	height:550px;
	/*background-color:yellow;*/
}
#photo
{
	float:left;
	width: 574px;
	height:355px;
	/*background-color:green;*/
}
#photo_a
{
	float:left;
	width: 574px;
	height:310px;
	/*background-color:green;*/
}
#centretexte
{
	float:left;
	width:574px;
	height:155px;
	text-align:justify;
	/*background-color:white;*/
}
#actu_maj_2 /*textarea 2 administration */
{
	width:460px;
	height:85px;
}
#actu_maj_3 /*textarea 3 administration */
{
	width:574px;
	height:40px;
}
#centretexte h1
{
	margin-top:25px;
	text-align:center;
	color:black;
}
#centretexte p
{
	margin-left: 55px;
	margin-right: 55px;
	margin-top: 25px;
	margin-bottom: 15px;
}
#guillemet1
{
	float:left;
	margin-top:15px;
	margin-left:25px;
}
#guillemet2
{
	float:right;
	margin-top:-25px;
	margin-right:30px;
}

/* COLONNE DE DROITE */
#coldroite
{
	float:right;
	width:200px;
	height:550px;
	text-align:left;
	/*background-color:lime;*/
}
/* COLONNE DE DROITE - SOUS-MENU DE RUBRIQUE */
#menurubrique
{
	float:right;
	width:200px;
	height:265px;
	/*background-color:red;*/
}
#menurubrique h1
{
	margin-top: 40px;
	margin-left: 25px;
}
#menurubrique p
{
	margin-left: 50px;
	margin-right: 0px;
	margin-top:15px;
	margin-bottom:15px;
	text-indent:-15px;
}

/* COLONNE DE DROITE - ZONE DE TEXTE POUR CITATIONS OU INFORMATIONS */
#zonelibre_index
{
	float:right;
	width:200px;
	height:220px;
	text-align:justify;
	/*background-color:blue;*/
}
#cellule_index , #cellule_index_a /* Il s'agit d'un tableau à une seule cellule pour permettre l'alignement de la citation */
{
	width:200px;
	height:220px;
	/*background-color: white;*/
}
#zonelibre_index p
{
	margin-top:10px;
	margin-left:15px;
	margin-right:5px;
	text-align:center;
	line-height:150%;
}
#cellule_index td
{
	vertical-align:bottom;
}
#cellule_index_a td
{
	vertical-align:middle;
}
#guillemets_o
{
	float:left;
	margin-top:10px;
	margin-left:15px;
	margin-right:5px;
}
#guillemets_f
{
	float:right;
	margin-top:-25px;
	margin-right:0px;
}

/* COLONNE DE DROITE - ZONE DE VIGNETTE */
#vignette_index
{
	float:right;
	width:200px;
	height:100px;
	text-align:right;
	/*background-color:orange;*/
}

/* PIED DE PAGE */
#piedpage
{
	float:left;
	width:1024px;
	height:54px;
	/*background-color:white;*/
}
#ppg_g
{
	float:left;
	width:200px;
	height:54px;
	/*background-color:red;*/
}
#ppg_g p
{
	margin-top:3px;
	margin-bottom: 1px;
	color: black;

}
#ppg_g a
{
	font-weight:normal;
}
#ppg_c, #ppg_c_a
{
	float:left;
	width:624px;
	height:54px;
	text-align:center;
	/*background-color:green;*/
}
#actu_maj_4 /*textarea 4 administration */
{
	width:650px;
	height:65px;
}
#ppg_c p
{
	margin-top:15px;
	font-variant:small-caps;
	font-weight:bold;
	color:blue;
}
#ppg_c_a p
{
	margin-top:-20px;
	font-variant:small-caps;
	font-weight:bold;
	color:blue;
}
#ppg_d
{
	width:200px;
	height:54px;
	float:right;
	text-align:right;
	/*background-color:white;*/
}
#ppg_d p
{
	margin-top:35px;
	margin-right: 0px;
	color: black;
}