BODY		{
	margin: 0;
	padding: 0;
	border: #FFFFFF 0px solid;
	background-color: #FFFFFF;
	line-height: normal;
	}
/* NON-MENU PAGE LINK COLORS */

a:link		{ color: #145D89; text-decoration: none; }

a:visited	{ color: #145D89; text-decoration: none; }

a:active	{ color: #6633CC; text-decoration: none; }

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






/* THE NEXT LINE CONTROLS THE FONT SIZE FOR ALL PAGES */


TABLE 		{
	COLOR: #666666;
	FONT: 11px Raleway, arial, sans-serif;
	font-weight: normal;
	
}

.title 		{
	COLOR: #666666;
	letter-spacing: 2px;
	font-family: Raleway;
	font-size: 26px;
	font-weight: bold;
	}

.invisible 		{
	visibility: hidden;
	width: 0px;
	height: 0px;
	}
	
.title_logo 		{
	COLOR: #DDDDDD;
	letter-spacing: 2px;
	font-family: Raleway;
	font-size: 26px;
	
	padding-left: 7px;
	}

.subtitle 	{
	COLOR: #333333;
	letter-spacing: 1px;
	font-family: Raleway;
	font-size: large;
	font-weight: bold;
}

.largetitle	{
	COLOR: #888888;
	FONT: 18px Raleway, arial, sans-serif;
	font-weight: normal;
	font-family: Raleway;
}

.hilite		{ COLOR: #CC3333; font-weight: normal; }

.bar		{
	border-top-style: dotted;
	border-top-color: #999999;
	border-width: thin;
}


.page-splits	{
		border: #C0C0C0 1px solid;
	
		color: #FFFFFF; height: 5px;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		}




/* HEADER BACKGROUND COLOR */

.headercolor	{ background-color: #FFFFFF; }

.smalltitle 	{ COLOR: #999999; FONT: 11px Raleway, arial, sans-serif; font-weight: normal;  }

/* NON-GALLERY IMAGE BORDERS */

.borders	{ border: #000000 1px solid; }


.noborders	{ border:  0px solid; }

.grayborders	{
	border: #CCCCCC 1px solid;
	
	margin-left:0px;
	
}

.menutop	{
	border-bottom: 0px solid;
		background-color: #EEEEEE;
	border-color: #FFFFFF;
}

.menubasdepage	{
	visibility: hidden;	
	
}
.bottomgrayborders	{
	background-image: url(../picts/menu_white.gif);	
	
}

/* PICTURE GALLERY CODE */

.image-border	{
	border: #333333 1px solid;
	margin-bottom: 2px;
	height: 200px;
	width: 100px;
}

.image-borderon	{
	border: #FF0000 1px solid;
	margin-bottom: 2px;
	width: 100px;
	height: 200px;
}

.picturetitle 	{ COLOR: #9999FF; FONT: 13px Raleway, verdana, sans-serif; font-weight: normal; letter-spacing: 2px; }



/* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide {display:none;}
.printhelp	{ width:600px; }
}
@media screen{
.printonly { display:none }
}

.img-shadow {

  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  
  background: url(../picts/shadowalpha.png) no-repeat bottom right !important;

  }
.img-shadow img {
  position:relative;
  bottom:0px;
  right: 0px;
  padding:0px;
  margin: 0;
  z-index:2;
  background:white;
  border: 25px solid #cccccc;

  }
.img-shadow2 {

  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  


  }
.img-shadow2 img {
  
  bottom:3px;
  right: 3px;
  padding:0px;
  margin: 0px;
  z-index:2;
 
	
	border: 0px solid #cccccc;
	border-bottom-width: 1px; /*souligner uniquement le bas de l'image */  
	 

  }
  
.img-shadow-gallery {
  }

/*.img-shadow-gallery img {
	bottom:0px;
	right: 0px;
	padding:0px;
	margin: 0px;
	z-index:2;
	background: black;
	border: 0px solid #cccccc;
	border-bottom-width: 1px; /*souligner uniquement le bas de l'image */
  }

.img-shadow-gallery2 {

  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  
  


  }
.img-shadow-gallery2 img {
	bottom:0px;
	right: 0px;
	padding:0px;
	margin: 0px;
width: 100%;
max-width: 600px;



 /*   height: 50%; */
	border: 0px solid #cccccc;
	border-bottom-width: 1px; /*souligner uniquement le bas de l'image */  
	
  }

/* FOOTER TEXT AND LINK COLORS */



a.footerlink:link	{ color: #3366FF; text-decoration: none }

a.footerlink:visited	{ color: #3366FF; text-decoration: none }

a.footerlink:active	{ color: #3366FF; text-decoration: none }

a.footerlink:hover	{ color: #FF6600; text-decoration: none }

.footertext 		{
	padding-bottom: 15px;
	font-size: small;	
	border: 0px;
}


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url(../picts/shadeform.gif);
		text-align: left;
		WIDTH: 180px;
		BORDER: #000000 1px solid; }




/* LINKS PAGE CODE */

.linksmargin	{ margin: 0px 0px 10px 0px; }


/* START THE CODE FOR THE MENUS */



.menutable 	{
	padding: 0px 0px 0px 0px;
	background-repeat:repeat-x;

		}



.page_jump		{
	COLOR: #999999;
	FONT: 12px arial, verdana, sans-serif;
	font-weight: normal;
	
}

a.page_jump:hover	{
	color: #996600;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;

}

.thin_line {
	height: 0px;
	border-style: solid;
	border-color: #CCCCCC;
}

#menuDeroulant
{
	font-size: small;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px;
	position: absolute;
	top: 0px;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	width: 100%;
	left: 0px;
	border-color: #999999;
display: block;
}


#menuDeroulant .sousMenu
{

 display: none;
 list-style-type: none;
 margin: 0px;
 padding: 0;
 border: 0;
 background-color: #FFFFFF; 
}


#menuDeroulant li
{
	float: left;
	width: 100px;
	left : 10px;
	margin: 0;
	padding: 0;
	border: 0;
display: block;
	
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	
	margin: 0;
	
	text-decoration: none;
	
}
#menuDeroulant li a:hover {
	color: #F2462E;
	
	
}
#menuDeroulant li a:active { 
background-color: #5F879D; 
color: #F2462E;


}

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #000;
	margin: 0;
	border: 0;
	text-decoration: none;

	

}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #F2462E;

}

#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0px;
/*	width: 110px; */
	border-bottom: 1px solid;
	border-bottom-color: #999999; 

}


#menuDeroulant li:hover > .sousMenu { display: block; }



#searchbar{
    background: url('../picts/search_bg.png') no-repeat  left;
    float:right;
   	height:30px;
    width:154px;
	 font-size:12px;
}

.searchbar{
	background: url('../picts/menu.png') no-repeat  left;
	float:left;
	padding-left: 3px;
	height:20px;
	width:125px;
	font-size:15px;
	border: 0px;
}

#searchbar #s{
    background:none;
    border:none;
    color:#222;
    float:left;
    font-family:Raleway, Arial, Helvetica, sans-serif;
    font-size:12px;
	margin-top:5px;
 	width:124px;
	

}

#searchbar #loupe{
    background:  url('../picts/') no-repeat  left;
    border:none;
    float:right;
    height:35px;
margin-right:1px;
    width:27px;
	
}


/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	display: none;
	background-color: #999966;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/
@media (max-width: 480px) {
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a {
		display: block;
	}
	ul.rig {
		margin-left: 0;
	}
	ul.rig li {
		
		margin: 0 0 20px;
	}
}

@media screen and (max-width : 640px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
		margin-left: -2px;  /*a supprimer si prob*/
		
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}



hr {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	margin: 0px 0;
	clear: both;
}
.centered {
	text-align: center;
}
.wrapper {
	width: 100%;
	padding: 1px 0;
}
.container {
	margin: 0 0;
	
}
ul.grid-nav {
	list-style: none;
	font-size: 0.85em;
	font-weight: 200;
	text-align: center;
}
ul.grid-nav li {
	display: inline-block;
}
ul.grid-nav li a {
	display: inline-block;
	padding: 4px 4px;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}
ul.grid-nav li a:hover {
	
}
ul.grid-nav li a.active {
	
}
.grid-container {
	display: none;
}
/* ----- Image grids ----- */
ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: 0%; /* should match li left margin */
}
ul.rig li {
	display: inline-block;
	padding: 0px;
	margin: 0 0 0.5% 0.5%;
	background: #fff;
	
	font-size: 12px;
	font-size: 1rem;
	vertical-align: top;

	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	max-width: 125px;
	height: 155px;

}




ul.rig li p {
	font-size: 11px;
	text-align: left;
	color: #000066;
	margin-top: 2px;
	font-size: 11px;
	font-family: Raleway, Helvetica, sans-serif;
}

ul.rig li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 0 0px;
}
ul.rig li h3 {
	margin: 0 0 0 0px;
}
ul.rig li p {
	font-size: small;
	text-align: left;
	color: #000066;
	margin-top: 2px;
}

/* class for 2 columns */
ul.rig.columns-2 li {
	width: 90.5%; /* this value + 2.5 should = 50% */
}


/* class for 3 columns */
ul.rig.columns-3 li {
	width: 90.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.rig.columns-4 li {
	width: 32.5%; /* this value + 2.5 should = 25%   OLD value 17.5*/
}