
/* Feuille de styles DB2M v1.0 - juillet 2008 */



/* ----------- Styles génériques ----------- */

	h1, h2, h3, ul, li, div {
		margin: 0;
		padding: 0;
		border: 0;
	}

	h1 {
        font-size: 1px;
		width: 849px;
        text-indent:-9999px;
		
	}

	h2 {
		font-size: 1em;
	}


	body {
		background: #68012E url(../images/fond.jpg) top center repeat-y;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		margin: 0px;
		padding: 0px;
		text-align: center;
	}




/* ---------- Structure ---------- */
	
/* ----- centrer la page ----- */
		#page {
			width: 849px;
            height:186px;
			margin: 0 auto 0 auto;
			text-align: left;
			background: url(../images/edito.png) top right no-repeat;
		}
		#header {
			background:#F9C9DF;
       	    height:213px;
			text-align:center;
		}
	
/*   Menu de navigation   */
		    ul#menu {
                background: #B61B5F url(../images/menu_fond.jpg);
     			list-style: none;
				margin: 0 auto 0 auto;
	            width: 760px;
				height: 23px;
				font-size:1.2em;
			}
			ul#menu li {
				border-right: solid 1px #FFFFFF;
				display:inline;
				padding: 0 1em 0 1em;

			}
			ul#menu li a {
				font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
				color: #FFFFFF;
			}
			ul#menu li a:link					{ text-decoration: none; }
			ul#menu li a:visited				{ text-decoration: none;
												  color: #FFFFFF; }
			ul#menu li a:hover 					{ text-decoration: none;
												  color: #F9C9DF; }
			ul#menu li a:active 				{ text-decoration: none;
												  color: #FFFFFF; }
			.last{
				border: none !important; 
			}

			
/* ----- Contenu principal ----- */
	
		#gauche {
		float:left;
		margin:0 0 0 45px;
		width:321px;


		}
/*   edito   */
			
			h3.edito {
				background: url(../images/page_02.jpg) top left no-repeat;
				width: 321px;
				height: 40px;
				text-indent: -9999px;
				margin-top: 0.5em;
			}
			
			#edito {
				padding: 0.8em;
			}
/*   news   */
			
			h3.news {
				background: url(../images/page_07.jpg) top left no-repeat;
				width: 321px;
				height: 40px;
				text-indent: -9999px;
				margin-top: 0.5em;
			}
			
			#news {
				text-align:center;
				color:#68012E;
			}	

		#droite {
		float:right;
		margin: 0 45px 0 0 ;
		width:400px;
		text-align:right;
		margin-top: 0.5em;

		}
/*   large   */

			#total {
			float:left;
			margin:10px 45px 0 45px;

		    }
			
			
			#large {
			width:760px;
			}		
/*   videos  */
		   ul#videos {
               
				list-style: none;
			}
           ul#videos li {
	        border-bottom-width: 1px;
	        border-bottom-style: solid;
	        border-bottom-color: #F9C9DF;
			padding-bottom:200px;
			padding-top:1em;          
			}
            .flv{
            float:left;
            width:250px;
            }
			.com{
			padding-top:70px;
            float:right;
            width:500px;
			color:#68012E;
            }

/*   Formulaire  */
#form_contact {
    color:#000000;
	margin:0;
	padding:0;
}
#form_contact p {
	margin:0;
	padding: 0;
}

#form_contact label {
	color:#000000;
	width: 120px;
	display: block;
	cursor: pointer;
	float: left;
	margin-top: 0.65em;
	clear: left;
}

#form_contact input {
	float: left;	
	margin-top: 0.65em;
}
#form_contact select {
	float: left;
	margin-top: 0.65em;
}
#form_contact textarea {
	float: left;
	margin: 1em 0 1em 0;
}
#form_contact img {
	float: left;
	clear: left;
	margin-left:120px;
}

.champs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}
#form_contact label.copier {
	float: left;
	clear: none;
	margin-left:30px;
	width:65px;
}
.boutons {
	margin-top: 0.65em;
	float: left;
	margin-left:120px;
	clear: left;
}
/*   rea   */
#rea {
float:left;
margin:10px 45px 0 45px;
}

#rea p img {
	margin: 10px 22px;

}
.barre {
color:#B61B5F;

}
/*   realisations  */
		   ul#realis {
               
				list-style: none;
			}
           ul#realis li {

			padding-bottom:96px;
			padding-top:1em;          
			}
            #t_realis{
            float:left;
            width:250px;
            }
			#com_realis{
			padding-top:2em;
			float:right;
            width:450px;
			color:#68012E;
            }
