/**************** CSS Document ***************/
*{
	padding: 0;
	margin: 0;
}

/***REDEFINITION DES BALISES***/

body{
	/*background: #000517;
	background: #111111;*/
	background:url(images/background.png);
	color : #404550;
}

h1,h2,h3,h4,h5,h6{
	color : #404570;
}

a{
	color:#FFaa00;
	text-decoration:none;
	font-weight: bolder;
}

a:hover{
	color:#FFCC00;
}

img{
	border:0;
}

input,textarea,select{
	border:0;
}

p{
	text-align:justify;
}

/***POSITIONNEMENT - LAYOUT***/

#global{
	width:993px;
	margin: 0 auto;
	padding: 0px;
	padding-top:20px;
	background:url(images/background.png);
	
	z-index:1;
}

#header{
	height:195px;
	background:url(images/header.png);
}

#logo{
	margin-top:8px;
}

#background{
	background: url(images/droite.png) repeat-y top right;
	/*margin-top:-10px;*/
	
	
}

#menu_hori{
	height:40px;
}


#central{
	width:100%;
	background: url(images/gauche.png) repeat-y top left;
	
}

#gauche{
	float:left;
	margin-left:20px;
	text-align:center;
	width:154px;
}

#droite{
	width: 725px;
	margin-left : 200px;
}

#principal{
	/*background:#3a3333;
	border: #F9E213 3px solid;
  	  */
}

#footer{
	clear:both;
	font-size:smaller;
	text-align:center;
	height:67px;
	background:url(images/footer.png);
}






/***MENUS***/

/*menu horizontal*/

#menu_hori ul{
	list-style-type:none;
	text-align:center;
	width:540px;
	height:30px;
	margin: 0 auto;
}
#menu_hori li{
	display: inline;
}
#menu_hori a{
	display:block;
	float:left;
	background: url(images/btmenu2_on.jpg);
	width: 125px;
	height:24px;
	margin: 0 5px 0 5px;
	font-size:14px;
	padding-top :  7px;
	
	text-align: center;
}

#menu_hori a:hover{
	background:url(images/btmenu2.jpg)
}

/*menu vertical*/

#menu_vert{
	width:154px;
}

#menu_vert .categorie{
	list-style-type:none;
	text-align:center;
	color:#FFFF66;
	background:#202020;
	border-left: #FFCC00 1px solid;
	border-right: #FFCC00 1px solid;
	border-bottom: #FFCC00 1px solid;
	margin-bottom: 7px;
}

#menu_vert .categorie h2{
	background:url(images/item_menu.jpg);
	height:24px;
	width:152px;
	padding-top : 3px;
	margin: 2px 0;
	font-size:1em;
	color:#F9E213;
}

#menu_vert .categorie li{
	list-style-type:none;
	text-align:left;
	padding-left:20px;
}
#menu_vert .categorie a{
	display:block;
	font-weight:bolder;
	text-decoration:none;
}

#menu_vert .categorie li:hover{
	background:#404040;
	border-left:#FFFF00 6px double;
}


/***AUTRES***/

/*case infos*/
.bloc{
	width:90%;
	background:#ffffdd;
	border: #F9E213 3px solid;
	padding:7px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

.bloc ul{
	margin-left:30px;
}

/*case gros plan*/
#gros_plan{
	width:220px;
	float:right;
	background:#ffffdd;
	border: #F9E213 3px solid;
	padding:7px;
	margin-top:20px;
	margin-bottom:20px;
}

#gros_plan img{
	display:block;
	border:#000000 1px solid;
	margin-left:8px;
}

/*case miniature*/
#miniatures{
	width:440px;
	float:left;
	background:#ffffdd;
	border: #F9E213 3px solid;
	padding:5px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

#miniatures img{
	border : 1px solid #000000;
	margin: 2px;
}

#miniatures img:hover,#miniatures img:active,#miniatures img:focus{
	border : 1px dotted orange;
}

/*MISE EN FORME*/

#titre_page a{
	display:block;
	color : #994540;
	text-align:center;
	font-size:30px;
	font-weight:bolder;
	text-align:center;
	background:rgb(246,211,19);
	margin-bottom:15px;
}

span.info_rub{
	font-size:smaller;
}

#info_desc{
	font-style: italic;
	border : 1px solid #000000;
	padding:7px 20px;
}

.image_view{
	text-align:center;
}

.image_view img{
	border : 1px solid #000000;
}

.projet_view{
	text-align:center;
}

.projet_view img{
	float:left;
	margin-right:7px;
	margin-bottom:3px;
	border : 1px solid #000000;
}

.projet_view p{
	text-align:justify;
}

.news h2{
	font-style: italic;
}

.news .date_infos{
	font-size:smaller;
}

.news .date_modif{
	float:left;
	color : #999977;
	font-size:smaller;
}

.news img{
	margin:7px;
	border:2px solid #000000;
}

.news .auteur{
	float:right;
}

.news hr{
	border:1px dashed #F9E213;
}

.correct_footer{
	clear:both;
}