/*
Original design: andreas00 (v2.2 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas00/
*/

/* Main layout and header */
body {
background-color:white; /* fond d'écran */
font:80% Arial; /* taille et police du texte général */
line-height:1.4em; /* espace entre 2 lignes */
margin:0 auto; /* marge extérieure haute = 0 , marge de droite = auto */
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
}

#wrap {
background:#fff; /* transparent - couleur fond colonne centrale */ 
color:black; /* couleur du paragraphe central */; 
margin:0 auto; /* marge extérieure haut = 0 , marge de droite = auto */
padding:1px 5px; /* marge intérieure du haut et bas = 1px , marge de droite et gauche = 5px */ 
width:760px; /* largeur de la boite centrale */
}

#header {
background:url(img/front.jpg) no-repeat bottom left #fff; /* caractéristique du bandeau */
height:280px; /* hauteur du bandeau */ 
margin:0 0 40px; /* marge extérieure haute, droite, gauche et bas */ 
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
}

/* Left sidebar and menu */
#leftside {
clear:left; 
float:left; 
margin:0 0 10px; /* marge extérieure haute, droite, gauche et bas */ 
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
width:150px; /* largeur de la boite menu gauche */  
}

#leftside ul.avmenu {
list-style:none; /* pas de puce de style */
margin:0 0 18px; /* marge extérieure haute, droite, gauche et bas */
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
width:150px; /* largeur de la boite */
}

#leftside ul.avmenu li {
display:inline; 
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
width:150px; /* largeur de la boite */
}

#leftside ul.avmenu li a {
background-color: white; /* couleur de fond */
color:rgb(105,184,223); /* texte ns */ 
float:left; 
font-size:1.4em; /* taille du texte */
font-weight:700; 
margin-bottom:1px; /* marge du bas */ 
padding:0px 1px 5px 5px; /* marge interieure haute, droite, bas et gauche */
text-decoration:none; /* pas de soulignement etc ... */
width:138px; /* largeur de la boite */
}

#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {background-color:white; color:rgb(166,59,139); /* couleur du texte s */}
#leftside ul.avmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px 0; width:133px;}
#leftside ul.avmenu ul a {padding:3px 1px 3px 5px; width:123px;}
#leftside ul.avmenu ul ul {font-size:1em; width:120px;}
#leftside ul.avmenu ul ul a {width:108px;}

/* Right sidebar */
#extras {
float:right; 
margin:0 0 10px; /* marge extérieure haute, droite, gauche et bas */
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
width:140px; /* largeur de la boite */
}

#extras p,#extras ul {
font-size:0.9em; /* taille du texte */
line-height:1em; /* hauteur de ligne */
margin:0 0 6em; /* marge extérieure METEO haute, droite, gauche et bas */
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
}

#extras li {
list-style:none; /* pas de puce de style */
margin:0 0 4px; /* marge extérieure haute, droite, gauche et bas */
padding:0 1.1em 0 0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
}

#extras h2 {
font-size:1.5em; /* taille du texte */
font-weight:400; 
letter-spacing:-1px; 
margin:0 0 4px; /* marge extérieure haute, droite, gauche et bas */
color:rgb(243,149,1);
}

/* Main content */
#content {
line-height:1.5em; /* hauteur de ligne */
margin:20px 170px 10px 160px; /* marge extérieure haute, droite, gauche et bas */
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
text-align:left; /* alignement texte */
}

#contentwide {
line-height:1.5em; /* hauteur de ligne */
margin:10px 0 10px 160px; /* marge extérieure haute, droite, gauche et bas */
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
text-align:left; /* alignement texte */
}

#content h2,#contentwide h2 {
font-size:1.6em; /* taille du texte */
font-weight:400; 
letter-spacing:-1px; 
margin:8px 0 25px; /* marge extérieure haute, droite, gauche et bas */
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
color:rgb(234,0,122);
}

