/* CSS Document */

body
{
/*background-image:url(../images/bg.jpg);
*/margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background-repeat:repeat-x;
}

#top
{
width: 100%;
height:150px;
background-image:url(../images/header-bg.png);
background-repeat: repeat-x;
margin: 0px;
font-family:Arial, Helvetica, sans-serif, Calibri;
position:static;
z-index:0;

}

#logo
{
background-image:url(../images/logo_mic.png);
background-repeat: no-repeat;
width: 217px;
height: 150px;
margin-left: 129px;
float: left;
z-index:2;

}

/***************************************************GESTION MENU HAUT****************************************************************/
		
/*GESTION MENU ONGLET*/

#menu_top
{
position:absolute;
display:block;
width: 700px;
height: 150px;
margin-left:260px;
float: left;
z-index:2;
}
#nav2 li {
	float:left;
	width:150px;
	height:50px;
	padding-top:84px;
	line-height:24px;
	margin-right:1px;
	list-style:none;
}

a.menu2 
{
	display:block;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 26px 7px 0 14px;
	background: url(../images/bt_onglet.gif) no-repeat left bottom;
	outline:none;
	list-style-image:none;
}
a.menu2:hover 
{
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background-color: #780000;
	background: url(../images/bt_onglet_on.gif) no-repeat left bottom;
}
a.menu2_on, a.menu2_on:hover 
{
	display:block;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 26px 7px 0 14px;
	background: url(../images/bt_onglet_on.gif) no-repeat left bottom;
	outline:none;
}

/* ****** GESTION MENU ONGLET SOUS *********** */
#nav2s li 
{
	display:inline;
	height:19px;
	line-height:19px;
	background: url(/design/images/bar_vertical_2s.gif) no-repeat right; 
}
a.menu2s 
{
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #e5e6db;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 12px 8px 12px;
	margin-left:1px;
}
a.menu2s:hover 
{
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	padding: 2px 12px 8px 12px;
	background: url(/design/images/bar_horizontal_2s.gif) repeat-x bottom;
}
a.menu2s_on, a.menu2s_on:hover 
{
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 12px 8px 12px;
	background: url(/design/images/bar_horizontal_2s.gif) repeat-x bottom;
	margin-left:1px;
}

#ban
{
width:auto;
height: 250px;
background-image:url(../images/bande.jpg);
background-repeat:repeat-x;
}

.ban_left
{
height: 250px;
width: 300px;
display: block;
float: left;}


.ban_center
{
float:left;
height: 250px;
background-color:#00CC33;
display: block;
width: 603px;
position:absolute;
margin-left:300px;
}

#contenu
{
float:left;
padding:5px;
background-color:#FFF;
display: block;
width:593px;
position:absolute;
margin-left:300px;
/*min-height: 400px;*/
}

.titre
{
width:130px;
height:25px;
text-align:center;
background-color:#CBE5F2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
-moz-border-radius:5px 5px 5px 5px;
/*padding-top:4px;*/
float:left;

}

.pub
{
width:593px;
height:50px;
background-color:#CC6600;
/*border-style:double;
*/
}

#footer
{
width: 593px;
height: 50px;
background-color:#f5f5f5;
margin-left:0px;
position:relative;
margin-bottom:0px;
}

.links_bottom
{
font-family:"Trebuchet MS", Arial, Helvetica;
font-size:8px
color:#fff;

}


/* ******************************************************** GESTION DES TEXTES ********************************** */
.t1 
{
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 16px;
color:#000000;
line-height: 28px;
text-align:justify;
text-indent:40px;
}

.t2 
{
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 16px;
font-weight: bold;
color: #D2360A;
margin : 0px;
line-height: 18px;
}

.t3 
{
font-family: "Trebuchet MS", Arial, Helvetica;
font-weight:normal;
font-size: 15px;
color: #363636;
margin : 0px;
}

.t4 
{
font-family: "Trebuchet MS", Arial, Helvetica;
font-weight: bold;
font-size: 12px;
color: #D2360A;
margin : 0px;
text-align:justify;
}

.t5 
{
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 14px;
color: #000;
line-height: 22px;
text-align:justify;
text-indent:40px;
}

.t6 
{
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 12px;
color: #000;
text-align:center;
}

.t7 
{
font-family: "Trebuchet MS", Arial, Helvetica;
font-weight: bold;
font-size: 12px;
color: #000;
margin : 0px;
text-align:justify;
}
.t8
{
font-family:"Times New Roman", Times, serif
font-size:12px;
text-align:center;
color:#000000;
}

/********************************************************** form 1 NOUS ECRIRE ***********************************/ 

	#form1{
		margin:20px;
		color:#fff;
		width:500px; /* customize width, this form have fluid layout */
		}
	#form1 h3{
		margin:0;
		background:#57a700 url(../images/form_heading.gif) repeat-x;		
		color:#fff;
		font-size:20px;
		border:1px solid #57a700;
		border-bottom:none;
		}		
	#form1 h3 span{
		display:block;
		padding:10px 20px;
		background:url(../images/form_ico.gif) no-repeat 93% 50%;			
		}				
	#form1 fieldset{
		margin:0;
		padding:0;
		border:none;	
		border-top:3px solid #000;
		background:#000 url(../images/form_top.gif) repeat-x;		
		padding-bottom:20px;
		}		
	#form1 legend{display::none;}	
	#form1 p{margin:20px;}	
	#form1 label{display:block;}	
	#form1 input, #form1 textarea{		
		width:270px;
		border:1px solid #FF9933;
		background:#CBE5F2 repeat-x;
		padding:5px 3px;
		color:#000000;
		}	
	#form1 select{
		width:277px;
		border:1px solid #FF9933;
		background:#CBE5F2 repeat-x;
		padding:5px 3px;
		color:#000000;
		}	
		
	#form1 input:hover, #form1 select:hover, #form1 textarea:hover, #form1 input:focus, #form1 select:focus, #form1 textarea:focus{
		border: #999 1px solid;
		background-color: #FF9933;
		}
	#form1 textarea{
		height:125px;
		overflow:auto;
		}					
	#form1 p.submit{
		text-align:right;
		}	
	#form1 button{
		padding:10px;
		height:35px;
		line-height:32px;		
		border:1px solid #FF9933;
		background:#CBE5F2 repeat-x;
		color:#FF9933;
		cursor:pointer;		
		text-align:center;
		}				

/* // form 1 */