* {
	margin:0;
	padding:0;
}
/*abbr[title], acronym[title] {
	border-bottom:thin dotted;
	cursor:help;
}*/
body {
	/*background: url(../vm/img/bg.jpg) repeat-x;*/
	color:#555;
	font-family:Verdana,Helvetica,Sans-serif;
	font-size:12.5px;
	
}

#main { margin:0px auto 0 auto;width:980px;}

/* layout START */
#wrap {
	background:url(/vm/img/light.png) center top no-repeat;
	padding:0px 0;
	margin-bottom: 24px;
}


body.loggedin #wrap {
background-position: 50% -10px;
}

#container {
	margin:0 auto 0px auto;
	width:100%;
	background-color:#FFF;
	min-height:500px;
	border:solid #F0EFF5;
	border-width:0 0px
}

/* content START */
#contenu {
	background:#FFF ;
	margin:10px;
	float:left;
	padding:0px;
	padding:10px 0 0 10px;
	width:630px;
	text-align:left !important;
	/*min-height:400px;*/
}

#contenu div {
	text-align:left !important;
	/*min-height:400px;*/
}

#contenu img, #contenu iframe {
	max-width:620px 
	/*max-width:600px*/
	/*min-height:400px;*/
}
#contenu ul {
	margin-left:30px
	/*min-height:400px;*/
}
/* content END */

/* main START */
#main_page {
	background:#FFF url(http://s3.wordpress.com/wp-content/themes/pub/inove/img/main_shadow.gif) top repeat-x;
	width:630px;
	float:left;
	overflow:hidden;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

.col-4-6 {width:600px;margin-right:10px;float:left;margin-bottom:20px}
.col-2-6 {width:300px;margin-right:10px;float:left;margin-bottom:20px}
.col-3-6 {width:64%;margin-right:10px;float:left;margin-bottom:20px}
.col-1-6 {width:32%;margin-right:0px;float:left;margin-bottom:20px}
.border {border:1px solid #CCC;}
.border img {width:100% !important}
.margin-right { margin-right:10px; }
/* layout END */


/*body.loggedin {
background-position: 0 20px;
}*/

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	letter-spacing:-0.03em;
	font-family:Arial;
}
h1 {font-size:200%;line-height:110%}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}

h4.alert_warning {
display: block;
width: 100%;
margin: 20px 0 0 0;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F5F3BA url(/admin_vq/images/icn_alert_warning.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #C7A20D;
color: #796616;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;
}

.titre18 { font-weight:bold;letter-spacing:-0.03em;font-family:Arial;font-size:200%;}
.Titre16 { font-weight:bold;letter-spacing:-0.03em;font-family:Arial;font-size:170%;}
.Titre14 { font-weight:bold;letter-spacing:-0.03em;font-family:Arial;font-size:150%;}
/**/.Titre14 { font-family: Arial, Helvetica, sans-serif;/*font-weight:bold;*/ font-size: 17px;margin-bottom:9px;color:#006699; }
.titre12 { font-weight:bold;letter-spacing:-0.03em;font-family:Arial;font-size:130%;}
.Titre14_lt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	margin-bottom: 2px;
	padding-top: 3px;
}



img {
	border:0;
}
img.sided {
	background:#FFF;
	border:1px solid #CCC;
	padding:3px;
}
small {
	font-size:10px;
}
a:hover img.sided {
	border-color:#A6A6A6;
}


a {
	color:#2970A6;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#163C5A;
}

.content p {
	margin-bottom:10px;margin-top:10px;
}



/**/


#gauche p, #droite1 p , #droite2 p , #droite3 p , #droite4 p  , #droite5 p  {
	padding: 9px;
}

#comp  img {
	margin-left: 5px;
}
#comp  table {
	margin-bottom: 5px;border-bottom:1px solid #ccc
}

#kiosque a {
	font-size: 13px;
	color: #FFF;
	letter-spacing: 1px;
}
#kiosque a:hover {
	font-size: 13px;
	color: #000; text-decoration:none;
	letter-spacing: 1px;
}


