html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}img{-ms-interpolation-mode:bicubic}label{cursor:pointer}

/* ----------------------------------------------------- STRUCTURE -----------------------------------------------------------*/
body{
	background:url('bg.gif') repeat-x #FFEB97;
	width:100%;
	font-family: Arial, sans-serif;
	font-size:12px;
}

#header{
	width:100%;
	display:block;
}
	#banniere {
		position: absolute;
		top: 3px;
		right: 30px;
	}
#conteneurPrincipal{
	height:100%;
	width:100%;
	background:url('logo_nqe.jpg') center 78px no-repeat;
}
#conteneurCentre{
	margin:auto;
	width:992px;
	position:relative;
	padding-top:14px;
}

#logoPartenaires{	margin:0 0 18px 25px;}


/* ----------------------------------------------------- CADRE MANIF - ONGLETS -----------------------------------------------------------*/

#onglets{	position:absolute;}

#onglets li a{
	display:block;
	width:106px;
	height:25px;
	position:absolute; top:0;
}

#onglet_manif{	background:url('onglet_manif.gif') top left no-repeat; left:18px;}
#onglet_actu{	background:url('onglet_actu.gif')  top left no-repeat; left:127px;}
#onglets .actif, #onglets a:hover{background-position:bottom left;}


/* ----------------------------------------------------- CADRE MANIF -----------------------------------------------------------*/

#cadre_manif{
	width:300px;
	background:url('cadre_manif_bas.gif') 13px bottom no-repeat;
	padding:0 0 75px 9px;
}

#cadre_manif div{	display:none;}
#cadre_manif div.actif{display:block;}

#cadre_manif h2{
	clear:left;
	background:url('cadre_manif_haut.gif') 0px 12px no-repeat;
	font-family:'Trebuchet MS',Arial,sans-serif;
	color:#F15A24;
	font-size:20px;
	padding:37px 25px 2px 25px;
	font-weight:normal;
	text-align:center;
	width:202px;
	height:20px;
	overflow:hidden;
	*padding-top:34px;
	*padding-bottom:5px;
}

#cadre_manif .liste{
	background:url('cadre_manif_fond.gif') 4px 0 repeat-y ;
	padding:13px 17px;
	width:222px;
	line-height:17px;
}

#cadre_manif .liste li a{
	background:url('puce_manif.gif') 9px 11px no-repeat #FFEEAC;
	color:#808080;
	padding:7px 10px 9px 26px;
	display:block;
	text-decoration:none;
}

#cadre_manif .liste li a strong{
	text-transform:uppercase;
	display:block;
	color:#4D4D4D;
	font-weight:bold;
}

#cadre_manif .liste span{	color:#F15A24;}
#cadre_manif .liste li.impair a{	background-color:#FFF7D6;}

#cadre_manif .toutes{	text-align:center;	width:256px; color:#F15A24;}
#cadre_manif .toutes a{	color:#F15A24;}

/* ----------------------------------------------------- ESPACE VIDEO -----------------------------------------------------------*/

#espacePhoto{
	position:absolute;
	top:96px;left:274px;
	width:463px;height:230px;
	background:url('espace_photos.png') 4px 0 no-repeat;
	padding-top:10px;
}

#espaceVideo{
	position:absolute;
	top:78px;left:738px;
	width:255px;height:252px;
	background:url('espace_videos.png') 0 0 no-repeat;
}
#partagePhoto{
	position:absolute;
	top:340px;left:344px;
	width:229px;height:84px;
	background:url('partage_photo.gif') 0 0 no-repeat;
}

#espaceAutres{
	position:absolute;
	top:338px;left:625px;
	width:298px;height:83px;
	background:url('espace_autre.gif') 0 0 no-repeat;
	padding:3px 0 0 55px;
	line-height:26px;
	color:#F15A24;
}
#espaceAutres a{	color:#F15A24;}


/*---------------------------------------- PLUGINS -------------------------------------------*/
#footer{
	width:100%;
	height:113px;
	background:url('footer.gif') top left repeat-x;
	padding-top:126px;
	clear:left;
}

