
body {
	background: url("./img/fondhtml.png") repeat-y center;
	margin: 0;
	height: 100%
}

p {
	font-size : 70%;
	font-family : Verdana;
}

#main {
	position: relative;
	margin: 0 auto;
	width: 652px;
	padding-bottom: 10px;
	
}

#col_gauche {
	position: absolute;
	left: 0;
	top: 445px;
	width: 326px;
	padding-bottom: 20px;
	/*background-color: #ccc;*/
}

#col_droite {
	position: absolute;
	right: 0;
	top: 445px;
	width: 326px;
	/*background-color: #666;*/
	overflow: hidden;
	padding-bottom: 20px;
}

#xiti {
	position: fixed;
	right: 4px;
	bottom: 4px;
}

h2 {
	font-size : 1.1em;
	font-family : Verdana;
}

h6 {
	font-size : 0.5em;
	font-family : Verdana;
	color : #AFAFAF;
	margin-top: 23px;
}



.bloc_text {
	padding: 1px 0;
	margin-top: 2px;
}

p {
	margin: 0;
	padding: 0;
}
	

.gauche {
	padding-left: 23px;
}

.droite {
	padding-left: 10px;
}



.edito {
	background: url("./img/edito.jpg") repeat-x top left;
	margin: 23px 14px 0 23px;
	padding-top: 270px;
}
	
	
.rose_20 {
	background:  url("./img/rose_20.gif") repeat-y top left;
	padding-left: 23px;
	padding-right: 10px;
}

.bleu_20 {
	background:  url("./img/bleu_20.jpg") repeat-y top left;
	padding-left: 23px;
	padding-right: 10px;
}

.marron1_20 {
	background:  url("./img/marron1_20.jpg") repeat-y top left;
	padding-left: 23px;
	padding-right: 200px;
}

.marron2_20 {
	background:  url("./img/marron2_20.jpg") repeat-y top left;
	padding-left: 10px;
	padding-right: 130px;
}

.marron3_20 {
	background:  url("./img/marron3_20.jpg") repeat-y top left;
	padding-left: 10px;
	padding-right: 23px;
}



.vert1_10 {
	background:  url("./img/vert1_10.jpg") repeat-y top left;
	padding-left: 23px;
	padding-right: 10px;
}

.orange_10 {
	background:  url("./img/orange_10.jpg") repeat-y top left;
	padding-left: 23px;
	padding-right: 10px;
}
.vert2_10 {
	background:  url("./img/vert2_10.jpg") repeat-y top left;
	padding-left: 23px;
	padding-right: 130px;
}
.rouge_10 {
	background:  url("./img/rouge_10.jpg") repeat-y top left;
	padding-left: 10px;
	padding-right: 130px;
}
.rose_10 {
	background:  url("./img/rose_10.jpg") repeat-y top left;
	padding-left: 10px;
	padding-right: 23px;
}



.beige {
	background:  url("./img/beigeg22mai.gif") repeat-y top left;
	padding-left: 23px;
	padding-right: 10px;
}

.rose {
	background: url("./img/roseg22mai.gif") repeat-y top left;
	padding-left: 23px;
	padding-right: 10px;
}

.marron {
	background: url("./img/marrong22mai.gif") repeat-y top left;
	padding-left: 23px;
	padding-right: 200px;
}

.rouge {
	background: url("./img/rouged22mai.gif") repeat-y top left;
	padding-left: 10px;
	padding-right: 130px;
}

.vert {
	background: url("./img/vertd22mai.gif") repeat-y top left;
	padding-left: 10px;
	padding-right: 23px;
	
}



.vert1_18 {
	background:  url("./img/vert1_18.jpg") repeat-y top left;
	padding-left: 23px;
	padding-right: 10px;
}

.rose_18 {
	background:  url("./img/rose_18.jpg") repeat-y top left;
	padding-left: 23px;
	padding-right: 10px;
}

.marron_18 {
	background:  url("./img/marron_18.jpg") repeat-y top left;
	padding-left: 23px;
	padding-right: 200px;
}

.vert2_18 {
	background:  url("./img/vert2_18.jpg") repeat-y top left;
	padding-left: 10px;
	padding-right: 130px;
}

.jaune_18 {
	background:  url("./img/jaune_18.jpg") repeat-y top left;
	padding-left: 10px;
	padding-right: 23px;
}



.rose_16 {
	background:  url("./img/rose_16.jpg") repeat-y top left;
	padding-left: 23px;
	padding-right: 10px;
}

.vert_16 {
	background:  url("./img/vert_16.jpg") repeat-y top left;
	padding-left: 23px;
	padding-right: 10px;
}

.orange_16 {
	background:  url("./img/orange_16.jpg") repeat-y top left;
	padding-left: 23px;
	padding-right: 200px;
}

.rouge_16 {
	background:  url("./img/rouge_16.jpg") repeat-y top left;
	padding-left: 10px;
	padding-right: 130px;
}

.bleu_16 {
	background:  url("./img/bleu_16.jpg") repeat-y top left;
	padding-left: 10px;
	padding-right: 23px;
}



.mp1 {
	background:  url("./img/mp1.jpg") repeat-y top left;
	padding: 2px 10px 2px 50px;
	margin-top: 25px;
}

.mp2 {
	background:  url("./img/mp2.jpg") repeat-y top left;
	padding: 2px 10px 2px 50px;
	margin-top: 5px;
}

.mp3 {
	background:  url("./img/mp3.jpg") repeat-y top left;
	padding: 2px 10px 2px 50px;
	margin-top: 3px;
}

.mp4 {
	background:  url("./img/mp4.jpg") repeat-y top left;
	padding: 2px 10px 2px 50px;
	margin-top: 2px;
}

.mp5 {
	background:  url("./img/mp5.jpg") repeat-y top left;
	padding: 2px 10px 2px 50px;
	margin-top: 5px;
}

a {
	color: #000;
	text-decoration: none;
}
	
