/* CSS Document */

body {
	font: 1em Helvetica, sans-serif;
	font-size:11px;
	height : auto;
	width : auto;
	color : #999;
	line-height:14px;
	text-align: center;
	margin:0;
	background-image: url(../../IMG/base/test_fond.gif);
	background-repeat:repeat;
	
}


/***************  LIENS / IMG  *****************/

a
{
	text-decoration:none;
	outline:none;
	color:#000;

}

a:visited
{
	text-decoration:none;
	outline:none;
	color:#000;

}

a:hover{
	text-decoration: none;
	outline:none;
	color:#000;
	font-weight:bold;

}

a.on,
a.on:visited

{
	text-decoration:none;
	outline:none;
	color:#000;
	font-weight:bold;

}

a.on:hover{
	text-decoration: none;
	outline:none;
	color:#999;


}



p.spip{
margin:8px 0 0 0;
text-align:left;
	line-height:16px;
}




.tiroir{
	cursor: pointer; 
}

.poignee{
	cursor: pointer; 
}




/***************  LIENS MENU  *****************/

#menu #droite #bloc1 a
{
	text-decoration:none;
	outline:none;
	color:#000;
	padding:2px;
}

#menu #droite #bloc1 a:visited{
	text-decoration: none;
	outline:none;
	color:#000;
}

#menu #droite #bloc1 a:hover{
	text-decoration:none;
	font-weight:bold;
	outline:none;
	color:#000;

}


#menu #droite #
 a.on,
#menu #droite #bloc1 a.on:visited
{

	text-decoration:none;
	outline:none;
color:#000;
	font-weight:bold;
}

#menu #droite #bloc1 a.on:hover{
	text-decoration:none;
	outline:none;
	color:#000;

}

#menu #gauche a,
#menu #gauche a:visited
{
	font: 1.5em Helvetica, sans-serif;
	line-height:20px;
	text-decoration:none;
	outline:none;
	color:#000;

}

#menu #gauche a:hover{


	text-decoration: none;
	outline:none;
	color:#000;
	font-weight:bold;
	
}


#menu #gauche a.on,
#menu #gauche a.on:visited
{
	text-decoration:none;
	outline:none;
	color:#000;

}

#menu #gauche a.on:hover{
	text-decoration: none;
	outline:none;
	color:#000;

}




/**************s*****************/

h1{
	font-size:11px;
		width:170px;
	color : #000;
	margin:0px;
	padding:0px;

}

strong{
font-weight:bold;

}

img{

border:0px;
}


/***************  BLOCS PRINCIPAUX  *****************/


#container{
	position: relative;
	text-align: left;
	margin:0px auto; /* auto pour centrer horizontalement la boite dans BODY 
	text-align: left; /* pour annuler l'heritage de text-align:center de BODY */
	width: 745px; /* ou 100% pour largeur fluide pleine largeur */
	height:525px;
	padding:0; 
	
}



#container #slide{
	position:absolute;
	top:20px;
	left:640px;
	width:184px;
	background-color:#FFF;
	z-index:1000;
	border:solid 1px #CCCCCC;
	color:#000;
	padding:0 10px;
	display:none;
}


#container #lien_info {
	position:absolute;
	top:10px;
	left:188px;
	width:184px;
	text-align: center;

}


#container #footer_droit {
	position:absolute;
	top:565px;
	left:372px;
	width:372px;
	text-align: center;

}

#container #footer_gauche {
	position:absolute;
	top:565px;
	left:0px;
	width:372px;
	text-align: center;
	color:#000;

}


#footer a{
color:#000;


}

#container #page{
	position:relative;
	margin:0 0 0 0 ;
	border:solid 1px #CCCCCC;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
	width:100%;
	height:100%;
	text-align:left;
	background-color: #fff;

}

#container #flash{
	position:absolute;
	top:-9px;
	left:31px;
	width:32px;
	height:32px;

}


#container #header_right{
	position:absolute;
	top:10px;
	left:375px;
	width:372px;
	text-align: center;
	color:#000;


}




