/*******************************************************************
 *                                                                 * 
 *                          BIGVICENTE.COM                         *
 *                                                                 * 
 *******************************************************************
 *                                                                 * 
 *  Titre du theme : Fourmis                                       *
 *  Derniere modification : 17/03/2006                             * 
 *                                                                 *
 *  Structure du document :                                        * 
 *                                                                 *
 *    - Definition des blocs generalistes de la page               *
 *    - Definition des blocs de tete de la page                    * 
 *    - Definition des blocs du milieu de la page                  *
 *    - Affichage des news                                         *
 *    - Affichage des articles                                     * 
 *    - Choix entre les themes microscopiques et humaines          *
 *    - Choix entre les galeries                                   *
 *    - Affichage des photos                                       *
 *    - Plan du site                                               *
 *    - Annuaire                                                   *
 *    - Definition des blocs du pied de la page                    *
 *                                                                 *   
 *******************************************************************/


/*******************************************************************
 * Definition des blocs generalistes de la page                    *
 *******************************************************************/
	body {
		background: #ecece4 url(content_bg.jpg) no-repeat right bottom;
		font-family: Helvetica, Arial, Sans-serif;
                font-size : 1.2em;
	}
	#contents { /* Tous les blocs sont inclus dans celui ci */
		margin-left: auto;
		margin-right: auto;
		width: 40em;
	}
	.spacer { /* Une boite pour empecher les debordements */
		clear: both;
		height: 0;
		margin: 0;
		padding: 0;
	}
	h1 { /* Titre de la page */
		font-size : 90%;
	}
	h2 { /* Titre des blocs dans le main */
		font-size : 80%;
		margin: 0;
		padding: 0 0 0 4px;
		text-align: center;
	}
	h3 { /* Titre secondaire dans les blocs du main */
		font-size : 90%;
		color : #666;
		margin: 1em 2em 0 2em;
	}
	h4 { /* Sous titre dans les blocs du main */
		font-size : 85%;
		color : #666;
	}
	h5 { /* Titre des photos dans les articles */
	}
	p {
		font-size : 80%;
		color : #333;
		margin: 1em;
	}
	a:link, a:visited {
		color: #c66333; 
	}
	a:hover {
		color: #f1b88d;
	}
	input {
		background-color: #e5f5e5;
		border: 1px solid #cbdacb;
	}

/*******************************************************************
 * Definition des blocs de tete de la page                         *
 *******************************************************************/
	#header { /* Tete de la page */ 
		margin-bottom: 10px;
		border: 1px solid #cbcbc3;
		background-color: #fff;
	}
	#headerBanner {/* Banniere de la page */
		position: relative;
		height: 200px;
		border: 10px solid #fff;
		background-color: #698f1e;
	} 
	#headerTexture { /* Texture dans la banniere */
		margin-right:443px;
		height: 200px;
		background:url(header_bg.jpg) right top; 
	} 
	#headerPicture { /* Photo dans la banniere */
		position: absolute;
		top: 0;
		right: 0;
		width: 443px;
		height: 200px;
		background-image:url(header_img_right.jpg);
	}
	#headerTitle { /* Titre du site en haut de la banniere */
		position: absolute;
		top: 0;
		width: 100%;
 		border-bottom: 1px solid #fff;
	}
	#headerTitle h1 {
		color: #fff;
		margin: 0;
		padding: 0 4px;
		text-align: right;
		background-image:url(trans_header.png) !important; 
		background-color: transparent !important;
		background-image: none; 
		background-color: #9ab163; 
	}
	#headerNav { /* Menu de navigation en bas de la banniere */
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	#headerNav ul {
		font-size : 80%;
		margin: 0;
		padding-left: 2em;
	}
	#headerNav ul li {
		list-style-type:none;
		display: inline;
		margin: 0;
		padding: 0;
	}
	#headerNav a {
		margin: 0;
		padding: 0 0.5em;
  	border: 1px solid #fff;
		border-bottom: none;
		background-image:url(trans_header.png) !important; 
		background-color: transparent !important;
		background-image: none; 
		background-color: #9ab163; 
	}
	#headerNav a:link, #headerNav a:visited {
		color: #fff;
	 	text-decoration: none;
	}
	#headerNav a:hover {
		color: #cf6;
		border-color: #cf6;
		text-decoration: none;
	}

 
/*******************************************************************
 * Definition des blocs du milieu de la page                       *
 *******************************************************************/
	#main { /* Partie principale de la page */ 
		margin-bottom: 10px;
		padding: 2%;
		border: 1px solid #cbcbc3;
		background-color: #fff;
	}
	#mainCenter { /* Bloc du centre de la page */
		width: 100%;
		margin: 0 0 0 0;
		padding: 0;
	}
	#mainCenter h2 {
		color: #666;
		background-color: #eee;
		border-bottom: 1px solid #ccc;
	}
	#mainCenter p {
		text-align: justify;
	}

	#mainCenter img{
		border: 1px solid #000;
	}
	.mainCenterDiv { /* Bloc d'information dans le bloc du centre de la page */ 
		margin: 0;
		padding: 0;
		border: 1px solid #ccc;
		background: #fff url(div_bg.jpg) no-repeat right bottom;
	}
	.mainCenterDivHr { /* Bloc de separation */ 
		margin: 1em;
		border-bottom: 1px solid #ccc;
		background-color: #fff;
	}
        .center {
                /* margin: 1em; */
                text-align: center;
        }

	#image p {
		text-align: center;
	}
	#image img {
		border: 0;
	}
	#logos {
		margin: 1em;
		text-align: center;
	}
	#logos p {
		text-align: center;
	}
	#logos img {
		border: 0;
	}
	.adsenseArticles {
		float: right;
		margin: 1em;
                border: 1px solid #ccc;
	}

