/*

[Index]

0- Import
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer

*/

/* =0 Import
-------------------------------------------------------------------*/
@import url('reset.css');
@import url('jNice.css');

/* =1 Global
-------------------------------------------------------------------*/
body {
	line-height: 				1;
	font: 						bold 13px Arial, Geneva, Helvetica, sans-serif;
	vertical-align: 			top;
	color:						#777777;
	letter-spacing: 			-0.1px;
}

.float_right{
	float:						right;
}

.padding_10{
	padding:                	10px;
	text-align:					justify;
}

.align_right{ text-align: right; }

.align_left{ text-align: left; }

.align_justify{ text-align: justify; }

.display_none{
	display: none;
}


/* =2 Links
-------------------------------------------------------------------*/
a:link, a:visited {
	text-decoration:			none;
	color:						#838383;
}

a:hover {
	text-decoration:			none;			
	color:						#2d2827;
}

a:active {
	text-decoration:			none;		
	color:						#dedc24;
}

.message {
	padding: 10px;
	border: 2px solid #ddd;
	background-color: #eee;
	color: #222;
}

.notice {
	background: #FFF6BF;
	color: #817134;
	border-color: #FFD324;
}

.success {
	background: #E6EFC2;
	color: #529214;
	border-color: #C6D880;
}

.error {
	background: #FBE3E4;
	color: #D12F19;
	border-color: #FBC2C4;
}



/* =3 Headings
-------------------------------------------------------------------*/
h1 {
	font: 					2em Verdana, Arial, Geneva, Helvetica, sans-serif;
}
h2 {
	font: 					1.5em Verdana, Arial, Geneva, Helvetica, sans-serif;
}
h3 {
	font: 					1.2em Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight:			bold;
}
h4 {
	font: 					1em Verdana, Arial, Geneva, Helvetica, sans-serif;
}
h5 {
	font: 					0.9em Verdana, Arial, Geneva, Helvetica, sans-serif;
}

/* =4 Header
-------------------------------------------------------------------*/

div#header{
	height: 100px;
	margin: 0 auto;
	width: 600px;
}

img#header-titre{
	position: relative;
	top: -157px;
	left: 95px;
}

div#logo_accueil{	
	height: 170px;
	width: 140px;
	position: relative;
	top: 0px;
	left: -155px;
}

/* =5 Navigation
-------------------------------------------------------------------*/
div#nav{
	height: 100px;
	margin: 0 auto;
	width: 600px;
}

div#nav ul{	
	margin: 				0 0 0 65px;
    padding: 				0px 0px 0px 0px;
    list-style-type: 		none;
}

div#nav ul li{
    margin: 				25px 0 0 0;
    padding: 				0;
    float: 					left;
	display:				inline;
}

div#nav ul li.margin_55{
    margin-right: 				30px;
}


div#nav ul li a{		
	height: 				24px;
    display: 				block;	
	margin:					0 10px;
	margin-bottom:          13px;	
	color:					#838383;
	font: 					1.2em Verdana, Arial, Geneva, Helvetica, sans-serif;	
	cursor:					pointer;
	position: 				relative;
	width: 					120px;
}

div#nav ul li a#mb_10{		
	margin-bottom:          10px;
}

div#nav ul li a.submenu{		
	height: 				18px;
    display: 				block;	
	margin:					0 0px;	
	color:					#747474;
	font: 					1.2em Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: 			bold;	
	cursor:					pointer;
}

div#nav ul li a:hover, div#nav ul li a:hover{			
	color:					#2d2827;
}

img#nav5{
	
	margin: 6px 0 0 0;
	
}


/* =6 Middle
-------------------------------------------------------------------*/
div#message{
	margin: 10px 0 0 180px;
	display: none;
	width: 60%;
}


div#wrapper{
	background: #fff url('../images/bg.jpg') no-repeat;
	height: 639px;
	margin: 0 auto;
	margin-top: 10px;	
	padding-top: 46px;
	width: 990px;
}

div#wrapper_situation{
	background: #fff url('../images/bg_situation.jpg') no-repeat;
	height: 639px;
	margin: 0 auto;
	margin-top: 10px;		
	padding-top: 46px;
	width: 990px;
}

div#wrapper_programme{
	background: #fff url('../images/bg_programme.jpg') no-repeat;
	height: 639px;
	margin: 0 auto;
	margin-top: 10px;		
	padding-top: 46px;
	width: 990px;
}

