body {
	background-color: #2e4e57;
	margin:0px;
}
body,td,tr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
img {
	border:none;
}
h1 {
	font-size:9px;
	font-weight:normal;
	height:20px;
	margin-top:36px;
	color:#CCCCCC;
}
h2 {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:-1px;
	text-decoration:none;
	/*background-color:#233c43;*/
}
h3 {
	font-weight:bold;
	font-size:12px;
	color:#ffae72;
	text-decoration:none;
	background-color:#4a8391;
}


.marging2{
	padding:30px;
	padding-top:10px;
		padding-bottom:10px;
}


a{
	color:#ff962d;
	font-size:11px;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	/*font-weight: bold;*/
	color:#ff962d;
}

#haut{
	width:887px;
}

#flashban{
	width:887px;
	height:364px;
}


#flashban {
/*
	position:absolute;
	top:63px;
	padding-left:22px;*/
}
.img_border {
	border: 2px solid #ffffff;
}
.img_border0 {
	border: 0px;
}
.color_text {
	color:#999999
}
/*------------------------------------------------------------------------Shortcuts-------------------------------------*/
#shortcutbleu,#shortcutrouge,#shortcutorange{
	position:absolute;
	top:332px;
	padding-top:8px;
	background-image:url(interface/btbleu.png);
	background-repeat:no-repeat;

	margin-left:12px;
	width:134px;
	height:26px;

	text-align:center;
}

#shortcutbleu a,#shortcutrouge a,#shortcutorange a{
	font-size:14px;
	color:#FFFFFF;
}
#shortcutbleu a:hover,#shortcutrouge a:hover,#shortcutorange a:hover{
	color:#ffa800;
	text-decoration:none;
}
#shortcutrouge{
	background-image:url(interface/btred.png);
	margin-left:600px;
}


#shortcutorange{
	background-image:url(interface/btorange.png);
	margin-left:740px;
}

/*------------------------------------------------------------------------Menu------------------------------------------*/
#menu{
	position:absolute;
	top:364px;
	padding-left:25px;
	background-image:url(interface/menu.jpg);
	background-repeat:no-repeat;
	width:887px;
	height:30px;
	z-index:50;
}
#menuh{	
	margin: 0;
	padding: 0;
	z-index: 30;
	color: #FFFFFF;
}
#menuh li{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#menuh li a{	
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	color:#FFFFFF!important;
	text-align: center;
	text-decoration: none;
	font-size:14px;
	line-height:20px;
}
#menuh li a:hover{	
	color:#ffa800!important;
}
#menuh div{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background-image:url(menu/background.png);
	background-repeat:no-repeat;
	width:165px;
	height:176px;
}
#menuh div a{	
	position: relative;
	display: block;
	margin: 0;
	padding-left:10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	font-size:11px;
	line-height:12px;
}
#menuh div a:hover{	
	background: #d06800;
	color:#FFFFFF!important;	
}






#content{
	width:887px;
	padding-top:25px;
}

#bas{
	width:887px;
	height:60px;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
	padding-top:10px;

}



/*--------------------------------------------template sommaire---------------------------------------------*/
.templatesommaire{
	background-image:url(interface/milieu.jpg);
	background-repeat:repeat-y;
}

#c2 a{
	font-size:18px!important;
	color:#FFFFFF;
	text-decoration:none;
}
#c2 a:hover{
	color:#ffa800;
}


#c1,#c5{
	background-image:url(interface/menu2.jpg);
	background-position:left;
	width:523px;
	height:28px;
	font-size:18px;
}
#c1 img ,#c5 img {
	padding-left:12px;
}
#c2,#c6{
	background-image:url(interface/menu2.jpg);
	background-position:right;
	width:364px;
	height:28px;
	font-size:18px;
}
#c3{
	background-image:url(interface/homepagemillieuleft.jpg);
	background-repeat:repeat-x;
	width:523px;
	text-align:justify;
}
#c4{
	background-image:url(interface/homepagemillieuright.jpg);
	background-repeat:repeat-x;
	width:364px;
}
#c7{
	background-image:url(interface/homebasleft.jpg);
	background-position:left;
	width:523px;
	height:202px;
}
#c8{
	background-image:url(interface/homebasright.jpg);
	background-position:right;
	width:364px;
	height:202px;
}
.marging{
	padding:30px;
	padding-top:10px;
}
.tablefile{
	font-size:12px;
}

/*--------------------------------------------template1 (txt + photo right)---------------------------------------------*/

