/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;

}


html{
	height: 100%;
}

img{
	border: none;
}

#main_wraper{
	width: 100%;
}

#whole{
	background-image: url(images/filet_bg.jpg);
	width: 952px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	/*?height: 1200px;  */

}

#header{
	background-image:url(images/header.jpg);
	height: 92px;
	/*border: red 1px solid;*/

}

ul{
	list-style-type: none;
	list-style: none;
}

a{
	text-decoration: none;
	color: #333333;
}

p{
	margin-top: 8px;
	margin-left: 12px;
	font-size: 15px;
	line-height: 24px;
	color: #666666;
}

h1	{
	margin-top: 4px;
	margin-left: 12px;
	font-size: 20px;
	color:#d00018;
}

h2{
	margin-left: 12px;
	margin-top:5px;
	font-size: 17px;
	line-height: 24px;
	color:#666666;
}

h3{
	margin-top: 16px;
	margin-left: 12px;
	font-size: 13px;
	line-height: 16px;
	color:#d00018;
}


/*---------------------------------- text index ------------------------------------*/


#liste_accueil{
width: 660px;
	 margin-top: 40px;
	 list-style:none;
	 list-style-type:none;
	 float: left;
}

#liste_accueil li{
	display:inline;
}

#liste_accueil a{
	text-align: center;
	font-weight:bold;
	color: #666666;
	font-size: 13px;
	height:100px;
	width:160px;
	display:block;
	line-height:200px;
	float: left;
	background-repeat:no-repeat;
	background-position: center 0px;
}

.prives{
	background-image: url(images/index_icone_prive.jpg);
}

.communes{
	background-image: url(images/index_icone_communes.jpg);
}

.prof{
	background-image: url(images/index_icone_prof.jpg);
}

#text_index, #text_index_perrin{
	margin-left: 25px;
	margin-top: 30px;
}

#text_index p, #text_index_perrin p{
	font-size: 14px;
	color: #666666;
}

#text_index_perrin a{
	color:#FF6600;
}

#text_index ul, #text_index_perrin ul{
	list-style-type:disc;
	margin-left: 10px;
 }

#text_index ul li, #text_index_perrin ul li{
	font-size: 18px;
	color: #666666;
	margin-top: 10px;
}


#text_index_perrin h1{
	font-size: 18px;
	color:#d00018;
}

#text_index_perrin h2{
	font-size: 15px;
	color:#666666;
}

#text_index h1{
	font-size: 14px;
	color:#d00018;
}

#text_index h2{
	font-size: 12px;
	color:#999999;
}

#ingenieurs, #geometres{
	margin-top: 40px;
	margin-left: 40px;
	float: left;
	width: 250px;
	font-size: 12px;
}

#ingenieurs ul li, #geometres ul li{
	margin-top: 5px;
	font-size: 14px;
}


/* ------------------------------- text 3 pages accueil ------------------------------------*/

#text_accueil_prive{
	background-image: url(images/icone_prive.jpg);
	background-repeat:no-repeat;
}


#text_accueil_prof{
	background-image:url(images/icone_PROF.jpg);
	background-repeat:no-repeat;
}

#text_accueil_communes{
	background-image:url(images/icone_COMM.jpg);
	background-repeat:no-repeat;
}


#text li, #text_accueil_prive li, #text_accueil_prof li, #text_accueil_communes li{
		font-size: 15px;

}
#text_accueil_prive p, #text_accueil_prof p, #text_accueil_communes p{
	margin-left: 55px;
	font-size: 14px;
	color: #666666;
}

#text a, #text_accueil_prive a, #text_accueil_prof a, #text_accueil_communes a{
	color: #FF6600;
	font-size: 16px;
}

#text_accueil_prive ul li, #text_accueil_prof ul li, #text_accueil_communes ul li{
	margin-left: 12px;
	font-size: 14px;
	color: #666666;
}




#text_accueil_prive h2, #text_accueil_prof h2, #text_accueil_communes h2{
	margin-left: 55px;

}

/*------------------------ mise --------------------------------*/

#logo_nicod{
	background-image:url(images/logo_nicod.jpg);
	width: 264px;
	height: 66px;
	position: absolute;
	top: 10px;
	left: 7px;
}

#onglet_gabarit{
	width: 159px;
	height: 43px;
	background-image:url(images/onglet_gabarit.jpg);
	position: absolute;
	right: 230px;
	top: 36px;
	/*margin-left: 0px;
	margin-top: 35px;
	float: left;*/
}

#onglet_nicod{
	background-image:url(images/onglet_nicod.jpg);
	width: 190px;
	height: 44px;
	position: absolute;
	right: 29px;
	top: 37px;
	/*margin-left: 732px;
	margin-top: 36px;*/
}

#top{
	height: 83px;
	/*border: magenta 1px solid;*/
}

#top #az{
	/*border: red 1px solid;*/
	background-image:url(images/az.jpg);
	width: 179px;
	height: 55px;
	position: absolute;
	top: 100px;
	left: 15px;

}

/*----------------------navigation accueil historique contact-----------------------------*/

