@import "menu.css.php";
@import "../../gestion/css/textarea.css";
@import "calendar.css.php";

html {
	height:100%;
}
body {
	height:100%;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(/public/images/default/bg-top.jpg) repeat-x;
}
h1 {
	margin:0px;
	padding:0px;
	color: #5e280c;
	font-size:11px;
	font-weight:200;
}
#table img {
	float:left;
	width:120px;
	height:120px;
	border:2px solid #993400;
	padding:2px;
}
#table td {
	padding-bottom:20px;
}
#header-keywords {
	float:left;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:absolute;
	left:120px;
	top:67px;
}
#header-keywords a{
    font-style:normal;
	color: #5e280c;
}
#top #menu-sec #header-keywords a,#top #menu-sec #header-keywords a:hover{
	color: #5e280c;
}
h3 {
	color:#ffffff;
}
#escalier {
	background:url(/public/images/default/escalier.jpg) no-repeat right top;

}
#default {
	width:793px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#titre-contact {
	font-color: #993400;
	font-weight:bold;
	font-size:12px;
}
a {
	color:#569A78;
	text-decoration:none;
}
a:hover {
	color:#993300;
}
	#left {
		float:left;
		width:793px;
	}
		#top {
			float:left;
			width:793px;
			border-top:8px solid #993400;
		}
			#logo {
				float:left;
				width:315px;
				height:80px;
				padding-left:57px;
			}


/***************************************** BOXES ****************************************************/

	#boxes {
		float:right;
		width:199px;
		padding-left:7px;
		padding-top:270px;
	}
		#boxes a {
			float:left;
			width:190px;
			padding-right:8px;
            border:1px solid #006634;
			margin-bottom:15px;
			text-align:right;
			color:#ffffff;
			text-decoration:none;
		}
		a#info {
			height:68px;
			font-size:12px;
			background:url(/public/images/accueil/info.jpg) no-repeat;
            line-height:13px;
            font-weight:bold;
		}
		a:hover#info {
			background:url(/public/images/accueil/info-roll.jpg) no-repeat;
		}
		a#promo {
			height:193px;
			padding-top:5px;
			background:url(/public/images/accueil/promo.jpg) no-repeat;
			font-size:13px;
            font-weight:bold;
		}
		a:hover#promo {
			background:url(/public/images/accueil/promo-roll.jpg) no-repeat;
		}
		#chronique {
        	float:left;
			width:200px;
			background: url(/public/images/accueil/chronique.jpg) no-repeat;
			font-size:13px;
            color:#ffffff;
            padding-top:5px;
            text-align:right;
		}
		#chronique strong{
        	display:block;
            padding-bottom:8px;
            padding-right:10px;
		}
		#chronique b{
        	display:block;
		}
		#chronique a{
			width:185px;
			font-size:11px;
			padding-left:3px;
			margin-bottom:2px;
            color:#006634;
            text-align:left;
		}
		#chronique a:hover{
            color:#993400;
		}


#header {
	width:936px;
	height:101px;
}
#header img {
	float:left;
	width:240px;
	height:62px;
	border:0px;
	margin-left:54px;
	margin-top:18px;
}
#menu img {
	width:17px;
	height:16px;
	border:0px;
	margin-top:15px;
	margin-left:3px;
}
#menu b {
	float:left;
	display:block;
	color:#ffffff;
	margin-left:25px;
	margin-right:11px;
	margin-top:15px;
}
#menu input#q {
	float:left;
	width:83px;
	height:10px;
	font-size:10px;
	line-height:10px;
	margin-top:15px;
}
#menu input#img {
	float:left;
	margin-top:15px;
	margin-left:5px;
}
form {
	margin:0;
	padding:0;
}


					#title{
						float:left;
						width:575px;
						padding-bottom:10px;
						color:#006634;
						font-size:13px;
						font-weight:bold;
						text-decoration:none;
					}
					#content{
						float:left;
						width:575px;
						padding-bottom:20px;
						font-size:12px;
						line-height:17px;
						color:#5A5A5A;
					}



/***************************************** GENERAL ****************************************************/



						#content #general{
							float:left;
							width:520px;
							margin-top:5px;
							padding-right:40px;
							padding-top:32px;
							background:#ffffff url(/public/images/default/bg-gradient.jpg) no-repeat;
						}
						#content #general #texte{
							display:block;
							padding-left:15px;
						}
						#content #general b{
							background:url(/public/images/default/bg-gradient-title.jpg) repeat-x;
							padding-right:5px;
						}
						#content #general img{
							border:1px solid #006634;
							margin-left:5px;
							margin-top:8px;
							margin-bottom:5px;
						}
