/*///////////////////////*/
 /*  CSS de chrispics.fr  */
/*///////////////////////*/

  
  /*/////////////////////*/
 /*////// Général //////*/
/*/////////////////////*/



body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
height: 100%; 
margin-top: 15px;
margin-bottom: 15px;
padding: 0;
background: #e9f4fb url(kit/fond.png) repeat-x center 55px fixed;
}

li {
list-style-type : none; 
}

hr {
width: 70%; 
color: #000000; 
background-color: #000000;
height: 1px;
border: 0;
}        

#ban {
margin-left: 2px;
text-align: center;
}

  /*///////////////////////////////////////////////*/
 /*////// Classes de mise en forme diverses //////*/
/*///////////////////////////////////////////////*/
 
p.grassouligne {
font-size: 10pt;
text-decoration: underline; 
font-weight: bold; 
text-align: left;  
margin-right: 10px;
margin-left: 10px;
} /*Texte gras, souligné et noir*/

p.cadrebleu {
font-size: 10pt; 
color: #2687c1;
font-weight: bold; 
text-align: left; 
margin-right: 18px;
margin-left: 10px;
border-top: solid 1px;
border-bottom: solid 1px;
} /*Texte gras, bleu et cadré*/

p.cadrerouge {
font-size: 10pt; 
color: #cc3333;
font-weight: bold; 
text-align: left;  
margin-right: 18px;
margin-left: 10px;
border-top: solid 1px;
border-bottom: solid 1px;
} /*Texte gras, rouge et cadré*/

p.nb {
font-size: 8pt;
text-align: center; 
margin-top: 5px;
margin-bottom: 5px;
} /*Nota Bene*/

p.bienvenue {
font-size: 14pt;
color: #0066cc;
text-align: center;
margin-top: 13px;
margin-bottom: 13px;
} /*Bienvenues de l'accueil*/

p.annonce {
font-size: 11pt;
color: #e84343;
font-weight: bold;
text-align: justify;
margin-top: 13px;
margin-bottom: 13px;
margin-right: 10px;
margin-left: 10px;
} /*Annonces importantes*/

.annoncegris {
color: #464646;
}

.noir {
color: #000;
} /*Slash des bienvenues de l'accueil*/

p.signature {
font-size: 10pt;
font-weight: bold;
text-align: right;
margin-right: 20px;
color: #067bd1;
} /*Signature de l'accueil*/

p.titrenews {
margin-left: 2px;
margin-top: 30px;
margin-bottom: 5px;
width: 505px;
height: 55px;
background: url(bannieres/actu.jpg) no-repeat;
} /*Titre des news*/

p.newsxpress {
color: #3c3c3c;
font-size: 8pt;
font-style: italic; 
margin-left: 10px;
margin-bottom: 20px;
} /*Derniers ajouts*/

.newsxpress a:link  { 
color: #0066cc;
text-decoration: underline;
}

.newsxpress a:visited { 
color: #0066cc;
text-decoration: underline;
}

.newsxpress a:hover {
color: #737373;
text-decoration: underline;
}

.centrer {
text-align: center;
} /*Centrer un élément*/

.centrertranche {
text-align: center;
font-weight: bold;
color: #353535;
border-top: dotted 1px;
border-bottom: dotted 1px;
} /*Centrer les barre de séparation des tranches des quartiers*/


.centrer a:link  { 
color: #0066cc;
text-decoration: underline;
}

.centrer a:visited { 
color: #0066cc;
text-decoration: underline;
}

.centrer a:hover {
color: #737373;
text-decoration: underline;
}

.ital {
text-align: justify; 
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
font-style: italic;
color: #646464;
} /*Texte italique et clair*/

p.jquery {
text-align: justify; 
margin-right: 5px;
margin-left: 5px;
} /* Mise en forme des listes des menus jquery */

.debutp {
font-weight: bold; 
font-size: 12pt;
color: #000;
margin-left: 10px;
} /*Lettre de début de paragraphe*/

  /*////////////////////////////////////////////////*/
 /*////// Mise en forme des infos de Mŕj //////////*/
