/*
QSP - Le Quotidien des Sans-Papiers
Cette page configure [aux normes W3C et en CSS 2] la présentation du contenu du site
Des papiers pour tous! Régularisation de TOUS les sans-papiers! Personne n'est illégal*/

/* Styles généraux */

a   {Verdana, Arial, Helvetica, sans-serif;     color: #000000 ;   text-decoration:none;     font-weight:none;   background-color: none; text-align: justify;}

a:visited { Verdana, Arial, Helvetica, sans-serif;background-color: none; color: #000000;}

a:active {Verdana, Arial, Helvetica, sans-serif; background-color: none; color: #000000;}

a:hover   {Verdana, Arial, Helvetica, sans-serif; color: black;     text-decoration:none;     font-weight:bold;  background-color: #CCCCCC; }   


.texte10 { text-align: justify; font:10px Verdana, Arial, Helvetica, sans-serif;}

.texte10SC { text-align: justify; font:10px Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps;}

.texte12 {text-align: justify; font:12px Verdana, Arial, Helvetica, sans-serif;}

.texte12SC { text-align: justify; font:12px Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps;}

.texte14 {text-align: justify; font:14px Verdana, Arial, Helvetica, sans-serif;}

/* Des Titres */



.Titre1 {
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-top: 5px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-top-style: none;
	font: small-caps normal 18px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #cccccc;
	text-align:right;
	margin: 2px 2px 2px 2px;
	border-top: #444444;
	border-right: #444444;
	border-bottom: #444444;
	border-left: #444444;
	line-height:33px
	}
	
.Titre1 a:link {color=#FFFFFF;}

.Titre1 a:visited {color=#FFFFFF;}

.Titre1 a:hover {color=#BFBFBF;}

.Titre1 a:active {color=#FFFFFF;}

.Titre2 {
	margin-left: 1px;
	margin-bottom: 1px;
	margin-right: 1px;
	margin-top: 1px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-top: 4px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-top-style: none;
	font: small-caps 13px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #999999;
	text-align:right;
	border-top: #444444;
	border-right: #444444;
	border-bottom: #444444;
	border-left: #444444;
	line-height:15px
	}
	
.Titre2 a:link {color=#FFFFFF;}

.Titre2 a:visited {color=#FFFFFF;}

.Titre2 a:hover {color=#BFBFBF;}

.Titre2 a:active {color=#FFFFFF;}

.barre {
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 2px;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight:none;
	background: #cccccc;
	color: black;
	text-align: left;
	margin: 2px 2px 2px 2px;
	line-height: 20px
	}
	
.grey {	background: #cccccc;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-top: 2px;
}

.greyplus {	background: #999999;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 2px;
}

.ligne {
	border-color: #333333;
	border-style: solid;
	border-width: 1px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-top: 2px;
}

/* Des images */

.logo {background-color: none; text-decoration: none;}

.logoright {background-color: none; text-decoration: none; float: right; clear: both; margin: 10px 10px 10px 10px; }

.logoleft {background-color: none; text-decoration: none; float: left; clear: both; margin: 10px 10px 10px 10px; }


/* container: le div qui les englobe tous, centré au centre de la page, largeur 900 pixels */

#container{background-color: none; width:900px; margin:0 auto;
}
/* Présentation */

#espacederesistance{ text-align: center; background-color: none; width:100%; display:block; height:30px;}

/* la première div visible avec le logo du site */

#topbar{background-color: none; width: 100%; display:block; height:auto;text-align:center;}

/* les barres de navigation (repertorie les rubriques du site) */

#navbar{border-bottom-color: #333333; border-bottom-width: 1px; border-bottom-style: solid; background-color: none; width: 100%; display:block; height: auto;}

#navbar1{border-bottom-color: none; border-bottom-width: 0px; border-bottom-style: solid; background-color: none; width: 100%; display:block; height: auto;text-align: right; float: right}

/* Les boutons de navigation */

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:10px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(122,125,119);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:10px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color: black;}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}

/* Main content: Où sont placées les deu colonnes de contenu */

#main{width:auto; display:block;}

/* La colonne gauche, collone principale, d'une largeur de 780 px */

#column_left{width:650px; margin-right:10px; float:left;}

/* La colonne de droite, de 200 px de large */

#column_right{ margin-left: 5px; padding-left: 5px; padding-top: 5px; margin-top: 5px; border-left-color: #666666; border-left-width: 1px; border-left-style: solid; width: 210px; float:right;}

/* Main & dedans */

#dedans {width:600px;                                     border-style: none;                                                 padding-bottom: 30px;                                                 border-left-width: 0px;                                                 border-bottom-width: 0px;                                                 border-right-width: 0px;                                                 border-top-width: 0px;             width:auto; display:block;}

#maindedans {width:auto; display:block;}

/* Les colonnes dedans */

#column_dedansleft{width: 300px; margin-right:10px; float:left;}

#column_dedansright{margin-left: 5px; padding-left: 5px; padding-top: 5px; margin-top: 5px; border-left-color: #666666; border-left-width: 1px; border-left-style: solid; width: 295px; float:right;}

/*
div.spacer, do 2 colonnes in the fuckin' #container
*/

div.spacer{clear:both; height:5px; display:block;}

/*Le "footer"*/

#footer{border-top-style: solid; border-top-color: #333333; border-top-width: 1px; width: 100%; display:block; height:80px;}