/* Fichier principal */

@import "htmlbase.css";
@import "formulaire.css";
@import "../header/transconheader.css";

/* Design général du site */

#layout {
	height: auto;
	background-color: #FFFFFF;
	width: 908px;
	margin: 0px auto;
	background-image: url(../imgs/design/layout_back_908.gif);
	background-repeat: no-repeat;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #333333;
}

#innerlayout {
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
}

#gauche {
	width: 600px;
	display: inline;
	float: left;
}

#header_journal {
	text-align: left;
	margin-bottom: 10px;
}

#footer {
	background-image: url(../imgs/design/gradientbox.jpg);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	text-align: center;
	clear: both;
	margin-top: 6px;
	padding-top: 6px;
}

#footer a {
	border-bottom-style: none;
	background: none;
}

/* La bande du fil de presse et de la recherche */

#fil, #filorg, #filblog, #filads, #submenu {
	height: 24px;
	clear: both;
	margin-bottom: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-image: url(../imgs/design/filback.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: right;
}

#filflash {
	margin-top: 1px;	
}

#searchbox .recherche_btn {
	width: 16px;
	margin-right: 6px;	
}

#fil, #submenu {
	background-color: #f1efe7;
}

#submenu {
	text-align: center;
	font-size: 10px;
	line-height: 19px;
}

#filorg {
	background-color: #e4ecd5;
}

#filblog {
	background-color: #ededed;
}

#filads {
	background-color: #c9e3f3;
}

#fil fieldset, #filorg fieldset, #filads fieldset, #filblog fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.rss {
	margin-top: 3px;
	margin-right: 12px;
	margin-bottom: 0px;
}

.accueil {
	float: left;
	margin-top: 2px;
	margin-left: 6px;
	margin-right: 6px;
	display: inline;
}

.annoncesmallbox .icone_cat {
	height: 16px;
	width: 16px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 3px;
	margin-bottom: 2px;
	float: left;
}

.efface {
	float: right;
	font-size: 10px;
	text-align: right;
	margin-top: 6px;
	margin-right: 20px;
	margin-bottom: 6px;
	margin-left: 6px;
	clear: right;
}

.efface img {
	margin-right: 3px;
	margin-left: 3px;
}

.efface a {
	border-bottom-style: none;
	background: none;
}

.efface .onglets_left {
	margin-left: 6px;
}

/* Classes CSS des bannières du site */

#bigbanner {
	margin-top: 2px;
	margin-bottom: 4px;
}

#bigbanner a {
	border-bottom-style: none;
	background: none;
}

#headbanner {
	float: right;
	display: inline;
	margin-top: 6px;
	height: 60px;
	width: 468px;
}

#headbanner a {
	border-bottom-style: none;
	background: none;
}

.footerbanner {
	margin: 6px;
}

.footerbanner a {
	border-bottom-style: none;
	background: none;
}

.skyscrapper {
	float: right;
	margin-left: 6px;
	margin-bottom: 6px;
}

.logoheader {
	float: left;
	display: inline;
	margin-bottom: 6px;
}

.logo {
	float: left;
	display: inline;
	font-size: 11px;
	line-height: 14px;
	clear: left;
	width: 594px;
	margin-left: 6px;
	margin-bottom: 6px;
}

.logo h4 {
	margin-bottom: 2px;
}

.userimg {
	float: left;
	margin-right: 6px;
}

/* Le menu du site */

#menu {
	float: right;
	height: 150px;
	width: 300px;
	display: inline;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-image: url(../imgs/design/menuback.jpg);
	background-repeat: no-repeat;
}

#menu .onglets {
	width: 180px;
}

#menu .onglets a {
	margin-right: 1px;
}

#menu .boutons_box {
	margin-top: 3px;
	margin-left: 0px;
	margin-bottom: 3px;
}

#menu .onglets_left {
	margin-left: 108px;
}

/* La boite recherche des annonceurs */

#rechercheannonce {
	float: right;
	height: 200px;
	width: 300px;
	display: inline;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	line-height: 10px;
}

/* La box info client */

