html{
	
}
body{
	text-align: center;
	margin: 0;
	padding: 0;
	background-color:none;
	font-family:Arial, Verdana;
	font-size:12px;
	color:#929292;
	background: #001150 url(../images/bg_body.gif) repeat-x top left;
}
img{
	border:0px;
}
a{
	text-decoration: none;
}
a:active, a:focus{
      outline:none;
}
dl, ul, ol{
	list-style-type: none;
}
h1, h2, h3, h4, h5, p, dl, dt, dd, ul, li, ol, form, fieldset, legend, input, select, option, label, div{
	margin: 0;
	padding: 0;
}
fieldset{
	border: 0;
}
a span{
	display:block;
}
#headerContainer {
	position: relative;
	width:100%;
	height: 163px;
	background: transparent url(../images/bg_header.jpg) no-repeat top center;
}
#main{
	position: relative;
	margin: auto auto;
	width:960px;
	text-align: left;
	overflow: hidden;
}
#footerContainer {
	position: relative;
	width:100%;
	height:122px;
	margin-top:31px;
	background-color: #FFFFFF;
}
#header {
	position:relative;
	width:960px;
	height: 163px;
	margin: auto auto;
}  
#footer {
	position:relative;
	width:960px;
	height:122px;
	margin: auto auto;
}
/************header****************/
div#header h1{
	position:relative;
	float:left;
	margin-top:20px;
	width:429px;
	height:82px;
	background: transparent url(../images/journee_nationale_utip.jpg) no-repeat top left;
}
div#header h2{
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:382px;
	width:117px;
	height:96px;
	background: transparent url(../images/utip.jpg) no-repeat top left;
}
div#header h1 a{
	float:left;
	width:429px;
	height:82px;
}
div#header h2 a{
	float:left;
	width:117px;
	height:96px;
}
div#header h1 a span, div#header h2 a span{
	display:none;
}
div#header ul#menu{
	position:relative;
	float:left;
	margin-top:11px;
	height: 46px;
}
#header ul#menu li{
	position:relative;
	float:left;
	height:46px;
}  
#header ul#menu li a{
	display:block;
	height:46px;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
}
#header ul#menu li a span{
	display:none;
}
#accueilM{
	width:48px;
	background-image: url(../images/bt_accueil.gif);
}
#presentationM{
	width:139px;
	background-image: url(../images/bt_presentation.gif);
}
#videosM{
	width:181px;
	background-image: url(../images/bt_videos.gif);
}
#qcmM{
	width:173px;
	background-image: url(../images/bt_qcm.gif);
}
#enqueteM{
	width:193px;
	background-image: url(../images/bt_enquete.gif);
}
#header ul#menu li a:hover, #header ul#menu li.current a{
	background-position:bottom left;
}
/************footer****************/
#footer ul{
	float:left;
	margin-top:23px;
	margin-left:30px;
	width:930px;
}
#footer ul li{
	float:left;
	clear:left;
	width:100%;
	height:16px;
	text-align:left;
	white-space:nowrap;
	color:#929292;
}
#footer ul li#copyright {
	clear:none;
	float:right;
	width:auto;
	margin-right:30px;
}
#footer ul li.autoWidth {
	width:auto;
}
#footer ul li a{
	text-transform: uppercase;
	color:#929292;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li#copyright a{
	text-transform: none;
}
/************galerie****************/
.galerieContainer {
	position: relative;
	margin-bottom:37px;
	width:100%;
	height:414px;
	background: transparent url(../images/bg_galerie.gif) repeat-x center top;
}
.galerieContainer div{
	position:relative;
	margin: auto auto;
	width:960px;
	height:414px;
}
.galerieContainer ul{
	float:left;
	width:960px;
	height:414px;
}
.galerieContainer ul li{
	float:left;
	padding-top:384px;
	width:960px;
	height:30px;
	font-size:18px;
	color:#FFFFFF;
}
.galerieContainer ul li.textLeft{
	padding-left:103px;
	width:857px;
	text-align:left;
}
.galerieContainer ul li span{
	display:none;
}
.galerieContainer #nav{
	position:absolute;
	top:392px;
	left:13px;
	width:auto;
	height:auto;
	margin:0;
	z-index:10;
}
.galerieContainer a{
	float: left;
	margin-right:5px;
	width:12px;
	height:12px;
	background-image: url(../images/bt_nav_galerie.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
}
.galerieContainer #nav a:hover,.galerieContainer  #nav a.activeSlide{
	background-position:bottom left;
}
/************Accueil****************/
#galerieHome {
	background: transparent url(../images/bg_galerie_home.jpg) no-repeat center top;
}
#galerieHome #push1 { background-image: url(../images/galerie_home/home_push1.jpg); }
#galerieHome #push2 { background-image: url(../images/galerie_home/home_push2.jpg); }
#galerieHome #push3 { background-image: url(../images/galerie_home/home_push3.jpg); }
#galerieHome #push4 { background-image: url(../images/galerie_home/home_push4.jpg); }

