html{
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
  margin: 0;
}
body{
     margin: 0;
    padding: 0; /* Remettre à zéro si nécessaire. */
    /* Pensez à utiliser une collection de polices (2), par ex:
    font-family: Arial, Helvetica, FreeSans, sans-serif; */
    font-size: .8em; /* À adapter pour la police choisie. (3) */
    line-height: 1.4; /* À adapter au design. (4) */
    color: #39424b;
    background: #768293;
	  font: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
/***********************************************/
/* comportement des liens                      */
/***********************************************/
a {
  text-decoration: none;
  color: #06c;
}
a:hover {
  color: #ed001b;
}
a:visited{
  color: #06c;
}
/***********************************************/
/* comportement des titres                     */
/***********************************************/

h2, h3, h4, h5, h6 {
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
}
.titre-site {
  width: 733px;
  float: right;
}

h2, h3{
  font-size: 1em;
}
h3{
  margin: 1em 0;
}
/***********************************************/
/* comportement des balises de mise en page    */
/***********************************************/
blockquote{
  text-align: justify;
}
p{
  text-align: justify;
   margin: .2em 0; /* Marges plus faibles que par défaut. (7) */
}
dfn{
  display: block;
  width: 400px;
  margin : 10px 5px 10px 100px;
  padding: 5px;
  border-left: 1px solid #004080;
  text-align: justify;
}
li{
  margin: 5px 20px;
}
img{
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.tac{
  text-align: center;
}
.tar{
  text-align: right;
  margin-right: 10px;
  color: #fff;
}
/***********************************************/
/* positionnement blocs                        */
/***********************************************/

#conteneur-upside{
  background:  url('http://www.communicantes.fr/2image/bg_contenu.jpg') top left repeat-x;
}
.conteneur{
   width: 940px;
   margin: 0px auto;
   padding: 20px 0px;
   background: #181c21 url('http://www.communicantes.fr/2image/bg_conteneur.jpg') top left repeat-x;
}
#conteneur-inside{
  width: 900px;
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align: justify;
  position: relative;
}

#conteneur-inside-inside{
  background: #efefef;
  padding: 10px;
}

#haut-conteneur-inside{
  background: url('http://www.communicantes.fr/2image/haut-conteneur-inside.png') top left no-repeat;
  height:8px;
}
#bas-conteneur-inside{
  background: url('http://www.communicantes.fr/2image/bas-conteneur-inside.png') top left no-repeat;
  height: 8px;
}

/** header **/
#header{
  width: 100%;
  margin: 0;
  padding: 0px 0 10px 0;
  height: 167px;
  background: #0b2846 url('http://www.communicantes.fr/2image/bg_top.jpg') top left repeat-x;
  z-index: 1;
}
#header p, #header img{
  margin: 0;
  padding: 0;
}

.header-inside{
  padding: 0;
  margin: 0px auto;
  width: 940px;
}

#header-upside {
  background: #000;
  width: 100%;
  margin: 0px;
  height: 25px;
  font-size: 0.9em;
}
#header-upside a{
  color: silver;
}
#header-upside a:hover{
  color: #768293;
}
/* liens d'évitement */

.header-inside ul  {
  float: right;
  margin: 0px;
  list-style: none;
}

.header-inside li {
  display: inline;
  margin: 0px 10px 0px 0px;
}

.header-inside li a {
  text-decoration: none;
  font-weight: normal;
}
/** fin header **/

#pied {
  margin: 0px;
  padding: 15px 0px;
  color: #39424b;
  width: 100%;
}
#pied p{
  font-size: 1em;
  margin: 0;
  padding: 1px;
  text-align: center;
}
#pied a{
  color: #39424b;
  text-decoration: none;
}
#pied a:hover{
  color:#fff;

}
#pied img{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/***********************************************/
/* formulaire contact                          */
/***********************************************/
input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
   background-color: #ccc;
}

label
{
   color: #39424b;
   margin: 10px;
}
input{
  margin: 10px;
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #39424b;
   font-weight: bold;
   margin-left: 5px;

}

fieldset
{
   background-color: #efefef;
   width: 700px;
   margin : 5px auto;
}

textarea{
  width: 650px;
  height: 200px;
  margin: 10px auto;
}
blockquote.confirmation{
  width: 300px;
  border: 1px dotted gray;
  margin: 15px auto;
  padding: 10px 20px;
  background: #8e0e1d;
  color: #ffffff;
}
/***********************************************/
/* formulaire ajout de donnees                 */
/***********************************************/

.edito label{
  display: inline;
  float: left;
  width: 150px;
  font-weight:bold;
  margin: 0 0 0 5px;
  }
/***********************************************/
/* tableau téléchargement                      */
/***********************************************/

.down{
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 1px dotted;
  text-align: center;
}

.cb{clear:both;}
.fl{
  float: left;
  padding-right: 15px;
}
img.fl{
  padding: 0px 15px 15px 0px;
}
.fr{
  float: right;
}
img.fr {
  padding: 0px 0px 15px 15px;
}