#client {
	margin: 6px;
	font-size: 12px;
	line-height: 14px;
}

/* Les articles */

.txtbox, .innerbox {
	font-size: 11px;
	line-height: 15px;
}

.txtbox {
	letter-spacing: 0.10em;
	margin-right: 6px;
	color: #1e1e1e;
}

.box600onglets_front .txtbox {
	letter-spacing: normal;
}

.innerbox {
	margin: 6px;
}

.innerbox_ads a {
	font-size: 10px;
	line-height: 12px;
	background-color: #C9E3F3;
	margin-top: 4px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 8px;
	display: block;
	min-height: 26px;
}

.innerbox_ads a:hover {
	background-color: #ECECEC;
}

.txtbox a {
	color: #1e1e1e;
	text-decoration: none;
	border-bottom-style: none;
}

.txtbox a:hover {
	background-color: #F4F4F4;
}

.txtbox a:visited {
	background-color: #fefed9;
}

#bodyorg .txtbox a {
	color: #73685a;
}

#bodyorg .txtbox a:hover {
	color: #73685a;
}

#bodyorg .txtbox a:visited {
	color: #73685a;
}

#bodyadmin .txtbox a {
	color: #73685a;
}

/* Tout tout tout ce que vous voulez savoir à propos des boites (Der Boxes Power engineering Yaaaa!) */

.box300, .box300ads, .box600, .box600onglets, .box600onglets_ads_fr, .box600onglets_ads_en, .box600onglets_front, #carteroutiere300, .box300_adserver {
	float: left;
	display: inline;
	text-align: left;
	font-size: 10px;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
}

.box300_adserver {
	width: 300px;
	height: 250px;
	border-bottom-style: none;
}

.box300_adserver a {
	margin: 0px;
	padding: 0px;
	border-bottom-style: none;
}

.box300 {
	background-image: url(../imgs/design/gradientbox.jpg);
	width: 300px;
	height: 250px;
}

.box300ads {
	background-image: url(../imgs/design/gradientbox.jpg);
	width: 300px;
	height: auto;
}

.box600 {
	background-image: url(../imgs/design/gradientbox.jpg);
	width: 600px;
	min-height: 250px;
}

.box600onglets, .box600onglets_ads_fr, .box600onglets_ads_en {
	width: 600px;
	min-height: 250px;
}

.box600onglets {
	background-image: url(../imgs/design/gradientonglets.jpg);
}

.box600onglets_ads_fr {
	background-image: url(../imgs/design/ongletsmenu_ads.jpg);
}

.box600onglets_ads_en {
	background-image: url(../imgs/design/ongletsmenu_ads_en.jpg);
}

.box600onglets_front {
	background-image: url(../imgs/design/gradientonglets.jpg);
	width: 600px;
	height: 250px;
}

/* Les box de Google Maps */

#carteroutiere300 {
	width: 300px;
	min-height: 250px;
}