#plugins{
	width:954px;
	height:93px;
	text-align:left;
	margin:auto;
	font-size:11px;
	padding:14px 0 0 20px;
	position:relative;
	background:url('plugins.gif') top left no-repeat;
}
#plugins a{text-decoration:none;}
#plugins li{
	display:inline;
	margin-right:10px;
}
#plugins #copyright{
	display:block;
	color:#333333;
	text-align:left;
	position:absolute;
	top:33px;
	left:781px;
	text-decoration:none;
	line-height:13px;
	font-family:'Trebuchet MS',Arial,sans-serif;
}

/*---------------------------------------- PAGES INTERNES - MENUS -------------------------------------------*/
#conteneurInterne{	background:url('cadre_fond.gif') 193px 0 repeat-y;	}
#conteneurInterne, #conteneurEspaceMulti{
	float:left;
	margin-top:32px;
	width:992px;
	*margin-top:28px;
}

#conteneurCentre #menu_gauche{
	background:url('interne_gauche.gif') top left no-repeat;
	width:153px;height:449px;
	float:left;
	padding:51px 0 0 47px;
}
#conteneurCentre #menu_gauche li{
	padding:0 0 16px 20px;
	background:url('puce_menu.gif') top left no-repeat;
}
#conteneurCentre #menu_gauche li a{
	color:#F15A24;
	text-decoration:none;
	font-size:13px;
	line-height:16px;
}
#conteneurCentre #menu_gauche li a:hover{	text-decoration:underline;}

#conteneurCentre #outils_droite{
	width:200px;height:453px;
	float:left;
	position:relative;bottom:11px;
	_margin-left:-1px;
	_left:1px;
}

/*---------------------------------------- PAGES INTERNES - CENTRE -------------------------------------------*/

#conteneurInterne #colonne_central{background:url('cadre_haut.gif') top left no-repeat;}
#colonne_central{
	float:left;
	width:590px;
	padding-top:22px;
}
#conteneurInterne h2, #conteneurEspaceMulti h2{
	background:url('h2.gif') top right no-repeat;
	color:#fff;
	font-family:'Trebuchet MS',Arial,sans-serif;
	font-size:36px;
	font-weight:normal;
	padding:11px 70px 43px 17px;
	display:inline;
}

#contenu{
	margin:32px 27px 0 27px;
	width:535px;
	overflow:auto;
	padding-bottom:30px;
	_margin-right:26px;
}
#contenu .date{
	width:35px;
	background:url('puce_actu.gif') top right no-repeat #fff;
	padding:12px 23px 0 0;
	text-align:right;
	line-height:14px;
	float:left;	clear:left;
	margin-right:20px;
}
#contenu .date:first-line {
	font-size:32px;
	line-height:32px;
}
#contenu .date span{
	display:block;
	color:#999;
}
#contenu .article-date{
	float:left;
	width:455px;
}

#contenu #conteneurTags {
	text-align: center;
	width: 95%;
	height: auto;
	padding-bottom: 20px;
}

#contenu #conteneurTags .tag1, #contenu #conteneurTags .tag1:hover, #contenu #conteneurTags .tag1:visited {/*color:#7C8FC4;*/ color:#4D3D8E; font-size:105%; font-weight:normal; margin: 0px 5px; line-height:110%;}
#contenu #conteneurTags .tag2, #contenu #conteneurTags .tag2:hover, #contenu #conteneurTags .tag2:visited {/*color:#6D84BE;*/ color:#0079BF; font-size:135%; font-weight:normal; margin: 0px 5px; line-height:110%;}
#contenu #conteneurTags .tag3, #contenu #conteneurTags .tag3:hover, #contenu #conteneurTags .tag3:visited {/*color:#5674B5;*/ color:#00A8B6; font-size:175%; font-weight:normal; margin: 0px 5px; line-height:110%;}
#contenu #conteneurTags .tag4, #contenu #conteneurTags .tag4:hover, #contenu #conteneurTags .tag4:visited {/*color:#3D62AC;*/ color:#CBC500; font-size:200%; font-weight:normal; margin: 0px 5px; line-height:110%;}
#contenu #conteneurTags .tag5, #contenu #conteneurTags .tag5:hover, #contenu #conteneurTags .tag5:visited {/*color:#2652A4;*/ color:#F8AF00; font-size:270%; font-weight:normal; margin: 0px 5px; line-height:110%;}
#contenu #conteneurTags .tag6, #contenu #conteneurTags .tag6:hover, #contenu #conteneurTags .tag6:visited {/*color:#17479E;*/ color:#EC7304; font-size:333%; font-weight:normal; margin: 0px 5px; line-height:110%;}

