﻿html {font-size: 100%;}
body.csurchelles {
 background-image:url('../img/fond_bandeau_colore.jpg');
 background-repeat:repeat-x;
 margin:0;
 padding:0;
 text-align:center;
font-size:12px;
font-family:"Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
 color:#333399;
 background-color:white;
}

a {
 text-decoration:none;
 font-style:normal;
 font-weight:normal;
 color:#333399;
}

a:visited {
 text-decoration:none;
 font-weight:normal;
 font-style:normal;
 color:#333399;
}

a:hover {
 text-decoration:none;
 color:#cd3be7;
 font-weight:normal;
}


a.liens_bandeau {
font-size:14px;
color:white;
}
a.liens_bandeau :hover {
font-size:14px;
color:white;
}
a.liens_bandeau :visited {
font-size:14px;
color:white;
}
div.flottante_annonce {
margin: 2px;
width:490px;
text-align: justify;
font-weight:normal;
color:black;
font-size:12px;
font-family:"Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
margin-bottom:10px;
min-height:110px;
}
div.desc_annonce {
margin-left:20px;
border:1px solid #ffe093;
min-height:90px;
background-image:url(../img/fond_annonce.png);
background-repeat:repeat-y;
padding:5px;
}
span.prix_annonce{
background-color:darkorange;
color:white;
width:100px;
min-height:20px;
padding:10px;
border:none;
text-align: center;
font-weight:bold;
font-size:12px;
}
span.titre_annonce{
background-color:purple;
color:white;
width:467px;
padding:10px;
border:none;
text-align: center;
font-weight:bold;
font-size:12px;
}
a.link_annonce  {
margin-left:100px;
color:brown;
font-weight:bold;
}
a.link_annonce:hover  {
color:brown;
font-weight:bold;
}
a.link_annonce :visited {
color:brown;
font-weight:bold;
}
.colonne_annonce {
width:250px;
}
.photo_annonce {
	display:block;
	float:left;
	background-image:url(../img/default.jpg);
	background-repeat:no-repeat;
	border:1px solid #d9dbea;
	width:100px;
	min-height:76px;
	max-height:76px;
	margin-top:10px;
	margin-right:4px;
}

.flottante {
margin: 2px;
float: left;
text-align: center;
 font-size:12px;
 font-weight:bold;
 color:black;
}
div.ligne {
    float: left;
    width: 100%;
}
div.colonne1 {
    float: left;
    width: 50%;
}
div.colonneg {
    float: left;
	text-align:left;
}
div.colonned {
    float: right;
	text-align:left;
}
div.colonne2 {
    float: right;
    width: 50%;
}
div.left {
    float: left;
    width: 33%;
}
div.right {
    float: right;
    width: 33%;
}
div.middle {
    padding: 0px 0px 0px 0px;
    margin: 0px;
	margin-left:33%;
}
div.entete{
 margin:5px;
 padding:4px;
 text-align:center;
 height:18px;
 color:#ffcf10;
 font-weight:normal;
 background-color:#713bb3;
 border:3px double #4c07a0;
 font-size:14px;
}
p.titre {
font-size:1.3em;
font-weight:bold;
color:black;
}
p.gros_titre {
font-size:1.5em;
text-align:center;
color:#ffcf10;
 background-color:#713bb3;
}
p.gros_titre_nolarg {
font-size:1.5em;
text-align:center;
color:#ffcf10;
 background-color:#713bb3;
 width:400px;
 border:4px double #713bb3;
}
p.important {
font-size:14px;
text-align:center;
color:#713bb3;
text-align:justify;
}
p.paragraphe_normal {
text-align:justify;
font-size:12px;
font-weight:normal;
color:black;
}
p.puce_normal {
margin-left:71.5pt;text-indent:-18.0pt
text-align:justify;
font-size:12px;
font-weight:normal;
color:black;
}
#news_box  {
visibility:hidden;
 background-color:white;
 border:1px solid black;