#hebdoimg {
	float: left;
	height: 150px;
	width: 600px;
	display: inline;
	/* Commente le temps ont trouve une solution pour l'espace blanc  >> @lex
	background-image: url(../imgs/design/gradientbox.jpg);
	background-repeat: repeat-x;
	*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	overflow: hidden;
	text-align: left;
}

.spacer300, .spacer600, .spacer600ads, .spacer300jaune, .spacer300rouge, .spacer300org, .spacer300blog, .spacer300ads, .spacer300bleu, .spacer300regional, .spacer300cp {
	background-repeat: no-repeat;
	clear: both;
	padding-top: 4px;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}

.spacer300 {
	background-image: url(../imgs/design/box300.gif);
	width: 294px;
	min-height: 150px;
}

.spacer300regional {
	background-image: url(../imgs/design/box300.gif);
	width: 294px;
	min-height: 250px;
}

.spacer600, .spacer600ads {
	width: 594px;
	min-height: 250px;
}

.spacer600 {
	background-image: url(../imgs/design/box600.gif);
}

.spacer600ads {
	background-image: url(../imgs/design/box600ads.gif);
}

.spacer300jaune {
	background-image: url(../imgs/design/box300jaune.gif);
	width: 294px;
	min-height: 250px;
}

.spacer300cp {
	background-image: url(../imgs/design/custom/box300cp.gif);
	width: 294px;
	min-height: 250px;
}

.spacer300beige {
	background-image: url(../imgs/design/box300menu.gif);
	width: 294px;
	min-height: 250px;
}

.spacer300rouge {
	background-image: url(../imgs/design/box300rouge.gif);
	width: 294px;
	min-height: 250px;
}

.spacer300org {
	background-image: url(../imgs/design/box300org.gif);
	width: 294px;
	min-height: 250px;
}

.spacer300blog {
	background-image: url(../imgs/design/box300gris.gif);
	width: 294px;
	min-height: 250px;
}

.spacer300bleu {
	background-image: url(../imgs/design/box300bleu.gif);
	width: 294px;
	min-height: 250px;
}

.spacer300ads {
	background-image: url(../imgs/design/box300ads.gif);
	width: 294px;
	min-height: 250px;
}

.spacer300ads img {
	float: right;
	margin-right: 6px;
	margin-top: 8px;
}

/* Bannieres et photos d'articles */

.img290, .img150, .img75, .img946 {
	font-size: 11px;
	font-weight: bold;
}

.img290 {
	width: 290px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img290 a {
	font-weight: normal;
}

.img150 {
	float: left;
	margin-right: 6px;
	margin-bottom: 4px;
}

.img75 {
	width: 75px;
	float: left;
	margin-right: 6px;
	margin-bottom: 4px;
}

/* Les images d'annonceurs */

.annoncesmallbox, .annoncebigbox, .photosmallbox {
	text-align: center;
	float: left;
	background-repeat: no-repeat;
}

.annoncesmallbox .onglets {
	width: 120px;
}

.annoncesmallbox .onglets img, .photomediumbox .onglets img {
	width: auto;
	margin-left: 0px;
}

.annoncesmallbox .boutons_box {
	margin-left: 8px;
}

.annoncesmallbox img, .photomediumbox img, .photosmallbox img {
	height: auto;
	margin-left: 1px;
	margin-top: 8px;
}

.annoncesmallbox, .photosmallbox {
	width: 145px;
	margin-bottom: 24px;
	background-image: url(../imgs/design/adsbox130.jpg);
}

.annoncesmallbox img, .photosmallbox img {
	width: 130px;
}

.photomediumbox {
	text-align: center;
	background-repeat: no-repeat;
	width: 306px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../imgs/design/adsbox300.jpg);
}

.photomediumbox img {	
	width: 290px;
}

.photomediumbox .boutons_box {	
	margin-left: 50px;
}

.annoncebigbox {
	width: 586px;
	margin-left: 4px;
	background-image: url(../imgs/design/adsbox600.jpg);
}

.annoncebigbox img {
	margin-top: 4px;
	width: 570px;
}

/* Hack à la con à cause D'internet Explorer imbécile */
.division {
	clear: both;
	height: 6px;	
}

/* La météo */

#meteo2 {
	
}

/* La boite de login en haut à droite */
#loginbox {
	float: right;
	clear: right;
	text-align: right;
	width: 300px;
	font-size: 11px;
	line-height: 14px;
	display: inline;
}

#loginbox img {
	margin-left: 6px;
}

#meteo {
	float: right;
	clear: right;
	text-align: right;
	width: 300px;
	font-size: 10px;
	line-height: 12px;
	display: inline;
}

.degre {
	height: 26px;
	float: right;
	font-size: 24px;
	margin-right: 6px;
	margin-left: 2px;
	padding-top: 8px;
}

#meteo img {
	float: right;
	margin-left: 2px;
}

#meteo a {
	float: right;
	margin-left: 6px;
}

.table_meteo_mini {
	text-align: center;
	width: 280px;
	font-size: 11px;
}

.table_meteo_mini th {
	background-color: #ECECEC;
	font-size: 11px;
}

#table_meteo {
	font-size: 11px;
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#table_meteo th {
	font-weight: bold;
	font-size: 11px;
	background-color: #ECECEC;
}