/*******************************************************************
 * Affichage des news                                              *
 *******************************************************************/
	 .mainNewsDiv { /* Bloc d'information dans le bloc du centre de la page */ 
		margin: 0 10% 0 10%;
		padding: 0;
		border: 1px solid #ccc;
		background: #fff url(div_bg.jpg) no-repeat right bottom;
	}
	.mainCenterNewsTitle {
		margin: 2% 2% 0 2%;
		padding-left: 0.5em;
		background-color: #ffecd3;
		border: 1px solid #bc6b30;	
	}
	h3.mainCenterNewsTitle {
		margin: 0;
		padding: 0.2em 0 0.2em 0;
		color: #a30f00;
		border: none;
	}
	h4.mainCenterNewsTitle {
		font-size: 70%;
		margin: 0;
		padding: 0 0 0.2em 0;
		color: #bf9c81;
		border: none;		
	}
	p.mainCenterNews {
		margin : 0.5em 1em;
	}
	#mainCenter p.mainCenterNewsComment {
		text-align: right;
		margin : 0.5em 1em;
	}

/*******************************************************************
 * Affichage des articles                                          *
 *******************************************************************/ 
	#mainArticleDiv {
		/* margin: 0 10% 0 10%; */
		padding: 0;
		border: 1px solid #ccc;
		background: #fff url(div_bg.jpg) no-repeat right bottom;
	}
	#mainArticleDivTitle {
		margin: 2% 2% 0 2%;
		padding-left: 0.5em;
		background-color: #ffecd3;
		border: 1px solid #bc6b30;	
	}
	#mainArticleDivTitle h3{
		margin: 0;
		padding: 0.2em 0 0.2em 0;
		color: #a30f00;
		border: none;
	}
	#mainArticleDiv h4 {
		padding: 1em 3em 0 3em;
	}
	.mainArticleDivPhoto {
		width: 405px;
		margin: 1em auto 1em auto;
	}
	.mainArticleDivPhoto h5 {
		margin: 0;
		text-align: center;
		font-size : 70%;
 	}
	ul.article {
		font-size : 80%;		
	}

/*******************************************************************
 * Choix entre les galeries                                        *
 *******************************************************************/
	ul.chooseGallery {
		font-size : 100%;
		margin: 0;
		padding: 0;
		list-style-type:none;
	}
	ul.chooseGallery li {
		height:120px;
		padding: 0;
		margin: 1em;
	}
	ul.chooseGallery img {
		position:relative;
		float:left;
		margin:0 2em 0 1em;
		border: 1px solid #000;
	}
	ul.chooseGallery h4 {
		margin-left: 290px;
		color: #a30f00;
		background-color: #ffecd3;
		border: 1px solid #bc6b30;
	}
	ul.chooseGallery p {
		text-align: justify;
	}
	
/*******************************************************************
 * Affichage des photos                                            *
 *******************************************************************/
	#mainPhoto {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#mainPhoto h2 {
		color: #777;
		background-color: #eee;
		border-bottom: 1px solid #ccc;
	}
	#mainPhoto h3 {
		text-align: center;
	}
	#mainPhoto p {
		text-align: justify;
	}
	#mainPhotoImg {overflow:auto;
		text-align:center;
		padding: 20px;
	}
	#mainPhotoImg img{
		border: 1px solid #000;
	}
	#mainPhoto h3.mainPhotoCom {
		font-size : 80%;
		text-align: left;
		margin: 1em 1em 0 1em;
	}
	#mainPhoto p.mainPhotoCom {
		margin: 0 2em 0 2em;
		padding: 1em;
		background-color: #e5f5e5;	
		border: 1px solid #cbdacb;
	}
	.mainPhotoDiv {
		width: 70%;
		margin: 1em auto 1em auto;
		padding: 0;
		background-color: #fff;
		border: 1px solid #eee;
	}
	.mainPhotoDiv fieldset {
		margin: 1em;
		border: 1px solid #eee;
	}
	.mainPhotoDiv input, .mainPhotoDiv textarea {
		background-color: #e5f5e5;
		border: 1px solid #cbdacb;
	}

/*******************************************************************
 * Choix entre les themes microscopiques et humaines               *
 *******************************************************************/
	#chooseTheme {
		margin: 0;
		padding: 0;
	}
	#chooseTheme p {
		margin-top: 0;
		text-align: center;
	}
	#chooseTheme ul{
		font-size : 100%;
		text-align:center;
		margin:auto;
		padding: 0 0 2% 0;
		list-style-type:none;
		list-style: inside;
	}
	#chooseTheme ul li {
		display: inline;	
		margin:5px;
	}
	#chooseTheme ul li img {
		border: 1px solid #000;
	}

/*******************************************************************
 * Plan du site                                                    *
 *******************************************************************/	
	#siteMap h4 {
		margin: 1em 0 0 1em;
		padding: 0;
	}
	#siteMap ul {
		font-size : 80%;
	}
	#siteMap ul li {
		list-style-type:square;
	}
	#siteMap ul ul {
		margin: 0 0 0 1em;
		padding: 0;
		font-size : 100%;
	}

/*******************************************************************
 * Annuraire                                                       *
 *******************************************************************/	
	.annuaire {
		float: left;
		width: 50%;  
 	 margin: 0 0;
	}
	.annuaire h4 {
		margin: 0em 0 0 -1em;
		padding: 0;
	}
	.annuaire p {
		margin: 0 1em 1em 1em;
		padding: 0;
	}

/*******************************************************************
 * Definition des blocs du pied de la page                         *
 *******************************************************************/	
	#footer { /* Pied de la page */
		/* border: 1px solid #e1e1d9;
		background-color: #fff;*/
	}
	#footer p {
		text-align: center;
		color: #666;
	}