/*  px |30   | 24    | 22  | 20    |  18    | 16   | 14   |  12  | 11    */
/*  em |2.72 | 2.18  |  2  | 1.82  |  1.64  | 1.45 | 1.27 | 1.09 | 1     */

body{margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}

/* LES TEXTES */
.txt {font-family: Arial, Tahoma,  Helvetica, sans-serif;font-size: 11px;}
.Tahoma11 {font-family: Arial, Tahoma, Helvetica, sans-serif;font-size: 11px;}
.Tahoma12 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.Titre {font-family: Arial,Tahoma, Helvetica, sans-serif;font-size: 14px;}
.TitreEncart{font-family: Arial,Tahoma, Helvetica, sans-serif;font-size:1.1em; color:#666666; padding:0px;}
.TitreEncartMini{font-family: Arial,Tahoma, Helvetica, sans-serif; font-size: 13px; font-weight : bold; color:#666666; padding:0px;}


#Corps h1{font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 18px;color:#238dde;}
#Corps h2{font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 22px;color:#238dde;PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;PADDING-RIGHT: 0px;PADDING-TOP: 0px; POSITION:relative; top:-20px; left:0px;}
#Corps h3{font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 15px;color:#238dde;PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;PADDING-RIGHT: 0px;PADDING-TOP: 0px; POSITION:relative; top:15px; left:0px;}
/* #Corps ul li{} */
li{list-style: none;background : url(http://www.primosoft.net/images-site/fleche.gif) 0 4px no-repeat; margin:0 0 0 -30px;padding-left:10px; }

/* LIENS */
.menu_bas {text-decoration: none; color: #666666; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px}
a:hover.menu_bas {text-decoration: none; color: #000000; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF}

.boutonVert {text-decoration: underline; color: #5d6201; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px}
a:hover.boutonVert{border: 1px solid #5d6201; text-decoration: none; color: #666666; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px}

.boutonLayer {text-decoration: none; color: #507DC2; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px}
a:hover.boutonLayer{text-decoration: none; color: #666666; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px}

/* LES BOUTONS */
.bouton {text-decoration: underline; color: #666666; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px}
a:hover.bouton{border: 1px solid #507DC2; text-decoration: none; color: #333333; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px}

.boutonRouge {text-decoration: underline; color: #FF0000; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px}
a:hover.boutonRouge{border: 1px solid #FF0000; text-decoration: none; color: #666666; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px}

.boutonNoir {text-decoration: underline; color: #000000; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px}
a:hover.boutonNoir{border: 1px solid #666666; text-decoration: none; color: #000000; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px}

.boutonGris {text-decoration: underline; color: #666666; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
a:hover.boutonGris{border: 1px solid #666666; text-decoration: none; color: #000000; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px}

.boutonMenu {text-decoration: none; color: #666666; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px}
a:hover.boutonMenu {border: 1px solid #666666; text-decoration: underline; color: #000000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px}

.boutonMenuHaut {text-decoration: none; color: #666666; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px; font-weight : bold}
a:hover.boutonMenuHaut {text-decoration: none; color: #ffffff; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px; font-weight : bold; background-color: #666666}

/* FORM */
.Input250 {Border:0px;BACKGROUND: url(http://www.primosoft.net/images-site/input250.png); background-repeat:no-repeat; background-position:top left; MARGIN: 0px; COLOR: #000000;font-weight: bold;font-size: 12px; vertical-align:middle;line-height: 25px; padding-left:4px ;padding-bottom:-5px; FONT-FAMILY: Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; width:250px; height:25px; cursor:text}
.Input200 {Border:0px;BACKGROUND: url(http://www.primosoft.net/images-site/input200.png); background-repeat:no-repeat; background-position:top left; MARGIN: 0px; COLOR: #000000;font-weight: bold;font-size: 12px; vertical-align:middle;line-height: 25px; padding-left:4px ;padding-bottom:-5px; FONT-FAMILY: Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; width:200px; height:25px; cursor:text}
.Input150 {Border:0px;BACKGROUND: url(http://www.primosoft.net/images-site/input150.png); background-repeat:no-repeat; background-position:top left; MARGIN: 0px; COLOR: #000000;font-weight: bold;font-size: 12px; vertical-align:middle;line-height: 25px; padding-left:4px ;padding-bottom:-5px; FONT-FAMILY: Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; width:150px; height:25px; cursor:text}
.Input80 {Border:0px;BACKGROUND: url(http://www.primosoft.net/images-site/input80.png); background-repeat:no-repeat; background-position:top left; MARGIN: 0px; COLOR: #000000;font-weight: bold;font-size: 12px; vertical-align:middle;line-height: 25px; padding-left:4px ;padding-bottom:-5px; FONT-FAMILY: Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; width:80px; height:25px; cursor:text}
.Input50 {Border:0px;BACKGROUND: url(http://www.primosoft.net/images-site/input50.png); background-repeat:no-repeat; background-position:top left; MARGIN: 0px; COLOR: #000000;font-weight: bold;font-size: 12px; vertical-align:middle;line-height: 25px; padding-left:4px ;padding-bottom:-5px; FONT-FAMILY: Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; width:50px; height:25px; cursor:text}
.Input30 {Border:0px;BACKGROUND: url(http://www.primosoft.net/images-site/input30.png); background-repeat:no-repeat; background-position:top left; MARGIN: 0px; COLOR: #000000;font-weight: bold;font-size: 12px; vertical-align:middle;line-height: 25px; padding-left:4px ;padding-bottom:-5px; FONT-FAMILY: Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; width:30px; height:25px; cursor:text}

/* FORM BOUTON */
.CommonImageButton {Border:0px;BACKGROUND: url(http://www.primosoft.net/images-site/Bouton.png); background-position:top left; MARGIN: 0px; COLOR: #ffffff;font-size: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; width:77px; height:22px; cursor:hand}

/* LES GRILLES */
.Pager {font-size: 18px !important; font-weight : bold; color : #3777db !important}
.Pager a:link {font-size: 12px; color : #666666; text-decoration: underline;}
.Pager a:visited {font-size: 12px;color : #999999;text-decoration: underline;}
.Pager a:hover {font-size: 12px; color : #3777db !important; text-decoration: underline;}
.Pager a:active {font-size: 12px; color : black; text-decoration: underline;}


/* POPUP PHOTO */
.thumbnail{
position: relative;
z-index: 0;
text-decoration: underline; color: #507DC2; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
border: 1px solid #507DC2; text-decoration: none; color: #666666; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: White;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/* Inset 3D Raised */
.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#fff; border-left:1px solid #eee; border-right:1px solid #eee;}
.raised .b3 {background:#fff; border-left:1px solid #eee; border-right:1px solid #ddd;}
.raised .b4 {background:#fff; border-left:1px solid #eee; border-right:1px solid #aaa;}
.raised .b4b {background:#238dde; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#238dde; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#238dde; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#ccc;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {background-color: #ffffff;padding:10px;display:block; border-left:1px solid #ccc; border-right:1px solid #999;}