#table_meteo tr {
	font-weight: bold;
	font-size: 11px;
}

#table_meteoCourt {
	font-size: 11px;
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#table_meteoCourt th {
	font-weight: bold;
	font-size: 11px;
	background-color: #ECECEC;
}

#table_meteoLong {
	font-size: 11px;
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#table_meteoLong th {
	font-weight: bold;
	font-size: 11px;
	background-color: #ECECEC;
}

/* Tout tout tout ce que vous voulez savoir à propos des onglets et boutons */

.onglets_box {
	float: left;
	height: 23px;
	white-space: nowrap;
	display: inline;
}

.boutons_box {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	height: 24px;
	white-space: nowrap;
}

.onglets_left, .onglets_left2, .onglets_left3 {		
	background-repeat: no-repeat;
	float: left;
	display: inline;
	width: 5px;
}

.onglets_left {
	height: 24px;
	background-image: url(../imgs/design/onglet_left.gif);	
}

.onglets_left2 {
	height: 23px;
	background-image: url(../imgs/design/onglet_left2.gif);
}

.onglets_left3 {
	height: 23px;
	background-image: url(../imgs/design/onglet_left3.gif);
}

.onglets_right, .onglets_right2, .onglets_right3 {	
	background-repeat: no-repeat;
	width: 5px;
	float: left;
	display: inline;
}

.onglets_right {
	background-image: url(../imgs/design/onglet_right.gif);
	height: 24px;
}

.onglets_right2 {	
	background-image: url(../imgs/design/onglet_right2.gif);
	height: 23px;
}

.onglets_right3 {	
	background-image: url(../imgs/design/onglet_right3.gif);
	height: 23px;
}

.onglets, .onglets2, .onglets3 {
	float: left;
	line-height: 16px;
	display: inline;	
	background-repeat: repeat-x;
}

.onglets {
	background-image: url(../imgs/design/onglet.gif);
	height: 24px;
	line-height: 24px;
}

.onglets2, .onglets3 {
	background-image: url(../imgs/design/onglet1.gif);
	height: 23px;	
}

.onglets3 {
	background-image: url(../imgs/design/onglet2.gif);
}

.onglets a {	
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 4px;
	font-size: 11px;
	font-weight: bold;
	background: none;
}

.onglets_box .onglets a {	
	margin-left: 0px;
	margin-right: 0px;
}

.onglets2 a, .onglets3 a {
	color: #000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C4BFB3;
	margin-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
	background: none;
}

.onglets2 a:hover, .onglets3 a:hover {
	border-bottom-color: #666666;
}

#bodyorg .onglets2 a, #bodyorg .onglets3 a {
	border-bottom-color: #336666;
}

.onglets2 a {
	margin-left: 6px;
	margin-right: 6px;
}

.onglets3 a {
	margin-left: 12px;
	margin-right: 12px;
	font-weight: bold;
}

.onglets img, .onglets2 img, .onglets3 img {
	margin-left: 6px;
	float: left;
}

.onglets img {
	margin-top: 4px;
}

.ongletsmenu {
	clear: both;
	margin-left: 3px;
	margin-top: 6px;
}

.boutonsmenu {
	/* rien pour le moment */
}

/* Différents styles de textes */

.txt9center {
	font-size: 9px;
	text-align: center;
}

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

.txt9red {
	font-size: 9px;
	color: #FF0000;
	display: inline;
}

.txt9 {
	font-size: 9px;
	display: inline;
	font-weight: normal;
}

.txtred {
	font-size: 11px;
	color: #FF0000;
	display: inline;
	font-weight: bold;
}

/* L'image du "freecap" */

#freecap {
	height: 40px;
	width: 260px;
}

/* L'image icone "warning" */

.warning {
	float: left;
	margin-right: 6px;
}

/* La box des commentaires */

