* { margin:0; padding:0; list-style-type:none; border:0px none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; }

/*--------------------  HACK HAUTEUR IE -------------------- */

* html #main-padding {
	height: 400px;
}


/* -------------- LIENS -------------------- */

a, a:visited, a:active { text-decoration:none; color:#F62C2C;}
a:hover {   }



/* ------------ STRUCTURES ------------------ */

 /* border:1px dotted #ff0000; ----- pour debug*/

		html {}

		body {
	background-image: none;
	background-repeat: repeat;
	background-position: left top;
	background-color: #E2E4EA;
}

		#box {
	width:880px;
	height:600px;
	margin:40px auto;
	background:#fff url('images/logo.png') 20px 0px no-repeat;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C5C5CC;
	border-bottom-color: #C5C5CC;
}

#box-news {
	width:880px;
	height:900px;
	margin:40px auto;
	background:#fff url('images/logo.png') 20px 0px no-repeat;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C5C5CC;
	border-bottom-color: #C5C5CC;
		


}

		#cadre_main {}

		#header { }
	


		#breadcrumb { }

/* ------------ NAVIGATION ------------------ */
#precedent a{
	height:350px;
	width:300px;
	z-index:1;
	position:absolute;
	background:transparent;
}


#precedent a{
	background:url('images/go-back.png') top left no-repeat; 
}

#precedent a:hover{
	background:url('images/go-back-hover.png') top left no-repeat;
	text-decoration:none 
}


#suivant a{
	height:350px;
	width:300px;
	z-index:1;
	position:absolute;
	background:transparent;
	margin-left:16px;
}

#suivant a{
	background:url('images/go-next.png') top left no-repeat; 
}

#suivant a:hover{
	background:url('images/go-next-hover.png') top left no-repeat; 
}

/* ------------ MENU TOP 620------------------ */
		
		#side-top {  padding:25px 0 0 0; width:620px; margin:0 auto;  }
		#menu-top {
	font-family: Trebuchet MS, Helvetica, verdana, sans-serif;
	background:#ABA8B4;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
	
	/* ------------ MENU li ------------------ */
	#menu-top ul {padding: 0;margin: 0px 0px;}
	#menu-top li {text-align:left; margin: 0; display: inline;list-style-type: none; padding-left:15px;}
	#menu-top a {color: #fff;text-decoration: none; padding:3px 5px; font-weight:bold;}
    #menu-top a:hover {background:#626069;}
	
	.selectmenu {background:#626069}
	
/* ------------ MENU 2------------------ */
		
		#side-2 {float:left; width:350px;  color:#626069;} 
		#menu-2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ABA8B4;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 150px;
}
		#menu-2 ul {margin:0px; padding:0;}
	    #menu-2 li {text-align:left; margin: 0; display: inline;list-style-type: none; padding-left:5px;}
		#menu-2 a img { text-decoration: none; padding:0px; border:0; }
        #menu-2 a:hover img {}


/* ------------ MENU PROJETS------------------ */
		
		#side-projets {  float:right; width:350px; color:#626069; padding-right:150px;}
		#menu-projets {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	text-align:right;
	font-size: 10px;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 0;
	color: #696974;
} 
		#menu-projets ul {margin:0px; padding:0;}
	    #menu-projets li {text-align:left; margin: 0; display:inline;list-style-type: none; width:20px; height:14px;   }
		#menu-projets a  { background:url('images/ico-page.gif') top left no-repeat; }
        #menu-projets a:hover {background:url('images/ico-page-over.gif') top left no-repeat; }

		.select {background:url('images/ico-page-over.gif') top left no-repeat}
	

/* ------------ MAIN 950 ( 950 px site 1 colonne ) -------------------- */ 

		#main-padding {padding:0px;  }
		#main {margin:0 auto; padding:0px; width:620px;}
		
		#main-padding #main ul { margin:8px 0;  }
		#main-padding #main li {  padding:0 0 5px 0px; list-style-type:none; margin:0 0 0 25px;}
		#main-padding #main p { line-height:1.5em; text-align:left; color:#626069;}		

#main-padding1 {padding:0px;  }
		#main1 {margin:0 auto; padding:0px; width:780px;}
		
			
/* ------------ BLOC portfolio 1 ( 620 px  ) ------------------ */

		.bloc-detail-1 { width:620px; padding:0 0 10px 0; }
		.bloc-detail-1 .top { width:620px;   }
		.bloc-detail-1 h3 { text-align:left;height:20px; margin:5px 0 0 20px;  }
		.bloc-detail-1 .pic {margin:0px auto; width:620px;}
		.bloc-detail-1 .pic img {margin-left:20px;width:580px; } /* changer marge suivant largeur vignette */
		.bloc-detail-1 a img {border:0px solid #d5d5d5; }
		.bloc-detail-1 a:hover img {border:0px solid #FF0000; }
		.bloc-detail-1 .descriptif {padding-left :20px;float:left; width:480px;   }/* changer le float pour placement*/
		
		.bloc-detail-2 { width:620px; padding:0 0 10px 0; }
		.bloc-detail-2 .top { width:620px;   }
		.bloc-detail-2 h3 { text-align:left;height:20px; margin:5px 0 0 20px;  }
		.bloc-detail-2 .pic {margin:0px auto; width:620px;}
		.bloc-detail-2 .pic img {margin-left:20px;width:580px; } /* changer marge suivant largeur vignette */
		.bloc-detail-2 a img {border:0px solid #d5d5d5; }
		.bloc-detail-2 a:hover img {border:0px solid #FF0000; }
		.bloc-detail-2 table {margin:0px auto; width:620px;}
		.bloc-detail-2 .descriptif {padding-left :20px;float:left; width:480px;   }/* changer le float pour placement*/
		
		
		
		
		
		
  #main .bloc-detail-1 p {
	font-size:0.9em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
		.bloc-detail-1 .detail {padding:10px 0 0 20px; height:10px; } 
		.bloc-detail-1 .detail a{ background:url('images/picto.png') center left no-repeat; padding: 5px 0 5px 20px; } 
		


/* ------------ COMMUNS (dans la charte du site) --------------------- */
	h2 { font-weight:bold; font-size:1.2em; }
	h3 {
	text-transform:none;
	color:#626069;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:5px 0;
	margin:5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
}
	h4 {  font-weight:bold; font-size:1.1em; text-align:left; margin:0; }
	
	strong { font-weight:bold; }
	.hidden { visibility:hidden; overflow: auto; display:none;}
	.retour { float:right; margin:5px; }					
					
	
	div.hr { height: 10px; clear:both; background:url('images/separation.gif') bottom left repeat-y; margin:0 0 0 9px; }
	div.hr hr {   display: none; }	
	
/* hack clear float */ 		
	.clr { clear: both; }


	
/* ------------ FOOTER ------------------ */

	#footer { margin:0px auto; text-align:center; padding:10px;}
	#copyright { text-align:center; font-size:0.9em; margin:5px auto; color:#fff; width:950px; margin:0 auto;  }
	#copyright a { color:#fff; }
	
	

.menu-active  {background:#626069;}