body {
font-family:verdana, arial, serif, sans-serif;
background:#ebebeb;
font-size:11px;
margin:0;
padding:0; }

#global {
background:URL('active_cannet/bg_site.jpg') repeat-y top center;
width:980px;
position:relative;
margin-left:auto;
margin-right:auto; }

form, input {
margin:0;
padding:0; }

input, select {
font-size:11px; 
}

#donnees ul {
list-style-type:disc;
}

a {
color:#395571;}

a:hover {
color:#999999;}

/********** Outils **********/

#haut {
background:#d9d9d9 URL('active_cannet/bg_outils.jpg') no-repeat top center;
height:60px;
}

#outils {
width:980px;
display:block;
height:60px;
margin-top:0px;
}

#outils ul{
list-style:none;
margin:0px;
padding:30px 0px 0px 100px;
}

#outils li {
margin:6px 0px 0px 0px;
border-left:1px solid #ff6600;
float:left; }

#outils li a {
font-family:verdana;
font-size:10px;
color:#ff6600;
line-height:6px; /* Hauteur | */
margin:0px 3px 0px 3px; /* Espaces entres <li> */
padding:3px 3px 3px 3px; /* Espace intérieur pour placer le :hover border 1px */
display:block;
text-decoration:none; }

#outils li a:hover {
text-decoration:underline;
padding:3px 3px 3px 3px; }

/********** Bandeau **********/

#bandeau {
font-size:0px; /* Correctif bug marge bas IE */ 
background:#d9d9d9 URL('active_cannet/bandeau.jpg') no-repeat top center;
height:188px;
width:980px;
}

#milieu {
padding-top:12px;
background:url('active_cannet/bg_ariane.jpg') no-repeat top left;
clear:both;
min-height:400px;
}

#milieu2{
background:url('active_cannet/bg_milieu.jpg') no-repeat bottom left;
clear:both;
min-height:400px;
}

/********** Menu père **********/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
text-decoration:none;
font-family:verdana;
position: absolute;
top:219px;
left:12px;
z-index:100;
width:100%;
}

#menu dl {
height:27px;
float: left;
width: 156px;
border-right:solid 2px #ffffff;}

#menu dt {
color:#929395;
cursor: pointer;
text-align: left;

}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
border:solid 1px #ffffff;
}

#menu dd {
width:156px;
background-color:#ff6600;
border-right:solid 1px #bbbbbb;
border-bottom:solid 1px #bbbbbb;
}

#menu li {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#menu dt a {
height:27px;
text-decoration:none;
font-size:10px;
vertical-align:center;
padding-left:5px;
line-height:12px;
display:block;
color:#ffffff;
border-bottom:solid 1px #ffffff;
}

#menu dt a:hover {
background:#ff6600;
}

#menu li a {
text-decoration:none;
font-size:10px;
padding-left:5px;
padding-right:5px;
text-align:left;
line-height:20px;
display:block;
color:#ffffff;
background-color:#ff6600;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover {
background-color:#ffffff;
color:#ff6600;
}

/********** Identification **********/
#acces_intranet{
position:absolute;
right:26px;
top:83px;
display:block;
width:344px;
font-family:verdana;
}

#acces_intranet h1{
font-size:11px;
font-weight:bold;
color:#ffffff;
padding:6px 0px 0px 10px;
margin:0px;
}

#acces_intranet a{
color:#ffffff;
text-decoration:underline;}

#ai_gauche{
padding:10px;
float:left;
}

#ai_droite{
padding-top:22px;
float:left;
}

#ai_gauche label{
line-height:18px;
color:#ffffff;
font-size:10px;
}

#ai_gauche input{
border:solid 1px #ffffff;
font-size:10px;
}

#ai_droite span{
color:#ffffff;
font-size:10px;
}

#ai_droite input{
cursor:hand; /* Pour IE */
cursor:pointer;
width:101px;
height:29px;
border:solid 0px #ffffff;
background: URL('active_cannet/btn_identification.gif') no-repeat top center;
font-size:10px;
}

/********** Colonne de gauche **********/

