/**** AlgerianWeb.info ****/
/*
Site algerianweb.info
Site version : 1.0
Copyright (c) algerianweb.info
http://www.algerianweb.info/
*/
* {margin: O;padding: 0;}
body {
margin: 0px;
padding: 0px;
background: #fff url(../pics/body_bg.gif) repeat-x top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #F1F1F1;
color: #444444;
}
.clearer {clear: both;}


a {color: #85AD3D; text-decoration: none;}
a:hover { text-decoration: underline;}
form {
margin: 0px;
padding: 0px;
}
input, textarea {
border:1px solid #D8D8D8;
font-family:verdana, helvetica;
font-size:10px;
}
#container_decorator {
width: 812px;
margin: 9px auto 0px auto;
padding: 0px 0px 0px 0px;
background: url(../pics/content_bg.gif) repeat-y;
}
#container {
width: 812px;
margin: 0px auto 0px auto;
background: url(../pics/content_bg.gif) repeat-y;
}
#bannertop {
width: 812px;
height: 28px;
float: left;
background: url(../pics/bannertop.gif) no-repeat;
}
#banner {
width: 812px;
height: 101px;
float: left;
background: url(../pics/banner.jpg) no-repeat;
}
#banner img {
margin: 0px 0px 0px 16px;
}
#menuhoriz {
width: 385px;
height: 31px;
float: right;
margin: 68px 26px 0px 0px;
_margin: 68px 14px 0px 0px;
}
#menuhoriz span {
display: none;
}
/*menu horizontal*/
#menuhoriz ul {
margin: 0px;
padding: 0px;
list-style-type: none;
width: 385px;
}
#menuhoriz li {
float: left;
width: 96px;
height: 32px;
}
#menuhoriz li.bouton1 a {
float: left;
width: 97px;
height: 32px;
background: url(../pics/bouton1.gif) no-repeat 0px 0px;
}
#menuhoriz li.bouton1 a:hover {
float: left;
width: 97px;
height: 32px;
background: url(../pics/bouton1.gif) no-repeat 0px -32px;
}
#menuhoriz li.bouton2 a {
float: left;
width: 96px;
height: 32px;
background: url(../pics/bouton2.gif) no-repeat 0px 0px;
}
#menuhoriz li.bouton2 a:hover {
float: left;
width: 96px;
height: 32px;
background: url(../pics/bouton2.gif) no-repeat 0px -32px;
}
#menuhoriz li.bouton3 a {
float: left;
width: 96px;
height: 32px;
background: url(../pics/bouton3.gif) no-repeat 0px 0px;
}
#menuhoriz li.bouton3 a:hover {
float: left;
width: 96px;
height: 32px;
background: url(../pics/bouton3.gif) no-repeat 0px -32px;
}
#menuhoriz li.bouton4 a {
float: left;
width: 96px;
height: 32px;
background: url(../pics/bouton4.gif) no-repeat 0px 0px;
}
#menuhoriz li.bouton4 a:hover {
float: left;
width: 96px;
height: 32px;
background: url(../pics/bouton4.gif) no-repeat 0px -32px;
}
/*fin menu horizontal*/
#banderecherche {
width: 812px;
height: 46px;
float: left;
margin: 0px 0px 0px 0px;
background: url(../pics/bande_recherche.gif) no-repeat;
}
#content {
width: 812px;
float: left;
background: url(../pics/content_bg.gif) repeat-y;
}
#col_menu {
width: 170px;
float: left;
margin: 5px 0px 0px 12px;
_margin: 5px 0px 0px 6px;
}
#menu_haut {
width: 170px;
height: 32px;
margin: 0px 0px 0px 0px;
background: url(../pics/menu_haut.gif) repeat-x;
}
#menu_contenu {
width: 170px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu_contenu ul {
width: 160px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
color: #dc4f16;
}
#menu_contenu ul a {
color: #444;
text-decoration: underline;
}
#menu_contenu ul a:hover {
color: #E77500;
text-decoration: underline;
}
#menu_contenu li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
_margin: -1px 0px 0px 0px;
height: 20px;
line-height: 21px;
width: 170px;
vertical-align: middle;
background-image: url(../pics/boutonv.gif);
background-repeat: no-repeat;
}
#menu_contenu li.last {
margin: 0px 0px 0px 0px;
_margin: -1px 0px 0px 0px;
padding: 0px 0px 0px 10px;
height: 34px;
line-height: 21px;
width: 170px;
vertical-align: middle;
background-image: url(../pics/boutonv_last.gif);
background-repeat: no-repeat;
}

