/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.invisible {
 display:none;
}

/* STYLE DE LA PAGE CONTACT */
/*-- subtitles --*/
h2{
  background: url(../images/charte/icon-arrow.jpg) no-repeat left 9px;
  padding-left:17px;
  color:#DB2C2C;
  font:bold 11px Arial;
  margin-left:0;
  padding-top:5px;
  line-height:18px;
  }
h2#actualites,
h2#expositions,
h2#idees,
h2.atelierL,
h2.atelierU,
h2.atelierD,
h2.atelierR,
h2.planningT{
  background: url(../images/charte/title-actualites.jpg) no-repeat left top;
  border-bottom:1px solid #D9D6D6;
  width:693px;
  height:20px;
  font-size:14px;
  padding-left:26px;
  padding-top:7px;
  clear:both;
  }
  h2#expositions{background: url(../images/charte/title-expositions.jpg) no-repeat left top;}
  h2#idees{background: url(../images/charte/title-idees.jpg) no-repeat left top;}
  h2.atelierL{background: url(../images/charte/atelier-l.jpg) no-repeat left top;}
  h2.atelierU{background: url(../images/charte/atelier-u.jpg) no-repeat left top;}
  h2.atelierD{background: url(../images/charte/atelier-d.jpg) no-repeat left top;}
  h2.atelierR{background: url(../images/charte/atelier-r.jpg) no-repeat left top;}
  h2.planningT{background: url(../images/charte/planning-t.jpg) no-repeat left top;}
h3{color:#F24B4B;

  font-size:13px;
  margin:0 0 3px 0;
  padding:0;

  }
div.subtitle,
div.subtitle4
  {
/*  background: url(../images/charte/bg-subtitle.jpg) no-repeat left top;
*/  width:300px;
  float:right;
  padding-left:70px;
  margin-right:15px;
  display:inline;
  padding-top:6px;
  }
  .subtitle-accueil{
    margin-top:20px;
    background:none;
    float:left;
    padding-left:0;
    width:265px;
    }
  #contenuTexte div.subtitle p,
  #contenuTexte div.subtitle4 p,
  #contenuTexte .subtitle-accueil p
  {
  color:#D33434;
  text-align:center;
  margin-top:0;
  margin-top:10px;
  }
  div.subtitle4{
    width:470px;
    float:left;
    margin-top:20px;
    padding-top:0px;
    }
/*-- separators --*/
.line,
.line2{
  height:30px;
  background: url(../images/charte/line.jpg) repeat-x left center;
  line-height:0;
  font-size:0px;
  padding:0;
  clear:both;
  width:720px;
  }
  .line2{
    height:25px;
    }
.line1{
  height:30px;
  background: url(../images/charte/line.jpg) repeat-x left center;
  line-height:0;
  font-size:0px;
  padding:0;
  clear:left;
  width:480px;
  }
/*-- end separators --*/
/*-- lists --*/
ul.list,
ul.list1{
  list-style:none;
  margin-left:40px;
  margin-top:0px;
  }
  ul.list li,
  ul.list1 li{
    background: url(../images/charte/icon-list.jpg) no-repeat left 5px;
    font:normal 11px Arial;
    color:#7F0009;
    padding-left:10px;
    line-height:17px;
    margin-top:3px;
    }
  ul.list1{
    margin:0;
    float:left;
    }
  ul.list1 li {background: url(../images/charte/icon-list2.jpg) no-repeat left 3px;
    padding-left:25px;
    margin-top:0px;
     }
  ul.list li.lead{
    margin-top:0;
    margin-right:30px;
    }
/*-- end lists --*/
/*-- images --*/
.image-right{
  float:right;
  margin-right:20px;
  display:inline;
  margin-left:10px;
  margin-top:7px;
  }
  .image-right img,
  .image-left img{border:none;}
.image-left{
  float:left;
  margin-left:0px;
  display:inline;
  margin-right:10px;
  margin-top:7px;
  }
/*-- end images --*/
/*-- text --*/
#contenuTexte  p.text-indent{
  margin-left:30px;
  }
/*-- end text --*/

/*-- liens --*/
.liens-box{
  width:230px;
  float:left;
  margin-left:10px;
  display:inline;
  }
#contenuTexte p.liens-title{
  text-align:center;
  color:#E13E3E;
  font-weight:bold;
  margin:25px 0 0;
  padding-bottom:0;
  font-size:12px;
  }
.liens-content{
  width:230px;
  height:129px;
  background: url(../images/charte/bg-liens.jpg) no-repeat left top;
  padding-top:11px;
  }
  .liens-content div{
    width:120px;
    height:120px;
    margin-left:55px;
    }