.rss {background-image:url(/vm/rss.gif);}
#rssfeed,#rssfeed2{background-image:url(/vm/rss.gif);background-repeat:no-repeat;padding-left:22px;height:18px;margin-bottom:6px}

/*.rubrique {
	background-image:url(/images/rubrique.gif);
	height:20px;
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	padding:8px 0  0px 40px;
	text-transform: uppercase;
}
.rubrique { background-image:url(/images/rubrique.gif);font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  4px 40px }*/
.rubrique { background-image:url(/images/rubrique.gif);height:20px;font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  0px 40px }

.rubrique2014 {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	margin:5px 0 -11px 0;
	font-size:25px;
	letter-spacing: 1px;
	border-bottom:3px solid #555;
	display:block;
	height:25px
}

.rubrique2014 a {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	margin:5px 0 -11px 0;
	font-size:25px;
	color:#333;
}

.rubrique2014 a:hover {
	color:#336699;
}

.rubrique_y { background-image:url(/qs/img/rubrique_ACFAS.png);height:20px;font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  0px 40px }
.rubrique_r { background-image:url(/qs/img/rubrique_SRC.png);height:20px;font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  0px 40px ;}
.rubrique_b { background-image:url(/qs/img/rubrique_ASP.png);height:20px;font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  0px 40px }
.rubrique_y a { color:#000;font-family:Arial, Helvetica, sans-serif;}
.rubrique_r a { color:#fff;font-family:Arial, Helvetica, sans-serif;}
.rubrique_b a{ color:#fff;font-family:Arial, Helvetica, sans-serif; }

.rubrique_noir { background-image:url(/images/rubrique.gif);font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  4px 40px }
.rubrique_SRC { background-image:url(/qs/img/rubrique_SRC.png);font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  4px 40px }
.rubrique_usherbrooke { background-image:url(/qs/img/rubrique_usherbrooke.png);font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  4px 40px }
.rubrique_ASP { background-image:url(/qs/img/rubrique_ASP.png);font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  4px 40px}
.rubrique_orange { background-image:url(/qs/img/rubrique_orange.png);font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  4px 40px }
.rubrique_ACFAS { background-image:url(/qs/img/rubrique_ACFAS.png);font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  4px 40px }
.rubrique_usherbrooke a { font-size:12px;color:#000;font-weight:bold }
.rubrique_orange a { font-size:12px;color:#000; }
.rubrique_ACFAS a { font-size:12px;color:#000; }


.encadre_acc { width:300px;border:1px solid #ccc;margin-top:10px;}
.encadre_acc2014 { width:300px;border:1px solid #ccc;margin-top:10px;}


#content_sb,#monDossier {
 	padding: 10px; 	border: solid 1px #cbcbcb; 	background: #fafafa;
	-moz-box-shadow: 0px 0px 10px #cbcbcb;
	-webkit-box-shadow: 0px 0px 10px #cbcbcb;
	position:absolute; 	z-index:1000; 	width: 250px; 	text-align:left
}
#monDossier { font-size:12px; width: 350px; text-align:left }
#monDossier td { font-size:12px; }



.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}
.fixed, .clear {
	clear:both;
}










/* header START */
#header {
	background:url(/vm/img/header.jpg) 0 0 no-repeat;
	height:150px;
	border-bottom:1px solid #A6A6A6;
}
#caption {
	padding:25px 0px 0;
}
#title a {
	text-decoration:none;
	color:#FFF;
	height:30px;
	display:block;
	font-family:"Trajan Pro";
	letter-spacing:0;
}
/* image blog title */
/*
#title a {
	background:url(img/title.gif) no-repeat;
	text-decoration:none;
	color:#FFF;
	width:250px;
	height:30px;
	text-indent:-999em;
	display:block;
}
*/

#header .banner {
	float:right;
	padding:15px 15px 0;
	color:#999;
}
/* header END */


/* sidebar START */
#sidebar {
	/*background:#F7F7F7;
	width:320px;
	float:right;
	font-size:95%;
	overflow:hidden;
	padding-top:8px;*/
	min-height:100%;
	
	margin:0px 9px 0 0;
	width:300px !important;
	float:right
}


#sidebar li {
	background:url(/vm/img/icons.gif) 0 -560px no-repeat;
	padding-left:22px;
	list-style:none;
	margin-top:5px;
	/*font-size:95%;*/
}
#sidebar .content, 
#sidebar li {
	font-size:12px;
}