/*////////////////////////////////////////////////*/

p.maj {
font-size: 8pt;
text-align: center; 
margin-top: 30px;
margin-bottom: 10px;

}

.majbis {
border-top: dotted 1px;
border-bottom: dotted 1px;
}

  /*///////////////////////////////////////////////*/
 /*////// Mise en forme du fil d'ariane //////////*/
/*///////////////////////////////////////////////*/

.fil {
font-size: 8pt;
text-align: justify; 
margin-right: 20px;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 20px;
}

.fil a:link  { 
color: #0066cc;
text-decoration: none;
}

.fil a:visited { 
color: #0066cc;
text-decoration: none;
}

.fil a:hover {
color: #737373;
text-decoration: none;
}

 /*///////////////////////////////////////////*/
/*///////////////////////////////////////////*/

.quartiers {
font-weight: bold;
font-family: Verdana, sans-serif;
margin: 0 auto;
color: #fff;
text-align: center;
width: 483px;
height: 22px;
background: url(kit/quartiers.gif) no-repeat;
padding-top: 3px;
}

  /*/////////////////////////////////////////////*/
 /*////// Formulaire de recherche du menu //////*/
/*/////////////////////////////////////////////*/

#formulaire {
text-align: center;
color: #fff;
margin-top: 10px;
}

input[type=submit] {
margin-top: 10px;
margin-bottom: 10px;
background: url(kit/boutongo.gif);
color: #fff;
font-weight: bold;
cursor: pointer;
}

input[type=submit]:hover {
border: 2px outset black;
}

.rechercher {
margin-left: 7px;
color: #fff;
font-size: 10pt;
font-weight: bold;
}

.expression {
font-size: 9.5px;
}

  /*//////////////////////////////////////////////////*/
 /*////// Mise en forme du Moteur de recherche //////*/
/*//////////////////////////////////////////////////*/

#enginecentre {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
margin-right: 10px;
margin-left: 10px;
}

#enginecentre a:link  { 
color: #0066cc;
text-decoration: underline;
}

#enginecentre a:visited { 
color: #0066cc;
text-decoration: underline;
}

#enginecentre a:hover {
color: #737373;
text-decoration: underline;
}

 /*/////////////////////////////////////////////*/
/*/////////////////////////////////////////////*/

#conteneur  {
	width: 699px;
	margin: auto;
	background: #0066cc url(/kit/contenu.gif) repeat-y;
    /*box-shadow: -1px 2px 5px 3px rgba(0, 0, 0, 0.7);*/
}

#header {
    height: 235px;
	background: #0066cc url(/kit/entete.gif) no-repeat;
}

#pied {
    height: 26px;
	background: #0066cc url(/kit/pied.gif) no-repeat;
	clear: left;
}

#pied2 {
	width: 1000px;
	margin: auto;
}

  /*///////////////////*/
 /*////// Zones //////*/
/*///////////////////*/

#zoneheader {
float: left;
margin-left: 10px;
margin-top: 8px;
width: 681px;
height: 190px;
}

#zonehautpage {
float: left;
width: 153px;
height: 15px;
margin-left: 10px;
}

#zonerss {
float: left;
width: 140px;
height: 27px;
}

  /*//////////////////////////////////////////////////*/
 /*//////////////// Titre des pages /////////////////*/
/*//////////////////////////////////////////////////*/

#titrepage {
font-size: 16.5pt;
margin: 0 auto;
color: #fff;
text-align: center;
width: 350px;
height: 57px;
background: url(kit/titre.gif) no-repeat;
margin-top: 15px;
margin-bottom: 20px;
padding-top: 13px;
}

#titrepagegrand {
font-size: 16.5pt;
margin: 0 auto;
color: #fff;
text-align: center;
width: 350px;
height: 64px;
background: url(kit/titregrand.gif) no-repeat;
margin-top: 15px;
margin-bottom: 20px;
padding-top: 5px;
}

#titrepagev2 {
font-size: 15pt;
margin: 0 auto;
color: #fff;
font-weight: bold;
text-align: center;
height: 100px;
width: 505px;
padding-top: 10px;
margin-bottom: 20px;
margin-right: 10px;
}