border-top:0px solid black;border-left:0px solid black;border-right:0px solid black;border-bottom:1px solid black;}
.avant_plan {
 z-index:3;
}
div.encart_droit {
 background-color:transparent;
 float:right;
 width:240px;
 min-height:400px;
 margin-left:10px;
 margin-top:20px;
 text-align:left;
 }
div.liste_droite {
 float:left;
 background-color:transparent;
 margin:0px;
 padding:0px;
 padding-left:5px;
 padding-bottom:5px;
 font-size:12px;
 color:black;
 text-align:center;
 vertical-align:top;
 width:450px;
}
.liste_droite_gestion {
 /* background-image:url('../../../themes/csurchelles/img/coin_violet.png');
 background-repeat:no-repeat;
 background-position:0px 0px; */
 margin:0px;
 padding:0px;
 padding-left:5px;
 padding-bottom:5px;
 font-size:12px;
 color:black;
 text-align:center;
 vertical-align:top;
 width:200px;
}
.liste_gauche {
 margin:0px;
 padding:0px;
  font-size:13px;
 color:black;
 z-index:3;
 text-align:left;
 vertical-align:top;
 }
div.liste_gauche { 
margin:0px;
padding:0px;
border:1px solid orange;
width:245px;
float:left;
}
p.liste_gauche { margin-top:5px;}
a.liste_gauche:visited {
 color:blue;
 font-weight:normal;
 font-size:14px;
 margin-bottom:10px;
 margin-left:5px;
}
a.liste_gauche:hover {
 color:blue;
 font-weight:normal;
 font-size:14px;
 margin-bottom:10px;
 margin-left:5px;
}
a.liste_gauche {
 color:blue;
 font-weight:normal;
 font-size:14px;
 margin-bottom:10px;
 margin-left:5px;
}
a.liste_gauche_gestion {
 color:blue;
 font-weight:bold;
 font-size:14px;
 margin-bottom:10px;
}
a.liste_gauche_gestion:hover {
 color:blue;
 font-weight:bold;
 font-size:12px;
}
a.liste_gauche_gestion:visited {
 color:blue;
 font-weight:bold;
 font-size:12px;
}
h2.liste_gauche {
 margin-top:5px;
 padding-left:5px;
 color:white;
 font-weight:normal;
 font-size:14px;
 margin-bottom:5px;
 margin-left:0px;
 background-color:blue;
}
h2.liste_gauche_selection {
 margin:0px;
 padding:0px;
 text-align:left;
 height:1.4em;
 color:black;
 background-color:#ffcf0f;
 font-size:13px;
}
h2.liste_gauche_gestion {
 margin:0px;
 padding:0px;
 text-align:left;
 height:14px;
 color:black;
 background-image:url('../../../images/fil_ariane.png');
 background-repeat:repeat-x;
 border:1px solid lightgrey;
 font-size:13px;
}
#entete_flux_rss {
visibility:hidden;
background-color:lightgrey;border:1px solid black;color:black;height:15px;width:250px;	text-align:center;
border-top:1px solid black;border-left:1px solid black;border-right:1px solid black;border-bottom:0px solid black;}
#flux_rss {
visibility:hidden;
overflow:auto;height:150px;width:250px;	text-align:justify;
border-top:1px solid black;border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid black;}
#content_main {
	z-index:0;
}

img {
 border:0;
 padding:0;
 margin:0;
}
a.lien_commerce:hover {
 font-size:0.8em;
 text-decoration:underline overline;
 font-style:normal;
 font-weight:bold;
 color:#cd3be7;
}

a.lien_commerce {
 font-size:0.8em;
 text-decoration:none;
 font-style:normal;
 font-weight:bold;
 color:#333399;
}

a.lien_commerce:visited {
 font-size:0.8em;
 text-decoration:none;
 font-style:normal;
 font-weight:bold;
 color:#333399;
}