#sidebar .widget_feeds {
	padding:5px 15px 15px;
}
#sidebar #feedrss, 
#sidebar #feedemail {
	height:25px;
	line-height:25px;
	display:block;
	padding:5px 5px 5px 36px;
	float:left;
	text-decoration:none;
}
#sidebar #feedrss {
	background:url(/vm/img/feeds.gif) 5px 5px no-repeat;
}
#sidebar #feedemail {
	background:url(/vm/img/feeds.gif) 5px -45px no-repeat;
	margin-left:15px;
}


/* sidebar END */

/* footer START */
#footer {
	background:#E9E9E9/*url(../vm/img/footer.jpg) 0 0 no-repeat*/;
	display:block;
	
	border-top:1px solid #CCC;
	font-size:11px;
	line-height:145%;
	width:100%;
}
#footer a {
	color:#2A2A2A;
}
#copyright {
	margin-top:12px;
	margin-left:20px;
}



a#powered {
	background:url(/vm/img/wp-logo.png) no-repeat;
	display:block;
	width:92px;
	height:57px;
	float:left;
	margin:0 10px 0 5px;
	text-indent:-999em;
}
a#gotop {
	background:url(/vm/img/icons.gif) 0 -304px no-repeat;
	float:right;
	height:16px;
	line-height:18px;
	display:block;
	padding-left:16px;
	margin:5px 15px 0 0 !important;
	margin:5px 8px 0 0;
	text-decoration:none;
}
/* footer END */



/* navigation START */
/*#navigation {
	background:#FFF;
	border-bottom:1px solid #A6A6A6;
}
#menus li {
	display:inline;
	list-style:none;
}
#menus li a {
	background:transparent url(/gpa/menu.gif) no-repeat;
	display:block;
	color:#382E1F;
	height:31px;
	line-height:31px;
	padding:0 17px;
	margin-left:-10px;
	text-decoration:none;
	font-size:11px;
	float:left;
	z-index:1;
}
#menus li a:hover, 
#menus li a.current {
	background-position:0 -31px;
}*/
/*#menus li a.current {
	font-weight:bold;
}*/
/*#menus li.current_page_item a, 
#menus li.current-cat a {
	background-position:0 -62px;
}
#menus li a.home {
	background-position:0 -93px;
	width:45px;
	padding:0;
	margin-left:0;
	text-indent:-999em;
}
#menus li a.home:hover {
	background-position:0 -124px;
}
#menus li.current_page_item a.home {
	background-position:0 -155px;
}*/
/*#menus li a.lastmenu:hover {
	background-position:0 0;
	cursor:default;
	width:5px;
	padding:0 10px;
}*/

/*#menus li a.lastmenu{
	padding:0 10px;
}*/

/* navigation END */

/* submenu START */
/*#menus li ul {
	display:none;
	background:#F4F5F7;
	border:solid #A6A6A6;
	border-width:1px 1px 0;
	line-height:0;
	position:absolute;
	z-index:1;
}
#menus li li {
	float:none;
	margin:0;
	padding:0;
	list-style:none;
}
#menus li li a {
	float:none;
	padding:7px 18px 7px 10px;
	text-decoration:none;
	border-bottom:1px solid #DDD;
	margin:0;
	background-image:none;
	height:auto;
	line-height:145%;
	color:#999;
	display:block;
	width:175px;
}
#menus li li a.last {
	border-color:#A6A6A6;
}
#menus li li a:hover, 
#menus li li a.current {
	background-color:#EDEFF0;
	color:#382E1F;
}
#menus li li a.subtitle, 
#menus li li a.subtitle:hover {
	background-image:url(http://s3.wordpress.com/wp-content/themes/pub/inove/img/arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#menu4 img {
	vertical-align: -25%;
	margin-right: 3px;
}
#menu4 a:link,#menu4 a:visited,#menu4 a:active {
	color: #555;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0px; font-size: 12px;
}
#menu4 a:hover {
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;
}
#menu4 strong {
	
}

#menu_twit img {
	vertical-align: -25%;
	margin-right: 3px;
}

*/


