@charset "utf-8";
/* CSS Document */
body {
	background-image: url(img/webcam.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
a {	
	text-decoration: none;
	color: #FFFFFF;
	font-style: normal;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a.ent {	
	text-decoration: none;
	font-style: normal;
	color: #0099ff;
}
a.ent:hover {
	text-decoration: none;
	color: #0066cc;
}
a.pdp {	
	text-decoration: none;
	color: #333333;
	font-style: normal;
}
a.pdp:hover {
	text-decoration: none;
	color: #0099ff;
}
a:active {outline: none; }/* Pas de bordure pointillée ou halo lors du clic sur un lien ex:menu accordion DW */ 

/* ------------------------TITRES-------------------------- */
h1 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 15px;
	margin-top: 0px;
	color: #0066cc;
	text-shadow: 1px 1px 1px #FFFFFF;
	margin-left: 25px;
	padding-top: 23px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 0px;
	color: #000;
	margin-left: 0px;
	vertical-align: top;
	line-height: 50px;
}
.titrerub{
	background-image: url(img/fd-titre.png);
	background-repeat: no-repeat;
	height: 65px;
	width: 262px;
}
.photo-G{
	float: left;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	}	
/* ------------------------icones----------------------------- */

.acc-rap-w{
	background-image: url(img/ic-webcam.png);
	background-repeat: no-repeat;
	height: 60px;
	padding-left: 60px;
}
.acc-rap-p{
	background-image: url(img/ic-plan.png);
	background-repeat: no-repeat;
	height: 60px;
	padding-left: 60px;
}
.acc-rap-a{
	background-image: url(img/ic-annauire.png);
	background-repeat: no-repeat;
	height: 60px;
	padding-left: 60px;
}
.acc-rap-s{
	background-image: url(img/ic-stage.png);
	background-repeat: no-repeat;
	height: 60px;
	padding-left: 60px;
}

.vide{
	width: 100px;
	float: left;
	}
.close{
	float: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
/* ------------------------Page----------------------------- */
#global{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#header{
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 100px;
}
.meteo{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}
#logo {
	float: left;
	height: 100px;
	width: 350px;
}
#menu-acc{
	margin-left: 0px;
	color: #0066cc;
	font: bold 13px/1.2 Verdana;
	height: 72px;
	width: 350px;
	float: left;
	padding-top: 28px;
	padding-left: 10px;
	}
	.acc{
	float: left;
	background-image: url(img/Ico-acc.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	padding-top: 35px;
	background-position: center top;
	text-align: center;
	}
	.acc:hover{
	float: left;
	background-image: url(img/Ico-acc1.png);
	}
	.info{
	float: left;
	margin-left: 10px;
	background-image: url(img/Ico-info.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	padding-top: 35px;
	background-position: center top;
	text-align: center;
	}
	.info:hover{
	float: left;
	background-image: url(img/Ico-info1.png);
	}
	.mail{
	float: left;
	margin-left: 15px;
	background-image: url(img/Ico-mail.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	padding-top: 35px;
	background-position: center top;
	text-align: center;
	}
	.mail:hover{
	float: left;
	background-image: url(img/Ico-mail1.png);
}
.ent-social{
	float: left;
	height: 80px;
	width: 270px;
	padding-left: 15px;
	padding-top: 20px;
}
#cam {
	min-height: 100%;
	width: 738px;
	padding: 0;
	position: relative;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#pano{
	min-height: 100%;
	width: 1052px;
	padding: 0;
	margin: auto;
	position: relative;
}
#webcam{
	background-color: #000000;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	*display: inline; /* IE < 9 */
	*zoom : 1; /* IE < 9 */
	padding-left: 1px;
}
.vig-wcam{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	*display: inline; /* IE < 9 */
	*zoom : 1; /* IE < 9 */
	height: 194px;
	width: 215px;
	float: left;
	position: relative;
	background-image: url(img/Fd-tab.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-right: 1px;
}
.vig-wcam:hover{
	background-image: url(img/Fd-tabon.png);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #FFF;
}
#information{
	background-color: #ffffff;
	color: 0066CC;
	padding: 5px;
	border: thin solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#paragraph{
	margin-left: 25px;
	font-size: 12px;
	vertical-align: middle;
}
.bt{
	float: left;
	height: 31px;
	text-align: center;
	line-height: 30px;
	width: 215px;
	position: absolute;
	bottom: 1px;
}
.bt:hover{
	background-image: url(img/Fd-tabon.png);
	background-repeat: repeat-x;
	float: left;
}
#aide{
	background-image: url(img/Ico-aidel.png);
	background-repeat: no-repeat;
	height: 48px;
	padding-left: 35px;
	background-position: left center;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 10px;
	line-height: 1.2;
	font-weight: normal;
	color: #000000;
}
	/* pdp */
	