a.bandeau  {
 text-decoration:none;
 font-style:normal;
 font-weight:normal;
 color:black;
}

a:visited.bandeau  {
 text-decoration:none;
 font-weight:normal;
 font-style:normal;
 color:black;
}

a:hover.bandeau  {
 text-decoration:none;
 color:black;
  background-color: transparent;
font-weight:bold;
}

div.fil_ariane {
 background-image:url('../../../images/fil_ariane.png');
 background-repeat:repeat-x;
 border:1px solid lightgrey;
 font-size:0.8em;
  float:left;
  text-align:left;
}
div.fil_ariane_libre {
 font-size:0.8em;
  float:left;
  text-align:left;
}
div.fil_noalign {
 /*background-image:url('../../../images/fil_ariane.png');
 background-repeat:repeat-x;
 border:1px solid lightgrey;*/
 font-size:14px;
}
a.fil_dark  {
 text-decoration:none;
 font-style:normal;
 font-weight:normal;
 color:black;
  background-color: transparent;
}

a:visited.fil_dark  {
 text-decoration:none;
  font-weight:normal;
 font-style:normal;
 color:black;
  background-color: transparent;
}

a:hover.fil_dark  {
 text-decoration:none;
 color:black;
  background-color: transparent;
font-weight:normal;
}
font.fil_light {
 text-decoration:none;
 color:black;
  background-color: transparent;
font-weight:bold;
}
.liste_droite p {
 margin-left:5px;
}
.liste_droite li {
 list-style-type:square;
}

/* styles communs aux entêtes*/
.liste_droite h1 {
 margin:0;
 padding:0;
 font-size:14px;
 color:#990033;
 padding-left:10px;
 height:40px;
 width:100%;
 text-align:center;

}

.liste_droite h2 {
 margin:0;
 margin-top:10px;
 margin-bottom:2px;
 padding:0;
 font-size:16px;
 color:#003333;
 height:18px;
 width:100%;
 text-align:center;
 }

.liste_droite h3 {
 margin:0;
 padding:0;
 font-size:10px;
 padding-left:30px;
 height:18px;
 width:920px;
 text-align:justify;
}

/* styles communs aux entêtes*/
.liste_droite h1 {
 margin:0;
 padding:0;
 font-size:14px;
 color:#990033;
 padding-left:10px;
 height:40px;
 width:100%;
 text-align:center;

}

th {
 font-size:12px;
 color:#333399;
}
div.html_annonce  {
 text-align:left;
}
.html_annonce h1 {
 font-size:1.4em;
 font-weight:bold;
 color:#990033;
 text-align:left;
 margin-left:20px;
 margin-bottom:5px;
 margin-bottom:0em;
text-align:left;
}
.html_annonce h2 {
 font-size:1.3em;
 font-weight:bold;
 color:#003333;
 text-align:left;
 margin-left:27px;
 margin-bottom:0em;
text-align:left;
}
.html_annonce h3 {
 font-size:10px;
 font-weight:bold;
 color:black;
 text-align:left;
 margin-left:32px;
 margin-bottom:em;
text-align:left;
}
.html_annonce p {
 font-size:12px;
 color:black;
 text-align:justify;
 margin-left:40px;
 margin-bottom:-0.8em;
text-align:left;
}

.html_annonce ol {
 list-style-type: decimal;
 margin-bottom:-0.8em;
}
.html_annonce ul {
 list-style-type: square;
 margin-bottom:-0.8em;
}

.html_annonce li{
 font-size:12px;
 color:black;
 text-align:justify;
 margin-left:20px;
 margin-bottom:0px;
}

#all_content {
  margin:0;padding:5;
 margin-left:auto;
 margin-right:auto;
 width:1000px;
 min-height:500px;
 height:auto;
 text-align:left;
/* background-image:url('../img/couple.jpg');
 background-repeat:no-repeat;
 background-position: 750px 700px;*/
}