/* submenu END */











/*
#pagenavi, 
#postnavi {
	border-top:1px solid #CCC;
	margin:10px -5px 0;
	padding:10px 5px 0;
}
#pagenavi {
	font-size:11px;
}
#pagenavi .newer a, 
#postnavi .prev a {
	background:url(../vm/img/icons.gif) 0 -224px no-repeat;
	padding-left:22px;
	float:left;
	height:16px;
	line-height:16px;
}
#pagenavi .older a, 
#postnavi .next a {
	background:url(../vm/img/icons.gif) 100% -240px no-repeat;
	padding-right:22px;
	float:right;
	height:16px;
	line-height:16px;
}*/
/* main END */





/* comment START */

a.menu:link {
	color: #000000;
	font-size: 11px;
	border: 1px solid #666666;
	padding: 1px;
	text-decoration: none;
	background-color: #F0F0F0;
	line-height: 16px;
	white-space: nowrap;
}
a.menu:visited {
	color: #000000;
	font-size: 11px;
	border: 1px solid #666666;
	padding: 1px;
	text-decoration: none;
	background-color: #F0F0F0;
	line-height: 16px;
}
a.menu:active {
	color: #000000;
	font-size: 11px;
	border: 1px solid #666666;
	padding: 1px;
	text-decoration: none;
	background-color: #F0F0F0;
	line-height: 16px;
}
a.menu:hover {
	color: #ffffff;
	font-size: 11px;
	border: 1px solid #666666;
	padding: 1px;
	text-decoration: none;
	background-color: #e97d00;
	line-height: 16px;
}






/*publication*/

#publication  {
	color: #222;font-family: Verdana,sans-serif;
} 
.mybutton_panier:hover  {
	border: #DDDEE2 solid 0px;
	color: #003399;
	font-family: Verdana,sans-serif;
	height: 17px;		
	text-decoration: underline;
	background-image: url(/images/1_degrade_nav.gif);
}
#publication a:hover {
	text-decoration:none;color: #003399;
} 
#publication .Titre14 {
	color: #003399;font-size: 14px;font-family: Verdana,sans-serif;
} 
#publication .titre18 {
	color: #666;font-size: 18px;font-family: Verdana,sans-serif;
} 

.mybutton_panier   {
	border: #DDDEE2 solid 0px;
	color: #2970A6;
	font-family: Verdana,sans-serif;
	height: 17px;
	background-image: url(/images/1_degrade_nav.gif) ;
}



.chronique {
	font-size: 110%;
	text-transform: uppercase;
	color: #003366;
	letter-spacing: .3px;
}
#main_page ul li {
	/*list-style:none;*/
/*margin:0 12px padding:2px 24px;
list-style-position:outside;
	padding-left:2px;margin-left:15px*/
}