.evidence{
  color: #8e0e1d;
}
.italic{
  font-style: italic;
}
.red {
 color : red;
}



.separation{
  border-bottom: 1px dotted #004080;
}
/** colonnes page accueil **/
    /** bloc lateral **/
.bloclateral{
  float: right;
  width: 300px;
  margin: 20px 0 0 0;
  padding: 0px;
  position: relative;
}

.bloclateral a{
  text-decoration: none;
}
.bloclateral a:hover, a:focus,#conteneur-inside-gauche h3{
  color: #39424b;
}

.haut-cadre-bloclateral{
  width: 300px;
  height: 8px;
  background: url('http://www.communicantes.fr/2image/haut_cadre_bloclateral.png') left no-repeat;
  margin: 0px;
}
.bas-cadre-bloclateral{
  width: 300px;
  height: 8px;
  background: url('http://www.communicantes.fr/2image/bas_cadre_bloclateral.png') left no-repeat;
  margin: 0px;
}
#bloclateral-inside{
   background: #efefef;
}
.bloc{
  padding: 5px;
}
.bloc h2{
  border: 1px dotted silver;
  border-width: 1px 0px;
  text-align: center;
  padding: 2px 5px;
  margin: 5px 0px;
  color: #efefef;
  background: #768293;
}
    /** bloc central **/

.bloccentral{
  width: 580px;
  margin: 20px 0 0 0;
  padding: 0px;
  text-align: justify;
  float:left;
}
.bloccentral-inside{
  background: #fff;
  position: relative;
}

.haut-cadre-bloccentral{
  width: 580px;
  margin: 0;
  height: 8px;
  background: url('http://www.communicantes.fr/2image/haut_cadre_bloccentral.png') left no-repeat;
  margin: 0px;
}
.bas-cadre-bloccentral{
  width: 580px;
  height: 8px;
  background: url('http://www.communicantes.fr/2image/bas_cadre_bloccentral.png') left no-repeat;
  margin: 0px;
}

.piedbloc{
  border: 1px dotted #aaa;
  border-width: 1px 0px;
  margin: 10px 0 10px 0;
  font-size: 0.9em;
  padding: 0px;
  color: #5a5e6b;
}
.piedbloc p{

}
/** bandeau haut de page **/

#horaires{
  float: right;
  width: 375px;
  text-align: left;
  color: #efefef;
}
#horaires ul{
  margin: 0.5em 0 0.5em 32px;
  padding: 0;
  list-style: inside url('http://www.communicantes.fr/2image/bullet.png');
}
#horaires li{
  margin: 0px;
}
#horaires h3{
  margin: 0.4em 0 0 0;
  font-size: 1.1em;
}
#horaires a{
  color: #fff;
  text-decoration: underline;
}
#horaires a:hover{
  color: #8e0e1d;
  background: #fff;
}
/** fin bandeau haut**/


.barre{
  text-decoration: line-through;
}
.prixpromo{
  background-color: #ce0000;
  color: #fff;
}

.fl2{
  float: left;
  margin: 0px 30px 0px 0px;
  width: 425px;
  display: block;
  height: 230px;
  color: red;

}
img.fl2{
  padding: 0px;
}


table.video{
  width: 500px;
  margin: 0px auto;
  text-align: center;
}
blockquote{
  font-style: italic;
}
/*** Table des liens ***/

dl.lien{
  width: 252px;
  float: left;
  margin: 5px 0px 10px 30px;
}
.lien dt{
  font-weight: bold;
  text-align: center;
}
.lien dd{
  font-style: italic;
  text-align: justify;
}

blockquote.alerte{
  width: 855px;
  background: #f5f5f5;
  margin: 15px auto;
  border: 1px dotted red;
  padding: 20px;
  text-align: justify;
}

/*page kermesse*/
.partenaire{
  width: 290px;
  float: right;
  clear: left;
  border: 1px dotted gray;
  background-color: #fff;
  padding: 0 0 5px 0;
  margin: 0 0 0 20px;
}
.partenaire p{
    padding: 0px 5px;
    font-size: 0.9em;
}
.partenaire h2{
  margin: 0px;
  width: 100%;
  font-variant: small-caps;
  margin: 0px;
  padding: 5px 0px;
  border: 0px;
  font-size: 1.2em;
}
.partenaire h3{
  width: 100%;
  background-color: #a40303;
  color: #aaa;
  margin: 0px;
  padding: 5px 0px;
  text-align: center;
  margin: 10px 0 10px 0;
  color: #fff;
}


.publ h3{
  display:list-item;
  list-style-image:url("http://www.communicantes.fr/2image/coche.jpg");
  list-style-position:inside;
  padding: 0px;
  margin: 0 0 10px 0;
}
.publ h4,ul,ol{
  padding-left: 65px;
}