.template1{
	background-image:url(interface/template1repeat.jpg);
	background-repeat:repeat-y;
	width:887px;
}
.template1 #c1{
	width:602px;
}
.template1 #c2{
	width:285px;
}

.template1 #c3{
	background-image:url(interface/template1left.jpg);
	background-repeat:no-repeat;
	width:602px;
	text-align:justify;
}
.template1 #c4{
	background-image:url(interface/template1right.jpg);
	background-repeat:no-repeat;
	width:285px;
}
.template1 #c5{
	background-image:url(interface/bastemplate1.jpg);
	background-repeat:no-repeat;
	height:34px;
	width:602px;
}
.template1 #c6{
	background-image:url(interface/bastemplate1.jpg);
	background-repeat:no-repeat;
	height:34px;
	width:285px;
}
.marging{
	padding:30px;
	padding-top:10px;
	padding-left:50px;
}
.tablefile{
	font-size:12px;
}

#galerie{
	padding-top:30px;
	text-align:center;
	width:285px;
}
#galerie img{
	border:#FFFFFF solid 2px
}
#galerie .legende{
	padding-top:5px;
	padding-bottom:10px;
}

.template1 #c3 .marging{
	min-height:280px;
}

/*--------------------------------------------template  (txt only )---------------------------------------------*/

.template2{
	background-image:url(interface/template2repeat.jpg);
	background-repeat:repeat-y;
	width:887px;
}
.template2 #c1{
	width:887px;
}

.template2 #c3 .marging{
	min-height:280px;
}
.template2 #c3{
	background-image:url(interface/template2center.jpg);
	background-repeat:no-repeat;
	width:887px;
	text-align:justify;
}

.template2 #c5{
	background-image:url(interface/bastemplate2.jpg);
	background-repeat:no-repeat;
	height:34px;
	width:887px;
}

.marging{
	padding:30px;
	padding-top:10px;
	padding-left:50px;
}
.tablefile{
	font-size:12px;
}

#galerie{
	padding-top:30px;
	text-align:center;
	width:285px;
}
#galerie img{
	border:#FFFFFF solid 2px
}
#galerie .legende{
	padding-top:5px;
	padding-bottom:10px;
}

/*--------------------------------grif----------------------------------------------------------*/


#grid  {
	list-style-type:none;
	margin-left:5px;
	margin-right:5px;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	pading-bottom:0px;
	margin-top:0px;	
}
#grid li {
	height:130px;
	width:135px;
	float:left;
	margin:5px;
	padding:5px;
	position:relative;
}
#grid img{
	border:#FFFFFF solid 2px
}
#grid .photo{
	text-align:center;
}

#grid .photo .legende{
	padding-top:5px;
}




.d1{
width:150px;
}
.d2{
padding-left:10px;
}
.p1{
width:60px;
}
.p2{
padding-left:10px;
}
.u1{
width:140px;
}
.u2{
	padding-right:10px;

}
.u3{
width:170px;
}
.separationv{
	background-image:url(interface/separateurv.jpg);
	background-repeat:repeat-y;
	width:6px;
	padding-left:5px;
	padding-right:5px;
}
.vignette{
	border-color:#2e4e57;
	border-width:3px;
	border-style:solid;
}
.titre{
  padding-top:0px;
	font-weight:bold;
	color:#FFFFFF;

}
.titre2{
	font-weight:bold;
	color:#FFFFFF;

}
.date,.savoir{
	font-weight:bold;
	color:#FFFFFF;
}
.date{
	font-size:10px;
}
.resume{
 padding-top:5px;
}

.field{
	background-color:#345a64;
	border:none;
	color:#FFFFFF;
	margin-left:10px;
	width:150px;
}
#cta #nom{
	background-color:#2d4d55;
	width:203px;
	margin-right:10px;
}

#cta #prenom{
	background-color:#2d4d55;
	width:203px;
}

#cta #adresse{
	background-color:#2f5059;
	width:458px;
}

#cta #cp{
	background-color:#31545e;
	width:120px;
	margin-right:10px;
}

#cta #ville{
	background-color:#31545e;
	width:320px;
}

#cta #telephone{
	background-color:#345963;
	width:100px;
	margin-right:10px;
}

#cta #email{
	background-color:#345963;
	width:288px;
}

#cta #message{
	background-color:#345a64;
	width:512px;
	height:150px;
	margin-left:0px;
}

.red{
	color:#FF0000;
	font-weight:bold;
}