/***************  BLOCS PAGE  *****************/

.cache{
display:none;
}

.affiche{
visibility:visible;
}

#hirondel1{
	position:absolute;
	top:-1px;
	left:-28px;
}
#hirondel2{
	position:absolute;
	top:-1px;
	left:746px;
}
#hirondel3{
	position:absolute;
	top:553px;
	left:746px;
}
#hirondel4{
	position:absolute;
	top:553px;
	left:-28px;
}
#hirondel5h{
	position:absolute;
	top:561px;
	left:374px;
}
#hirondel5b{
	position:absolute;
	top:-1px;
	left:374px;
}

#hierarchie{
	position:absolute;
	top:10px;
	left:374px;

	width:374px;
	text-align:center;
	color:#333;
}

#page #menu{
	position:relative;
	margin:0;
	border:0;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	top:0px;
	left:0px;
	width:50%;
	height:50%;
	text-align:left;

}

	 	#menu #gauche{
		position:absolute;
		top:0px;
		left:0px;
		border:0;
		border-right:solid 1px #CCCCCC;
		border-bottom:solid 1px #CCCCCC;
		width:44%;
		height:240px;
		color:#999;
			padding:3%;
	background: #FFF;
	overflow: none;
		}			
			
	 	#menu #droite{
		position:absolute;
		top:0px;
		left:50%;
		width:50%;
		height:100%;
		}



			#menu #droite #bloc1{

			width:90%;
			height:43%;
			padding:5%;
			border:0;
			border-bottom:solid 1px #CCCCCC;
			}


			#menu #droite #bloc2{
			width:90%;
			height:43%;
			padding:5%;
			border:0;
			border-bottom:solid 1px #CCCCCC;
			}



/* MODULE CONTENU **************************************/		
		
#page #contenu{
	position:absolute;
	margin:0;
	border:0;
	border-right:solid 1px #cccccc;
	border-bottom:solid 0px #fff;
	top:0px;
	left:50%;
	width:50%;
	height:100%;
	text-align:left;

}

	#contenu #article{
	width:352px;
	height:506px;
	border-bottom:solid 1px #CCCCCC;
	color:#000;
	margin:0px;
	padding:10px 10px 10px 10px;

	}
	 #contenu #article #text{
	width:352px;
	margin:0px;
	padding:0 0 10px 0;
	line-height:16px;
}

	 #contenu #article h1{
	font-size:11px;
	width:332px;
	margin:0px;
	padding:0px;
}
	
	
	/*
	#contenu #article{
	padding:10px 0 10px 20px;
	width:333px;
	height:506px;
	border-bottom:solid 1px #CCCCCC;
	color:#000;
	margin:0px;

	}
*/

	#contenu #article h1{
	width:auto;

	}
	#contenu #article h3{
	font-size:11px;

	}
	 	#contenu #gauche{
		position:absolute;
		top:0px;
		left:0px;
		border:0;
		border-top:solid 0 #fff;
		border-right:solid 1px #CCCCCC;
		border-left:solid 1px #CCCCCC;
		border-bottom:solid 0 #CCCCCC;
		width:50%;
		height:100%;
		color:#999;
		background-color:#fff;
		}
			
			#contenu #gauche #haut{
			width:100%;
			height:50%;
			border:0;
			border-bottom:solid 1px #CCCCCC;
	
			}

			#contenu #haut #bloc1{
			width:90%;
			height:43%;
			border:0;
			border-bottom:solid 1px #CCCCCC;
				padding:5%; 

}

			#contenu #haut #bloc1 strong{
		color:#000;
		font-weight:bold;

}
			#contenu #haut #bloc2{
			width:90%;
			height:42%;
			border:0;
				padding:5%; 
			}

			#contenu #haut #bloc2 strong{
	font-size:15px;
	line-height:18px;
	font-weight:bold;
		}


			#contenu #gauche #bas{
			width:170px;
			height:244px;
			border:0;
			border-bottom:solid 1px #CCCCCC;
					padding:5%; 
			}
			
	 	#contenu #droite{
		position:absolute;
		top:0px;
		left:50%;
		border:0;
		border-top:solid 1px #fff;
		border-right:solid 1px #CCCCCC;
		border-bottom:solid 1px #CCCCCC;
		border-left:solid 1px #CCCCCC;
		width:176px;
		height:515px;
		padding-left:10px;
		padding-top:10px;
		color:#333;
		background-color:#fff;
		text-align:left;
		}

	 	#contenu #droite p.spip{
		width:165px;
	margin:0px;
	padding:0px;

}

	 	#contenu #droite h1{
	font-size:11px;
		width:170px;
	color : #000;
	margin:0px;
	padding:0px;
}
		#contenu #carton{
		position:absolute;
		top:0px;
		left:0px;
		width:372px;
		height:526px;
		text-align:left;

		border-left:solid 1px #CCCCCC;
		border-bottom:solid 1px #CCCCCC;
		overflow:hidden;
		}



