/* ######### redéfinitions de tags ######## */

body{
background-image:url(zwo_info/css/images/fond.jpg);
background-repeat:repeat-x;
background-position:top left;
}

td {
/* Changer ici les couleurs, familles et tailles 
de fontes par défaut pour tout le site */
/* dans zwook tous les textes apparaissent systématiquement
dans des tableaux, c'est donc ici qu'il faut modifier les
couleurs, font, tailles des polices : */
font-family: arial,Helvetica,sans-serif;
font-size:11px;
color:#000;
}

/* style des cellules de titre */

th {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:dark;
border-top:1px solid #999;
border-bottom:1px solid #336699;
background:#2D303F;
}

/* Style des liens */
div#fond_banniere a,div#fond_banniere a:link,div#fond_banniere a:hover,div#fond_banniere a:visited, {

   background:#cc6666 !importante;   
}
a:link {
text-decoration:none;
color:#000;
}

a:visited {
text-decoration:none;
color:#000;
}

a:hover {
text-decoration:none;
background:none;
color:#1888a8;

}

a img {
border:0px;
}
p {
text-align:justify
}
em {
color:#131313;
}

h4 em, h4 a, h5 a, h4 a:visited, h5 a:visited {
color:#131313;
}

h5 em {
color:black;
padding:0px;margin:0px;
display:inline;
}

/* Style des traits */
hr {
color:transparent;
border-bottom:thin solid black;
}

/* Style des éléments de formulaire */
input, textarea {
background: #dbdbe9;
color:#131313;

border:0px;
}

strong {
color:#30293E;
font-size:12px;
font-weight:bold;
}

strong h3 {
border-bottom:0px solid #131313;
page-break-after: avoid;
}

fieldset { /*** Mise en forme des commentaires ds un formulaire (je le laisse pour qu'on puisse l'agrémenter si on veut, bordures, etc.***/
}

