/* 
	#918787;  gris moyen 
 	#5c5c66;  gris foncé 
	#EEEEEE;  gris ++ clair
	#ff8d40;  orange 
	#890000;  rouge carmin
	*/

	
	
	
	body {
		text-align:center;
		background-color:#fff;
		padding:10px;
		margin:0px;
		font-family : Trebuchet MS, Verdana,  arial;
		font-size : small;
		}
		
	a {
		text-decoration:none;
		font-size : small;
		color: #890000;
		}
	
	a:hover {
		color: #ff8d40;
		}
	
		p,pre {
		margin:0px 10px 10px 20px;
		}
		
	h1 {
		background: transparent url('../images/section-sep.gif') no-repeat bottom left; 
		margin:0px 0px 20px 20px; 
		font-family:"Times New Roman", Times, serif;
		font-size:18px;
		padding:10px 0px 5px 33px; 
		color:#890000
		}
	h2 {
		font-size:14px;
		padding-left:15px;
		color: #5c5c66;
		}
	
	h3 {
		font-size:12px;
		padding-left:15px;
		color: #5c5c66;
		}
		
	.yui-tt {
		background-color:#000000;
		color:#FFFFFF;
		padding: 15px;
		border: 2px solid #111111;
		}

		
	
	/* box/module with corners */
.box{border-left:solid 1px #c6c6c6;border-right:solid 1px #c6c6c6;padding:5px 0;background:white;height:100%}
.box h2, .three-module h2{border:none;padding:0 6px 8px;margin:0}
div.third-end div.box img,div.main-right div.box img, div#three-zero-hybrid-rhc .box img{float:none;margin:0;display:inline}
/* .module{background:url(../images/modulebg.jpg) repeat-x;padding:8px;margin:0 1px} */

.module{  padding:10px;}

.tl-corner, .tr-corner, .bl-corner, .br-corner{height:5px;font-size:1px}
.tl-corner{width:5px;float:left;background:url(../images/corners.gif) top left}
.tr-corner{background:url(../images/corners.gif) top right}
.bl-corner{width:5px;float:left;background:url(../images/corners.gif) bottom left}
.br-corner{background:url(../images/corners.gif) bottom right;margin-bottom:15px}



		
	.tableform {
		width:550px;
		background-color:#d7d7d7;
		margin-left:25px;
		}
		
	#frame {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:5px;
		padding:0px;
		text-align:left;
		background:#fff;
		}
		
	#contentleft {
		width:220px;
		min-height:300px;
		padding:0px;
		float:left;
		}
	#content450 {
		width:450px;
		min-height:300px;
		padding:0px;
		float:left;
		}
	#content473 {
		width:473px;
		min-height:300px;
		padding:0px;
		float:left;
		}
	#content350 {
		width:350px;
		min-height:300px;
		padding:0px;
		float:left;
		}	
	#content327 {
		width:327px;
		min-height:300px;
		padding:0px;
		float:left;
		}
	#content560 {
		width:560px;
		min-height:300px;
		padding:0px;
		float:left;
		}
		
	#content240 {
		width:220px;
		min-height:300px;
		padding: 10px 10px 10px 10px; 
		float:left;
		}
	#contentcenter {
		width:405px;	
		min-height:300px;
		padding:0px;
		float:left;
		}
		
	#contentbig {
		width:580px;
		min-height:300px;
		padding:0px;
		float:left;
		}
	#contentbig2 {
		width:625px;
		min-height:300px;
		padding:0px;
		float:left;
		
		}

	#contentbig3 {
		width:800px;
		min-height:300px;
		padding:0px;
		float:left;		
		}

	#contentright {
		background: transparent url('../images/notepad.gif') no-repeat top left;
		width:168px;
		min-height:300px;
		float:left;	
		padding-top: 5px;	
		margin-right: 5px;
		
		}
		
	#contentright p {
	font-size:12px; 
	font-family: "Comic Sans MS", "Verdana"
	
	}
	
	#contentheader {
		
		}
		
	#contentheader h1 {
		font-size:14px;
		padding:10px;
		margin:0px;
		}
	
	.nomboutique {
		font: bold 30px Arial;
		color: #ff8d40; /* orange */
		margin:0px;
		}
		
		
	/* Menu des boutiques */	
	.buttonmenu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 330px;
	}

	.buttonmenu li a{
	color: white;
	display: block;
	width: 100%;
	padding: 4px 4px;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid;
	border-color: #918787 #5c5c66 #5c5c66 #918787; /*light dark dark light*/
	background-color: #ff8d40;
	text-decoration:none;
	margin: 0;
	}

	.buttonmenu li a:hover, .buttonmenu li a:active{
	color: white;
	background-color: #919187; 
	margin: 0;
	}

	

		
	#contentfooter {
		/*height:280px;*/
		font-size: X-small;
		background:#ffffff;
		/* background: #fff url(../images/footer.jpg) no-repeat bottom right; */
		}
		
	#contentfooter a {
		text-decoration:none;
		font-size: X-small;
		color: #890000;
		}
	
	#contentfooter a:hover {
		color: #ff8d40;
		}