#content ul,#content ol,#contentwide ul,#contentwide ol {
margin:0 0 16px 20px; /* marge extérieure haute, droite, gauche et bas */
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
}

#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {
margin:2px 0 2px 15px; /* marge extérieure haute, droite, gauche et bas */
}

#content li,#contentwide li {
margin:0 0 2px 5px; /* marge extérieure haute, droite, gauche et bas */
padding:0 0 0 4px; /* marge interieure haute, droite, bas et gauche */
}

/* Footer */
#footer {
background:#fff; 
clear:both; 
color:rgb(234,0,122); /* couleur copyright + original design */  
font-size:0.7em; /* taille du texte */
margin:0 auto; /* marge extérieure haute, droite, gauche et bas */
padding:8px 0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
text-align:center; /* alignement texte */
width:760px; /* largeur de la boite */
}

#footer p {
margin:0; /* marge extérieure haute, droite, gauche et bas */
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
}

#footer a {
background:inherit; 
color:rgb(234,0,122); /* couleur de Nom des auteurs */ 
font-weight:400; 
text-decoration:none; /* pas de soulignement ou autre */
}

#footer a:hover {
text-decoration:underline; /* souligé le texte */
}

#footer span {
font-size:1.2em; /* taille du texte */
}

/* Links and paragraphs */
a {
background:inherit; 
color:rgb(243,149,1); /* couleur de tous les liens n s */ 
text-decoration:none; /* pas de soulignement ou autre */
font-weight:700;
}

a:hover {
background:inherit; 
color:rgb(255,224,0); /* couleur de tous les liens s */
}

a img {
border:0;
}

p {
margin:0 0 16px; /* marge extérieure haute, droite, gauche et bas */
}

blockquote {
background:url(img/menubg.gif) repeat-x bottom left #303030; 
border-bottom:1px solid #d8d8d8; 
border-left:4px solid #ccc; 
border-right:1px solid #d8d8d8; 
border-top:1px solid #d8d8d8; 
color:#505050; 
margin:16px; /* marge extérieure haute, droite, gauche et bas */
padding:7px 7px 7px 11px; /* marge interieure haute, droite, bas et gauche */
}

blockquote p {
font-size:1.1em; /* taille du texte */
line-height:1.3em; /* haiuteur de ligne */
margin:0; /* marge extérieure haute, droite, gauche et bas */
}

/* Tables and forms */
table {
border:1px solid #d8d8d8; 
border-collapse:collapse; /* espace cadre du tableau */ 
line-height:1.3em; /* hauteur de ligne */
width:95%; /* largeur de la boite */
margin:0 0 16px; /* marge extérieure haute, droite, gauche et bas */
padding:0; /* marge intérieure pour le haut, le bas, la droite et la gauche */
}

caption {
font-size:1.5em; /* taille du texte */
font-weight:400; 
margin:0; /* marge extérieure haute, droite, gauche et bas */
padding:6px 0 8px; /* marge intérieure pour le haut, le bas, la droite et la gauche */
text-align:left; /* alignement texte */
}

th {
background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; 
color:#505050; 
padding:7px; /* marge intérieure pour le haut, le bas, la droite et la gauche */
text-align:left; /* alignement texte */
}

td {
background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; 
color:#303030; 
font-size:0.9em; /* taille du texte */
padding:7px; /* marge intérieure pour le haut, le bas, la droite et la gauche */
text-align:left; /* alignement texte */
}

input,textarea {
border:1px solid #ccc; 
font-family: Arial;
font-size:1em; /* taille du texte */
margin:0; /* marge extérieure haute, droite, gauche et bas */
padding:4px; /* marge intérieure pour le haut, le bas, la droite et la gauche */
font-weight: bold; /* texte en gras */
}

label {
margin:2px 0 2px 0; /* marge extérieure haute, droite, gauche et bas */
font-size:1.2em; /* taille du texte */
}

input {
width:200px; /* largeur de la boite */
}

textarea {
width:400px; /* largeur de la boite */
}