#lexique  {
	font-size:14px;
	word-spacing: 8px;
	font-weight:bold;
}



/***************************************** REALISATIONS PHOTOS ****************************************************/



						#content #pic{
							float:left;
							width:575px;
							margin-top:5px;
						}
							#content #pic #left{
								float:left;
								width:220px;
								background:#ffffff url(/public/images/default/bg-green-stroke.jpg) repeat-x;
							}
								#content #pic #left strong{
									padding-right:5px;
									background:#ffffff ;
									font-style:normal;
									color:#993400;
								}
								#content #pic #left #bt{
									float:right;
									margin-right:5px;
								}
								#content #pic #left span{
									float:left;
									width:220px;
									height:13px;
									margin-right:5px;
								}
									#content #pic #left #bt a{
										display:block;
										float:right;
										width:18px;
										height:13px;
										font-size:10px;
										line-height:10px;
										text-align:center;
										color:#006634;
										border:1px solid #006634;
										padding-top:5px;
										margin-left:4px;
										margin-bottom:7px;
									}
									#content #pic #left #bt a:hover{
										color:#ffffff;
										border-color:#993400;
										background:#EFDED6 url(/public/images/default/bg-bouton-roll.jpg);
									}
							#content #pic #photo{
								float:left;
								width:277px;
								height:237px;
								margin-top:8px;
								border:1px solid #006634;
							}
								#content #pic #photo span{
									float:left;
									width:263px;
									height:227px;
									margin-left:7px;
									margin-top:5px;
									margin-right:7px;
									margin-bottom:5px;
									background:#ffffff url(/public/images/default/bg-pic-test.jpg) repeat-x;
								}
									#content #pic #photo span a{
										float:left;
										width:23px;
										height:23px;
										padding-left:235px;
										padding-top:195px;
									}
									#content #pic #photo span a img{
										border:0px;
									}

									#flash{
                                    	padding-top:20px;
                                        padding-left:10px;
									}




/***************************************** EXPERTISES  ****************************************************/



						#content #expertise{
							float:left;
							width:520px;
						}
							#content #expertise #bt{
								float:left;
								width:560px;
								color:#993400;
								margin-top:15px;
							}
									#content #expertise #bt a{
										display:block;
										float:left;
										width:104px;
										height:16px;
										font-size:10px;
										line-height:10px;
										color:#006634;
										border:1px solid #006634;
										padding-top:5px;
										padding-left:10px;
										margin-left:10px;
										margin-bottom:7px;
									}
									#content #expertise #bt a:hover{
										color:#ffffff;
										border-color:#993400;
										background:#993400;
									}
							#content #expertise #titre{
								float:left;
								width:510px;
								margin-top:20px;
								padding-left:25px;
								padding-top:30px;
								border-top:1px solid #993400;
								color:#993400;
								font-weight:bold;
							}
							#content #expertise #texte{
								float:left;
								width:510px;
								margin-top:10px;
								padding-left:25px;
							}
							#content #expertise #texte img{
								width:100px;
								height:20px;
								padding-left:5px;
								padding-bottom:5px;
							}