.banniere {
 background-color:transparent;
 width:1000px;
 height:100px;
 border:none;
 padding:0;
 margin:0;
 color:black;
}
.rubrique {
 font-size:14px;
 font-style: italic;
 font-weight: bold;
 text-align:left;
 color:lightyellow;
}
.rubrique_description {
 font-size:10px;
 font-weight: bold;
 font-style: italic;
 text-align:justify;
 color:#333399;
}
.cadre_annonce{
background-color:white;
margin:0px;
padding:2px;
border-bottom: 1px solid #4f4f4f;
color:white;
font-size:13px;
width:500px;
}

div.cadre_enseigne{
background-color:lightyellow;
margin:0px;
padding:2px;
border: 1px solid lightgrey;
color:lightgrey;
font-size:12px;
}

tr.titre_enseigne {
 height:20px;
}
td.titre_enseigne {
 /* background-image:url('../../../images/barre_bleue.jpg'); 
 background-repeat:repeat-x; 
 background-color:#383f90;*/
 background-image:url('../../../images/barre_jaune.jpg');
 background-repeat:repeat-x;
 color:black;
 border: 3px outset lightgrey;
 padding:0px;
 padding-left:10px;
 width:780px;
}
a.titre_enseigne:link{
font-size:1.4em;
font-weight:bold;
color:blue;
}
a.titre_enseigne:visited{
font-size:1.4em;
font-weight:bold;
color:blue;
}
a.titre_enseigne:hover{
font-size:1.4em;
font-weight:bold;
color:blue;
}
.cadre_enseigne{
text-align:center;
color:black;
margin:0px;
border: 1px solid lightgrey;
font-size:0.8em;
width:780px;
overflow:hidden;
vertical-align:top;
}
td.coordonnees_enseigne{
text-align:left;
color:black;
border: none;
vertical-align:top;
}
td.texte_enseigne_area{
text-align:center;
color:black;
font-weight:bold;
border: none;
font-size:14px;
 width:770px;
}
.photo_enseigne {
text-align:center;
vertical-align:center;
width:150px;
color:black;
margin:0px;
padding:0px;
border:none;
font-size:13px;
}
a.titre_annonce:link{
font-size:12px;
font-weight:bold;
color:blue;
}
a.titre_annonce:visited{
font-size:12px;
font-weight:bold;
color:blue;
}
a.titre_annonce:hover{
font-size:12px;
font-weight:bold;
color:blue;
}
tr.titre_annonce{
vertical-align:center;
text-align:left;
height:15px;
}
.texte_annonce{
text-align:left;
color:black;
background-color:white;
margin:0px;
padding-left:2px;
border: none;
font-size:10px;
width:500px;
overflow:hidden;
vertical-align:center;
}
.texte_annonce_area{
text-align:justify;
color:#4f4f4f;
background-color:white;
border: none;
font-size:10px;
width:500px;
padding-left:2px;
overflow:hidden;
}
.table_annonce_gestion {
background-color:#8d91c1;
margin:0px;
}
.table_annonce_gestion_pro {
background-color:#aa99CC;
margin:0px;
}
.texte_annonce_gestion {
text-align:left;
color:black;
background-color:lightgrey;
margin:0px;
padding-left:2px;
border: none;
font-size:10px;
width:500px;
overflow:visible;
vertical-align:center;
}
a.titre_annonce{
color:blue;
font-weight:normal;
font-size:10px;
}
font.caracteristiques_annonce{
color:black;
font-size:0.8em;
}

.haut_annonce {
color:black;
border:none;
background-color:white;
 font-size:13px;
}
.bas_annonce {
color:#4f4f4f;
border: none;
background-color:white;
 font-size:13px;
}
.texte_annonce {
color:#4f4f4f;
border: none;
background-color:white;
 font-size:13px;
}
.gros_titre_enchere{
color:blue;
border: none;
font-size:14px;
font-weight: bold;
}.titre_enchere{
color:blue;
border: none;
font-size:14px;
font-weight: normal;
text-decoration:underline;
}

