/* STYLES COMMUNS A TOUT LE SITE */
*{
	margin:0px;
	padding:0px;
}

html {
     overflow: -moz-scrollbars-vertical;
}

.clear{
	clear:both;
}

body{
	font-size:60%;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	background-image:url(../img/logo_jul_et_mat.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#141414;
	height:100%;
}

h1{
	display:none;
}

#lien_logo{
	position:absolute;
	width:134px;
	height:110px;
	top:0px;
	left:0px;
}

#lien_logo a{
	position:relative;
	width:134px;
	height:110px;
}

#global{
	position:absolute;
	height:auto;
	width:740px;
	text-align:left;
	left:136px;
	margin-bottom:15px;
	clear:both;
}

#liens_externes{
	position:relative;
	top:8px;
	width:740px;
	text-align:right;
}

#liens_externes ul{
	float:right;
}

#liens_externes ul li{
	display:inline;
	list-style-type:none;
	width:16px;
	height:16px;
}

#liens_externes ul li a{
	position:relative;
	float:left;
	width:16px;
	height:16px;
	margin-left:16px;
}

#liens_externes ul li a.youtube{
	background-image:url(../img/icone_youtube.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#liens_externes ul li a.youtube:hover{
	background-image:url(../img/icone_youtube.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#liens_externes ul li a.vimeo{
	background-image:url(../img/icone_vimeo.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#liens_externes ul li a.vimeo:hover{
	background-image:url(../img/icone_vimeo.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#liens_externes ul li a.facebook{
	background-image:url(../img/icone_facebook.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#liens_externes ul li a.facebook:hover{
	background-image:url(../img/icone_facebook.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#liens_externes ul li a.myspace{
	background-image:url(../img/icone_myspace.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#liens_externes ul li a.myspace:hover{
	background-image:url(../img/icone_myspace.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#liens_externes ul li a.twitter{
	background-image:url(../img/icone_twitter.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#liens_externes ul li a.twitter:hover{
	background-image:url(../img/icone_twitter.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#menu{
	position:relative;
	top:39px;
	/top:26px;
	-top:26px;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
}

#menu ul li{
	list-style-type:none;
	color:#b7c0cf;
	margin-bottom:7px;
	margin-left:2px;
	font-size:1.4em;
}

#menu ul li a{
	color:#61646b;
	text-decoration:none;
}

#menu ul li a:hover{
	color:#b7c0cf;
}

#contenu{
	position:relative;
	width:100%;
	height:auto;
	top:80px;
	-top:50px;
}

#illustration{
	float:left;
	width:365px;
	height:365px;
	background-image:url(../img/illustration_jul_et_mat.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#texte{
	float:right;
	padding-top:45px;
	width:357px;
	height:auto;
}

#texte h2{
	color:#61646b;
	font-size:1.8em;
	/*font-weight:normal;*/
	margin-bottom:11px;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
}

#texte p{
	color:#c0c0c0;
	font-size:1.1em;
	margin-bottom:7px;
	line-height:16px;
	margin-left:2px;
}

#texte p a{
	color:#c0c0c0;
	text-decoration:none;
}

#texte p a:hover{
	color:#fff;
	text-decoration:none;
}

#affiche_videos{
	position:relative;
	width:100%;
	height:auto;
}

#video{
	position:relative;
	width:740px;
	height:425px;
	margin-left:1px;
}

#liste_videos{
	position:relative;
	width:100%;
	margin-top:15px;
	margin-left:1px;
	height:auto;
}

.vignette{
	float:left;
	width:370px;
	height:208px;
}

#vignette1 a{
	display:block;
	width:370px;
	height:208px;
	background-image:url(../img/vignette1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#vignette1 a:hover{
	background-image:url(../img/vignette1.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#vignette2 a{
	background-image:url(../img/vignette2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:370px;
	height:208px;
}

#vignette2 a:hover{
	background-image:url(../img/vignette2.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#vignette3 a{
	background-image:url(../img/vignette3.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:370px;
	height:208px;
}

#vignette3 a:hover{
	background-image:url(../img/vignette3.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#vignette4 a{
	background-image:url(../img/vignette4.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:370px;
	height:208px;
}

#vignette4 a:hover{
	background-image:url(../img/vignette4.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#vignette5 a{
	background-image:url(../img/vignette5.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:370px;
	height:208px;
}

#vignette5 a:hover{
	background-image:url(../img/vignette5.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#vignette6 a{
	background-image:url(../img/vignette6.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:370px;
	height:208px;
}

#vignette6 a:hover{
	background-image:url(../img/vignette6.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}


#vignette7 a{
	background-image:url(../img/vignette7.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:370px;
	height:208px;
}

#vignette7 a:hover{
	background-image:url(../img/vignette7.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}


#footer{
	float:left;
	margin-left:-111px;
	/left:-95px;
	-left:-395px;	
	margin-top:35px;
	padding-bottom:80px;
	width:600px;
	height:25px;
	line-height:25px;
	text-align:left;
	font-size:1em;
	color:#272727;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
}

#footer a{
	color:#272727;
	text-decoration:none;
	display:inline;
}

#copyright a:hover{
	color:#333333;
	text-decoration:none;
}

#footer2{
	position:absolute;
	left:25px;
	bottom:10px;
	width:740px;
	height:25px;
	line-height:25px;
	text-align:left;
	font-size:1em;
	color:#272727;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
}

#footer2 a{
	color:#272727;
	text-decoration:none;
}

#footer2 a:hover{
	color:#333333;
	text-decoration:none;
}