#titrepagev3 {
font-size: 15pt;
margin: 0 auto;
color: #000;
font-weight: bold;
text-align: center;
height: 100px;
width: 505px;
padding-top: 10px;
margin-bottom: 20px;
margin-right: 10px;
}

  /*////////////////////////////////////*/
 /*////// Tableaux des Liens //////////*/
/*////////////////////////////////////*/

.tableau {
margin: 0 auto;
width: 491px;
margin-left: 9px;
}

.celpetite {
width: 143px;
text-align: center;
background-color: #178ade;
color: #fff;
font-weight: bold;
}

.celpetite a:link  {
color: #fff;
text-decoration: none;
font-weight: bold;
font-style: italic;
}

.celpetite a:visited { 
color: #fff;
text-decoration: none;
font-weight: bold;
font-style: italic;
}

.celpetite a:hover { 
color: #000;
text-decoration: none;
font-weight: bold;
font-style: italic;
}

.celgrande {
text-align: justify; 
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #deedf6;
}

.celgrande a:link  { 
color: #0066cc;
text-decoration: underline;
}

.celgrande a:visited { 
color: #0066cc;
text-decoration: underline;
}

.celgrande a:hover {
color: #737373;
text-decoration: underline;
}

.celmaps {
width: 491px;
text-align: center; 
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #deedf6;
}

  /*/////////////////////////////////////////*/
 /*////// Tableaux d'informations //////////*/
/*/////////////////////////////////////////*/

.celpetiteinfo {
width: 143px;
text-align: center;
background-color: #178ade;
color: #fff;
font-weight: bold;
}

.celgrandeinfo {
text-align: center;
font-size: 9pt;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #deedf6;
}

.celgrandeinfo a:link  { 
color: #0066cc;
text-decoration: underline;
}

.celgrandeinfo a:visited { 
color: #0066cc;
text-decoration: underline;
}

.celgrandeinfo a:hover {
color: #737373;
text-decoration: underline;
}

.celgrandeinfojust {
text-align: justify;
font-size: 9pt;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #deedf6;
}

.celgrandeinfojust a:link  { 
color: #0066cc;
text-decoration: underline;
}

.celgrandeinfojust a:visited { 
color: #0066cc;
text-decoration: underline;
}

.celgrandeinfojust a:hover {
color: #737373;
text-decoration: underline;
}

.celgrandecom {
text-align: center; 
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #deedf6;
color: #3434e7;
font-weight: bold;
}

.celgrandeuc {
text-align: center;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #deedf6;
color: #aa18aa;
font-weight: bold;
}

.celgrandepro {
text-align: center; 
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #deedf6;
color: #1ab433;
font-weight: bold;
}

.celgrandecan {
text-align: center; 
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #deedf6;
color: #ff0000;
font-weight: bold;
}

 /*///////////////////////////////////////////////*/
/*///////////////////////////////////////////////*/

.miniature{
margin: 0 auto;
margin-left: 10px;
width: 487px;
border-style:solid; 
border-width:1px; 
border-color:#fff;
}

.miniature img{
width: 106px;
height: 100px;
padding: 5px;
border-style:dotted; 
border-width:1px; 
border-color:#000;
}

.miniature2{
margin: 0 auto;
margin-left: 10px;
width: 487px;
border-style:solid; 
border-width:1px; 
border-color:#fff;
}

.miniature2 img{
width: 229px;
height: 100px;
padding: 5px;
border-style:dotted; 
border-width:1px; 
border-color:#000;
}

.miniature3{
margin: 0 auto;
margin-left: 10px;
width: 487px;
border-style:solid; 
border-width:1px; 
border-color:#fff;
}

.miniature3 img{
width: 475px;
height: 100px;
padding: 5px;
border-style:dotted; 
border-width:1px; 
border-color:#000;
}

.miniature4{
margin: 0 auto;
margin-left: 10px;
width: 487px;
border-style:solid; 
border-width:1px; 
border-color:#fff;
} /*Disposition commune des 3 tailles de miniatures*/