/***************************************** EQUIPE  ****************************************************/


						#content #equipe{
							float:left;
							width:550px;
							margin-top:20px;
						}
						#content #equipe #equipe-2, #content #equipe #equipe-3, #content #equipe #equipe-4, #content #equipe #equipe-5, #content #equipe #equipe-99{
                        	display:none;
						}

							#content #equipe #haut{
								float:left;
								width:530px;
								border-bottom:1px solid #993400;
								padding-bottom:20px;
								margin-bottom:20px;
							}
							#content #equipe #texte{
								float:left;
								width:530px;
							}
							#content #equipe #left{
								float:left;
								width:325px;
								margin-left:20px;
								margin-top:20px;
								margin-bottom:20px;
							}
								#content #equipe img{
									float:left;
									cursor:pointer;
									width:95px;
									height:112px;
									border:2px solid #aaa;
									margin-right:5px;
									margin-top:20px;
									margin-bottom:5px;
									padding:2px;
								}
								#content #equipe img:hover{
									border:2px solid #993400;
								}
								#content #equipe #left #titre{
									float:left;
									width:296px;
									height:50px;
									padding-left:5px;
									padding-top:5px;
									padding-bottom:5px;
									background:#993400;
									color:#ffffff;
								}
								#content #equipe #left #titre a:hover{
									color:#ffffff;
									text-decoration:underline;
								}
								#content #equipe #left #titre a{
									color:#ffffff;
								}
								#content #equipe #left #texte{
									float:left;
									width:296px;
									padding-left:5px;
									padding-top:5px;
								}
							#content #equipe #droite{
								float:left;
								align:bottom;
								width:137px;
								margin-bottom:20px;
								
							}
								#content #equipe #droite img{
									float:left;
									width:135px;
									height:173px;
									border:2px solid #993400;
									padding:2px;
								}
								
								#content #equipe #droite #slogan{
									float:left;
									width:137px;
									height:113px;
									background:#3D8B63 url(/public/images/default/slogan-equipe.jpg);
									margin-bottom:5px;
								}
								


/***************************************** ETAPE ****************************************************/


						#content #etape #etape-2,
                        #content #etape #etape-3,
                        #content #etape #etape-4,
                        #content #etape #etape-5,
                        #content #etape #etape-6,
						#content #etape #etape-2,
                        #content #etape #etape-3,
                        #content #etape #etape-4,
                        #content #etape #etape-5,
                        #content #etape #etape-6,
                        #content #etape #etape-7,
                        #content #etape #etape-8,
                        #content #etape #etape-9,
                        #content #etape #etape-10,
                        #content #etape #etape-11,
						#content #etape #etape-12,
                        #content #etape #etape-13,
                        #content #etape #etape-14,
                        #content #etape #etape-15,
                        #content #etape #etape-16,
						#content #etape #etape-12,
                        #content #etape #etape-13,
                        #content #etape #etape-14,
                        #content #etape #etape-15,
                        #content #etape #etape-16,
                        #content #etape #etape-17,
                        #content #etape #etape-18,
                        #content #etape #etape-19,
                        #content #etape #etape-20,
                        #content #etape #etape-21,
                        #content #etape #etape-22,
                        #content #etape #etape-23,
                        #content #etape #etape-24{
                        	display:none;
						}

								#content #etape {
									width:489px;
									line-height:15px;
									border:1px solid #006634;
									padding-top:10px;
									padding-bottom:10px;
									padding-left:24px;
									padding-right:9px;
								}
								#content #etape div{
									width:479px;
								}
								#content #etape img{
									padding-top:10px;
									padding-bottom:10px;
								}
                                #content #etape #liens {
                                	padding-top:10px;
                                	text-align:center;
                                }
                                #content #etape b {
									margin-right:75px;
									margin-left:75px;
                                }
                                #content #etape a {
									white-space:nowrap;
                                	font-weight:normal;
                                    width:10px;
                                    padding-left:10px;
                                    padding-right:7px;
                                }
                                #content #etape a#prev{
                                    width:110px;
                                }
                                #content #etape a#next{
                                    width:95px;
                                }
                                #content #etape a:hover{
                                	color:#993400;
                                }



