/* Orange : #E45818; Or : #B2B365*/

body {		
	margin:0;
	font-family: Arial, Verdana, Geneva, sans-serif;
	color:#FFF;
	line-height: 140%;
	font-size: 13px;
  background:#000000;
  text-align: center; 
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#000000;
  scrollbar-shadow-color:#555555;
  scrollbar-face-color:#000000;
  scrollbar-highlight-color:#000000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-3dlight-color:#000000;
}

/* style des div principales*/
#global{ 
  margin: 0 auto;
	width:950px; 
	background:transparent url(images/animadeco/decoupe_03.jpg) no-repeat 0 0;
}

#header {
  text-align: left;
	height:145px;
	padding-top:10px;
}
#header a.logo{
  display:block;
  width:135px;
  height:107px;
	background:transparent url(images/animadeco/logo.jpg) no-repeat 0 0;  
	position:absolute;
	margin-left:18px;
}
#header a.animation{
  display:block;
  width:480px;
  height:140px;
	background:transparent url(images/animadeco/anim.gif) no-repeat 0 0;  
	position:relative;
	left:168px;	
}
#container{
  width:950px;
	margin:0;
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; /* rétablir */
}
#colonneGauche {
	width: 570px;
	float:left;	
	background:transparent url(images/animadeco/decoupe_06.jpg) no-repeat bottom left;
	padding:20px 10px 130px 20px;
}
#colonneGauche p{
	text-align: justify;
}
#colonneGauche div#texte{
	clear:both;
	height:410px;
	overflow:auto;
	padding-right:10px;
	min-height:410px;
}
#colonneGauche div#texte p img{
	 border:1px solid white;
}
#menuLateral{
  margin-top:150px;
  width: 165px;
	float:left;	
	border-right:4px double #888;
	height:440px;
	padding-top:10px;
}
#colonneDroite {
  margin-top:150px;
	width: 175px;
	float:left;	
}

#pathway1{
  background : url('images/animadeco/coin1.jpg') no-repeat 0 0;
	float:left;
}
#pathway2{
  font-size:16px;
  font-weight:bold;
  color : #E45818;
  background : url('images/animadeco/coin2.jpg') no-repeat bottom right;
  padding:8px 8px 8px 8px;
}


/*--------------------------------*/
/*-------------menus--------------*/
#colonneDroite ul {
	color:#FFF;
	margin-bottom:20px;
}
/*-------premier de la liste ORANGE ------*/
#colonneDroite ul li.niveau1 {	
	list-style-type:none;
	background:#000 url(images/animadeco/fond_menu.jpg) no-repeat 0 0;
	margin-left:-20px;
	padding:12px 0px;
	text-align:center;
	width:166px;
}
#colonneDroite ul li.niveau1 a{	
	color:#E45818;
	font-size:20px;
	letter-spacing:1px;
	font-style:normal;
	font-weight:normal;
  text-decoration:none;
  text-transform: uppercase;
}
/*-------deuxième niveau Blanc ------*/
#colonneDroite ul li.niveau2 {	
	list-style-type: disc;
  list-style-image: url(images/animadeco/puce.gif);
  list-style-position: inside;
	line-height:25px;
	margin-left:-60px;
	width:170px;
}
#colonneDroite ul li.niveau2 a{	
	color:#FFF;
	text-decoration:none;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
}
#colonneDroite ul li.niveau2 a:hover{	
	color:#B2B365;
}
#colonneDroite ul li.niveau2 a.lienActif {	
	font-weight:bold;
	color:#B2B365;
}
/*-------troisième niveau petit blanc ------*/
#colonneDroite ul li.niveau3 {	
	list-style-type:square;
	line-height:19px;
	margin-left:-80px;
	width:170px;
	
}
#colonneDroite ul li.niveau3 a{	
  color:#FFF;
  text-decoration:none;
	font-weight:normal;
	font-style:normal;
	font-size:14px;
}
#colonneDroite ul li.niveau3 a.lienActif {	
	background-color:#FFF;
	color:#000;
	font-weight:normal;
}
#colonneDroite ul li.niveau3 a:hover {	
	background-color:#FFF;
	color:#000;
	font-weight:normal;
}

/*------- liens bas------*/
#colonneDroite #liens_bas ul li.niveau1 {	
	list-style-type:square;
	background:none;
	margin-left:0px;
	padding:0px;
	text-align:left;
		color:#E45818;
}
#colonneDroite #liens_bas ul li.niveau1 a{	
	color:#E45818;
	font-size:14px;
	letter-spacing:1px;
	font-style:normal;
	font-weight:normal;
  text-decoration:none;
  text-transform: uppercase;
}
#colonneDroite #liens_bas ul li.niveau1 a.lienActif {	
	font-weight:bold;
}
/*------- tapis deroulant------*/

#menuLateral ul, #menuLateral li, #menuLateral h3, #menuLateral h2, #menuLateral h1, #menuLateral p{
	padding:0;
	margin:0;
	list-style:none;
}

/*-------------------------------*/
/*---------fin menus-------------*/
/*-------------------------------*/
div#texte p img{
  border:0;
  margin:10px 0 10px 0;
}

div#texte p img.left{
  border:0;
  margin:0 10px 10px 0;
}

div#texte p img.right{
  border:0;
  margin:0 0 10px 10px;
}

a{
  color: #E45818;
}
a:hover{
  text-decoration:none;
  color: #FFF;
}

/*sert pour les formulaires pas bien remplis, met en évidence le champ vide*/
table.formulaire{
  border-collapse:collapse;
	border:1px dashed #cccccc;
	padding:0;
	margin:10px 0;
}
table.formulaire tr td{
  font-size:9px;
  line-height:12px;
	padding:5px 0;
	margin:0;
	width:15%;
	text-align:center;
	border:1px dashed #cccccc;
}



.message{
  font-size:10px;
  color:#0072B6;
  text-align:left;
}


h1{
  font-size:20px;
  color: #662D91;
}
h2{
  font-size:16px;
  color: #B2B365;
}
h3{
  font-size:14px;
  font-weight:bold;
  color: #0071BC;
}
h4{
	padding:0;
	font-size: 14px;
	font-weight: bold;
	color: #719500;
}
hr{
	background-color: #cccccc;
	height: 1px;
}
hr.clear{
	clear:both;
	visibility:hidden;
}


#copyright, #copyright a{
  font-size:9px;
  color:#333;
  text-align:left;
}
.slideshow { height: 132px; width: 132px; margin: auto }

a img{
  border:0;
}
a#suivant{
  display:block;
  width:34px;
  height:16px;
	background:transparent url(images/animadeco/suivant.gif) no-repeat 0 0;  
}
a#precedent{
  display:block;
  width:34px;
  height:16px;
	background:transparent url(images/animadeco/precedent.gif) no-repeat 0 0;  
}