#accueilEdito, #quickLinks, #accueilQcm {
	float:left;
	clear:left;
	padding-left:24px;
	padding-right:24px;
	width:262px;
	background-color:#f5f6f8;
}
#accueilVideos {
	position:relative;
	float:right;
	width:650px;
	background: #FFFFFF url(../images/bg_journee_video.gif) repeat-y left top;
}
#accueilVideos dt{
	float:left;
	width:650px;
	height:31px;
	background: transparent url(../images/la_journee_en_video.jpg) no-repeat left top;
}
#accueilVideos dt span{
	display:none;
}
#accueilVideos dl{
	position:relative;
	float:left;
	clear:left;
	width:649px;
	height:165px;
	margin-left:1px;
	padding-top:19px;
	padding-bottom:19px;
	background: transparent url(../images/bg_journee_video_link.gif) repeat-x left bottom;
}
#accueilVideos dl.over{

}
#accueilVideos dl dt{
	float:none;
	padding-left:339px;
	width:285px;
	height:auto;
	color:#fa6200;
	font-weight:bold;
	font-size:16px;
	line-height:17px;
	background: none;
}
#accueilVideos dl dd p{
	padding-left:339px;
	width:285px;
	margin-top:10px;
}
#accueilVideos dl dd strong{
	font-size:14px;
}
#accueilVideos dl.bigTarget dd a{
	position:absolute;
	left:24px;
	top:0px;
	display:block;
	margin-top:19px;
	padding-left:25px;
	width:267px;
	height:165px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
}
#accueilVideos #v1 { background-image: url(../images/videos_mini/v1.jpg); }
#accueilVideos #v2 { background-image: url(../images/videos_mini/v2.jpg); }
#accueilVideos #v3 { background-image: url(../images/videos_mini/v3.jpg); }
#accueilVideos #v4 { background-image: url(../images/videos_mini/v4.jpg); }
#accueilVideos #v5 { background-image: url(../images/videos_mini/v5.jpg); }
#accueilVideos #v6 { background-image: url(../images/videos_mini/v6.jpg); }
#accueilVideos #v7 { background-image: url(../images/videos_mini/v7.jpg); }
#accueilVideos #v8 { background-image: url(../images/videos_mini/v8.jpg); }
#accueilVideos #v9 { background-image: url(../images/videos_mini/v9.jpg); }
#accueilVideos #v10 { background-image: url(../images/videos_mini/v10.jpg); }
#accueilVideos #v11 { background-image: url(../images/videos_mini/v11.jpg); }
#accueilVideos #v12 { background-image: url(../images/videos_mini/v12.jpg); }
#accueilVideos #v13 { background-image: url(../images/videos_mini/v13.jpg); }
#accueilVideos dl.over{
	background-color:#f5f6f8;
	cursor:pointer;
}
#accueilVideos dl.over dd a{
	background-position:left bottom;
}
#accueilVideos dl.bigTarget dd a span{
	display: none;
}
#accueilVideos #videoLink{
	float:right;
	display:block;
	padding-left:25px;
	margin-top:5px;
	margin-bottom:12px;
	margin-right:25px;
	height:17px;
	text-align:left;
	font-size:14px;
	color:#929292;
	background: transparent url(../images/picto_voir_blanc.gif) no-repeat left top;
}
#accueilVideos #videoLink:hover{
	text-decoration:underline;
}
#accueilEdito {
	padding-top:25px;
	padding-bottom:15px;
	line-height:18px;
	text-align:justify;
	color:#555557;
	background: #f5f6f8 url(../images/bg_accueil_link.gif) no-repeat 25px bottom;
}
#accueilEdito a{
	float:left;
	padding-left:25px;
	width:125px;
	height:17px;
	margin-left:116px;
	margin-top:20px;
	text-align:left;
	font-size:14px;
	color:#929292;
	background: transparent url(../images/picto_plus.gif) no-repeat left top;
}
#accueilEdito a:hover, #quickLinks a:hover, #accueilQcm a:hover {
	text-decoration:underline;
}
#quickLinks {
	padding-top:5px;
	height:198px;
	background: #f5f6f8 url(../images/bg_accueil_link.gif) no-repeat 25px bottom;
}
#quickLinks li {
	float:left;
	clear:left;
}
#quickLinks li a {
	float:left;
	padding-left:25px;
	width:635px;
	height:17px;
	margin-top:17px;
	text-align:left;
	text-transform: uppercase;
	line-height:18px;
	color:#42bee9;
	background: transparent url(../images/picto_dl.gif) no-repeat left top;
}
#accueilQcm {
	height:237px;
	background: #f5f6f8 url(../images/illus_qcm.gif) no-repeat center 75px;
}
#accueilQcm dt{
	margin-top:10px;
	text-transform: uppercase;
	color:#42bee9;
}
#accueilQcm dd p{
	margin-top:10px;
	color:#929292;
}
#accueilQcm dd a {
	position:absolute;
	left:130px;
	bottom:12px;
	display:block;
	padding-left:25px;
	height:17px;
	text-align:left;
	font-size:14px;
	color:#929292;
	background: transparent url(../images/picto_voir.gif) no-repeat left top;
}
/************journee en video****************/
#galerieVideos ul{
	width:640px;
	background-color:#000000;
}
#galerieVideos ul li{
	padding-top:30px;
	width:640px;
	height:384px;
}
#galerieVideos a{
	background-image:none;
}
#prevButton span, #nextButton span, #galerieVideos ul li{
	display:none;
}
#prevButton, #nextButton{
	float:left;
	width:44px;
	height:414px;
	margin:0;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
}
#galerieVideos a#prevButton{
	margin-left:118px;
	background-image: url(../images/videos_prev.gif);
}
#prevButton:hover{
	background-position:left bottom;
}
#galerieVideos a#nextButton{
	background-image: url(../images/videos_next.gif);
}
#nextButton:hover{
	background-position:left bottom;
}
div.videos {
	background: #0b1b54 url(../images/bg_gauche.jpg) no-repeat left top;
}
div.videos #accueilVideos dt{
	display:none;
}
div.videos #accueilVideos dl dt{
	display:block;
}
div.videos #accueilVideos ul{
	float:right;
	margin-right:25px;
	margin-top:25px;
	margin-bottom:15px;
}
div.videos #accueilVideos ul li{
	float:left;
	width:20px;
	border-right:1px solid #929292;
	text-align:center;
}
div.videos #accueilVideos ul li.last{
	border-right:none;
}
div.videos #accueilVideos ul li.current a{
	font-weight:bold;
}
div.videos #accueilVideos ul li a{
	font-size:14px;
	color:#929292;
}
div.videos #accueilVideos ul li a:hover{
	text-decoration:underline;
}
div.videos #accueilVideos ul#bigLink{
	float:left;
	margin:0;
}
div.videos #accueilVideos ul#bigLink li{
	position:relative;
	float:left;
	clear:left;
	width:649px;
	height:184px;
	margin-left:1px;
	padding-top:00px;
	padding-bottom:19px;
	border-right:0;
	text-align:left;
}
div.videos #accueilVideos ul#bigLink li a{
	position:relative;
	float:left;
	clear:left;
	width:649px;
	height:203px;
	font-size:12px;
	background: transparent url(../images/bg_journee_video_link.gif) repeat-x left bottom;
}
div.videos #accueilVideos ul#bigLink li a strong, div.videos #accueilVideos ul#bigLink li a em, div.videos #accueilVideos ul#bigLink li a span{
	float:left;
	clear:left;
	padding-left:339px;
	width:287px;
	margin-top:10px;
	cursor:pointer;
}
div.videos #accueilVideos ul#bigLink li a em {
	font-size:12px;
	margin-top:0px;
}
div.videos #accueilVideos ul#bigLink li a strong {
	font-size:14px;
}
div.videos #accueilVideos ul#bigLink li a strong.titreO {
	margin-top:19px;
    color: #FA6200;
    font-size: 16px;
    font-weight: bold;
    line-height: 17px;
}
div.videos #accueilVideos ul#bigLink li a strong.small,div.videos #accueilVideos ul#bigLink li a em.small,div.videos #accueilVideos ul#bigLink li a span.small {
    margin-top:6px;
	line-height: 12px;
    font-size: 11px;
}
div.videos #accueilVideos ul#bigLink li a strong.small.titreO, div.videos #accueilVideos ul#bigLink li a strong.medium.titreO {
    margin-top:18px;
}
div.videos #accueilVideos ul#bigLink li a em.small {
	margin-top:0px;
}
div.videos #accueilVideos ul#bigLink li a strong.medium, div.videos #accueilVideos ul#bigLink li a strong.medium {
    font-size: 13px;
}
div.videos #accueilVideos ul#bigLink li a span.imgContainer{
	position:absolute;
	top:10px;
	left:24px;
	padding:0;
	width:292px;
	height:165px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
}
div.videos #accueilVideos ul#bigLink li a:hover{
	text-decoration:none;
	background-color:#f5f6f8;
}
div.videos #accueilVideos ul#bigLink li a:hover span.imgContainer{
	background-position:left bottom;
}
/************presentation****************/
#presEdito{
	position:relative;
	float:right;
	padding-top:35px;
	padding-bottom:262px;
	padding-left:25px;
	padding-right:25px;
	width:599px;
	height:578px;
	font-size:14px;
	color:#595959;
	background-color:#FFFFFF;
	border-left:1px solid #f2f5f9;
}
div.presentation #quickLinks{
	height:442px;
	background: #f5f6f8 url(../images/bg_accueil_link.gif) no-repeat 25px top;
}
#videosLinks{
	float:left;
	clear:left;
	padding-left:24px;
	padding-right:24px;
	padding-bottom:40px;
	width:262px;
	background-color:#f5f6f8;
}
#videosLinks li{
	float:left;
	clear:left;
	margin-top:35px;
	width:269px;
	height:159px;
	background-color:#f5f6f8;
}
#videosLinks li a{
	float:left;
	clear:left;
	padding-top:152px;
	width:269px;
	height:0px;
	text-align:center;
	font-size:14px;
	color:#595959;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#f5f6f8;
}
#videosLinks li a span{
	margin-top:7px;
}
#videosLinks #v1 { background-image: url(../images/videos_mini/all.jpg); }
#videosLinks #v2 { background-image: url(../images/videos_mini/temoignages.jpg); }
#videosLinks li a:hover{
	background-position:left -177px;
	text-decoration:underline;
}
/************Enquete****************/
#galerieSlide {
	background: transparent url(../images/bg_galerie_home.jpg) no-repeat center top;
}
#galerieSlide #push1 { background-image: url(../images/galerie_enquete/q1.jpg); }
#galerieSlide #push2 { background-image: url(../images/galerie_enquete/q2.jpg); }
#galerieSlide #push3 { background-image: url(../images/galerie_enquete/q3.jpg); }
#galerieSlide #push4 { background-image: url(../images/galerie_enquete/q4.jpg); }
#galerieSlide #push5 { background-image: url(../images/galerie_enquete/q5.jpg); }
#galerieSlide #push6 { background-image: url(../images/galerie_enquete/q6.jpg); }
#galerieSlide #push7 { background-image: url(../images/galerie_enquete/q7.jpg); }
#galerieSlide #push8 { background-image: url(../images/galerie_enquete/q8.jpg); }
#galerieSlide #push9 { background-image: url(../images/galerie_enquete/q9.jpg); }
#galerieSlide ul{
	width:872px;
	background-color:#FFFFFF;
}
#galerieSlide ul li{
	padding-top:30px;
	width:872px;
	height:384px;
}
#galerieSlide a{
	background-image:none;
}
#galerieSlide a#prevButton{
	background-image: url(../images/slide_prev.gif);
}
#galerieSlide a#nextButton{
	background-image: url(../images/slide_next.gif);
}
div.enquete {
	background: #f5f6f8 url(../images/bg_gauche_question.gif) no-repeat left top;
}
div.enquete #questionnaire {
	position:relative;
	float:right;
	padding-top:35px;
	padding-bottom:262px;
	padding-left:25px;
	padding-right:25px;
	width:599px;
	height:578px;
	font-size:14px;
	color:#484848;
	background-color:#FFFFFF;
	border-left:1px solid #f2f5f9;
}
div.enquete #questionnaire li {
	margin-bottom:22px;
}
div.enquete #questionnaire li a{
	color:#484848;
}
div.enquete #questionnaire li a:hover span{
	text-decoration:underline;
}
/************qcm****************/
#galerieSlide #pushb1 { background-image: url(../images/galerie_qcm/q1.jpg); }
#galerieSlide #pushb2 { background-image: url(../images/galerie_qcm/q2.jpg); }
#galerieSlide #pushb3 { background-image: url(../images/galerie_qcm/q3.jpg); }
#galerieSlide #pushb4 { background-image: url(../images/galerie_qcm/q4.jpg); }
#galerieSlide #pushb5 { background-image: url(../images/galerie_qcm/q5.jpg); }
#galerieSlide #pushb6 { background-image: url(../images/galerie_qcm/q6.jpg); }
#galerieSlide #pushb7 { background-image: url(../images/galerie_qcm/q7.jpg); }
#galerieSlide #pushb8 { background-image: url(../images/galerie_qcm/q8.jpg); }
#galerieSlide #pushb9 { background-image: url(../images/galerie_qcm/q9.jpg); }
#galerieSlide #pushb10 { background-image: url(../images/galerie_qcm/q10.jpg); }
div.enquete #quickLinks{
	margin-top:435px;
	background: #f5f6f8 url(../images/bg_accueil_link.gif) no-repeat 25px top;
}