*{margin:0;padding:0;border:none;}

body{
    
    background :#4e93c0 url('http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/accueil/body-bg.gif') 50% 0 repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
  	margin:0px;
	padding:0px;
}


a										{ color: #4D4D4D; text-decoration: none; }
a:link							{ color: #4D4D4D; text-decoration: none; }
a:visited						{ color: #4D4D4D; text-decoration: none; }
a:hover							{ color: #4D4D4D; text-decoration: underline; }


p										
{ margin: 0px 0px 1em; padding: 0px 15px 0px 0; text-align: justify; line-height: 15px; }



#centreur{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:858px;

}

#main{
    margin:0px;
    padding:0px;
    float:left;
    background-color:white;
}
#header{
   width:856px;
   height:110px;
   border:none;
   background-color:white;

 }

#logoAlgo{
    margin-left:10px;
    height:80px;    
width:400px;
   width:210px;
    color:white;
    float:left;
    background:#5a7ab9 url('../images/algo.png') 5px 5px no-repeat;
    


}

#breadCrumb ul{
width:auto;
    float:none;
    background :white url('../images/breadCrumbbg.png') repeat-x;
    margin:5px 5px 5px 5px;
    padding:5px;
    font-size: 11px;
border: 1px solid #5a7ab9;
    color:#5a7ab9;
min-width:150px;
height:12px;
}


#breadCrumb li{
float:left;
list-style-type: none;
list-style-image:none;
}

#breadCrumb a{
text-decoration:none;
    color:#5a7ab9;    
}
#breadCrumb a:visited{
    color:#5a7ab9;    
}

#breadCrumb a:hover{
    color:#89c160;   
    font-weight:bold;
}



#actionBar{
    float:right;
    height :20px;
    border:none;
    margin:5px 5px 5px 5px;

}


#colonneGauche{
float:left;
height:800px;
width:212px;
border:none;
margin:5px 0px 5px 5px;


}
#colonneContenu{
background-color : white;
border:none;
padding :5px 30px 5px 30px;

margin:5px 5px 5px 225px; 
width:620px;
}
.produitsMenu{
text-align:left;
width:250px;
}

div.header-txt {
position: relative;
font-size:1.1em;
color:#4f4a4a;
max-width:150px;
font-weight:bold;
text-align: center;
padding:0 15px 10px 0;
width: 200px;
left: 40px;
margin: 0;
top: 250px;
}

.header-bloc{
position:relative;
top:100px;
width:120px;
left:80px;
}

 

li {
list-style-type: disc;
list-style-position:inside;
list-style-image:url('../images/puce.gif');
}





h1{
 color:#5a7ab9;  
 line-height:32px;
 border-bottom :2px dotted #CCCCCC;
 margin-bottom:10px;
}

h2 {
	padding-left: 28px;
	line-height: 25px ;
	font-size: 1.4em ;
background: url( http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/css/fleche.gif) no-repeat 0 0;
	color: #426BA4;
	border-bottom: 1px solid #A93D41 ;
        margin-bottom: 10px;
        margin-top: 10px;
	text-align: left;
}


h3 { color: #940402;
	font-size: 1.3em;
	padding-top: .4em;
	padding-bottom: 0.6em;
	padding-right: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}

/* Right Channel */

#SidebarSecondary {

  float: right;

}

* h2.secondaryNavHead a {
	text-decoration: none;
	color: white;
}


h2.secondaryNavHead {font-weight: bold; background: url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/secondary-nav-head-bg.gif) 0 0 no-repeat; color: #fff; padding: 8px 10px;font-size: 13px;
border-bottom: none ;
margin-bottom: 0px;
}

ul#SecondaryNav {margin-bottom: 15px;}

ul#SecondaryNav li {list-style-type:none;list-style-image:none;background: url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/secondary-nav-off-bg.gif) 0 0 repeat-x; padding: 0 1px;}

ul#SecondaryNav li a {display: block; border-top: 1px solid #a9b7c1; color: #fff; text-decoration: none; padding: 8px 10px 8px 20px; background: url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/secondary-nav-arrow-off.gif) 10px 12px no-repeat;}

ul#SecondaryNav li a:hover {color: #ccc}

ul#SecondaryNav li.active {background: url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/secondary-nav-active-bg.gif) 0 0 repeat-y;}

ul#SecondaryNav li.active a {background: url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/secondary-nav-arrow-active.gif) 10px 12px no-repeat; color: #484848;}

ul#SecondaryNav li.last {background: url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/secondary-nav-off-last-bg.gif) 0 100% no-repeat;}

