/* CSS Document */

body{
margin:  10px 0px 0px; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;

}


/* formatage des liens */

a.flash:link, a.flash:active, a.flash:visited {
	color: #000;
	text-decoration:none;
	font-size: 11px;
	
}

a:hover.flash{
color: #000;
text-decoration:underline;
}


a.navtop, a:active.navtop, a:link.navtop, a:visited.navtop{

text-decoration:none;
font-weight:bold;
color:#000;
font-size:12px;
}
a:hover.navtop{
color:#999;
}

a, a:link, a:visited, a:active{
text-decoration:none;
color:blue;

}
a:hover{

text-decoration:underline;
}


/* begin of layout 2 columns  */

#global{
width:970px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

div #global{
border: 1px solid #BDBEBD;
}

/* left part  */

#leftcol{
width: 210px;
float: left;
-height:300px;/* hack for IE  */
min-height:300px;
background-repeat: no-repeat;
}

#leftcol #navigation{
min-height:400px;
_height:400px;

}
#leftcol #contact{
margin-left: 10px;

}


/* begin of right part - 3 zone - main is the golbal zone of right part  */

#main {
width:748px;
left: 210px;
float: right;
}

#main #top{
width:100%;
height:170px;
}
#main #search{
width:100%;
height:80px;
}

#main #top #navigation{
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #666666;
border-bottom-color: #666666;
width: 98%;
margin-left: 5px;
font-weight: bold;
padding-top: 2px;
padding-bottom: 2px;
font-size: 11px;
}

#main #gradient{
min-height:15px;
_height:15px;/* hack for IE  */
}

/* in the place to be - work zone  */

#main #bottom{
background-repeat: no-repeat;
min-height:400px;
_height:400px;/* hack for IE  */
}

#main #bottom #imgvertical{
float: left;
width: 100px;
}


#main #bottom #rightpart{
float: left;
width: 530px;
margin-top: 22px;
}


/* bottom of layout  */

#bottomlayout{
height:8px;
width:100%;
}

#bottom_left{
height: 8px;
width: 220px;
clear: left;
font-size: 6px;
}
/*end of layout 2 columns  */
/* BEGIN LAYOUT GREY----------------------------------------------------------------------------------------- */
/*  format the color and background images for the differents zone */

#grey #global{
background-image: url(../images/grey/background-global.jpg);
}

#grey #leftcol{
background-image: url(../images/grey/gradient-menu.jpg);
}

#grey #main #top{
background-color:#DDDDDD;
}

#grey #main #gradient{
background-color: #DDDDDD;
background-image:  url(../images/grey/gradient-top.jpg);
}

#grey #main #bottom{
background-image:  url(../images/grey/background-serei.gif);
}

#grey #bottomlayout{
background-color:#DDDDDD;
}

#grey #bottom_left{
background-image:  url(../images/grey/background-bottom.jpg);
}

/* BEGIN LAYOUT PINK----------------------------------------------------------------------------------------- */
/*  format the color and background images for the differents zone */

#pink #global{
background-image: url(../images/pink/background-global.jpg);
}

#pink #leftcol {
background-image: url(../images/pink/gradient-menu.jpg);
}

#pink #main #top{
background-color: #FFDDDD;
}

#pink #main #gradient{
background-color:  	#FFDDDD;
background-image:  url(../images/pink/gradient-top.jpg);
}

#pink #main #bottom{
background-image:  url(../images/pink/background-serei.gif);
}

#pink #bottomlayout{
background-color:#EE99AA;
}

#pink #bottom_left{
background-image:  url(../images/pink/background-bottom.jpg);
}

/* BEGIN LAYOUT BLUE----------------------------------------------------------------------------------------- */
/*  format the color and background images for the differents zone */

#blue #global{
background-image: url(../images/blue/background-global.jpg);
}

#blue #leftcol {
background-image: url(../images/blue/gradient-menu.jpg);
background-repeat: no-repeat;
}

#blue #main #top{
background-color: #DBDFEE;
}

#blue #main #gradient{
background-color:  	#FFDDDD;
background-image:  url(../images/blue/gradient-top.jpg);
}

#blue #main #bottom{
background-image:  url(../images/blue/background-serei.gif);
background-repeat: repeat;
}

/* bottom of layout  */
#blue #bottomlayout{
background-color:#99AACC;
}

#blue #bottom_left{
background-image:  url(../images/blue/background-bottom.jpg);
}

/* END LAYOUT COLOR----------------------------------------------------------------------------------------- */
/* BEGIN LAYOUT YELLOW----------------------------------------------------------------------------------------- */
/*  format the color and background images for the differents zone */

#yellow  #global{
background-image: url(../images/yellow/background-global.jpg);
}

#yellow  #leftcol {
background-image: url(../images/yellow/gradient-menu.jpg);
background-repeat: no-repeat;
}

#yellow  #main #top{
background-color: #FFF7CC;
}

#yellow  #main #gradient{
background-color:  	#FFF7CC;
background-image:  url(../images/yellow/gradient-top.jpg);
}

#yellow  #main #bottom{
background-image:  url(../images/yellow/background-serei.gif);
background-repeat: repeat;
}

/* bottom of layout  */
#yellow  #bottomlayout{
background-color:#FFEF99;
}

#yellow #bottom_left{
background-image:  url(../images/yellow/background-bottom.jpg);
}

/* END LAYOUT COLOR----------------------------------------------------------------------------------------- */



.imagesize {
	width: 125px;



}