#colonne_gauche {
/*border:solid 1px white;*/
display:block;
overflow:hidden;
font-family:verdana, arial, serif, sans-serif;
float:left;
margin-left:20px;
width:250px; }

#recherche {
font-family:verdana;
position:absolute;
right:40px;
top:47px;
width:220px;
height:20px;
margin:0px 0px 5px 0px; }

#recherche label {
margin-bottom:2px;
padding:0;
font-size:10px;
color:#ffffff; }

#recherche input {
padding:0;
border:solid 0px #ffffff;
font-size:10px;
color:#000000; }

#recherche input.rech_bouton{
cursor:hand; /* Pour IE */
cursor:pointer;
width:18px;
height:14px;
position:absolute;
margin-left:108px;
border:solid 0px #ffffff;
background:URL('active_cannet/btn_recherche.gif') no-repeat top center;
font-size:10px;
}

#recherche .rech {
height:14px;
position:absolute;
}

#colonne_gauche ul {
margin:0;
padding:0;
list-style:none; }

#colonne_gauche li a {
text-decoration:none;
display:block; }

#colonne_gauche li a:hover {
text-decoration:underline; }

#colonne_gauche li.titremenu a {
color:#ffffff;
background:#ff6600;
text-indent:5px;
height:32px;
line-height:32px;
font-size:11px;
font-weight:bold;}

#colonne_gauche li.titremenu a:hover {
background:#ff6600;
}

#colonne_gauche li.smenu a {
color:#ff6600;
line-height:24px;
padding-left:10px;
font-size:10px;
font-weight:normal;}

#colonne_gauche li.smenu a:hover {
background:#f4f4f4; 
text-decoration:none;}

#colonne_gauche li.ssmenu a {
color:#999999;
line-height:18px;
text-indent:20px;
font-size:10px; }

#colonne_gauche li.ssmenu a:hover {
text-decoration:underline;}

/********** Colonne de droite **********/

#login {
width:110px;
}

#password {
width:110px;
}

#colonne_droite {
padding-top:45px;
padding-right:20px;
font-size:10px;
color:#000000;
float:right;
width:180px; }

#colonne_droite .bloc_droite {
border:solid 1px #e5e5e5;
background:#e5e5e5;
text-align:center;
margin-bottom:10px;
padding-bottom:10px;}

#colonne_droite .bloc_droite_bas {
}

#colonne_droite .bloc_droite h1 {
background:#e5e5e5;
height:24px;
line-height:24px;
position:relative; /* Correctif bug IE6 */
text-align:left;
color:#006599;
margin:0;
padding-left:5px;
text-indent:0px;
font-size:10px; }

#colonne_droite .bloc_droite fieldset  {
text-align:left;
border:0;
padding:5px; }

#colonne_droite .bloc_droite label {
display:inline;
float:left;
width:100px; }

#colonne_droite .bloc_droite fieldset input {
margin-bottom:2px; } 

#colonne_droite img {
margin-top:5px;
text-align:center; }

#colonne_droite p {
text-align:justify;
padding:0px 5px 0px 5px; }

/********** Colonne au centre **********/

#content {
padding:0px 10px 0px 10px;
overflow:auto; /* contexte de formatage : permet de placer correctement le bloc au milieu des flottants */ }

#content h1 {
background:URL('active_cannet/puce_titre_orange.gif') no-repeat top left;
text-indent:30px;
font-weight:bold;
line-height:32px;
margin-bottom:5px;
font-size:16px;
color:#ff6600;}

#content h2 {
background:URL('active_cannet/puce_titre_orange.gif') no-repeat top left;
text-indent:30px;
font-weight:bold;
line-height:32px;
margin-bottom:5px;
font-size:16px;
color:#ff6600;}

#sousbandeau {
border:solid 1px black;
padding:4px 20px 0px 220px;
height:51px;
background:url('active_cannet/bg_ariane.jpg') no-repeat top left;
}

#fil_ariane {
margin-left:280px;
padding-top:7px;
float:left;
color:#ff6600; }

#fil_ariane img { /* Supprime la bordure du lien */
border:0px; }