.boxmenu {
width: 170px;
margin: 5px 0px 0px 0px;
}
.boxmenu_header {
width: 170px;
height: 10px;
margin: 0px 0px 0px 0px;
background: url(../pics/boxmenu_header.gif) no-repeat;
}
.boxmenu_content {
width: 170px;
margin: 0px 0px 0px 0px;
_margin: -2px 0px 0px 0px;
background: url(../pics/boxmenu_bg.gif) repeat-y;
text-align: center;
}
.boxmenu_footer {
width: 170px;
height: 10px;
margin: 0px 0px 0px 0px;
background: url(../pics/boxmenu_footer.gif) no-repeat;
}



#center {
width: 612px;
float: left;
margin: 5px 0px 0px 5px;
_margin: 5px 0px 0px -6px;
padding: 0px 0px 0px 0px;
background: url(../pics/center_bg.gif) repeat-y;
}
#center_top {
width: 612px;
height: 10px;
float: left;
margin: 0px 0px 0px 0px;
background: url(../pics/center_top.gif) no-repeat;
}
#center_footer {
width: 612px;
height: 10px;
_height: 8px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 40px 0px;
background-image: url(../pics/center_footer.gif);
background-repeat: no-repeat;
background-position: bottom;
}
.txt_area {
width: 592px;
float: left;
margin: 8px 0px 0px 10px;
_margin: 8px 0px 0px 5px;
}

#footer {
width: 812px;
height: 42px;
margin: 40px 0px 0px 0px;
background: url(../pics/footer.gif) no-repeat;
color: #ccc;
line-height: 42px;
vertical-align: middle;
text-align: center;
}
#footer a {
color: #999;
text-decoration: none;
}
#footer a:hover {
color: #E77500;
text-decoration: none;
}
#copyright {
width: 812px;
height: 42px;
margin: 0px auto 0px auto;
color: #ccc;
line-height: 42px;
vertical-align: middle;
text-align: center;
}

#recherche {
width: 240px;
height: 20px;
line-height: 20px;
float:right;
vertical-align: middle;
color: #FFFFFF;
margin: 17px 130px 0px 0px;
_margin: 17px 65px 0px 0px;
padding: 0px 0px 0px 10px;
}
#recherche form {
width: 220px;
float: right;
margin: 0px 0px 0px 0px;
vertical-align: middle;
padding: 0px 0px 0px 0px;
}
#recherche input {
margin: 0px 0px 0px 0px;
}
#recherche input#champs {
width: 130px;
color: #000000;
border: 1px solid #738BC0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#recherche input#okay {
width: 80px;
_height: 18px;
color: #000000;
border: 1px solid #738BC0; 
}

/* form url */

.boxmenu input#url {
width: 150px;
color: #000000;
margin: 5px 0px 0px 0px;
border: 1px solid #738BC0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.boxmenu select#nature {
width: 150px;
color: #000000;
margin: 5px 0px 0px 0px;
border: 1px solid #738BC0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}
.boxmenu input#envoyer {
margin: 10px 0px 0px 0px;
width: 80px;
border: 1px solid #738BC0; 
}
/* findex */
/* home */
#colhome_left {
width: 240px;
float: left;
margin: 36px 0px 0px 50px;
_margin: 36px 0px 0px 25px;
}
#colhome_right {
width: 240px;
float: left;
margin: 36px 0px 0px 30px;
}
.box_categorie {
width: 240px;
height: 80px;
float: left;
margin: 0px 0px 15px 0px;
}
.box_categorie_img {
width: 50px;
height: 50px;
float: left;
margin: 0px 0px 0px 0px;
}
.box_categorie_txt {
width: 180px;
float: left;
margin: 10px 0px 0px 10px;
}
.box_categorie_txt a {
color: #E77500;
text-decoration: none;
}
.box_categorie_txt a:hover {
text-decoration: underline;
}
.box_categorie span {
color: #E77500;
font-size: 13px;
font-weight: bold;
}
/*pages sites*/