#pdp {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-top: 50px;
}
.info-pdp{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;}
.info-pdpG{
	width: 425px;
	float: left;
	padding-right: 25px;
	padding-left: 25px;
	text-align: justify;
	margin-right: 20px;
}
.info-pdpD{
	width: 425px;
	float: left;
	padding-right: 25px;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #0099ff;
	text-align: justify;
}
#acc-rapides{
	width: 1000px;
	float: left;
	padding-bottom: 20px;
	}
.lien{
	width: 100%;
	float: left;
	padding-bottom: 50px;
}
.desc{
	color: #666;
	text-align: justify;
	font-size: 0.8em;
}
#reseau{
	float: right;
	width: 340px;
}
#res-facebook{
	font-weight: normal; 
	font-size: 0.8em;
	float: left;
	margin-left: 25px;
	background-image: url(img/logo_facebook.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #0099ff;
}
#res-daylimotion{
	font-weight: normal; 
	font-size: 0.8em;
	float: left;
	margin-left: 25px;
	background-image: url(img/logo_daylimotion.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #0099ff;
}
.float {
	float: left;
	margin-left: 25px;
}
.encart {
	float: left;
	margin-left: 35px;
	text-align: center;
	width: 135px;
	margin-right: 25px;
}
.ress-soc-fb{
	float: left;
	padding-left: 25px;
	}
.ress-soc-tw{
	float: left;
	padding-left: 20px;
}
.ress-soc-go{
	float: left;
	padding-left: 20px;
}

.label{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/* ---------------------Boite1-------------------------- */
	
.boite1 {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	/* haut */
	.boite1 .haut {
	background-image: url(img/box1-1.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	.boite1 .titre {
	margin: 0;
	margin-left: 44px;
	background-image: url(img/box1-3.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
	.boite1 .titre span {
	display: block;
	margin-right: 44px;
	background-image: url(img/box1-2.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 73px;
	line-height: 78px;
	color: #0066cc;
	padding: 0px;
	width: 650px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 1px 1px 1px #FFFFFF;
	font-size: 24px;
	}
	/* milieu */
	.boite1 .milieuG {
	background-image: url(img/box1-4.png);
	background-repeat: repeat-y;
	background-position: left top;
	}
	.boite1 .milieu {
	margin-left: 44px;
	background-image: url(img/box1-5.png);
	background-repeat: repeat-y;
	background-position: right top;
	}
	.boite1 .milieuD {
	margin-right: 44px;
	padding: 0px;
	background-repeat: repeat;
	background-position: center top;
	background-color: #FFFFFF;
	}
	/* bas */
	.boite1 .bas {
	background-image: url(img/box1-6.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	.boite1 .titrebas {
	margin-left: 44px;
	background-image: url(img/box1-8.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 67px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	}
	.boite1 .titrebas span {
	display: block;
	margin-right: 44px;
	background-image: url(img/box1-7.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	color: #FFFFFF;
	padding: 0px;
	height: 67px;
	}
/* ---------------------Boite2-------------------------- */
	
.boite2 {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	/* haut */
	.boite2 .haut {
	background-image: url(img/box2-1.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	.boite2 .titre {
	margin: 0;
	margin-left: 44px;
	background-image: url(img/box2-3.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
	.boite2 .titre span {
	display: block;
	margin-right: 44px;
	background-image: url(img/box2-2.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 74px;
	line-height: 82px;
	color: #0066cc;
	padding: 0px;
	width: 964px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 1px 1px 1px #FFFFFF;
	font-size: 24px;
	}
	/* milieu */
	.boite2 .milieuG {
	background-image: url(img/box2-4.png);
	background-repeat: repeat-y;
	background-position: left top;
	}
	.boite2 .milieu {
	margin-left: 44px;
	background-image: url(img/box2-5.png);
	background-repeat: repeat-y;
	background-position: right top;
	}
	.boite2 .milieuD {
	margin-right: 44px;
	padding: 0px;
	background-repeat: repeat;
	background-position: center top;
	background-color: #FFFFFF;
	}
	/* bas */
	.boite2 .bas {
	background-image: url(img/box2-6.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	.boite2 .titrebas {
	margin-left: 44px;
	background-image: url(img/box2-8.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 66px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	}
	.boite2 .titrebas span {
	display: block;
	margin-right: 44px;
	background-image: url(img/box2-7.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	color: #FFFFFF;
	padding: 0px;
	height: 66px;
	}