#fil_ariane a {
color:#ff6600;
font-size:10px;
text-decoration:none;
padding:3px; }

#fil_ariane a:hover {
color:#ff6600;
padding:3px; 
font-size:10px;
text-decoration:underline;}

#fonctions {
padding-top:7px;
padding-right:20px;
float:right; }

#fonctions img { /* Supprime la bordure du lien */
border:0px; }

#donnees {
padding-top:20px;
text-align:justify;
clear:both;
overflow:hidden; /* contexte de formatage : permet de placer correctement le bloc au milieu des flottants */ 
}

#donnees p {
text-align:justify; }

/********** Pied de page **********/

#pied {
background:#ebebeb URL('active_cannet/bg_pied.jpg') no-repeat top center;
font-family:verdana;
height:95px;
font-size:10px;
color:#000000;
padding:17px 0px 0px 30px;
line-height:18px;
clear:both; }

#pied .copy_gauche {
width:300px;
padding:15px 0px 0px 0px;
float:left; }

#pied .copy_droite {
width:300px;
padding:15px 0px 0px 0px;
float:right; }

#pied a {
padding:3px;
color:#000000; }

#pied a:hover {
color:#000000; }

#pied img, span {
vertical-align:middle;
padding-right:5px;
/*border:1px solid #dddddd;*/ }

/********** Moteur de recherche **********/

.table_recherche{
background:#f4f4f4;
border:dotted 1px #dddddd;
margin-bottom:10px;
}

.table_res_recherche{
border-top:dotted 1px #dddddd;
border-left:dotted 1px #dddddd;
}

.table_res_recherche td{
padding:4px;
border-bottom:dotted 1px #dddddd;
border-right:dotted 1px #dddddd;
}

.table_res_recherche .entete{
background:#f4f4f4;
}

/********** Styles sur XSLT **********/

.img {
margin:6px 10px 0px 0px;
float:left; }

.img_left {
margin:6px 10px 0px 0px;
float:left; }

.img_right {
margin:6px 0px 0px 10px;
float:right; }

.img_left2 {
margin:10px 10px 10px 10px;
float:left; }

.img_right2 {
margin:0px 0px 0px 10px;
float:right; }

.table_article_1 {
margin:10px;
background-color:#ffffff;
border-style:solid;
border-color:#ffffff;
border-width:1px 1px 1px 1px; }

.table_article_2 {
margin:10px;
background-color:#fafafa;
border-style:solid;
border-color:#cdcdcd;
border-width:1px 1px 1px 1px; }


.cadre_photo{
float:left;
margin:5px 5px 0px 5px;
}