.miniature4 img{
height: 100px;
padding: 5px;
border-style:dotted; 
border-width:1px; 
border-color:#000;
}

  /*////////////////////////////////////////////////////////////*/
 /*////// Date des photos (Mois) + sous-catégorie photos //////*/
/*////////////////////////////////////////////////////////////*/

.datephotos {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
width: 489px;
height: 20px;
font-size: 12pt; 
color: #fff;
font-weight: bold;
background: #178ade url(kit/moisphotos.gif);
text-align: center;
}

.datephotosavant {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
width: 489px;
height: 20px;
font-size: 12pt; 
color: #fff;
font-weight: bold;
background: #1ab433 url(kit/moisphotosavant.gif);
text-align: center;
}

.datephotoscan {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
width: 489px;
height: 20px;
font-size: 12pt; 
color: #fff;
font-weight: bold;
background: #ff0000 url(kit/moisphotoscan.gif);
text-align: center;
}

.datephotosuc {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
width: 489px;
height: 20px;
font-size: 12pt; 
color: #fff;
font-weight: bold;
background: #ff0000 url(kit/moisphotosuc.gif);
text-align: center;
}

.datephotospro {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
width: 489px;
height: 20px;
font-size: 12pt; 
color: #fff;
font-weight: bold;
background: #ff0000 url(kit/moisphotospro.gif);
text-align: center;
}

.datephotoscom {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
width: 489px;
height: 20px;
font-size: 12pt; 
color: #fff;
font-weight: bold;
background: #ff0000 url(kit/moisphotoscom.gif);
text-align: center;
}

.souscat {
margin-right: 15px;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
border-top: dotted 1px;
border-bottom: dotted 1px;
color: #464646;
font-weight: bold;
text-align: center;
font-size: 9pt; 
}

  /*///////////////////////*/
 /*////// Bloc Menu //////*/
/*///////////////////////*/

#menu {
float: left;
width: 153px;
margin-left: 10px;
}

.menu, .sousmenu {
text-align: center;
}

.menu {
width: 149px;
margin-left: 2px;
margin-top: 20px;
background: #000 url(kit/backmenuderoule.gif);
color: #fff;
}

.sousmenu {
width: 149px;
margin-left: 2px;
margin-top: 20px;
background: #0066cc url(kit/backsousmenuderoule.gif);
color: #fff;
}

.menu a {
display: block;
width: 100%;
height: 100%;
color: #fff;
font-size: 13.5pt;
text-decoration: none;
background: #000 url(kit/backmenuderoule.gif);
}

.sousmenu a {
display: block;
width: 100%;
height: 100%;
color: #fff;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
background: #0066cc url(kit/backsousmenuderoule.gif);
}

.menu a:hover, .sousmenu a:hover, .menu a:focus, .sousmenu a:focus {
color: #000;
}

.menu a:active, .sousmenu a:active {
color: #ccc;
}

p.nbphotos, p.nbphotossm {
text-align: center;
color: #fff;
font-size: 10pt;
margin-top: 3px;
} /*Nombre de photos*/

p.nbphotossm {
color: #000;
} /*Nombre de photos du sous-menu*/

.nbtofblanc {
color: #fff;
} /*Nombre de photos du sous-menu en blanc*/

.compteur {
font-size: 7.5pt;
color: #fff;
font-weight: bold;
} /*Déco du compteur de visites*/

.separation {
margin-left: 2px;
width: 149px; 
height: 1px;
background: #0066cc url(kit/separation.png) no-repeat;
}

.rss {
text-align: center;
margin-left: 7px;
width: 140px; 
height: 27px;
background: #0066cc url(/cutenews/skins/images/rss_icon.gif) no-repeat;
}


  /*//////////////////////////*/
 /*////// Bloc Contenu //////*/
/*//////////////////////////*/

#contenu {
margin-left: 182px;
}