.box_site {
width: 550px;
float: left;
margin: 0px 0px 15px 20px;
_margin: 0px 0px 15px 10px;
line-height: 16px;
}
.box_site a {
color: #85AD3D;
text-decoration: none;
}
.box_site a:hover {
color: #85AD3D;
text-decoration: underline;
}
.box_site .titre {
width: 530px;
height: 24px;
float: left;
margin: 15px 0px 15px 0px;
padding: 8px 0px 0px 20px;
background: url(../pics/bande_titre.gif) no-repeat;
font-size: 14px;
font-weight: bold;
color: #E77500;
}
.box_presentation {
width: 340px;
float: left;
margin: 0px 0px 15px 0px;
}
.box_interface {
width: 202px;
height: 188px;
float: left;
margin: 10px 5px 15px 0px;
background: url(../pics/interface_bg.gif) no-repeat;
background-position: bottom;

}
.interface  {
width: 200px;
height: 130px;
float: left;
margin: 0px 0px 0px 0px;
border: 1px solid #ccc;
}

/*modules*/


.nom {
width: 310px;
float: left;
margin: 4px 0px 0px 0px;
padding: 2px 0px 8px 20px;
border-bottom: 1px solid #ddd;
background: url(../images/icones/awmode_nom.gif) no-repeat 0px 2px;
}
.url {
width: 310px;
float: left;
margin: 4px 0px 0px 0px;
padding: 2px 0px 8px 20px;
border-bottom: 1px solid #ddd;
background: url(../images/icones/awmode_url.gif) no-repeat 0px 2px;
}
.description {
width: 310px;
float: left;
margin: 4px 0px 0px 0px;
padding: 2px 0px 8px 20px;
border-bottom: 1px solid #ddd;
background: url(../images/icones/awmode_description.gif) no-repeat 0px 2px;
}
.categorie {
width: 310px;
float: left;
margin: 4px 0px 0px 0px;
padding: 2px 0px 8px 20px;
border-bottom: 1px solid #ddd;
background: url(../images/icones/awmode_categorie.gif) no-repeat 0px 2px;
}
.contact {
width: 310px;
float: left;
margin: 4px 0px 0px 0px;
padding: 2px 0px 8px 20px;
border-bottom: 1px solid #ddd;
background: url(../images/icones/awmode_contact.gif) no-repeat 0px 2px;
}
.langues {
width: 310px;
float: left;
margin: 4px 0px 0px 0px;
padding: 2px 0px 8px 20px;
border-bottom: 1px solid #ddd;
background: url(../images/icones/awmode_langues.gif) no-repeat 0px 2px;
}
.pertinence {
width: 310px;
float: left;
margin: 4px 0px 0px 0px;
padding: 2px 0px 8px 20px;
border-bottom: 1px solid #ddd;
background: url(../images/icones/awmode_pertinence.gif) no-repeat 0px 2px;
}
.conception {
width: 310px;
float: left;
margin: 4px 0px 0px 0px;
padding: 2px 0px 8px 20px;
border-bottom: 1px solid #ddd;
background: url(../images/icones/awmode_conception.gif) no-repeat 0px 2px;
}
.pertinence span,
.conception span {
display:block;
float:left;
}

/*evaluations*/