div#wrapper_formulaire{
	background: #fff url('../images/bg_contact.jpg') no-repeat;
	height: 639px;
	margin: 0 auto;
	margin-top: 10px;	
	padding-top: 46px;	
	width: 990px;
}

div#main{
	height: 400px;
	margin: 0 auto;
	padding: 25px 0 0 30px;
	width: 800px;
}

div#main_accueil{
	margin: 25px 150px 0 0;
	font-weight: normal;
}

div#main_programme{	
	height: 400px;
	margin: 0 auto;
	padding: 25px 0 0 7px;
	width: 822px;
}

div#main_formulaire{	
	height: 400px;
	margin: 0 auto;
	padding: 25px 0 0 7px;
	width: 822px;
}

div#main_plaquette{	
	position: relative;
	top: 60px;
	left: 63px;
}

div#main_plaquette_prog{	
	position: relative;
	top: 60px;
	left: 63px;
}

div#main_plaquette_contact{	
	position: relative;
	top: 50px;
	left: 63px;
	z-index: 10000;
}

div#ms1{
	margin: 29px 0 0 85px;
	width: 440px;
}

div#ms2{
	margin: 55px 0 0 133px;
	width: 440px;	
}

div#mp_wrapper{	
	width: 330px;
	padding-top: 20px;	
}

div#mp_wrapper img{	
	margin: 0 3px;	
}

div#mp_wrapper div.align_justify img{	
	margin: 0 0 5px 0;	
}

div#mf_wrapper{	
	background: transparent url('../images/bg_mf_wrapper-trans.png') no-repeat;
	height: 350px;
	position: relative;
	top: -15px;
	left: 25px;
}

div#mf_gauche{
	padding: 35px 0 0 20px;
	width: 350px;
}

div#mf_droite{
	padding: 20px 0 0 0;
	width: 318px;
}

.vignettes{
	padding: 0 0 2px 0;
	margin: 0;
}

div#programme_illustration{
	position: relative;
	top: 20px;
	left: 40px;
	margin: 0;
}

img#img2{
	margin: 45px 0 0 0;
}

div#secib{
	height: 91px;
	width: 91px;
	position: relative;
	top: -82px;
	left: 37px;
}


div#secib_contact{
	height: 91px;
	width: 91px;
	position: relative;
	top: -92px;
	left: 37px;
}


div#secib_programme{
	height: 91px;
	width: 91px;
	position: relative;
	top: -81px;
	left: 37px;
}


div#secib_situation{
	height: 91px;
	width: 91px;
	position: relative;
	top: 14px;
	left: -73px;
}

/* =7 Form
-------------------------------------------------------------------*/

/* voir jNice.css */

.input_text{
	background: transparent url('../images/bg_input_long.png') no-repeat;
	border: none;
	height: 16px;
	margin: 0 0 20px 8px;
	width:	228px;
	font-size: 11px;
}

.input_tel{
	background: transparent url('../images/bg_input_lmoyen.png') no-repeat;
	width:	85px;
}

.input_cp{
	background: transparent url('../images/bg_input_court.png') no-repeat;
	width:	60px;
}


.textarea{
	border: solid 1px #ccc;
	height: 121px;
	margin-top: 10px;
	width:	309px;
}

td.w100{
	width: 140px;
}

td.h15{
	height: 25px;
}

td.h5{
	height: 9px;
	margin: 0;
}

span.ml80{
	margin-left: 50px;
}

table#t_p{
	height: 100px;
}

table#t_e{
	height: 100px;	
}


/* =8 Extra
-------------------------------------------------------------------*/

.bg_gray{
	background-color: #cacabf;
	border: solid 1px #d9d9d1;
	float: right;
	height: 89px;
	padding-top: 15px;
	text-align: center;
	width: 99px;
	cursor: pointer;
}

.bg_gray img{
	margin: 0;
}


.tips{
	font-size: 	10px;
	text-align: right;
}

img#coordonees{
	position: absolute;
	top: 2px;
	left: -23px;
	z-index: 10000;	
}

img#projet{
	position: absolute;
	top: 2px;
	left: 361px;
	z-index: 100000;	
}

div#envoyer{
	background-color: #fff;
	border: solid 1px #ddd;
	padding: 6px 10px 6px 10px;
	position: absolute;
	top: 210px;
	left: 728px;
	z-index: 100;	
}

span.bolder{	
	font-weight: 900;
}



/* =9 Footer
-------------------------------------------------------------------*/
div#footer{
	font-size: 	10px;
	
	
}