@charset "iso-8859-1";

@import url(gallery.css);
@import url(_elements.css);
@import url(structure.css);
@import url(navigation_elements.css);
@import url(form.css);
@import url(boxes.css);
@import url(account.css);
@import url(catalog.css);

@import url(publication_methods.css);
@import url(search.css);
@import url(board.css);

/* COMMON STYLES */
/*reset d'un certain nombre de styles css par defaut*/
* {
	border: 0;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
/*CSSEditor|structure,global|Zone extérieure|notext*/
body {
	background:#020063 url(/media/images/body.jpg) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	line-height:160%;
}


.structuredElementBlocDetail iframe body,
.structuredElementBlocDetail iframe body #page,
.structuredElementBlocDetail iframe body,
.structuredElementBlocDetail iframe body #page #wrapper,
.structuredElementBlocDetail iframe body #page #wrapper #conteneur,
.structuredElementBlocDetail iframe body #page #wrapper #conteneur #contents,
.structuredElementBlocDetail iframe body #page #wrapper #conteneur #contents #main{
	background-image : none !important ;
	background-color : #fff !important ;
}

body[style~= "margin"]{
	background : none repeat scroll 0 0 transparent !important;
}

/*CSSEditor|content,image|Apparence des images|notext*/
img {
	border:0;
	vertical-align: bottom;
}

.clear {
	border:0;
	clear: both;
	height:0;
	line-height:0;
	visibility: hidden;
}

#mobile_banner, .mobile_only{
	display:none;
}

@media (max-width: 640px) {

/* PARAMETRES => Faire un rechercher / remplacer
COULEUR NAV 1 : #010063
COULEUR NAV 1 A: Rechercher #mobile_banner ul.first_level > li > a
COULEUR NAV 1.ACTIF : #96002D
COULEUR NAV 1.ACTIF A: Rechercher #mobile_banner ul.first_level > li.active > a
COULEUR BOX : #010063
COULEUR SUBMIT : #96002D
COULEUR SUBMIT Text : Rechercher .submit input
COULEUR PAGER : #96002D

*/

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: auto;
   padding: auto;
}
body{
	padding : 0 11px;
	font:85% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	line-height:160%;
} 

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none !important;
   width: auto !important
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
.intext_right, .intext_left{
	float : none !important  ;
	display : block !important ;
	max-width : 300px !important ;
	margin : 5px auto !important ;
	text-align : center !important ;
}
 /* Un message personnalisé */
 body:before {
   content: "Bienvenue sur notre version mobile du site";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }
 
 /* Modification */
 body, body *{
   width: auto !important;
   margin: auto !important;
   padding: auto !important;
   background : transparent !important;
 }
 
 #mobile_banner{
	display : block; 
 }
 
#page{
	background:transparent;
	margin:0 auto;
	position:relative;
	width:auto;
}

/*CSSEditor|structure,global|Zone intérieure*/
#wrapper{
	padding-top : 0px ;
	color:#333;
	font-size:1em;
	width:auto;
	background : transparent;
}
	#conteneur{
		float:none;
		width:auto;
	}
		#contents{
			padding:0;
		}
			/*CSSEditor|structure,global|Zone de contenu*/
			#contents #main{
				margin-bottom : 10px ;
			}

			a{
				border-width : 0  !important;
				text-decoration : underline !important ;
			}

/*CSSEditor|structure,global|Colonne de gauche*/
#leftbar {
	float:none;
	margin:10px;
	width:auto;
}
	#leftbar #nested{
		display : none ;
	}

input,textarea,select, select option{
	background : #fff !important ;
}
 label{
	display: block !important;
	text-align : left !important;
	float : none !important;
 }
 #box_top, #box_bottom{
	display : none ;
 }
 #contentBox{
	background : transparent !important ;
 }
 .box{
	background : #010063 !important;
	margin : 5px auto !important ;
 }
 /*.boxes_top,*/ .boxes_bottom{
	display:none ;
 }
 .box_top{
	border : 1px solid #fff ;
	border-width : 1px 0 0 0 ;
 }
 .box *{
	text-align : left !important;
 }
 .box h2{
	padding : 2px 0 !important;
	margin : 0 0 !important;
 }
 .box h3{
	padding-left : 17px!important;
 }
 /* récupération des CSS à maintenir */