ul#SecondaryNav li.activeLast {background: url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/secondary-nav-active-last-bg.gif) 0 100% no-repeat;}

ul#SecondaryNav li.activeLast a {background: url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/secondary-nav-arrow-active.gif) 10px 12px no-repeat; color: #484848;}

ul#SecondaryNav li.withsubs a {padding-bottom: 0;}

ul#SecondaryNav li.active ul li {background: none;}

ul#SecondaryNav li.active ul li a {border-top: none; padding: 0 10px 3px 35px; font-size: 85%; background-position: -2000px;}

ul#SecondaryNav li.active ul li a:hover {color: #bf0413; }

ul#SecondaryNav li.active ul li.first a {padding-top: none;}

ul#SecondaryNav li.active ul li.active a {color: #bf0413; }

ul#SecondaryNav li.active ul li.last {padding-bottom: 8px;}




/* nav footer */
ul#nav_footer {margin: 0 0 0 10px;
	float: right;
}
ul#nav_footer li {list-style-type: none; margin: 0; padding: 0; float: left; padding-right: 10px; margin-right: 10px; text-decoration: none}
ul#nav_footer li a {color: #fcc32f; font-size: 0.9em; font-weight: normal; text-decoration: none}
ul#nav_footer li a:hover {color: #e77742; text-decoration: none;}
ul#nav_footer li.copyright {color: white; font-size: 0.8em; background: none; padding-top: 1px;}
#copyright {clear: both; margin-left: 9px; padding-top: 5px; color: #999; font-size: 0.8em;}


/* nav footer */
ul#nav_footer {margin: 0 0 0 10px;
	float: right;
}



.photoarticle{width:150px;float:left;padding:10px 10px 10px 10px;}

.photogauche{float:left;padding:10px 10px 10px 10px;}

.menus_gauches {
	padding: 8px 0px 8px 10px;
	width: 188px;
	border-bottom: 1px solid #E5E5E5
}

.chapo {
font-size:1.1em;
color:#4f4a4a;
font-weight:bold;
text-align:justify;
padding:0 15px 10px 0;
}


/* .sous niveau !important; pour toute les proprietes */
.sousniveau li {
	padding-top: 2px!important;
	font-size: 12px!important;
	background: url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/puce-niv-2.png) no-repeat 22px 4px!important;
	 color: #484848;
}

#colonneContenu ul {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 1em;
}

/* Mise en evidence des liens*/
#colonneContenu  a:link {
	color: #6c9b31;
	text-decoration: underline;
	font-weight: bold;
}
/* Mise en evidence des liens*/
#colonneContenu  a:visited {
	color: #6c9b31;
	text-decoration: underline;
	font-weight: bold;
}


/* EN SAVOIR PLUS*/
a.orange_link{
	position:relative;
	display:inline-block;
	border:1px solid #fb7109;
	height:16px;
	background-color:#fb7109;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background-image:url('http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/interface/orange_link_arrow.jpg');
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
	float: right;
	padding: 2px 20px 3px 8px;
	margin-top: 12px;
}


/* Mise en evidence des liens*/
#colonneContenu  a.orange_link:link {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}
/* Mise en evidence des liens*/
#colonneContenu  a.orange_link:visited {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}
/* FIN EN SAVOIR PLUS*/


/* For Product Pages */

#productPage TABLE.productsTable {width:600px; margin:0 auto}
#productPage TABLE.productsTable TD {vertical-align:top}

#productPage TABLE.productsTable .left, #productPage TABLE.productsTable .right {padding:10px 0 5px 0}
#productPage TABLE.productsTable .leftItem, #productPage TABLE.productsTable .rightItem {padding:5px 18px 0 20px; width:50%}	
#productPage TABLE.productsTable .leftItem {border-right:1px solid #ddd}	

#productPage TABLE.productsTable .left .store-btn {padding:0 25px 1px 25px}	
#productPage TABLE.productsTable IMG {float:left; margin:0 20px 0 0}

#productPage TABLE.productsTable TD P {font:11px Arial, Helvetica, sans-serif; line-height:14px; color:#919191; margin-bottom:10px; padding:0}
#productPage TABLE.productsTable TD H5 {margin-top:6px; margin-bottom:8px}
#productPage TABLE.productsTable TD H5 A {font:bold 13px Arial, Helvetica, sans-serif; color:#4c4c4c; line-height:17px; text-decoration:none}
#productPage TABLE.productsTable TD SUP {font-size:8px !important}
#productPage TABLE.productsTable TD P.licensePrice {color:#000; font-size:12px}