/* one-column END */
 a.lien_accueil:active, a.lien_accueil:visited, a.lien_accueil:link {
	font-family: Verdana, Geneva, sans-serif;
	color: #555;
	font-size: 11px;
	text-decoration: none;display:block;min-height:40px;
}
 .lien_accueil a:hover {
	font-family: Verdana, Geneva, sans-serif;
	color: #0056AD;
	font-size: 11px;
	text-decoration: none;
	display:block
}
.lien_accueil img {
	font-family: Verdana, Geneva, sans-serif;
	color: #036;
	font-size: 11px;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.actualite_accueil {
margin-top:0px;border-bottom:1px solid #CCC; padding:6px 6px 6px 6px	
	
}


.encadre_acc { border:1px solid #ccc;margin-top:10px;}

.bouton_bleu {
	/*border: #DDDEE2 solid 1px;padding:6px;*/
	color: #FFF;
}
a.bouton_bleu  {border: #DDDEE2 solid 1px;padding:3px;
	color: #FFF;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	height: 17px;margin:6px 0;
	background-image:url(/images/1_degrade_encadre3.jpg);
	text-decoration: none;display:inline;padding:6px;font-weight:bold;-moz-box-shadow: 0px 0px 20px #cbcbcb;
-webkit-box-shadow: 0px 0px 20px #cbcbcb;-moz-border-radius: 7px;
border-radius: 7px;
}  
p {margin-bottom:9px}


/*section jeunes*/
#menu_context { margin: 18px 0 0 18px; }
#menu_context ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	/**/font-size: 12px;
}
#menu_context li {
	/*float: left;*/
	margin-left: 0;
	padding-left: 20px;
	background-image:url(/menu2011/a_puce1.gif);
	background-repeat: no-repeat;
	padding-bottom:5px;
	background-position: 0px -2px;
}
#menu_context li.on {
	/*float: left;*/
	margin-left: 0;
	padding-left: 20px;
	background-image:url(/menu2011/a2_puce1.gif);
	background-repeat: no-repeat;
	padding-bottom:5px;
	background-position: 0px -2px;font-weight:bold;
}
#menu_context li a {
	/*float: left; */
	/*text-indent: -9999px;*/
	height: 38px;color:#444;
	
}
#menu_context li a:hover { background-position: left bottom;color:#000; }

#menu_context ul li ul {
	padding-top:4px;
}
#menu_context ul li ul li .first {
	padding-bottom:2px;height: 38px;
}

#menu_context  .sub {
	padding-left:20px;font-size:11.5px;padding-bottom:2px;height: 15px;
}
#menu_context .sub2 {
	padding-left:20px;font-size:11.5px;padding-bottom:2px;
	background-image:url(/1-spacer.gif);
}
a.menu_panier:link,  a.menu_panier:visited,  a.menu_panier:active {
	color: #000000;
	font-size: 11px;
	border: 1px solid #666666;
	padding: 2px 3px;
	text-decoration: none;
	background-color: #F0F0F0;
	line-height: 16px;
	white-space: nowrap;
}
 a.menu_panier:hover {
	color: #ffffff;
	font-size: 11px;
	border: 1px solid #666666;
	
	text-decoration: none;
	background-color: #CCC;
	line-height: 16px;
}