p.cont {
text-align: justify; 
margin-right: 20px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

p.cont a:link  { 
color: #0066cc;
text-decoration: underline;
}

p.cont a:visited { 
color: #0066cc;
text-decoration: underline;
}

p.cont a:hover {
color: #737373;
text-decoration: underline;
}

a.info {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px #3d8dc4 dotted;
}

a.info span {
display: none;
}

a.info:hover {
background: none;
z-index: 500;
}

a.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background: #3d8dc4;
text-align: center;
color: white;
padding: 5px;
}

.news {
text-align: center; 
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.news a:link  { 
color: #0066cc;
text-decoration: underline;
}

.news a:visited { 
color: #0066cc;
text-decoration: underline;
}

.news a:hover {
color: #737373;
text-decoration: underline;
}

  /*/////////////////////////*/
 /*////// Bloc Pied 2 //////*/
/*/////////////////////////*/

p.pied2 {
text-align: center;
color: #474747;
font-size: 8pt; 
margin-right: 10px;
margin-left: 10px;
margin-top: 5px;
}

p.pied2 a:link  { 
color: #0066cc;
text-decoration: none;
}

p.pied2 a:visited { 
color: #0066cc;
text-decoration: none;
}

p.pied2 a:hover {
color: #000;
text-decoration: none;
}

  /*///////////////////////////////*/
 /*////// Icones de partage //////*/
/*///////////////////////////////*/

.addthis_toolbox .custom_images
{
text-align: center;
color: #fff;
margin-top: 15px;
}

.addthis_toolbox .custom_images a
{
    width: 24px;
    height: 24px;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.80;
}

.fbvimeo
{
text-align: center;
color: #fff;
font-size: 7pt;
font-weight: bold;
}

.fbvimeo a
{
    width: 50px;
    height: 50px;
}

.fbvimeo a:hover img
{
    opacity: 1;
}

.fbvimeo a img
{
    opacity: 0.7;
}

  /*/////////////////////////*/
 /*////// Google Maps //////*/
/*/////////////////////////*/

#map {
height: 333px;
width: 333px;
font-size: 2pt;
}

.carto {
width: 149px;
margin-left: 2px;
text-align: center;
}

.carto a:hover img {
background: url(gmaps/chrispicscarto.png) no-repeat;
}

  /*//////////////////////////////////*/
 /*////// Code couleur Tramway //////*/
/*//////////////////////////////////*/

.traml1
{
color: #0655b1;
}

.traml2
{
color: #fe6019;
}

.traml3
{
color: #0da248;
}

.traml4
{
color: #e0b127;
}

  /*//////////////////////////*/
 /*////// Commentaires //////*/
/*//////////////////////////*/



img {
border-style: none;
}

/**************************** Page ******************************/

.cmtx_page_id_alert {
color: #FFFFFF;
background-color: #FF0000;
}

.cmtx_maintenance_message {
}

.cmtx_height_for_divider {
margin-bottom: 25px;
}

/**************************** Comments **************************/

.cmtx_comments_heading {
margin: 10px;
height: 20px;
width: 489px;
font-size: 12pt; 
color: #fff;
font-weight: bold;
background: #178ade url(kit/moisphotos.gif);
text-align: center;
}

.cmtx_height_below_comments_heading {
margin-bottom: 0px;
}

.cmtx_no_comments_text {
font-style: italic;
margin-left: 11px;
color: #3b3828;
}

.cmtx_sort_block {
font-size: 0.8em;
margin-left: 10px;
}

.cmtx_sort_block a:link  { 
color: #0066cc;
text-decoration: none;
}

.cmtx_sort_block a:visited { 
color: #0066cc;
text-decoration: none;
}

.cmtx_sort_block a:hover {
color: #737373;
text-decoration: none;
}

.cmtx_height_below_sort {
margin-bottom: 3px;
}

.cmtx_average_rating_block {
float: left;
text-align: left;
border: 1px solid white;
width: 32%;
border-color: transparent;
}

.cmtx_star_image_avg {
vertical-align: bottom;
}

.cmtx_average_rating_text {
color: #424242;
font-size: 0.8em;
}

.cmtx_social_block {
text-align: center;
border: 1px solid white;
margin-right: 32%;
border-color: transparent;
}

.cmtx_social_images {
}

