/* Support du PNG par ie6 */
img, a, p, table { behavior: url(../defaut-ie.htc) }
hr { clear:both;visibility:hidden;margin:0;padding:0;height:0; }
body, html{height:100%;width:100%;}
body {
	margin:0;
	padding:0;
	background: url(../images/cadre-arriere-formation.jpg) repeat-x 50% 0 #242424    ;
	color:#eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
sup{
	line-height:0;
}

.home_diapo{position:absolute; height:332px; width:960px; left:20px; top:118px; z-index:100; background:url(../images/bandeau-cochonnailles/cochonnailles-du-haut-bois-formation-01.jpg) no-repeat}



h2 {
	text-align:left;
	font-size:24px;
	line-height:24px;
	font-weight:400;
	color:#eee;
	margin:0;
	padding:3px 0;
}

h3 {
	text-align:left;
	font-size:22px;
	line-height:20px;
	font-weight:400;
	margin:0;
	padding:5px 0;
}

h3, h4 { color:#eee; }

h4 {
	font-size:14px;
	font-weight:700;
	margin:0;
	padding:5px 0;
}

a {	font-weight:400; color:#eee;}
a:hover { text-decoration:none; color:#e9b4a4;}

.texte_mis_en_evidence {color:#eee;}
.texte_mis_en_evidence a {color:#eee;}
.texte_mis_en_evidence a:hover {color:#eee;}







/*****************************************************
				infosurimage
*****************************************************/
.infosurimage {
	position:absolute;
	top:380px;
	right:160px;
	z-index:500;
}
.infosurimage a {
	font-family: 'Dancing Script', cursive;
	color:#FFF;
	font-size:38px;
	text-decoration:none;
	
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;

	-webkit-text-shadow:0px 1px 0 rgba(0,0,0,.2);
	text-shadow:0px 1px 0 rgba(0,0,0,.2);
}
.infosurimage a:hover {color:#e9b4a4;}










/************************************************
				Opacite, img
************************************************/

img{border:none}
.border {margin:2px;border:1px solid #666666;}

/* Opacite sur les images */
.opacite {
	padding: 2px 2px;
	background:#FFFFFF;

/* Ombre sur img */
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.4);
	box-shadow: 0px 2px 3px rgba(0,0,0,.4);
}
a img.opacite {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.opacite {filter:alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}




/************************************************
				Corps et conteneur
************************************************/
div#conteneur {
	margin:auto;
	width:1000px;
	position:relative;
}
div#contenu {
	text-align:left;
	margin: 0;padding: 0;
}
html>body #contenu {
	height:auto;
	min-height:350px;
}

div#contenu p {
	margin:0;
	padding:0;
}

div#contenu_modifiable ul.puce {
	list-style-type:none;
	margin:5px 0 5px 0;
	padding:0 0 0 0px;
}
div#contenu_modifiable ul.puce li {
	background:url(../images/rond-rose.png) no-repeat left 5px;
	margin-left:0px;
	padding:2px 0 2px 15px;
}
.colonnes_2,.colonnes_3, .colonnes_4 {float: left;}
.colonnes_2  { width:50%;position: relative;}
.colonnes_3  { width:33%;position: relative;}
.colonnes_4  { width:25%;position: relative;}



/************************************************
				ul li 
************************************************/
.niv0{ list-style-type:none; font-size:13px; padding:0; margin:0; }
.niv0 li { margin:5px; }
.niv0 a { text-decoration:none; }
.niv0 a:hover { text-decoration:underline; }

.niv1{ font-size:12px; font-weight:bold;}
.niv1 a { text-decoration:none; }
.niv1 a:hover { text-decoration:underline; }

.niv2 a{ text-decoration:none; font-weight:normal; }
.niv2 a:hover{ text-decoration:underline; }