/*
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
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: url('bg.jpg') top left no-repeat #552000;
		}


/*______________________CONTENEUR = COLONE CENTRALE__________________________*/
		div#conteneur
		{
			width: 770px ;
			margin: 0 auto ;
			text-align: left ;
			border: 4px solid #fe8e00 ;
			background: #fff6de;
		}

/*_____________________SOUS HEADER = IMG SMALL______________________*/
		div#sous_header1
		{
			float: right;
			height: 350px ;
			width: 770px;
			margin-top: 0px ;
			margin-right: 0px;
			background: url("img1.jpg") no-repeat bottom right ;

		}

		div#sous_header2
		{
			float: right;
			height: 350px ;
			width: 770px;
			margin-top: 0px ;
			margin-right: 0px;
			background: url("img2.jpg") no-repeat bottom right ;
		}
		
		div#sous_header3
		{
			float: right;
			height: 350px ;
			width: 770px;
			margin-top: 0px ;
			margin-right: 0px;
			background: url("img3.jpg") no-repeat bottom right ;
		}
		div#sous_header4
		{
			float: right;
			height: 350px ;
			width: 770px;
			margin-top: 0px ;
			margin-right: 0px;
			background: url("img4.jpg") no-repeat bottom right ;
		}
		div#sous_header5
		{
			float: right;
			height: 350px ;
			width: 770px;
			margin-top: 0px ;
			margin-right: 0px;
			background: url("img5.jpg") no-repeat bottom right ;
		}

/*______________________HEADER = IMAGE DE TETE_______________________*/
		h1#header
		{
			float : left ;
			margin-top: 0px;
			height: 230px ;
			margin: 0 ;
			background: transparent ;

		}
			
		h1#header a
		{
			width: 250px ;
			height: 120px ;
			display: block ;
			background: url(title.png) no-repeat ;
			position: relative ;
			left: 170px ;
			top: 15px ;
		}
			
		h1#header a span /*faux calque pour faire un lien vers l'index*/
		{
			display: none ;
		}





/*_____________________DEFINITION DU MENU DYNAMIQUE_______________________*/
		ul#menu
		{
			position: relative;
			height: 35px ; 
			margin-top: -148px ;
			padding: 0 ;
			background: transparent ;
			list-style-type : none ;
			float: left;
		}
		
		ul#menu li
		{
			margin-left : 0px ;
			text-align: left ;
            width: 240px ;
			line-height: 26px ;
			font-size: 1.2em ;
			font-weight: bold ;
			color: #552000 ;
			text-decoration: none ;
            background: transparent ;
			Display: block;
		}

		ul#menu li a
		{
			margin-left : 0px ;
			padding-left : 10px ;
			width: 240px ;
			line-height: 26px ;
			font-size: 1em ;
			font-weight: bold ;
			color: #552000 ;
			text-decoration: none ;
            background: url(bouton.png) no-repeat 0px 0px ;
			display: block ;
		}
			
		ul#menu li a:hover
		{
			background: transparent ;
		}






/*__________________CONTENU SOUS LE HEADER__________________*/
		div#contenu
		{
			padding: 30px 0px 30px 80px ;
		}
			
		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
			margin: 12px 0px 25px 0px;
			color: #552000;
		}
			
		div#contenu a
		{
			color: #552000 ;
			text-decoration: underline;
		}
			
		div#contenu a:hover
		{
			color: #552000 ;
			text-decoration: none;
		}
			
		div#contenu h1
		{
			text-align: left;
			color: #552000;
			font-size: 1.9em;
			padding-top: 320px;
			margin-bottom: 40px;
		}	
			
		div#contenu h2 /*titre d'article*/
		{
			padding: 0px;
			margin: 0px 0px 0px 35px;
			line-height: 25px ;
			font-size: 1.5em ;
			color: #fe8e00 ;
			border-bottom: 1px solid #552000 ;
			text-decoration : none ;

		}
		
		div#contenu h2 a
		{
			color: #fe8e00 ;
		}
		
		div#contenu h2 a:hover
		{
			color: #552000 ;
		}
			
		div#contenu h3 /*sous-titre d'article*/
		{
			padding: 0px;
			margin: 0px 0px 0px 15px ;
			color: #552000 ;
			font-size: 1.3em ;
			text-decoration : none ;
		}