.cmtx_social_image {
padding-top: 6px;
padding-right: 2px;
margin-right: 10px;
vertical-align: bottom;
}

.cmtx_pagination_block_top {
float: right;
text-align: right;
border: 1px solid white;
width: 32%;
border-color: transparent;
}

.cmtx_height_above_comment_boxes {
margin-top: 7px;
}

.cmtx_comment_box_1 {
padding: 5px;
background-color: #fff;
border: 1px dotted #000;
overflow: hidden;
color: #3b3828;
width: 476px;
margin: 10px;
}

.cmtx_comment_box_1 a:link  { 
color: #0066cc;
text-decoration: none;
}

.cmtx_comment_box_1 a:visited { 
color: #0066cc;
text-decoration: none;
}

.cmtx_comment_box_1 a:hover {
color: #737373;
text-decoration: none;
}

.cmtx_comment_box_2 {
padding: 5px;
background-color: #fff;
border: 1px dotted #000;
overflow: hidden;
color: #3b3828;
width: 476px;
margin: 10px;
}

.cmtx_comment_box_2 a:link  { 
color: #0066cc;
text-decoration: none;
}

.cmtx_comment_box_2 a:visited { 
color: #0066cc;
text-decoration: none;
}

.cmtx_comment_box_2 a:hover {
color: #737373;
text-decoration: none;
}

.cmtx_reply_box_1 {
background-color: #fff;
border: 1px dotted #000;
padding: 5px;
overflow: hidden;
color: #3b3828;
width: 466px;
margin: 10px;
}

.cmtx_reply_box_1 a:link  { 
color: #0066cc;
text-decoration: none;
}

.cmtx_reply_box_1 a:visited { 
color: #0066cc;
text-decoration: none;
}

.cmtx_reply_box_1 a:hover {
color: #737373;
text-decoration: none;
}

.cmtx_reply_box_2 {
background-color: #fff;
border: 1px dotted #000;
padding: 5px;
overflow: hidden;
color: #3b3828;
width: 466px;
margin: 10px;
}

.cmtx_reply_box_2 a:link  { 
color: #0066cc;
text-decoration: none;
}

.cmtx_reply_box_2 a:visited { 
color: #0066cc;
text-decoration: none;
}

.cmtx_reply_box_2 a:hover {
color: #737373;
text-decoration: none;
}

.cmtx_admin_comment_box_1 {
background: url("../images/admin/admin.png") no-repeat;
background-position: 50% 10%;
padding: 5px;
background-color: #fff;
border: 1px dotted #000;
overflow: hidden;
color: #3b3828;
width: 476px;
margin: 10px;
}

.cmtx_admin_comment_box_1 a:link  { 
color: #0066cc;
text-decoration: none;
}

.cmtx_admin_comment_box_1 a:visited { 
color: #0066cc;
text-decoration: none;
}

.cmtx_admin_comment_box_1 a:hover {
color: #737373;
text-decoration: none;
}

.cmtx_admin_comment_box_2 {
background: url("../images/admin/admin.png") no-repeat;
background-position: 50% 10%;
padding: 5px;
background-color: #fff;
border: 1px dotted #000;
overflow: hidden;
color: #3b3828;
width: 476px;
margin: 10px;
}

.cmtx_admin_comment_box_2 a:link  { 
color: #0066cc;
text-decoration: none;
}

.cmtx_admin_comment_box_2 a:visited { 
color: #0066cc;
text-decoration: none;
}

.cmtx_admin_comment_box_2 a:hover {
color: #737373;
text-decoration: none;
}

.cmtx_admin_reply_box_1 {
background: url("../images/admin/admin.png") no-repeat;
background-position: 50% 10%;
padding: 5px;
background-color: #fff;
border: 1px dotted #000;
overflow: hidden;
color: #3b3828;
width: 466px;
margin: 10px;
}

.cmtx_admin_reply_box_1 a:link  { 
color: #0066cc;
text-decoration: none;
}

.cmtx_admin_reply_box_1 a:visited { 
color: #0066cc;
text-decoration: none;
}

.cmtx_admin_reply_box_1 a:hover {
color: #737373;
text-decoration: none;
}