.liens-link{
  background: url(../images/charte/liens-link.jpg) no-repeat left top;
  padding-left:20px;
  margin-left:5px;
  margin-top:6px;
  }
  #contenuTexte .liens-box a:link, #contenuTexte .liens-box a:visited{
    font:normal 11px Arial;
    text-decoration:underline;
    }
  #contenuTexte .liens-box a:hover, #contenuTexte .liens-box a:active{
    font:normal 11px Arial;
    }
/*-- end liens --*/

/*---Contact---*/
#contact-right{
  width:220px;
  float:right;
  height:200px;
  margin-right:14px;
  display:inline;
  border-left:1px dotted #C0C0C0;
  padding-left:10px;
  height:590px;
  }
  #contact-right .image-left{
    margin-left:0;
    margin-top:0;
    }
  #contenuTexte #contact-right p.petite{
    font-size:11px;
    margin:0;
    text-align:left;
    }
#contact-adresse{
  background: url(../images/charte/contact-adresse.jpg) no-repeat left top;
  width:230px;
  height:151px;
  margin-top:20px;
  float:left;
  }
  #contact-adresse span{
    margin-left:26px;
    }
  #contact-adresse p.text
    {
    text-align:center;
    font-size:11px;
    margin:0px;
    color:#DB2C2C;
    font-weight:bold;
    margin-top:20px;
    }
#contact-plan{
  width:240px;
  float:left;
  margin-left:10px;
  display:inline;
  background:url(../images/charte/plan.jpg) no-repeat center 120px;
  height:170px;
  padding-top:50px;
  }
  #contenuTexte #contact-plan p{
    font-size:11px;
    text-align:center;
    margin-right:0;
    padding-bottom:0;
    margin-top:0;
    }
.plan{
  padding-top:95px;
  text-align:center;
  }
#contenuTexte .plan a:link, #contenuTexte .plan a:visited{
    font:normal 11px Arial;
    text-decoration:underline;
    }
.contact-box{
	width:480px;
	}
.inputForm{
	border:1px solid #BAB6B6;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7F0009;
	}
.inputFormOver{
	border:1px solid #DA3939;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#DB2C2C;
	}
.envoyer,
.retablir
{
  border:none;
  background:url(../images/charte/envoyer.jpg) no-repeat left top;
	width:79px;
  height:18px;
	color:#fff;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  margin-left:10px;
	}
.envoyerOver,
.retablirOver
{
  border:none;
  background:url(../images/charte/envoyer.jpg) no-repeat left top;
	width:79px;
  height:18px;
 	color:#F9BABA;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  margin-left:10px;
	}
.retablir{
  background:url(../images/charte/retablir.jpg) no-repeat left top;
  margin-right:20px;
	}
.retablirOver
  {
  background:url(../images/charte/retablir.jpg) no-repeat left top;
  margin-right:20px;
	}
.haut{
  border:none;
  background:url(../images/charte/haut.jpg) no-repeat left top;
	width:130px;
  height:18px;
	color:#fff;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  margin-left:10px;
	}
.hautOver{
  border:none;
  background:url(../images/charte/haut.jpg) no-repeat left top;
	width:109px;
  height:18px;
 	color:#fff;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  margin-left:10px;
	}
.mail_label{
	width:70px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#7F0009;
	font:normal 11px Arial;
	text-align:left;
	}
	
	.radio{
	width:100px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#7F0009;
	font:normal 11px Arial;
	text-align:left;
	}
.mail_input{
	width:130px;
	float:left;
	margin-top:5px;
	color:#fff;
	}
textarea{
  width:124px;
  }
#contenuTexte p.small{
	font-size:10px;
  color:#7F0009;
  width:480px;
  text-align:center;
  margin-top:40px;

	}
#obligatoire p.star{
  color:#DB2C2C;
  font-size:10px;
  margin-top:0px;
  padding-top:0px;
  margin-left:149px;
  }
/*--end contact--*/

/*--realisations--*/
.realisations-defilant{
  width:624px;
  height:151px;
  background:url(../images/charte/bg-realisations1.jpg) no-repeat left top;
  float:left;
  }
.suivante{
  margin-top:120px;
  float:left;
  }
.precedente{
  margin-top:120px;
  float:left;
  width:55px;
  text-align:right;
  }
.realisations-image{
  width:290px;
  clear:both;
  text-align:center;
  margin:0 auto;
  clear:both;
  }
/*--end realisations--*/

