body {
        font-family: tahoma, helvetica, arial, sans-serif;
        font-size: 11px;
        text-align: center;
        background: #d3d2d1;
}

h3, p { 
        font-size: 12px; 
        margin: 1em 0.5em 0.5em 0.5em;		
}

p { 
        margin-top: 0.5em; 
}

img {
        border: 0;
}

a {
        color: #be0404;
        text-decoration: none;
}
.bouton_commander{
        text-align:center;
        padding:5px 0 5px 0;
}
#commande_message {color:#27628C;font-weight:bold;font-size:1.5em;background:#FFFFFF}
#subformulaire {background: #FFFFFF;}
#price {
        font-family:Times New Roman, Times, serif;
        font-style : italic; 
        font-size:2em;
        font-weight:bold;
        color:#024C83}
#subright ul a {
        text-decoration: underline;
}

#wrapper {
        margin: auto;
        text-align: left;
        width: 750px;
        background: white;
}

#wrapperi {
        padding: 0px 2px;
        background: url(../images/dot.gif) 319px 100px repeat-y;
}

#wrapperj {
        background: url(../images/dot.gif) 535px 0px repeat-y;
}

#header, #search, #nav, #nav li, h2, #special, #special h3, #footnav,
#strategies li, #strategies ul {
        margin: 0;
        padding: 0;
}

#header {
        background: #26618d;
        border-bottom: 1px solid #fff;
        border-top: 2px solid #fff;
        margin-bottom: 1px;
		height:64px;
}

.clear {
        clear: both;
        font-size: 1px;
        height: 5px;
        margin: 0 0 -4px 0;
}

#left {
        float: left;
        width: 310px;
}
#left h2 {font-size:16px;color:#FFFFFF;padding-left:5px;}
#text {padding-left:5px}
#right {
        float: right;
        width: 421px;
}
#section {
        background: #eda135;
        border-bottom: 2px solid #004b83;
        padding: 8px 0px 8px 5px;
        margin-bottom: 4px;
}
#search {
        background: #eda135 url(../images/search_icon.gif) 21px 14px no-repeat;
        border-bottom: 2px solid #004b83;
        padding: 8px 0px 8px 40px;
        margin-bottom: 4px;
}

#search .text {
        width: 180px;
}

#search .submit {
        background: #db8100;
        color: #e5e4e2;
        border: 1px solid #e5e4e2;
}

#nav {
        float: left;
        width: 123px;
        margin: 0;
        padding: 0;
}

#nav li {
        background: #91aa37 url(../images/menu_green_arrow.gif) left center repeat-y;
        padding: 3px 0px 4px 25px;
        margin-bottom: 2px;
        margin-left: 0;
        list-style: none;
}

* html #nav li { /* IE 5.x hack */
        padding-left: 20px;
        padd\ing-left: 36px;
}

#nav a {
        color: #efeeed;
        text-decoration: none;
        font-weight: bold;
        font-family: tahoma, helvetica, arial, sans-serif;
        font-size: 11px;
}

#policies {
        float: right;
        width: 181px;
        border: 1px solid #bdbab6;
        margin: 0;
}

#policies h2 {
        background: #6584a9;
		font-size:16px;
		color:#FFFFFF;
		padding-left:5px;
}
#policies p {
		font-size:1em;
		padding-left:5px;
}
#policies ul {
        padding-left: 25px;
        padding-bottom: 1px;
        margin: 12px 0 1px 0;
}

#policies li {
        list-style-image: url(../images/bullet_dimond.gif);
        padding-bottom: 8px;
        padding-left: 0;
        margin-left: 0;
}
#policies #nav ul{
        padding-left: 25px;
        padding-bottom: 1px;
        margin: 12px 0 1px 0;
}
#policies #nav{
        float: left;
        width: 181px;
        margin: 0;
        padding: 0;
}

#policies #nav li{
        background: #91aa37 url(../images/menu_green_arrow.gif) left center repeat-y;
        padding: 3px 0px 4px 25px;
        margin-bottom: 2px;
        margin-left: 0;
        list-style: none;
}
#news {
        background: #f5f4f3;
        padding-bottom: 0.5em;
        border-top: 4px solid #fff;
        color: #666;
}

#news h2 {
        background: #e0a403;
		font-size:16px;
		color:#FFFFFF;
		padding-left:5px;
}

#explore {
        margin-top: -1px;
        background: #f5f4f3;
        border-bottom: 6px solid #fff;
}