.pertinence .stern1 {
width: 100px;
height: 20px;
float: left;
margin: 0 0 0 20px;
display: block;
background: url(../images/icones/aweva_sterngelb.gif) no-repeat 0px 1px;
}
.conception .stern1 {
width: 100px;
height: 20px;
float: left;
margin: 0 0 0 20px;
display: block;
background: url(../images/icones/aweva_sternrot.gif) no-repeat 0px 1px;
}
.pertinence .stern2 {
width: 100px;
height: 20px;
float: left;
margin: 0 0 0 20px;
display: block;
background: url(../images/icones/aweva_sterngelb2.gif) no-repeat 0px 1px;
}
.conception .stern2 {
width: 100px;
height: 20px;
float: left;
margin: 0 0 0 20px;
display: block;
background: url(../images/icones/aweva_sternrot2.gif) no-repeat 0px 1px;
}
.pertinence .stern3 {
width: 100px;
height: 20px;
float: left;
margin: 0 0 0 20px;
display: block;
background: url(../images/icones/aweva_sterngelb3.gif) no-repeat 0px 1px;
}
.conception .stern3 {
width: 100px;
height: 20px;
float: left;
margin: 0 0 0 20px;
display: block;
background: url(../images/icones/aweva_sternrot3.gif) no-repeat 0px 1px;
}
.pertinence .stern4 {
width: 100px;
height: 20px;
float: left;
margin: 0 0 0 20px;
display: block;
background: url(../images/icones/aweva_sterngelb4.gif) no-repeat 0px 1px;
}
.conception .stern4 {
width: 100px;
height: 20px;
float: left;
margin: 0 0 0 20px;
display: block;
background: url(../images/icones/aweva_sternrot4.gif) no-repeat 0px 1px;
}
.pertinence .stern5 {
width: 100px;
height: 20px;
float: left;
margin: 0 0 0 20px;
display: block;
background: url(../images/icones/aweva_sterngelb5.gif) no-repeat 0px 1px;
}
.conception .stern5 {
width: 100px;
height: 20px;
float: left;
margin: 0 0 0 20px;
display: block;
background: url(../images/icones/aweva_sternrot5.gif) no-repeat 0px 1px;
}

.box_site span {
color: #E77500;
font-weight: bold;
}

#introbox {
width: 300px;
height: 300px;
border: 1px solid #f09;
}
.chemin {
width: 300px;
margin: 10px 0px 20px 20px;
}
.chemin a {
color: #444;
text-decoration: underline;
}
.chemin a:hover {
color: #E77500;
text-decoration: underline;
}
.chemin span.page {
color: #ccc;
margin: 0px 0px 0px 10px;
}

h1 {
font-size: 12px;
color: #E77500;
margin: 20px 20px 0px 20px;
}
p {
margin: 10px 20px 0px 20px;
line-height: 16px;
}
p.center {
margin: 10px 20px 0px 20px;
line-height: 16px;
text-align: center;
}
ul.content {
margin: 15px 20px 0px 20px;
list-style: none;
}
ul.content li {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 12px; 
background: url(../pics/puce.gif) no-repeat 0px 4px;
}

#brief {
height: 600px;
padding: 85px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(../pics/brief.gif) no-repeat;
}
#brief form {
margin: 0px 0px 0px 80px;
_margin: 0px 0px 0px -20px;
padding: 0px 0px 0px 0px;
}
#brief input, #brief textarea {
width: 260px;
border: 1px solid #738BC0; 
} 
#brief input#effacercss, #brief input#envoyercss {
width: auto;
border: 1px solid #738BC0; 
}

form.code {
margin: 10px 0px 10px 135px;
}
/*Resultats*/
.resultats {
width: 400px;
margin: 40px 0px 0px 100px;
_margin: 40px 0px 0px 50px;
float: left;
color: #ccc;
letter-spacing: 2px;
}
.resultats a {
color: #85AD3D;
text-decoration: underline;
}
.resultats a:hover {
color: #E77500;
text-decoration: underline;
}
.resultats span.pages {
color: #444444;
margin: 0px 20px 0px 0px;
letter-spacing: normal;
}
.resultats span.activ {
color: #E77500;
font-weight: bold;
letter-spacing: 2px;
}
.resultats span.suite {
letter-spacing: normal;
margin: 0px 0px 0px 10px;
}