/* --formation professionelle --*/
  table.tarifs-table{
    border:1px solid #CBC6C6;
    margin-top:10px;
    margin-left:10px;
    float:left;
    }
    td.stage{
      background-color:#F54D4D;
      border-right:1px solid #C22828;
      color:#fff;

      }
    td{
      padding:2px 5px;
      font:normal 11px Arial;
      color:#8B2530;
      border:1px solid #bcbcbc;
      text-align:center;
      }
#formation-box{
  width:290px;
  float:left;
  margin-right:10px;

  }
#formation-horaire{
  width:290px;
  height:86px;
  background:url(../images/charte/bg-formations.jpg) no-repeat left top;
  padding-top:10px;
  margin-top:5px;
  }
  #formation-horaire p{
    text-align:center;
   line-height:27px;
   margin:0;
   padding:0;
    }
   #formation-box p.text{
    text-align:center;
    font-size:11px;
    margin:0px;
    color:#DB2C2C;
     }
/* -- end formation professionelle --*/

/* -- actualites --*/
/*.actualites-box{
  width:340px;
  height:210px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:30px;
  border-bottom:1px solid #E93B3B;
  }
  #contenuTexte td.actualites-title{
    color:#fff;
    font:bold 11px Arial;
    height:35px;
    width:340px;
    background-color:#E93B3B;
    }
.actualites-thumb{
  width:150px;
  height:144px;
  background:red url(../images/charte/actualites-thumb.jpg) no-repeat left top;
  float:left;
  }
.actualites-text{
  height:150px;
  overflow: auto;

  }
#contenuTexte .actualites-text p{
  margin:0 5px 0 5px;
  padding-top:0;
  }
.actualites-link{
  float:right;
  background: url(../images/charte/actualites-link.jpg) no-repeat left top;
  padding-left:15px;
  margin-left:5px;
  margin-top:6px;
  }
  */
.actualites-box{
 /* width:340px;
  height:210px;*/
  width:720px;
  height:150px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:10px;
  border-bottom:0px solid #E93B3B;
  }
  #contenuTexte td.actualites-title{
    color:#fff;
    font:bold 11px Arial;
    height:15px;
    width:720px;
    background:url(../images/charte/bg-actu.gif) left top repeat-x;
    }
.actualites-thumb{
  width:200px;
  height:100px;
  background:url(../images/charte/encart_photo_actu.png) center top no-repeat;
_background:url();
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/encart_photo_actu.png", sizingMethod="crop");
  float:left;
  }
.actualites-text{
  height:100px;
  overflow: auto;
  color:#fff;
  }
#contenuTexte .actualites-text p{
  margin:0 5px 0 5px;
  padding-top:0;
  color:#fff;
  }
.actualites-link{
  float:right;
  /*padding:0 0 0 15px;*/
  margin-right:10px;
  /*background: url(../images/charte/actualites-link.jpg) no-repeat left top;*/
  }

#contenuTexte .liens-box a:link, #contenuTexte .liens-box a:visited{
    font:normal 11px Arial;
    text-decoration:underline;
    }
.up{
  clear:both;
  padding:10px 15px 0 0;
  text-align:right;
  }
#contenuTexte .up a:link, #contenuTexte .up a:visited{
  font:bold 11px Arial;
  text-decoration:none;
  color:#fff;
  }
#contenuTexte .up a:hover, #contenuTexte .up a:active{
  color:#F9BABA;
  }
#idee-box,
#accueil-box{
  width:230px;
  height:95px;
  background:url(../images/charte/bg-idees.jpg) no-repeat left top;
  padding-top:18px;
  padding-left:10px;
  float:left;
  }
  #contenuTexte #idee-box p,
  #contenuTexte #accueil-box p{
    font-weight:bold;
    margin-top:0;
    text-align:center;
    line-height:20px;
    }
  #accueil-box{
    width:290px;
    height:95px;
    background:url(../images/charte/bg-accueil.jpg) no-repeat left top;
    }
/* -- end actualites --*/
.cours-box{
  width:250px;
  float:left;
  display:inline;
  text-align:center;
  }
  #contenuTexte .cours-box  p.programme{
    text-align:center;
    margin-right:25px;
    color:#DB2C2C;
    font-weight:bold;
    margin-top:0;
    }
#cgv h4{
  color:red;
  }

/* -- planning --*/
.planing-box{
  width:460px;
  height:400px;
  background-color:#fff;
  border:1px solid #CCCCCC;
  overflow:auto;

  }
td.planing-title{
  height:30px;
  background-color:#E93B3B;
  font:bold 11px Arial;
  color:#fff;
  margin-top:0px;
  }
p{
	padding-bottom:5px;
	font-size:11px;
	text-align:justify;
	color: #7F0009;
  line-height:18px;
  margin:10px 6px;
  font-family:Arial;}


#colonne_index{
width:340px;
float:left;
}