.cmtx_admin_reply_box_2 {
background: url("../images/admin/admin.png") no-repeat;
background-position: 50% 10%;
padding: 5px;
background-color: #fff;
border: 1px dotted #000;
overflow: hidden;
color: #3b3828;
width: 466px;
margin: 10px;
}

.cmtx_admin_reply_box_2 a:link  { 
color: #0066cc;
text-decoration: none;
}

.cmtx_admin_reply_box_2 a:visited { 
color: #0066cc;
text-decoration: none;
}

.cmtx_admin_reply_box_2 a:hover {
color: #737373;
text-decoration: none;
}

.cmtx_height_between_comments {
margin-bottom: 3px;
}

.cmtx_reply_indent {
margin-left: 10px;
}

.cmtx_gravatar_block {
width: 70px;
float: left;
padding-right: 8px;
}

.cmtx_non_gravatar_block {
margin-left: 77px;
}

.cmtx_cmtx_reply_arrow {
background: url("../images/misc/arrow.png") no-repeat 0% 0%;
}

.cmtx_rating_block {
float: right;
}

.cmtx_star_image {
}

.cmtx_name_with_website_text {
font-weight: bold;
text-decoration: none;
}

.cmtx_name_without_website_text {
font-weight: bold;
color: #000;
}

.cmtx_town_country_text {
font-size: 0.8em;
}

.cmtx_says_text {
color: #000;
}

.cmtx_height_above_comment_text {
margin-bottom: 10px;
}

.cmtx_comment_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

.cmtx_height_above_reply_text {
margin-bottom: 10px;
}

.cmtx_reply_intro {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #006600;
}

.cmtx_reply_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

.cmtx_height_below_comment_text {
margin-bottom: 12px;
}

.cmtx_date_text {
color: #808080;
font-size: 0.8em;
margin-left: 5px;
}

.cmtx_sticky_image {
background: url("../images/misc/sticky.png") no-repeat;
background-position: 50% 99%;
}

.cmtx_buttons_block {
margin-right: -8px;
}

.cmtx_like_block, .flag_block, .reply_block {
float: right;
}

.cmtx_buttons a {
display: block;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-decoration: none;
font-weight: bold;
cursor: pointer;
padding-left: 3px;
padding-right: 3px;
}

.cmtx_buttons a img{
margin: 0 2px -3px 0 !important;
width: 16px;
height: 16px;
}

.cmtx_buttons a.vote_up {
color: #529214;
margin-right: 8px;
}

.cmtx_buttons a.vote_down {
color: #d12f19;
margin-right: 8px;
}

.cmtx_buttons a.flag {
color: #3b3828;
margin-right: 8px;
}

.cmtx_buttons a.reply_enabled {
color: #3b3828;
margin-right: 8px;
}

.cmtx_buttons a.reply_disabled {
color: #c8c8c8;
margin-right: 8px;
cursor: text;
}

.cmtx_height_below_comment_boxes {
margin-bottom: 5px;
}

.cmtx_rss_block {
float: left;
text-align: left;
border: 1px solid white;
width: 32%;
border-color: transparent;
}

.cmtx_rss_image {
height: 12px;
}

.cmtx_info_block {
text-align: center;
font-weight: bold;
border: 1px solid white;
margin-right: 32%;
border-color: transparent;
}

.cmtx_info_text {
color: #3b3828;
}

.cmtx_pagination_block_bottom {
float: right;
text-align: right;
border: 1px solid white;
width: 32%;
border-color: transparent;
}

/**************************** Processor *************************/

.cmtx_error_box {
position: relative;
float: left;
padding-top: 5px;
padding-bottom: 0px;
padding-right: 5px;
padding-left: 5px;
width: 476px;
border: 1px solid #e11;
color: #e11;
overflow: auto;
margin-left: 11px;
}

.cmtx_error_message_part_1 {
font-weight: bold;
}

.cmtx_error_message_part_2 {
}

.cmtx_error_details {
}