/* design pour les planches de photo*/
.gallery_box
{
    display: block;
    float: left;
    width: 105px;
    min-height: 120px;
    margin: 2px 2px 2px 2px;
    padding: 2px 0px 2px 0px;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
}

.gallery_box:hover {
    background-color: #BBBBBB;
}

.gallery_box h3
{
    padding: 0px 0px;
}


.gallery_box .img_box
{
    width: 100px;
    height: 100px;
    text-align: center;
    position: relative;
}

.gallery_box .img_box {
    text-align: center; /* for IE */
    line-height: 100px;
    margin-left: auto;
    margin-right: auto;
    visibility:visible;  
}

.gallery_box .txt_box
{
    font-weight: 800;
    text-align: center;
    overflow: hidden;
}

.gallery_box .txt_box a
{
 
	font-size: 9px;
 
}


/* pagination des planches photos */
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 14px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #918787; /* gris moyen */
text-decoration: none; 
color: #5c5c66; /* gris foncé */
background-color: #EEEEEE; /* gris ++ clair*/
}

.pagination a:hover, .pagination a:active{
border: 1px solid  #d7d7d7; /* gris clair*/
color: #fff;
background-color: #918787; /* gris moyen */
}

.pagination a.currentpage{
background-color: #ff8d40; /* orange */
color: #FFF !important;
border-color: #890000; /* rouge */
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #918787; /* gris moyen */
border-color: #918787; /* gris moyen */
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

/* Menu vertical  */

.vmenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 200px;
border-bottom-width: 0;
}

.vmenu li a{
/*background: white url(../images/vmenu1.gif) repeat-x bottom left; */
background-color: #ff8d40; /*orange color theme*/ 
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
text-align:left;
border: 1px solid #ffffff;

}


* html .vmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 190px;
}

.vmenu li a:visited, .glossymenu li a:active{
color: white;
}

.vmenu li a:hover{
/* background-image: url(../images/vmenu2.gif); */
background-color: #919187; /*grey color theme*/ 
border-color: #890000; /* rouge */
}




/* Menu horizontal  */
#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 5px solid #ff8d40; /*orange color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #919187; /*grey color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #ff8d40; /*orange color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #ff8d40; /*orange color theme*/ 
color: white;
border-color: #ff8d40; /*orange color theme*/ 
}

#modernbricksmenu2 #disc {
float: right;
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:lowercase;
}

#modernbricksmenu2 #disc a{
float: right;
font: bold 10px Arial;
margin: 0 2px 0 0;
padding: 0;
text-transform:lowercase;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin-top: 3px;
text-transform:lowercase;
}



#myform .textinput{
width: 370px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: lightyellow;
}






/* bouton */
a.squarebutton{
background: transparent url('../images/square-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px verdana; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px;  /*Width of left menu image */
width:200px;
text-decoration: none;


}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #000000; /*button text color*/ 
}

a.squarebutton span{
background: transparent url('../images/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #890000;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}