#explorei {
        padding-bottom: 11px;
        padding-right:10px;
}
#explorei img {float:right;padding-left:10px;}
#explorei #img2 {float:left;padding-right:5px}
#explorei h2 {font-size:16px;color:#91aa37;padding-left:10px}
#explorei p {font-size:11px;font-family:Arial, Helvetica, sans-serif; text-align:justify}
#explore ul {
	    margin-top: 16px;
        margin-bottom: 8px;
        margin-left: 0;
        padding-left: 25px;
}

#explore a {
        color: #000;
        text-decoration: underline;
}

#explore li {
        list-style: none;
        background: url(../images/bullet_arrow.gif) left center no-repeat;
        padding: 4px 0 4px 25px;
        margin-left: 0;
}

#explore .orange {
        color: #f09d27;
}

#explore .learnmore {
        margin: 5px 0 20px 18px;

}

#special {
        margin-left: 9px;
        margin-top: 10px;
        width: 187px;
        background: url(../images/offer_box_bg.gif) repeat-y;
}

#special, #special a {
        color: #f5f5f5;
        text-decoration: none;
}

#special p {
        padding: 0 13px;
}

#special div {
        background: url(../images/offer_box_bot.gif) bottom no-repeat;
        height: 6px;
        font-size: 1px;
}

#subright {
        margin-top: 0px;
}

#strategies {
        float: left;
        width: 210px;
        
}
#strategies img{
        float:right;padding-left:10px;
}
#strategies h2 {
        background: #6aa100;
		font-size:16px;
		color:#FFFFFF;
		padding-left:5px;
}

#strategies li {
        list-style: none;
        margin: 0.8em 0.5em;
}
#annonce_gauche {
        float: left;
        width: 210px;
}
#annonce_gauche .bouton_commander{
        text-align:center;
        padding:5px 0 5px 0;
}
#annonce_gauche img{
        float:right;
        padding: 2px 5px 0 2px;
}
#annonce_gauche h2 {
        background: #6aa100;
		font-size:16px;
		color:#FFFFFF;
		padding-left:5px;
}
#annonce_gauche ul {
        padding-left:5px;
}
#annonce_gauche li {
        list-style: none;
        background: url(/images/bullet_arrow.gif) left center no-repeat;
        padding: 0 0 4px 15px;
        margin-left: 0;
}
#annonce_gauche li {
        list-style: none;
        background: url(/images/bullet_arrow.gif) left center no-repeat;
        padding: 0 0 4px 15px;
        margin-left: 0;
}
#solutions {
        float: right;
        width: 210px;
}

#solutions h2 {
        background: #024c83;
		font-size:16px;
		color:#FFFFFF;
		padding-left:5px;
}
#annonce_droite {
        float: right;
        width: 210px;
}
#annonce_droite .bouton_commander{
        text-align:center;
        padding:5px 0 5px 0;
}
#annonce_droite img{
        float:right;
        padding: 2px 5px 0 2px;
}
#annonce_droite h2 {
        background: #024c83;
		font-size:16px;
		color:#FFFFFF;
		padding-left:5px;
}
#annonce_droite ul {
        padding-left:5px;
}
#annonce_droite li {
        list-style: none;
        background: url(/images/bullet_arrow.gif) left center no-repeat;
        padding: 0 0 4px 15px;
        margin-left: 0;
}
#footer {
        text-align: right;
        background: #b7b7b8;
        color: #666;
        border-top: 2px solid #fff;
}

* html #footer {
    height: 1.5em;
}

#footeri {
     padding: 2px 3px 4px 13px;
     border-bottom: 2px solid #fff;
}

#footer .copyright {
        float: left;
}

#footer a {
        color: #666;
}


.readmore {
        text-align: right;
        font-weight: bold;
}

.green {
        color: #6aa100;
}
.blue {
        color: #4880ab;
}
.orange {
        color: #e0a403;
}

p.photo {
        text-align: center;
}

#callbox {
        float: left;
        clear: left;
        margin: 0;
}
#PhotoAlbum { }
#PhotoAlbum ul { overflow: hidden; clear: both; margin: 10px; padding: 0; }
#PhotoAlbum ul li { float: left; display: block; margin: 5px; padding: 0;background: none}
#PhotoAlbum a:hover, #PhotoAlbum a:active { border-color: #706F4A; }
#PhotoAlbum a {color: #464544;}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 9999;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
width:410px;

background-color: lightyellow;
padding: 5px;
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: -510px; /*position where enlarged image should offset horizontally */

}