#top #nav_top{
	/*border: red 1px solid;*/
	position: absolute;
	right: 30px;
	top: 110px;
	text-align: center;
}

#top #nav_top ul{


}

#top #nav_top li{
	display: inline;
}

#top #nav_top a{
	display: block;
	width: 76px;
	height: 29px;
	float: left;
	font-size: 12px;
	font-weight: bolder;
	padding-top: 8px;
}

#top #nav_top a{
	background-image:url(images/nav_top_off.jpg);
	background-repeat:no-repeat;
	margin-right: 10px;
}


#top #nav_top a:hover{
	background-image:url(images/nav_top_on.jpg);
	color:#999999;
}

#top #nav_top a.active{
	background-image:url(images/nav_top_on.jpg);
	background-repeat:no-repeat;
	margin-right: 10px;
}
/*----------------------navigation privés communes architectes-----------------------------*/



#top #nav_middle{
	/*border: green 1px solid;*/
	position: absolute;
	top: 139px;
	left: 230px;
	text-align: center;
	font-size: 14px;
	font-variant:small-caps;
	font-weight:bolder;
	letter-spacing:0px;
}


#top #nav_middle li{
	display: inline;
}

#top #nav_middle a{	
	padding-top: 10px;
	width: 120px;
	height: 36px;
	display: block;
	float: left;
	margin-left: 10px;	
	color: #FFFFFF;	
}




#top #nav_middle a{
	background-image:url(images/nav_middle_off.jpg);
	background-repeat:no-repeat;
}

#top #nav_middle a:hover{
	background-image:url(images/nav_middle_on.jpg);
	color:#999999;
}

#top #nav_middle a.active{
	background-image:url(images/nav_middle_on.jpg);
	color:#999999;
}

/*#nav_left_bottom{
background-image:url(images/nav_left_bottom.jpg);
width: 198px;
background-repeat:no-repeat;
background-position: bottom;


}*/


/*---------------------------------colonne gauche--------------------------------*/

#col_left, #col_left_communes{	
	width: 198px;
	float: left;
	margin-left: 20px;

}

#col_left_index{
	background-image: url(images/image_left_index.jpg);
	width: 302px;
	height: 544px;
	background-repeat:no-repeat;
	margin-left: 20px;
	float: left;
}

#col_left #top_col_left, #col_left_communes #top_col_left{
	/*border: grey 1px solid;*/

	background-image:url(images/nav_left_top.jpg);
	height: 12px;
	width: 198px;
}


#col_left ul{
	background-color: #e6e6e6;
	background-position:bottom;
	font-weight:bold;
	font-size: 13px;
	padding-left: 12px;
	padding-bottom: 20px;
	line-height: 32px;
	background-image:url(images/nav_left_bottom.jpg);
	background-repeat:no-repeat;
}

#col_left_communes ul{
	background-color: #e6e6e6;
	
	font-weight:bold;
	font-size: 13px;
	padding-left: 12px;
	/*line-height: 32px;
	padding-bottom: 20px;background-position:bottom;
	
	background-image:url(images/nav_left_bottom.jpg);
	background-repeat:no-repeat;*/
}

/*---------------------------col gauche, DEBUT rubriques déroulantes en javascript-----------*/

#col_left_communes #premiere, #col_left_communes #deuxieme{
margin: 0px;
padding: 0px;
}

#premiere{
display: none;
}



#deuxieme{
display: none;

}

#bottom_col_left{
background-image:url(images/nav_left_bottom.jpg);
height: 14px;
}
/*---------------------------col gauche, FIN rubriques déroulantes en javascript-----------*/

#col_left ul li, #col_left_communes ul li{
	line-height: 20px;
	padding-top: 10px;
}


#col_left a:hover, #col_left_communes a:hover{
	color:#FF9900;
}

#col_left .ON{
	color:#FF9900;
}

/*----------------------------colonne droite........................................*/

#col_right{
	/*border: magenta 1px solid;*/
	width: 701px;
	margin-left: 225px;
	background-color:#FFFFFF;
}


#col_right #top_col_right{
	background-image:url(images/content_top.jpg);
	height: 12px;	
	background-repeat: no-repeat;
}

#col_right #text{
	/*border: 1px solid red;*/
	padding-top: 23px;
	padding-left: 30px;
	padding-right: 50px;
	background-color:#FFFFFF;
}


#col_right #text ul{
	list-style:disc;
	list-style-type:disc;
	margin-left: 40px;
	font-size: 12px;
	line-height: 24px;
	color: #666666;
}

#col_right #text ul li{
padding-top: 5px;
}

#col_right #bottom_col_right{
	width: 701px;
	height: 19px;
	background-image: url(images/content_bottom.jpg);
	background-repeat:no-repeat;
}



#retour_haut{
	color:#FF6600;
margin-left: 580px;
	margin-top: 30px;
	font-size: 11px;
	font-weight: bold;
}

#retour_haut a:hover{    /*ne marche pas....????????????????*/
	color: red;
}

#signature{
text-align: center;
	width: 700px;
	margin-left:220px;
}

#signature a{
	color: #FFFFFF;
	font-weight:bold;
	font-size:11px;
}

#clear, #clear_again{
	clear: both;
}