/*__________________INTRO CADRE__________________*/
		div#intro
		{
			background : #fff6de;
			padding-left : 20px;
			padding-right : 20px;
			width: 390px ;
			padding-top: 0px;
			margin-top: 0px;
			margin-left: 10px;
			border: 1px solid #fe8e00 ;
			z-index:1000px;
		}
		div#intro p
		{
			text-align: left;
			font-size: 1.1em;
			color: #fe8e00;
		}
		div#intro p span
		{

			text-align: left;
			font-size: 1.3em;
			color: #552000;
		}



/*_______________ARTICLES DU BLOG__________________*/

		/*DIV ARTICLE_PAIR : cadre de l'article*/
		div#article_pair
		{
			margin : 0px 0px 40px 10px;
			padding : 0px 22px 2px 7px;
			border-left : 4px solid #fe8e00 ;
		}
			
		div#article_pair h2 a
		{
			text-decoration: none;
		}
			
		/*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 : #552000;
		}
			
		div#infos_article a 
		{
			color: #552000;
			text-decoration: underline;
		}
		
		div#infos_article a :hover
		{
			color: #552000;
			text-decoration: none;
		}
		
		div#photosDroite
		{
		float:right;
		margin: 0px;
		padding-left : 15px;
		padding-bottom : 15px;
		}

		div#photosDroite p
		{
		text-align : center;
		text-indent : 0px;
		font-size : 0.9em;
		margin : 0px;
		padding : 0px;
		color: #552000;
		}
		
		div#photosGauche
		{
		float: left;
		margin: 0px;
		padding-left : 15px;
		padding-bottom : 15px;
		}

		div#photosGauche p
		{
		text-align : center;
		text-indent : 0px;
		font-size : 0.9em;
		margin : 0px;
		padding : 0px;
		color: #552000;
		}

		/*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 : #552000;
		}
			
		div#comm_article a 
		{
			color: #552000;
			text-decoration: underline;
		}
		
		div#comm_article a :hover
		{
			color: #552000;
			text-decoration: none;
		}

		/*DIV COMMENTAIRE : Commentaire complet dans news.php */
		div#commentaire
		{
			margin : 12px 10px 10px 10px;
			padding : 2px 20px 2px 20px;
			border: 1px solid #CCC;
			background: #fffcf3;
		}
		
		div#commentaire p 
		{
			margin : 0px;
			padding : 0px;
			color : #552000;
		}
			
		div#commentaire a 
		{
			color: #fe8e00;
			text-decoration: none;
		}





/* _______________________PIED DE CONTENU______________________________*/
		p#footer
		{
			margin: 0 ;
			height: 29px;
			padding-right: 25px ;
			line-height: 29px ;
			text-align: right ;
			color: #552000;
			background: url("separ.png") top left repeat-x;
		}
			
		p#footer a
		{
			color: #552000 ;
			text-decoration: underline;
			font-weight: bold ;
		}
			
		p#footer a:hover
		{
			color: #fff6de ;
			text-decoration: none;
		}

		/* _______________________PIED DE PAGE______________________________*/
		p#footer_page
		{
			margin: 0 ;
			padding-right: 25px ;
			text-align: center ;
			color: #fff6de ;
			background: transparent;
			width: 100% ;
			font-size: 0.8em;
		}
			
		p#footer_page a
		{
			color: #fff6de ;
			text-decoration: underline;
			font-weight: bold ;
		}
			
		p#footer_page a:hover
		{
			color: #fff6de ;
			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
*/