.shadow1{
display:block;
width:152px;
height:182px;
border-right:solid 1px #f4f4f4;
border-bottom:solid 1px #f4f4f4;}

.shadow2{
display:block;
width:151px;
height:181px;
border-right:solid 1px #dddddd;
border-bottom:solid 1px #dddddd;}

.shadow3{
display:block;
width:150px;
height:180px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;}

.cadre{
display:block;
width:149px;
height:189px;
border-left:solid 1px #e5e5e5;
border-top:solid 1px #e5e5e5;}

.photo{
background:#00eeff;
margin:15px 15px 5px 15px;
width:120px;
border:solid 1px #666666;
font-size:0px;
}

.legend{
font-size:10px;
text-align:center;
}

/********** Styles agenda **********/

.fond_agenda_1{
background-color:#f3f3f3;
padding:5px;
font-size:11px;
color:#4b616c; }

.fond_agenda_1 img{
padding-right:5px; }

.fond_agenda_2{
background-color:#f8f8f8;
padding:10px;
font-size:11px;
color:#4b616c;
padding:5px; }

/********** Styles FAQ **********/

.fond_faq_1{
background-color:#d7d7d7;
font-size:11px;
color:#4b616c; }

.fond_faq_2{
background-color:#f3f3f3;
font-size:11px;
color:#4b616c;
padding:5px; }

.fond_faq_3{
background-color:#f8f8f8;
font-size:11px;
color:#4b616c; }

a.annu1{
font-size:11px;
font-weight:bold;
text-decoration:underline;
color:#ffffff;
}

a.annu1:hover{
font-size:11px;
text-decoration:underline;
color:#dddddd;
}

.annu_table1{
border:solid 1px #eeeeee;
background-color:#ff6600;
}

.annu_table2{
border-style:solid;
border-width:0px 1px 1px 1px;
border-color:#eeeeee;
}

/********** Styles téléchargements **********/

.table_tel{
background-color:#f8f8f8;
border: solid 1px #cdcdcd;
font-size:11px;
color:#4b616c; }

.fond_tel_1{
background-color:#f3f3f3;
font-size:11px;
color:#4b616c;
padding:5px; }

.fond_tel_2{
background-color:#f8f8f8;
font-size:11px;
color:#4b616c;
padding:5px; }

/********** Styles Une **********/

#une {
width:100%;
float:left;
overflow:hidden; /*  contexte de formatage : permet de placer correctement le bloc au milieu des flottants */ }

#une_centre {
display:block;
width:690px;
overflow:hidden; /*  contexte de formatage */
/*font-size:10px;*/
color:#808285;
float:right;
}

#une_droite {
padding-left:20px;
overflow:hidden;
font-size:10px;
color:#808285;
float:left;
width:230px;
}

#une_droite fieldset  {
text-align:left;
border:0;
padding:5px;
}

#une_droite label {
float:left;
width:100px; 
text-align:left;
text-indent:10px;
}

#une_droite fieldset input {
margin-bottom:2px; } 

#une_droite img {
margin-top:5px;
text-align:center;
border:1px solid black; }

#une_droite p {
text-align:justify;
padding:0px 5px 0px 5px; 
margin:0px;}

#une .une_actu {
width:392px;
clear:both;
float:left; 
margin-bottom:5px; }

#une .une_even {
width:280px;
float:right;
margin-right:10px;
margin-bottom:5px; }

#une .titre_actu{
background:URL('active_cannet/puce_titre_vert.gif') no-repeat top left;
text-indent:30px;
line-height:32px;
clear:both;
float:left;
width:392px;
margin:0px 0px 5px 0px;
font-size:18px;
color:#99cc33;}

#une .titre_even{
background:URL('active_cannet/puce_titre_orange.gif') no-repeat top left;
line-height:32px;
float:left;
width:280px;
text-indent:30px;
margin:0px 0px 5px 0px;
font-size:18px;
color:#ff6600;}

#une .titre_bloc_actu{
line-height:12px;
text-align:left;
background:none;
text-indent:0px;
padding-left:12px;
margin:0px 0px 5px 0px;
font-size:10px;
color:#99cc33;}

#une .titre_bloc_even{
line-height:12px;
text-align:left;
background:none;
text-indent:0px;
padding-left:12px;
margin:0px 0px 5px 0px;
font-size:10px;
color:#ff6600;}

#une a.agenda{
background:URL('active_portail_bleu/btn_agenda.gif') no-repeat top left;
display:block;
width:119px;
height:29px;
color:#395571;}

#une .bloc_actu {
display:block;
width:372px;
padding:10px;
background:URL('active_cannet/bg_bloc_actu.jpg') no-repeat top left;
float:left; 
/*font-size:11px;*/}

#une .bloc_even{
display:block;
width:260px;
padding:10px;
background:URL('active_cannet/bg_bloc_even.jpg') no-repeat top left;
float:left; 
/*font-size:11px;*/}

#une_login {
border:solid 1px #e4e4e4;
overflow:hidden; /*  contexte de formatage : permet de placer correctement le bloc au milieu des flottants */ 
background:#e4e4e4;
text-align:center;
margin-bottom:10px;
padding-bottom:10px;
}

.une_bloc {
border:solid 1px #e5e5e5;
background:#e5e5e5;
text-align:center;
margin-bottom:10px;
padding-bottom:10px;
}

.thumb{
margin-bottom:10px;
display:block;
}

#une_droite h1 {
/*background:#000000 url('active_portail_bleu/bg_titre_bloc_droite.gif') no-repeat bottom left;*/
background:#e5e5e5;
height:24px;
line-height:24px;
position:relative; /* Correctif bug IE6 */
text-align:left;
color:#006599;
margin:0;
padding-left:5px;
text-indent:0px;
font-size:10px; }

