/* 
************************************************************************************ 
GENERAL
************************************************************************************ 
*/

a{outline: none;}
:focus{-moz-outline-style: none;}


html, body {
margin: 0;
padding: 0;
height: 100%;
border:0;
}


body{
background:#837b72;
font-size:12px;
color:#b7b4af;
font-family: Trebuchet MS, Arial, sans-serif;
}

img{
border: 0;
margin: 0;
padding: 0;
}

p{
border: 0;
margin: 0 0 15px 0;
padding: 0;
line-height:15px;
}

.png, .win_png, .format_png{
behavior: url('data/css/png.htc');
}

a{
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
color:#363636;
}

a:hover{
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
color:#c2280c;
}

.clear{
clear:both;
font-size:1px;
height:1px;
overflow:hidden;
margin:0;
}

ul{
margin:0;
padding:0;
border:0;
list-style-position:outside;
list-style:none;
}

li{
margin:0;
padding:0;
border:0;
}

/* 
************************************************************************************ 
ACCESSIBILITE
************************************************************************************ 
*/

h1{ display:none; } 
h2{ display:none; }
.hide{ display: none; }
@media aural{ .hide{display: block;} }


h1#kidimo{
display:block;
position:absolute;
width:260px;
height:70px;
left:80px;
top:40px;
margin:0;
z-index:20;
}

		h1#kidimo a{
		display:block;
		height:100%;
		width:100%;
		}
		
		h1#kidimo span{
		display:none;
		}

/* 
************************************************************************************ 
SPIP
************************************************************************************ 
*/

.spip_documents{ border:0; }
.spip_documents_left{ float:left;display:inline;margin:0 13px 6px 0; clear:both;}
.spip_documents_right{ float:right;display:inline;margin:0 0 6px 13px; clear:both;}
.spip_documents_center{ display:block;text-align:center;clear:both}
.spip_documents img{ border:1px solid #b7b4af; padding:1px;}
.spip_documents .imgTitle{font-size:12px;font-weight:bold;}


/* 
************************************************************************************ 
MISE EN PAGE
************************************************************************************ 
*/


#global{
position:absolute;
background:url('../img/fondKidimo.jpg') no-repeat;
overflow:hidden;
}


		#global.grand{
		width:1150px;
		height: 820px;
		top:50%;
		left:50%;
		margin: -410px 0 0 -575px;
		}

		#global.petit{
		width:1150px;
		height:760px;
		top:-30px;
		left:-79px;
		}

		#global.dev{
		position:relative;
		width:1150px;
		height: 820px;
		margin:0 auto;
		}

#box{
position:relative;
width:1150px;
height: 820px;
}	

		#contenu{
		position:absolute;
		top:140px;
		left:97px;
		width:955px;
		}	

				#contenu ul{
				list-style-position:outside;
				list-style-type:circle;
				margin-bottom: 15px;
				padding-left:35px;
				}
				
				#contenu p a, #contenu li a{
				color:#ffffff;
				text-decoration:underline;
				font-weight:bold;
				}	

				#contenu p a:hover, #contenu li a:hover{
				color:#bbbbbb;
				text-decoration:underline;
				}
				
				h3{
				float:left;
				display:inline;
				font-size:16px;
				color:#e74935;
				font-weight:normal;
				margin: 0 0 10px 0;
				padding:0;
				}
				
				.separator{
				float:left;
				display:inline;
				height:380px;
				width:1px;
				margin: 0 15px;
				}

				#colGauche{
				float:left;
				display:inline;
				height:380px;
				}

				#colDroite{
				float:right;
				display:inline;
				height:380px;
				}

/********************************************************************/
/*					     	PAGINATION   	         			    */
/********************************************************************/

#contenu .numPage{
position:relative;
display:block;
clear:both;
text-align:left;
margin: 10px 0;
color:#b7b4af;
font-size:10px;
}

		#contenu .numPage a{
		font-weight:bold;
		color:#e74935;
		text-decoration:none;
		}

		#contenu .numPage a:hover{
		font-weight:bold;
		color:#ffffff;
		text-decoration:none;
		}


/* 
************************************************************************************ 
NAVIGATION
************************************************************************************ 
*/