.pager a:link, .pager a:visited{
				text-decoration : none  !important;
		background:#96002D!important;
		color : #fff !important;
}
 
.submit input{
		background:#96002D!important;
		border:1px outset #000!important;
		color: #000!important;
}
/* HACK SPE LIST RADIO */
.group_multi_radio{
	padding : 0 !important ;
	top : 0 ;
}
.group_multi_radio .multi_radio{
	display : block ;
}
.group_multi_radio input{
	display : inline-block !important ;
	width : auto; 
}
.group_multi_radio label{
	display : inline-block !important ;
	width : auto; 
}
 .row{
	clear : both ;
}
 #signature a,#signature a:hover;#signature a:visited, #signature p, #signature *{
	text-decoration : none !important;
	color : #000 !important;
 }
 .corpsM{
	display : block ;
	text-align : center ;
	margin : auto ;
 }
 /* Navigation mobile */
 #mobile_banner ul.first_level{
	padding : 0!important;
	margin : 2px 0 10px!important; 
 }
	 #mobile_banner ul.first_level > li.active{
		background : #96002D !important ;
	 }
	 #mobile_banner ul.first_level > li{
		font-size : 1em !important;
		list-style : none!important ;
		background : #010063!important;
		border : 1px solid #fff ;
		margin : 0 ;
		padding : 0 ;
	 }
		 #mobile_banner ul.first_level > li.active > a{
			/*background-image : url(/images/nav2_mobile.png)!important;*/
			font-weight : bold ;
			color : #fff!important ;
		 }
		 #mobile_banner ul.first_level li.active ul .second_level a{
			color : #fff!important ;
		 }
		 #mobile_banner ul.first_level > li > a{
			color : #fff ;
			/*background : transparent url(/images/nav_mobile.png) left center repeat-x !important;*/
			background : transparent !important;
			display : block;
			padding : 3px 3px 5px 3px !important;
			margin : 0 ;
				text-decoration : none !important;
		 }
		 #mobile_banner ul.first_level > li > ul  li ,#mobile_banner ul.first_level > li  ul > li.active{
			border-width : 0 !important;
		 }
		 #mobile_banner ul.first_level > li > ul .second_level{
			background : #96002D !important ;
			padding-left : 10px ;
		 }
		 #mobile_banner ul.first_level > li > ul  a,#mobile_banner ul.first_level > li > ul  a > span{
			color : #fff !important ;
			text-decoration : none !important ;
		 }
		 #mobile_banner ul.first_level > li > ul  li > a,#mobile_banner ul.first_level > li > ul .second_level li ul .third_level li {
			font-weight : normal ;
		 }
		 #mobile_banner ul.first_level > li > ul  li.active > a,#mobile_banner ul.first_level > li > ul .second_level li ul .third_level li a{
			font-weight : bold ;
			text-decoration : underline !important ;
		 }
 h1,h2,h3{
	background : transparent no-repeat left center url(/media/images/puce.png) !important;
	margin : 3px 0 !important;
 }
 								
/* Style for calendar boxe with links to events */table.calendar {
	border-collapse:collapse !important;
	border-spacing:0 !important;
	border:1px solid #010062 !important;
	font-size:1em !important;
	margin:auto !important;
	width:100% !important;
}
	table.calendar  caption{
		color: #fff !important;
		font-size: 1.3em !important;
		font-weight:bold !important;
		margin:5px 0 !important;
		text-align:left !important;
	}
	.calendar th{
		background-color:#96002D !important;
		border:1px solid #010062 !important;
		color:#fff!important;
		font-size:1.1em !important;
		font-weight:bold !important;
		padding:2px !important;
		text-align:center !important;
	}
	.calendar th a{
		color : #fff !important ;
	}
	.calendar td{
		border:1px solid #010062 !important;
		padding:2px !important;
		background-color : #fff !important ;
		color : #000 !important ;
		text-align:center !important;
	}
	.calendar td.event_day a{
		font-weight : bold  !important;
		font-size : 1em !important ;
	}
	.calendar td.event_day{
		font-weight : bold !important ;
		font-size : 1em !important ;
		background-color : #96002D !important ;
	}
	.calendar td.today{
		border : #96002D solid 3px !important;
	}
	.calendar td.past_day {
		color : #aaa !important ;
	}
 
}
@media (max-width:640px) and (orientation: landscape) {
  body {
   -webkit-text-size-adjust: 80%;
  }
}