/*
Code source modèle pour les blogs créés par Gwiad Design. Ce code peut librement être copié et modifié, même à des fins commerciale.
Merci dans ce cas de garder ce commentaire afin de citer la source.

Gwiad Design, made by Clément BRUNEAU
*/

/*====================================DEBUT DU  SCRIPT========================================*/

		html pre
		{
			width: 636px ;
		}


		body  /* Fond de la page */
		{
			margin: 0px ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ; 
			background: url('im/bg.gif') top left repeat #ddd ;
		}
		
/* ______________________ HEAD ________________________________*/
		
		#teteBG
		{
			background: url("im/logo.png") no-repeat top left #ddd;
			height: 250px;
		}
		
		#tete
		{
			background: url("im/friseCenter.png") repeat-x bottom left transparent;
			height: 250px;
		}
		
		#frisegauche
		{
			width: 420px;
			height: 250px;
			background: url("im/friseLeft.png") no-repeat bottom left transparent;
			float: left;
			margin: 0px;
		}

		#frisedroite
		{
			width: 330px;
			height: 250px;
			background: url("im/friseRight.png") no-repeat bottom right transparent;
			float: right;
			margin: 0px;
		}


/*______________________CONTENEUR = COLONE CENTRALE__________________________*/

		div#conteneur
		{
			margin: 0px 40px ;
			text-align: left ;
			border-right: 4px solid #777 ;
			border-left: 4px solid #777 ;	
			background: #fff;
			position: relative;
		}




/* ____________________ CADRE NEWSLETTER       ___________________________*/

		.infobulle
		{
		    position: absolute;   
		    visibility : hidden;
		    padding: 6px;
		    font-size: 0.8em;
		    background: url('im/bg-bulle.png') top left repeat;
		    width: 140px;
		    z-index: 100;
		    border: 2px #999 solid;
		}

		#NewsLetter
		{
			width: 175px;
			height: 100px;
			position: absolute;
			top: 5px;
			right: 2.5%;
			padding-right: 3px;
		}
		
		#NewsLetter p
		{
			font-size : 0.8em;
			color: #000;
			text-align: center;
			padding: 10px 0px 0px 0px;
			margin: 5px 0px 5px 0px;
		}
		
		#NewsLetter p a
		{
			color: #000;
			text-align: center;
			font-weight: bold;
			text-decoration: underline;
		}
		
		#NewsLetter p span
		{
			color: #FFF;
			background:  #d70000;
		}
		


/* _____________HORAIRES REUNION_________________________*/	
	
		#reu
		{
			width: 230px;
			background: url('im/bg-reu.png') top left repeat;
			position: absolute;
			top: 20px;
			left: 230px;
			padding: 10px;
			border: 1px solid #fff;
		}

		#reu p
		{
			margin: 0px;
			padding: 0px;
			font-size: 0.8em;
			color: #333;
			font-weight : bold;
			text-align: center;
		}


/*_____________________DEFINITION DU MENU DYNAMIQUE_______________________*/
		ul#menu
		{
			height: 29px ;
			margin: 0 ;
			padding: 0 ;
			background: url('im/separ.png') repeat-x 0 0px ;
			list-style-type: none ;
		}
			
		ul#menu li
		{
			float: left ;
			text-align: center ;
            		width: 150px ;
			line-height: 29px ;
			font-size: 1.2em ;
			font-weight: bold ;
			color: #000 ;
			display: block ;
			text-decoration: none ;
           		background: url('im/bouton_on_visit_fus.png') no-repeat 0px 0px ;
		}
			
		ul#menu li a
		{
			width: 150px ;
			line-height: 29px ;
			font-size: 1em ;
			font-weight: bold ;
			color: #000 ;
			display: block ;
			text-decoration: none ;
            		background: url('im/separ.png') repeat-x 0px 0px ;
		}
			
		ul#menu li a:hover
		{
			background: url('im/bouton_hover_fus.png') no-repeat 0px 0px ;
		}






/*__________________CONTENU SOUS LE HEADER__________________*/

		div#contenu
		{
			margin-top: 0px;
			padding: 60px 0px 30px 80px ;
			background : url('im/sous-titre.png') top center no-repeat;
		}
			
		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.2em ;
			margin: 5px 0px 5px 0px ;
		}
			
		div#contenu a
		{
			color: #a06128 ;
			text-decoration: none;
		}
			
		div#contenu a:hover
		{
			color: #834711 ;
			text-decoration: underline ;
		}
			
		div#contenu h1
		{
			text-align: center;
			display: none;
		}	
			
		div#contenu h2 /*titre d'article*/
		{
			padding: 0px;
			margin: 0px 0px 0px 35px;
			line-height: 25px ;
			font-size: 1.7em ;
			color: #834711 ;
			border-bottom: 1px solid #834711 ;
			text-decoration : none ;
		}
			
		div#contenu h3 /*sous-titre d'article*/
		{
			padding: 0px;
			margin: 20px 0px 0px 15px ;
			color: #834711 ;
			font-size: 1.3em ;
			text-decoration : none ;
		}
		
		div#contenu h4 /*sous-sous-titre d'article*/
		{
			padding: 0px;
			margin: 15px 0px 0px 45px ;

		}






/*_______________ARTICLES DU BLOG__________________*/

		/*DIV ARTICLE_PAIR : cadre de l'article*/
		div#article_pair
		{
			margin : 0px 0px 40px 10px;
			padding : 5px 22px 2px 7px;
			background : url('im/bg_article.png') top left repeat-x;
			border-left : 4px solid #e3d09c ;
			border-bottom : 0px solid #e3d09c ;
		}
			
			
		/*DIV INFOS_ARTICLE : DEBUT D'ARTICLE >>> lien vers commentaires, nb commentaires, mail auteur etc... */
		div#infos_article 
		{
			margin : 0px ;
			padding : 2px 10px 2px 10px ;
		}
		
		div#infos_article p 
		{
			text-align: right ;
			margin : 0px;
			padding : 0px;
			color : #834711;
		}
			
		div#infos_article a 
		{
			color: #a06128;
			text-decoration: none;
		}


		/*DIV COMM_ARTICLE : FIN D'ARTICLE >>> lien vers commentaires, nb commentaires, mail auteur etc... */
		div#comm_article 
		{
			margin : 12px 0px 10px 0px;
			padding : 2px 20px 2px 20px;
		}
		
		div#comm_article p 
		{
			margin : 0px;
			padding : 0px;
			color : #834711;
		}
			
		div#comm_article a 
		{
			color: #a06128;
			text-decoration: none;
		}






/* _______________________PIED DE PAGE______________________________*/
		

		#footer
		{
			background: #555;
			border-top: 4px solid #ccc ;
		}		

		p#footer
		{
			margin: 0 ;
			height: 22px;
			padding: 0px 25px 0px 0px ;
			line-height: 22px ;
			text-align: right ;
			color: #000 ;
			font-size: 0.8em;
			
		}
			
		p#footer a
		{
			color: #000 ;
			text-decoration: underline;
			font-weight: bold ;
		}
			
		p#footer a:hover
		{
			color: #b50000 ;
			text-decoration: none;
		}

/*
========================================== FIN DU SCRIPT ===================================================

Code source modèle pour les blogs créés par Gwiad Design. Ce code peut librement être copié et modifié, même à des fins commerciale.
Merci dans ce cas de garder ce commentaire afin de citer la source.

Gwiad Design, made by Clément BRUNEAU
*/