#une_centre a{
line-height:12px;
text-align:left;
background:none;
margin:0px 0px 5px 0px;
font-size:10px;
color:#99cc33;}

#flux_actu{
border:solid 3px #e5e5e5;
display:block;
overflow:auto;
height:100px;}

a.rss{
text-align:left;
display:block;
background-color:#ffffff;
text-decoration:none;
border-bottom:solid 1px #cccccc;
padding:2px; }

a.rss:hover{
display:block;
background-color:#e5e5e5;
text-decoration:none;
border-bottom:solid 1px #cccccc; }


.img_une_actu{
float:left;
border:solid 1px #cccccc;
width: 120px;
margin-right:10px; }

.img_une_even{
float:left;
border:solid 1px #cccccc;
width: 50px;
margin-right:10px; }

/* styles du plan */

.fond_plan1{
background-color:#f4f4f4;
border:dotted 1px #dddddd;
margin:5px;
padding:5px;
}

.fond_plan2{
text-indent:15px;
margin:5px;
padding:5px;
}

.fond_plan3{
text-indent:30px;
margin:5px;
padding:5px;
}

a.plan1{
font-size:11px;
font-weight:bold;
color:#666666;
text-decoration:none;
display:block;
}

a.plan1:hover{
color:#222222;
text-decoration:none;
}

a.plan2{
font-size:11px;
color:#666666;
margin:10px;
text-decoration:none;
}

a.plan2:hover{
color:#222222;
text-decoration:none;
}

a.plan3{
font-size:10px;
color:#666666;
margin:10px;
text-decoration:none;
}

a.plan3:hover{
font-size:10px;
color:#222222;
text-decoration:underline;
}

/* styles du commerce */

.table_article {
border:solid 1px #dddddd;
}

.titreprix {
background-color:inherit;
text-align:justify;
font-size:14px;
font-weight:bold;
color:#6a87d1;
line-height:16px;
text-decoration:none;
}

.texteprix{
background-color:inherit;
text-align:justify;
font-size:13px;
font-weight:bold;
color:#333333;
line-height:16px;
text-decoration:line-through;
}

.texteprix2{
background-color:inherit;
text-align:justify;
font-size:13px;
font-weight:bold;
color:#ee0000;
line-height:16px;
text-decoration:none;
}

.textetotal{
background-color:inherit;
font-size:12px;
font-weight:bold;
color:#6a87d1;
line-height:16px;
}

.entete_table_commande{
background-color:#6a87d1;
color:#ffffff;
font-size:11px;
border-left:solid 1px #ffffff;
}

.accueil_catalogue{
padding:5px;
border-top:dotted 1px #bbbbbb; 
border-bottom:dotted 1px #bbbbbb; 
}

.accueil_table{
background-color:#fafafa;
padding:5px;
}

.produit {
padding:5px;
border-top:dotted 1px #bbbbbb; 
border-bottom:dotted 1px #bbbbbb; 
background-color:#fafafa;}

.libelle {
text-align:left;
font-size:10px;
font-weight:bold; }

/* styles de l'annuaire */

.tableau2 {
margin-top:5px;
margin-bottom:5px;
padding:5px;
border:dotted 1px #dddddd;
text-align:left;
}

/* Styles du Forum */

.entete_message{
padding:3px;
background-color:#e5e5e5;
border:solid 1px #dddddd;
color:#666666;
}

.message{
padding:3px;
line-height:22px;
}

.auteur{
color:#5c5874;
font-weight:bold;
background:#fafafa;
padding:5px;
}

.table{
border:solid 1px #dddddd;
}

table.sortable{
border-top:solid 1px #dddddd;
border-left:solid 1px #dddddd;
}

table.sortable td{
padding:5px;
border-bottom:solid 1px #dddddd;
border-right:solid 1px #dddddd;
}

.entete_table{
background:#ff6600;
color:#ffffff;
padding:4px;
font-size:11px;
font-weight:bold;
}