@charset "utf-8";
/* CSS Document */
/*#####################################comment ça marche#######################################################################*/
li{margin:0; padding:0;}
#conteneur-titre-vert{ width:555px; height:34px; margin-bottom:20px; background-image:url(../images/pixel-vert.gif); background-repeat:repeat-x; background-position:bottom;}
#logo-i-vert{ width:24px; height:44px; padding-bottom:16px; background-image:url(../images/logo-comment-ca-marche.jpg); background-repeat:no-repeat; float:left;}
#titre-comment-ca-marche{float:left; padding:8px 10px 0 10px; background-color:#fff;}
#photo{width:106px; height:202px; float:right; background-repeat:no-repeat;}
#texte{width:555px; float:left;}

/*############################################### template-dependance ##############################################################*/
#photo-auxilliaire{width:540px; height:116px; margin:auto;}
#txt-auxilliaire{ width:540px; margin:0px 0px 10px 5px;}
#liens_bleu{ border-top:solid 1px #5daff1; margin-bottom:15px;}

                         /*############# template-dependance_garde_enfants violet ###########################*/
#conteneur-titre-violet{ width:555px; height:34px; margin-bottom:20px; background-image:url(../images/pixel-violet.gif); background-repeat:repeat-x; background-position:bottom;}
#logo-i-violet{ width:24px; height:44px; padding-bottom:16px; background-image:url(../images/logo-i-violet.jpg); background-repeat:no-repeat; float:left;}
#titre-violet{float:left; padding:8px 10px 0 10px; background-color:#fff;}
#liens_violet{ border-top:solid 1px #a4228e; margin-bottom:15px;}

                        /*############# template-dependance_ménage orange ###########################*/
#conteneur-titre-orange{ width:555px; height:34px; margin-bottom:20px; background-image:url(../images/pixel-orange.gif); background-repeat:repeat-x; background-position:bottom;}
#logo-i-orange{ width:24px; height:44px; padding-bottom:16px; background-image:url(../images/logo-i-orange.jpg); background-repeat:no-repeat; float:left;}
#titre-orange{float:left; padding:8px 10px 0 10px; background-color:#fff;}
#liens_orange{ border-top:solid 1px #f7921c; margin-bottom:15px;}

/*############################################### CLASS ####################################################################*/
h1.h1vert, h2.h2vert, h3.h3vert{ margin:0px; color:#005e25; font-size:12px; background-color:#FFFFFF;}
h1.h1bleu, h2.h2bleu{ margin:0px; color:#5daff1; font-size:12px;}
ul.ultxtgris12 { font-size:12px; color:#656565;}
li.texte-principal{ margin-left:30px; list-style-image:url(../images/puce-verte.jpg); color:#656565;}
li.texte-principal-auxilliaire_bleu{list-style-image: url(../images/li-bleu.jpg); margin-left:30px;color:#656565; }
li.liens-auxilliaire_bleu{list-style-image: url(../images/li-bleu.jpg); margin-left:30px; margin-top:10px; text-align:justify; font-size:12px; color:#5daff1; padding-right:5px;}
.txtbleu12{ font-size:12px; color:#5daff1; text-align:justify; margin-top:5px;}
.txtgris12{ font-size:12px; color::#656565; text-align:justify;}
a.lien-auxilliaire_bleu{ margin-left:10px; font-size:12px; color:#5daff1; text-decoration:none; margin-top:12px;}
a.lien-auxilliaire_bleu:hover{ text-decoration:underline;}

                           /*################## CLASS violet ###########################*/
						   
h1.h1violet, h2.h2violet{ margin:0px; color:#a4228e; font-size:12px; background-color:#fff;}
li.liens-auxilliaire_violet{list-style-image: url(../images/li-violet.jpg); margin-top:10px; text-align:justify; font-size:12px; color:#5daff1;}
li.texte-principal-auxilliaire_violet{ list-style-image: url(../images/li-violet.jpg);margin-left:30px;  }
.txtviolet12{ font-size:12px; color:#a4228e; text-align:justify; margin-top:5px;}
a.lien-auxilliaire_violet{ font-size:12px; color:#a4228e; text-decoration:none; margin-top:12px;}
a.lien-auxilliaire_violet:hover{ text-decoration:underline;}
  
                            /*################## CLASS orange ###########################*/
h1.h1orange, h2.h2orange{ margin:0px; color:#f7921c; font-size:12px; background-color:#fff;}
li.liens-auxilliaire_orange{list-style-image: url(../images/li-orange.jpg); margin-top:10px; text-align:justify; font-size:12px; color:#5daff1;}
li.texte-principal-auxilliaire_orange{list-style-image: url(../images/li-orange.jpg); margin-left:30px;}
.txtorange12{ font-size:12px; color:#f7921c; text-align:justify; margin-top:5px;}
a.lien-auxilliaire_orange{ font-size:12px; color:#f7921c; text-decoration:none; margin-top:12px;}
a.lien-auxilliaire_orange:hover{ text-decoration:underline;}
img.visuel_page_interieur { float:right; margin:0 0 5px 0px;}


                             /*################## CLASS ACTUALITES ###########################*/
							
#liste-actu{ font-size:12px;}
a.lien-vertactu12{ font-size:12px; color:#005e25; text-decoration:none; display:block; text-align:left; clear:both; margin-top:10px;}
a.lien-vertactu12:hover{ font-weight:bold;}
img.img-actualite { float:left; margin:3px 10px 5px 0; display:block;}
img.puce-actualite { margin:0 10px 0 0;}	
h1.h1vertactu, h2.h2vertactu{ margin:0 0 10px 0; color:#005e25; font-size:11px; background-color:#FFFFFF; margin-top:10px;}