th.tableau_enchere{
color:black;
font-size:13px;
background-color:lightblue;
border: 1px solid white;
text-align:center;
}
td.tableau_enchere{
color:blue;
border: none;
font-size:13px;
background-color:lightgrey;
border: 1px solid white;
text-align:center;
}

td.rubrique_annonce{
background-color:#996699;
color:white;
border: 0px solid #996699;
}

td.rubrique_gestion{
background-color:#0099CC;
color:white;
border: 0px solid #0099CC;
}

.vignette_description {
 font-size:10px;
 font-weight: normal;
 font-style: italic;
 text-align:justify;
 color:#eeeeee;
}
/*----------------------*/
/* Les différents blocs */
#FondMenu {
 border:0px solid lightgrey;
 margin:0px;
 padding:0px;
 text-align:center;
}
#Fond_fil_ariane {
position:absolute;
top:32px;
left:0px;
 width:100%;
 height:20px;
 margin:0px;
 padding:0px;
 text-align:center;
 background-color:white;
}

#News {
 margin:0;
 padding:0;
 width:280px;
 min-height:100px;
 clear:right;
 overflow: auto;
 height:300px;
 border: 2px solid lightblue;
 background-color:white;
 color:333399;
}

#MainContent {
 float:left;
 width:720px;
}

#MainContentFull { 
 width:750px;
 min-height:400px;
 border: none;
}

#Footer {
 clear:both;
 width:1000px;
 height:40px;
}

 /*premier sous-container : aligner un contenu de droite avec DES contenus à gauche*/
#sscontainer {
 float:left;
}

/* container splachscreen et evenement*/
#sssscontainer {
 float:left;
}

#Splash {
 float:left;
 width:401px;
 height:127px;
 background-image:url('../img/splashweb.jpg'); 
 background-repeat:no-repeat;
 background-position:top left;
}

#Evenement {
 margin-left:401px;
 width:165px;
 height:30px;
}

/*-----------------------------*/
/*Styles pour les bords arrondis */
/*Compatible IE et Firefox */

.cadre_blanc {
 background: url('../img/gauche.gif'); 
 background-repeat:repeat-y;
 background-position:left;
 background-color: #ffffff;
}
.cadre_noir {
 background: url('../img/gauche.gif'); 
 background-repeat:repeat-y;
 background-position:left;
 background-color: #333399;
}

.cadre2 {
 background: url('../img/droite.gif');
 background-repeat:repeat-y;
 background-position:right;
}