.style5 {background-color:#03181E; border-style:1px; font-size: 9; color: #FFFFFF; font-family: verdana, helvetica, arial}
.style6 {border-style:1px; color: #FFFFFF; font-family: verdana, helvetica, arial; background-color: #03181E;}
.style7 {background-color:#03181E; border-style:1px; font-size: 9; color: #FFFFFF; font-family: verdana, helvetica, arial}
.style7 {background-color:#03181E; border-style:1px; font-size: 9; color: #FFFFFF; font-family: verdana, helvetica, arial}
.style8 {border-style:1px; color: #FFFFFF; font-family: verdana, helvetica, arial; background-color: #03181E;}
.style8 {border-style:1px; color: #FFFFFF; font-family: verdana, helvetica, arial; background-color: #03181E;}


.s_images {
	display: block;
	overflow: hidden;
	position: relative;
}
#diapo {
	background-color: #FFFFFF;
	position: absolute;
	z-index: 300;
	height: 500px;
	width: 760px;
	left: auto;
	top: 100px;
	right: auto;
	border: 2px solid #000000;
}

.lien1 a:link,.lien1 a:visited,.lien1 a:active {
	color:	#444;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.lien1 a:hover {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 10px;*/

}






p {margin-bottom:9px
	
}
#main2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.8px;margin-bottom:9px
}
#main2 .image_thumb ul li h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
#main2 .main_image .desc .block h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.2em;
}
h3 { margin:2px 0 4px 0}

.encadre_acc p {padding:9px}
.encadre {
	
	padding: 10px;
	border: solid 1px #cbcbcb;
	background: #fafafa;
	-moz-box-shadow: 3px 3px 10px #cbcbcb;
	-webkit-box-shadow: 3px 3px 10px #cbcbcb;
	 box-shadow: 3px 3px 10px #cbcbcb;
	/*width: 250px;*/
	text-align:left;
	display:block;
	-moz-border-radius: 7px;
border-radius: 7px;
} 




.repere { display:block;border-left:6px solid #e6e6e6;padding:0px 9px;margin-bottom:30px}
.repere em, .repere u {
	background-color:#FFF;
	display:block;
	padding:9px 9px 16px;
	margin:-9px 0;
	border-top:6px solid #FFF;
	font-style: normal;text-decoration:none
}


#top_nav  { border-bottom:0px dotted #809BC6; }
#top_nav a { color:#FFF; }




.bouton {
	/*border: #DDDEE2 solid 1px;padding:6px;*/
	color: #FFF;
}
a.bouton  { border: #DDDEE2 solid 1px;padding:3px;
	color: #FFF;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	height: 17px;
	background-image:url(/images/1_degrade_encadre3.jpg);
	text-decoration: none;display:inline;padding:6px;font-weight:bold;-moz-box-shadow: 0px 0px 20px #cbcbcb;
-webkit-box-shadow: 0px 0px 20px #cbcbcb;-moz-border-radius: 7px;
border-radius: 7px;
} 



#savoirplus {
	background-color: #8FA851;
	padding: 4px;
	width: 292px;
}
#savoirplus h3,#destination h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin: 6px 0px 2px 0px;
}

#destination {
	background-color:#CCC;
	padding: 0 1px 1px 1px;
	width: 298px;
}
#destination a {
	font-size: 11px;
	color: #5F7036;
	text-decoration: none;
}





.l_t {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;margin-top:2px
}

.photo_dr_legende { float:right;margin-left:9px}
.legende_droite { width:300px;float:right;margin:0 0 12px 12px;font-style:italic;font-size:11px }
.legende_gauche { width:300px;float:left;margin:0  12px 12px 0;font-style:italic;font-size:11px }
.legende_droite2012 { float:right;margin:0 0 12px 12px;font-style:italic;font-size:11px }
.legende_gauche2012 { float:left;margin:0  12px 12px 0;font-style:italic;font-size:11px }

.legend_right { float:right;margin:0 0 12px 12px;font-style:italic;font-size:11px;display: block;max-width:300px;}
.legend_right img { width:100% !important; }
.legend_left { float:left;margin:0 12px 12px 0;font-style:italic;font-size:11px;display: block;max-width:300px }

/**/#contenu ul li { margin-left:17px }
#contenu ol li { margin-left:22px }





a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:2005; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; right:1em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;padding:12px;z-index:2005
	}
	/*.rubrique_ASP { background-image:url(/qs/img/rubrique_ASP.png);height:20px;font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  0px 40px }*/

.arrondi
{
	background:#fff;
	margin-bottom:3em;
	/*margin-top:3em;*/
	padding:0.5em 0;
	/*border:1px solid #CCC;*/  
	

	color:#FFF;
	font-size:16px;
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
padding:4px 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
    border-radius: 6px;
/*behavior: url(/js/PIE.js);*/
display:inline;background-image:url(/css2007/bg_bouton.jpg);
border:1px solid #89BC33;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:2005; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; right:1em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;padding:12px;z-index:2005
	}
	
.blogueur {
	font-weight:bold;letter-spacing:-0.03em;font-family:Arial;font-size:15px;
	
	color: #2970A6;
}