h3{
	color:#F15A24;
	font-size:20px;
	font-weight:normal;
	background:url('dot.gif') bottom left repeat-x;
	padding:14px 0 2px 0;
	margin-bottom:10px;
	font-family:'Trebuchet MS', Arial, sans-serif;
}


#contenu h4{
	color:#F49F3E;
	padding-top:10px;
	margin:0 0 20px 20px;
	font-size:14px;
}

#contenu p{	color:#4D4D4D;	line-height:20px; margin:11px 0px;}
#contenu .article-date h3{padding-bottom:5px;}
#contenu .article-date p{ margin:0 0 22px 0;}
#contenu a{ color:#F15A24}
#contenu ul{	margin:-5px 20px 10px 20px; }
#contenu li{
	background:url('puce_manif.gif') 0px 9px no-repeat;
	color:#888;
	padding:5px 10px 5px 15px;
	display:block;
	text-decoration:none;
	line-height:16px;
}

#contenu .associes{
	text-align:center;
	margin:20px;
}
#contenu .associes a{
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:#fff;
	padding:3px 5px 5px 25px;
	font-weight:bold;
	margin:0 10px;
}
#contenu .associes a.manif{	background:url('minipicto_manif.gif') 4px 3px no-repeat #F49F3E}
#contenu .associes a.photo{	background:url('minipicto_photo.gif') 5px 3px no-repeat #F49F3E}
#contenu .associes a:hover{background-color:#F37D31}


.clear{	clear:left;}
.fin_cadre{
	background:url('cadre_bas.gif') bottom center no-repeat;
	width:604px;
	height:88px;
	display:block;
	clear:left;
	margin-left:193px;
}

/*---------------------------------------- PAGES INTERNES - FORMULAIRE -------------------------------------------*/
.temoignage{
	width:356px;
	_width:360px;
}
#contenu .temoignage p{	margin:0;	padding:5px 0;}
.temoignage label{	float:left;	width:100px;}

.temoignage input, .temoignage textarea{
	font-family:Arial,sans-serif;
	font-size:12px;
	border:1px solid #bbb;
	padding:2px;
	width:250px;
	background:url('ombre_horiz.gif') top left repeat-x;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.temoignage input:focus, .temoignage textarea:focus, .temoignage input.focus, .temoignage textarea.focus{	border-color:#F49F3E;background:#FFF3C1;}

.temoignage input.valider{
	clear:left;
	background:#F49F3E;
	border:0;color:#fff;
	font-weight:bold;
	cursor:pointer;
	padding:1px 3px;
	font-size:13px;
	width:63px;
}
.temoignage input.valider:hover, .temoignage input.valider.hover{	background:#f37d31}
p.valider{	text-align:right;}

/*---------------------------------------- ESPACE MULTIMEDIA -------------------------------------------*/
#conteneurEspaceMulti {
	background:url('espacemulti_fond.gif') 193px 0 repeat-y;
}

#conteneurEspaceMulti #colonne_central{
	width:778px;
	background:url('espacemulti_haut.gif') top left no-repeat;
	float:left;
	padding:7px 0 22px 0;
}

#conteneurEspaceMulti .colonne{
	float:left;
	color:#4D4D4D;
}

#fin_cadre_multi{
	clear:left;
	width:784px;height:86px;
	background:url('espacemulti_bas.gif') top left no-repeat;
	margin-left:193px;
}