.cmtx_approval_box {
position: relative;
float: left;
padding-top: 4px;
padding-bottom: 0px;
padding-right: 5px;
padding-left: 5px;
width: 476px;
border: 1px solid #00a800;
color: #00a800;
overflow: auto;
margin-left: 11px;
}

.cmtx_approval_opening_text {
font-weight: bold;
}

.cmtx_approval_normal_text {
}


.cmtx_success_box {
position: relative;
float: left;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
width: 476px;
border: 1px solid #00a800;
color: #00a800;
overflow: auto;
margin-left: 11px;
}

.cmtx_success_opening_text {
font-weight: bold;
}

.cmtx_success_normal_text {
}

.cmtx_preview_block {
float: right;
}

.cmtx_preview_text {
color: #636363;
font-size: 0.8em;
font-weight: bold;
}

/**************************** Form ******************************/

.cmtx_form_heading {
width: 489px;
font-size: 0.1pt; 
color: #fff;
font-weight: bold;
text-align: center;
}

.cmtx_open_form {
margin: 10px;
height: 20px;
width: 489px;
font-size: 12pt; 
color: #fff;
font-weight: bold;
background: #178ade url(kit/affichecom.gif);
text-align: center;
}

.cmtx_open_form a:link  { 
color: #fff;
text-decoration: none;
}

.cmtx_open_form a:visited { 
color: #fff;
text-decoration: none;
}

.cmtx_open_form a:hover {
color: #000;
text-decoration: none;
}

.cmtx_height_below_form_heading {
margin-bottom: 10px;
}

.cmtx_all_forms_disabled_message {
}

.cmtx_this_form_disabled_message {
}

.cmtx_form_styling {
color: #3b3828;
margin-left: 11px;
}

.cmtx_javascript_disabled_message {
color: #FF0000;
font-weight: bold;
background-color: #FFFFCC;
}

.cmtx_reply_bar {
position: relative;
float: left;
border: 1px solid #000;
background-color: #e9f4fb;
color: #000;
padding: 2px;
padding-left: 3px;
padding-right: 3px;
width: auto;
margin-bottom: 5px;
margin-left: 11px;
}

.cmtx_height_below_reply_bar {
margin-bottom: 15px;
}

.cmtx_reply_bar a:link  { 
color: #0066cc;
text-decoration: none;
}

.cmtx_reply_bar a:visited { 
color: #0066cc;
text-decoration: none;
}

.cmtx_reply_bar a:hover {
color: #737373;
text-decoration: none;
}

#reply_message {
font-size: 0.9em;
}

#reset_reply {
font-size: 0.9em;
}

.cmtx_required_symbol {
color: #FF0000;
font-weight: bold;
vertical-align: top;
}

.cmtx_required_symbol_message {
color: #FF0000;
font-size: 0.8em;
margin-bottom: 20px;
}

.cmtx_height_below_required_symbol_message {
margin-bottom: 10px;
}

.cmtx_label {
float: left;
width: 115px;
}

.cmtx_height_between_fields {
margin-bottom: 5px;
}

.cmtx_email_note {
font-size: 0.7em;
}

.cmtx_height_above_bb_and_smilies {
margin-bottom: 5px;
}

.cmtx_bb_code_image {
vertical-align: bottom;
}

.cmtx_height_between_bb_and_smilies {
margin-bottom: 4px;
}

.cmtx_smiley_image {
vertical-align: bottom;
}

.cmtx_height_below_bb_and_smilies {
margin-bottom: 5px;
}

.cmtx_counter {
border: 0px;
font-size: 0.7em;
cursor: default;
background-color: transparent;
color: #3b3828;
}

.cmtx_question_part_question_text {
}

.cmtx_question_part_answer_text {
}

.cmtx_captcha_part_answer_text {
}

.cmtx_height_above_checkboxes {
margin-bottom: 18px;
}

.cmtx_notify_text {
}

.cmtx_privacy_text {
}

.cmtx_terms_text {
}

.cmtx_height_above_buttons {
margin-bottom: 18px;
}

/**************************** Powered By ************************/

.cmtx_height_above_powered {
margin-bottom: 16px;
}

.cmtx_powered_by {
color: #424242;
font-size: 0.7em;
}