#productPage .productsPartBottom TD.leftItem, #productPage .productsPartBottom TD.rightItem {padding-top:20px; border-top:1px solid #ddd}
#productPage .buttonsPartTop TD {padding-bottom:20px}

#productPage .buttonsPartLeft, #productPage .buttonsPartRight {padding-left:112px; padding-bottom:20px;}
#productPage .buttonsPartLeft {border-right:1px solid #ddd}
#productPage .buttonsPartRight {border-left:1px solid #ddd}
#productPage a.ubtn {margin-right:15px;}

#productPage H2.Title {margin:30px 20px 10px 0; font:bold 14px Arial, Helvetica, sans-serif; padding-bottom:5px; border-bottom:1px solid #ddd}
#productPage H2.bottomTitle {border-bottom:0; margin-bottom:5px; margin-top:10px; font:bold 14px Arial, Helvetica, sans-serif;}

   .blocImage{
background-color:transparent;
margin:0px;padding:0px;
        height : 154px;
width:850px;
    }
    
.blocImage li{
     margin:0px;
     padding:0px;
    float : left;
   height:150px;
list-style-type: none;
list-style-image:none;
width:204px;
    }
    
.blocImage a{
        margin:0px;
        padding:0px;
        text-decoration:none; 
        border:none;
color:black;
     }
   
     .blocImage a:link,  a:visited,   a:active{
       text-decoration:none !important;
        border:none;
    }     

     
  .blocImage div {
	color: #838383;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;	
	text-decoration: none;
	position: relative;
	top: -145px;
	left: 45px;
	width: 160px;
}
 
  
.blocImage img{  
    border:none;
}

.blocEtiquette{
background-color:transparent;
margin:0px;padding:0px;
        height : 154px;
width:850px;
    }
    
.blocEtiquette li{
     margin:0px;
     padding:0px;
    float : left;
   height:150px;
list-style-type: none;
list-style-image:none;
width:204px;
    }
    
.blocEtiquette a{
        margin:0px;
        padding:0px;
        text-decoration:none; 
        border:none;
color:black;
     }
   
.blocEtiquette a:link,  a:visited,   a:active{
       text-decoration:none !important;
        border:none;
}     

.blocEtiquette div {
	color: #838383;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;	
	text-decoration: none;
	position: relative;
	top: -100px;
	left: 52px;
	width: 150px;
}
 
  
.blocEtiquette img{  
    border:none;
}


/* Titre H1 du Bloc Page*/

div.blocTitre h1 {
	position: relative;
	top: -380px;
	left: 300px;
	width: 500px;
}
div.blocTitre a:link,  a:visited,   a:active {
	text-decoration: none !important;	
}

/* Eviter de  repousser les blocs du dessous*/
div.blocTitre {
	height: 500px;
}

 div.contact a {
	position: relative;top: 0;left:48px;display:block;background:url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/interface/contact.jpg) no-repeat 0 0;width:130px;height:40px;line-height:40px;text-indent:-9000px;overflow:hidden;

	}
	
div.contact a:hover{background-position:0 -40px;}


.features_overview_left{float:left;width:310px;}
.features_overview_right{float:left;width:350px;}


/* Tabs modifications pour int?gration CSS ALGO
----------------------------------*/

li.ui-state-default.ui-corner-top , .ui-tabs-selected.ui-state-active {
	list-style-image: none;
	list-style-type: none;
}

li.ui-state-default.ui-corner-top  a{
	text-decoration: none!important;
	color: gray!important;
}

.ui-tabs-selected.ui-state-active a{
	text-decoration: none!important;
	color: black!important;
}
/* FIN Tabs modifications pour int?gration CSS ALGO
----------------------------------*/

/* Deux colonnes */
.grid2col { clear: both; display: inline;}
.grid2col .column { margin-left: 0; width: 310px; }
.grid2col .column.first { float: left; }
.grid2col .column.last { float: right; }

div.column img {
	margin-top: 5px;
}



div.PortletContact {
	display: block;
	float: none;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	margin-top: 80px;
}



.blocgris250 {
  background: url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/interface/bloc-gris-arrondi-250.png) 0 0 no-repeat;
  float: right;
  margin: 0 0 15px 25px;
  padding: 5px 0 0 0;
  width: 250px;
}
  .blocgris250 .blocgrisbas250 {
    background: url(http://registration.net-resa.com/cgi-bin/WebObjects/gnetresa.woa/file/org/57/SiteAlgo/images/interface/bloc-gris-arrondi-250.png) 0 100% no-repeat;
    height: 100%;  /* N?cessaire pour IE */
    padding: 0 4px 5px 4px;
  }