ul.rss-items {
margin-top: 3px;
padding-left: 0px;
margin-left:0;
height: auto;
list-style-type: none;
/*height: 145px;
overflow-y:auto;
overflow-x:hidden;*/
}
li.rss-item {
	margin-top: 5px;
	padding-left: 0px;
	margin-left: 0px;
	height: auto;
	list-style-type: none;
	display:block;
	list-style-type: none;
	/*height: 145px;
overflow-y:auto;
overflow-x:hidden;*/
}
.rss-item a {
	margin-top: 7px;
	padding-left: 0px;
	margin-left:0;
	height: auto;
	list-style-type: none;
	display:block;color:#000
	/*height: 145px;
overflow-y:auto;
overflow-x:hidden;*/
}
a.rss-item  {
	margin-top: 5px;
	padding-left: 0px;
	margin-left:0;
	height: auto;
	list-style-type: none;
	display:block;color:#000
	/*height: 145px;
overflow-y:auto;
overflow-x:hidden;*/
}
li.rss-item br {
	height: 0;
	/*height: 145px;
overflow-y:auto;
overflow-x:hidden;*/
}
-->
</style>

<!--[if lte IE 8]>
  <style type="text/css">
  .arrondi {
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCCC', Direction=135, Strength=5);
    zoom: 1;
  }
  .arrondi_general {
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCCC', Direction=135, Strength=5);
    zoom: 1;
  } 
  </style>
<![endif]-->

.rounded {
    margin:0; }


/* Vu sur le web */
.vu a {
    color:#000;
    text-decoration:none}	
.vu a:hover{background-color:#F7F7F7;color:#153C74;}
.vu:hover{background-color:#F7F7F7;display:block;color:#153C74;}





/* FAQ  */
.contentToToggle {display: none;  font-weight: normal}
.Toggle {padding:10px 0 15px 30px;border-bottom:1px solid #dbdad9;background: url("/images/list_pointer_rounded-right.png") transparent 0 10px no-repeat;}

.Toggle.active {
    background: url("/images/list_pointer_rounded-bottom.png") transparent 0 10px no-repeat;margin:0;
}

.contentToToggle {margin-botton:30px;padding-bottom:12px;font-size:12px;border-bottom:0px solid #e4e4e4;/**/
	line-height:13px; }
.Toggle {border-bottom:none !important;border-top:1px solid #e4e4e4;
}


/* Slot  ajustements specifiques: FAQ slot ne doit pas avoir de marges */
.a-slot.faq,
.a-slot.faq ul.list-bullet {
    margin-bottom:0;
    border-top:none;
}
/* Slot  ajustements specifiques: FAQ slot ne doit pas avoir de marges */



/* AGENDA Accueil*/
li.btn_agenda 
{
	list-style-type: none;
}
li.btn_agenda  a
{ color:#CC6600;
 border-bottom:1px solid #CCC;
 display:block;
 padding:3px 6px
	}
	
.btn_agenda  a:hover
{ color:#666;
 border-bottom:1px solid #CCC;
 display:block;
 padding:3px 6px;
 background-image:url(/images/1_degrade_100.jpg)
	}
.btn_agenda .last a {  border-bottom:0px solid #CCC;}

/*#content_panier { width:670px; position:fixed;top:0;left:20%;z-index:100002 }*/


#recherche_activite_accueil select {
/*width: 96%;
margin: 0 10px;
border: 1px solid #bbb;
height: 28px;
color: #666666;
padding-top:6px*/

 /*background: transparent;*/
   width: 268px;
   padding: 5px;
   font-size: 13px;
  /* line-height: 1;*/
   border: 0;
   border-radius: 3px;
   height: 28px;
  /* -webkit-appearance: none;*/
}

#activites_recherche select {
	/*width: 96%;
margin: 0 10px;
border: 1px solid #bbb;
height: 28px;
color: #666666;
padding-top:6px*/

 /*background: transparent;*/
  /*width: 268px;*/
  
  width: 150px;
	border: 1px solid #bbb;
	height: 26px;
	color: #666666;
	background-image:url(/images/1_degrade_bleu.jpg);
	border-radius: 3px;  /* -webkit-appearance: none;*/
}



.rubriqueVM2012 { background-image:url(/images/rubrique.gif);height:20px;font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;padding:8px 0  0px 40px }

.image_info { margin:0px 0 12px 12px;max-height:170px;float:right }
 
 
 /*ajout bootstrap 3*/
 
/* top_navbar */
 #top_navbar { margin:0px auto 0 auto;width:980px;height:40px;background-color:<?php echo $bg_nav_color ?> }
 #topMenu{
width: 980px;
margin: 0 auto;
}

#topMenu ul{
float: right;
position: relative;
z-index: 10;
}