.comment {
	background-image: url(../imgs/design/comment.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	clear: both;
	margin-top: 12px;
}

/* Redéfinition de tags hr custom à cause d'Explorer à la con */

.clearhr {
	clear: both;
}

.clearhrfront {
	clear: both;
	height: 10px;
}

.fakehr {
	height: 9px;
	clear: both;
	background-image: url(../imgs/design/hr.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 12px;
	margin-right: 6px;
	margin-bottom: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
}

/* Les logos de la page les_hebdos.php */

.logo_hebdos {
	margin-right: 6px;
}

/* Codes rédactionnels réguliers */

.T1 {
	display: none;
}

.E {
	display: none;
}

.CP {
	display: none;
}

.STA, .ST {
	font-size: 11px;
	font-weight: bold;
	margin-top: 20px;
}

.L {
	font-size: 11px;
	font-weight: bold;
	margin-top: 20px;
}

.A2, .R2, .A, .R {
	margin-top: 16px;
	font-size: 11px;
	text-align: justify;
}

.A, .R {
	text-indent: 20px;
}

.A a, .R a {
	color: #003366;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECEC;
	text-decoration: none;
}

.A a:hover, .R a:hover {
	background-color: #F4F4F4;
}

.Ci {
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
}

.CSi {
	font-size: 11px;
}


/* Codes rédactionnels de style se terminant par <@$> */
.Ti, .Ri, .TAi, .Ai, .T1i, .Li {
	font-style: italic;
}

.Rb, .Ab {
	font-weight: bold;
}

.D {
	font-style: italic;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 20px;
	padding-top: 20px;
}

.S2 {
	font-weight: bold;
}

/* Highlight un résultat de recherche */
.resultats {
	background-color: #FFCCCC;
}
 
.underline {
	text-decoration: underline;
}

#zoomout {
	display: none;
}

#zoomin {
	display: inline;
}

.txtcenter {
	text-align: center;
}

/* Les logos d'organimses */
.org_logo_r {
	float: right;
	clear: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

.org_logo_r a {
	border-bottom-style: none;
	background: none;
}

.org_logo_l {
	float: left;
	width: 80px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* la div avec les pages de 1 à... */
.pages {
	clear: both;
	float: right;
	font-size: 10px;
}

.pages a {
	border-bottom-style: none;
	background: none;
	float: left;
	display: inline;	
	margin-right: 4px;
	margin-left: 4px;
}

.page {
	background-image: url(../imgs/design/icones/page_white.gif);
	background-repeat: no-repeat;
	float: left;
	display: inline;
	height: 32px;
	width: 16px;
	text-align: center;
	margin-right: 4px;
	margin-left: 4px;
}

.page a {
	margin-left: 2px;
	float: none;
	text-align: center;
}

.page b {
	margin-left: 2px;
	font-size: 11px;
}

/* Boite contenant la recherche par catégories pour le module des annonceurs 2 */
#categories_ads {
	font-size: 11px;
	line-height: 15px;
}

/* Boite contenant les mots clés */
.motcles {
	line-height: 22px;
	text-align: justify;
	margin: 6px;
}

/* Redéfinition d'un input de type image field */
.imgfield input, .imgfield select {
	width: 160px;
}

/* Les classes couleurs pour l'indice de feu */

.dangerfeu {
	margin-top: 2px;
	float: right;
	display: inline;
	width: 195px;
	height: 22px;
	background-image: url(../imgs/design/sopfeu.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.dangerfeu .innerbox {
	font-size: 11px;
	height: 14px;
	color: #000000;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 2px;
	text-align: right;
}

.feu_rouge, .feu_bleu, .feu_vert, .feu_jaune {
	float: right;
	display: inline;
	color: #FFFFFF;
	height: 14px;
	margin-left: 1px;
	margin-right: 1px;
}

.feu_rouge {
	min-width: 2px;
	background-color: #FF0000;
}

.feu_bleu {
	min-width: 2px;
	margin-left: 6px;
	background-color: #0000ff;
}

.feu_vert {
	min-width: 4px;
	background-color: #009900;
}

.feu_jaune {
	min-width: 6px;
	background-color: #cccc00;
}

.couleurbox {
	margin-right: 4px;
	margin-left: 4px;
}