/* MODULE CONTENU **************************************/		

#container #portfolio{
	position:relative;
	margin:0 0 0 0 ;
	border:solid 1px #ccc;
	width:100%;
	height:100%;
	text-align:left;
}
	 	#portfolio #contenu_gauche{
		position:absolute;
		top:0px;
		left:0px;
		border:0;
		border-right:solid 1px #ccc;
		width:71%;
		height:100%;
		color:#999;
		background-color:#fff;
		}
	 	#portfolio #contenu_gauche img{
		position:absolute;
		top:20px;
		left:20px;
		
		}


	 	#portfolio #contenu_gauche_texte{
		position:absolute;
		top:10px;
		left:0px;
		border:0;
		width:72%;
		height:20%;
		color:#999;
		}
		
			#contenu_gauche_texte #bloc1{
			position:absolute;
			width:310px;
			height:auto;
			top:430px;
			left:200px;
			
			}

			#contenu_gauche_texte #bloc2{
			position:absolute;
			width:150px;
			height:auto;
			top:430px;
			left:20px;
			color:#333;
			}
			#contenu_gauche_texte #bloc3{
			position:absolute;
			width:150px;
			height:auto;
			top:0px;
			left:372px;

			}


	 	#portfolio #contenu_droite{
		position:absolute;
		top:0px;
		left:530px;
		width:225px;
		height:100%;
		overflow:hidden;

		}



/***************  BLOCS PRINCIPAUX  *****************/


#container.blog{
	position: relative;
	text-align: left;
	margin:0px auto; /* auto pour centrer horizontalement la boite dans BODY 
	text-align: left; /* pour annuler l'heritage de text-align:center de BODY */
	width: 745px; /* ou 100% pour largeur fluide pleine largeur */
	height:auto;
	padding:0; 
	
}

#container.blog h1{

	width:300px;
}


#menu.blog{
	position:relative;
	margin:0;
	padding:0px;
	border:0;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	top:0px;
	left:0px;
	width:300px;
	height:auto;
	text-align:left;

}



#menu.blog form{

	width:320px;
}

#menu.blog fieldset textarea,
#menu.blog fieldset input{
	width:320px;
}

#menu.blog fieldset{
border:0;

}


form.lettre fieldset{
border:0;
padding:0;
}



/* MENU JQUERY */

		#navigation {

	font: 1em Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		list-style: none;
		width: 176px;
		text-align: left;

			}
		#navigation a, #navigation span {
			display: block;
			padding: 0px 0px;
			text-decoration: none;
			font-weight: bold;
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {

			font-weight: bold;

			}
		#navigation .open a, #navigation .open span {


			font-weight: bold;

			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {



			}
		#navigation .subMenu {
			/*background: #FFF url(menu_demo/subMenu.png) 0 0 repeat-x;*/
			margin: 0;
			padding: 0;
	font: 0.7em Helvetica, sans-serif;

			}


		#navigation ul.subMenu li {
			line-heigth:11px ;
			padding: 0 0 0 0;
			margin: 0;
}

		#navigation ul.subMenu li a{
			background: none;
			padding: 0 10px 0 0;
			margin: 0;
			}