/*---------------------------------------- ESPACE MULTIMEDIA - COTE GAUCHE -------------------------------------------*/

#conteneurEspaceMulti #gauche{
	width:360px;
	position:relative;
	padding:88px 30px 0 30px;
}
#gauche h2{
	position:absolute; top:0;left:0;
	padding:14px 70px 43px 17px;
}
#gauche h2 img{position:relative;top:2px}

#gauche .photo{
	text-align:center;
	margin-bottom:20px;
}
#gauche .legende{
	line-height:20px;
}
#gauche .associes{
	text-align:center;
	margin:20px;
}
#gauche .associes a{
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:#fff;
	padding:3px 5px 5px 25px;
	font-weight:bold;
	margin:0 10px;
}
#gauche .associes a.manif{	background:url('minipicto_manif.gif') 4px 3px no-repeat #F49F3E}
#gauche .associes a.photo{	background:url('minipicto_photo.gif') 5px 3px no-repeat #F49F3E}
#gauche .associes a:hover{background-color:#F37D31}

/*---------------------------------------- ESPACE MULTIMEDIA - COTE DROIT -------------------------------------------*/

#conteneurEspaceMulti #droite{
	width:300px;
	padding:0px 20px 0 30px;
}

#droite h3{	padding-top:11px; margin-bottom:6px;}
#droite .tags{margin-bottom:5px}
#droite .tags a{ color:#4d4d4d; text-decoration:none}
#droite .tags a:hover{ text-decoration:underline}

#droite select{
	margin:3px 0 8px 0;
	font-family:'Arial',sans-serif;
	width:300px;
	color:#F15A24;
	border:1px solid #B3B3B3;
}

#droite .nom_album{	padding:10px 0 5px 0;}

#droite .nom_album a{color:#F15A24;}

#droite .liste_vignettes{
	margin-top:3px;
	float:left;
	margin-left:10px;
	width:250px;
}
#droite .liste_vignettes li {
	float:left;
	text-align:center;
	position:relative;
	margin-left:-14px;
	background:url('vignette.png') top left no-repeat;
	padding-right:7px;
}
#droite .liste_vignettes li.actif{	background-image:url('vignette_actif.png');}

#droite .liste_vignettes li a{
	display:block;
	width:90px;height:75px;
	padding-top:15px;
	background-position: center center;
	background-repeat: no-repeat;
}

#droite .fleche_gauche, #droite .fleche_droite{
	display:block;
	width:20px;	height:90px;
	float:left;
	margin:3px 0 0 0;
	position:relative;
	z-index:50;
}
#droite .fleche_gauche{background:url('fleche_gauche.gif') center left no-repeat; margin-right:5px;}
#droite .fleche_droite{background:url('fleche_droite.gif') center right no-repeat; margin-left:-5px}
#droite .fleche_gauche.masque, #droite .fleche_droite.masque{	visibility:hidden;}

#droite .pagination{
	font-size:13px;
	font-weight:bold;
	padding-top:17px;
}
#droite .pagination span, #droite .pagination a:hover{	color:#4D4D4D;}
#droite .pagination span {text-decoration:underline;}

#droite .pagination a{
	color:#B3B3B3;
	text-decoration:none;
}
#droite .pagination span, #droite .pagination a{
	padding:3px;
}

/* espace personnel */

#admin .liste_vignettes{
	margin-top:3px;
	float:left;
	margin-left:65px;
	width:250px;
}
#admin .liste_vignettes li {
	margin-top: 10px;
	float:left;
	text-align:center;
	position:relative;
	margin-left:-14px;
	background:url('vignette.png') top left no-repeat;
	padding-right:7px;
}
#admin .liste_vignettes li.actif{	background-image:url('vignette_actif.png');}

#admin .liste_vignettes li a{
	display:block;
	width:90px;height:75px;
	padding-top:15px;
	background-position: center center;
	background-repeat: no-repeat;
}

#admin select{
	margin:3px 0 8px 0;
	font-family:'Arial',sans-serif;
	width:300px;
	color:#F15A24;
	border:1px solid #B3B3B3;
}