/* propriétés communes à l'ensemble des 4 coins */
.hautgauche, .hautdroit, .basgauche, .basdroit {
 height: 10px; width: 10px;
 background-repeat: no-repeat;
 font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche {
 background: url('../img/hautgauche.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.hautdroit {
 float: right;
 background: url('../img/hautdroite.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.basgauche {
 background: url('../img/basgauche.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.basdroit {
 float: right;
 background: url('../img/basdroite.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.bas {
 background: url('../img/basmilieu.gif');
 background-repeat:repeat-x;
 clear:both;
}
.haut {
 background: url('../img/hautmilieu.gif');
 background-repeat:repeat-x;
}

.contenu {
 margin:7px;
 padding:0;
 padding-left: 4px;
 padding-right: 6px;
}

.contenu p {
 color: #663300;
 margin: 0.5em; /*gestion des espaces interparagraphes */
}

.contenu h1 {
 margin:0;
 padding:0;
 font-size:10px;
 color:#F6F5E5;
 padding:10px;
 height:18px;
 width:100%;

 margin-top:-6px;
 margin-left:2px;
}

/* titre graphisme : fond bleu */
.graph {
 margin-top:-6px;
 margin-left:2px;
 background-color:#566E79;
 background-image:url('../img/titre_bleu.gif');
 background-repeat:no-repeat;
 background-position: top right;
}

/* titre  actus : fond orange*/
#actus h2{
 margin:0;
 padding:0;
 font-size:10px;
 color:#F6F5E5;
 padding-left:10px;
 height:18px;
 width:75%;

 margin-top:-6px;
 margin-left:2px;
 
 background-color:#DD8845;
 background-image:url('../img/titre_orange.gif');
 background-repeat:no-repeat;
 background-position: top right;
}

/* titre  techno : fond vert*/
#tech h2 {
 margin:0;
 padding:0;
 font-size:10px;
 color:#F6F5E5;
 padding-left:10px;
 height:18px;
 width:75%;

 margin-top:-6px;
 margin-left:2px;

 background-color:#537334;
 background-image:url('../img/titre_vert.gif');
 background-repeat:no-repeat;
 background-position: top right;
}

/* titre  évènement : fond rouge*/
#events h2{
 margin:0;
 padding:0;
 font-size:10px;
 color:#F6F5E5;
 padding-left:10px;
 height:18px;
 width:75%;

 margin-top:-6px;
 margin-left:2px;

 background-color:#7A1F0C;
 background-image:url('../img/titre_rouge.gif');
 background-repeat:no-repeat;
 background-position: top right;
}


#minContainer {
 background-color: #F6F4E4;
 background: url('../img/droite.gif');
 background-repeat:repeat-y;
 background-position:top right;
 border-top:0px dotted #F6F4E4;
 border-bottom:0px dotted #F6F4E4;
 margin-top:-8px;
 margin-bottom:-8px;
}


/*--------------------*/
/*Styles du menu Copix*/

.MainmenuConnexion table{
}
.MainmenuConnexion tr{
}
.MainmenuConnexion td{
}
.Mainmenu tr{
 }

.Mainmenu td{
 height:22px;
 padding:0px;
 text-align:center;
}
.Mainmenu a {
 font-size:12px;
 text-decoration:normal;
 font-weight:bold;
 color:black;
}

.Mainmenu a:hover {
 font-weight:bold;
 background-color:#ffcf0f;
}


.MainFooter ul{
 margin:0;
 padding:0;
 list-style-type:none;
 list-style-position:outside;
}

.MainFooter li{
 font-size:0.8em;
 color:black;
 border:none;
 margin:0;
 padding:0;
 text-align:center;
 list-style-type:none;
 list-style-position:outside;
 display:inline;
}

.MainFooter li:hover {
 background-color:#ffcf0f;
}

.MainFooter a {
 text-decoration:none;
 color:black;
}
#Footer p{
 background-image:url('../img/fond_bandeau_colore.jpg');
 background-repeat:repeat-x;
 width:100%;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}

#menu2 {
   width: 600px;
}

/**
* Table
*/
.CopixTable {
   margin-left: 5px;
   width: 98%;
  
   border:3px solid #A07044;
   border-collapse:collapse;
}
.CopixVerticalTable {
   margin-left: 5px;
   width: 98%;
   border: 3px solid #A07044;
   border-collapse:collapse;
}

.CopixTable thead {
    background-color:#A07044;
}

.CopixTable thead th {
   background-color:transparent;
   text-align: left;
}

.CopixTable tr th {
   background-color:#A07044;
   height:25px;
   color: #ffffff;
}

.CopixTable td {
   height:25px;
}

.CopixTable th a,.CopixTable th a:visited {
   color: #ffffff;
   text-decoration: none;   
}

.alternate {
   background-color: #eeefff;
}

.errorMessage {
   border: 2px solid #aa0000;
   margin: 5px;
}
.errorMessage h1 {
   background-color: #792206;
   background-image:url('../img/titre_rouge.gif');
   color: #ffffff;
   text-align: center;
   background-repeat:no-repeat;
   background-position: top right;
   font-size: 13px;
   margin-top: 0;
}

.popupInformation {
   background-color: #F6F4E4;
   border:1px solid #ffCA6B;
   padding:3px;
   position:absolute;
}