fieldset {border:1px solid #B4B4B4;} 
fieldset legend {color:#000000; font-weight:bold; font-family:georgian,Arial, sans serif;} 
fieldset div {margin :5px;}


label { /*** Mise en forme des intitulés de champs ***/
float: left; /*** Très important, ne pas suprimer ! ***/
width: 37%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
font-size: 85%;
text-align: right; /*** ... et ils sont alignés à droite... ***/
line-height: 1.6;
margin: 0;

padding: 0;
}

input:hover {

cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
background: #c9edf8;
}

/* Style des niveaux de titre */

h1 {

font-family:trebuchet ms;
font-size:18px;
color:#000;padding-top:5px;margin-bottom:0px;
}
h2 {
padding-top:5px;
margin-top:0px;
padding-left:10px;
font-family:trebuchet ms;
font-size:18px;
color:#0088b1;
}
h3 {
margin-top:0px;
font-family:arial,Helvetica,verdana,sans-serif;
color:#67acc8;
font-weight:bold ;
font-style:normal;
font-size:15px;

}

h4 {
color:#30293E;
font:bold 14px Arial,Helvetica, georgia, sans-serif;
display:block; padding:0px ; marging:0px;clear:both;
padding:2px ; 
margin:2px;

}

h5 {
color:#fff;
font:bold 11px arial,helvetica,verdana;
display:block; padding:0px ; margin:0px;
padding:2px ; 
marging:0px;
background-color: #67acc8;
border-top:none;
border-bottom:0px solid #efefef;
border-right:none;border-left:none;
}

/* Style des listes */
ul li {
list-style-type:square;
}

/* Style des footnotes */
fn, sup {
color:#131313;
}

/* ######### classes génériques ######## */
.error_message {
font-size:large;
color:red;
text-align:center;
}

.alternate_background {
/* utiliser ici une couleur proche mais légèrement différente 
du background de page : voir forum pour tester */
background:#30293E;color:#fff;font-weight:bold;
}

.alternate_background2 {
/* utiliser ici une couleur proche mais légèrement différente 
du alternate_background : voir calendrier pour tester */
background:#2D303F;color:#000;font-weight:bold;
}

.alternate_background3 {
/* utiliser ici une couleur proche mais légèrement différente 
du alternate_background2 : voir calendrier pour tester */
font-weight:bold;

}
.alternate_backgroundr {
background:#336699;color:#fff;font-weight:bold;
}
.flashy_background a {
color:white;
}



.flashy_background {
/* utiliser ici une couleur qui tranche sur le background 
de page : voir calendrier pour tester */
background:#88AADD;
}

/* Style alternatif des éléments de formulaire : 
voir speedblog pour test */
.alternate_form {
background:#CCCCCC;
color:black;
border: 1px solid black;
}

/*spécifique */



.banniere{
background-image:url(zwo_info/css/images/bann_interne.jpg);
background-repeat:no-repeat;
background-position:top left;
}
.bloc-actu{
background-image:url(zwo_info/css/images/bloc-actu.jpg);
background-repeat:repeat-y;
background-position:top left;
}
.product{
background-image:url(zwo_info/css/images/bloc_product.gif);
background-repeat:no-repeat;
background-position:top left;
}
/*-----------------modules------------*/
.news_history{ 
width:100%;
font-size:4px;
display:block;
}

.news_history a ,.news_history a:link ,.news_history a:visited {
display:block;
clear:both;
font-size:11px;
font-family:arial;
font-weight:bold;
color:#0088b1;
background-image:url(zwo_info/css/images/actu.gif );
background-repeat: no-repeat;
background-position: 10px 12px;
padding-left: 30px;
padding-top:7px;
padding-bottom:3px;
text-align:left;
}

.news_history a:hover{
text-decoration:none;
color:#000;}

.news_history a.ad_mes ,.news_history a.ad_mes:link ,.news_history a.ad_mes:visited {
background-image:url(zwo_info/css/actu.gif );
}

.news_history a.new_mes ,.news_history a.new_mes:link ,.news_history a.new_mes:visited {
display:block;
clear:both;
font-size:11px;
font-family:arial;
font-weight:bold;
color:#0088b1;
background-image:url(zwo_info/css/images/actu.gif );
background-repeat: no-repeat;
background-position: 10px 12px;
padding-left: 30px;
padding-top:7px;
padding-bottom:3px;
text-align:left;
}
.news_history a.new_mes:hover  {
text-decoration:none;
color:#000;}
}


/* recherche */

#zwo_search {
display:inline;
}

#zwo_search input{
font:10px verdana;
display:inline;width:140px;
border:#ccc inset 1px;
}

.block_droit{
border-right:0px solid #C4C7C9;
background-color:#B26171;
border-bottom:1px solid #C4C7C9;
height:100%;
color:##fff

}
.block_droit a, .block_droit a:link, .block_droit a:visited{
color:#fff;font-weight:bold;;
}

.block_droit a:visited {
color:#fff;
font-weight:bold;
}


/*     Module news_history_Vimg     */

.news_link{
width:100%;
clear:both;

margin:4px;

padding:4px;
float:left;
font-family: verdana;
font-size:10px;
}
.news_link div{
padding-right:12px;
text-align:left;
width:auto;


}

.news_link div.nl_img{
float:left;
width:95px
text-align:left;
}
.news_link p{
float:left;
color:#000033;
font-family: verdana;
font-size:10px;
text-align:left;
}


.news_link img{
border:2px solid #666666;
margin-right:12px;
float:left;
background-image:url(zwo_info/css/images/black_pointer.gif);
background-repeat:no-repeat;
background-position: top right ;

}
.news_link img:hover{
border:2px solid #000;
}

.newz_link a ,.newz_link a:link ,.newz_link a:visited {
display:block;
}

/* CSS Document _ produit_dispatch*/

div.banc_prod_gauche{
float:left;
font:11px arial;
color:#333;
width:60%;padding-right:4px;
border-right:1px solid #369;

}

div.img_banc {
font: bold 10px verdana;
background-color:#336699;
padding-left:1em;padding-bottom:0px;padding-top:0px;

border-bottom:1px solid #efefef;
}
div.img_banc img {
border: 1px solid #fff;border-top:0px;border-bottom:0px;
}


div.banc_prod_droit h3,div.banc_prod_gauche h3{
height:20px;
line-height:20px;
color:#198eb0;
border-left:1em #198eb0 solid;
display:block;
background-color:#dbdbe9;
padding:0px;
padding-top:5px;
padding-left:3px;
margin-bottom:5px;
font: bold 11px Arial, Helvetica, sans-serif;
}

div.banc_prod_gauche h4{
background-repeat:no-repeat;

font: bold 12px arial;
color:#000;
margin:0px;
margin-top:10px;
text-align:left;
}


div.banc_prod_droit {
float:left;
font:12px arial;
color:#333;
width:35%;
padding-left:6px;
float:left;
}


div.banc_prod_droit p{
padding:5px;
color:#036;
margin:0;
background-color:#F8F8F8 ;
border-bottom:1em solid #696564;
font:10px verdana ;
margin-bottom:10px;
text-align:jusify;
}

div.banc_prod_droit  ul{
background-color:#F8F8F8;
padding:5px;
color:#30293E;
margin:0;
margin-bottom:3px;
font:bold 11px verdana;

text-align:left;


}


div.banc_prod_droit  li{
display: block;
list-style-type:none;
background-image:url(zwo_info/css/images/puce_bleu_fleche.gif);
background-repeat:no-repeat;
background-position:0px 2px;
font:normal 10px verdana;
font-weight:bold;
padding:0;
padding-top:0px;
padding-left:12px;
margin:0 0 5px;
text-align:left;
color:#414B59;
}


div.banc_prod_droit strong
{
font-size:10px;
}


a.pdf ,a.pdf:link ,a.pdf:visited 
{
text-decoration:none;
display:block;
color:#666666;
background-image:url(zwo_info/css/images/pdf.gif);
background-repeat:no-repeat;
padding-left:20px;
width:150px;
}

a.pdf:hover 
{
text-decoration:none;
color:#000000;
padding-left:20px;
}

#selecteur_prod_dispatche
{
overflow:hidden;
width:220px;
font:bold 10px verdana,tahoma,georgia;
color:#414B59;

padding:1px;margin:2px;
}

#footer
{
height:41px;
width:715px;
font: 12px arial ;
background-image:url(zwo_info/css/images/foot_image.jpg);

}
/*******menu deroulant langue***************/

.block_langue{

}
.liste_langue{
border:1px solid #dbdbe9;
background-color:#dbdbe9;
}
.liste_langue option{
border:1px solid #dbdbe9;
background-color:#dbdbe9;
}
select{
font-size:11px;
}

.print{
font-size:10px;
}
.recommander{
font-size:10px;
}
.chemin{
color:#000;
font-family:trebuchet ms;
font-size:20px;
padding-left:20px;
text-transform:uppercase;
font-weight:bold;
}

.news_bouton{
color:#000;
font-family:trebuchet ms;
font-size:11px;
padding-left:20px;
text-transform:uppercase;
font-weight:bold;
}
.content_news{
background-color:#edf7fc;
}

a.nornavigation3,a.nornavigation3:link,a.nornavigation3:visited {
padding-left:20px;
padding-top:2px;
}

a.nornavigation3:hover {
padding-left:20px;padding-top:2px;
}
a.selnavigation3,a.selnavigation3:link,a.selnavigation3:visited {
padding-left:20px;padding-top:2px;
}
a.selnavigation3:hover {
padding-left:20px;padding-top:2px;
}

/************recommander la page****************/


.row input{
width:250px;
margin-left:10px;
margin-bottom:10px;
}
.row{
width:400px;
text-align:right;
}

.label{
text-align:left;
}

.row textarea{
width:250px;
margin-left:10px;
}
.row input.bouton{
width:30px;

font-weight:bold;margin-top:10px;
height:25px;
}
.row input.bouton:hover{
width:30px;
font-weight:bold;margin-top:10px;height:25px;
}
/************recherche et resultats**************/

input.champs_search, input.champs_search:hover{
background-color:#dbdbe9;
border:0px;height:19px;width:210px;margin-right:5px;
}
input.bt_search, input.bt_search:hover{
background-image:url(zwo_info/css/images/bt-loupe.gif);
background-repeat:no-repeat;
background-position:top left;
width:27px;
height:21px;border:0px;
}
.search_titre{
color:#000;
font-weight:bold;
font-size:12px;
padding-left:20px;
padding-top:10px;
}
.search_resume{
color:#0088b1;padding-left:20px;width:700px;
}
.search_suivant{
font-size:12px;
float:right;
font-weight:bold;margin-right:220px;margin-top:10px;width:70px;height:17px;display:block;
background-color:#0088b1;text-align:center;padding-top:2px;color:#000;
}
.search_suivant:hover{
background-color:#17cbff;color:#fff;
}
.search_precedent{
font-size:12px;
font-weight:bold;margin-bottom:10px;width:70px;height:17px;display:block;
background-color:#0088b1;text-align:center;padding-top:2px;color:#000;margin-left:10px;
}
.search_precedent:hover{
background-color:#17cbff;color:#fff;
}