/***************************************** CONTACT ****************************************************/


							#content #contact{
								float:left;
								width:544px;
								height:300px;
								font-size:11px;
								border-top:1px solid #993400;
								border-left:1px solid #993400;
								border-bottom:1px solid #993400;
								background:url(/public/images/default/bg-contact.jpg) no-repeat right bottom;
							}
								#content #contact #left{
									float:left;
									width:185px;
									height:112px;
									padding-left:5px;
								}
								#content #contact #droite{
									float:left;
									width:215px;
									height:300px;
									border-right:1px solid #993400;
								}
									#content #contact #droite a{
										float:left;
										padding-bottom:8px;
										padding-left:28px;
										line-height:10px;
										color:#666666;
									}
									#content #contact #droite a:hover{
										float:left;
										color:#993300;
									}
									#content #contact #droite a i{
										color:#973301;
										font-style:normal;
									}
									#content #contact #droite a:hover i{
										color:#3F8C60;
									}


						#content #map{
							float:left;
							width:544px;
							background:#ffffff url(/public/images/default/bg-gradient-contact.jpg) repeat-x;
							margin-top:25px;
						}
							#content #map #left{
								float:left;
								width:270px;
								margin-left:10px;
								margin-top:25px;
							}
								#content #map #left strong{
									padding-right:5px;
									background:#ffffff;
									font-style:normal;
									color:#993400;
								}
								#content #map #left #bt{
									float:left;
									margin-right:5px;
								}
								#content #map #left span{
									float:left;
									width:220px;
									height:13px;
									margin-right:5px;
								}
									#content #map #left #bt a{
										display:block;
										float:left;
										font-size:13px;
										font-weight:bold;
										color:#993301;
									}
									#content #map #left #bt a:hover{
										color:#3F8C60;
									}
							#content #map #photo{
								float:left;
								width:243px;
								height:234px;
								margin-top:8px;
								border:1px solid #006634;
							}
								#content #map #photo span{
									float:left;
									width:229px;
									height:224px;
									margin-left:7px;
									margin-top:5px;
									margin-right:7px;
									margin-bottom:5px;
									background:#ffffff url(/public/images/default/map-du-vallon.jpg) no-repeat;
								}
									#content #map #photo span a{
										float:left;
										width:23px;
										height:23px;
										padding-left:198px;
										padding-top:201px;
									}
									#content #map #photo span a img{
										border:0px;
									}
                        #route-1, #route-2, #route-3, #route-4{
                        	display:none;
                        }




/***************************************** DOCUMENT_LIST ****************************************************/


#document_list a {
	color:#8d946b;
	text-decoration:none;
	border-bottom:1px solid #dadada;
	cursor:pointer;
	display:block;
}
#document_list a:hover {
	color:#da3c31;
}
#document_list span, #document_list b {
	display:block;
	padding:10px;
	text-decoration:underlined;
}
#document_list b {
	float:left;
	width:121px;
}
#document_list span {
	margin-left:143px;
}

#document_list div b , #document_list div span {
	color:white;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	background:#c9cea3;
}

#document_list div b  {
	background: #c9cea3 url(/public/images/dynamic/file_list.gif) left top no-repeat;
}


/***************************************** VIDEO_LIST ****************************************************/

#videos {
	width:494px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
	#videos #vid-title {
		clear:both;
		display:block;
		width:494px;
		font-size:12px;
		color:#DD7900;
		margin-bottom:5px;
		border-bottom:1px solid #DD7900;
	}
	#videos #vid-box {
		width:494px;
		margin-bottom:25px;
	}
	#videos #vid-box a{
		float:left;
		width:494px;
		text-decoration:none;
		background:url(/public/images/dynamic/video.gif) no-repeat;
		cursor:pointer;
	}
	#videos #vid-box a:hover {
		background:url(/public/images/dynamic/video-roll.gif) no-repeat;
	}
	#videos #vid-box a i {
		display:block;
		width:110px;
		height:79px;
		margin-left:9px;
		margin-top:7px;
		margin-bottom:13px;
		background-repeat:no-repeat;
	}
	#videos #vid-box a b {
		float:right;
		display:block;
		margin:4px;
		margin-top:13px;
		width:350px;
		color:#4A4949;
		font-style:italic;
	}
	#videos #vid-box a p {
		margin:0;
		font-weight:normal
	}
	#videos #vid-box u {
		background:url(/public/images/videos/between-vid.jpg);
		display:block;
		float:left;
		width:35px;
		height:126px;
	}
	#videos #vid-box hr {
		border:1px solid white;
		clear:both;
	}

/********************************form error******************************************/
#form-error {
	color: red;
}
#form_error {
	clear: both;
	color: red;
	width: 100%;
}

/****************************** nous joindre *****************************************/
#direction {
	float:left;
}
#route_1, #route_2, #route_3, #route_4 {
	display:none;
	padding-left:17px;
}
#bottom_2 {
	padding-left:200px;
	padding-bottom:20px;
	clear:both;
	margin:5px;
	font-size:10px;
	width:554px;
	text-align:center;
	color:#666666;
}
#bottom_2 a {
	color:#666666;
}
#bottom_2 a:hover {
	color:#ff9900;
}
#imarcom {
	padding-top:5px;
	color:#444;
}
#imarcom a {
	color:#644;
	font-weight:900;
}
a#haut {
	display:block;
      height:25px;
	weight:125px;
	background:url(/public/images/haut.gif) no-repeat right;
}
a:hover#haut {
	background:url(/public/images/haut-roll.gif) no-repeat right;
}