#selectLang{
position:absolute;
left:340px;
top:88px;
height:11px;
}

		#selectLang li{
		display:inline;
		float:left;
		margin-right:6px;
		}

		#selectLang a{
		display:block;
		height:11px;
		width:16px;
		overflow:hidden;
		}

				#selectLang a#langFR{ background:url('../img/fr.gif'); }
				#selectLang a#langEN{ background:url('../img/en.gif'); }


#navigation{
position:absolute;
right:84px;
top:83px;
height:21px;
}

		#navigation li{
		display:inline;
		float:left;
		}

		#navigation a{
		display:block;
		height:21px;
		overflow:hidden;
		}

				#navigation a.navConcept{
				background:url('../img/navConcept.gif');
				width:80px;
				}

				#navigation a.navNews{
				background:url('../img/navNews.gif');
				width:59px;
				}

				#navigation a.navMots{
				background:url('../img/navMots.gif');
				width:111px;
				}

				#navigation a.navMedias{
				background:url('../img/navMedias.gif');
				width:115px;
				}

				#navigation a.navParle{
				background:url('../img/navParle.gif');
				width:138px;
				}

				#navigation a.navNewsletter{
				background:url('../img/navNewsletter.gif');
				width:91px;
				}

				#navigation a.navContact{
				background:url('../img/navContact.gif');
				width:76px;
				}

				#navigation a#navhover{
				background-position: 0 100%;
				}
				
				#navigation a:hover{
				background-position: 0 100%;
				}


#contenu #ssNav{
float:left;
display:inline;
margin:8px 0 10px 20px;
line-height:10px;
font-size:11px;
padding-left:20px;
background:url('../img/flecheNav.gif') no-repeat left;
}

		#ssNav li{
		float:left;
		display:inline;
		margin-right:10px;
		padding-right: 10px;
		border-right:1px solid #837B72;
		}

				#ssNav li.last{
				border:0;
				}

		#ssNav li a{
		color:#837B72;
		font-weight:bold;
		text-decoration:none;
		}

		#ssNav li a:hover, #ssNav li a.hover{
		color:#ffffff;
		text-decoration:none;
		}

/* 
************************************************************************************ 
FOOTER
************************************************************************************ 
*/

#slogan{
position:absolute;
left:130px;
top:106px;
font-size:16px;
color:#e74935;
font-weight:bold;
}	

#logo{
position:absolute;
left:85px;
top:690px;
}	

#copyright{
position:absolute;
left:85px;
top:710px;
}

#liens{
position:absolute;
right:90px;
top:710px;
text-align:right;
}

		#liens li{
		display:inline;
		margin:0;
		padding:0;
		}

				#liens li#rss{
				background:url('../img/puceRss.gif') no-repeat;
				background-position:0% 50%;
				padding-left:20px;
				}
				
				#liens li#facebook{
				background:url('../img/puceFacebook.gif') no-repeat;
				background-position:0% 50%;
				padding-left:20px;
				margin-left:15px;
				}

				#liens li#share{
				background:url('../img/puceAddthis.gif') no-repeat;
				background-position:0% 50%;
				padding-left:20px;
				margin-left:15px;
				}

				#liens a{ color:#000000; }
				#liens a:hover{ color:#ffffff; }
		
		.footer{
		font-size:10px;
		color:#000000;
		margin:0 0 2px 0;
		padding:0;
		}

/* 
************************************************************************************ 
FORMULAIRE COMMENTAIRES
************************************************************************************ 
*/

h4{
display:block;
font-weight:bold;
color:#E74935;
margin:5px 0 10px 0;
font-size:16px;
}

#formcommentaire{
margin:20px 0;
border-top:1px solid #b44630;
}

#listecommentaire{
margin-top:40px;
border-top:1px solid #b44630;
}

.commentaire{
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px dotted #bab4a6;
}

.commentaire.last{
padding-bottom:5px;
margin-bottom:10px;
border-bottom:0;
}

.formulaire_spip form{
margin:0;
border:0;
padding:0;
}

.formulaire_spip fieldset{
margin:0;
border:0;
padding:0;
}


.formulaire_spip fieldset.previsu{
margin:20px 0;
border:1px solid #b44630;
padding:5px;
background:#fafafa;
}

.formulaire_spip legend{
display:none;
}

.formulaire_spip label{
display:block;
}

.formulaire_spip input{
font-size:11px;
margin: 0 0 5px 0;
}

.formulaire_spip textearea{
font-size:11px;
margin: 0 0 5px 0;
}