#topMenu ul li{
float: left;
margin-right: 2px;
list-style-type: none;
height: 26px;
line-height: 25px;
}

#topMenu ul li.contact{ background-color:#BFBFBF; }
#topMenu ul li.facebook { background-color:#6A74B7}
#topMenu ul li.twitter { background-color:#66CAEB}
#topMenu ul li.fluxrss { background-color:#FD9417}
#topMenu ul li img{
padding:1px;
}

#topMenu ul li.panier a{
display: block;
text-align: center;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-decoration: none;
color: #666;
/*font-family: 'primeregular';*/
font-size: 10px;
text-transform: uppercase;
width: 118px;
height: 25px;
line-height: 25px;background-color:#FFF;
}

#topMenu ul li.compte a{
display: block;
text-align: center;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-decoration: none;
color: #666;
/*font-family: 'primeregular';*/
font-size: 10px;
text-transform: uppercase;
width: 100px;
height: 25px;
line-height: 25px;background-color:#FFF;
}

#topMenu ul li.panier a img{
vertical-align: text-top;
margin-left: 9px;
}

#topMenu ul li.msls a{
/*font-family: 'primeregular';*/
font-size: 10px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
background-color: #ccc;
width: 25px;
height: 24px;
line-height: 24px;
display: block;
text-align: center;
}

.transparent50 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too  ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern! Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */
	opacity: 0.5;background-color:#755569;
	 }
.transparent60 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too  ... but also 5, 6, 7 */
	filter: alpha(opacity=60);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.6;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.6;
    
	/* Modern! Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */
	opacity: 0.6;background-color:#334249;
	 }


.inputSearch {
	height: 13px !important;
	min-height: 15px;
	text-align: left;
	vertical-align: bottom;
	padding:3px  !important;
	font-size:12px;
	/*padding-top:5px*/
}
.inputSearchQs {
	height: 26px !important;
	float:left;
	width:140px  !important;
	padding:0px  !important;
	font-size:12px;float:left;margin-top:1px
	/*padding-top:5px*/
}
.btn-search { padding: 5px 9px;
  font-size: 11px;
  line-height: 15px;}


/* guide achat vélo mag */
.gachat label  {
	width:120px !important;
  display:table-cell;	font-weight:bold;
	font-size:12px;
	line-height:13px;
}

.gachat details {
	width:209px !important;
  display:table-cell;	
	font-size:12px;
	line-height:13px;
}


em {
	/*font-weight: 500;*/
	font-style: oblique;font-weight:normal;
		font-family:Verdana,Helvetica,Sans-serif;

}
strong em {
	/*font-weight: 500;*/
	font-style: oblique;font-weight:bold !important;
	font-family:Verdana,Helvetica,Sans-serif;
}



/* pop up infolettre bas de page */
#bottomMenu {
    display: none;
    position: fixed;
    bottom: 50px;
    right:0;
    width: 300px;
    height: 100px;
    
    z-index: 1;
}
.bottomMenu {
    
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    background: white;
    -moz-box-shadow: 0 0 5px 5px  rgba(0,0,0,0.7);
-webkit-box-shadow: 0 0 5px 5px  rgba(0,0,0,0.7);
box-shadow: 0 0 5px 5px  rgba(0,0,0,0.7);
	padding:15px
}

s.encadre_infolettre {
	
	padding: 10px;
	border: solid 1px #cbcbcb;
	background: #fafafa;
	-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
padding:4px 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
    border-radius: 6px;
	width: 250px;
	
	text-align:left
}

.encadre_infolettre2 {
	
	border: solid 1px #cbcbcb;
	background: #fafafa;
	-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
padding:4px 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
    border-radius: 6px;	
	text-align:left
}